1<!doctype html> 2<html lang="nl"> 3 <head> 4
5<script> 6 window._privacy = window._privacy || []; 7 window.cmpProperties = { 8 integratorId: "nu-nl", 9 language: "nl", 10 darkModeEnabled: false 11 }; 12 </script>
12 13 14<link rel="preconnect" href="https://myprivacy-static.dpgmedia.net"> 15
15<script src="https://myprivacy-static.dpgmedia.net/consent.js"></script>
15 16
17<script> 18 (function () { 19 function deny() { 20 if ( 21 window.Shopify && 22 window.Shopify.customerPrivacy && 23 typeof window.Shopify.customerPrivacy.setTrackingConsent === 'function' 24 ) { 25 window.Shopify.customerPrivacy.setTrackingConsent( 26 { analytics: false, marketing: false, preferences: false, sale_of_data: false }, 27 function () {} 28 ); 29 } else { 30 setTimeout(deny, 50); 31 } 32 } 33 deny(); 34 })(); 35 </script>
35<script> 36 (function () { 37 var w = window; 38 w._privacy = w._privacy || []; 39 var consentApplied = false; 40 41 // Map DPG dpgConsentString purposes -> Shopify Customer Privacy flags. 42 // Mapping is DRAFT pending Privacy Squad / legal sign-off. 43 function toShopifyFlags(consentData) { 44 var purposes = String((consentData && consentData.dpgConsentString) || '').split('|'); 45 var has = function (p) { 46 return purposes.indexOf(p) !== -1; 47 }; 48 var marketingGranted = has('marketing'); 49 50 return { 51 analytics: has('analytics'), 52 marketing: marketingGranted, 53 preferences: has('personalisation'), 54 // Interim (pending legal): always "do not sell / share". 55 sale_of_data: false 56 }; 57 } 58 59 function push(flags) { 60 if ( 61 !( 62 w.Shopify && 63 w.Shopify.customerPrivacy && 64 typeof w.Shopify.customerPrivacy.setTrackingConsent === 'function' 65 ) 66 ) { 67 return setTimeout(function () { 68 push(flags); 69 }, 50); 70 } 71 w.Shopify.customerPrivacy.setTrackingConsent(flags, function () {}); 72 } 73 74 function applyFromDpg(consentData) { 75 consentApplied = true; 76 push(toShopifyFlags(consentData)); 77 } 78 79 w._privacy.push(['consentgiven', applyFromDpg]); 80 w._privacy.push(['consentupdated', applyFromDpg]); 81 82 // Resilience: if no DPG consent arrives, fall back to analytics-only. 83 // Gate on consentApplied, not Array.isArray(_privacy) â consent.js can replace 84 // the queue even when integrator-config fails (wrong ID -> 403). 85 setTimeout(function () { 86 if (!consentApplied) { 87 push({ analytics: true, marketing: false, preferences: false, sale_of_data: false }); 88 } 89 }, 5000); 90 })(); 91 </script>
91 92 93 <meta charset="utf-8"> 94<meta http-equiv="X-UA-Compatible" content="IE=edge"> 95<meta name="viewport" content="width=device-width,initial-scale=1"><link 96 rel="icon" 97 type="image/png" 98 href="//shop.nu.nl/cdn/shop/files/NU.nl_Logo_Primair_RGB_1.png?crop=center&height=32&v=1783494474&width=32" 99 > 100 101<meta 102 property="og:site_name" 103 content="NUshop" 104> 105<meta 106 property="og:url" 107 content=" 108 109https://www.leukstetickets.nl/product/kerst-met-andre-rieu" 110> 111<meta 112 property="og:title" 113 content="Kerst met André Rieu Maastricht - Tickets incl. boek en dvd" 114> 115<meta 116 property="og:type" 117 content="product" 118> 119<meta 120 property="og:description" 121 content="Koop tickets voor het kerstconcert van André Rieu in MECC Maastricht en krijg het officiële concertboek van André Rieuâs kerstconcerten inclusief DVD cadeau." 122><meta 123 property="og:image" 124 content="https://shop.nu.nl/cdn/shop/files/cmsssmdoa0tvt07w2rime1ijf_f4350612-8695-44b9-aa44-f3fd2c3a8c71.jpg?v=1790201164" 125 > 126 <meta 127 property="og:image:secure_url" 128 content="https://shop.nu.nl/cdn/shop/files/cmsssmdoa0tvt07w2rime1ijf_f4350612-8695-44b9-aa44-f3fd2c3a8c71.jpg?v=1790201164" 129 > 130 <meta 131 property="og:image:width" 132 content="2500" 133 > 134 <meta 135 property="og:image:height" 136 content="1667" 137 >
137<script type="application/ld+json"> 138 {"@context":"http:\/\/schema.org\/","@id":"\/products\/kerst-met-andre-rieu#product","@type":"Product","brand":{"@type":"Brand","name":"NUshop"},"category":"","description":"","image":"https:\/\/shop.nu.nl\/cdn\/shop\/files\/cmsssmdoa0tvt07w2rime1ijf_f4350612-8695-44b9-aa44-f3fd2c3a8c71.jpg?v=1790201164\u0026width=1920","name":"Kerst met André Rieu","offers":{"@id":"\/products\/kerst-met-andre-rieu?variant=54626685681991#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"79.00","priceCurrency":"EUR","url":"https:\/\/shop.nu.nl\/products\/kerst-met-andre-rieu?variant=54626685681991"},"url":"https:\/\/shop.nu.nl\/products\/kerst-met-andre-rieu"} 139 </script>
139 140 141 <meta 142 property="og:price:amount" 143 content="79,00" 144 > 145 <meta 146 property="og:price:currency" 147 content="EUR" 148 ><meta 149 name="twitter:card" 150 content="summary_large_image" 151> 152<meta 153 name="twitter:title" 154 content="Kerst met André Rieu Maastricht - Tickets incl. boek en dvd" 155> 156<meta 157 name="twitter:description" 158 content="Koop tickets voor het kerstconcert van André Rieu in MECC Maastricht en krijg het officiële concertboek van André Rieuâs kerstconcerten inclusief DVD cadeau." 159> 160 161<title> 162 Kerst met André Rieu Maastricht - Tickets incl. boek en dvd 163</title> 164 165<link 166 rel="canonical" 167 href=" 168 169https://www.leukstetickets.nl/product/kerst-met-andre-rieu" 170> 171 172 173 <meta 174 name="description" 175 content="Koop tickets voor het kerstconcert van André Rieu in MECC Maastricht en krijg het officiële concertboek van André Rieuâs kerstconcerten inclusief DVD cadeau." 176 > 177 178 179 180 181<style data-shopify> 182 183 /* 184 Full-bleed header tricks use 100vw; with a vertical scrollbar that is wider than the layout 185 and causes horizontal scroll. Clip on the root (not hidden) keeps sticky behavior working in 186 most browsers while killing the stray overflow. 187 */ 188 html { 189 overflow-x: clip; 190 } 191 192 /* Custom font faces */ 193 @font-face { 194 font-family: 'Onest'; 195 src: url('//shop.nu.nl/cdn/shop/t/2/assets/Onest-Thin.woff?v=144860889565142170021777995122') format('woff'); 196 font-weight: 100; 197 font-style: normal; 198 font-display: swap; 199 } 200 @font-face { 201 font-family: 'Onest'; 202 src: url('//shop.nu.nl/cdn/shop/t/2/assets/Onest-ExtraLight.woff?v=178696111273672564951777995119') format('woff'); 203 font-weight: 200; 204 font-style: normal; 205 font-display: swap; 206 } 207 @font-face { 208 font-family: 'Onest'; 209 src: url('//shop.nu.nl/cdn/shop/t/2/assets/Onest-Light.woff?v=161289524508810776561777995119') format('woff'); 210 font-weight: 300; 211 font-style: normal; 212 font-display: swap; 213 } 214 @font-face { 215 font-family: 'Onest'; 216 src: url('//shop.nu.nl/cdn/shop/t/2/assets/Onest-Regular.woff?v=71279087985820939291777995121') format('woff'); 217 font-weight: 400; 218 font-style: normal; 219 font-display: swap; 220 } 221 @font-face { 222 font-family: 'OnestMedium'; 223 src: url('//shop.nu.nl/cdn/shop/t/2/assets/Onest-Medium.woff?v=86694431135021796441777995120') format('woff'); 224 font-weight: 500; 225 font-style: normal; 226 font-display: swap; 227 } 228 @font-face { 229 font-family: 'OnestSemiBold'; 230 src: url('//shop.nu.nl/cdn/shop/t/2/assets/Onest-SemiBold.woff?v=28905422624632646861777995122') format('woff'); 231 font-weight: 600; 232 font-style: normal; 233 font-display: swap; 234 } 235 @font-face { 236 font-family: 'OnestBold'; 237 src: url('//shop.nu.nl/cdn/shop/t/2/assets/Onest-Bold.woff?v=92728297846156600671777995117') format('woff'); 238 font-weight: 700; 239 font-style: normal; 240 font-display: swap; 241 } 242 @font-face { 243 font-family: 'OnestExtraBold'; 244 src: url('//shop.nu.nl/cdn/shop/t/2/assets/Onest-ExtraBold.woff?v=17168654545955623421777995118') format('woff'); 245 font-weight: 800; 246 font-style: normal; 247 font-display: swap; 248 } 249 @font-face { 250 font-family: 'OnestBlack'; 251 src: url('//shop.nu.nl/cdn/shop/t/2/assets/Onest-Black.woff?v=137142391037601358661777995117') format('woff'); 252 font-weight: 900; 253 font-style: normal; 254 font-display: swap; 255 } 256 257 @font-face { 258 font-family: 'GeistThin'; 259 src: url('//shop.nu.nl/cdn/shop/t/2/assets/Geist-Thin.woff2?v=72917283601273891961777995122') format('woff2'); 260 font-weight: 100; 261 font-style: normal; 262 font-display: swap; 263 } 264 @font-face { 265 font-family: 'GeistExtraLight'; 266 src: url('//shop.nu.nl/cdn/shop/t/2/assets/Geist-ExtraLight.woff2?v=163738788308433879421777995121') format('woff2'); 267 font-weight: 200; 268 font-style: normal; 269 font-display: swap; 270 } 271 @font-face { 272 font-family: 'GeistLight'; 273 src: url('//shop.nu.nl/cdn/shop/t/2/assets/Geist-Light.woff2?v=13081106159983627671777995123') format('woff2'); 274 font-weight: 300; 275 font-style: normal; 276 font-display: swap; 277 } 278 @font-face { 279 font-family: 'GeistRegular'; 280 src: url('//shop.nu.nl/cdn/shop/t/2/assets/Geist-Regular.woff2?v=136562679300028918631777995119') format('woff2'); 281 font-weight: 400; 282 font-style: normal; 283 font-display: swap; 284 } 285 @font-face { 286 font-family: 'GeistMedium'; 287 src: url('//shop.nu.nl/cdn/shop/t/2/assets/Geist-Medium.woff2?v=158923411538821148241777995118') format('woff2'); 288 font-weight: 500; 289 font-style: normal; 290 font-display: swap; 291 } 292 @font-face { 293 font-family: 'GeistSemiBold'; 294 src: url('//shop.nu.nl/cdn/shop/t/2/assets/Geist-SemiBold.woff2?v=122735656
294769427708261777995121') format('woff2'); 295 font-weight: 600; 296 font-style: normal; 297 font-display: swap; 298 } 299 @font-face { 300 font-family: 'GeistBold'; 301 src: url('//shop.nu.nl/cdn/shop/t/2/assets/Geist-Bold.woff2?v=127078916699895177781777995118') format('woff2'); 302 font-weight: 700; 303 font-style: normal; 304 font-display: swap; 305 } 306 @font-face { 307 font-family: 'GeistExtraBold'; 308 src: url('//shop.nu.nl/cdn/shop/t/2/assets/Geist-ExtraBold.woff2?v=150597105555230291111777995120') format('woff2'); 309 font-weight: 800; 310 font-style: normal; 311 font-display: swap; 312 } 313 @font-face { 314 font-family: 'Geist'; 315 src: url('//shop.nu.nl/cdn/shop/t/2/assets/Geist-Black.woff2?v=175859867652426867901777995117') format('woff2'); 316 font-weight: 900; 317 font-style: normal; 318 font-display: swap; 319 } 320@font-face { 321 font-family: Geist; 322 font-weight: 400; 323 font-style: normal; 324 font-display: swap; 325 src: url("//shop.nu.nl/cdn/fonts/geist/geist_n4.6e27f20c83b0a07405328f98ff3b0be957c5d6d5.woff2") format("woff2"), 326 url("//shop.nu.nl/cdn/fonts/geist/geist_n4.492f36219dd328eb9d6fa578986db9fe6d514f67.woff") format("woff"); 327} 328 329/* Theme settings colors */ 330 :root { 331 332 /* Custom font families */ 333 --font-onest: 'OnestRegular', sans-serif; 334 --font-onest-medium: 'OnestMedium', sans-serif; 335 --font-onest-semi-bold: 'OnestSemiBold', sans-serif; 336 --font-onest-bold: 'OnestBold', sans-serif; 337 --font-onest-extra-bold: 'OnestExtraBold', sans-serif; 338 --font-onest-black: 'OnestBlack', sans-serif; 339 340 --font-geist-thin: 'GeistThin', sans-serif; 341 --font-geist-extra-light: 'GeistExtraLight', sans-serif; 342 --font-geist-light: 'GeistLight', sans-serif; 343 --font-geist-regular: 'GeistRegular', sans-serif; 344 --font-geist-medium: 'GeistMedium', sans-serif; 345 --font-geist-semi-bold: 'GeistSemiBold', sans-serif; 346 --font-geist-bold: 'GeistBold', sans-serif; 347 348 /* Font properties */--heading-font-family: var(--font-onest-semi-bold), Arial, sans-serif; 349 --heading-font-weight: 400; 350 --heading-font-style: normal; 351 --heading-text-transform: normal; 352 --heading-letter-spacing: -0.03em; 353 354 /* Fluid typography with clamp for responsive headings */ 355 --text-heading-size-factor: 1; 356 357 /* h1: scales from 2rem (32px) to 3.5rem (56px) */ 358 --text-h1: max(1.25rem, clamp(2rem, 1.5rem + 2.5vw, 3.5rem) * var(--text-heading-size-factor)); 359 360 /* h2: scales from 1.5rem (24px) to 2.5rem (40px) */ 361 --text-h2: max(1.125rem, clamp(1.5rem, 1.125rem + 1.875vw, 2.5rem) * var(--text-heading-size-factor)); 362 363 /* h3: scales from 1.25rem (20px) to 2rem (32px) */ 364 --text-h3: max(1rem, clamp(1.25rem, 0.9375rem + 1.5625vw, 2rem) * var(--text-heading-size-factor)); 365 366 /* h4: scales from 1.125rem (18px) to 1.5rem (24px) */ 367 --text-h4: max(0.9375rem, clamp(1.125rem, 0.875rem + 1.25vw, 1.5rem) * var(--text-heading-size-factor)); 368 369 /* h5: scales from 1rem (16px) to 1.25rem (20px) */ 370 --text-h5: max(0.875rem, clamp(1rem, 0.8125rem + 0.9375vw, 1.25rem) * var(--text-heading-size-factor)); 371 372 /* h6: scales from 0.9375rem (15px) to 1.125rem (18px) */ 373 --text-h6: max(0.8125rem, clamp(0.9375rem, 0.8125rem + 0.625vw, 1.125rem) * var(--text-heading-size-factor));--text-font-family: var(--font-geist-regular), sans-serif; 374 --text-font-weight: 400; 375 --text-font-style: normal; 376 --text-letter-spacing: -0.01em; 377 --text-font-size: 16px; 378 --text-mobile-font-size: 16px; 379 380 --button-font: var(--text-font-style) var(--text-font-weight) var(--text-font-size) / 1.65 var(--text-font-family); 381 --button-text-transform: normal; 382 --button-letter-spacing: 0.0em;--button-border-radius: 0px; 383 --image-border-radius: 8px; 384 --radius-field: 0px; 385 386 /* First color scheme for default */ 387 --background: rgb(255 255 255 / 1.0); 388 --text-color: rgb(65 65 65 / 1.0); 389 --color-foreground-rgb: 65 65 65; 390 --color-foreground: var(--text-color); 391 --foreground: var(--text-color); 392 --muted-foreground: color-mix(in srgb, var(--text-color) 55%, var(--background)); 393 --color-foreground-subdued: color-mix(in srgb, var(--text-color) 55%, var(--background)); 394 --color-foreground-muted: color-mix(in srgb, var(--text-color) 45%, var(--background)); 395 --color-border: color-mix(in srgb, var(--text-color) 12%, transparent); 396 --color-input-background: var(--background); 397 --color-input-text: var(--text-color); 398 --color-primary-hover-rgb: 31 37 68; 399 --heading-color: rgb(65 65 65 / 1.0); 400 --link-color: rgb(65 65 65 / 1.0); 401 --background-without-opacity: 255 255 255; 402 --background-gradient: ; 403 404 /* Spacing / motion / opacity tokens (Horizon-style; used by localization + header) */ 405 --padding-3xs: 0.25rem; 406 --padding-2xs: 0.375rem; 407 --padding-xs: 0.5rem; 408 --padding-sm: 0.75rem; 409 --padding-md: 1rem; 410 --padding-lg: 1.5rem; 411 --padding-xl: 2rem; 412 --gap-xs: 0.5rem; 413 --margin-3xs: 0.25rem; 414 --margin-sm: 0.75rem; 415 --font-line-height-md: 1.5; 416 --font-size-lg: 1.125rem; 417 --animation-speed: 200ms; 418 --animation-easing: ease; 419 --animation-values: border-color 200ms ease; 420 --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); 421 --opacity-8: 0.08; 422 --opacity-10-25: 0.25; 423 --opacity-30-60: 0.45; 424 --opacity-subdued-text: 0.65; 425 --opacity-80: 0.8;
426 --menu-top-level-font-weight: 500; 427 --focus-outline-width: 2px; 428 --icon-size-xs: 1rem; 429 --icon-size-sm: 1.25rem; 430 --style-border-radius-popover: 0.5rem; 431 432 /* Neutral button colors */ 433 --neutral-button-background: oklch(98% 0.0 90 / 1.0); 434 --neutral-button-text-color: oklch(0% 0.0 0 / 1.0); 435 --neutral-button-border-color: oklch(93% 0.0 90 / 1.0); 436 437 /* Button colors */ 438 --button-background: oklch(28% 0.06 274 / 1.0); 439 --button-background-hover: oklch(23% 0.06 274 / 1.0); 440 --button-text-color: oklch(100% 0.0 90 / 1.0); 441 --button-border-color: oklch(28% 0.06 274 / 1.0); 442 443 /* Secondary button colors */ 444 --secondary-button-background: oklch(38% 0.0 90 / 1.0); 445 --secondary-button-background-hover: oklch(33% 0.0 90 / 1.0); 446 --secondary-button-text-color: oklch(100% 0.0 90 / 1.0); 447 --secondary-button-border-color: oklch(33% 0.0 90 / 1.0); 448 449 /* Product colors */ 450 --on-sale-text: rgb(0 198 45 / 1.0); 451 --on-sale-badge-background: oklch(72% 0.23 144 / 1.0); 452 --on-sale-badge-text: oklch(1 0 0); 453 --sold-out-badge-background: oklch(59% 0.22 27 / 1.0); 454 --sold-out-badge-text: oklch(1 0 0); 455 --custom-badge-background: oklch(52% 0.21 29 / 1.0); 456 --custom-badge-text: oklch(1 0 0); 457 --star-color: oklch(23% 0.0 90 / 1.0); 458 --product-card-price-current: oklch(53% 0.13 281 / 1.0); 459 460 /** Z-Index / Layering */ 461 --layer-lowest: -2; 462 --layer-lower: -1; 463 --layer-base: 0; 464 --layer-flat: 1; 465 --layer-raised: 2; 466 --layer-heightened: 4; 467 --layer-sticky: 8; 468 469 /* Section properties with tailwind classes */ 470 --section-preview-height: 600px; 471 472 /* layout widths */ 473 --sidebar-width: 25rem; 474 --narrow-content-width: 36rem; 475 --normal-content-width: 42rem; 476 --wide-content-width: 46rem; 477 --blog-content-width: 60rem; 478 --narrow-page-width: 80rem; 479 --normal-page-width: 120rem; 480 --wide-page-width: 150rem; 481 }.color-scheme-scheme-1 { 482 483 --text-color: rgb(65 65 65 / 1.0); 484 --color-foreground-rgb: 65 65 65; 485 --color-foreground: var(--text-color); 486 --foreground: var(--text-color); 487 --muted-foreground: color-mix(in srgb, var(--text-color) 55%, var(--background)); 488 --color-foreground-subdued: color-mix(in srgb, var(--text-color) 55%, var(--background)); 489 --color-foreground-muted: color-mix(in srgb, var(--text-color) 45%, var(--background)); 490 --color-border: color-mix(in srgb, var(--text-color) 12%, transparent); 491 --color-input-background: var(--background); 492 --color-input-text: var(--text-color); 493 --color-primary-hover-rgb: 31 37 68; 494 --heading-color: rgb(65 65 65 / 1.0); 495 --link-color: rgb(65 65 65 / 1.0); 496 --background: rgb(255 255 255 / 1.0); 497 --background-without-opacity: 255 255 255; 498 --background-gradient: ; 499 500 501 /* Neutral button colors */ 502 --neutral-button-background: oklch(98% 0.0 90 / 1.0); 503 --neutral-button-background-hover: oklch(93% 0.0 90 / 1.0); 504 --neutral-button-text-color: oklch(0% 0.0 0 / 1.0); 505 --neutral-button-border-color: oklch(93% 0.0 90 / 1.0); 506 507 /* Button colors */ 508 --button-background: oklch(28% 0.06 274 / 1.0); 509 --button-background-hover: oklch(23% 0.06 274 / 1.0); 510 --button-text-color: oklch(100% 0.0 90 / 1.0); 511 --button-border-color: oklch(23% 0.06 274 / 1.0); 512 513 /* Secondary button colors */ 514 --secondary-button-background: oklch(38% 0.0 90 / 1.0); 515 --secondary-button-background-hover: oklch(33% 0.0 90 / 1.0); 516 --secondary-button-text-color: oklch(100% 0.0 90 / 1.0); 517 --secondary-button-border-color: oklch(33% 0.0 90 / 1.0); 518 519 /* Base text and background */ 520 color: var(--text-color); 521 background-color: var(--background); 522 523 /* Heading colors */ 524 h1, h2, h3, h4, h5, h6 { 525 color: var(--heading-color); 526 } 527 528 /* Link colors */ 529 a { 530 color: var(--link-color); 531 } 532 a:hover { 533 color: var(--link-color); 534 /* opacity: 0.8; */ 535 } 536 a:visited { 537 color: var(--link-color); 538 } 539 540 /* Opt out of global button styling (header icon buttons, dialogs, etc.) */ 541 button.unstyled-button, 542 a.unstyled-button { 543 border: none; 544 background: transparent; 545 cursor: pointer; 546 color: var(--color-foreground, currentColor); 547 } 548 button.unstyled-button:hover, 549 a.unstyled-button:hover { 550 background: transparent; 551 border-color: transparent; 552 } 553 554 /* Button styles using variables */ 555 button, 556 .button, 557 input[type="submit"],
558 input[type="button"] { 559 background-color: var(--button-background); 560 color: var(--button-text-color); 561 border-color: var(--button-border-color); 562 } 563 button:hover, 564 .button:hover, 565 input[type="submit"]:hover, 566 input[type="button"]:hover { 567 background-color: var(--button-background-hover); 568 border-color: var(--button-background-hover); 569 } 570 571 /* Neutral button styles */ 572 .button-neutral, 573 button.neutral { 574 background-color: var(--neutral-button-background); 575 color: var(--neutral-button-text-color); 576 border-color: var(--neutral-button-border-color); 577 } 578 .button-neutral:hover, 579 button.neutral:hover { 580 background-color: var(--neutral-button-background-hover); 581 border-color: var(--neutral-button-background-hover); 582 } 583 584 /* Secondary button styles */ 585 .button-secondary, 586 button.secondary { 587 background-color: var(--secondary-button-background); 588 color: var(--secondary-button-text-color); 589 border-color: var(--secondary-button-border-color); 590 } 591 .button-secondary:hover, 592 button.secondary:hover { 593 background-color: var(--secondary-button-background-hover); 594 border-color: var(--secondary-button-background-hover); 595 } 596 }.color-scheme-scheme-2 { 597 598 --text-color: rgb(28 28 28 / 1.0); 599 --color-foreground-rgb: 28 28 28; 600 --color-foreground: var(--text-color); 601 --foreground: var(--text-color); 602 --muted-foreground: color-mix(in srgb, var(--text-color) 55%, var(--background)); 603 --color-foreground-subdued: color-mix(in srgb, var(--text-color) 55%, var(--background)); 604 --color-foreground-muted: color-mix(in srgb, var(--text-color) 45%, var(--background)); 605 --color-border: color-mix(in srgb, var(--text-color) 12%, transparent); 606 --color-input-background: var(--background); 607 --color-input-text: var(--text-color); 608 --color-primary-hover-rgb: 240 240 240; 609 --heading-color: rgb(28 28 28 / 1.0); 610 --link-color: rgb(28 28 28 / 1.0); 611 --background: rgb(255 255 255 / 1.0); 612 --background-without-opacity: 255 255 255; 613 --background-gradient: ; 614 615 616 /* Neutral button colors */ 617 --neutral-button-background: oklch(98% 0.0 90 / 1.0); 618 --neutral-button-background-hover: oklch(93% 0.0 90 / 1.0); 619 --neutral-button-text-color: oklch(0% 0.0 0 / 1.0); 620 --neutral-button-border-color: oklch(93% 0.0 90 / 1.0); 621 622 /* Button colors */ 623 --button-background: oklch(96% 0.0 90 / 1.0); 624 --button-background-hover: oklch(91% 0.0 90 / 1.0); 625 --button-text-color: oklch(0% 0.0 0 / 1.0); 626 --button-border-color: oklch(91% 0.0 90 / 1.0); 627 628 /* Secondary button colors */ 629 --secondary-button-background: oklch(23% 0.0 90 / 1.0); 630 --secondary-button-background-hover: oklch(18% 0.0 90 / 1.0); 631 --secondary-button-text-color: oklch(100% 0.0 90 / 1.0); 632 --secondary-button-border-color: oklch(18% 0.0 90 / 1.0); 633 634 /* Base text and background */ 635 color: var(--text-color); 636 background-color: var(--background); 637 638 /* Heading colors */ 639 h1, h2, h3, h4, h5, h6 { 640 color: var(--heading-color); 641 } 642 643 /* Link colors */ 644 a { 645 color: var(--link-color); 646 } 647 a:hover { 648 color: var(--link-color); 649 /* opacity: 0.8; */ 650 } 651 a:visited { 652 color: var(--link-color); 653 } 654 655 /* Opt out of global button styling (header icon buttons, dialogs, etc.) */ 656 button.unstyled-button, 657 a.unstyled-button { 658 border: none; 659 background: transparent; 660 cursor: pointer; 661 color: var(--color-foreground, currentColor); 662 } 663 button.unstyled-button:hover, 664 a.unstyled-button:hover { 665 background: transparent; 666 border-color: transparent; 667 } 668 669 /* Button styles using variables */ 670 button, 671 .button, 672 input[type="submit"], 673 input[type="button"] { 674 background-color: var(--button-background); 675 color: var(--button-text-color); 676 border-color: var(--button-border-color); 677 } 678 button:hover, 679 .button:hover, 680 input[type="submit"]:hover, 681 input[type="button"]:hover { 682 background-color: var(--button-background-hover); 683 border-color: var(--button-background-hover); 684 } 685 686 /* Neutral button styles */ 687 .button-neutral, 688 button.neutral { 689 background-color: var(--neutral-button-background); 690 color: var(--neutral-button-text-color); 691 border-color: var(--neutral-button-border-color); 692 } 693 .button-neutral:hover, 694 button.neutral:hover { 695 background-color: var(--neutral-button-background-hover); 696 border-color: var(--neutral-button-background-hover); 697 } 698 699 /* Secondary button styles */ 700 .button-secondary, 701 button.secondary { 702 background-color: var(--secondary-button-background); 703 color: var(--secondary-button-text-color); 704 border-color: var(--secondary-button-border-color); 705 } 706 .button-secondary:hover, 707 button.secondary:hover { 708 background-color: var(--secondary-button-background-hover); 709 border-color: var(--secondary-button-background-hover); 710 } 711 }.color-scheme-scheme-3 { 712 713 --text-color: rgb(255 255 255 / 1.0); 714 --color-foreground-rgb: 255 255 255; 715 --color-foreground: var(--text-color); 716 --foreground: var(--text-color); 717 --muted-foreground: color-mix(in srgb, var(--text-color) 55%, var(--background)); 718 --color-foreground-subdued: color-mix(in srgb, var(--text-color) 55%, var(--background)); 719 --color-foreground-muted: color-mix(in srgb, var(--text-color) 45%, var(--background)); 720 --color-border: color-mix(in srgb, var(--text-color) 12%, transparent); 721 --color-input-background: var(--background); 722 --color-input-text: var(--text-color); 723 --color-primary-hover-rgb: 217 251 114; 724 --heading-color: rgb(255 255 255 / 1.0); 725 --link-color: rgb(255 255 255 / 1.0); 726 --background: rgb(28 28 28 / 1.0); 727 --background-without-opacity: 28 28 28; 728 --background-gradient: ; 729 730 731 /* Neutral button colors */ 732 --neutral-button-background: oklch(98% 0.0 90 / 1.0); 733 --neutral-button-background-hover: oklch(93% 0.0 90 / 1.0); 734 --neutral-button-text-color: oklch(0% 0.0 0 / 1.0); 735 --neutral-button-border-color: oklch(93% 0.0 90 / 1.0); 736 737 /* Button colors */ 738 --button-background: oklch(94% 0.17 121 / 1.0); 739 --button-background-hover: oklch(89% 0.17 121 / 1.0); 740 --button-text-color: oklch(0% 0.0 0 / 1.0); 741 --button-border-color: oklch(89% 0.17 121 / 1.0); 742 743 /* Secondary button colors */ 744 --secondary-button-background: oklch(23% 0.0 90 / 1.0); 745 --secondary-button-background-hover: oklch(18% 0.0 90 / 1.0); 746 --secondary-button-text-color: oklch(100% 0.0 90 / 1.0); 747 --secondary-button-border-color: oklch(18% 0.0 90 / 1.0); 748 749 /* Base text and background */ 750 color: var(--text-color); 751 background-color: var(--background); 752 753 /* Heading colors */ 754 h1, h2, h3, h4, h5, h6 { 755 color: var(--heading-color); 756 } 757 758 /* Link colors */ 759 a { 760 color: var(--link-color); 761 } 762 a:hover { 763 color: var(--link-color); 764 /* opacity: 0.8; */ 765 } 766 a:visited { 767 color: var(--link-color); 768 } 769 770 /* Opt out of global button styling (header icon buttons, dialogs, etc.) */ 771 button.unstyled-button, 772 a.unstyled-button { 773 border: none; 774 background: transparent; 775 cursor: pointer; 776 color: var(--color-foreground, currentColor); 777 } 778 button.unstyled-button:hover, 779 a.unstyled-button:hover { 780 background: transparent; 781 border-color: transparent; 782 } 783 784 /* Button styles using variables */ 785 button, 786 .button, 787 input[type="submit"],
788 input[type="button"] { 789 background-color: var(--button-background); 790 color: var(--button-text-color); 791 border-color: var(--button-border-color); 792 } 793 button:hover, 794 .button:hover, 795 input[type="submit"]:hover, 796 input[type="button"]:hover { 797 background-color: var(--button-background-hover); 798 border-color: var(--button-background-hover); 799 } 800 801 /* Neutral button styles */ 802 .button-neutral, 803 button.neutral { 804 background-color: var(--neutral-button-background); 805 color: var(--neutral-button-text-color); 806 border-color: var(--neutral-button-border-color); 807 } 808 .button-neutral:hover, 809 button.neutral:hover { 810 background-color: var(--neutral-button-background-hover); 811 border-color: var(--neutral-button-background-hover); 812 } 813 814 /* Secondary button styles */ 815 .button-secondary, 816 button.secondary { 817 background-color: var(--secondary-button-background); 818 color: var(--secondary-button-text-color); 819 border-color: var(--secondary-button-border-color); 820 } 821 .button-secondary:hover, 822 button.secondary:hover { 823 background-color: var(--secondary-button-background-hover); 824 border-color: var(--secondary-button-background-hover); 825 } 826 }.color-scheme-scheme-4 { 827 828 --text-color: rgb(255 255 255 / 1.0); 829 --color-foreground-rgb: 255 255 255; 830 --color-foreground: var(--text-color); 831 --foreground: var(--text-color); 832 --muted-foreground: color-mix(in srgb, var(--text-color) 55%, var(--background)); 833 --color-foreground-subdued: color-mix(in srgb, var(--text-color) 55%, var(--background)); 834 --color-foreground-muted: color-mix(in srgb, var(--text-color) 45%, var(--background)); 835 --color-border: color-mix(in srgb, var(--text-color) 12%, transparent); 836 --color-input-background: var(--background); 837 --color-input-text: var(--text-color); 838 --color-primary-hover-rgb: 217 251 114; 839 --heading-color: rgb(255 255 255 / 1.0); 840 --link-color: rgb(255 255 255 / 1.0); 841 --background: rgb(0 0 0 / 0.0); 842 --background-without-opacity: 0 0 0; 843 --background-gradient: ; 844 845 846 /* Neutral button colors */ 847 --neutral-button-background: oklch(98% 0.0 90 / 1.0); 848 --neutral-button-background-hover: oklch(93% 0.0 90 / 1.0); 849 --neutral-button-text-color: oklch(0% 0.0 0 / 1.0); 850 --neutral-button-border-color: oklch(93% 0.0 90 / 1.0); 851 852 /* Button colors */ 853 --button-background: oklch(94% 0.17 121 / 1.0); 854 --button-background-hover: oklch(89% 0.17 121 / 1.0); 855 --button-text-color: oklch(0% 0.0 0 / 1.0); 856 --button-border-color: oklch(89% 0.17 121 / 1.0); 857 858 /* Secondary button colors */ 859 --secondary-button-background: oklch(23% 0.0 90 / 1.0); 860 --secondary-button-background-hover: oklch(18% 0.0 90 / 1.0); 861 --secondary-button-text-color: oklch(100% 0.0 90 / 1.0); 862 --secondary-button-border-color: oklch(18% 0.0 90 / 1.0); 863 864 /* Base text and background */ 865 color: var(--text-color); 866 background-color: var(--background); 867 868 /* Heading colors */ 869 h1, h2, h3, h4, h5, h6 { 870 color: var(--heading-color); 871 } 872 873 /* Link colors */ 874 a { 875 color: var(--link-color); 876 } 877 a:hover { 878 color: var(--link-color); 879 /* opacity: 0.8; */ 880 } 881 a:visited { 882 color: var(--link-color); 883 } 884 885 /* Opt out of global button styling (header icon buttons, dialogs, etc.) */ 886 button.unstyled-button, 887 a.unstyled-button { 888 border: none; 889 background: transparent; 890 cursor: pointer; 891 color: var(--color-foreground, currentColor); 892 } 893 button.unstyled-button:hover, 894 a.unstyled-button:hover { 895 background: transparent; 896 border-color: transparent; 897 } 898 899 /* Button styles using variables */ 900 button, 901 .button, 902 input[type="submit"], 903 input[type="button"] { 904 background-color: var(--button-background); 905 color: var(--button-text-color); 906 border-color: var(--button-border-color); 907 } 908 button:hover, 909 .button:hover, 910 input[type="submit"]:hover, 911 input[type="button"]:hover { 912 background-color: var(--button-background-hover); 913 border-color: var(--button-background-hover); 914 } 915 916 /* Neutral button styles */ 917 .button-neutral, 918 button.neutral { 919 background-color: var(--neutral-button-background); 920 color: var(--neutral-button-text-color); 921 border-color: var(--neutral-button-border-color); 922 } 923 .button-neutral:hover, 924 button.neutral:hover { 925 background-color: var(--neutral-button-background-hover); 926 border-color: var(--neutral-button-background-hover); 927 } 928 929 /* Secondary button styles */ 930 .button-secondary, 931 button.secondary { 932 background-color: var(--secondary-button-background); 933 color: var(--secondary-button-text-color); 934 border-color: var(--secondary-button-border-color); 935 } 936 .button-secondary:hover, 937 button.secondary:hover { 938 background-color: var(--secondary-button-background-hover); 939 border-color: var(--secondary-button-background-hover); 940 } 941 }.color-scheme-scheme-b1caab24-ec5b-437a-ac8c-b98473d47416 { 942 943 --text-color: rgb(65 65 65 / 1.0); 944 --color-foreground-rgb: 65 65 65; 945 --color-foreground: var(--text-color); 946 --foreground: var(--text-color); 947 --muted-foreground: color-mix(in srgb, var(--text-color) 55%, var(--background)); 948 --color-foreground-subdued: color-mix(in srgb, var(--text-color) 55%, var(--background)); 949 --color-foreground-muted: color-mix(in srgb, var(--text-color) 45%, var(--background)); 950 --color-border: color-mix(in srgb, var(--text-color) 12%, transparent); 951 --color-input-background: var(--background); 952 --color-input-text: var(--text-color); 953 --color-primary-hover-rgb: 96 96 182; 954 --heading-color: rgb(65 65 65 / 1.0); 955 --link-color: rgb(65 65 65 / 1.0); 956 --background: rgb(240 240 240 / 1.0); 957 --background-without-opacity: 240 240 240; 958 --background-gradient: ; 959 960 961 /* Neutral button colors */ 962 --neutral-button-background: oklch(98% 0.0 90 / 1.0); 963 --neutral-button-background-hover: oklch(93% 0.0 90 / 1.0); 964 --neutral-button-text-color: oklch(0% 0.0 0 / 1.0); 965 --neutral-button-border-color: oklch(93% 0.0 90 / 1.0); 966 967 /* Button colors */ 968 --button-background: oklch(53% 0.13 281 / 1.0); 969 --button-background-hover: oklch(48% 0.13 281 / 1.0); 970 --button-text-color: oklch(100% 0.0 90 / 1.0); 971 --button-border-color: oklch(48% 0.13 281 / 1.0); 972 973 /* Secondary button colors */ 974 --secondary-button-background: oklch(23% 0.0 90 / 1.0); 975 --secondary-button-background-hover: oklch(18% 0.0 90 / 1.0); 976 --secondary-button-text-color: oklch(100% 0.0 90 / 1.0); 977 --secondary-button-border-color: oklch(18% 0.0 90 / 1.0); 978 979 /* Base text and background */ 980 color: var(--text-color); 981 background-color: var(--background); 982 983 /* Heading colors */ 984 h1, h2, h3, h4, h5, h6 { 985 color: var(--heading-color); 986 } 987 988 /* Link colors */ 989 a { 990 color: var(--link-color); 991 } 992 a:hover { 993 color: var(--link-color); 994 /* opacity: 0.8; */ 995 } 996 a:visited { 997 color: var(--link-color); 998 } 999 1000 /* Opt out of global button styling (header icon buttons, dialogs, etc.) */ 1001 button.unstyled-button, 1002 a.unstyled-button { 1003 border: none; 1004 background: transparent; 1005 cursor: pointer; 1006 color: var(--color-foreground, currentColor); 1007 } 1008 button.unstyled-button:hover, 1009 a.unstyled-button:hover { 1010 background: transparent; 1011 border-color: transparent; 1012 } 1013 1014 /* Button styles using variables */ 1015 button, 1016 .button, 1017 input[type="submit"],
1018 input[type="button"] { 1019 background-color: var(--button-background); 1020 color: var(--button-text-color); 1021 border-color: var(--button-border-color); 1022 } 1023 button:hover, 1024 .button:hover, 1025 input[type="submit"]:hover, 1026 input[type="button"]:hover { 1027 background-color: var(--button-background-hover); 1028 border-color: var(--button-background-hover); 1029 } 1030 1031 /* Neutral button styles */ 1032 .button-neutral, 1033 button.neutral { 1034 background-color: var(--neutral-button-background); 1035 color: var(--neutral-button-text-color); 1036 border-color: var(--neutral-button-border-color); 1037 } 1038 .button-neutral:hover, 1039 button.neutral:hover { 1040 background-color: var(--neutral-button-background-hover); 1041 border-color: var(--neutral-button-background-hover); 1042 } 1043 1044 /* Secondary button styles */ 1045 .button-secondary, 1046 button.secondary { 1047 background-color: var(--secondary-button-background); 1048 color: var(--secondary-button-text-color); 1049 border-color: var(--secondary-button-border-color); 1050 } 1051 .button-secondary:hover, 1052 button.secondary:hover { 1053 background-color: var(--secondary-button-background-hover); 1054 border-color: var(--secondary-button-background-hover); 1055 } 1056 }.color-scheme-scheme-fbfb39d7-23b8-438f-bafc-13621169b825 { 1057 1058 --text-color: rgb(65 65 65 / 1.0); 1059 --color-foreground-rgb: 65 65 65; 1060 --color-foreground: var(--text-color); 1061 --foreground: var(--text-color); 1062 --muted-foreground: color-mix(in srgb, var(--text-color) 55%, var(--background)); 1063 --color-foreground-subdued: color-mix(in srgb, var(--text-color) 55%, var(--background)); 1064 --color-foreground-muted: color-mix(in srgb, var(--text-color) 45%, var(--background)); 1065 --color-border: color-mix(in srgb, var(--text-color) 12%, transparent); 1066 --color-input-background: var(--background); 1067 --color-input-text: var(--text-color); 1068 --color-primary-hover-rgb: 230 225 218; 1069 --heading-color: rgb(65 65 65 / 1.0); 1070 --link-color: rgb(65 65 65 / 1.0); 1071 --background: rgb(242 237 229 / 1.0); 1072 --background-without-opacity: 242 237 229; 1073 --background-gradient: ; 1074 1075 1076 /* Neutral button colors */ 1077 --neutral-button-background: oklch(98% 0.0 90 / 1.0); 1078 --neutral-button-background-hover: oklch(93% 0.0 90 / 1.0); 1079 --neutral-button-text-color: oklch(0% 0.0 0 / 1.0); 1080 --neutral-button-border-color: oklch(93% 0.0 90 / 1.0); 1081 1082 /* Button colors */ 1083 --button-background: oklch(91% 0.01 77 / 1.0); 1084 --button-background-hover: oklch(86% 0.01 77 / 1.0); 1085 --button-text-color: oklch(0% 0.0 0 / 1.0); 1086 --button-border-color: oklch(86% 0.01 77 / 1.0); 1087 1088 /* Secondary button colors */ 1089 --secondary-button-background: oklch(23% 0.0 90 / 1.0); 1090 --secondary-button-background-hover: oklch(18% 0.0 90 / 1.0); 1091 --secondary-button-text-color: oklch(100% 0.0 90 / 1.0); 1092 --secondary-button-border-color: oklch(18% 0.0 90 / 1.0); 1093 1094 /* Base text and background */ 1095 color: var(--text-color); 1096 background-color: var(--background); 1097 1098 /* Heading colors */ 1099 h1, h2, h3, h4, h5, h6 { 1100 color: var(--heading-color); 1101 } 1102 1103 /* Link colors */ 1104 a { 1105 color: var(--link-color); 1106 } 1107 a:hover { 1108 color: var(--link-color); 1109 /* opacity: 0.8; */ 1110 } 1111 a:visited { 1112 color: var(--link-color); 1113 } 1114 1115 /* Opt out of global button styling (header icon buttons, dialogs, etc.) */ 1116 button.unstyled-button, 1117 a.unstyled-button { 1118 border: none; 1119 background: transparent; 1120 cursor: pointer; 1121 color: var(--color-foreground, currentColor); 1122 } 1123 button.unstyled-button:hover, 1124 a.unstyled-button:hover { 1125 background: transparent; 1126 border-color: transparent; 1127 } 1128 1129 /* Button styles using variables */ 1130 button, 1131 .button, 1132 input[type="submit"], 1133 input[type="button"] { 1134 background-color: var(--button-background); 1135 color: var(--button-text-color); 1136 border-color: var(--button-border-color); 1137 } 1138 button:hover, 1139 .button:hover, 1140 input[type="submit"]:hover, 1141 input[type="button"]:hover { 1142 background-color: var(--button-background-hover); 1143 border-color: var(--button-background-hover); 1144 } 1145 1146 /* Neutral button styles */ 1147 .button-neutral, 1148 button.neutral { 1149 background-color: var(--neutral-button-background); 1150 color: var(--neutral-button-text-color); 1151 border-color: var(--neutral-button-border-color); 1152 } 1153 .button-neutral:hover, 1154 button.neutral:hover { 1155 background-color: var(--neutral-button-background-hover); 1156 border-color: var(--neutral-button-background-hover); 1157 } 1158 1159 /* Secondary button styles */ 1160 .button-secondary, 1161 button.secondary { 1162 background-color: var(--secondary-button-background); 1163 color: var(--secondary-button-text-color); 1164 border-color: var(--secondary-button-border-color); 1165 } 1166 .button-secondary:hover, 1167 button.secondary:hover { 1168 background-color: var(--secondary-button-background-hover); 1169 border-color: var(--secondary-button-background-hover); 1170 } 1171 }.color-scheme-scheme-798ec8e2-c481-476a-9239-a9c9d6854c13 { 1172 1173 --text-color: rgb(121 117 122 / 1.0); 1174 --color-foreground-rgb: 121 117 122; 1175 --color-foreground: var(--text-color); 1176 --foreground: var(--text-color); 1177 --muted-foreground: color-mix(in srgb, var(--text-color) 55%, var(--background)); 1178 --color-foreground-subdued: color-mix(in srgb, var(--text-color) 55%, var(--background)); 1179 --color-foreground-muted: color-mix(in srgb, var(--text-color) 45%, var(--background)); 1180 --color-border: color-mix(in srgb, var(--text-color) 12%, transparent); 1181 --color-input-background: var(--background); 1182 --color-input-text: var(--text-color); 1183 --color-primary-hover-rgb: 96 96 182; 1184 --heading-color: rgb(121 117 122 / 1.0); 1185 --link-color: rgb(121 117 122 / 1.0); 1186 --background: rgb(0 0 0 / 0.0); 1187 --background-without-opacity: 0 0 0; 1188 --background-gradient: ; 1189 1190 1191 /* Neutral button colors */ 1192 --neutral-button-background: oklch(98% 0.0 90 / 1.0); 1193 --neutral-button-background-hover: oklch(93% 0.0 90 / 1.0); 1194 --neutral-button-text-color: oklch(0% 0.0 0 / 1.0); 1195 --neutral-button-border-color: oklch(93% 0.0 90 / 1.0); 1196 1197 /* Button colors */ 1198 --button-background: oklch(53% 0.13 281 / 1.0); 1199 --button-background-hover: oklch(48% 0.13 281 / 1.0); 1200 --button-text-color: oklch(100% 0.0 90 / 1.0); 1201 --button-border-color: oklch(48% 0.13 281 / 1.0); 1202 1203 /* Secondary button colors */ 1204 --secondary-button-background: oklch(23% 0.0 90 / 1.0); 1205 --secondary-button-background-hover: oklch(18% 0.0 90 / 1.0); 1206 --secondary-button-text-color: oklch(100% 0.0 90 / 1.0); 1207 --secondary-button-border-color: oklch(18% 0.0 90 / 1.0); 1208 1209 /* Base text and background */ 1210 color: var(--text-color); 1211 background-color: var(--background); 1212 1213 /* Heading colors */ 1214 h1, h2, h3, h4, h5, h6 { 1215 color: var(--heading-color); 1216 } 1217 1218 /* Link colors */ 1219 a { 1220 color: var(--link-color); 1221 } 1222 a:hover { 1223 color: var(--link-color); 1224 /* opacity: 0.8; */ 1225 } 1226 a:visited { 1227 color: var(--link-color); 1228 } 1229 1230 /* Opt out of global button styling (header icon buttons, dialogs, etc.) */ 1231 button.unstyled-button, 1232 a.unstyled-button { 1233 border: none; 1234 background: transparent; 1235 cursor: pointer; 1236 color: var(--color-foreground, currentColor); 1237 } 1238 button.unstyled-button:hover, 1239 a.unstyled-button:hover { 1240 background: transparent; 1241 border-color: transparent; 1242 } 1243 1244 /* Button styles using variables */ 1245 button, 1246 .button, 1247 input[type="submit"],
1248 input[type="button"] { 1249 background-color: var(--button-background); 1250 color: var(--button-text-color); 1251 border-color: var(--button-border-color); 1252 } 1253 button:hover, 1254 .button:hover, 1255 input[type="submit"]:hover, 1256 input[type="button"]:hover { 1257 background-color: var(--button-background-hover); 1258 border-color: var(--button-background-hover); 1259 } 1260 1261 /* Neutral button styles */ 1262 .button-neutral, 1263 button.neutral { 1264 background-color: var(--neutral-button-background); 1265 color: var(--neutral-button-text-color); 1266 border-color: var(--neutral-button-border-color); 1267 } 1268 .button-neutral:hover, 1269 button.neutral:hover { 1270 background-color: var(--neutral-button-background-hover); 1271 border-color: var(--neutral-button-background-hover); 1272 } 1273 1274 /* Secondary button styles */ 1275 .button-secondary, 1276 button.secondary { 1277 background-color: var(--secondary-button-background); 1278 color: var(--secondary-button-text-color); 1279 border-color: var(--secondary-button-border-color); 1280 } 1281 .button-secondary:hover, 1282 button.secondary:hover { 1283 background-color: var(--secondary-button-background-hover); 1284 border-color: var(--secondary-button-background-hover); 1285 } 1286 }.color-scheme-scheme-0ebd6045-5648-4b5c-96bf-0d77501483bc { 1287 1288 --text-color: rgb(248 248 248 / 1.0); 1289 --color-foreground-rgb: 248 248 248; 1290 --color-foreground: var(--text-color); 1291 --foreground: var(--text-color); 1292 --muted-foreground: color-mix(in srgb, var(--text-color) 55%, var(--background)); 1293 --color-foreground-subdued: color-mix(in srgb, var(--text-color) 55%, var(--background)); 1294 --color-foreground-muted: color-mix(in srgb, var(--text-color) 45%, var(--background)); 1295 --color-border: color-mix(in srgb, var(--text-color) 12%, transparent); 1296 --color-input-background: var(--background); 1297 --color-input-text: var(--text-color); 1298 --color-primary-hover-rgb: 255 255 255; 1299 --heading-color: rgb(248 248 248 / 1.0); 1300 --link-color: rgb(248 248 248 / 1.0); 1301 --background: rgb(96 96 182 / 1.0); 1302 --background-without-opacity: 96 96 182; 1303 --background-gradient: ; 1304 1305 1306 /* Neutral button colors */ 1307 --neutral-button-background: oklch(98% 0.0 90 / 1.0); 1308 --neutral-button-background-hover: oklch(93% 0.0 90 / 1.0); 1309 --neutral-button-text-color: oklch(0% 0.0 0 / 1.0); 1310 --neutral-button-border-color: oklch(93% 0.0 90 / 1.0); 1311 1312 /* Button colors */ 1313 --button-background: oklch(100% 0.0 90 / 1.0); 1314 --button-background-hover: oklch(95% 0.0 90 / 1.0); 1315 --button-text-color: oklch(0% 0.0 0 / 1.0); 1316 --button-border-color: oklch(95% 0.0 90 / 1.0); 1317 1318 /* Secondary button colors */ 1319 --secondary-button-background: oklch(38% 0.0 90 / 1.0); 1320 --secondary-button-background-hover: oklch(33% 0.0 90 / 1.0); 1321 --secondary-button-text-color: oklch(100% 0.0 90 / 1.0); 1322 --secondary-button-border-color: oklch(33% 0.0 90 / 1.0); 1323 1324 /* Base text and background */ 1325 color: var(--text-color); 1326 background-color: var(--background); 1327 1328 /* Heading colors */ 1329 h1, h2, h3, h4, h5, h6 { 1330 color: var(--heading-color); 1331 } 1332 1333 /* Link colors */ 1334 a { 1335 color: var(--link-color); 1336 } 1337 a:hover { 1338 color: var(--link-color); 1339 /* opacity: 0.8; */ 1340 } 1341 a:visited { 1342 color: var(--link-color); 1343 } 1344 1345 /* Opt out of global button styling (header icon buttons, dialogs, etc.) */ 1346 button.unstyled-button, 1347 a.unstyled-button { 1348 border: none; 1349 background: transparent; 1350 cursor: pointer; 1351 color: var(--color-foreground, currentColor); 1352 } 1353 button.unstyled-button:hover, 1354 a.unstyled-button:hover { 1355 background: transparent; 1356 border-color: transparent; 1357 } 1358 1359 /* Button styles using variables */ 1360 button, 1361 .button, 1362 input[type="submit"], 1363 input[type="button"] { 1364 background-color: var(--button-background); 1365 color: var(--button-text-color); 1366 border-color: var(--button-border-color); 1367 } 1368 button:hover, 1369 .button:hover, 1370 input[type="submit"]:hover, 1371 input[type="button"]:hover { 1372 background-color: var(--button-background-hover); 1373 border-color: var(--button-background-hover); 1374 } 1375 1376 /* Neutral button styles */ 1377 .button-neutral, 1378 button.neutral { 1379 background-color: var(--neutral-button-background); 1380 color: var(--neutral-button-text-color); 1381 border-color: var(--neutral-button-border-color); 1382 } 1383 .button-neutral:hover, 1384 button.neutral:hover { 1385 background-color: var(--neutral-button-background-hover); 1386 border-color: var(--neutral-button-background-hover); 1387 } 1388 1389 /* Secondary button styles */ 1390 .button-secondary, 1391 button.secondary { 1392 background-color: var(--secondary-button-background); 1393 color: var(--secondary-button-text-color); 1394 border-color: var(--secondary-button-border-color); 1395 } 1396 .button-secondary:hover, 1397 button.secondary:hover { 1398 background-color: var(--secondary-button-background-hover); 1399 border-color: var(--secondary-button-background-hover); 1400 } 1401 }.color-scheme-scheme-3ff2301b-09e0-492a-859b-30857e2d65bd { 1402 1403 --text-color: rgb(65 65 65 / 1.0); 1404 --color-foreground-rgb: 65 65 65; 1405 --color-foreground: var(--text-color); 1406 --foreground: var(--text-color); 1407 --muted-foreground: color-mix(in srgb, var(--text-color) 55%, var(--background)); 1408 --color-foreground-subdued: color-mix(in srgb, var(--text-color) 55%, var(--background)); 1409 --color-foreground-muted: color-mix(in srgb, var(--text-color) 45%, var(--background)); 1410 --color-border: color-mix(in srgb, var(--text-color) 12%, transparent); 1411 --color-input-background: var(--background); 1412 --color-input-text: var(--text-color); 1413 --color-primary-hover-rgb: 255 223 179; 1414 --heading-color: rgb(65 65 65 / 1.0); 1415 --link-color: rgb(65 65 65 / 1.0); 1416 --background: rgb(255 247 236 / 1.0); 1417 --background-without-opacity: 255 247 236; 1418 --background-gradient: ; 1419 1420 1421 /* Neutral button colors */ 1422 --neutral-button-background: oklch(98% 0.0 90 / 1.0); 1423 --neutral-button-background-hover: oklch(93% 0.0 90 / 1.0); 1424 --neutral-button-text-color: oklch(0% 0.0 0 / 1.0); 1425 --neutral-button-border-color: oklch(93% 0.0 90 / 1.0); 1426 1427 /* Button colors */ 1428 --button-background: oklch(92% 0.07 76 / 1.0); 1429 --button-background-hover: oklch(87% 0.07 76 / 1.0); 1430 --button-text-color: oklch(100% 0.0 90 / 1.0); 1431 --button-border-color: oklch(87% 0.07 76 / 1.0); 1432 1433 /* Secondary button colors */ 1434 --secondary-button-background: oklch(23% 0.0 90 / 1.0); 1435 --secondary-button-background-hover: oklch(18% 0.0 90 / 1.0); 1436 --secondary-button-text-color: oklch(100% 0.0 90 / 1.0); 1437 --secondary-button-border-color: oklch(18% 0.0 90 / 1.0); 1438 1439 /* Base text and background */ 1440 color: var(--text-color); 1441 background-color: var(--background); 1442 1443 /* Heading colors */ 1444 h1, h2, h3, h4, h5, h6 { 1445 color: var(--heading-color); 1446 } 1447 1448 /* Link colors */ 1449 a { 1450 color: var(--link-color); 1451 } 1452 a:hover { 1453 color: var(--link-color); 1454 /* opacity: 0.8; */ 1455 } 1456 a:visited { 1457 color: var(--link-color); 1458 } 1459 1460 /* Opt out of global button styling (header icon buttons, dialogs, etc.) */ 1461 button.unstyled-button, 1462 a.unstyled-button { 1463 border: none; 1464 background: transparent; 1465 cursor: pointer; 1466 color: var(--color-foreground, currentColor); 1467 } 1468 button.unstyled-button:hover, 1469 a.unstyled-button:hover { 1470 background: transparent; 1471 border-color: transparent; 1472 } 1473 1474 /* Button styles using variables */ 1475 button, 1476 .button, 1477 input[type="submit"],
1478 input[type="button"] { 1479 background-color: var(--button-background); 1480 color: var(--button-text-color); 1481 border-color: var(--button-border-color); 1482 } 1483 button:hover, 1484 .button:hover, 1485 input[type="submit"]:hover, 1486 input[type="button"]:hover { 1487 background-color: var(--button-background-hover); 1488 border-color: var(--button-background-hover); 1489 } 1490 1491 /* Neutral button styles */ 1492 .button-neutral, 1493 button.neutral { 1494 background-color: var(--neutral-button-background); 1495 color: var(--neutral-button-text-color); 1496 border-color: var(--neutral-button-border-color); 1497 } 1498 .button-neutral:hover, 1499 button.neutral:hover { 1500 background-color: var(--neutral-button-background-hover); 1501 border-color: var(--neutral-button-background-hover); 1502 } 1503 1504 /* Secondary button styles */ 1505 .button-secondary, 1506 button.secondary { 1507 background-color: var(--secondary-button-background); 1508 color: var(--secondary-button-text-color); 1509 border-color: var(--secondary-button-border-color); 1510 } 1511 .button-secondary:hover, 1512 button.secondary:hover { 1513 background-color: var(--secondary-button-background-hover); 1514 border-color: var(--secondary-button-background-hover); 1515 } 1516 }.color-scheme-scheme-b3d12147-3634-476d-93f0-9cbfd06684f7 { 1517 1518 --text-color: rgb(65 65 65 / 1.0); 1519 --color-foreground-rgb: 65 65 65; 1520 --color-foreground: var(--text-color); 1521 --foreground: var(--text-color); 1522 --muted-foreground: color-mix(in srgb, var(--text-color) 55%, var(--background)); 1523 --color-foreground-subdued: color-mix(in srgb, var(--text-color) 55%, var(--background)); 1524 --color-foreground-muted: color-mix(in srgb, var(--text-color) 45%, var(--background)); 1525 --color-border: color-mix(in srgb, var(--text-color) 12%, transparent); 1526 --color-input-background: var(--background); 1527 --color-input-text: var(--text-color); 1528 --color-primary-hover-rgb: 96 96 182; 1529 --heading-color: rgb(65 65 65 / 1.0); 1530 --link-color: rgb(65 65 65 / 1.0); 1531 --background: rgb(237 232 225 / 1.0); 1532 --background-without-opacity: 237 232 225; 1533 --background-gradient: ; 1534 1535 1536 /* Neutral button colors */ 1537 --neutral-button-background: oklch(98% 0.0 90 / 1.0); 1538 --neutral-button-background-hover: oklch(93% 0.0 90 / 1.0); 1539 --neutral-button-text-color: oklch(0% 0.0 0 / 1.0); 1540 --neutral-button-border-color: oklch(93% 0.0 90 / 1.0); 1541 1542 /* Button colors */ 1543 --button-background: oklch(53% 0.13 281 / 1.0); 1544 --button-background-hover: oklch(48% 0.13 281 / 1.0); 1545 --button-text-color: oklch(100% 0.0 90 / 1.0); 1546 --button-border-color: oklch(48% 0.13 281 / 1.0); 1547 1548 /* Secondary button colors */ 1549 --secondary-button-background: oklch(100% 0.0 90 / 1.0); 1550 --secondary-button-background-hover: oklch(95% 0.0 90 / 1.0); 1551 --secondary-button-text-color: oklch(57% 0.01 319 / 1.0); 1552 --secondary-button-border-color: oklch(95% 0.0 90 / 1.0); 1553 1554 /* Base text and background */ 1555 color: var(--text-color); 1556 background-color: var(--background); 1557 1558 /* Heading colors */ 1559 h1, h2, h3, h4, h5, h6 { 1560 color: var(--heading-color); 1561 } 1562 1563 /* Link colors */ 1564 a { 1565 color: var(--link-color); 1566 } 1567 a:hover { 1568 color: var(--link-color); 1569 /* opacity: 0.8; */ 1570 } 1571 a:visited { 1572 color: var(--link-color); 1573 } 1574 1575 /* Opt out of global button styling (header icon buttons, dialogs, etc.) */ 1576 button.unstyled-button, 1577 a.unstyled-button { 1578 border: none; 1579 background: transparent; 1580 cursor: pointer; 1581 color: var(--color-foreground, currentColor); 1582 } 1583 button.unstyled-button:hover, 1584 a.unstyled-button:hover { 1585 background: transparent; 1586 border-color: transparent; 1587 } 1588 1589 /* Button styles using variables */ 1590 button, 1591 .button, 1592 input[type="submit"], 1593 input[type="button"] { 1594 background-color: var(--button-background); 1595 color: var(--button-text-color); 1596 border-color: var(--button-border-color); 1597 } 1598 button:hover, 1599 .button:hover, 1600 input[type="submit"]:hover, 1601 input[type="button"]:hover { 1602 background-color: var(--button-background-hover); 1603 border-color: var(--button-background-hover); 1604 } 1605 1606 /* Neutral button styles */ 1607 .button-neutral, 1608 button.neutral { 1609 background-color: var(--neutral-button-background); 1610 color: var(--neutral-button-text-color); 1611 border-color: var(--neutral-button-border-color); 1612 } 1613 .button-neutral:hover, 1614 button.neutral:hover { 1615 background-color: var(--neutral-button-background-hover); 1616 border-color: var(--neutral-button-background-hover); 1617 } 1618 1619 /* Secondary button styles */ 1620 .button-secondary, 1621 button.secondary { 1622 background-color: var(--secondary-button-background); 1623 color: var(--secondary-button-text-color); 1624 border-color: var(--secondary-button-border-color); 1625 } 1626 .button-secondary:hover, 1627 button.secondary:hover { 1628 background-color: var(--secondary-button-background-hover); 1629 border-color: var(--secondary-button-background-hover); 1630 } 1631 }.color-scheme-scheme-0ba15d46-72c6-45d4-b493-2d0a2e814a44 { 1632 1633 --text-color: rgb(65 65 65 / 1.0); 1634 --color-foreground-rgb: 65 65 65; 1635 --color-foreground: var(--text-color); 1636 --foreground: var(--text-color); 1637 --muted-foreground: color-mix(in srgb, var(--text-color) 55%, var(--background)); 1638 --color-foreground-subdued: color-mix(in srgb, var(--text-color) 55%, var(--background)); 1639 --color-foreground-muted: color-mix(in srgb, var(--text-color) 45%, var(--background)); 1640 --color-border: color-mix(in srgb, var(--text-color) 12%, transparent); 1641 --color-input-background: var(--background); 1642 --color-input-text: var(--text-color); 1643 --color-primary-hover-rgb: 96 96 182; 1644 --heading-color: rgb(65 65 65 / 1.0); 1645 --link-color: rgb(65 65 65 / 1.0); 1646 --background: rgb(255 255 255 / 1.0); 1647 --background-without-opacity: 255 255 255; 1648 --background-gradient: ; 1649 1650 1651 /* Neutral button colors */ 1652 --neutral-button-background: oklch(98% 0.0 90 / 1.0); 1653 --neutral-button-background-hover: oklch(93% 0.0 90 / 1.0); 1654 --neutral-button-text-color: oklch(0% 0.0 0 / 1.0); 1655 --neutral-button-border-color: oklch(93% 0.0 90 / 1.0); 1656 1657 /* Button colors */ 1658 --button-background: oklch(53% 0.13 281 / 1.0); 1659 --button-background-hover: oklch(48% 0.13 281 / 1.0); 1660 --button-text-color: oklch(100% 0.0 90 / 1.0); 1661 --button-border-color: oklch(48% 0.13 281 / 1.0); 1662 1663 /* Secondary button colors */ 1664 --secondary-button-background: oklch(95% 0.01 77 / 1.0); 1665 --secondary-button-background-hover: oklch(90% 0.01 77 / 1.0); 1666 --secondary-button-text-color: oklch(57% 0.01 319 / 1.0); 1667 --secondary-button-border-color: oklch(90% 0.01 77 / 1.0); 1668 1669 /* Base text and background */ 1670 color: var(--text-color); 1671 background-color: var(--background); 1672 1673 /* Heading colors */ 1674 h1, h2, h3, h4, h5, h6 { 1675 color: var(--heading-color); 1676 } 1677 1678 /* Link colors */ 1679 a { 1680 color: var(--link-color); 1681 } 1682 a:hover { 1683 color: var(--link-color); 1684 /* opacity: 0.8; */ 1685 } 1686 a:visited { 1687 color: var(--link-color); 1688 } 1689 1690 /* Opt out of global button styling (header icon buttons, dialogs, etc.) */ 1691 button.unstyled-button, 1692 a.unstyled-button { 1693 border: none; 1694 background: transparent; 1695 cursor: pointer; 1696 color: var(--color-foreground, currentColor); 1697 } 1698 button.unstyled-button:hover, 1699 a.unstyled-button:hover { 1700 background: transparent; 1701 border-color: transparent; 1702 } 1703 1704 /* Button styles using variables */ 1705 button, 1706 .button, 1707 input[type="submit"],
1708 input[type="button"] { 1709 background-color: var(--button-background); 1710 color: var(--button-text-color); 1711 border-color: var(--button-border-color); 1712 } 1713 button:hover, 1714 .button:hover, 1715 input[type="submit"]:hover, 1716 input[type="button"]:hover { 1717 background-color: var(--button-background-hover); 1718 border-color: var(--button-background-hover); 1719 } 1720 1721 /* Neutral button styles */ 1722 .button-neutral, 1723 button.neutral { 1724 background-color: var(--neutral-button-background); 1725 color: var(--neutral-button-text-color); 1726 border-color: var(--neutral-button-border-color); 1727 } 1728 .button-neutral:hover, 1729 button.neutral:hover { 1730 background-color: var(--neutral-button-background-hover); 1731 border-color: var(--neutral-button-background-hover); 1732 } 1733 1734 /* Secondary button styles */ 1735 .button-secondary, 1736 button.secondary { 1737 background-color: var(--secondary-button-background); 1738 color: var(--secondary-button-text-color); 1739 border-color: var(--secondary-button-border-color); 1740 } 1741 .button-secondary:hover, 1742 button.secondary:hover { 1743 background-color: var(--secondary-button-background-hover); 1744 border-color: var(--secondary-button-background-hover); 1745 } 1746 }.color-scheme-scheme-94bd98c9-f512-40db-a2a4-5249e12e653d { 1747 1748 --text-color: rgb(65 65 65 / 1.0); 1749 --color-foreground-rgb: 65 65 65; 1750 --color-foreground: var(--text-color); 1751 --foreground: var(--text-color); 1752 --muted-foreground: color-mix(in srgb, var(--text-color) 55%, var(--background)); 1753 --color-foreground-subdued: color-mix(in srgb, var(--text-color) 55%, var(--background)); 1754 --color-foreground-muted: color-mix(in srgb, var(--text-color) 45%, var(--background)); 1755 --color-border: color-mix(in srgb, var(--text-color) 12%, transparent); 1756 --color-input-background: var(--background); 1757 --color-input-text: var(--text-color); 1758 --color-primary-hover-rgb: 196 0 0; 1759 --heading-color: rgb(65 65 65 / 1.0); 1760 --link-color: rgb(65 65 65 / 1.0); 1761 --background: rgb(255 255 255 / 1.0); 1762 --background-without-opacity: 255 255 255; 1763 --background-gradient: ; 1764 1765 1766 /* Neutral button colors */ 1767 --neutral-button-background: oklch(98% 0.0 90 / 1.0); 1768 --neutral-button-background-hover: oklch(93% 0.0 90 / 1.0); 1769 --neutral-button-text-color: oklch(0% 0.0 0 / 1.0); 1770 --neutral-button-border-color: oklch(93% 0.0 90 / 1.0); 1771 1772 /* Button colors */ 1773 --button-background: oklch(52% 0.21 29 / 1.0); 1774 --button-background-hover: oklch(47% 0.21 29 / 1.0); 1775 --button-text-color: oklch(100% 0.0 90 / 1.0); 1776 --button-border-color: oklch(47% 0.21 29 / 1.0); 1777 1778 /* Secondary button colors */ 1779 --secondary-button-background: oklch(38% 0.0 90 / 1.0); 1780 --secondary-button-background-hover: oklch(33% 0.0 90 / 1.0); 1781 --secondary-button-text-color: oklch(100% 0.0 90 / 1.0); 1782 --secondary-button-border-color: oklch(33% 0.0 90 / 1.0); 1783 1784 /* Base text and background */ 1785 color: var(--text-color); 1786 background-color: var(--background); 1787 1788 /* Heading colors */ 1789 h1, h2, h3, h4, h5, h6 { 1790 color: var(--heading-color); 1791 } 1792 1793 /* Link colors */ 1794 a { 1795 color: var(--link-color); 1796 } 1797 a:hover { 1798 color: var(--link-color); 1799 /* opacity: 0.8; */ 1800 } 1801 a:visited { 1802 color: var(--link-color); 1803 } 1804 1805 /* Opt out of global button styling (header icon buttons, dialogs, etc.) */ 1806 button.unstyled-button, 1807 a.unstyled-button { 1808 border: none; 1809 background: transparent; 1810 cursor: pointer; 1811 color: var(--color-foreground, currentColor); 1812 } 1813 button.unstyled-button:hover, 1814 a.unstyled-button:hover { 1815 background: transparent; 1816 border-color: transparent; 1817 } 1818 1819 /* Button styles using variables */ 1820 button, 1821 .button, 1822 input[type="submit"], 1823 input[type="button"] { 1824 background-color: var(--button-background); 1825 color: var(--button-text-color); 1826 border-color: var(--button-border-color); 1827 } 1828 button:hover, 1829 .button:hover, 1830 input[type="submit"]:hover, 1831 input[type="button"]:hover { 1832 background-color: var(--button-background-hover); 1833 border-color: var(--button-background-hover); 1834 } 1835 1836 /* Neutral button styles */ 1837 .button-neutral, 1838 button.neutral { 1839 background-color: var(--neutral-button-background); 1840 color: var(--neutral-button-text-color); 1841 border-color: var(--neutral-button-border-color); 1842 } 1843 .button-neutral:hover, 1844 button.neutral:hover { 1845 background-color: var(--neutral-button-background-hover); 1846 border-color: var(--neutral-button-background-hover); 1847 } 1848 1849 /* Secondary button styles */ 1850 .button-secondary, 1851 button.secondary { 1852 background-color: var(--secondary-button-background); 1853 color: var(--secondary-button-text-color); 1854 border-color: var(--secondary-button-border-color); 1855 } 1856 .button-secondary:hover, 1857 button.secondary:hover { 1858 background-color: var(--secondary-button-background-hover); 1859 border-color: var(--secondary-button-background-hover); 1860 } 1861 }.color-scheme-scheme-e2843460-2fe0-44b7-b467-55ff72a7dcd7 { 1862 1863 --text-color: rgb(255 255 255 / 1.0); 1864 --color-foreground-rgb: 255 255 255; 1865 --color-foreground: var(--text-color); 1866 --foreground: var(--text-color); 1867 --muted-foreground: color-mix(in srgb, var(--text-color) 55%, var(--background)); 1868 --color-foreground-subdued: color-mix(in srgb, var(--text-color) 55%, var(--background)); 1869 --color-foreground-muted: color-mix(in srgb, var(--text-color) 45%, var(--background)); 1870 --color-border: color-mix(in srgb, var(--text-color) 12%, transparent); 1871 --color-input-background: var(--background); 1872 --color-input-text: var(--text-color); 1873 --color-primary-hover-rgb: 28 28 28; 1874 --heading-color: rgb(255 255 255 / 1.0); 1875 --link-color: rgb(255 255 255 / 1.0); 1876 --background: rgb(226 150 13 / 1.0); 1877 --background-without-opacity: 226 150 13; 1878 --background-gradient: ; 1879 1880 1881 /* Neutral button colors */ 1882 --neutral-button-background: oklch(98% 0.0 90 / 1.0); 1883 --neutral-button-background-hover: oklch(93% 0.0 90 / 1.0); 1884 --neutral-button-text-color: oklch(0% 0.0 0 / 1.0); 1885 --neutral-button-border-color: oklch(93% 0.0 90 / 1.0); 1886 1887 /* Button colors */ 1888 --button-background: oklch(23% 0.0 90 / 1.0); 1889 --button-background-hover: oklch(18% 0.0 90 / 1.0); 1890 --button-text-color: oklch(100% 0.0 90 / 1.0); 1891 --button-border-color: oklch(18% 0.0 90 / 1.0); 1892 1893 /* Secondary button colors */ 1894 --secondary-button-background: oklch(100% 0.0 90 / 1.0); 1895 --secondary-button-background-hover: oklch(95% 0.0 90 / 1.0); 1896 --secondary-button-text-color: oklch(23% 0.0 90 / 1.0); 1897 --secondary-button-border-color: oklch(95% 0.0 90 / 1.0); 1898 1899 /* Base text and background */ 1900 color: var(--text-color); 1901 background-color: var(--background); 1902 1903 /* Heading colors */ 1904 h1, h2, h3, h4, h5, h6 { 1905 color: var(--heading-color); 1906 } 1907 1908 /* Link colors */ 1909 a { 1910 color: var(--link-color); 1911 } 1912 a:hover { 1913 color: var(--link-color); 1914 /* opacity: 0.8; */ 1915 } 1916 a:visited { 1917 color: var(--link-color); 1918 } 1919 1920 /* Opt out of global button styling (header icon buttons, dialogs, etc.) */ 1921 button.unstyled-button, 1922 a.unstyled-button { 1923 border: none; 1924 background: transparent; 1925 cursor: pointer; 1926 color: var(--color-foreground, currentColor); 1927 } 1928 button.unstyled-button:hover, 1929 a.unstyled-button:hover { 1930 background: transparent; 1931 border-color: transparent; 1932 } 1933 1934 /* Button styles using variables */ 1935 button, 1936 .button, 1937 input[type="submit"],
1938 input[type="button"] { 1939 background-color: var(--button-background); 1940 color: var(--button-text-color); 1941 border-color: var(--button-border-color); 1942 } 1943 button:hover, 1944 .button:hover, 1945 input[type="submit"]:hover, 1946 input[type="button"]:hover { 1947 background-color: var(--button-background-hover); 1948 border-color: var(--button-background-hover); 1949 } 1950 1951 /* Neutral button styles */ 1952 .button-neutral, 1953 button.neutral { 1954 background-color: var(--neutral-button-background); 1955 color: var(--neutral-button-text-color); 1956 border-color: var(--neutral-button-border-color); 1957 } 1958 .button-neutral:hover, 1959 button.neutral:hover { 1960 background-color: var(--neutral-button-background-hover); 1961 border-color: var(--neutral-button-background-hover); 1962 } 1963 1964 /* Secondary button styles */ 1965 .button-secondary, 1966 button.secondary { 1967 background-color: var(--secondary-button-background); 1968 color: var(--secondary-button-text-color); 1969 border-color: var(--secondary-button-border-color); 1970 } 1971 .button-secondary:hover, 1972 button.secondary:hover { 1973 background-color: var(--secondary-button-background-hover); 1974 border-color: var(--secondary-button-background-hover); 1975 } 1976 }/* Font utility classes */ 1977 /* Onest font classes */ 1978 .font-onest { 1979 font-family: var(--font-onest); 1980 } 1981 .font-onest-medium { 1982 font-family: var(--font-onest-medium); 1983 } 1984 .font-onest-semi-bold { 1985 font-family: var(--font-onest-semi-bold); 1986 } 1987 .font-onest-bold { 1988 font-family: var(--font-onest-bold); 1989 } 1990 .font-onest-extra-bold { 1991 font-family: var(--font-onest-extra-bold); 1992 } 1993 .font-onest-black { 1994 font-family: var(--font-onest-black); 1995 } 1996 1997 /* Geist font classes */ 1998 .font-geist-thin { 1999 font-family: var(--font-geist-thin); 2000 } 2001 .font-geist-extra-light { 2002 font-family: var(--font-geist-extra-light); 2003 } 2004 .font-geist-light { 2005 font-family: var(--font-geist-light); 2006 } 2007 .font-geist-regular { 2008 font-family: var(--font-geist-regular); 2009 } 2010 .font-geist-medium { 2011 font-family: var(--font-geist-medium); 2012 } 2013 .font-geist-semi-bold { 2014 font-family: var(--font-geist-semi-bold); 2015 } 2016 .font-geist-bold { 2017 font-family: var(--font-geist-bold); 2018 } 2019 2020</style> 2021 2022 2023 2024 2025 2026 2027 2028 2029<link href="//shop.nu.nl/cdn/shop/t/2/assets/theme.css?v=133051886704815465511784643452" rel="stylesheet" type="text/css" media="all" /> 2030<link href="//shop.nu.nl/cdn/shop/t/2/assets/tailwind.css?v=14253261648420308151788538515" rel="stylesheet" type="text/css" media="all" /> 2031 2032
2033<script> 2034 window.__AGENCY_CART = { 2035 settings: { 2036 moneyFormat: "â¬{{amount_with_comma_separator}}", 2037 threshold: 0, 2038 enableNote: false, 2039 cartBehaviorDesktop: "modal", 2040 cartBehaviorMobile: "modal" 2041 }, 2042 strings: { 2043 empty: "Je winkelwagen is leeg", 2044 shippingPending: "[amount] left until free shipping", 2045 shippingUnlocked: "Congrats free shipping", 2046 updateItemError: "Kon het artikel niet bijwerken. Probeer het opnieuw.", 2047 addItemError: "Kon het artikel niet toevoegen aan de winkelwagen." 2048 }, 2049 // ð INSTANT DATA: Rendered by server, ready for Alpine 2050 initialCart: {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"EUR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}, 2051 // Compare-at prices from variant (not included in cart JSON / cart.js) 2052 variantCompareAtPrices: { 2053 2054 }, 2055 productLocatieByProductId: { 2056 2057 } 2058 }; 2059 2060 // Patch initial cart items with compare_at_price (so it's there before Alpine/store runs) 2061 (function() { 2062 var cart = window.__AGENCY_CART && window.__AGENCY_CART.initialCart; 2063 var map = window.__AGENCY_CART && window.__AGENCY_CART.variantCompareAtPrices; 2064 if (cart && cart.items && map) { 2065 cart.items.forEach(function(item) { 2066 var vid = item.variant_id != null ? item.variant_id : item.id; 2067 var compareAt = map[vid] != null ? map[vid] : map[String(vid)]; 2068 item.compare_at_price = compareAt != null ? Number(compareAt) : (item.compare_at_price || 0); 2069 }); 2070 } 2071 })(); 2072 2073 // Ensure Shopify object exists and formatMoney function is available 2074 (function() { 2075 if (typeof window.Shopify === 'undefined') { 2076 window.Shopify = {}; 2077 } 2078 2079 // Create or ensure formatMoney function exists 2080 const createFormatMoney = function() { 2081 return function(cents, format) { 2082 if (typeof cents === 'string') { 2083 cents = parseInt(cents, 10); 2084 } 2085 if (isNaN(cents) || cents === null || cents === undefined) { 2086 return ''; 2087 } 2088 2089 const moneyFormat = format || window.__AGENCY_CART?.settings?.moneyFormat || ''; 2090 const value = (cents / 100).toFixed(2); 2091 2092 // Handle Shopify money format placeholders 2093 // Common formats: , $, USD, etc. 2094 return moneyFormat 2095 .replace(/\{\{\s*amount\s*\}\}/, value) 2096 .replace(/\{\{\s*amount_no_decimals\s*\}\}/, Math.floor(cents / 100).toString()) 2097 .replace(/\{\{\s*amount_with_comma_separator\s*\}\}/, value.replace('.', ',')); 2098 }; 2099 }; 2100 2101 // Set formatMoney if it doesn't exist or is not a function 2102 if (typeof Shopify.formatMoney !== 'function') { 2103 Shopify.formatMoney = createFormatMoney(); 2104 } 2105 2106 // Also store a reference in __AGENCY_CART for backup 2107 window.__AGENCY_CART.formatMoney = Shopify.formatMoney; 2108 })(); 2109 2110 /** Line item keys Vintia adds for booking; collapsed into one "Datum en tijd" row in the cart. */ 2111 window.__AGENCY_CART.VINTIA_CART_COLLAPSE_KEYS = { 2112 vintia_visit_date: true, 2113 vintia_time_slot_id: true, 2114 vintia_date: true, 2115 vintia_time: true, 2116 visit_date: true, 2117 time_slot_id: true, 2118 Date: true, 2119 Time: true 2120 }; 2121 2122 /** 2123 * Single Dutch date/time string for Vintia cart lines (matches Ticketcounter capacity_date style). 2124 * Uses YYYY-MM-DD from vintia_visit_date / vintia_date (legacy: visit_date, Date), optional time label. 2125 */ 2126 window.__AGENCY_CART.formatVintiaDatumEnTijdDisplay = function (propsMap) { 2127 var ymd = ''; 2128 if (propsMap.vintia_visit_date != null && String(propsMap.vintia_visit_date).trim() !== '') { 2129 ymd = String(propsMap.vintia_visit_date).trim(); 2130 } else if (propsMap.visit_date != null && String(propsMap.visit_date).trim() !== '') { 2131 ymd = String(propsMap.visit_date).trim(); 2132 } else if (propsMap.vintia_date != null && String(propsMap.vintia_date).trim() !== '') { 2133 ymd = String(propsMap.vintia_date).trim(); 2134 } else if (propsMap.Date != null) { 2135 ymd = String(propsMap.Date).trim(); 2136 } 2137 var timeRaw = ''; 2138 if (propsMap.vintia_time != null && String(propsMap.vintia_time).trim() !== '') { 2139 timeRaw = String(propsMap.vintia_time).trim(); 2140 } else if (propsMap.Time != null) { 2141 timeRaw = String(propsMap.Time).trim(); 2142 } 2143 if (!ymd && !timeRaw) return ''; 2144 var datePart = ''; 2145 if (/^\d{4}-\d{2}-\d{2}$/.test(ymd)) { 2146 var d0 = new Date(ymd + 'T12:00:00'); 2147 if (!isNaN(d0.getTime())) { 2148 datePart = d0.toLocaleDateString('nl-NL', { day: 'numeric', month: 'long', year: 'numeric' }); 2149 } 2150 } 2151 if (!datePart && ymd) datePart = ymd; 2152 if (timeRaw) { 2153 var timeDisp = window.__AGENCY_CART.formatLinePropertyDisplay('Time', timeRaw); 2154 return datePart ? datePart + ' om ' + timeDisp : timeDisp; 2155 } 2156 return datePart; 2157 }; 2158 2159 /** 2160 * Rows for cart property list: merges Vintia booking fields into one "Datum en tijd" line like Ticketcounter. 2161 * Each row is either { combined: true, text }
2161 or { combined: false, name, value }. 2162 */ 2163 window.__AGENCY_CART.getLinePropertyRows = function (item) { 2164 var props = item && item.properties; 2165 var out = []; 2166 if (props == null) return out; 2167 2168 var vendor = (item.vendor && String(item.vendor).toLowerCase().trim()) || ''; 2169 var map = {}; 2170 var order = []; 2171 2172 if (Array.isArray(props)) { 2173 for (var i = 0; i < props.length; i++) { 2174 var p = props[i]; 2175 if (!p || p.name == null) continue; 2176 var nk = String(p.name); 2177 order.push(nk); 2178 map[nk] = p.value; 2179 } 2180 } else if (typeof props === 'object') { 2181 Object.keys(props).forEach(function (k) { 2182 order.push(k); 2183 map[k] = props[k]; 2184 }); 2185 } else { 2186 return out; 2187 } 2188 2189 var ck = window.__AGENCY_CART.VINTIA_CART_COLLAPSE_KEYS; 2190 var vintiaCombined = ''; 2191 if ( 2192 vendor === 'vintia' && 2193 (map.vintia_visit_date || 2194 map.vintia_time_slot_id || 2195 map.vintia_date || 2196 map.vintia_time || 2197 map.visit_date || 2198 map.time_slot_id || 2199 map.Date || 2200 map.Time) 2201 ) { 2202 vintiaCombined = window.__AGENCY_CART.formatVintiaDatumEnTijdDisplay(map); 2203 } 2204 var collapse = vendor === 'vintia' && !!vintiaCombined; 2205 2206 if (collapse) { 2207 out.push({ combined: true, text: vintiaCombined }); 2208 } 2209 2210 for (var j = 0; j < order.length; j++) { 2211 var n = order[j]; 2212 if (!n || String(n).charAt(0) === '_') continue; 2213 if (collapse && ck[n]) continue; 2214 out.push({ combined: false, name: n, value: map[n] }); 2215 } 2216 2217 return out; 2218 }; 2219 2220 /** Same timezone as PDP time slots (scripts/date-time-picker.js TC_SLOT_CALENDAR_TIMEZONE). */ 2221 var NF_CART_SLOT_TIMEZONE = 'Europe/Amsterdam'; 2222 2223 /** 2224 * Line property `ticketcounter_capacity_date` holds the same naive datetime as legacy `capacity_date` (no Z/offset; see ticketcounterStartTimeToCapacityDateProperty in main.js). 2225 * Those components are UTC from the API; parsing as local Date() showed 00:00 instead of Amsterdam wall time. 2226 * Display: interpret naive datetime as UTC, format in Amsterdam â matches PDP; line property value unchanged. 2227 */ 2228 function parseCapacityDatePropertyToDate(raw) { 2229 var s = String(raw || '').trim(); 2230 if (!/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/.test(s)) return null; 2231 if (/Z$/i.test(s) || /[+-]\d{2}:\d{2}(?::\d{2})?$/.test(s)) { 2232 var d0 = new Date(s); 2233 return isNaN(d0.getTime()) ? null : d0; 2234 } 2235 var m = s.match(/^(\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2})/); 2236 if (!m) return null; 2237 var d1 = new Date(m[1] + 'Z'); 2238 return isNaN(d1.getTime()) ? null : d1; 2239 } 2240 2241 /** Human-readable label for line item property keys (cart drawer / cart page). */ 2242 window.__AGENCY_CART.formatLinePropertyName = function (name) { 2243 var n = String(name || '').trim(); 2244 if (n === 'ticketcounter_capacity_date' || n === 'capacity_date') return 'Datum en tijd'; 2245 return n; 2246 }; 2247 2248 /** Cart drawer line properties: format Vintia Time (ISO range) like the timepicker; other keys pass through. */ 2249 window.__AGENCY_CART.formatLinePropertyDisplay = function (name, value) { 2250 if (value == null) return ''; 2251 var key = String(name || '').trim(); 2252 if (key === 'ticketcounter_capacity_date' || key === 'capacity_date') { 2253 var raw = String(value).trim(); 2254 var dCap = parseCapacityDatePropertyToDate(raw); 2255 if (dCap) { 2256 try { 2257 return dCap.toLocaleString('nl-NL', { 2258 day: 'numeric', 2259 month: 'long', 2260 year: 'numeric', 2261 hour: '2-digit', 2262 minute: '2-digit', 2263 timeZone: NF_CART_SLOT_TIMEZONE, 2264 }); 2265 } catch (e1) { 2266 return dCap.toLocaleString('nl-NL', { day: 'numeric', month: 'long', year: 'numeric', hour: '2-digit', minute: '2-digit' }); 2267 } 2268 } 2269 if (/^\d{4}-\d{2}-\d{2}$/.test(raw)) { 2270 var dDay = new Date(raw + 'T12:00:00Z'); 2271 if (!isNaN(dDay.getTime())) { 2272 try { 2273 return dDay.toLocaleDateString('nl-NL', { 2274 day: 'numeric', 2275 month: 'long', 2276 year: 'numeric', 2277 timeZone: NF_CART_SLOT_TIMEZONE, 2278 }); 2279 } catch (e2) { 2280 return dDay.toLocaleDateString('nl-NL', { day: 'numeric', month: 'long', year: 'numeric' }); 2281 } 2282 } 2283 } 2284 return raw; 2285 } 2286 if (!/^time$/i.test(key) && !/^vintia_time$/i.test(key)) return String(value); 2287 var s = String(value).trim(); 2288 var fmtChunk = function (chunk) { 2289 var d = new Date(String(chunk).trim()); 2290 if (isNaN(d.getTime())) return '';
2291 try { 2292 return d.toLocaleTimeString('nl-NL', { 2293 hour: '2-digit', 2294 minute: '2-digit', 2295 timeZone: NF_CART_SLOT_TIMEZONE, 2296 }); 2297 } catch (e3) { 2298 return d.toLocaleTimeString('nl-NL', { hour: '2-digit', minute: '2-digit' }); 2299 } 2300 }; 2301 /** Do not use split on [-â¦]: [\u2013-] is a Unicode range and also matches date hyphens inside ISO dates. */ 2302 var m = s.match(/^(.+?)\s+[\u2013\u2014-]\s+(.+)$/); 2303 if (m) { 2304 var a = fmtChunk(m[1]); 2305 var b = fmtChunk(m[2]); 2306 if (a && b) return a + ' \u2013 ' + b; 2307 } 2308 var one = fmtChunk(s); 2309 if (one) return one; 2310 return s; 2311 }; 2312 2313 /** Product locatie metafield for cart line subtitles (matches product-card comma rule). */ 2314 window.__AGENCY_CART.normalizeProductLocatie = function (raw) { 2315 if (raw == null) return ''; 2316 var s = String(raw).trim(); 2317 if (!s) return ''; 2318 if (s.indexOf(',') !== -1) return 'Diverse locaties'; 2319 return s; 2320 }; 2321 2322 /** 2323 * Cart line subtitle fields â same shape as cart-notification-modal (`locatie` + `variant_title`). 2324 * Suppresses variant when it repeats the product title or locatie. 2325 */ 2326 window.__AGENCY_CART.getCartLineDisplayParts = function (item) { 2327 var locatie = ''; 2328 var pid = item && item.product_id; 2329 var locMap = window.__AGENCY_CART.productLocatieByProductId || {}; 2330 if (pid != null) { 2331 var rawLoc = locMap[pid] != null ? locMap[pid] : locMap[String(pid)]; 2332 if (rawLoc != null) locatie = window.__AGENCY_CART.normalizeProductLocatie(rawLoc); 2333 } 2334 2335 var productTitle = (item && item.product_title ? String(item.product_title) : '').trim(); 2336 var variant = ''; 2337 if (item && item.variant_title && item.variant_title !== 'Default Title') { 2338 variant = String(item.variant_title).trim(); 2339 } 2340 if (variant && productTitle && variant.toLowerCase() === productTitle.toLowerCase()) { 2341 variant = ''; 2342 } 2343 if (variant && locatie && variant.toLowerCase() === locatie.toLowerCase()) { 2344 variant = ''; 2345 } 2346 2347 return { locatie: locatie, variant_title: variant }; 2348 }; 2349</script>
2349 2350 2351 2352 2353
2353<script> 2354 window.themeSettings = window.themeSettings || {}; 2355 window.themeSettings.shopCode = "nushop"; 2356 </script>
2356 2357 2358
2358<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
2358<meta name="google-site-verification" content="opUmAfmd1Xhvuw3wsftBvQMpLvXsEr-SXRDWPi5QXwQ"> 2359<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/97660731719/digital_wallets/dialog"> 2360<link rel="alternate" type="application/json+oembed" href="https://shop.nu.nl/products/kerst-met-andre-rieu.oembed">
2361<script async="async" src="/checkouts/internal/preloads.js?locale=nl-NL&default_configuration_id=8010563911"></script>
vendor: 1 bytes, line 2361
2361
2362<script id="shopify-features" type="application/json">{"accessToken":"cfb684f0e1ecc3802ea93fdd442b177b","betas":["rich-media-storefront-analytics"],"domain":"shop.nu.nl","predictiveSearch":true,"shopId":97660731719,"locale":"nl"}</script>
vendor: 1 bytes, line 2362
2362
2363<script>var Shopify = Shopify || {}; 2364Shopify.shop = "nushopnl.myshopify.com"; 2365Shopify.locale = "nl"; 2366Shopify.currency = {"active":"EUR","rate":"1.0"}; 2367Shopify.country = "NL"; 2368Shopify.theme = {"name":"nu-shop-nl\/main","id":195017081159,"schema_name":"Skeleton","schema_version":"1.0.0","theme_store_id":null,"role":"main"}; 2369Shopify.theme.handle = "null"; 2370Shopify.theme.style = {"id":null,"handle":null}; 2371Shopify.cdnHost = "shop.nu.nl/cdn"; 2372Shopify.routes = Shopify.routes || {}; 2373Shopify.routes.root = "/"; 2374Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 2375Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 2376Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 2377Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 2377
2377
2378<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 2378
2378
2379<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 2379
2379
2380<script> 2381 window.Shopify = window.Shopify || {}; 2382 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 2383 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 2384 window.Shopify.SignInWithShop.eligible = true; 2385</script>
vendor: 1 bytes, line 2385
2385
2386<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 2386
2386
2387<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.nl.esm.js"></script>
vendor: 1 bytes, line 2387
2387
2388<script type="module"> 2389 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.nl.esm.js"); 2390 2391 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 2392 2393</script>
vendor: 1 bytes, line 2393
2393
2394<script> 2395 window.Shopify = window.Shopify || {}; 2396 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 2397 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.nl.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.nl.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.nl.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.nl.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.nl.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.nl.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.nl.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.nl.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.nl.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.nl.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.nl.esm.js"],"listener":["modules/v2/loader.listener.nl.esm.js"],"pay-button":["modules/v2/loader.pay-button.nl.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.nl.esm.js"],"shop-button":["modules/v2/loader.shop-button.nl.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.nl.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.nl.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.nl.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.nl.esm.js"],"shop-login":["modules/v2/loader.shop-login.nl.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.nl.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.nl.esm.js"]}; 2398</script>
vendor: 1 bytes, line 2398
2398
2399<script id="__st">var __st={"a":97660731719,"offset":7200,"reqid":"b9631982-1158-419a-8302-2b21a2b02726-1790233339","pageurl":"shop.nu.nl\/products\/kerst-met-andre-rieu?utm_medium=redactionele_site\u0026utm_source=nushop\u0026utm_content=widget-rieukerst","u":"977d5563c063","p":"product","rtyp":"product","rid":11007988040007};</script>
vendor: 1 bytes, line 2399
2399
2400<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 2400
2400
2401<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Beschermd door hCaptcha',privacyText:'Privacy',termsText:'Voorwaarden'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 2401
2401
2402<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//shop.nu.nl/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 2402
2402
2403<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//shop.nu.nl/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
2403<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 2403
2403
2404<script> 2405 window.Shopify = window.Shopify || {}; 2406 window.Shopify.MCP = window.Shopify.MCP || {}; 2407 window.Shopify.MCP.enabled = true; 2408 window.Shopify.MCP.shop = "nushopnl.myshopify.com"; 2409 window.Shopify.MCP.mcpEndpoint = "https:\/\/shop.nu.nl\/api\/mcp"; 2410 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 2411</script>
vendor: 1 bytes, line 2411
2411
2412<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/shop.nu.nl\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-f1e1e155.js","sha256-86F2r\/8tANRiv732G7Azvy4FxZLwNMjSp3zeaR2BCbY=");})(); 2413</script>
vendor: 1 bytes, line 2413
2413
2414<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://shop.nu.nl/cdn/shopifycloud/portable-wallets/latest/portable-wallets.nl.js",t.type="module",document.head.appendChild(t)}}; 2415</script>
vendor: 1 bytes, line 2415
2415
2416<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 2417 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 2418</script>
vendor: 1 bytes, line 2418
2418
2419<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 2420</script>
2420 2421<link rel="stylesheet" media="screen" href="//shop.nu.nl/cdn/shop/t/2/compiled_assets/styles.css?v=118892514106068622041789662139">
2422<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
2422 2423 2424
2424<script> 2425 (function () { 2426 function setGreeting(name) { 2427 document.querySelectorAll(".dpg-greeting-name").forEach(function (el) { 2428 el.textContent = name || ""; 2429 }); 2430 } 2431 2432 function setDisplay(selector, visible) { 2433 document.querySelectorAll(selector).forEach(function (el) { 2434 el.hidden = !visible; 2435 el.style.display = visible ? "" : "none"; 2436 }); 2437 } 2438 2439 function showLoggedIn(user) { 2440 setGreeting(user.displayName || user.firstName || user.email || ""); 2441 setDisplay(".dpg-login-btn", false); 2442 setDisplay(".dpg-logout-btn", true); 2443 setDisplay(".dpg-no-account", false); 2444 setDisplay(".dpg-logged-out-only", false); 2445 setDisplay(".dpg-logged-in-only", true); 2446 } 2447 2448 function showAnonymous() { 2449 setGreeting(""); 2450 setDisplay(".dpg-login-btn", true); 2451 setDisplay(".dpg-logout-btn", false); 2452 setDisplay(".dpg-no-account", true); 2453 setDisplay(".dpg-logged-out-only", true); 2454 setDisplay(".dpg-logged-in-only", false); 2455 } 2456 2457 function syncFromSso() { 2458 if (!window.DPG_SSO) return false; 2459 var user = window.DPG_SSO.getUser(); 2460 if (user) { 2461 showLoggedIn(user); 2462 return true; 2463 } 2464 return false; 2465 } 2466 2467 document.addEventListener("dpg:user-identified", function (e) { 2468 showLoggedIn(e.detail || {}); 2469 }); 2470 2471 document.addEventListener("dpg:user-anonymous", function () { 2472 showAnonymous(); 2473 }); 2474 2475 document.addEventListener("click", function (e) { 2476 if (!window.DPG_SSO) return; 2477 2478 if (e.target.closest(".dpg-login-btn")) { 2479 e.preventDefault(); 2480 window.DPG_SSO.login(); 2481 return; 2482 } 2483 2484 if (e.target.closest(".dpg-logout-btn")) { 2485 e.preventDefault(); 2486 window.DPG_SSO.logout(); 2487 } 2488 }); 2489 2490 window.addEventListener("load", syncFromSso); 2491 2492 document.addEventListener("DOMContentLoaded", function () { 2493 if (syncFromSso()) return; 2494 2495 var attempts = 0; 2496 var timer = window.setInterval(function () { 2497 attempts += 1; 2498 if (syncFromSso() || attempts >= 50) { 2499 window.clearInterval(timer); 2500 } 2501 }, 100); 2502 }); 2503 })(); 2504</script>
2504 2505 2506 2507 <!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 2508 2509 2510 2511 2512 2513 2514 2515 2516 2517 2518 2519 2520
2520<script async src="https://static.klaviyo.com/onsite/js/TSJiF9/klaviyo.js?company_id=TSJiF9"></script>
2520 2521
2521<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
2521 2522 2523 2524
2524<script id="viewed_product"> 2525 if (item == null) { 2526 var _learnq = _learnq || []; 2527 2528 var MetafieldReviews = null 2529 var MetafieldYotpoRating = null 2530 var MetafieldYotpoCount = null 2531 var MetafieldLooxRating = null 2532 var MetafieldLooxCount = null 2533 var okendoProduct = null 2534 var okendoProductReviewCount = null 2535 var okendoProductReviewAverageValue = null 2536 try { 2537 // The following fields are used for Customer Hub recently viewed in order to add reviews. 2538 // This information is not part of __kla_viewed. Instead, it is part of __kla_viewed_reviewed_items 2539 MetafieldReviews = {}; 2540 MetafieldYotpoRating = null 2541 MetafieldYotpoCount = null 2542 MetafieldLooxRating = null 2543 MetafieldLooxCount = null 2544 2545 okendoProduct = null 2546 // If the okendo metafield is not legacy, it will error, which then requires the new json formatted data 2547 if (okendoProduct && 'error' in okendoProduct) { 2548 okendoProduct = null 2549 } 2550 okendoProductReviewCount = okendoProduct ? okendoProduct.reviewCount : null 2551 okendoProductReviewAverageValue = okendoProduct ? okendoProduct.reviewAverageValue : null 2552 } catch (error) { 2553 console.error('Error in Klaviyo onsite reviews tracking:', error); 2554 } 2555 2556 var item = { 2557 Name: "Kerst met André Rieu", 2558 ProductID: 11007988040007, 2559 Categories: ["Aanbiedingen","Avondje uit","Bekijk alles","Musicals","Onze favorieten","Theater"], 2560 ImageURL: "https://shop.nu.nl/cdn/shop/files/cmsssmdoa0tvt07w2rime1ijf_f4350612-8695-44b9-aa44-f3fd2c3a8c71_grande.jpg?v=1790201164", 2561 URL: "https://shop.nu.nl/products/kerst-met-andre-rieu", 2562 Brand: "NUshop", 2563 Price: "â¬79,00", 2564 Value: "79,00", 2565 CompareAtPrice: "â¬0,00" 2566 }; 2567 _learnq.push(['track', 'Viewed Product', item]); 2568 _learnq.push(['trackViewedItem', { 2569 Title: item.Name, 2570 ItemId: item.ProductID, 2571 Categories: item.Categories, 2572 ImageUrl: item.ImageURL, 2573 Url: item.URL, 2574 Metadata: { 2575 Brand: item.Brand, 2576 Price: item.Price, 2577 Value: item.Value, 2578 CompareAtPrice: item.CompareAtPrice 2579 }, 2580 metafields:{ 2581 reviews: MetafieldReviews, 2582 yotpo:{ 2583 rating: MetafieldYotpoRating, 2584 count: MetafieldYotpoCount, 2585 }, 2586 loox:{ 2587 rating: MetafieldLooxRating, 2588 count: MetafieldLooxCount, 2589 }, 2590 okendo: { 2591 rating: okendoProductReviewAverageValue, 2592 count: okendoProductReviewCount, 2593 } 2594 } 2595 }]); 2596 } 2597 </script>
2597 2598 2599 2600 2601 2602 2603
2603<script> 2604 window.klaviyoReviewsProductDesignMode = false 2605 </script>
2605 2606 2607 2608 2609 2610 2611 2612 2613 2614 2615<!-- END app block --><!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core --> 2616 2617 2618 2619 2620 2621 2622 2623<link rel="dns-prefetch" href="https://cdn.judge.me"> 2624<link rel="dns-prefetch" href="https://cdn1.judge.me"> 2625<link rel="dns-prefetch" href="https://api.judge.me"> 2626
2627<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":true,"coupon_receiving_condition":"any_review","coupon_value_type":"percentage","coupon_value_percentage":10,"coupon_value_fixed_amount":0,"coupon_discount_type":"single","coupon_tier_text_enabled":false,"coupon_tier_text_percentage":10,"coupon_tier_text_fixed_amount":0,"coupon_tier_photo_enabled":false,"coupon_tier_photo_percentage":10,"coupon_tier_photo_fixed_amount":0,"coupon_tier_video_enabled":false,"coupon_tier_video_percentage":10,"coupon_tier_video_fixed_amount":0,"enable_coupons":false,"badge_no_review_text":"Geen beoordelingen","badge_n_reviews_text":"{{ n }} beoordeling/beoordelingen","badge_star_color":"#FFBB00","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Klantbeoordelingen","widget_open_form_text":"Schrijf een beoordeling","widget_close_form_text":"Beoordeling annuleren","widget_refresh_page_text":"Pagina vernieuwen","widget_summary_text":"Gebaseerd op {{ number_of_reviews }} beoordeling/beoordelingen","widget_no_review_text":"Wees de eerste om een beoordeling te schrijven","widget_name_field_text":"Weergavenaam","widget_verified_name_field_text":"Geverifieerde naam (openbaar)","widget_name_placeholder_text":"Weergavenaam","widget_required_field_error_text":"Dit veld is verplicht.","widget_email_field_text":"E-mailadres","widget_verified_email_field_text":"Geverifieerde e-mail (privé, kan niet worden bewerkt)","widget_email_placeholder_text":"Je e-mailadres","widget_email_field_error_text":"Voer een geldig e-mailadres in.","widget_rating_field_text":"Beoordeling","widget_review_title_field_text":"Titel beoordeling","widget_review_title_placeholder_text":"Geef je beoordeling een titel","widget_review_body_field_text":"Beoordeling inhoud","widget_review_body_placeholder_text":"Begin hier met schrijven...","widget_pictures_field_text":"Foto/Video (optioneel)","widget_submit_review_text":"Beoordeling indienen","widget_submit_verified_review_text":"Geverifieerde beoordeling indienen","widget_submit_success_msg_with_auto_publish":"Dank je wel! Vernieuw de pagina over een paar momenten om je beoordeling te zien. Je kunt je beoordeling verwijderen of bewerken door in te loggen bij \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Dank je wel! Je beoordeling wordt gepubliceerd zodra deze is goedgekeurd door de winkelbeheerder. Je kunt je beoordeling verwijderen of bewerken door in te loggen bij \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"{{ n_reviews_shown }} van de {{ n_reviews }} beoordelingen worden getoond.","widget_show_all_link_text":"Toon alles","widget_show_less_link_text":"Toon minder","widget_author_said_text":"{{ reviewer_name }} zei:","widget_days_text":"{{ n }} dagen geleden","widget_weeks_text":"{{ n }} week/weken geleden","widget_months_text":"{{ n }} maand/maanden geleden","widget_years_text":"{{ n }} jaar/jaren geleden","widget_yesterday_text":"Gisteren","widget_today_text":"Vandaag","widget_replied_text":"\u003e\u003e {{ shop_name }} antwoordde:","widget_read_more_text":"Lees meer","widget_reviewer_name_as_initial":"last_initial","widget_rating_filter_color":"#fbcd0a","widget_rating_filter_see_all_text":"Bekijk alle beoordelingen","widget_sorting_most_recent_text":"Meest recent","widget_sorting_highest_rating_text":"Hoogste beoordeling","widget_sorting_lowest_rating_text":"Laagste beoordeling","widget_sorting_with_pictures_text":"Alleen foto's","widget_sorting_most_helpful_text":"Meest nuttig","widget_open_question_form_text":"Stel een vraag","widget_reviews_subtab_text":"Beoordelingen","widget_questions_subtab_text":"Vragen","widget_question_label_text":"Vraag","widget_answer_label_text":"Antwoord","widget_question_placeholder_text":"Schrijf hier je vraag","widget_submit_question_text":"Vraag indienen","widget_question_submit_success_text":"Bedankt voor je vraag! We zullen je op de hoogte stellen zodra deze is beantwoord.","widget_star_color":"#FFBB00","verified_badge_text":"Geverifieerd","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":"","widget_hide_border":false,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(buiten de winkel)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"over","enable_review_pictures":true,"enable_question_anwser":false,"widget_theme":"default","review_date_format":"dd/mm/yyyy","default_sort_method":"most-recent","enable_ai_review_visibility":true,"widget_product_reviews_subtab_text":"Productbeoordelingen","widget_shop_reviews_subtab_text":"Winkelbeoordelingen","widget_other_products_reviews_text":"Beoordelingen voor andere producten","widget_store_reviews_subtab_text":"Winkelbeoordelingen","widget_product_variant_reference_text":"Beoordeling voor","widget_no_store_reviews_text":"Deze winkel heeft nog geen beoordelingen","widget_web_restriction_product_reviews_text":"Dit product heeft nog geen beoordelingen","widget_no_items_text":"Geen items gevonden","widget_show_more_text":"Toon meer","widget_write_a_store_review_text":"Schrijf een winkelbeoordeling","widget_product_and_store_reviews_text":"Product- en winkelbeoordelingen","widget_reviews_in_collection_text":"Beoordelingen in deze collectie","widget_other_languages_heading":"Beoordelingen in andere talen","widget_translate_review_text":"Vertaal beoordeling naar {{ language }}","widget_translating_review_text":"Bezig met vertalen...","widget_show_original_translation_text":"Toon origineel ({{ language }}
2627)","widget_translate_review_failed_text":"Beoordeling kon niet worden vertaald.","widget_translate_review_retry_text":"Opnieuw proberen","widget_translate_review_try_again_later_text":"Probeer het later opnieuw","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Foto's eerst","show_pictures_on_all_rev_page_mobile":false,"show_pictures_on_all_rev_page_desktop":false,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"â
Beoordelingen","floating_tab_title":"Laat klanten voor ons spreken","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":false,"floating_tab_tab_style":"text","all_reviews_text_badge_text":"Klanten beoordelen ons met {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 op basis van {{ shop.metafields.judgeme.all_reviews_count }} beoordelingen.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} van de 5 sterren op basis van {{ shop.metafields.judgeme.all_reviews_count }} beoordelingen","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"branded","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":false,"featured_carousel_show_header":true,"featured_carousel_title":"Laat klanten voor ons spreken","testimonials_carousel_title":"Klanten beoordelen ons","videos_carousel_title":"Echte klantervaringen","cards_carousel_title":"Klanten beoordelen ons","featured_carousel_count_text":"uit {{ n }} beoordelingen","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":5,"featured_carousel_arrows_on_the_sides":false,"featured_carousel_height":250,"featured_carousel_width":80,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#eeeeee","verified_count_badge_style":"branded","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":false,"widget_pagination_use_custom_color":false,"widget_star_use_custom_color":false,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":true,"mute_video_by_default":false,"widget_sorting_videos_first_text":"Video's eerst","widget_review_pending_text":"In afwachting","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook,Twitter","remove_microdata_snippet":true,"disable_json_ld":false,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"Geen vragen","preview_badge_n_question_text":"{{ number_of_questions }} vraag/vragen","qa_badge_show_icon":false,"qa_badge_position":"same-row","remove_judgeme_branding":true,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Zoeken","widget_sorting_verified_only_text":"Alleen geverifieerd","widget_sorting_most_relevant_text":"Meest relevant","featured_carousel_theme":"default","featured_carousel_show_rating":true,"featured_carousel_show_title":true,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":false,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#108474","featured_carousel_empty_star_background":"#dadada","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":true,"featured_carousel_verified_badge_color":"#108474","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"featured_carousel_more_reviews_button_text":"Meer beoordelingen lezen","featured_carousel_view_product_button_text":"Product bekijken","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Meer beoordelingen laden","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_advanced_speed_features":5,"widget_public_name_text":"openbaar weergegeven als","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anoniem","medals_widget_title":"Judge.me Beoordelingsmedailles","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#108474","show_reviewer_avatar":false,"widget_invalid_yt_video_url_error_text":"Geen YouTube video URL","widget_max_length_field_error_text":"Voer niet meer dan {0} tekens in.","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Geverifieerd door winkel","widget_show_photo_gallery":false,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Door ons gemaakt, door jou gedeeld","widget_ugc_subt
2627itle":"Tag ons om je afbeelding op onze pagina te zien","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Nu kopen","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Meer laden","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"Beoordelingen bekijken","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#108474","widget_enable_secondary_color":false,"widget_secondary_color":"#edf5f5","widget_summary_average_rating_text":"{{ average_rating }} van de 5","widget_media_grid_title":"Klantfoto's \u0026 -video's","widget_media_grid_see_more_text":"Meer bekijken","widget_round_style":false,"widget_show_product_medals":false,"widget_verified_by_judgeme_text":"Geverifieerd door Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Geverifieerd door Judge.me","widget_media_field_exceed_quantity_message":"Sorry, we kunnen slechts {{ max_media }} voor één beoordeling accepteren.","widget_media_field_exceed_limit_message":"{{ file_name }} is te groot, selecteer een {{ media_type }} kleiner dan {{ size_limit }}MB.","widget_review_submitted_text":"Beoordeling ingediend!","widget_question_submitted_text":"Vraag ingediend!","widget_close_form_text_question":"Annuleren","widget_write_your_answer_here_text":"Schrijf je antwoord hier","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":false,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"verzameld door Judge.me","widget_pagination_type":"standard","widget_load_more_text":"Meer laden","widget_load_more_color":"#108474","widget_full_review_text":"Volledige beoordeling","widget_read_more_reviews_text":"Meer beoordelingen lezen","widget_read_questions_text":"Vragen lezen","widget_questions_and_answers_text":"Vragen \u0026 antwoorden","widget_verified_by_text":"Geverifieerd door","widget_verified_text":"Geverifieerd","widget_number_of_reviews_text":"{{ number_of_reviews }} beoordelingen","widget_back_button_text":"Terug","widget_next_button_text":"Volgende","widget_custom_forms_filter_button":"Filters","custom_forms_style":"horizontal","widget_show_review_information":false,"how_reviews_are_collected":"Hoe worden beoordelingen verzameld?","widget_show_review_keywords":false,"widget_gdpr_statement":"Hoe we je gegevens gebruiken: We nemen alleen contact met je op over de beoordeling die je hebt achtergelaten, en alleen indien nodig. Door je beoordeling in te dienen, ga je akkoord met Judge.me's \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003evoorwaarden\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy\u003c/a\u003e en \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003einhoud\u003c/a\u003e beleid.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"popup_widget_source_mode":"auto","popup_widget_page_product":"current_product","popup_widget_page_collection":"current_collection","popup_widget_page_cart":"cart_mode","popup_widget_page_home":"all","popup_widget_star_rating":"all","popup_widget_review_type":"all","popup_widget_top_up_thin_pages":true,"popup_widget_corner_styling":"soft","review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_text_color":"#000000","review_snippet_widget_lighter_text_color":"#7B7B7B","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#108474","show_product_variant":false,"all_reviews_product_variant_label_text":"Variant: ","widget_show_verified_branding":true,"widget_ai_summary_title":"Klanten zeggen","widget_ai_summary_disclaimer":"Samengevat en geselecteerd door AI uit recente klantbeoordelingen","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"write_review_button_visibility":"no_one","store_summary_widget_heading":"Klanten beoordelen deze winkel","store_summary_widget_button_text":"Bekijk klantbeoordelingen","store_summary_widget_button_theme_text":"Bekijk AI-beoordelingsoverzicht","widget_show_review_title_input":false,"widget_autofill_review_title":true,"redirect_reviewers_invited_via_email":"external_form","request_store_review_after_product_review":true,"request_review_other_products_in_order":true,"review_form_color_scheme":"custom","review_form_corner_style":"square","review_form_star_color":"#FFBB00","review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":"#1F2544","review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_form_theme":"multi_step","review_form_location":"in_store_popup","review_form_external_page_background_color":"#C5F7F0","review_content_screen_title_text":"Hoe zou je dit product beoordelen?","review_content_introduction_text":"We zouden het op prijs stellen als je iets over je ervaring zou willen delen.","store_review_form_title_text":"Hoe zou je deze winkel beoordelen?","store_review_form_introduction_text":"We zouden het op prijs stellen als je iets over je ervaring zou willen delen.","show_review_guidance_text":true,"one_star_review_guidance_text":"Slecht","five_star_review_guidance_text":"Goed","customer_information_screen_title_text":"Over jou","customer_information_introduction_text":"Vertel ons meer over jezelf.","custom_questions_screen_title_text":"Uw ervaring in meer detail","custom_questions_introduction_text":"Hier zijn enkele vragen om ons te helpen uw ervaring beter te begrijpen.","review_submitted_screen_title_text":"Bedankt voor je beoordeling!","review_submitted_screen_thank_you_text":"We verwerken deze en hij zal binnenkort in de winkel verschijnen.","review_submitted_screen_email_verification_text":"Bevestig je e-mail door op de link te klikken die we je net hebben gestuurd. Dit helpt ons om beoordelingen authentiek te houden.","confirm_email_screen_title_text":"Bevestig je e-mail","confirm_email_screen_message_text":"Om beoordelingen authentiek te houden, sturen we je een beveiligde link om je beoordeling te voltooien. Het duurt maar even.","check_email_screen_title_text":"Controleer je e-mail","check_email_screen_message_text":"We hebben je een e-mail gestuurd naar {{ email }}. Klik op de knop in de e-mail om door te gaan.","check_email_screen_resend_message_text":"E-mail opnieuw verzonden!","check_email_resend_hint_text":"Geen e-mail ontvangen? Controleer je spammap of [verstuur de e-mail opnieuw].","verification_email_rate_limit_error_text":"Je hebt de limiet voor beoordelingspogingen voor dit product bereikt. Controleer je inbox of probeer het later opnieuw.","review_submitted_request_store_review_text":"Wilt u uw winkelervaring met ons delen?","review_submitted_review_other_products_text":"Wilt u deze producten beoordelen?","store_review_screen_title_text":"Wil je je ervaring met ons delen?","store_review_introduction_text":"We wa
2627arden je feedback en gebruiken het om te verbeteren. Deel alstublieft enige gedachten of suggesties die je hebt.","reviewer_media_screen_title_picture_text":"Deel een foto","reviewer_media_introduction_picture_text":"Upload een foto om uw recensie te ondersteunen.","reviewer_media_screen_title_video_text":"Deel een video","reviewer_media_introduction_video_text":"Upload een video om uw recensie te ondersteunen.","reviewer_media_screen_title_picture_or_video_text":"Deel een foto of video","reviewer_media_introduction_picture_or_video_text":"Upload een foto of video om uw recensie te ondersteunen.","reviewer_media_youtube_url_text":"Plak hier uw Youtube URL","advanced_settings_next_step_button_text":"Volgende","advanced_settings_close_review_button_text":"Sluiten","modal_write_review_flow":true,"write_review_flow_required_text":"Verplicht","write_review_flow_privacy_message_text":"We respecteren uw privacy.","write_review_flow_anonymous_text":"Anonieme beoordeling","write_review_flow_visibility_text":"Dit zal niet zichtbaar zijn voor andere klanten.","write_review_flow_multiple_selection_help_text":"Selecteer zoveel als je wilt","write_review_flow_single_selection_help_text":"Selecteer één optie","write_review_flow_required_field_error_text":"Dit veld is verplicht","write_review_flow_invalid_email_error_text":"Voer een geldig e-mailadres in","write_review_flow_max_length_error_text":"Max. {{ max_length }} tekens.","write_review_flow_media_upload_text":"\u003cb\u003eKlik om te uploaden\u003c/b\u003e of sleep en zet neer","write_review_flow_gdpr_statement":"We nemen alleen contact met u op over uw beoordeling indien nodig. Door uw beoordeling in te dienen, gaat u akkoord met onze \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003ealgemene voorwaarden\u003c/a\u003e en \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacybeleid\u003c/a\u003e.","rating_only_reviews_enabled":false,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Vertel ons meer","negative_review_resolution_text":"Je ervaring is belangrijk voor ons. Als er problemen waren met je aankoop, staan we klaar om te helpen. Aarzel niet om contact met ons op te nemen, we zouden graag de gelegenheid hebben om dingen recht te zetten.","negative_review_resolution_button_text":"Neem contact op","negative_review_resolution_proceed_with_review_text":"Laat een beoordeling achter","negative_review_resolution_subject":"Probleem met aankoop van {{ shop_name }}.{{ order_name }}","coupon_promo_intro_any_review_text":"Schrijf een beoordeling en ontvang een kortingsbon van {{ amount }} op uw volgende aankoop","coupon_promo_intro_with_photo_text":"Schrijf een beoordeling en voeg een foto of video toe om een kortingsbon van {{ amount }} op uw volgende aankoop te ontvangen","coupon_promo_intro_with_video_text":"Schrijf een beoordeling en voeg een video toe om een kortingsbon van {{ amount }} op uw volgende aankoop te ontvangen","coupon_promo_intro_up_to_any_review_text":"Schrijf een beoordeling en ontvang een kortingsbon tot {{ amount }} op uw volgende aankoop","coupon_promo_intro_up_to_with_photo_text":"Schrijf een beoordeling en voeg een foto of video toe om een kortingsbon tot {{ amount }} op uw volgende aankoop te ontvangen","coupon_promo_intro_external_text":"Schrijf een beoordeling en ontvang een beloning voor uw volgende aankoop","coupon_promo_intro_external_with_photo_text":"Schrijf een beoordeling en voeg een foto of video toe om een beloning voor uw volgende aankoop te ontvangen","coupon_promo_intro_external_with_video_text":"Schrijf een beoordeling en voeg een video toe om een beloning voor uw volgende aankoop te ontvangen","coupon_promo_media_photo_text":"Voeg een foto of video toe en ontvang een kortingsbon van {{ amount }} op uw volgende aankoop","coupon_promo_media_photo_only_text":"Voeg een foto toe en ontvang een kortingsbon van {{ amount }} op uw volgende aankoop","coupon_promo_media_video_text":"Voeg een video toe en ontvang een kortingsbon van {{ amount }} op uw volgende aankoop","coupon_promo_media_external_photo_text":"Voeg een foto of video toe en ontvang een beloning voor uw volgende aankoop","coupon_promo_media_external_photo_only_text":"Voeg een foto toe en ontvang een beloning voor uw volgende aankoop","coupon_promo_media_external_video_text":"Voeg een video toe en ontvang een beloning voor uw volgende aankoop","coupon_promo_success_text":"U heeft een kortingsbon ontvangen voor uw volgende aankoop bij {{ shop_name }}!","coupon_promo_success_subtext":"U ontvangt uw kortingsbon per e-mail binnen een uur.","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":true,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Beoordelingen verzameld via winkelinvitatie","transparency_badges_from_another_provider_text":"Beoordelingen verzameld van een andere dienst","transparency_badges_collected_from_store_visitor_text":"Beoordelingen verzameld van een winkelbezoeker","transparency_badges_written_in_google_text":"Beoordeling geschreven in Google","transparency_badges_written_in_etsy_text":"Beoordeling geschreven in Etsy","transparency_badges_written_in_shop_app_text":"Beoordeling geschreven in Shop App","transparency_badges_earned_reward_text":"Beoordeling heeft een beloning voor een toekomstige bestelling gewonnen","product_review_widget_per_page":10,"widget_other_languages_reviews_per_page":3,"widget_store_review_label_text":"Winkelbeoordeling","widget_cart_mode_aggregate_heading_text":"Klanten beoordelen deze winkel","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":false,"preview_badge_home_page_install_preference":false,"preview_badge_product_page_install_preference":false,"review_widget_install_preference":"","review_carousel_install_preference":false,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":false,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":true,"review_widget_qna_enabled":false,"review_widget_revamp_dual_publish_end_date":"2026-08-04T08:51:20.000+00:00","review_widget_header_theme":"minimal","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"compact","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_expanded_media_gallery_enabled":false,"review_widget_show_review_highlights":false,"review_widget_show_review_keywords_in_gray":false,"review_widget_reviews_section_theme":"standard","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"small","review_widget_verified_badge":"standard_badge","review_widget_review_title_text_size":"small","review_widget_review_text_size":"small","review_widget_review_text_length":"compact","review_widget_number_of_columns_desktop":3,"review_widget_carousel_transition_speed":5,"review_widget_custom_questions_answers_display":"hidden","review_widget_card_section_size":"small","review_widget_star_and_histogram_color":"#FFBB00","review_widget_button_color":"#1F2544","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"soft","review_widget_review_word_singular":"beoordeling","review_widget_review_word_plural"
2627:"beoordelingen","review_widget_voting_label":"Nuttig?","review_widget_shop_reply_label":"Antwoord van {{ shop_name }}:","review_widget_filters_title":"Filters","review_widget_filter_rating_title":"Beoordeling","review_widget_filter_keyword_title":"Trefwoord","review_widget_clear_filters_text":"Filters wissen","review_widget_expand_more_text":"Meer","review_widget_review_highlights_title":"Hoogtepunten van beoordelingen","qna_widget_question_word_singular":"Vraag","qna_widget_question_word_plural":"Vragen","qna_widget_answer_reply_label":"Antwoord van {{ answerer_name }}:","qna_content_screen_title_text":"Vraag over dit product","qna_widget_question_required_field_error_text":"Vraag een vraag in.","qna_widget_flow_gdpr_statement":"We zullen je alleen contacteren over je vraag als dat nodig is. Door je vraag in te dienen, ga je akkoord met onze \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003evoorwaarden\u003c/a\u003e en \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacybeleid\u003c/a\u003e.","qna_widget_question_submitted_text":"Bedankt voor je vraag!","qna_widget_close_form_text_question":"Sluiten","qna_widget_question_submit_success_text":"We zullen je informeren via e-mail wanneer we je vraag beantwoorden.","all_reviews_widget_v2025_enabled":true,"all_reviews_widget_v2025_header_theme":"default","all_reviews_widget_v2025_widget_title_enabled":true,"all_reviews_widget_v2025_header_text_size":"medium","all_reviews_widget_v2025_header_text_weight":"regular","all_reviews_widget_v2025_average_rating_style":"compact","all_reviews_widget_v2025_bar_chart_enabled":true,"all_reviews_widget_v2025_bar_chart_type":"numbers","all_reviews_widget_v2025_bar_chart_style":"standard","all_reviews_widget_v2025_expanded_media_gallery_enabled":false,"all_reviews_widget_v2025_show_store_medals":true,"all_reviews_widget_v2025_show_photo_gallery":true,"all_reviews_widget_v2025_show_review_keywords":false,"all_reviews_widget_v2025_show_ai_summary":false,"all_reviews_widget_v2025_show_ai_summary_bg":false,"all_reviews_widget_v2025_show_review_highlights":false,"all_reviews_widget_v2025_show_review_keywords_in_gray":false,"all_reviews_widget_v2025_add_search_bar":false,"all_reviews_widget_v2025_default_sort_method":"most-recent","all_reviews_widget_v2025_reviews_per_page":10,"all_reviews_widget_v2025_reviews_section_theme":"default","all_reviews_widget_v2025_image_style":"thumbnails","all_reviews_widget_v2025_review_image_ratio":"square","all_reviews_widget_v2025_stars_size":"medium","all_reviews_widget_v2025_verified_badge":"standard_text","all_reviews_widget_v2025_review_title_text_size":"medium","all_reviews_widget_v2025_review_text_size":"medium","all_reviews_widget_v2025_review_text_length":"medium","all_reviews_widget_v2025_number_of_columns_desktop":3,"all_reviews_widget_v2025_carousel_transition_speed":5,"all_reviews_widget_v2025_custom_questions_answers_display":"always","all_reviews_widget_v2025_review_dates":false,"all_reviews_widget_v2025_card_section_size":"small","all_reviews_widget_v2025_show_product_variant":false,"all_reviews_widget_v2025_show_reviewer_avatar":true,"all_reviews_widget_v2025_reviewer_name_as_initial":"","all_reviews_widget_v2025_review_location_show":false,"all_reviews_widget_v2025_location_format":"","all_reviews_widget_v2025_show_country_flag":false,"all_reviews_widget_v2025_widget_thumb":false,"all_reviews_widget_v2025_verified_by_shop_badge_style":"light","all_reviews_widget_v2025_social_share":false,"all_reviews_widget_v2025_social_share_options_order":"Facebook,Twitter,LinkedIn,Pinterest","all_reviews_widget_v2025_pagination_type":"standard","all_reviews_widget_v2025_button_text_color":"#FFFFFF","all_reviews_widget_v2025_text_color":"#000000","all_reviews_widget_v2025_lighter_text_color":"#7B7B7B","all_reviews_widget_v2025_corner_styling":"soft","all_reviews_widget_v2025_title":"Klantbeoordelingen","all_reviews_widget_v2025_ai_summary_title":"Klanten zeggen over deze winkel","all_reviews_widget_v2025_no_review_text":"Wees de eerste om een beoordeling te schrijven","all_reviews_widget_v2025_review_highlights_title":"Hoogtepunten van beoordelingen","reviews_grid_widget_show_sample_reviews":false,"reviews_grid_widget_review_selection":"all","reviews_grid_widget_select_products":[],"reviews_grid_widget_show_media_only":false,"reviews_grid_widget_display_order":"media_first","reviews_grid_widget_card_grouping":"per_media","reviews_grid_widget_columns_desktop":3,"reviews_grid_widget_rows_desktop":3,"reviews_grid_widget_columns_mobile":2,"reviews_grid_widget_rows_mobile":6,"reviews_grid_widget_show_stars":true,"reviews_grid_widget_show_reviewer_name":true,"reviews_grid_widget_show_review_title_on_hover_desktop":true,"reviews_grid_widget_corner_styling":"soft","reviews_grid_widget_card_spacing":"medium","reviews_grid_widget_header_text_color":"#000000","reviews_grid_widget_star_and_reviewer_name_color":"#F9F9F9","reviews_grid_widget_overlay_and_background_color":"#000000","reviews_grid_widget_content_color":"#F9F9F9","reviews_grid_widget_header_text":"Van onze klanten","reviews_grid_widget_show_average_rating":true,"trust_badge_enabled":false,"trust_badge_structure":"outline","trust_badge_color":"black","trust_badge_star":"black","trust_badge_rating_display_default":"show_avg_text","platform":"shopify","branding_url":"https://app.judge.me/reviews","branding_text":"Aangedreven door Judge.me","locale":"en","reply_name":"NUshop","shop_currency":"EUR","widget_version":"3.0","footer":true,"autopublish":true,"review_dates":true,"enable_custom_form":false,"shop_locale":"nl","enable_multi_locales_translations":false,"show_review_title_input":false,"autofill_review_title":true,"review_verification_email_status":"always","require_verification_before_submit":false,"sign_in_with_
2627shop_enabled":false,"customer_account_validation_enabled":true,"most_relevant_sort_enabled":false,"coupon_promo_invited_eligible":true,"coupon_promo_web_eligible":false,"uses_coupon_integration":false,"uses_external_coupon":false,"can_be_branded":true,"rtl_stars_enabled_ar":true,"rtl_stars_enabled_he":true,"reply_name_text":"NUshop"};</script>
2627 <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #108474;--jdgm-secondary-color: rgba(16,132,116,0.1);--jdgm-star-color: #fb0;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #108474;--jdgm-paginate-color: #108474;--jdgm-border-radius: 0;--jdgm-reviewer-name-color: #108474}.jdgm-histogram__bar-content{background-color:#108474}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#108474}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"Meer bekijken"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"Meer bekijken"}}.jdgm-preview-badge .jdgm-star.jdgm-star{color:#FFBB00}.jdgm-widget .jdgm-write-rev-link{display:none}.jdgm-widget .jdgm-rev-widg[data-number-of-reviews='0']{display:none}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-rev .jdgm-rev__icon{display:none !important}.jdgm-author-fullname{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'over'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(buiten de winkel)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="product"]{display:none !important}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-review-widget[data-from-snippet="true"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}.jdgm-review-snippet-widget{--jdgm-snippet-card-color: #fff;--jdgm-snippet-text-color: #000;--jdgm-snippet-lighter-text-color: #7B7B7B;--jdgm-snippet-star-color: #108474;--jdgm-snippet-border-radius: 8px;--jdgm-snippet-arrows-bg-color: #fff;--jdgm-snippet-arrows-color: #000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#108474}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'NUshop'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )} 2628</style> <style class='jdgm-settings-style'></style> 2629 2630 2631 2632 2633 <style class='jdgm-miracle-styles'> 2634 @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK
2634/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-spinner:empty{display:block}.jdgm-prev-badge{display:block !important} 2635 2636</style> 2637 2638 2639 2640 2641 2642 2643 2644 2645
2646<script data-cfasync='false' class='jdgm-script'> 2647!function(e){window.jdgm=window.jdgm||{}; 2648/* INF-1976 */ 2649var _jdgmBlocked=function(){var raw=(window.jdgmSettings||{}).hostname_allowlist;var list=(raw==null?"":""+raw).split(/[\s,]+/).map(function(h){return h.trim().toLowerCase().replace(/\.$/,"");}).filter(function(h){return h;});if(!list.length)return false;var host=(e.location.hostname||"").toLowerCase().replace(/\.$/,"");if(/(^|\.)shopifypreview\.com$/.test(host))return false;var bare=host.replace(/^www\./,"");for(var i=0;i<list.length;i++){var en=list[i];if(en.indexOf("*.")===0){var b=en.slice(2);if(host===b||host.slice(-(b.length+1))==="."+b)return false;}else if(bare===en.replace(/^www\./,""))return false;}return true;}(); 2650if(_jdgmBlocked){jdgm._loaderExecuted=true;jdgm._blocked=true;var _jdgmS=e.createElement("style");_jdgmS.textContent='[class^="jdgm-"],[class*=" jdgm-"]{display:none !important}';(e.head||e.documentElement).appendChild(_jdgmS);return;} 2651jdgm.CDN_HOST="https://cdnwidget.judge.me/",jdgm.CDN_HOST_ALT="https://cdn2.judge.me/cdn/widget_frontend/",jdgm.API_HOST="https://api.judge.me/",jdgm.CDN_BASE_URL="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/", 2652jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)? 2653setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){ 2654!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d), 2655(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!", 2656a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))}, 2657jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest; 2658t.onreadystatechange=function(){4===t.readyState&&t.status>=200&&t.status<300&&(Function(t.response)(),d&&d(t.response))}, 2659t.open("GET",e),t.onerror=function(){if(e.indexOf(jdgm.CDN_HOST)===0&&jdgm.CDN_HOST_ALT!==jdgm.CDN_HOST){var f=e.replace(jdgm.CDN_HOST,jdgm.CDN_HOST_ALT);jdgm.loadJS(f,d)}},t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll( 2660".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting? 2661parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"): 2662jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css") 2663)}))}(document); 2664</script>
2664 2665<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/shopify_v2.css"></noscript> 2666 2667<!-- BEGIN app snippet: theme_fix_tags -->
2667<script> 2668 (function() { 2669 var jdgmThemeFixes = null; 2670 if (!jdgmThemeFixes) return; 2671 2672 // "All themes" fix: CSS and JS applied on every theme. CSS is injected 2673 // before the per-theme fix so the theme-specific CSS wins the cascade. 2674 // HTML is never applied globally (too risky). 2675 var allThemesFix = jdgmThemeFixes['all']; 2676 if (allThemesFix && allThemesFix.css) { 2677 var allStyleTag = document.createElement('style'); 2678 allStyleTag.classList.add('jdgm-theme-fix-style-all'); 2679 allStyleTag.innerHTML = allThemesFix.css; 2680 document.head.append(allStyleTag); 2681 }; 2682 2683 if (allThemesFix && allThemesFix.js) { 2684 var allScriptTag = document.createElement('script'); 2685 allScriptTag.classList.add('jdgm-theme-fix-script-all'); 2686 allScriptTag.innerHTML = allThemesFix.js; 2687 document.head.append(allScriptTag); 2688 }; 2689 2690 var thisThemeFix = jdgmThemeFixes[Shopify.theme.id]; 2691 if (!thisThemeFix) return; 2692 2693 if (thisThemeFix.html) { 2694 document.addEventListener("DOMContentLoaded", function() { 2695 var htmlDiv = document.createElement('div'); 2696 htmlDiv.classList.add('jdgm-theme-fix-html'); 2697 htmlDiv.innerHTML = thisThemeFix.html; 2698 document.body.append(htmlDiv); 2699 }); 2700 }; 2701 2702 if (thisThemeFix.css) { 2703 var styleTag = document.createElement('style'); 2704 styleTag.classList.add('jdgm-theme-fix-style'); 2705 styleTag.innerHTML = thisThemeFix.css; 2706 document.head.append(styleTag); 2707 }; 2708 2709 if (thisThemeFix.js) { 2710 var scriptTag = document.createElement('script'); 2711 scriptTag.classList.add('jdgm-theme-fix-script'); 2712 scriptTag.innerHTML = thisThemeFix.js; 2713 document.head.append(scriptTag); 2714 }; 2715 })(); 2716</script>
2716 2717<!-- END app snippet --> 2718<!-- End of Judge.me Core --> 2719 2720 2721 2722<!-- END app block -->
2722<script src="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/loader.js" type="text/javascript" defer="defer"></script>
2722 2723<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
2724<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 97660731719,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 2724
2724
2725<script> 2726 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 2727</script>
vendor: 1 bytes, line 2727
2727
2728<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
2728).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 97660731719,storefrontBaseUrl: "https://shop.nu.nl",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://shop.nu.nl/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b"],webPixelsConfigList: [{"id":"4652007751","configuration":"{\"primaryMarket\":\"eyJjYW1wYWlnbklkIjowLCJtYXRjaGluZ0RvbWFpbiI6IiJ9\",\"markets\":\"W10=\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"9d03287b247fd241934a28e75f89d574","type":"APP","apiClientId":5314157,"privacyPurposes":["SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"4577886535","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8acc938b1a30dc7624e304493ca567d7","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
2728,"dataSharingState":"unrestricted"},{"id":"4552556871","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-7EJQ9MVN5J\\\",\\\"GT-WRDF9C2V\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-7EJQ9MVN5J\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-7EJQ9MVN5J\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-7EJQ9MVN5J\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-7EJQ9MVN5J\\\",\\\"MC-XS5SYP8M24\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-7EJQ9MVN5J\\\",\\\"MC-XS5SYP8M24\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-7EJQ9MVN5J\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-7EJQ9MVN5J\\\",\\\"MC-XS5SYP8M24\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-7EJQ9MVN5J\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-7EJQ9MVN5J\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-7EJQ9MVN5J\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-7EJQ9MVN5J\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"4423614791","configuration":"{\"accountID\":\"TSJiF9\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"NUshop","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"nushopnl.myshopify.com","countryCode":"NL","storefrontUrl":"https:\/\/shop.nu.nl"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":79.0,"currencyCode":"EUR"},"product":{"title":"Kerst met André Rieu","vendor":"NUshop","id":"11007988040007","untranslatedTitle":"Kerst met André Rieu","url":"\/products\/kerst-met-andre-rieu","type":""},"id":"54626685681991","image":{"src":"\/\/shop.nu.nl\/cdn\/shop\/files\/cmsssmdoa0tvt07w2rime1ijf_f4350612-8695-44b9-aa44-f3fd2c3a8c71.jpg?v=1790201164"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"}],"products":[{"id":"11007988040007","handle":"kerst-met-andre-rieu","isCollective":null,"title":"Kerst met André Rieu","type":null,"untranslatedTitle":"Kerst met André Rieu","url":"\/products\/kerst-met-andre-rieu","vendor":"NUshop","remoteShopId":null,"variants":[{"id":"54626685681991","image":{"src":"\/\/shop.nu.nl\/cdn\/shop\/files\/cmsssmdoa0tvt07w2rime1ijf_f4350612-8695-44b9-aa44-f3fd2c3a8c71.jpg?v=1790201164"},"price":{"amount":79.0,"currencyCode":"EUR"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"}]}],"purchasingCompany":null},},"https://shop.nu.nl/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"195017081159","themePublished":"true","eventMetadataId":"6419a3dd-0711-4dc1-8de7-7488be9216f2","pageType":"product","resourceId":"11007988040007","shopId":"97660731719","storefrontBaseUrl":"https:\/\/shop.nu.nl","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":79.0,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"Kerst met André Rieu\",\"vendor\":\"NUshop\",\"id\":\"11007988040007\",\"untranslatedTitle\":\"Kerst met André Rieu\",\"url\":\"\/products\/kerst-met-andre-rieu\",\"type\":\"\"},\"id\":\"54626685681991\",\"image\":{\"src\":\"\/\/shop.nu.nl\/cdn\/shop\/files\/cmsssmdoa0tvt07w2rime1ijf_f4350612-8695-44b9-aa44-f3fd2c3a8c71.jpg?v=1790201164\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}}]]"});})();</script>
2728<script> 2729 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 2730 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 2731 window.ShopifyAnalytics.meta.currency = 'EUR'; 2732 var meta = {"product":{"id":11007988040007,"gid":"gid:\/\/shopify\/Product\/11007988040007","vendor":"NUshop","type":"","handle":"kerst-met-andre-rieu","variants":[{"id":54626685681991,"price":7900,"name":"Kerst met André Rieu","public_title":null,"sku":null}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":11007988040007,"requestId":"b9631982-1158-419a-8302-2b21a2b02726-1790233339"}}; 2733 for (var attr in meta) { 2734 window.ShopifyAnalytics.meta[attr] = meta[attr]; 2735 } 2736</script>
vendor: 1 bytes, line 2736
2736
2737<script class="analytics"> 2738 (function () { 2739 var customDocumentWrite = function(content) { 2740 var jquery = null; 2741 2742 if (window.jQuery) { 2743 jquery = window.jQuery; 2744 } else if (window.Checkout && window.Checkout.$) { 2745 jquery = window.Checkout.$; 2746 } 2747 2748 if (jquery) { 2749 jquery('body').append(content); 2750 } 2751 }; 2752 2753 var hasLoggedConversion = function(token) { 2754 if (token) { 2755 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 2756 } 2757 return false; 2758 } 2759 2760 var setCookieIfConversion = function(token) { 2761 if (token) { 2762 var twoMonthsFromNow = new Date(Date.now()); 2763 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 2764 2765 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 2766 } 2767 } 2768 2769 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 2770 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 2771 if (trekkie.integrations) { 2772 return; 2773 } 2774 trekkie.methods = [ 2775 'identify', 2776 'page', 2777 'ready', 2778 'track', 2779 'trackForm', 2780 'trackLink' 2781 ]; 2782 trekkie.factory = function(method) { 2783 return function() { 2784 var args = Array.prototype.slice.call(arguments); 2785 args.unshift(method); 2786 trekkie.push(args); 2787 if (method == 'track' || method == 'page') { 2788 try { 2789 if (window.__TREKKIE_SHIM_QUEUE == null) { 2790 window.__TREKKIE_SHIM_QUEUE = []; 2791 } 2792 window.__TREKKIE_SHIM_QUEUE.push({ 2793 from: 'trekkie-stub', 2794 method: method, 2795 args: args.slice(1) 2796 }); 2797 } catch (e) { 2798 // no-op 2799 } 2800 } 2801 return trekkie; 2802 }; 2803 }; 2804 for (var i = 0; i < trekkie.methods.length; i++) { 2805 var key = trekkie.methods[i]; 2806 trekkie[key] = trekkie.factory(key); 2807 } 2808 trekkie.load = function(config) { 2809 trekkie.config = config || {}; 2810 trekkie.config.initialDocumentCookie = document.cookie; 2811 var first = document.getElementsByTagName('script')[0]; 2812var script = document.createElement('script'); 2813script.type = 'text/javascript'; 2814script.onerror = function(e) { 2815 var scriptFallback = document.createElement('script'); 2816 scriptFallback.type = 'text/javascript'; 2817 scriptFallback.onerror = function(error) { 2818 var Monorail = { 2819 produce: function produce(monorailDomain, schemaId, payload) { 2820 var currentMs = new Date().getTime(); 2821 var event = { 2822 schema_id: schemaId, 2823 payload: payload, 2824 metadata: { 2825 event_created_at_ms: currentMs, 2826 event_sent_at_ms: currentMs 2827 } 2828 }; 2829 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 2830 }, 2831 sendRequest: function sendRequest(endpointUrl, payload) { 2832 // Try the sendBeacon API 2833 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 2834 var blobData = new window.Blob([payload], { 2835 type: 'text/plain' 2836 }); 2837 2838 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 2839 return true; 2840 } // sendBeacon was not successful 2841 2842 } // XHR beacon 2843 2844 var xhr = new XMLHttpRequest(); 2845 2846 try { 2847 xhr.open('POST', endpointUrl); 2848 xhr.setRequestHeader('Content-Type', 'text/plain'); 2849 xhr.send(payload); 2850 } catch (e) { 2851 console.log(e); 2852 } 2853 2854 return false; 2855 }, 2856 isIos12: function isIos12() { 2857 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 2858 } 2859 }; 2860 Monorail.produce('monorail-edge.shopifysvc.com', 2861 'trekkie_storefront_load_errors/1.1', 2862 {shop_id: 97660731719, 2863 theme_id: 195017081159, 2864 app_name: "storefront", 2865 context_url: window.location.href, 2866 source_url: "//shop.nu.nl/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 2867 2868 }; 2869 scriptFallback.async = true; 2870 scriptFallback.src = '//shop.nu.nl/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 2871 first.parentNode.insertBefore(scriptFallback, first); 2872}; 2873script.async = true; 2874script.src = '//shop.nu.nl/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 2875first.parentNode.insertBefore(script, first); 2876 2877 }; 2878 trekkie.load( 2879 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":97660731719,"isMerchantRequest":null,"themeId":195017081159,"themeCityHash":"4096498973828250232","contentLanguage":"nl","currency":"EUR","eventMetadataId":"6419a3dd-0711-4dc1-8de7-7488be9216f2"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} 2880 ); 2881 2882 var loaded = false;
2883 trekkie.ready(function() { 2884 if (loaded) return; 2885 loaded = true; 2886 2887 window.ShopifyAnalytics.lib = window.trekkie; 2888 2889 var originalDocumentWrite = document.write; 2890 document.write = customDocumentWrite; 2891 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 2892 document.write = originalDocumentWrite; 2893 2894 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 2895 var token = match? match[1]: undefined; 2896 if (!hasLoggedConversion(token)) { 2897 setCookieIfConversion(token); 2898 window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"EUR","variantId":54626685681991,"productId":11007988040007,"productGid":"gid:\/\/shopify\/Product\/11007988040007","name":"Kerst met André Rieu","price":"79.00","sku":null,"brand":"NUshop","variant":null,"category":"","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true}); 2899 } 2900 }); 2901 2902 window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":11007988040007,"requestId":"b9631982-1158-419a-8302-2b21a2b02726-1790233339","shopifyEmitted":true}); 2903 2904 var eventsListenerScript = document.createElement('script'); 2905 eventsListenerScript.async = true; 2906 eventsListenerScript.src = "//shop.nu.nl/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 2907 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 2908})();</script>
vendor: 1 bytes, line 2908
2908
2909<script 2910 defer 2911 src="https://shop.nu.nl/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 2912 data-application="storefront-renderer" 2913 data-shop-id="97660731719" 2914 data-render-region="gcp-us-west1" 2915 data-page-type="product" 2916 data-theme-instance-id="195017081159" 2917 data-theme-name="Skeleton" 2918 data-theme-version="1.0.0" 2919 data-monorail-region="shop_domain" 2920 data-resource-timing-sampling-rate="10" 2921 data-shs="true" 2922 data-shs-beacon="true" 2923 data-shs-export-with-fetch="true" 2924 data-shs-logs-sample-rate="1" 2925 data-shs-beacon-endpoint="https://shop.nu.nl/api/collect" 2926></script>
2926 2927<meta name="shopify-y" content="2e914af1-9532-45f0-99bf-0cab0bb3ace0" data-expiration="1821790939000"><meta name="shopify-s" content="af64c91e-7b4c-4d65-98b1-214787be0a0c" data-expiration="1790235139000"><meta name="new-cookie-storage-activated" content="t"> 2928</head> 2929 2930 <body> 2931 <!-- BEGIN sections: header-group --> 2932<div id="shopify-section-sections--28850007114055__announcement_bar_f3YJre" class="shopify-section shopify-section-group-header-group"> 2933 2934 2935<div 2936 class=" 2937 section grid w-full 2938 2939 nf-announcement-bar--align-page-width 2940 grid-cols-[minmax(20px,_1fr)_min(calc(var(--narrow-page-width)+80px)-80px,_calc(100%-40px))_minmax(20px,_1fr)] md:grid-cols-[minmax(40px,_1fr)_min(calc(var(--narrow-page-width)+80px)-80px,_calc(100%-80px))_minmax(40px,_1fr)] 2941 2942 color-scheme-scheme-0ebd6045-5648-4b5c-96bf-0d77501483bc bg-[var(--background)] 2943 " 2944 data-announcement-carousel="announcement-bar-sections--28850007114055__announcement_bar_f3YJre" 2945 data-auto-scroll="true" 2946 data-scroll-interval="5000" 2947> 2948 <div class="section-overlay-wrapper col-[2] z-[var(--layer-flat)] w-full"> 2949 <div 2950 class="announcement-bar color-scheme-scheme-0ebd6045-5648-4b5c-96bf-0d77501483bc spacing-style" 2951 2952 style="--padding-block-start: 0px;--padding-block-end: 0px;" 2953 2954 > 2955 2956 <div class="relative w-full"> 2957 <div class="embla relative overflow-hidden w-full"> 2958 <div class="embla__viewport overflow-hidden"> 2959 <div class="embla__container flex"> 2960 2961 <div class="embla__slide flex-shrink-0 w-full" > 2962 <div class="flex items-center justify-center w-full py-2 px-4 text-center gap-2 flex-wrap"> 2963 2964 2965 <p class="m-0 text-[var(--color-foreground)]" style="font-size: 14px;"> 2966 â Altijd scherpe deals 2967 </p> 2968 2969 2970 2971 </div> 2972 </div> 2973 2974 <div class="embla__slide flex-shrink-0 w-full" > 2975 <div class="flex items-center justify-center w-full py-2 px-4 text-center gap-2 flex-wrap"> 2976 2977 2978 <p class="m-0 text-[var(--color-foreground)]" style="font-size: 14px;"> 2979 â Gratis verzending vanaf â¬20,-* 2980 </p> 2981 2982 2983 2984 </div> 2985 </div> 2986 2987 <div class="embla__slide flex-shrink-0 w-full" > 2988 <div class="flex items-center justify-center w-full py-2 px-4 text-center gap-2 flex-wrap"> 2989 2990 2991 <p class="m-0 text-[var(--color-foreground)]" style="font-size: 14px;"> 2992 â Officiële webshop van NU.nl 2993 </p> 2994 2995 2996 2997 </div> 2998 </div> 2999 3000 </div> 3001 </div> 3002 </div> 3003 3004 3005 <button 3006 class="embla__prev absolute left-2 top-1/2 -translate-y-1/2 w-6 h-6 flex items-center justify-center !bg-transparent !border-none cursor-pointer disabled:opacity-30 disabled:cursor-not-allowed transition-opacity z-10 [&>svg>path]:fill-[var(--text-color)]" 3007 aria-label="Previous announcement" 3008 > 3009 <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 3010<path d="M12.896 14L18.2627 8.63331L17.0333 7.40393L10.4373 14L17.0333 20.596L18.2627 19.3666L12.896 14Z" fill="#414141"/> 3011</svg> 3012 3013 </button> 3014 <button 3015 class="embla__next absolute right-2 top-1/2 -translate-y-1/2 w-6 h-6 flex items-center justify-center !bg-transparent !border-none cursor-pointer disabled:opacity-30 disabled:cursor-not-allowed transition-opacity z-10 [&>svg>path]:fill-[var(--text-color)]" 3016 aria-label="Next announcement" 3017 > 3018 <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 3019<path d="M15.104 14L9.7373 8.63331L10.9667 7.40393L17.5627 14L10.9667 20.596L9.7373 19.3666L15.104 14Z" fill="#414141"/> 3020</svg> 3021 3022 </button> 3023 3024 </div> 3025 3026 </div> 3027 </div> 3028</div> 3029 3030 3031 3032 3033</div><div id="shopify-section-sections--28850007114055__header" class="shopify-section shopify-section-group-header-group"><header 3034 class="sticky top-0 z-50 nf-header-shell color-scheme-scheme-1 grid w-full grid-cols-[minmax(20px,_1fr)_min(calc(var(--narrow-page-width)+80px)-80px,_calc(100%-40px))_minmax(20px,_1fr)] md:grid-cols-[minmax(40px,_1fr)_min(calc(var(--narrow-page-width)+80px)-80px,_calc(100%-80p
3034x))_minmax(20px,_1fr)] nf-header--align-page-width" 3035 style="--padding-block-start: 20px;--padding-block-end: 20px;--padding-inline-start: 0px;--padding-inline-end: 0px; --logo-height-mobile: 36px; --logo-height: 36px; --nf-mega-page-width: var(--narrow-page-width);" 3036 role="banner" 3037 x-data="headerNavigation()" 3038 data-submenu-labels='["Dagje uit","Avondje uit","Nachtje weg","Wonen & Leven","Boeken "]' 3039 @mouseleave="handleMouseLeave" 3040> 3041 <div class="col-[2] min-w-0 flex flex-col min-h-0 overflow-hidden lg:overflow-visible"><div class="relative grid min-h-14 grid-cols-[1fr_auto_1fr] items-center nf-topbar-full-width-border px-0 py-1 px-2 lg:hidden"> 3042 3043 <div class="flex items-center gap-1 justify-start"> 3044 <button 3045 class="unstyled-button nf-icon-btn nf-header-util-icon flex !text-[var(--button-background)] hover:!text-[var(--button-background-hover,var(--button-background))]" 3046 :aria-label="mobileOpen ? "Menu sluiten" : "Menu openen"" 3047 :aria-expanded="mobileOpen.toString()" 3048 @click="toggleMobile" 3049 > 3050 <span x-show="!mobileOpen" class="inline-flex size-6 shrink-0 items-center justify-center [&>svg]:block [&>svg]:size-full [--icon-stroke-width:2px]" aria-hidden="true"><!-- @license lucide-static v0.577.0 - ISC --> 3051<svg 3052 class="lucide lucide-menu" 3053 xmlns="http://www.w3.org/2000/svg" 3054 width="24" 3055 height="24" 3056 viewBox="0 0 24 24" 3057 fill="none" 3058 stroke="currentColor" 3059 stroke-width="var(--icon-stroke-width, 2)" 3060 stroke-linecap="round" 3061 stroke-linejoin="round" 3062> 3063 <path d="M4 5h16" /> 3064 <path d="M4 12h16" /> 3065 <path d="M4 19h16" /> 3066</svg> 3067</span> 3068 <span x-show="mobileOpen" x-cloak class="inline-flex size-6 shrink-0 items-center justify-center [&>svg]:block [&>svg]:size-full [--icon-stroke-width:2px]" aria-hidden="true"><!-- @license lucide-static v0.577.0 - ISC --> 3069<svg 3070 class="lucide lucide-x" 3071 xmlns="http://www.w3.org/2000/svg" 3072 width="24" 3073 height="24" 3074 viewBox="0 0 24 24" 3075 fill="none" 3076 stroke="currentColor" 3077 stroke-width="var(--icon-stroke-width, 2)" 3078 stroke-linecap="round" 3079 stroke-linejoin="round" 3080> 3081 <path d="M18 6 6 18" /> 3082 <path d="m6 6 12 12" /> 3083</svg> 3084</span> 3085 </button> 3086 <button class="unstyled-button nf-icon-btn nf-header-util-icon flex !text-[var(--button-background)] hover:!text-[var(--button-background-hover,var(--button-background))]" aria-label="Zoeken openen" aria-haspopup="dialog" @click="openSearch"> 3087 <span class="inline-flex size-6 shrink-0 items-center justify-center [&>svg]:block [&>svg]:size-full [--icon-stroke-width:2px]" aria-hidden="true"><!-- @license lucide-static v0.577.0 - ISC --> 3088<svg 3089 class="lucide lucide-search" 3090 xmlns="http://www.w3.org/2000/svg" 3091 width="24" 3092 height="24" 3093 viewBox="0 0 24 24" 3094 fill="none" 3095 stroke="currentColor" 3096 stroke-width="var(--icon-stroke-width, 2)" 3097 stroke-linecap="round" 3098 stroke-linejoin="round" 3099> 3100 <path d="m21 21-4.34-4.34" /> 3101 <circle cx="11" cy="11" r="8" /> 3102</svg> 3103</span> 3104 </button> 3105 </div> 3106 3107 <a href="/" class="col-start-2 flex items-center justify-center text-[var(--color-foreground)] transition-colors hover:text-[var(--color-foreground)]/80 no-underline"><img 3108 src="//shop.nu.nl/cdn/shop/files/NU-Commercieel_Shop-RGB.png?v=1782820140&width=200" 3109 alt="NUshop" 3110 width="1918" 3111 height="626" 3112 class="h-[var(--logo-height-mobile)] w-auto" 3113 loading="eager" 3114 ><img 3115 src="//shop.nu.nl/cdn/shop/files/NU-Commercieel_Shop-RGB.png?v=1782820140&width=300" 3116 alt="NUshop" 3117 width="1918" 3118 height="626" 3119 class="hidden h-[var(--logo-height-mobile)] w-auto" 3120 loading="eager" 3121 ></a> 3122 3123 <div class="flex items-center gap-1 justify-self-end"> 3124 3125 3126 <button class="unstyled-button nf-icon-btn nf-header-util-icon flex hidden !text-[var(--button-background)] hover:!text-[var(--button-background-hover,var(--button-background))] lg:flex" aria-label="Zoeken openen" aria-haspopup="dialog" @click="openSearch">
3127 <span class="inline-flex size-6 shrink-0 items-center justify-center [&>svg]:block [&>svg]:size-full [--icon-stroke-width:2px]" aria-hidden="true"><!-- @license lucide-static v0.577.0 - ISC --> 3128<svg 3129 class="lucide lucide-search" 3130 xmlns="http://www.w3.org/2000/svg" 3131 width="24" 3132 height="24" 3133 viewBox="0 0 24 24" 3134 fill="none" 3135 stroke="currentColor" 3136 stroke-width="var(--icon-stroke-width, 2)" 3137 stroke-linecap="round" 3138 stroke-linejoin="round" 3139> 3140 <path d="m21 21-4.34-4.34" /> 3141 <circle cx="11" cy="11" r="8" /> 3142</svg> 3143</span> 3144 </button><div class="dropdown dropdown-end"> 3145 <button 3146 type="button" 3147 tabindex="0" 3148 class="unstyled-button nf-icon-btn nf-header-util-icon flex items-center justify-center !text-[var(--button-background)] hover:!text-[var(--button-background-hover,var(--button-background))]" 3149 aria-label="Mijn account" 3150 aria-haspopup="menu" 3151 > 3152 <span class="inline-flex size-6 shrink-0 items-center justify-center [&>svg]:block [&>svg]:size-full [--icon-stroke-width:2px]" aria-hidden="true"><!-- @license lucide-static v0.577.0 - ISC --> 3153<svg 3154 class="lucide lucide-user" 3155 xmlns="http://www.w3.org/2000/svg" 3156 width="24" 3157 height="24" 3158 viewBox="0 0 24 24" 3159 fill="none" 3160 stroke="currentColor" 3161 stroke-width="var(--icon-stroke-width, 2)" 3162 stroke-linecap="round" 3163 stroke-linejoin="round" 3164> 3165 <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" /> 3166 <circle cx="12" cy="7" r="4" /> 3167</svg> 3168</span> 3169 </button> 3170 <div tabindex="-1" class="dropdown-content nf-header-account-dropdown menu z-[100] w-62 rounded-box px-[20px] py-[15px] shadow-sm"> 3171 <div class="dpg-greeting mb-2 text-[16px] font-bold"> 3172 Welkom! 3173 <span class="dpg-greeting-name"></span> 3174</div> 3175<button type="button" class="dpg-login-btn btn btn-primary w-full"> 3176 Inloggen 3177</button> 3178<button type="button" class="dpg-logout-btn btn btn-neutral w-full" hidden> 3179 Uitloggen 3180</button> 3181<div class="dpg-no-account mt-2 text-center text-sm"> 3182 Nog geen account? 3183 <button type="button" class="dpg-login-btn unstyled-button font-medium underline"> 3184 Start hier! 3185 </button> 3186</div> 3187 3188 </div> 3189 </div><div x-data> 3190 <button 3191 type="button" 3192 class="unstyled-button nf-icon-btn nf-header-util-icon relative flex !text-[var(--button-background)] hover:!text-[var(--button-background-hover,var(--button-background))]" 3193 aria-label="Winkelwagen" 3194 @click="document.dispatchEvent(new CustomEvent('cart:open'))" 3195 > 3196 <span class="inline-flex size-6 shrink-0 items-center justify-center [&>svg]:block [&>svg]:h-6 [&>svg]:w-6 [--icon-stroke-width:2px]" aria-hidden="true"><!-- @license lucide-static v0.577.0 - ISC --> 3197<svg 3198 class="lucide lucide-shopping-cart" 3199 xmlns="http://www.w3.org/2000/svg" 3200 width="24" 3201 height="24" 3202 viewBox="0 0 24 24" 3203 fill="none" 3204 stroke="currentColor" 3205 stroke-width="var(--icon-stroke-width, 2)" 3206 stroke-linecap="round" 3207 stroke-linejoin="round" 3208> 3209 <circle cx="8" cy="21" r="1" /> 3210 <circle cx="19" cy="21" r="1" /> 3211 <path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12" /> 3212</svg> 3213</span> 3214 <span 3215 class="absolute right-0 top-0 grid size-5 min-w-5 shrink-0 place-items-center rounded-full bg-[var(--button-background)] text-[10px] font-semibold leading-none text-[var(--button-text-color)]" 3216 aria-hidden="true" 3217 x-show="$store.cart.cart.item_count > 0" 3218 x-text="$store.cart.cart.item_count" 3219 style="display: none" 3220 >0</span> 3221 </button> 3222 </div> 3223 </div> 3224 </div> 3225 <div class="relative hidden w-full min-h-14 items-center justify-between gap-4 nf-topbar-full-width-border px-2 py-1 lg:flex lg:px-0 lg:py-4"> 3226 <div class="flex justify-start items-center gap-4 min-w-0"> 3227 3228 <a href="/" class="flex shrink-0 items-center text-[var(--color-foreground)] transition-colors hover:text-[var(--color-foreground)]/80 no-u
3228nderline"><img 3229 src="//shop.nu.nl/cdn/shop/files/NU-Commercieel_Shop-RGB.png?v=1782820140&width=300" 3230 alt="NUshop" 3231 width="1918" 3232 height="626" 3233 class="h-[var(--logo-height)] w-auto" 3234 loading="eager" 3235 ></a> 3236 </div> 3237 3238 <div class="hidden min-w-0 flex-1 px-2 md:px-4 lg:px-0 lg:flex lg:items-center lg:justify-center"> 3239 3240 3241<!-- Search Dropdown Trigger Button (styled as an input) --> 3242<button 3243 type="button" 3244 class="relative flex w-full cursor-pointer items-center gap-3 rounded-[8px] border border-solid !border-[#0000001A] !bg-white px-4 py-2 max-w-[658px] max-w-xl w-full" 3245 onclick="window.dispatchEvent(new CustomEvent('open-mobile-search'))" 3246 aria-label="Zoeken openen" 3247 aria-haspopup="dialog" 3248> 3249 <span 3250 class="inline-flex size-[18px] shrink-0 items-center justify-center text-current [&>svg]:block [&>svg]:size-full !text-[var(--button-background)]" 3251 aria-hidden="true" 3252 ><!-- @license lucide-static v0.577.0 - ISC --> 3253<svg 3254 class="lucide lucide-search" 3255 xmlns="http://www.w3.org/2000/svg" 3256 width="24" 3257 height="24" 3258 viewBox="0 0 24 24" 3259 fill="none" 3260 stroke="currentColor" 3261 stroke-width="var(--icon-stroke-width, 2)" 3262 stroke-linecap="round" 3263 stroke-linejoin="round" 3264> 3265 <path d="m21 21-4.34-4.34" /> 3266 <circle cx="11" cy="11" r="8" /> 3267</svg> 3268</span> 3269 <span class="pointer-events-none truncate text-left text-[#79757A] text-[14px]"> 3270 Zoek je tickets of locatie 3271 </span> 3272</button> 3273 </div> 3274 3275 <div class="flex gap-1 justify-end shrink-0 items-center gap-1"> 3276 3277 3278 3279<div class="dropdown dropdown-end"> 3280 <button 3281 type="button" 3282 tabindex="0" 3283 class="nf-header-account-link group unstyled-button nf-header-util-icon inline-flex items-center gap-1.5 rounded-full py-1 pe-2 ps-1 no-underline" 3284 aria-label="Mijn account" 3285 aria-haspopup="menu" 3286 > 3287 <span class="inline-flex size-[20px] shrink-0 items-center justify-center !text-[var(--button-background)] group-hover:!text-[var(--button-background-hover,var(--button-background))] [&>svg]:block [&>svg]:h-[20px] [&>svg]:w-[20px] [--icon-stroke-width:2px]" aria-hidden="true"><!-- @license lucide-static v0.577.0 - ISC --> 3288<svg 3289 class="lucide lucide-user" 3290 xmlns="http://www.w3.org/2000/svg" 3291 width="24" 3292 height="24" 3293 viewBox="0 0 24 24" 3294 fill="none" 3295 stroke="currentColor" 3296 stroke-width="var(--icon-stroke-width, 2)" 3297 stroke-linecap="round" 3298 stroke-linejoin="round" 3299> 3300 <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" /> 3301 <circle cx="12" cy="7" r="4" /> 3302</svg> 3303</span> 3304 <span class="nf-header-account-label text-sm font-medium !text-[var(--color-foreground)] group-hover:!text-[var(--color-foreground)]">Mijn account</span> 3305 </button> 3306 <div tabindex="-1" class="dropdown-content nf-header-account-dropdown menu z-[100] w-62 rounded-box px-[20px] py-[15px] shadow-sm"> 3307 <div class="dpg-greeting mb-2 text-[16px] font-bold"> 3308 Welkom! 3309 <span class="dpg-greeting-name"></span> 3310</div> 3311<button type="button" class="dpg-login-btn btn btn-primary w-full"> 3312 Inloggen 3313</button> 3314<button type="button" class="dpg-logout-btn btn btn-neutral w-full" hidden> 3315 Uitloggen 3316</button> 3317<div class="dpg-no-account mt-2 text-center text-sm"> 3318 Nog geen account? 3319 <button type="button" class="dpg-login-btn unstyled-button font-medium underline"> 3320 Start hier! 3321 </button> 3322</div> 3323 3324 </div> 3325 </div><div x-data> 3326 <button 3327 type="button" 3328 class="unstyled-button nf-icon-btn nf-header-util-icon relative flex !text-[var(--button-background)] hover:!text-[var(--button-background-hover,var(--button-background))]" 3329 aria-label="Winkelwagen" 3330 @click="document.dispatchEvent(new CustomEvent('cart:open'))" 3331 > 3332 <span class="inline-flex size-6 shrink-0 items-center justify-center [&>svg]:block [&>svg]:h-[20px] [&>svg]:w-[20px] [--icon-stroke-width:2px]" aria-hidden="true"><!-- @license lucide-static v0.577.0 - ISC --> 3333<svg 3334 class="lucide lucide-shopping-cart" 3335 xmlns="http://www.w3.org/2000/svg" 3336 width="24" 3337 height="24" 3338 viewBox="0 0 24 24" 3339 fill="none" 3340 stroke="currentColor" 3341 stroke-width="var(--icon-stroke-width, 2)" 3342 stroke-linecap="round" 3343 stroke-linejoin="round" 3344> 3345 <circle cx="8" cy="21" r="1" /> 3346 <circle cx="19" cy="21" r="1" /> 3347 <path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12" /> 3348</svg> 3349</span>
3350 <span 3351 class="absolute right-0 top-0 grid size-5 min-w-5 shrink-0 place-items-center rounded-full bg-[var(--button-background)] text-[10px] font-semibold leading-none text-[var(--button-text-color)]" 3352 aria-hidden="true" 3353 x-show="$store.cart.cart.item_count > 0" 3354 x-text="$store.cart.cart.item_count" 3355 style="display: none" 3356 >0</span> 3357 </button> 3358 </div> 3359 </div> 3360 </div> 3361 3362 3363<el-dialog x-ref="mobileMenuElDialog" class="contents lg:hidden"> 3364 <dialog 3365 id="nf-header-mobile-menu" 3366 class="nf-mobile-menu-dialog fixed inset-0 left-0 top-0 m-0 h-dvh max-h-dvh w-screen max-w-none overflow-hidden border-none bg-transparent p-0 backdrop:bg-transparent" 3367 @close="handleMobileMenuDialogClose()" 3368 > 3369 <el-dialog-backdrop 3370 class="nf-mobile-menu-dialog-backdrop pointer-events-none fixed inset-0 bg-black/45 transition-opacity duration-300 motion-reduce:transition-none data-closed:opacity-0" 3371 ></el-dialog-backdrop> 3372 <el-dialog-panel 3373 x-ref="mobileMenuPanel" 3374 class="nf-mobile-menu-dialog-panel nf-mobile-menu-panel absolute inset-y-0 start-0 flex h-full w-[90vw] max-w-none flex-col overflow-hidden bg-[var(--background,#fff)] shadow-xl transition-transform duration-300 ease-out motion-reduce:transition-none data-closed:-translate-x-full" 3375 ><button 3376 type="button" 3377 class="unstyled-button nf-icon-btn flex absolute left-2 top-1 z-20" 3378 aria-label="Menu sluiten" 3379 @click="closeMobileMenu()" 3380 > 3381 <span 3382 class="inline-flex size-6 shrink-0 items-center justify-center [&>svg]:block [&>svg]:size-full" 3383 aria-hidden="true" 3384 ><!-- @license lucide-static v0.577.0 - ISC --> 3385<svg 3386 class="lucide lucide-x" 3387 xmlns="http://www.w3.org/2000/svg" 3388 width="24" 3389 height="24" 3390 viewBox="0 0 24 24" 3391 fill="none" 3392 stroke="currentColor" 3393 stroke-width="var(--icon-stroke-width, 2)" 3394 stroke-linecap="round" 3395 stroke-linejoin="round" 3396> 3397 <path d="M18 6 6 18" /> 3398 <path d="m6 6 12 12" /> 3399</svg> 3400</span> 3401 </button><div class="mt-14 min-h-0 flex-1 overflow-y-auto"> 3402 <div class="border-y border-black/10 bg-[var(--background,#fff)]"> 3403 <nav 3404 x-ref="mobileTabsNav" 3405 class="overflow-x-auto px-4" 3406 aria-label="Hoofdnavigatie" 3407 > 3408 <ul 3409 x-ref="mobileTabList" 3410 role="tablist" 3411 @keydown.right.prevent.stop="focusMobileTab('next')" 3412 @keydown.left.prevent.stop="focusMobileTab('prev')" 3413 @keydown.home.prevent.stop="focusMobileTab('first')" 3414 @keydown.end.prevent.stop="focusMobileTab('last')" 3415 class="relative flex items-center gap-3 m-0 list-none p-0" 3416 > 3417 <div 3418 x-ref="mobileTabIndicator" 3419 class="pointer-events-none absolute bottom-0 left-0 h-0.5 w-0 rounded-full bg-[#b56799]" 3420 ></div><li class="relative shrink-0" role="presentation"> 3421 <button 3422 type="button" 3423 id="mobile-tab-1" 3424 role="tab" 3425 :tabindex="mobileTab === 1 ? 0 : -1" 3426 :aria-selected="(mobileTab === 1).toString()" 3427 aria-controls="mobile-tabpanel-1" 3428 class="unstyled-button nf-tab-btn" 3429 :class="mobileTab === 1 ? 'text-black' : 'text-black/90'" 3430 @click="selectMobileTab(1, $el)" 3431 @mousedown.prevent 3432 @focus="selectMobileTab(1, $el)" 3433 > 3434 Dagje uit 3435 </button> 3436 </li><li class="relative shrink-0" role="presentation"> 3437 <button 3438 type="button" 3439 id="mobile-tab-2" 3440 role="tab" 3441 :tabindex="mobileTab === 2 ? 0 : -1" 3442 :aria-selected="(mobileTab === 2).toString()" 3443 aria-controls="mobile-tabpanel-2"
3444 class="unstyled-button nf-tab-btn" 3445 :class="mobileTab === 2 ? 'text-black' : 'text-black/90'" 3446 @click="selectMobileTab(2, $el)" 3447 @mousedown.prevent 3448 @focus="selectMobileTab(2, $el)" 3449 > 3450 Avondje uit 3451 </button> 3452 </li><li class="relative shrink-0" role="presentation"> 3453 <button 3454 type="button" 3455 id="mobile-tab-3" 3456 role="tab" 3457 :tabindex="mobileTab === 3 ? 0 : -1" 3458 :aria-selected="(mobileTab === 3).toString()" 3459 aria-controls="mobile-tabpanel-3" 3460 class="unstyled-button nf-tab-btn" 3461 :class="mobileTab === 3 ? 'text-black' : 'text-black/90'" 3462 @click="selectMobileTab(3, $el)" 3463 @mousedown.prevent 3464 @focus="selectMobileTab(3, $el)" 3465 > 3466 Nachtje weg 3467 </button> 3468 </li><li class="relative shrink-0" role="presentation"> 3469 <button 3470 type="button" 3471 id="mobile-tab-4" 3472 role="tab" 3473 :tabindex="mobileTab === 4 ? 0 : -1" 3474 :aria-selected="(mobileTab === 4).toString()" 3475 aria-controls="mobile-tabpanel-4" 3476 class="unstyled-button nf-tab-btn" 3477 :class="mobileTab === 4 ? 'text-black' : 'text-black/90'" 3478 @click="selectMobileTab(4, $el)" 3479 @mousedown.prevent 3480 @focus="selectMobileTab(4, $el)" 3481 > 3482 Wonen & Leven 3483 </button> 3484 </li><li class="relative shrink-0" role="presentation"> 3485 <button 3486 type="button" 3487 id="mobile-tab-5" 3488 role="tab" 3489 :tabindex="mobileTab === 5 ? 0 : -1" 3490 :aria-selected="(mobileTab === 5).toString()" 3491 aria-controls="mobile-tabpanel-5" 3492 class="unstyled-button nf-tab-btn" 3493 :class="mobileTab === 5 ? 'text-black' : 'text-black/90'" 3494 @click="selectMobileTab(5, $el)" 3495 @mousedown.prevent 3496 @focus="selectMobileTab(5, $el)" 3497 > 3498 Boeken 3499 </button> 3500 </li></ul> 3501 </nav> 3502 </div><div 3503 id="mobile-tabpanel-1" 3504 role="tabpanel" 3505 aria-labelledby="mobile-tab-1" 3506 x-show="mobileTab === 1" 3507 3508 > 3509 <div class="grid grid-cols-2 gap-8 px-6 py-6"><ul 3510 class="m-0 flex list-none flex-col gap-2 p-0 col-span-2" 3511 ><li class="flex items-start gap-2"> 3512 <a href="/collections/dagje-uit" class="nf-menu-link text-[20px] font-base font-semibold text-black">Alle dagjes uit</a> 3513 </li><li class="flex items-start gap-2"> 3514 <a href="/collections/dierentuinen" class="nf-menu-link text-[20px] font-base font-semibold text-black">Dierentuinen</a> 3515 </li><li class="flex items-start gap-2"> 3516 <a href="/collections/pretparken" class="nf-menu-link text-[20px] font-base font-semibold text-black">Pretparken</a> 3517 </li><li class="flex items-start gap-2"> 3518 <a href="/collections/musea-exposities" class="nf-menu-link text-[20px] font-base font-semibold text-black">Musea & Exposities</a> 3519 </li><li class="flex items-start gap-2"> 3520 <a href="/collections/actieve-uitjes" class="nf-menu-link text-[20px] font-base font-semibold text-black">Actieve uitjes</a> 3521 </li><li class="flex items-start gap-2"> 3522 <a href="/collections/wellness" class="nf-menu-link text-[20px] font-base font-semibold text-black">Wellness</a> 3523 </li><li class="flex items-start gap-2"> 3524 <a href="/collections/rondvaarten" class="nf-menu-link text-[20px] font-base font-semibold text-black">Rondvaarten</a> 3525 </li><li class="flex items-start gap-2"> 3526 <a href="/collections/beurzen-evenementen" class="nf-menu-link text-[20px] font-base font-semibold text-black">Beurzen & Evenementen </a> 3527 </li></ul></div><div class="grid grid-cols-2 gap-2 px-4 pb-3"><a 3528 href="/collections/dierentuinen" 3529 title="Dierentuinen" 3530 class="group relative overflow-hidden rounded-md no-underline" 3531 3532 ><div class="relative aspect-[35/48] overflow-hidden rounded-md after:absolute after:inset-0 after:bg-gradient-to-t after:from-black/30 after:to-transparent after:to-50%"> 3533 <img src="//shop.nu.nl/cdn/shop/files/tWGvPMrQUylAgCRjG97Q.jpg?v=1784153120&width=480" alt="Dierentuinen" srcset="//shop.nu.nl/cdn/shop/files/tWGvPMrQUylAgCRjG97Q.jpg?v=1784153120&width=352 352w" width="720" height="450" loading="lazy" class="size-full object-cover object-center transition-transform duration-500 group-hover:scale-105"> 3534 </div><div class="absolute inset-4 flex">
3535 <span class="mt-auto text-lg font-semibold text-white"> 3536 Dierentuinen 3537 </span> 3538 </div></a></div></div><div 3539 id="mobile-tabpanel-2" 3540 role="tabpanel" 3541 aria-labelledby="mobile-tab-2" 3542 x-show="mobileTab === 2" 3543 3544 x-cloak 3545 3546 > 3547 <div class="grid grid-cols-2 gap-8 px-6 py-6"><ul 3548 class="m-0 flex list-none flex-col gap-2 p-0 col-span-2" 3549 ><li class="flex items-start gap-2"> 3550 <a href="/collections/avondje-uit" class="nf-menu-link text-[20px] font-base font-semibold text-black">Alle avondjes uit</a> 3551 </li><li class="flex items-start gap-2"> 3552 <a href="/collections/theater" class="nf-menu-link text-[20px] font-base font-semibold text-black">Theater</a> 3553 </li><li class="flex items-start gap-2"> 3554 <a href="/collections/musicals" class="nf-menu-link text-[20px] font-base font-semibold text-black">Musicals</a> 3555 </li><li class="flex items-start gap-2"> 3556 <a href="/collections/klassiek" class="nf-menu-link text-[20px] font-base font-semibold text-black">Klassiek</a> 3557 </li><li class="flex items-start gap-2"> 3558 <a href="/collections/concerten-shows" class="nf-menu-link text-[20px] font-base font-semibold text-black">Concerten & Shows</a> 3559 </li><li class="flex items-start gap-2"> 3560 <a href="/collections/restaurants" class="nf-menu-link text-[20px] font-base font-semibold text-black">Restaurants</a> 3561 </li></ul></div><div class="grid grid-cols-2 gap-2 px-4 pb-3"><a 3562 href="/collections/musicals" 3563 title="Musicals" 3564 class="group relative overflow-hidden rounded-md no-underline" 3565 3566 ><div class="relative aspect-[35/48] overflow-hidden rounded-md after:absolute after:inset-0 after:bg-gradient-to-t after:from-black/30 after:to-transparent after:to-50%"> 3567 <img src="//shop.nu.nl/cdn/shop/files/Ca6LLWxQIO4RPkgmIuYI_e889b593-9271-4b7f-a869-bb80c965f3b2.jpg?v=1782328215&width=480" alt="Musicals" srcset="//shop.nu.nl/cdn/shop/files/Ca6LLWxQIO4RPkgmIuYI_e889b593-9271-4b7f-a869-bb80c965f3b2.jpg?v=1782328215&width=352 352w" width="1600" height="1000" loading="lazy" class="size-full object-cover object-center transition-transform duration-500 group-hover:scale-105"> 3568 </div><div class="absolute inset-4 flex"> 3569 <span class="mt-auto text-lg font-semibold text-white"> 3570 Musicals 3571 </span> 3572 </div></a></div></div><div 3573 id="mobile-tabpanel-3" 3574 role="tabpanel" 3575 aria-labelledby="mobile-tab-3" 3576 x-show="mobileTab === 3" 3577 3578 x-cloak 3579 3580 > 3581 <div class="grid grid-cols-2 gap-8 px-6 py-6"><ul 3582 class="m-0 flex list-none flex-col gap-2 p-0 col-span-2" 3583 ><li class="flex items-start gap-2"> 3584 <a href="/collections/nachtje-weg" class="nf-menu-link text-[20px] font-base font-semibold text-black">Alle nachtjes weg </a> 3585 </li><li class="flex items-start gap-2"> 3586 <a href="/collections/hotels" class="nf-menu-link text-[20px] font-base font-semibold text-black">Hotels</a> 3587 </li><li class="flex items-start gap-2"> 3588 <a href="/collections/vakantieparken" class="nf-menu-link text-[20px] font-base font-semibold text-black">Vakantieparken </a> 3589 </li><li class="flex items-start gap-2"> 3590 <a href="/collections/stedentrips" class="nf-menu-link text-[20px] font-base font-semibold text-black">Stedentrips</a> 3591 </li><li class="flex items-start gap-2"> 3592 <a href="/collections/cruises-reizen" class="nf-menu-link text-[20px] font-base font-semibold text-black">Reizen </a> 3593 </li></ul></div><div class="grid grid-cols-2 gap-2 px-4 pb-3"><a 3594 href="/collections/stedentrips" 3595 title="Stedentrips" 3596 class="group relative overflow-hidden rounded-md no-underline" 3597 3598 ><div class="relative aspect-[35/48] overflow-hidden rounded-md after:absolute after:inset-0 after:bg-gradient-to-t after:from-black/30 after:to-transparent after:to-50%"> 3599 <img src="//shop.nu.nl/cdn/shop/files/cmm4qnpls8q3707w2wkj0fcqm.jpg?v=1782328436&width=480" alt="Stedentrips" srcset="//shop.nu.nl/cdn/shop/files/cmm4qnpls8q3707w2wkj0fcqm.jpg?v=1782328436&width=352 352w" width="1920" height="1080" loading="lazy" class="size-full object-cover object-center transition-transform duration-500 group-hover:scale-105"> 3600 </div><div class="absolute inset-4 flex">
3601 <span class="mt-auto text-lg font-semibold text-white"> 3602 Stedentrips 3603 </span> 3604 </div></a></div></div><div 3605 id="mobile-tabpanel-4" 3606 role="tabpanel" 3607 aria-labelledby="mobile-tab-4" 3608 x-show="mobileTab === 4" 3609 3610 x-cloak 3611 3612 > 3613 <div class="grid grid-cols-2 gap-8 px-6 py-6"><ul 3614 class="m-0 flex list-none flex-col gap-2 p-0 col-span-2" 3615 ><li class="flex items-start gap-2"> 3616 <a href="/collections/wonen-leven" class="nf-menu-link text-[20px] font-base font-semibold text-black">Alle Wonen & Leven</a> 3617 </li><li class="flex items-start gap-2"> 3618 <a href="/collections/amusement-hobby" class="nf-menu-link text-[20px] font-base font-semibold text-black">Amusement & Hobby</a> 3619 </li><li class="flex items-start gap-2"> 3620 <a href="/collections/elektrische-fietsen" class="nf-menu-link text-[20px] font-base font-semibold text-black">E-bikes</a> 3621 </li><li class="flex items-start gap-2"> 3622 <a href="/collections/elektronica" class="nf-menu-link text-[20px] font-base font-semibold text-black">Elektronica</a> 3623 </li><li class="flex items-start gap-2"> 3624 <a href="/collections/huishoudelijke-apparaten" class="nf-menu-link text-[20px] font-base font-semibold text-black">Huishoudelijk</a> 3625 </li><li class="flex items-start gap-2"> 3626 <a href="/collections/laptops-accessoires" class="nf-menu-link text-[20px] font-base font-semibold text-black">Laptops & Accessoires</a> 3627 </li><li class="flex items-start gap-2"> 3628 <a href="/collections/slaapkamer-comfort" class="nf-menu-link text-[20px] font-base font-semibold text-black">Slaapkamer & Comfort</a> 3629 </li><li class="flex items-start gap-2"> 3630 <a href="/collections/sport" class="nf-menu-link text-[20px] font-base font-semibold text-black">Sport & Outdoor</a> 3631 </li><li class="flex items-start gap-2"> 3632 <a href="/collections/koelen-verwarmen" class="nf-menu-link text-[20px] font-base font-semibold text-black">Verkoelen & Verwarmen</a> 3633 </li><li class="flex items-start gap-2"> 3634 <a href="/collections/veilig-voorbereid" class="nf-menu-link text-[20px] font-base font-semibold text-black">Veilig & Voorbereid</a> 3635 </li></ul></div><div class="grid grid-cols-2 gap-2 px-4 pb-3"><a 3636 href="/collections/elektrische-fietsen" 3637 title="E-bikes" 3638 class="group relative overflow-hidden rounded-md no-underline" 3639 3640 ><div class="relative aspect-[35/48] overflow-hidden rounded-md after:absolute after:inset-0 after:bg-gradient-to-t after:from-black/30 after:to-transparent after:to-50%"> 3641 <img src="//shop.nu.nl/cdn/shop/files/cmmxd07be4dbx06w0mf7j03c4.jpg?v=1782328037&width=480" alt="E-bikes" srcset="//shop.nu.nl/cdn/shop/files/cmmxd07be4dbx06w0mf7j03c4.jpg?v=1782328037&width=352 352w" width="1600" height="1000" loading="lazy" class="size-full object-cover object-center transition-transform duration-500 group-hover:scale-105"> 3642 </div><div class="absolute inset-4 flex"> 3643 <span class="mt-auto text-lg font-semibold text-white"> 3644 E-bikes 3645 </span> 3646 </div></a></div></div><div 3647 id="mobile-tabpanel-5" 3648 role="tabpanel" 3649 aria-labelledby="mobile-tab-5" 3650 x-show="mobileTab === 5" 3651 3652 x-cloak 3653 3654 > 3655 <div class="grid grid-cols-2 gap-8 px-6 py-6"><ul 3656 class="m-0 flex list-none flex-col gap-2 p-0 col-span-2" 3657 ><li class="flex items-start gap-2"> 3658 <a href="/collections/boeken" class="nf-menu-link text-[20px] font-base font-semibold text-black">Alle Boeken</a> 3659 </li><li class="flex items-start gap-2"> 3660 <a href="/collections/boekenpakketten" class="nf-menu-link text-[20px] font-base font-semibold text-black">Boekenpakketten</a> 3661 </li><li class="flex items-start gap-2"> 3662 <a href="/collections/boekentips" class="nf-menu-link text-[20px] font-base font-semibold text-black">Boekentips</a> 3663 </li></ul></div><div class="grid grid-cols-2 gap-2 px-4 pb-3"><a 3664 href="/collections/boekenpakketten" 3665 title="Boekenpakketten" 3666 class="group relative overflow-hidden rounded-md no-underline" 3667 3668 ><div class="relative aspect-[35/48] overflow-hidden rounded-md after:absolute after:inset-0 after:bg-gradient-to-t after:from-black/30 after:to-transparent after:to-50%"> 3669 <img src="//shop.nu.nl/cdn/shop/files/cmqp9q8o5aw9608vxc5o6am38.png?v=178232854
36691&width=480" alt="Boekenpakketten" srcset="//shop.nu.nl/cdn/shop/files/cmqp9q8o5aw9608vxc5o6am38.png?v=1782328541&width=352 352w" width="960" height="600" loading="lazy" class="size-full object-cover object-center transition-transform duration-500 group-hover:scale-105"> 3670 </div><div class="absolute inset-4 flex"> 3671 <span class="mt-auto text-lg font-semibold text-white"> 3672 Boekenpakketten 3673 </span> 3674 </div></a></div></div></div><div class="relative z-40 shrink-0 overflow-visible border-t border-black/10 bg-[var(--background,#fff)] px-6 py-5"> 3675 <nav aria-label="Voettekstnavigatie"> 3676 <ul class="m-0 flex list-none flex-col gap-3 p-0"><li class="dpg-logged-out-only"> 3677 <button 3678 type="button" 3679 class="dpg-login-btn flex w-full items-center gap-3 border-0 bg-transparent p-0 text-left text-sm font-medium text-black" 3680 > 3681 <span 3682 class="inline-flex size-5 shrink-0 items-center justify-center [&>svg]:block [&>svg]:size-full" 3683 aria-hidden="true" 3684 ><!-- @license lucide-static v0.577.0 - ISC --> 3685<svg 3686 class="lucide lucide-user" 3687 xmlns="http://www.w3.org/2000/svg" 3688 width="24" 3689 height="24" 3690 viewBox="0 0 24 24" 3691 fill="none" 3692 stroke="currentColor" 3693 stroke-width="var(--icon-stroke-width, 2)" 3694 stroke-linecap="round" 3695 stroke-linejoin="round" 3696> 3697 <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" /> 3698 <circle cx="12" cy="7" r="4" /> 3699</svg> 3700</span> 3701 Inloggen 3702 </button> 3703 </li> 3704 <li class="dpg-logged-in-only hidden"> 3705 <div class="flex items-center gap-3 text-sm font-medium text-black"> 3706 <span 3707 class="inline-flex size-5 shrink-0 items-center justify-center [&>svg]:block [&>svg]:size-full" 3708 aria-hidden="true" 3709 ><!-- @license lucide-static v0.577.0 - ISC --> 3710<svg 3711 class="lucide lucide-user" 3712 xmlns="http://www.w3.org/2000/svg" 3713 width="24" 3714 height="24" 3715 viewBox="0 0 24 24" 3716 fill="none" 3717 stroke="currentColor" 3718 stroke-width="var(--icon-stroke-width, 2)" 3719 stroke-linecap="round" 3720 stroke-linejoin="round" 3721> 3722 <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" /> 3723 <circle cx="12" cy="7" r="4" /> 3724</svg> 3725</span> 3726 <span>Welkom! <span class="dpg-greeting-name"></span></span> 3727 </div> 3728 </li> 3729 <li class="dpg-logged-in-only hidden"> 3730 <button 3731 type="button" 3732 class="dpg-logout-btn flex w-full items-center gap-3 border-0 bg-transparent p-0 text-left text-sm font-medium text-black" 3733 > 3734 Uitloggen 3735 </button> 3736 </li><li> 3737 <a href="/collections/educatie" class="flex items-center gap-3 text-sm font-medium no-underline text-black"> 3738 Educatie 3739 </a> 3740 </li></ul> 3741 </nav> 3742 </div></el-dialog-panel> 3743 </dialog> 3744</el-dialog> 3745 3746<nav 3747 aria-label="Hoofdnavigatie" 3748 class="relative z-10 hidden w-full flex-col lg:flex border-b border-[var(--color-border)]" 3749 style="--nf-header-menu-bg: #f0f0f0;" 3750 > 3751 3752 3753 3754 <div class="nf-header-menu-row"> 3755 <div class="nf-header-menu-row-inner flex w-full flex-col gap-2 px-2 lg:flex-row lg:items-center md:gap-0 md:px-0 lg:px-0 lg:min-h-12"> 3756 <div class="hidden min-w-0 shrink-0 lg:flex lg:items-center lg:justify-start"> 3757 3758 </div> 3759 <div class="flex min-w-0 gap-1 justify-start flex-1 items-center overflow-x-auto lg:overflow-visible"> 3760<ul class="flex list-none items-center gap-1 m-0 p-0 justify-start"><li 3761 3762 @mouseenter="openMenu('Dagje uit')" 3763 @mouseleave="handleMouseLeave" 3764 3765 > 3766 <a 3767 href="/collections/dagje-uit" 3768 class="nf-nav-link gap-1 !text-[16px] !pl-0" 3769 :class="{ 'nf-nav-link--active': currentMenu === 'Dagje uit' }" 3770 3771 :aria-expanded="(currentMenu === 'Dagje uit').toString()" 3772 aria-haspopup="true" 3773 3774 3775 > 3776 Dagje uit 3777<span 3778 class="inline-flex size-4 shrink-0 items-center justify-center transition-transform duration-200 ease-out motion-reduce:transition-none [&>svg]:block [&>svg]:size-full [--icon-stroke-width:2px]" 3779 :class="{ 'rotate-180': currentMenu === 'Dagje uit' }" 3780 aria-hidden="true" 3781 ><!-- @license lucide-static v0.577.0 - ISC --> 3782<svg 3783 class="lucide lucide-chevron-down" 3784 xmlns="http://www.w3.org/2000/svg" 3785 width="24" 3786 height="24" 3787 viewBox="0 0 24 24" 3788 fill="none" 3789 stroke="currentColor" 3790 stroke-width="var(--icon-stroke-width, 2)" 3791 stroke-linecap="round" 3792 stroke-linejoin="round" 3793> 3794 <path d="m6 9 6 6 6-6" /> 3795</svg> 3796</span></a> 3797 </li><li 3798 3799 @mouseenter="openMenu('Avondje uit')" 3800 @mouseleave="handleMouseLeave" 3801 3802 > 3803 <a 3804 href="/collections/avondje-uit"
3805 class="nf-nav-link gap-1 !text-[16px]" 3806 :class="{ 'nf-nav-link--active': currentMenu === 'Avondje uit' }" 3807 3808 :aria-expanded="(currentMenu === 'Avondje uit').toString()" 3809 aria-haspopup="true" 3810 3811 3812 > 3813 Avondje uit 3814<span 3815 class="inline-flex size-4 shrink-0 items-center justify-center transition-transform duration-200 ease-out motion-reduce:transition-none [&>svg]:block [&>svg]:size-full [--icon-stroke-width:2px]" 3816 :class="{ 'rotate-180': currentMenu === 'Avondje uit' }" 3817 aria-hidden="true" 3818 ><!-- @license lucide-static v0.577.0 - ISC --> 3819<svg 3820 class="lucide lucide-chevron-down" 3821 xmlns="http://www.w3.org/2000/svg" 3822 width="24" 3823 height="24" 3824 viewBox="0 0 24 24" 3825 fill="none" 3826 stroke="currentColor" 3827 stroke-width="var(--icon-stroke-width, 2)" 3828 stroke-linecap="round" 3829 stroke-linejoin="round" 3830> 3831 <path d="m6 9 6 6 6-6" /> 3832</svg> 3833</span></a> 3834 </li><li 3835 3836 @mouseenter="openMenu('Nachtje weg')" 3837 @mouseleave="handleMouseLeave" 3838 3839 > 3840 <a 3841 href="/collections/nachtje-weg" 3842 class="nf-nav-link gap-1 !text-[16px]" 3843 :class="{ 'nf-nav-link--active': currentMenu === 'Nachtje weg' }" 3844 3845 :aria-expanded="(currentMenu === 'Nachtje weg').toString()" 3846 aria-haspopup="true" 3847 3848 3849 > 3850 Nachtje weg 3851<span 3852 class="inline-flex size-4 shrink-0 items-center justify-center transition-transform duration-200 ease-out motion-reduce:transition-none [&>svg]:block [&>svg]:size-full [--icon-stroke-width:2px]" 3853 :class="{ 'rotate-180': currentMenu === 'Nachtje weg' }" 3854 aria-hidden="true" 3855 ><!-- @license lucide-static v0.577.0 - ISC --> 3856<svg 3857 class="lucide lucide-chevron-down" 3858 xmlns="http://www.w3.org/2000/svg" 3859 width="24" 3860 height="24" 3861 viewBox="0 0 24 24" 3862 fill="none" 3863 stroke="currentColor" 3864 stroke-width="var(--icon-stroke-width, 2)" 3865 stroke-linecap="round" 3866 stroke-linejoin="round" 3867> 3868 <path d="m6 9 6 6 6-6" /> 3869</svg> 3870</span></a> 3871 </li><li 3872 3873 @mouseenter="openMenu('Wonen & Leven')" 3874 @mouseleave="handleMouseLeave" 3875 3876 > 3877 <a 3878 href="/collections/wonen-leven" 3879 class="nf-nav-link gap-1 !text-[16px]" 3880 :class="{ 'nf-nav-link--active': currentMenu === 'Wonen & Leven' }" 3881 3882 :aria-expanded="(currentMenu === 'Wonen & Leven').toString()" 3883 aria-haspopup="true" 3884 3885 3886 > 3887 Wonen & Leven 3888<span 3889 class="inline-flex size-4 shrink-0 items-center justify-center transition-transform duration-200 ease-out motion-reduce:transition-none [&>svg]:block [&>svg]:size-full [--icon-stroke-width:2px]" 3890 :class="{ 'rotate-180': currentMenu === 'Wonen & Leven' }" 3891 aria-hidden="true" 3892 ><!-- @license lucide-static v0.577.0 - ISC --> 3893<svg 3894 class="lucide lucide-chevron-down" 3895 xmlns="http://www.w3.org/2000/svg" 3896 width="24" 3897 height="24" 3898 viewBox="0 0 24 24" 3899 fill="none" 3900 stroke="currentColor" 3901 stroke-width="var(--icon-stroke-width, 2)" 3902 stroke-linecap="round" 3903 stroke-linejoin="round" 3904> 3905 <path d="m6 9 6 6 6-6" /> 3906</svg> 3907</span></a> 3908 </li><li 3909 3910 @mouseenter="openMenu('Boeken ')" 3911 @mouseleave="handleMouseLeave" 3912 3913 > 3914 <a 3915 href="/collections/boeken" 3916 class="nf-nav-link gap-1 !text-[16px]" 3917 :class="{ 'nf-nav-link--active': currentMenu === 'Boeken ' }" 3918 3919 :aria-expanded="(currentMenu === 'Boeken ').toString()" 3920 aria-haspopup="true" 3921 3922 3923 > 3924 Boeken 3925<span 3926 class="inline-flex size-4 shrink-0 items-center justify-center transition-transform duration-200 ease-out motion-reduce:transition-none [&>svg]:block [&>svg]:size-full [--icon-stroke-width:2px]" 3927 :class="{ 'rotate-180': currentMenu === 'Boeken ' }" 3928 aria-hidden="true" 3929 ><!-- @license lucide-static v0.577.0 - ISC --> 3930<svg 3931 class="lucide lucide-chevron-down" 3932 xmlns="http://www.w3.org/2000/svg" 3933 width="24" 3934 height="24" 3935 viewBox="0 0 24 24" 3936 fill="none" 3937 stroke="currentColor" 3938 stroke-width="var(--icon-stroke-width, 2)" 3939 stroke-linecap="round" 3940 stroke-linejoin="round" 3941> 3942 <path d="m6 9 6 6 6-6" /> 3943</svg> 3944</span></a> 3945 </li><li 3946 3947 @mouseenter="closeMenu()" 3948 3949 > 3950 <a 3951 href="/collections/educatie"
3952 class="nf-nav-link gap-1 !text-[16px]" 3953 :class="{ 'nf-nav-link--active': currentMenu === 'Educatie' }" 3954 3955 3956 > 3957 Educatie 3958</a> 3959 </li></ul> 3960 3961 </div> 3962 <div class="hidden min-w-0 shrink-0 lg:flex lg:items-center lg:justify-end"> 3963 3964 </div> 3965 </div> 3966 </div> 3967 3968<div 3969 x-ref="megaContainer" 3970 @mouseenter="currentMenu && openMenu(currentMenu)" 3971 @mouseleave="handleMouseLeave" 3972 class="nf-mega-menu-container absolute top-full z-10 overflow-hidden" 3973 :class="currentMenu ? 'shadow-lg' : 'pointer-events-none'" 3974 style="height: 0" 3975 > 3976 <div class="relative"> 3977 3978<div 3979 :data-panel="'Dagje uit'" 3980 class="nf-mega-menu-panel transition-opacity duration-150" 3981 :class="currentMenu === 'Dagje uit' 3982 ? 'pointer-events-auto relative z-[1] opacity-100' 3983 : 'pointer-events-none absolute inset-0 z-0 opacity-0'" 3984> 3985 <div 3986 class="nf-mega-menu-inner grid max-h-screen min-h-[30.5rem] grid-cols-12 gap-3 overflow-y-auto py-8 nf-mega-menu-inner--bottom-row" 3987 ><div class="col-span-6 grid grid-cols-6 gap-2" data-half="Dagje uit-left"><ul 3988 class="m-0 flex list-none flex-col gap-2 p-0 col-span-6" 3989 ><li class="flex items-start gap-2"> 3990 <a href="/collections/dagje-uit" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Alle dagjes uit</a> 3991 </li><li class="flex items-start gap-2"> 3992 <a href="/collections/dierentuinen" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Dierentuinen</a> 3993 </li><li class="flex items-start gap-2"> 3994 <a href="/collections/pretparken" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Pretparken</a> 3995 </li><li class="flex items-start gap-2"> 3996 <a href="/collections/musea-exposities" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Musea & Exposities</a> 3997 </li><li class="flex items-start gap-2"> 3998 <a href="/collections/actieve-uitjes" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Actieve uitjes</a> 3999 </li><li class="flex items-start gap-2"> 4000 <a href="/collections/wellness" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Wellness</a> 4001 </li><li class="flex items-start gap-2"> 4002 <a href="/collections/rondvaarten" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Rondvaarten</a> 4003 </li><li class="flex items-start gap-2"> 4004 <a href="/collections/beurzen-evenementen" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Beurzen & Evenementen </a> 4005 </li></ul></div><div class="col-span-6" data-half="Dagje uit-right"> 4006 <div class="grid h-full grid-cols-2 gap-3"><a 4007 href="/collections/dierentuinen" 4008 title="Dierentuinen" 4009 class="group relative overflow-hidden rounded-md text-white no-underline" 4010 4011 ><div class="relative aspect-[35/48] max-h-[27rem] overflow-hidden rounded-md after:pointer-events-none after:absolute after:inset-0 after:z-[1] after:bg-gradient-to-t after:from-black/30 after:to-transparent after:to-50%"> 4012 <img src="//shop.nu.nl/cdn/shop/files/tWGvPMrQUylAgCRjG97Q.jpg?v=1784153120&width=1600" alt="Dierentuinen" srcset="//shop.nu.nl/cdn/shop/files/tWGvPMrQUylAgCRjG97Q.jpg?v=1784153120&width=352 352w, //shop.nu.nl/cdn/shop/files/tWGvPMrQUylAgCRjG97Q.jpg?v=1784153120&width=720 720w, //shop.nu.nl/cdn/shop/files/tWGvPMrQUylAgCRjG97Q.jpg?v=1784153120&width=832 832w, //shop.nu.nl/cdn/shop/files/tWGvPMrQUylAgCRjG97Q.jpg?v=1784153120&width=1200 1200w" width="720" height="450" loading="lazy" class="size-full object-cover object-center transition-transform duration-500 group-hover:scale-105"> 4013<div class="absolute inset-4 z-[2] flex lg:inset-6">
4014 <span class="mt-auto text-lg font-semibold text-white lg:text-xl"> 4015 Dierentuinen 4016 </span> 4017 </div></div> 4018 </a><a 4019 href="/collections/pretparken" 4020 title="Pretparken" 4021 class="group relative overflow-hidden rounded-md text-white no-underline" 4022 ><div class="relative aspect-[35/48] max-h-[27rem] overflow-hidden rounded-md after:pointer-events-none after:absolute after:inset-0 after:z-[1] after:bg-gradient-to-t after:from-black/30 after:to-transparent after:to-50%"> 4023 <img src="//shop.nu.nl/cdn/shop/files/cmceqewb94fez07vsbj7qwlk4.jpg?v=1782327828&width=1600" alt="Pretparken" srcset="//shop.nu.nl/cdn/shop/files/cmceqewb94fez07vsbj7qwlk4.jpg?v=1782327828&width=352 352w, //shop.nu.nl/cdn/shop/files/cmceqewb94fez07vsbj7qwlk4.jpg?v=1782327828&width=832 832w, //shop.nu.nl/cdn/shop/files/cmceqewb94fez07vsbj7qwlk4.jpg?v=1782327828&width=1200 1200w, //shop.nu.nl/cdn/shop/files/cmceqewb94fez07vsbj7qwlk4.jpg?v=1782327828&width=1600 1600w" width="1600" height="1000" loading="lazy" class="size-full object-cover object-center transition-transform duration-500 group-hover:scale-105"> 4024<div class="absolute inset-4 z-[2] flex lg:inset-6"> 4025 <span class="mt-auto text-lg font-semibold text-white lg:text-xl"> 4026 Pretparken 4027 </span> 4028 </div></div> 4029 </a></div> 4030 </div> 4031 4032 </div> 4033</div> 4034 4035 4036 4037<div 4038 :data-panel="'Avondje uit'" 4039 class="nf-mega-menu-panel transition-opacity duration-150" 4040 :class="currentMenu === 'Avondje uit' 4041 ? 'pointer-events-auto relative z-[1] opacity-100' 4042 : 'pointer-events-none absolute inset-0 z-0 opacity-0'" 4043> 4044 <div 4045 class="nf-mega-menu-inner grid max-h-screen min-h-[30.5rem] grid-cols-12 gap-3 overflow-y-auto py-8 nf-mega-menu-inner--bottom-row" 4046 ><div class="col-span-6 grid grid-cols-6 gap-2" data-half="Avondje uit-left"><ul 4047 class="m-0 flex list-none flex-col gap-2 p-0 col-span-6" 4048 ><li class="flex items-start gap-2"> 4049 <a href="/collections/avondje-uit" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Alle avondjes uit</a> 4050 </li><li class="flex items-start gap-2"> 4051 <a href="/collections/theater" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Theater</a> 4052 </li><li class="flex items-start gap-2"> 4053 <a href="/collections/musicals" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Musicals</a> 4054 </li><li class="flex items-start gap-2"> 4055 <a href="/collections/klassiek" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Klassiek</a> 4056 </li><li class="flex items-start gap-2"> 4057 <a href="/collections/concerten-shows" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Concerten & Shows</a> 4058 </li><li class="flex items-start gap-2"> 4059 <a href="/collections/restaurants" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Restaurants</a> 4060 </li></ul></div><div class="col-span-6" data-half="Avondje uit-right"> 4061 <div class="grid h-full grid-cols-2 gap-3"><a 4062 href="/collections/musicals" 4063 title="Musicals" 4064 class="group relative overflow-hidden rounded-md text-white no-underline" 4065 4066 ><div class="relative aspect-[35/48] max-h-[27rem] overflow-hidden rounded-md after:pointer-events-none after:absolute after:inset-0 after:z-[1] after:bg-gradient-to-t after:from-black/30 after:to-transparent after:to-50%"> 4067 <img src="//shop.nu.nl/cdn/shop/files/Ca6LLWxQIO4RPkgmIuYI_e889b593-9271-4b7f-a869-bb80c965f3b2.jpg?v=1782328215&width=1600" alt="Musicals" srcset="//shop.nu.nl/cdn/shop/files/Ca6LLWxQIO4RPkgmIuYI_e889b593-9271-4b7f-a869-bb80c965f3b2.jpg?v=1782328215&width=352 352w, //shop.nu.nl/cdn/shop/files/Ca6LLWxQIO4RPkgmIuYI_e889b593-9271-4b7f-a869-bb80c965f3b2.jpg?v=1782328215&width=832 832w, //shop.nu.nl/cdn/shop/files/Ca6LLWxQIO4RPkgmIuYI_e889b593-9271-4b7f-a869-bb80c965f3b2.jpg?v=1782328215&width=1200 1200w, //shop.nu.nl/cdn/shop/files/Ca6LLWxQIO4RPkgmIuYI_e889b593-9271-4b7f-a869-bb80c965f3b2.jpg?v=1782328215&width=1600 1600w" width="1600" height="1000" loading="lazy" class="size-full object-cover object-center transition-transform duration-500 group-hover:scale-105"> 4068<div class="absolute inset-4 z-[2] flex lg:inset-6">
4069 <span class="mt-auto text-lg font-semibold text-white lg:text-xl"> 4070 Musicals 4071 </span> 4072 </div></div> 4073 </a><a 4074 href="/collections/klassiek" 4075 title="Klassiek" 4076 class="group relative overflow-hidden rounded-md text-white no-underline" 4077 ><div class="relative aspect-[35/48] max-h-[27rem] overflow-hidden rounded-md after:pointer-events-none after:absolute after:inset-0 after:z-[1] after:bg-gradient-to-t after:from-black/30 after:to-transparent after:to-50%"> 4078 <img src="//shop.nu.nl/cdn/shop/files/cmd2x9zshmkyp07vwd0zf94bq.jpg?v=1782328285&width=1600" alt="Klassiek" srcset="//shop.nu.nl/cdn/shop/files/cmd2x9zshmkyp07vwd0zf94bq.jpg?v=1782328285&width=352 352w, //shop.nu.nl/cdn/shop/files/cmd2x9zshmkyp07vwd0zf94bq.jpg?v=1782328285&width=832 832w, //shop.nu.nl/cdn/shop/files/cmd2x9zshmkyp07vwd0zf94bq.jpg?v=1782328285&width=1200 1200w" width="2500" height="1669" loading="lazy" class="size-full object-cover object-center transition-transform duration-500 group-hover:scale-105"> 4079<div class="absolute inset-4 z-[2] flex lg:inset-6"> 4080 <span class="mt-auto text-lg font-semibold text-white lg:text-xl"> 4081 Klassiek 4082 </span> 4083 </div></div> 4084 </a></div> 4085 </div> 4086 4087 </div> 4088</div> 4089 4090 4091 4092<div 4093 :data-panel="'Nachtje weg'" 4094 class="nf-mega-menu-panel transition-opacity duration-150" 4095 :class="currentMenu === 'Nachtje weg' 4096 ? 'pointer-events-auto relative z-[1] opacity-100' 4097 : 'pointer-events-none absolute inset-0 z-0 opacity-0'" 4098> 4099 <div 4100 class="nf-mega-menu-inner grid max-h-screen min-h-[30.5rem] grid-cols-12 gap-3 overflow-y-auto py-8 nf-mega-menu-inner--bottom-row" 4101 ><div class="col-span-6 grid grid-cols-6 gap-2" data-half="Nachtje weg-left"><ul 4102 class="m-0 flex list-none flex-col gap-2 p-0 col-span-6" 4103 ><li class="flex items-start gap-2"> 4104 <a href="/collections/nachtje-weg" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Alle nachtjes weg </a> 4105 </li><li class="flex items-start gap-2"> 4106 <a href="/collections/hotels" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Hotels</a> 4107 </li><li class="flex items-start gap-2"> 4108 <a href="/collections/vakantieparken" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Vakantieparken </a> 4109 </li><li class="flex items-start gap-2"> 4110 <a href="/collections/stedentrips" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Stedentrips</a> 4111 </li><li class="flex items-start gap-2"> 4112 <a href="/collections/cruises-reizen" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Reizen </a> 4113 </li></ul></div><div class="col-span-6" data-half="Nachtje weg-right"> 4114 <div class="grid h-full grid-cols-2 gap-3"><a 4115 href="/collections/stedentrips" 4116 title="Stedentrips" 4117 class="group relative overflow-hidden rounded-md text-white no-underline" 4118 4119 ><div class="relative aspect-[35/48] max-h-[27rem] overflow-hidden rounded-md after:pointer-events-none after:absolute after:inset-0 after:z-[1] after:bg-gradient-to-t after:from-black/30 after:to-transparent after:to-50%"> 4120 <img src="//shop.nu.nl/cdn/shop/files/cmm4qnpls8q3707w2wkj0fcqm.jpg?v=1782328436&width=1600" alt="Stedentrips" srcset="//shop.nu.nl/cdn/shop/files/cmm4qnpls8q3707w2wkj0fcqm.jpg?v=1782328436&width=352 352w, //shop.nu.nl/cdn/shop/files/cmm4qnpls8q3707w2wkj0fcqm.jpg?v=1782328436&width=832 832w, //shop.nu.nl/cdn/shop/files/cmm4qnpls8q3707w2wkj0fcqm.jpg?v=1782328436&width=1200 1200w" width="1920" height="1080" loading="lazy" class="size-full object-cover object-center transition-transform duration-500 group-hover:scale-105"> 4121<div class="absolute inset-4 z-[2] flex lg:inset-6">
4122 <span class="mt-auto text-lg font-semibold text-white lg:text-xl"> 4123 Stedentrips 4124 </span> 4125 </div></div> 4126 </a><a 4127 href="/collections/hotels" 4128 title="Hotels" 4129 class="group relative overflow-hidden rounded-md text-white no-underline" 4130 ><div class="relative aspect-[35/48] max-h-[27rem] overflow-hidden rounded-md after:pointer-events-none after:absolute after:inset-0 after:z-[1] after:bg-gradient-to-t after:from-black/30 after:to-transparent after:to-50%"> 4131 <img src="//shop.nu.nl/cdn/shop/files/pzeYbDK9RLC6LESDdYBN.jpg?v=1782327718&width=1600" alt="Hotels" srcset="//shop.nu.nl/cdn/shop/files/pzeYbDK9RLC6LESDdYBN.jpg?v=1782327718&width=352 352w, //shop.nu.nl/cdn/shop/files/pzeYbDK9RLC6LESDdYBN.jpg?v=1782327718&width=832 832w, //shop.nu.nl/cdn/shop/files/pzeYbDK9RLC6LESDdYBN.jpg?v=1782327718&width=1000 1000w, //shop.nu.nl/cdn/shop/files/pzeYbDK9RLC6LESDdYBN.jpg?v=1782327718&width=1200 1200w" width="1000" height="1000" loading="lazy" class="size-full object-cover object-center transition-transform duration-500 group-hover:scale-105"> 4132<div class="absolute inset-4 z-[2] flex lg:inset-6"> 4133 <span class="mt-auto text-lg font-semibold text-white lg:text-xl"> 4134 Hotels 4135 </span> 4136 </div></div> 4137 </a></div> 4138 </div> 4139 4140 </div> 4141</div> 4142 4143 4144 4145<div 4146 :data-panel="'Wonen & Leven'" 4147 class="nf-mega-menu-panel transition-opacity duration-150" 4148 :class="currentMenu === 'Wonen & Leven' 4149 ? 'pointer-events-auto relative z-[1] opacity-100' 4150 : 'pointer-events-none absolute inset-0 z-0 opacity-0'" 4151> 4152 <div 4153 class="nf-mega-menu-inner grid max-h-screen min-h-[30.5rem] grid-cols-12 gap-3 overflow-y-auto py-8 nf-mega-menu-inner--bottom-row" 4154 ><div class="col-span-6 grid grid-cols-6 gap-2" data-half="Wonen & Leven-left"><ul 4155 class="m-0 flex list-none flex-col gap-2 p-0 col-span-6" 4156 ><li class="flex items-start gap-2"> 4157 <a href="/collections/wonen-leven" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Alle Wonen & Leven</a> 4158 </li><li class="flex items-start gap-2"> 4159 <a href="/collections/amusement-hobby" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Amusement & Hobby</a> 4160 </li><li class="flex items-start gap-2"> 4161 <a href="/collections/elektrische-fietsen" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">E-bikes</a> 4162 </li><li class="flex items-start gap-2"> 4163 <a href="/collections/elektronica" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Elektronica</a> 4164 </li><li class="flex items-start gap-2"> 4165 <a href="/collections/huishoudelijke-apparaten" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Huishoudelijk</a> 4166 </li><li class="flex items-start gap-2"> 4167 <a href="/collections/laptops-accessoires" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Laptops & Accessoires</a> 4168 </li><li class="flex items-start gap-2"> 4169 <a href="/collections/slaapkamer-comfort" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Slaapkamer & Comfort</a> 4170 </li><li class="flex items-start gap-2"> 4171 <a href="/collections/sport" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Sport & Outdoor</a> 4172 </li><li class="flex items-start gap-2"> 4173 <a href="/collections/koelen-verwarmen" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Verkoelen & Verwarmen</a> 4174 </li><li class="flex items-start gap-2"> 4175 <a href="/collections/veilig-voorbereid" class="nf-menu-link font-heading font-bold text-black !text-[16
4175px] no-underline">Veilig & Voorbereid</a> 4176 </li></ul></div><div class="col-span-6" data-half="Wonen & Leven-right"> 4177 <div class="grid h-full grid-cols-2 gap-3"><a 4178 href="/collections/elektrische-fietsen" 4179 title="E-bikes" 4180 class="group relative overflow-hidden rounded-md text-white no-underline" 4181 4182 ><div class="relative aspect-[35/48] max-h-[27rem] overflow-hidden rounded-md after:pointer-events-none after:absolute after:inset-0 after:z-[1] after:bg-gradient-to-t after:from-black/30 after:to-transparent after:to-50%"> 4183 <img src="//shop.nu.nl/cdn/shop/files/cmmxd07be4dbx06w0mf7j03c4.jpg?v=1782328037&width=1600" alt="E-bikes" srcset="//shop.nu.nl/cdn/shop/files/cmmxd07be4dbx06w0mf7j03c4.jpg?v=1782328037&width=352 352w, //shop.nu.nl/cdn/shop/files/cmmxd07be4dbx06w0mf7j03c4.jpg?v=1782328037&width=832 832w, //shop.nu.nl/cdn/shop/files/cmmxd07be4dbx06w0mf7j03c4.jpg?v=1782328037&width=1200 1200w, //shop.nu.nl/cdn/shop/files/cmmxd07be4dbx06w0mf7j03c4.jpg?v=1782328037&width=1600 1600w" width="1600" height="1000" loading="lazy" class="size-full object-cover object-center transition-transform duration-500 group-hover:scale-105"> 4184<div class="absolute inset-4 z-[2] flex lg:inset-6"> 4185 <span class="mt-auto text-lg font-semibold text-white lg:text-xl"> 4186 E-bikes 4187 </span> 4188 </div></div> 4189 </a><a 4190 href="/collections/veilig-voorbereid" 4191 title="Veilig & Voorbereid" 4192 class="group relative overflow-hidden rounded-md text-white no-underline" 4193 ><div class="relative aspect-[35/48] max-h-[27rem] overflow-hidden rounded-md after:pointer-events-none after:absolute after:inset-0 after:z-[1] after:bg-gradient-to-t after:from-black/30 after:to-transparent after:to-50%"> 4194 <img src="//shop.nu.nl/cdn/shop/files/cmggk0ge334tm07uhtz7f5k4j.jpg?v=1782327993&width=1600" alt="Veilig & Voorbereid" srcset="//shop.nu.nl/cdn/shop/files/cmggk0ge334tm07uhtz7f5k4j.jpg?v=1782327993&width=352 352w, //shop.nu.nl/cdn/shop/files/cmggk0ge334tm07uhtz7f5k4j.jpg?v=1782327993&width=832 832w, //shop.nu.nl/cdn/shop/files/cmggk0ge334tm07uhtz7f5k4j.jpg?v=1782327993&width=1200 1200w" width="2500" height="1667" loading="lazy" class="size-full object-cover object-center transition-transform duration-500 group-hover:scale-105"> 4195<div class="absolute inset-4 z-[2] flex lg:inset-6"> 4196 <span class="mt-auto text-lg font-semibold text-white lg:text-xl"> 4197 Veilig & Voorbereid 4198 </span> 4199 </div></div> 4200 </a></div> 4201 </div> 4202 4203 </div> 4204</div> 4205 4206 4207 4208<div 4209 :data-panel="'Boeken '" 4210 class="nf-mega-menu-panel transition-opacity duration-150" 4211 :class="currentMenu === 'Boeken ' 4212 ? 'pointer-events-auto relative z-[1] opacity-100' 4213 : 'pointer-events-none absolute inset-0 z-0 opacity-0'" 4214> 4215 <div 4216 class="nf-mega-menu-inner grid max-h-screen min-h-[30.5rem] grid-cols-12 gap-3 overflow-y-auto py-8 nf-mega-menu-inner--bottom-row" 4217 ><div class="col-span-6 grid grid-cols-6 gap-2" data-half="Boeken -left"><ul 4218 class="m-0 flex list-none flex-col gap-2 p-0 col-span-6" 4219 ><li class="flex items-start gap-2"> 4220 <a href="/collections/boeken" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Alle Boeken</a> 4221 </li><li class="flex items-start gap-2"> 4222 <a href="/collections/boekenpakketten" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Boekenpakketten</a> 4223 </li><li class="flex items-start gap-2"> 4224 <a href="/collections/boekentips" class="nf-menu-link font-heading font-bold text-black !text-[16px] no-underline">Boekentips</a> 4225 </li></ul></div><div class="col-span-6" data-half="Boeken -right"> 4226 <div class="grid h-full grid-cols-2 gap-3"><a 4227 href="/collections/boekenpakketten" 4228 title="Boekenpakketten" 4229 class="group relative overflow-hidden rounded-md text-white no-underline" 4230 4231 ><div class="relative aspect-[35/48] max-h-[27rem] overflow-hidden rounded-md after:pointer-events-none after:absolute after:inset-0 after:z-[1] after:bg-gradient-to-t after:from-black/30 after:to-transparent after:to-50%"> 4232 <img src="//shop.nu.nl/cdn/shop/files/cmqp9q8o5aw9608vxc5o6am38.png?v=178232854
42321&width=1600" alt="Boekenpakketten" srcset="//shop.nu.nl/cdn/shop/files/cmqp9q8o5aw9608vxc5o6am38.png?v=1782328541&width=352 352w, //shop.nu.nl/cdn/shop/files/cmqp9q8o5aw9608vxc5o6am38.png?v=1782328541&width=832 832w, //shop.nu.nl/cdn/shop/files/cmqp9q8o5aw9608vxc5o6am38.png?v=1782328541&width=960 960w, //shop.nu.nl/cdn/shop/files/cmqp9q8o5aw9608vxc5o6am38.png?v=1782328541&width=1200 1200w" width="960" height="600" loading="lazy" class="size-full object-cover object-center transition-transform duration-500 group-hover:scale-105"> 4233<div class="absolute inset-4 z-[2] flex lg:inset-6"> 4234 <span class="mt-auto text-lg font-semibold text-white lg:text-xl"> 4235 Boekenpakketten 4236 </span> 4237 </div></div> 4238 </a><a 4239 href="/collections/boekentips" 4240 title="Boekentips" 4241 class="group relative overflow-hidden rounded-md text-white no-underline" 4242 ><div class="relative aspect-[35/48] max-h-[27rem] overflow-hidden rounded-md after:pointer-events-none after:absolute after:inset-0 after:z-[1] after:bg-gradient-to-t after:from-black/30 after:to-transparent after:to-50%"> 4243 <img src="//shop.nu.nl/cdn/shop/files/cml9gke5193nn07t355ldlgfm.png?v=1782328021&width=1600" alt="Boekentips" srcset="//shop.nu.nl/cdn/shop/files/cml9gke5193nn07t355ldlgfm.png?v=1782328021&width=352 352w, //shop.nu.nl/cdn/shop/files/cml9gke5193nn07t355ldlgfm.png?v=1782328021&width=832 832w, //shop.nu.nl/cdn/shop/files/cml9gke5193nn07t355ldlgfm.png?v=1782328021&width=1200 1200w, //shop.nu.nl/cdn/shop/files/cml9gke5193nn07t355ldlgfm.png?v=1782328021&width=1600 1600w" width="1600" height="1000" loading="lazy" class="size-full object-cover object-center transition-transform duration-500 group-hover:scale-105"> 4244<div class="absolute inset-4 z-[2] flex lg:inset-6"> 4245 <span class="mt-auto text-lg font-semibold text-white lg:text-xl"> 4246 Boekentips 4247 </span> 4248 </div></div> 4249 </a></div> 4250 </div> 4251 4252 </div> 4253</div> 4254 4255</div> 4256 </div> 4257 </nav> 4258 </div> 4259</header> 4260 4261 4262 4263 4264</div><div id="shopify-section-sections--28850007114055__trending_searches_overlay_34ianQ" class="shopify-section shopify-section-group-header-group"> 4265 4266<div >
4266<script type="application/json" id="trending-searches-data"> 4267 [{"label":"Dierentuinen","slug":"dierentuinen","url":"\/collections\/dierentuinen","icon":""},{"label":"Pretpark","slug":"pretparken","url":"\/collections\/pretparken","icon":""},{"label":"Wellness","slug":"wellness","url":"\/collections\/wellness","icon":""},{"label":"Musicals","slug":"musicals","url":"\/collections\/musicals","icon":""},{"label":"Musea \u0026 exposities","slug":"musea-exposities","url":"\/collections\/musea-exposities","icon":""},{"label":"Actieve uitjes","slug":"actieve-uitjes","url":"\/collections\/actieve-uitjes","icon":""},{"label":"Rondvaarten","slug":"rondvaarten","url":"\/collections\/rondvaarten","icon":""}] 4268 </script>
4268</div> 4269 4270 4271</div> 4272<!-- END sections: header-group --> 4273 4274 <div id="shopify-section-template--29422651179335__section_63pWFe" class="shopify-section section-wrapper relative"> 4275 4276 4277<div 4278 class="section grid w-full 4279 4280 grid-cols-[minmax(20px,_1fr)_min(calc(var(--narrow-page-width)+80px)-80px,_calc(100%-40px))_minmax(20px,_1fr)] md:grid-cols-[minmax(40px,_1fr)_min(calc(var(--narrow-page-width)+80px)-80px,_calc(100%-80px))_minmax(40px,_1fr)] 4281 4282 color-scheme-scheme-1 bg-[var(--background)] 4283 4284 min-h-auto 4285 4286 " 4287 4288 > 4289 <div class="section-background col-span-full"> 4290 4291 4292 4293 </div> 4294 <div class="section-overlay-wrapper col-[2] z-[var(--layer-flat)]"> 4295 4296 4297 4298 <div 4299 class=" 4300 section-content-wrapper overflow-hidden 4301 h-full 4302 4303 min-h-auto 4304 4305 flex 4306 flex-col 4307 gap-[12px] 4308 4309 items-start 4310 justify-center 4311 4312 4313 " 4314 style="gap: 12px; padding-top:40px;padding-bottom:24px;" 4315 > 4316 4317 <style data-shopify>/* Container */ 4318 .ed_breadcrumbs#AK1d3TnRZQWdJWEpUe__breadcrumbs_yNEmq9 { 4319 color: #79757a; 4320 * { 4321 color: #79757a; 4322 } 4323 padding-top: 0px; 4324 padding-bottom: 0px; 4325 padding-left: 0px; 4326 padding-right: 0px; 4327 @media (max-width: 750px) { 4328 max-width: 100%; 4329 min-width: 0; 4330 padding-top: 0px; 4331 padding-bottom: 0px; 4332 padding-left: 0px; 4333 padding-right: 0px; 4334 nav { 4335 overflow-x: auto; 4336 -webkit-overflow-scrolling: touch; 4337 scrollbar-width: none; 4338 -ms-overflow-style: none; 4339 &::-webkit-scrollbar {
4340 display: none; 4341 } 4342 } 4343 } 4344 } 4345 4346 /* List */ 4347 .ed_breadcrumbs#AK1d3TnRZQWdJWEpUe__breadcrumbs_yNEmq9 ol { 4348 list-style-type: none; 4349 margin: 0; 4350 padding: 0; 4351 display: flex; 4352 flex-wrap: wrap; 4353 justify-content: flex-start; 4354 li { 4355 display: inline-flex; 4356 align-items: center; 4357 padding-right: 2px; 4358 } 4359 @media (max-width: 750px) { 4360 flex-wrap: nowrap; 4361 li { 4362 flex-shrink: 0; 4363 white-space: nowrap; 4364 } 4365 } 4366 a { 4367 color: #79757a; 4368 text-decoration: none; 4369 font-size: 16px; 4370 font-weight: normal; 4371 text-transform: default; 4372 &:hover, 4373 &:focus { 4374 text-decoration: underline; 4375 } 4376 } 4377 4378 li:last-child, 4379 li:last-child a { 4380 color: #414141; 4381 } 4382 } 4383 4384 /* Separators */ 4385 .ed_breadcrumbs#AK1d3TnRZQWdJWEpUe__breadcrumbs_yNEmq9 { 4386 ol.arrows li:not(:last-child):after { 4387 border-style: solid; 4388 border-width: .10em .10em 0 0; 4389 border-color: #79757a; 4390 content: ''; 4391 display: inline-block; 4392 height: .4em; 4393 width: .4em; 4394 margin: 0 .4em; 4395 position: relative; 4396 transform: rotate(45deg); 4397 vertical-align: middle; 4398 font-size: calc(16px + 2px); 4399 /* top: -0.1em; */ 4400 } 4401 4402 ol.slashes li:not(:last-child):after { 4403 content: '/'; 4404 margin: 0 .4em; 4405 font-size: 16px; 4406 } 4407 } 4408 [dir="rtl"] .ed_breadcrumbs#AK1d3TnRZQWdJWEpUe__breadcrumbs_yNEmq9 ol.arrows li:not(:last-child):after { 4409 transform: rotate(220deg); 4410 }</style><div class="ed_breadcrumbs " id="AK1d3TnRZQWdJWEpUe__breadcrumbs_yNEmq9" > 4411 <nav role="navigation" aria-label="breadcrumbs"> 4412 <ol class=" slashes"> 4413 <li> 4414 <a 4415 class="" 4416 href="/" 4417 4418 >Home</a> 4419 </li> 4420 <li> 4421 <a href="/products/kerst-met-andre-rieu" aria-current="page">Kerst met André Rieu</a> 4422 </li> 4423 4424</ol> 4425 </nav> 4426 </div> 4427 4428 4429 4430
4430<script type="application/ld+json"> 4431 { 4432 "@context": "https://schema.org", 4433 "@type": "BreadcrumbList", 4434 "itemListElement": [{ 4435 "@type": "ListItem", 4436 "position": 1, 4437 "name": "Home", 4438 "item": "https://shop.nu.nl" 4439 }, 4440 4441 4442 4443 { 4444 "@type": "ListItem", 4445 "position": 2, 4446 "name": "Kerst met André Rieu", 4447 "item": "https://shop.nu.nl/products/kerst-met-andre-rieu" 4448 } 4449 4450] 4451 } 4452 </script>
4452 4453 4454 </div> 4455 </div> 4456</div> 4457 4458 4459 4460 4461 4462 4463 4464</div><div id="shopify-section-template--29422651179335__main" class="shopify-section"> 4465 4466<section class="color-scheme-scheme-1 grid w-full grid-cols-[minmax(20px,_1fr)_min(calc(var(--narrow-page-width)+80px)-80px,_calc(100%-40px))_minmax(20px,_1fr)] md:grid-cols-[minmax(40px,_1fr)_min(calc(var(--narrow-page-width)+80px)-80px,_calc(100%-80px))_minmax(40px,_1fr)]"> 4467 4468 <div class="col-[2] flex justify-center"> 4469 <div class="grid grid-cols-1 sm:grid-cols-2 w-full spacing-style sm:has-[.extend-media]:flex sm:has-[.extend-media]:justify-start" style="--padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 80px)); gap: 48px"> 4470 <div class="product-information__media order-first sm:has-[.extend-media]:w-[100vw] sm:has-[.extend-media]:ml-[calc(-50vw_+_50%)]"> 4471 4472 4473 4474 4475 4476<div data-product-media-gallery data-product-handle="kerst-met-andre-rieu" data-hide-variants="true" data-section-id="template--29422651179335__main"> 4477 4478 <div class=" " data-media-carousel-container> 4479 4480 4481 4482 4483 4484 4485 <div x-data="productCarousel({ carouselId: 'product-media-carousel', paginationStyle: 'thumbnails', mobilePaginationStyle: 'dots' })" x-cloak> 4486 <div class="w-full max-w-4xl mx-auto"> 4487 <!-- Thumbnails on Left (Desktop only) --> 4488 4489 4490 <!-- Carousel --> 4491 <div class="relative "> 4492 4493 4494 4495 <link rel="preload" as="image" href="//shop.nu.nl/cdn/shop/files/cmsssmdoa0tvt07w2rime1ijf_f4350612-8695-44b9-aa44-f3fd2c3a8c71.jpg?v=1790201164&width=960" fetchpriority="high"> 4496 4497 <div 4498 id="product-media-carousel" 4499 x-ref="carousel" 4500 tabindex="0" 4501 class="embla relative" 4502 data-product-carousel 4503 data-pagination-style="thumbnails" 4504 > 4505 <div class="embla__viewport overflow-hidden w-full scrolling-touch"> 4506 <div class="embla__container flex touch-[pan-y_pinch-zoom]"> 4507 4508 4509 <div 4510 class="embla__slide relative flex-shrink-0 flex-grow-0 min-w-0
4510w-full product-image-zoom group !cursor-pointer" 4511 data-index="1" 4512 4513 4514 data-pswp-src="//shop.nu.nl/cdn/shop/files/cmsssmdoa0tvt07w2rime1ijf_f4350612-8695-44b9-aa44-f3fd2c3a8c71.jpg?v=1790201164&width=1600" 4515 data-pswp-width="2500" 4516 data-pswp-height="1667" 4517 data-pswp-alt="Kerst met André Rieu - afbeelding 1" 4518 4519 style="border-radius: 4px;" 4520 > 4521 4522 4523 <img 4524 src="//shop.nu.nl/cdn/shop/files/cmsssmdoa0tvt07w2rime1ijf_f4350612-8695-44b9-aa44-f3fd2c3a8c71.jpg?v=1790201164&width=1440" 4525 alt="Kerst met André Rieu - afbeelding 1" 4526 width="2500" 4527 height="1667" 4528 srcset="//shop.nu.nl/cdn/shop/files/cmsssmdoa0tvt07w2rime1ijf_f4350612-8695-44b9-aa44-f3fd2c3a8c71.jpg?v=1790201164&width=480 480w, //shop.nu.nl/cdn/shop/files/cmsssmdoa0tvt07w2rime1ijf_f4350612-8695-44b9-aa44-f3fd2c3a8c71.jpg?v=1790201164&width=640 640w, //shop.nu.nl/cdn/shop/files/cmsssmdoa0tvt07w2rime1ijf_f4350612-8695-44b9-aa44-f3fd2c3a8c71.jpg?v=1790201164&width=960 960w, //shop.nu.nl/cdn/shop/files/cmsssmdoa0tvt07w2rime1ijf_f4350612-8695-44b9-aa44-f3fd2c3a8c71.jpg?v=1790201164&width=1200 1200w, //shop.nu.nl/cdn/shop/files/cmsssmdoa0tvt07w2rime1ijf_f4350612-8695-44b9-aa44-f3fd2c3a8c71.jpg?v=1790201164&width=1440 1440w" 4529 sizes="(min-width: 1024px) 620px, (min-width: 768px) 85vw, 92vw" 4530 loading="eager" 4531 fetchpriority="high" 4532 decoding="async" 4533 class="w-full h-full aspect-[3/2] object-cover" 4534 style="border-radius: 4px;" 4535 > 4536 4537 <div class="product-image-zoom-icon absolute top-4 left-4 pointer-events-none z-10 transition-opacity duration-300 ease-in-out opacity-0 group-hover:opacity-100 w-[30px] h-[30px] bg-white rounded-full flex items-center justify-center" aria-hidden="true"> 4538 <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-plus w-[12px] h-[12px] text-black drop-shadow-lg" viewBox="0 0 19 19"> 4539 <path fill="currentColor" fill-rule="evenodd" d="M4.667 7.94a.5.5 0 0 1 .499-.501l5.534-.014a.5.5 0 1 1 .002 1l-5.534.014a.5.5 0 0 1-.5-.5" clip-rule="evenodd"></path> 4540 <path fill="currentColor" fill-rule="evenodd" d="M7.926 4.665a.5.5 0 0 1 .501.498l.014 5.534a.5.5 0 1 1-1 .003l-.014-5.534a.5.5 0 0 1 .499-.501" clip-rule="evenodd"></path> 4541 <path fill="currentColor" fill-rule="evenodd" d="M12.832 3.03a6.931 6.931 0 1 0-9.802 9.802 6.931 6.931 0 0 0 9.802-9.802M2.323 2.323a7.931 7.931 0 0 1 11.296 11.136l4.628 4.628a.5.5 0 0 1-.707.707l-4.662-4.662A7.932 7.932 0 0 1 2.323 2.323" clip-rule="evenodd"></path> 4542 </svg> 4543 </div> 4544 4545 4546 </div> 4547 4548 4549 <div 4550 class="embla__slide relative flex-shrink-0 flex-grow-0 min-w-0
4550w-full product-image-zoom group !cursor-pointer" 4551 data-index="2" 4552 4553 4554 data-pswp-src="//shop.nu.nl/cdn/shop/files/cmsyp4wzu1smm06vyn9axz4xr.jpg?v=1790201164&width=1600" 4555 data-pswp-width="2500" 4556 data-pswp-height="1667" 4557 data-pswp-alt="Kerst met André Rieu - afbeelding 2" 4558 4559 style="border-radius: 4px;" 4560 > 4561 4562 4563 <img 4564 src="//shop.nu.nl/cdn/shop/files/cmsyp4wzu1smm06vyn9axz4xr.jpg?v=1790201164&width=1440" 4565 alt="Kerst met André Rieu - afbeelding 2" 4566 width="2500" 4567 height="1667" 4568 srcset="//shop.nu.nl/cdn/shop/files/cmsyp4wzu1smm06vyn9axz4xr.jpg?v=1790201164&width=480 480w, //shop.nu.nl/cdn/shop/files/cmsyp4wzu1smm06vyn9axz4xr.jpg?v=1790201164&width=640 640w, //shop.nu.nl/cdn/shop/files/cmsyp4wzu1smm06vyn9axz4xr.jpg?v=1790201164&width=960 960w, //shop.nu.nl/cdn/shop/files/cmsyp4wzu1smm06vyn9axz4xr.jpg?v=1790201164&width=1200 1200w, //shop.nu.nl/cdn/shop/files/cmsyp4wzu1smm06vyn9axz4xr.jpg?v=1790201164&width=1440 1440w" 4569 sizes="(min-width: 1024px) 620px, (min-width: 768px) 85vw, 92vw" 4570 loading="lazy" 4571 fetchpriority="low" 4572 decoding="async" 4573 class="w-full h-full aspect-[3/2] object-cover" 4574 style="border-radius: 4px;" 4575 > 4576 4577 <div class="product-image-zoom-icon absolute top-4 left-4 pointer-events-none z-10 transition-opacity duration-300 ease-in-out opacity-0 group-hover:opacity-100 w-[30px] h-[30px] bg-white rounded-full flex items-center justify-center" aria-hidden="true"> 4578 <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-plus w-[12px] h-[12px] text-black drop-shadow-lg" viewBox="0 0 19 19"> 4579 <path fill="currentColor" fill-rule="evenodd" d="M4.667 7.94a.5.5 0 0 1 .499-.501l5.534-.014a.5.5 0 1 1 .002 1l-5.534.014a.5.5 0 0 1-.5-.5" clip-rule="evenodd"></path> 4580 <path fill="currentColor" fill-rule="evenodd" d="M7.926 4.665a.5.5 0 0 1 .501.498l.014 5.534a.5.5 0 1 1-1 .003l-.014-5.534a.5.5 0 0 1 .499-.501" clip-rule="evenodd"></path> 4581 <path fill="currentColor" fill-rule="evenodd" d="M12.832 3.03a6.931 6.931 0 1 0-9.802 9.802 6.931 6.931 0 0 0 9.802-9.802M2.323 2.323a7.931 7.931 0 0 1 11.296 11.136l4.628 4.628a.5.5 0 0 1-.707.707l-4.662-4.662A7.932 7.932 0 0 1 2.323 2.323" clip-rule="evenodd"></path> 4582 </svg> 4583 </div> 4584 4585 4586 </div> 4587 4588 4589 <div 4590 class="embla__slide relative flex-shrink-0 flex-grow-0 min-w-0
4590w-full product-image-zoom group !cursor-pointer" 4591 data-index="3" 4592 4593 4594 data-pswp-src="//shop.nu.nl/cdn/shop/files/cmsyp4x1k1r9n07w1yxvpu49s.jpg?v=1790201164&width=1600" 4595 data-pswp-width="2500" 4596 data-pswp-height="1668" 4597 data-pswp-alt="Kerst met André Rieu - afbeelding 3" 4598 4599 style="border-radius: 4px;" 4600 > 4601 4602 4603 <img 4604 src="//shop.nu.nl/cdn/shop/files/cmsyp4x1k1r9n07w1yxvpu49s.jpg?v=1790201164&width=1440" 4605 alt="Kerst met André Rieu - afbeelding 3" 4606 width="2500" 4607 height="1668" 4608 srcset="//shop.nu.nl/cdn/shop/files/cmsyp4x1k1r9n07w1yxvpu49s.jpg?v=1790201164&width=480 480w, //shop.nu.nl/cdn/shop/files/cmsyp4x1k1r9n07w1yxvpu49s.jpg?v=1790201164&width=640 640w, //shop.nu.nl/cdn/shop/files/cmsyp4x1k1r9n07w1yxvpu49s.jpg?v=1790201164&width=960 960w, //shop.nu.nl/cdn/shop/files/cmsyp4x1k1r9n07w1yxvpu49s.jpg?v=1790201164&width=1200 1200w, //shop.nu.nl/cdn/shop/files/cmsyp4x1k1r9n07w1yxvpu49s.jpg?v=1790201164&width=1440 1440w" 4609 sizes="(min-width: 1024px) 620px, (min-width: 768px) 85vw, 92vw" 4610 loading="lazy" 4611 fetchpriority="low" 4612 decoding="async" 4613 class="w-full h-full aspect-[3/2] object-cover" 4614 style="border-radius: 4px;" 4615 > 4616 4617 <div class="product-image-zoom-icon absolute top-4 left-4 pointer-events-none z-10 transition-opacity duration-300 ease-in-out opacity-0 group-hover:opacity-100 w-[30px] h-[30px] bg-white rounded-full flex items-center justify-center" aria-hidden="true"> 4618 <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-plus w-[12px] h-[12px] text-black drop-shadow-lg" viewBox="0 0 19 19"> 4619 <path fill="currentColor" fill-rule="evenodd" d="M4.667 7.94a.5.5 0 0 1 .499-.501l5.534-.014a.5.5 0 1 1 .002 1l-5.534.014a.5.5 0 0 1-.5-.5" clip-rule="evenodd"></path> 4620 <path fill="currentColor" fill-rule="evenodd" d="M7.926 4.665a.5.5 0 0 1 .501.498l.014 5.534a.5.5 0 1 1-1 .003l-.014-5.534a.5.5 0 0 1 .499-.501" clip-rule="evenodd"></path> 4621 <path fill="currentColor" fill-rule="evenodd" d="M12.832 3.03a6.931 6.931 0 1 0-9.802 9.802 6.931 6.931 0 0 0 9.802-9.802M2.323 2.323a7.931 7.931 0 0 1 11.296 11.136l4.628 4.628a.5.5 0 0 1-.707.707l-4.662-4.662A7.932 7.932 0 0 1 2.323 2.323" clip-rule="evenodd"></path> 4622 </svg> 4623 </div> 4624 4625 4626 </div> 4627 4628 4629 <div 4630 class="embla__slide relative flex-shrink-0 flex-grow-0 min-w-0
4630w-full product-image-zoom group !cursor-pointer" 4631 data-index="4" 4632 4633 4634 data-pswp-src="//shop.nu.nl/cdn/shop/files/cmsyp4x3n1smu06vy1pxi5sri.jpg?v=1790201164&width=1600" 4635 data-pswp-width="2500" 4636 data-pswp-height="1667" 4637 data-pswp-alt="Kerst met André Rieu - afbeelding 4" 4638 4639 style="border-radius: 4px;" 4640 > 4641 4642 4643 <img 4644 src="//shop.nu.nl/cdn/shop/files/cmsyp4x3n1smu06vy1pxi5sri.jpg?v=1790201164&width=1440" 4645 alt="Kerst met André Rieu - afbeelding 4" 4646 width="2500" 4647 height="1667" 4648 srcset="//shop.nu.nl/cdn/shop/files/cmsyp4x3n1smu06vy1pxi5sri.jpg?v=1790201164&width=480 480w, //shop.nu.nl/cdn/shop/files/cmsyp4x3n1smu06vy1pxi5sri.jpg?v=1790201164&width=640 640w, //shop.nu.nl/cdn/shop/files/cmsyp4x3n1smu06vy1pxi5sri.jpg?v=1790201164&width=960 960w, //shop.nu.nl/cdn/shop/files/cmsyp4x3n1smu06vy1pxi5sri.jpg?v=1790201164&width=1200 1200w, //shop.nu.nl/cdn/shop/files/cmsyp4x3n1smu06vy1pxi5sri.jpg?v=1790201164&width=1440 1440w" 4649 sizes="(min-width: 1024px) 620px, (min-width: 768px) 85vw, 92vw" 4650 loading="lazy" 4651 fetchpriority="low" 4652 decoding="async" 4653 class="w-full h-full aspect-[3/2] object-cover" 4654 style="border-radius: 4px;" 4655 > 4656 4657 <div class="product-image-zoom-icon absolute top-4 left-4 pointer-events-none z-10 transition-opacity duration-300 ease-in-out opacity-0 group-hover:opacity-100 w-[30px] h-[30px] bg-white rounded-full flex items-center justify-center" aria-hidden="true"> 4658 <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-plus w-[12px] h-[12px] text-black drop-shadow-lg" viewBox="0 0 19 19"> 4659 <path fill="currentColor" fill-rule="evenodd" d="M4.667 7.94a.5.5 0 0 1 .499-.501l5.534-.014a.5.5 0 1 1 .002 1l-5.534.014a.5.5 0 0 1-.5-.5" clip-rule="evenodd"></path> 4660 <path fill="currentColor" fill-rule="evenodd" d="M7.926 4.665a.5.5 0 0 1 .501.498l.014 5.534a.5.5 0 1 1-1 .003l-.014-5.534a.5.5 0 0 1 .499-.501" clip-rule="evenodd"></path> 4661 <path fill="currentColor" fill-rule="evenodd" d="M12.832 3.03a6.931 6.931 0 1 0-9.802 9.802 6.931 6.931 0 0 0 9.802-9.802M2.323 2.323a7.931 7.931 0 0 1 11.296 11.136l4.628 4.628a.5.5 0 0 1-.707.707l-4.662-4.662A7.932 7.932 0 0 1 2.323 2.323" clip-rule="evenodd"></path> 4662 </svg> 4663 </div> 4664 4665 4666 </div> 4667 4668 4669 <div 4670 class="embla__slide relative flex-shrink-0 flex-grow-0 min-w-0
4670w-full product-image-zoom group !cursor-pointer" 4671 data-index="5" 4672 4673 4674 data-pswp-src="//shop.nu.nl/cdn/shop/files/cmsyp7xud1sn507w1m9cmxx60.jpg?v=1790201164&width=1600" 4675 data-pswp-width="2500" 4676 data-pswp-height="1667" 4677 data-pswp-alt="Kerst met André Rieu - afbeelding 5" 4678 4679 style="border-radius: 4px;" 4680 > 4681 4682 4683 <img 4684 src="//shop.nu.nl/cdn/shop/files/cmsyp7xud1sn507w1m9cmxx60.jpg?v=1790201164&width=1440" 4685 alt="Kerst met André Rieu - afbeelding 5" 4686 width="2500" 4687 height="1667" 4688 srcset="//shop.nu.nl/cdn/shop/files/cmsyp7xud1sn507w1m9cmxx60.jpg?v=1790201164&width=480 480w, //shop.nu.nl/cdn/shop/files/cmsyp7xud1sn507w1m9cmxx60.jpg?v=1790201164&width=640 640w, //shop.nu.nl/cdn/shop/files/cmsyp7xud1sn507w1m9cmxx60.jpg?v=1790201164&width=960 960w, //shop.nu.nl/cdn/shop/files/cmsyp7xud1sn507w1m9cmxx60.jpg?v=1790201164&width=1200 1200w, //shop.nu.nl/cdn/shop/files/cmsyp7xud1sn507w1m9cmxx60.jpg?v=1790201164&width=1440 1440w" 4689 sizes="(min-width: 1024px) 620px, (min-width: 768px) 85vw, 92vw" 4690 loading="lazy" 4691 fetchpriority="low" 4692 decoding="async" 4693 class="w-full h-full aspect-[3/2] object-cover" 4694 style="border-radius: 4px;" 4695 > 4696 4697 <div class="product-image-zoom-icon absolute top-4 left-4 pointer-events-none z-10 transition-opacity duration-300 ease-in-out opacity-0 group-hover:opacity-100 w-[30px] h-[30px] bg-white rounded-full flex items-center justify-center" aria-hidden="true"> 4698 <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-plus w-[12px] h-[12px] text-black drop-shadow-lg" viewBox="0 0 19 19"> 4699 <path fill="currentColor" fill-rule="evenodd" d="M4.667 7.94a.5.5 0 0 1 .499-.501l5.534-.014a.5.5 0 1 1 .002 1l-5.534.014a.5.5 0 0 1-.5-.5" clip-rule="evenodd"></path> 4700 <path fill="currentColor" fill-rule="evenodd" d="M7.926 4.665a.5.5 0 0 1 .501.498l.014 5.534a.5.5 0 1 1-1 .003l-.014-5.534a.5.5 0 0 1 .499-.501" clip-rule="evenodd"></path> 4701 <path fill="currentColor" fill-rule="evenodd" d="M12.832 3.03a6.931 6.931 0 1 0-9.802 9.802 6.931 6.931 0 0 0 9.802-9.802M2.323 2.323a7.931 7.931 0 0 1 11.296 11.136l4.628 4.628a.5.5 0 0 1-.707.707l-4.662-4.662A7.932 7.932 0 0 1 2.323 2.323" clip-rule="evenodd"></path> 4702 </svg> 4703 </div> 4704 4705 4706 </div> 4707 4708 4709 <div 4710 class="embla__slide relative flex-shrink-0 flex-grow-0 min-w-0
4710w-full product-image-zoom group !cursor-pointer" 4711 data-index="6" 4712 4713 4714 data-pswp-src="//shop.nu.nl/cdn/shop/files/cmsyp7xw01u0006vyztd0ny28.jpg?v=1790201164&width=1600" 4715 data-pswp-width="2500" 4716 data-pswp-height="1667" 4717 data-pswp-alt="Kerst met André Rieu - afbeelding 6" 4718 4719 style="border-radius: 4px;" 4720 > 4721 4722 4723 <img 4724 src="//shop.nu.nl/cdn/shop/files/cmsyp7xw01u0006vyztd0ny28.jpg?v=1790201164&width=1440" 4725 alt="Kerst met André Rieu - afbeelding 6" 4726 width="2500" 4727 height="1667" 4728 srcset="//shop.nu.nl/cdn/shop/files/cmsyp7xw01u0006vyztd0ny28.jpg?v=1790201164&width=480 480w, //shop.nu.nl/cdn/shop/files/cmsyp7xw01u0006vyztd0ny28.jpg?v=1790201164&width=640 640w, //shop.nu.nl/cdn/shop/files/cmsyp7xw01u0006vyztd0ny28.jpg?v=1790201164&width=960 960w, //shop.nu.nl/cdn/shop/files/cmsyp7xw01u0006vyztd0ny28.jpg?v=1790201164&width=1200 1200w, //shop.nu.nl/cdn/shop/files/cmsyp7xw01u0006vyztd0ny28.jpg?v=1790201164&width=1440 1440w" 4729 sizes="(min-width: 1024px) 620px, (min-width: 768px) 85vw, 92vw" 4730 loading="lazy" 4731 fetchpriority="low" 4732 decoding="async" 4733 class="w-full h-full aspect-[3/2] object-cover" 4734 style="border-radius: 4px;" 4735 > 4736 4737 <div class="product-image-zoom-icon absolute top-4 left-4 pointer-events-none z-10 transition-opacity duration-300 ease-in-out opacity-0 group-hover:opacity-100 w-[30px] h-[30px] bg-white rounded-full flex items-center justify-center" aria-hidden="true"> 4738 <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-plus w-[12px] h-[12px] text-black drop-shadow-lg" viewBox="0 0 19 19"> 4739 <path fill="currentColor" fill-rule="evenodd" d="M4.667 7.94a.5.5 0 0 1 .499-.501l5.534-.014a.5.5 0 1 1 .002 1l-5.534.014a.5.5 0 0 1-.5-.5" clip-rule="evenodd"></path> 4740 <path fill="currentColor" fill-rule="evenodd" d="M7.926 4.665a.5.5 0 0 1 .501.498l.014 5.534a.5.5 0 1 1-1 .003l-.014-5.534a.5.5 0 0 1 .499-.501" clip-rule="evenodd"></path> 4741 <path fill="currentColor" fill-rule="evenodd" d="M12.832 3.03a6.931 6.931 0 1 0-9.802 9.802 6.931 6.931 0 0 0 9.802-9.802M2.323 2.323a7.931 7.931 0 0 1 11.296 11.136l4.628 4.628a.5.5 0 0 1-.707.707l-4.662-4.662A7.932 7.932 0 0 1 2.323 2.323" clip-rule="evenodd"></path> 4742 </svg> 4743 </div> 4744 4745 4746 </div> 4747 4748 4749 <div 4750 class="embla__slide relative flex-shrink-0 flex-grow-0 min-w-0
4750w-full product-image-zoom group !cursor-pointer" 4751 data-index="7" 4752 4753 4754 data-pswp-src="//shop.nu.nl/cdn/shop/files/cmsyp7xy01snd07w1a25zapky.jpg?v=1790201164&width=1600" 4755 data-pswp-width="2500" 4756 data-pswp-height="1668" 4757 data-pswp-alt="Kerst met André Rieu - afbeelding 7" 4758 4759 style="border-radius: 4px;" 4760 > 4761 4762 4763 <img 4764 src="//shop.nu.nl/cdn/shop/files/cmsyp7xy01snd07w1a25zapky.jpg?v=1790201164&width=1440" 4765 alt="Kerst met André Rieu - afbeelding 7" 4766 width="2500" 4767 height="1668" 4768 srcset="//shop.nu.nl/cdn/shop/files/cmsyp7xy01snd07w1a25zapky.jpg?v=1790201164&width=480 480w, //shop.nu.nl/cdn/shop/files/cmsyp7xy01snd07w1a25zapky.jpg?v=1790201164&width=640 640w, //shop.nu.nl/cdn/shop/files/cmsyp7xy01snd07w1a25zapky.jpg?v=1790201164&width=960 960w, //shop.nu.nl/cdn/shop/files/cmsyp7xy01snd07w1a25zapky.jpg?v=1790201164&width=1200 1200w, //shop.nu.nl/cdn/shop/files/cmsyp7xy01snd07w1a25zapky.jpg?v=1790201164&width=1440 1440w" 4769 sizes="(min-width: 1024px) 620px, (min-width: 768px) 85vw, 92vw" 4770 loading="lazy" 4771 fetchpriority="low" 4772 decoding="async" 4773 class="w-full h-full aspect-[3/2] object-cover" 4774 style="border-radius: 4px;" 4775 > 4776 4777 <div class="product-image-zoom-icon absolute top-4 left-4 pointer-events-none z-10 transition-opacity duration-300 ease-in-out opacity-0 group-hover:opacity-100 w-[30px] h-[30px] bg-white rounded-full flex items-center justify-center" aria-hidden="true"> 4778 <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-plus w-[12px] h-[12px] text-black drop-shadow-lg" viewBox="0 0 19 19"> 4779 <path fill="currentColor" fill-rule="evenodd" d="M4.667 7.94a.5.5 0 0 1 .499-.501l5.534-.014a.5.5 0 1 1 .002 1l-5.534.014a.5.5 0 0 1-.5-.5" clip-rule="evenodd"></path> 4780 <path fill="currentColor" fill-rule="evenodd" d="M7.926 4.665a.5.5 0 0 1 .501.498l.014 5.534a.5.5 0 1 1-1 .003l-.014-5.534a.5.5 0 0 1 .499-.501" clip-rule="evenodd"></path> 4781 <path fill="currentColor" fill-rule="evenodd" d="M12.832 3.03a6.931 6.931 0 1 0-9.802 9.802 6.931 6.931 0 0 0 9.802-9.802M2.323 2.323a7.931 7.931 0 0 1 11.296 11.136l4.628 4.628a.5.5 0 0 1-.707.707l-4.662-4.662A7.932 7.932 0 0 1 2.323 2.323" clip-rule="evenodd"></path> 4782 </svg> 4783 </div> 4784 4785 4786 </div> 4787 4788 4789 <div 4790 class="embla__slide relative flex-shrink-0 flex-grow-0 min-w-0
4790w-full product-image-zoom group !cursor-pointer" 4791 data-index="8" 4792 4793 4794 data-pswp-src="//shop.nu.nl/cdn/shop/files/cmsyp7xzn1u2q06ujsas4qnh3.jpg?v=1790201164&width=1600" 4795 data-pswp-width="2500" 4796 data-pswp-height="1667" 4797 data-pswp-alt="Kerst met André Rieu - afbeelding 8" 4798 4799 style="border-radius: 4px;" 4800 > 4801 4802 4803 <img 4804 src="//shop.nu.nl/cdn/shop/files/cmsyp7xzn1u2q06ujsas4qnh3.jpg?v=1790201164&width=1440" 4805 alt="Kerst met André Rieu - afbeelding 8" 4806 width="2500" 4807 height="1667" 4808 srcset="//shop.nu.nl/cdn/shop/files/cmsyp7xzn1u2q06ujsas4qnh3.jpg?v=1790201164&width=480 480w, //shop.nu.nl/cdn/shop/files/cmsyp7xzn1u2q06ujsas4qnh3.jpg?v=1790201164&width=640 640w, //shop.nu.nl/cdn/shop/files/cmsyp7xzn1u2q06ujsas4qnh3.jpg?v=1790201164&width=960 960w, //shop.nu.nl/cdn/shop/files/cmsyp7xzn1u2q06ujsas4qnh3.jpg?v=1790201164&width=1200 1200w, //shop.nu.nl/cdn/shop/files/cmsyp7xzn1u2q06ujsas4qnh3.jpg?v=1790201164&width=1440 1440w" 4809 sizes="(min-width: 1024px) 620px, (min-width: 768px) 85vw, 92vw" 4810 loading="lazy" 4811 fetchpriority="low" 4812 decoding="async" 4813 class="w-full h-full aspect-[3/2] object-cover" 4814 style="border-radius: 4px;" 4815 > 4816 4817 <div class="product-image-zoom-icon absolute top-4 left-4 pointer-events-none z-10 transition-opacity duration-300 ease-in-out opacity-0 group-hover:opacity-100 w-[30px] h-[30px] bg-white rounded-full flex items-center justify-center" aria-hidden="true"> 4818 <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-plus w-[12px] h-[12px] text-black drop-shadow-lg" viewBox="0 0 19 19"> 4819 <path fill="currentColor" fill-rule="evenodd" d="M4.667 7.94a.5.5 0 0 1 .499-.501l5.534-.014a.5.5 0 1 1 .002 1l-5.534.014a.5.5 0 0 1-.5-.5" clip-rule="evenodd"></path> 4820 <path fill="currentColor" fill-rule="evenodd" d="M7.926 4.665a.5.5 0 0 1 .501.498l.014 5.534a.5.5 0 1 1-1 .003l-.014-5.534a.5.5 0 0 1 .499-.501" clip-rule="evenodd"></path> 4821 <path fill="currentColor" fill-rule="evenodd" d="M12.832 3.03a6.931 6.931 0 1 0-9.802 9.802 6.931 6.931 0 0 0 9.802-9.802M2.323 2.323a7.931 7.931 0 0 1 11.296 11.136l4.628 4.628a.5.5 0 0 1-.707.707l-4.662-4.662A7.932 7.932 0 0 1 2.323 2.323" clip-rule="evenodd"></path> 4822 </svg> 4823 </div> 4824 4825 4826 </div> 4827 4828 </div> 4829 </div> 4830 </div> 4831 4832 4833 4834 4835 <div class="embla__controls absolute flex justify-between transform -translate-y-1/2 left-4 right-4 top-1/2 pointer-events-none flex"> 4836 <div class="embla__buttons flex w-full justify-between"> 4837 <button 4838 id="product-media-carousel-prevBtn" 4839 class="embla__button embla__button--prev !bg-transparent pointer-events-auto disabled:!opacity-50 disabled:cursor-not-allowed" 4840 type="button" 4841 aria-label="Previous slide" 4842 @click.prevent="showPrev()" 4843 > 4844 4845 <svg 4846 class="embla__button__svg w-8 h-8 rotate-180" 4847 xmlns="http://www.w3.org/2000/svg"
4848 viewBox="0 0 20 20" 4849 fill="none" 4850 > 4851 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"></path> 4852 </svg> 4853 4854 </button> 4855 <button 4856 id="product-media-carousel-nextBtn" 4857 class="embla__button embla__button--next !bg-transparent pointer-events-auto disabled:!opacity-50 disabled:cursor-not-allowed" 4858 type="button" 4859 aria-label="Next slide" 4860 @click.prevent="showNext()" 4861 > 4862 4863 <svg class="embla__button__svg w-8 h-8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"> 4864 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"></path> 4865 </svg> 4866 4867 </button> 4868 </div> 4869 </div> 4870 4871 4872 4873 4874 <div 4875 class="embla__dots !flex md:!hidden absolute bottom-2 left-1/2 z-[4] w-[72px] -translate-x-1/2 transform items-center justify-start overflow-hidden py-2" 4876 data-embla-dots-mobile="product-media-carousel" 4877 data-max-visible-dots="5" 4878 > 4879 <div class="embla__dots-track flex flex-nowrap items-center gap-2 transition-transform duration-200 ease-out will-change-transform motion-reduce:transition-none" data-embla-dots-track></div> 4880 </div> 4881 4882 </div> 4883 4884 4885 </div> 4886 4887 4888 <div class="w-full max-w-4xl mx-auto hidden md:block"> 4889 <div 4890 id="product-media-carousel-thumbs" 4891 class="embla-thumbs mt-4 relative" 4892 data-thumb-for="product-media-carousel" 4893 x-ref="thumbs" 4894 data-thumb-container="horizontal" 4895 > 4896 <div class="embla-thumbs__scroll-indicator embla-thumbs__scroll-indicator--left" aria-hidden="true"></div> 4897 <div class="embla-thumbs__viewport overflow-x-auto overflow-y-hidden scroll-smooth" data-thumb-viewport> 4898 <div class="embla-thumbs__container flex flex-row justify-start gap-2"> 4899 4900 4901 <div class="embla-thumbs__slide embla-thumbs__slide--selected" data-index="1"> 4902 <button 4903 type="button" 4904 class="embla-thumbs__slide__button cursor-pointer transition-opacity duration-200 border !bg-transparent border-0 hover:opacity-80 shrink-0" 4905 x-on:click.prevent="goTo(1)" 4906 x-on:focus="loadThumbFromButton($event.currentTarget)" 4907 x-on:mouseenter="loadThumbFromButton($event.currentTarget)" 4908 x-on:pointerdown="loadThumbFromButton($event.currentTarget)" 4909 x-bind:class="thumbClasses(1)" 4910 style="width: 144px; aspect-ratio: 1.28/1;border-radius: 4px;" 4911 > 4912 4913 <img 4914 src="//shop.nu.nl/cdn/shop/files/cmsssmdoa0tvt07w2rime1ijf_f4350612-8695-44b9-aa44-f3fd2c3a8c71.jpg?v=1790201164&width=300" 4915 alt="Thumbnail 1" 4916 width="144" 4917 height="144" 4918 loading="eager" 4919 fetchpriority="high" 4920 decoding="async" 4921 data-thumb-loaded="true" 4922 class="block object-cover" 4923 style="width: 144px; aspect-ratio: 1.28/1;border-radius: 4px;" 4924 > 4925 4926 </button> 4927 </div> 4928 4929 4930 <div class="embla-thumbs__slide" data-index="2"> 4931 <button 4932 type="button" 4933 class="embla-thumbs__slide__button cursor-pointer transition-opacity duration-200 border !bg-transparent border-0 hover:opacity-80 shrink-0" 4934 x-on:click.prevent="goTo(2)" 4935 x-on:focus="loadThumbFromButton($event.currentTarget)" 4936 x-on:mouseenter="loadThumbFromButton($event.currentTarget)" 4937 x-on:pointerdown="loadThumbFromButton($event.currentTarget)" 4938 x-bind:class="thumbClasses(2)" 4939 style="width: 144px; aspect-ratio: 1.28/1;border-radius: 4px;" 4940 > 4941 4942 <img 4943 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" 4944 data-thumb-src="//shop.nu.nl/cdn/shop/files/cmsyp4wzu1smm06vyn9axz4xr.jpg?v=1790201164&width=300"
4945 alt="Thumbnail 2" 4946 width="144" 4947 height="144" 4948 loading="lazy" 4949 fetchpriority="low" 4950 decoding="async" 4951 class="block object-cover" 4952 style="width: 144px; aspect-ratio: 1.28/1;border-radius: 4px;" 4953 > 4954 4955 </button> 4956 </div> 4957 4958 4959 <div class="embla-thumbs__slide" data-index="3"> 4960 <button 4961 type="button" 4962 class="embla-thumbs__slide__button cursor-pointer transition-opacity duration-200 border !bg-transparent border-0 hover:opacity-80 shrink-0" 4963 x-on:click.prevent="goTo(3)" 4964 x-on:focus="loadThumbFromButton($event.currentTarget)" 4965 x-on:mouseenter="loadThumbFromButton($event.currentTarget)" 4966 x-on:pointerdown="loadThumbFromButton($event.currentTarget)" 4967 x-bind:class="thumbClasses(3)" 4968 style="width: 144px; aspect-ratio: 1.28/1;border-radius: 4px;" 4969 > 4970 4971 <img 4972 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" 4973 data-thumb-src="//shop.nu.nl/cdn/shop/files/cmsyp4x1k1r9n07w1yxvpu49s.jpg?v=1790201164&width=300" 4974 alt="Thumbnail 3" 4975 width="144" 4976 height="144" 4977 loading="lazy" 4978 fetchpriority="low" 4979 decoding="async" 4980 class="block object-cover" 4981 style="width: 144px; aspect-ratio: 1.28/1;border-radius: 4px;" 4982 > 4983 4984 </button> 4985 </div> 4986 4987 4988 <div class="embla-thumbs__slide" data-index="4"> 4989 <button 4990 type="button" 4991 class="embla-thumbs__slide__button cursor-pointer transition-opacity duration-200 border !bg-transparent border-0 hover:opacity-80 shrink-0" 4992 x-on:click.prevent="goTo(4)" 4993 x-on:focus="loadThumbFromButton($event.currentTarget)" 4994 x-on:mouseenter="loadThumbFromButton($event.currentTarget)" 4995 x-on:pointerdown="loadThumbFromButton($event.currentTarget)" 4996 x-bind:class="thumbClasses(4)" 4997 style="width: 144px; aspect-ratio: 1.28/1;border-radius: 4px;" 4998 > 4999 5000 <img 5001 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" 5002 data-thumb-src="//shop.nu.nl/cdn/shop/files/cmsyp4x3n1smu06vy1pxi5sri.jpg?v=1790201164&width=300" 5003 alt="Thumbnail 4" 5004 width="144" 5005 height="144" 5006 loading="lazy" 5007 fetchpriority="low" 5008 decoding="async" 5009 class="block object-cover" 5010 style="width: 144px; aspect-ratio: 1.28/1;border-radius: 4px;" 5011 > 5012 5013 </button> 5014 </div> 5015 5016 5017 <div class="embla-thumbs__slide" data-index="5"> 5018 <button 5019 type="button" 5020 class="embla-thumbs__slide__button cursor-pointer transition-opacity duration-200 border !bg-transparent border-0 hover:opacity-80 shrink-0" 5021 x-on:click.prevent="goTo(5)" 5022 x-on:focus="loadThumbFromButton($event.currentTarget)" 5023 x-on:mouseenter="loadThumbFromButton($event.currentTarget)" 5024 x-on:pointerdown="loadThumbFromButton($event.currentTarget)" 5025 x-bind:class="thumbClasses(5)" 5026 style="width: 144px; aspect-ratio: 1.28/1;border-radius: 4px;" 5027 > 5028 5029 <img 5030 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" 5031 data-thumb-src="//shop.nu.nl/cdn/shop/files/cmsyp7xud1sn507w1m9cmxx60.jpg?v=1790201164&width=300"
5032 alt="Thumbnail 5" 5033 width="144" 5034 height="144" 5035 loading="lazy" 5036 fetchpriority="low" 5037 decoding="async" 5038 class="block object-cover" 5039 style="width: 144px; aspect-ratio: 1.28/1;border-radius: 4px;" 5040 > 5041 5042 </button> 5043 </div> 5044 5045 5046 <div class="embla-thumbs__slide" data-index="6"> 5047 <button 5048 type="button" 5049 class="embla-thumbs__slide__button cursor-pointer transition-opacity duration-200 border !bg-transparent border-0 hover:opacity-80 shrink-0" 5050 x-on:click.prevent="goTo(6)" 5051 x-on:focus="loadThumbFromButton($event.currentTarget)" 5052 x-on:mouseenter="loadThumbFromButton($event.currentTarget)" 5053 x-on:pointerdown="loadThumbFromButton($event.currentTarget)" 5054 x-bind:class="thumbClasses(6)" 5055 style="width: 144px; aspect-ratio: 1.28/1;border-radius: 4px;" 5056 > 5057 5058 <img 5059 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" 5060 data-thumb-src="//shop.nu.nl/cdn/shop/files/cmsyp7xw01u0006vyztd0ny28.jpg?v=1790201164&width=300" 5061 alt="Thumbnail 6" 5062 width="144" 5063 height="144" 5064 loading="lazy" 5065 fetchpriority="low" 5066 decoding="async" 5067 class="block object-cover" 5068 style="width: 144px; aspect-ratio: 1.28/1;border-radius: 4px;" 5069 > 5070 5071 </button> 5072 </div> 5073 5074 5075 <div class="embla-thumbs__slide" data-index="7"> 5076 <button 5077 type="button" 5078 class="embla-thumbs__slide__button cursor-pointer transition-opacity duration-200 border !bg-transparent border-0 hover:opacity-80 shrink-0" 5079 x-on:click.prevent="goTo(7)" 5080 x-on:focus="loadThumbFromButton($event.currentTarget)" 5081 x-on:mouseenter="loadThumbFromButton($event.currentTarget)" 5082 x-on:pointerdown="loadThumbFromButton($event.currentTarget)" 5083 x-bind:class="thumbClasses(7)" 5084 style="width: 144px; aspect-ratio: 1.28/1;border-radius: 4px;" 5085 > 5086 5087 <img 5088 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" 5089 data-thumb-src="//shop.nu.nl/cdn/shop/files/cmsyp7xy01snd07w1a25zapky.jpg?v=1790201164&width=300" 5090 alt="Thumbnail 7" 5091 width="144" 5092 height="144" 5093 loading="lazy" 5094 fetchpriority="low" 5095 decoding="async" 5096 class="block object-cover" 5097 style="width: 144px; aspect-ratio: 1.28/1;border-radius: 4px;" 5098 > 5099 5100 </button> 5101 </div> 5102 5103 5104 <div class="embla-thumbs__slide" data-index="8"> 5105 <button 5106 type="button" 5107 class="embla-thumbs__slide__button cursor-pointer transition-opacity duration-200 border !bg-transparent border-0 hover:opacity-80 shrink-0" 5108 x-on:click.prevent="goTo(8)" 5109 x-on:focus="loadThumbFromButton($event.currentTarget)" 5110 x-on:mouseenter="loadThumbFromButton($event.currentTarget)" 5111 x-on:pointerdown="loadThumbFromButton($event.currentTarget)" 5112 x-bind:class="thumbClasses(8)" 5113 style="width: 144px; aspect-ratio: 1.28/1;border-radius: 4px;" 5114 > 5115 5116 <img 5117 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" 5118 data-thumb-src="//shop.nu.nl/cdn/shop/files/cmsyp7xzn1u2q06ujsas4qnh3.jpg?v=1790201164&width=300"
5119 alt="Thumbnail 8" 5120 width="144" 5121 height="144" 5122 loading="lazy" 5123 fetchpriority="low" 5124 decoding="async" 5125 class="block object-cover" 5126 style="width: 144px; aspect-ratio: 1.28/1;border-radius: 4px;" 5127 > 5128 5129 </button> 5130 </div> 5131 5132 </div> 5133 </div> 5134 <div class="embla-thumbs__scroll-indicator embla-thumbs__scroll-indicator--right" aria-hidden="true"></div> 5135 </div> 5136 </div> 5137 5138 </div> 5139 5140 5141 5142 </div> 5143 5144 5145 5146</div> 5147 5148 5149 <link href="//shop.nu.nl/cdn/shop/t/2/assets/photoswipe.css?v=100519422002040474621777995122" rel="stylesheet" type="text/css" media="all" /> 5150 5151 5152 5153 5154</div> 5155 5156 <div class="product-information__details "> 5157 <div class="sm:w-full"> 5158 5159 5160 5161 5162 5163 5164<div 5165 class="product-info h-auto w-full md:w-full" 5166 5167 data-product-locatie="Maastricht" 5168 data-product-rating="" 5169 x-data="{ 5170 get location() { return this.$el.dataset.productLocatie || '' }, 5171 get rating() { return this.$el.dataset.productRating || '' } 5172 }" 5173> 5174 5175 5176 5177 5178 5179 5180 5181 <div 5182 class="group-wrapper relative w-full md:w-full h-auto" 5183 5184 5185 > 5186 <div class="flex md:w-full flex-col justify-start items-start relative z-[2]" style="gap:12px;"> 5187 5188 5189 5190 5191 5192 5193 5194 5195 <div 5196 class="group-wrapper relative w-full md:w-full h-auto" 5197 5198 5199 > 5200 <div class="flex md:w-full flex-col justify-center items-start relative z-[2]" style="gap:15px;"> 5201 5202 <div id="shopify-block-AQVl1OUhwSkJZaFMwb__judge_me_reviews_preview_badge_FKkMiK" class="shopify-block shopify-app-block"> 5203<div class='jdgm-widget jdgm-preview-badge' 5204 data-id='11007988040007' 5205 data-template='manual-installation'> 5206 <div style='display:none' class='jdgm-prev-badge' data-average-rating='0.00' data-number-of-reviews='0' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='0.00' tabindex='0' aria-label='0.00 stars' role='button'> <span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span> </span> <span class='jdgm-prev-badge__text'> Geen beoordelingen </span> </div> 5207</div> 5208 5209 5210 5211 5212</div><div id="shopify-block-AM1BPd0tlbms0M3FVZ__product_title_77yGLJ" class="shopify-block"> 5213 5214<style data-shopify> 5215 #shopify-block-AM1BPd0tlbms0M3FVZ__product_title_77yGLJ { 5216 width: fit-content; 5217 } 5218 5219 #shopify-block-AM1BPd0tlbms0M3FVZ__product_title_77yGLJ a { 5220 text-decoration: underline; 5221 text-underline-offset: 3px; 5222 text-decoration-thickness: 1px; 5223 } 5224 5225 #shopify-block-AM1BPd0tlbms0M3FVZ__product_title_77yGLJ a:hover { 5226 opacity: 0.75; 5227 } 5228 5229 #shopify-block-AM1BPd0tlbms0M3FVZ__product_title_77yGLJ p, 5230 #shopify-block-AM1BPd0tlbms0M3FVZ__product_title_77yGLJ h1, 5231 #shopify-block-AM1BPd0tlbms0M3FVZ__product_title_77yGLJ h2, 5232 #shopify-block-AM1BPd0tlbms0M3FVZ__product_title_77yGLJ h3, 5233 #shopify-block-AM1BPd0tlbms0M3FVZ__product_title_77yGLJ h4, 5234 #shopify-block-AM1BPd0tlbms0M3FVZ__product_title_77yGLJ h5, 5235 #shopify-block-AM1BPd0tlbms0M3FVZ__product_title_77yGLJ h6, 5236 #shopify-block-AM1BPd0tlbms0M3FVZ__product_title_77yGLJ li, 5237 #shopify-block-AM1BPd0tlbms0M3FVZ__product_title_77yGLJ span, 5238 #shopify-block-AM1BPd0tlbms0M3FVZ__product_title_77yGLJ a, 5239 #shopify-block-AM1BPd0tlbms0M3FVZ__product_title_77yGLJ div { 5240 5241 line-height: 1.3; 5242 5243 5244 letter-spacing: var(--tracking-normal); 5245 5246 5247 5248 font-family: var(--font-onest-semi-bold); 5249 5250 5251 font-size: inherit; 5252 5253 } 5254 5255 5256 5257 5258 #shopify-block-AM1BPd0tlbms0M3FVZ__product_title_77yGLJ ul { 5259 list-style-type: disc; 5260 padding-inline-start: 1.25rem; 5261 } 5262 5263</style> 5264 5265 5266 5267<div 5268 class="text-block product-title w-full mx-auto text-left normal-case !text-[20px] md:!text-[24px] tracking-normal font-onest-semi-bold font-medium product_title" 5269 5270 style="max-width:var(--normal-content-width);" 5271 5272 5273> 5274 <div class="!text-[length:inherit] m-0">Kerst met André Rieu</div> 5275</div> 5276 5277 5278</div> 5279<div id="shopify-block-AMzgyQjExWEw5VDVxO__text_9dXCFq" class="shopify-block"> 5280 5281 5282<style data-shopify> 5283 #shopify-block-AMzgyQjExWEw5VDVxO__text_9dXCFq { 5284 width: fit-content; 5285 } 5286 5287 #shopify-block-AMzgyQjExWEw5VDVxO__text_9dXCFq a { 5288 text-decoration: underline; 5289 text-underline-offset: 3px; 5290 text-decoration-thickness: 1px; 5291 } 5292 5293 #shopify-block-AMzgyQjExWEw5VDVxO__text_9dXCFq a:hover { 5294 opacity: 0.75; 5295 } 5296 5297 5298 5299 5300 #shopify-block-AMzgyQjExWEw5VDVxO__text_9dXCFq ul { 5301 list-style-type: disc; 5302 padding-inline-start: 1.25rem; 5303 } 5304 5305</style> 5306 5307 5308 5309<div 5310 class="text-block w-full mx-auto text-left font-normal" 5311 5312 style="max-width:var(--normal-content-width);" 5313 5314 5315> 5316 <p>Incl. het officiële concertboek van André Rieuâs kerstconcerten met DVD</p> 5317 5318</div> 5319 5320 5321</div> 5322 5323 5324 </div> 5325 </div> 5326 5327 5328 5329 5330 5331 5332 5333 5334 5335 5336 <div 5337 class="group-wrapper relative w-full md:w-full h-auto" 5338 5339 5340 > 5341 <div class="flex md:w-full flex-col justify-center items-start relative z-[2]" style="gap:16px;"> 5342 5343 <style data-shopify> 5344 #shopify-block-AQjJMRzF5dDVoaDZPU__price_RjUVnd { 5345 width: 100%; 5346 } 5347</style> 5348 5349<product-price 5350 5351 data-block-id="AQjJMRzF5dDVoaDZPU__price_RjUVnd" 5352 data-product-id="11007988040007" 5353 data-from-prefix-label="vanaf" 5354 data-show-from-prefix 5355 data-show-sale-price-first 5356 data-show-compare-price-info 5357 data-has-badge data-discount-mode="percentage" data-save-label="Bespaar" 5358 5359> 5360 <div 5361 ref="priceContainer" 5362 class="flex items-center gap-2 flex-wrap w-full text-left text-[24px] leading-normal tracking-normal normal-case" 5363 style="font-family:var(--font-body--family);color:var(--color-foreground);padding-block-start:8px;" 5364> 5365 <div class="flex items-baseline gap-2 flex-wrap"> 5366
5367 <span 5368 class="price-from-prefix text-[16px] font-normal leading-[1.5] tracking-[-0.16px] text-[#414141]" 5369 data-from-prefix 5370 >vanaf</span> 5371 5372 5373 5374 5375 5376 <span class="price text-[var(--product-card-price-current)] font-onest-semi-bold leading-none">â¬79,00</span> 5377 5378 5379 5380 </div> 5381 5382 5383</div> 5384 5385 5386 5387 <template data-compare-price-info-template hidden> 5388 <span 5389 class="compare-price-info group/compare-price-info relative inline-flex shrink-0" 5390 data-compare-price-info 5391> 5392 <button 5393 type="button" 5394 class="compare-price-info__trigger inline-flex size-4 shrink-0 cursor-help items-center justify-center rounded-full border-0 bg-transparent p-0 text-[#79757A] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#79757A]" 5395 aria-describedby="compare-price-info-AQjJMRzF5dDVoaDZPU__price_RjUVnd" 5396 aria-label="Meer informatie over de referentieprijs" 5397 > 5398 <span class="inline-flex size-4 items-center justify-center [&>svg]:block [&>svg]:size-full bg-white" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"> 5399 <g clip-path="url(#clip0_icon_info_circle)"> 5400 <path d="M13.9998 7.99935C13.9998 4.68564 11.3135 1.99935 7.99984 1.99935C4.68613 1.99935 1.99984 4.68564 1.99984 7.99935C1.99984 11.3131 4.68613 13.9993 7.99984 13.9993C11.3135 13.9993 13.9998 11.3131 13.9998 7.99935ZM15.3332 7.99935C15.3332 12.0494 12.0499 15.3327 7.99984 15.3327C3.94975 15.3327 0.666504 12.0494 0.666504 7.99935C0.666504 3.94926 3.94975 0.666016 7.99984 0.666016C12.0499 0.666016 15.3332 3.94926 15.3332 7.99935Z" fill="#79757A"/> 5401 <path d="M7.3335 10.6673V8.00065C7.3335 7.63246 7.63197 7.33398 8.00016 7.33398C8.36835 7.33398 8.66683 7.63246 8.66683 8.00065V10.6673C8.66683 11.0355 8.36835 11.334 8.00016 11.334C7.63197 11.334 7.3335 11.0355 7.3335 10.6673Z" fill="#79757A"/> 5402 <path d="M8.00667 4.66602C8.37486 4.66602 8.67334 4.96449 8.67334 5.33268C8.67334 5.70087 8.37486 5.99935 8.00667 5.99935H8.00016C7.63197 5.99935 7.3335 5.70087 7.3335 5.33268C7.3335 4.96449 7.63197 4.66602 8.00016 4.66602H8.00667Z" fill="#79757A"/> 5403 </g> 5404 <defs> 5405 <clipPath id="clip0_icon_info_circle"> 5406 <rect width="16" height="16" fill="white"/> 5407 </clipPath> 5408 </defs> 5409</svg> 5410</span> 5411 </button> 5412 <span 5413 id="compare-price-info-AQjJMRzF5dDVoaDZPU__price_RjUVnd" 5414 role="tooltip" 5415 class="compare-price-info__tooltip pointer-events-none invisible absolute bottom-[calc(100%+10px)] left-1/2 z-20 w-max max-w-[min(280px,calc(100vw-2rem))] -translate-x-1/2 rounded-md bg-[#79757A] px-3 py-2 text-center text-[12px] leading-[1.4] font-normal tracking-[-0.12px] text-white opacity-0 shadow-md transition-opacity duration-150 group-hover/compare-price-info:visible group-hover/compare-price-info:opacity-100 group-focus-within/compare-price-info:visible group-focus-within/compare-price-info:opacity-100" 5416 >De adviesprijs is de prijs die de fabrikant aanbeveelt voor dit product.<span 5417 class="absolute top-full left-1/2 size-0 -translate-x-1/2 border-x-[6px] border-t-[6px] border-x-transparent border-t-[#79757A]" 5418 aria-hidden="true" 5419 ></span> 5420 </span> 5421</span> 5422 5423 </template> 5424 5425 5426 5427 <template data-discount-badge-template hidden> 5428 <span data-discount-badge class="inline-flex items-center px-[10px] py-1 rounded-md font-semibold text-[14px] whitespace-nowrap !bg-[var(--custom-badge-background)] !text-[var(--custom-badge-text)]"></span> 5429 </template> 5430 5431</product-price> 5432 5433 5434 5435 </div> 5436 </div> 5437 5438 5439 5440 5441 5442 5443 5444 5445 5446 5447 <div 5448 class="group-wrapper relative w-full md:w-full h-auto" 5449 5450 5451 > 5452 <div class="flex md:w-full flex-col justify-center items-start relative z-[2]" style="gap:16px;padding-block-start:22px;"> 5453 5454 <a 5455 5456 href="https://calendar.andrerieu.com/e1d364df06694278ab6929a5a37477cd" 5457 5458 class=" 5459 btn 5460 inline-flex items-center gap-2 5461 btn-primary 5462 5463 5464 !bg-[var(--button-background)] !text-[var(--button-text-color)] !border-[var(--button-border-color)] hover:!bg-[var(--button-background-hover)] hover:!border-[var(--button-background-hover)] 5465 5466 5467 5468 5469 5470 " 5471 style="border-radius: var(--button-border-radius, 0);width: 100%;"target="_blank" 5472 rel="noopener noreferrer" 5473data-clickout-url="https://calendar.andrerieu.com/e1d364df06694278ab6929a5a37477cd" data-copy-utm="true" data-shop-code="nushop" 5474><span class="inline-flex items-center justify-center flex-shrink-0" style="width: 18px; height: 18px;"> 5475 5476 5477 5478 5479 5480 <div 5481 class="image w-full h-full [&>img]:w-full [&>img]:h-full [&>img]:object-contain" 5482 5483 > 5484 <img src="//shop.nu.nl/cdn/shop/files/external-link-white.svg?height=18&v=1784031780&width=18" alt="" srcset="//shop.nu.nl/cdn/shop/files/external-link-white.svg?height=18&v=1784031780&width=18 18w" width="18" height="18"> 5485 </div> 5486 5487 5488 5489 5490 </span>Bestel bij onze partner 5491</a><style> 5492 @media (max-width: 768px) { 5493 #shopify-block-AVnVWNEFCY0EvM2F4Q__clickout_cta_e7MW78 .btn { 5494 width: 100%; 5495 } 5496 } 5497 </style> 5498 5499 5500<div 5501 class="spacing-style flex justify-center w-full" 5502 style="--padding-block-start: 8px;--padding-block-end: 8px;" 5503 5504> 5505 <div 5506 class=" bg-[#0000001A]" 5507 style="width: 100%; height: 1px; min-height: 1px;" 5508 ></div> 5509</div> 5510 5511 5512 5513 5514 5515 5516 5517 5518 <div 5519 class="group-wrapper relative w-full md:w-full h-auto" 5520 5521 5522 > 5523 <div class="flex md:w-full flex-col md:flex-row justify-center items-start md:justify-center md:items-center relative z-[2]" style="gap:12px;"> 5524 5525 5526 5527 5528 5529 5530 5531 5532 <div 5533 class="group-wrapper relative w-full md:w-fit h-auto" 5534 5535 5536 > 5537 <div class="flex flex-row justify-center items-center relative z-[2]" style="gap:6px;"> 5538 5539 <div id="shopify-block-ANEVuQzRrUC9Xb1UrM__icon_63cGxr" class="shopify-block icon-block"> 5540 5541 5542 5543 5544 <div class="icon-block" style="background-color: rgba(0,0,0,0); padding: 0px; border-radius: 0%;"> 5545 <img src="//shop.nu.nl/cdn/shop/files/nu-email.svg?v=1783596584&width=1200" alt="" srcset="//shop.nu.nl/cdn/shop/files/nu-email.svg?v=1783596584&width=240 240w, //shop.nu.nl/cdn/shop/files/nu-email.svg?v=1783596584&width=352 352w, //shop.nu.nl/cdn/shop/files/nu-email.svg?v=1783596584&width=832 832w, //shop.nu.nl/cdn/shop/files/nu-email.svg?v=1783596584&
5545width=1200 1200w" width="1200" height="1200" style="width: 20px;" sizes="(min-width: 1024px) 1024px, 100vw, 100vw"> 5546 </div></div> 5547<div id="shopify-block-AMThWeHlJc2RoRFN4M__text_94RLcG" class="shopify-block"> 5548 5549 5550<style data-shopify> 5551 #shopify-block-AMThWeHlJc2RoRFN4M__text_94RLcG { 5552 width: fit-content; 5553 } 5554 5555 #shopify-block-AMThWeHlJc2RoRFN4M__text_94RLcG a { 5556 text-decoration: underline; 5557 text-underline-offset: 3px; 5558 text-decoration-thickness: 1px; 5559 } 5560 5561 #shopify-block-AMThWeHlJc2RoRFN4M__text_94RLcG a:hover { 5562 opacity: 0.75; 5563 } 5564 5565 #shopify-block-AMThWeHlJc2RoRFN4M__text_94RLcG p, 5566 #shopify-block-AMThWeHlJc2RoRFN4M__text_94RLcG h1, 5567 #shopify-block-AMThWeHlJc2RoRFN4M__text_94RLcG h2, 5568 #shopify-block-AMThWeHlJc2RoRFN4M__text_94RLcG h3, 5569 #shopify-block-AMThWeHlJc2RoRFN4M__text_94RLcG h4, 5570 #shopify-block-AMThWeHlJc2RoRFN4M__text_94RLcG h5, 5571 #shopify-block-AMThWeHlJc2RoRFN4M__text_94RLcG h6, 5572 #shopify-block-AMThWeHlJc2RoRFN4M__text_94RLcG li, 5573 #shopify-block-AMThWeHlJc2RoRFN4M__text_94RLcG span, 5574 #shopify-block-AMThWeHlJc2RoRFN4M__text_94RLcG a, 5575 #shopify-block-AMThWeHlJc2RoRFN4M__text_94RLcG div { 5576 5577 line-height: var(--leading-normal); 5578 5579 5580 letter-spacing: var(--tracking-normal); 5581 5582 5583 5584 font-family: var(--font-geist-regular); 5585 5586 5587 font-size: inherit; 5588 5589 } 5590 5591 5592 5593 5594 #shopify-block-AMThWeHlJc2RoRFN4M__text_94RLcG ul { 5595 list-style-type: disc; 5596 padding-inline-start: 1.25rem; 5597 } 5598 5599</style> 5600 5601 5602 5603<div 5604 class="text-block w-full mx-auto text-left normal-case text-[14px] leading-normal tracking-normal font-geist-regular font-normal" 5605 5606 style="max-width:var(--normal-content-width);" 5607 5608 5609> 5610 <p>Ontvang jouw tickets via onze partner</p> 5611 5612</div> 5613 5614 5615</div> 5616 5617 5618 </div> 5619 </div> 5620 5621 5622 5623 5624 5625 5626 5627 5628 5629 5630 <div 5631 class="group-wrapper relative w-full md:w-fit h-auto" 5632 5633 5634 > 5635 <div class="flex flex-row justify-center items-center relative z-[2]" style="gap:6px;"> 5636 5637 <div id="shopify-block-ASlFpTGNxWkJlYllWM__icon_wNenTa" class="shopify-block icon-block"> 5638 5639 5640 5641 5642 <div class="icon-block" style="background-color: rgba(0,0,0,0); padding: 0px; border-radius: 0%;"> 5643 <img src="//shop.nu.nl/cdn/shop/files/nu-card.svg?v=1783596584&width=1200" alt="" srcset="//shop.nu.nl/cdn/shop/files/nu-card.svg?v=1783596584&width=240 240w, //shop.nu.nl/cdn/shop/files/nu-card.svg?v=1783596584&width=352 352w, //shop.nu.nl/cdn/shop/files/nu-card.svg?v=1783596584&width=832 832w, //shop.nu.nl/cdn/shop/files/nu-card.svg?v=1783596584&width=1200 1200w" width="1200" height="1200" style="width: 20px;" sizes="(min-width: 1024px) 1024px, 100vw, 100vw"> 5644 </div></div> 5645<div id="shopify-block-AaDBCVXNzdm9pbmtKR__text_KfKjhC" class="shopify-block"> 5646 5647 5648<style data-shopify> 5649 #shopify-block-AaDBCVXNzdm9pbmtKR__text_KfKjhC { 5650 width: fit-content; 5651 } 5652 5653 #shopify-block-AaDBCVXNzdm9pbmtKR__text_KfKjhC a { 5654 text-decoration: underline; 5655 text-underline-offset: 3px; 5656 text-decoration-thickness: 1px; 5657 } 5658 5659 #shopify-block-AaDBCVXNzdm9pbmtKR__text_KfKjhC a:hover { 5660 opacity: 0.75; 5661 } 5662 5663 #shopify-block-AaDBCVXNzdm9pbmtKR__text_KfKjhC p, 5664 #shopify-block-AaDBCVXNzdm9pbmtKR__text_KfKjhC h1, 5665 #shopify-block-AaDBCVXNzdm9pbmtKR__text_KfKjhC h2, 5666 #shopify-block-AaDBCVXNzdm9pbmtKR__text_KfKjhC h3, 5667 #shopify-block-AaDBCVXNzdm9pbmtKR__text_KfKjhC h4, 5668 #shopify-block-AaDBCVXNzdm9pbmtKR__text_KfKjhC h5, 5669 #shopify-block-AaDBCVXNzdm9pbmtKR__text_KfKjhC h6, 5670 #shopify-block-AaDBCVXNzdm9pbmtKR__text_KfKjhC li, 5671 #shopify-block-AaDBCVXNzdm9pbmtKR__text_KfKjhC span, 5672 #shopify-block-AaDBCVXNzdm9pbmtKR__text_KfKjhC a, 5673 #shopify-block-AaDBCVXNzdm9pbmtKR__text_KfKjhC div { 5674 5675 line-height: var(--leading-normal); 5676 5677 5678 letter-spacing: var(--tracking-normal); 5679 5680 5681 5682 font-family: var(--font-geist-regular); 5683 5684 5685 font-size: inherit; 5686 5687 } 5688 5689 5690 5691 5692 #shopify-block-AaDBCVXNzdm9pbmtKR__text_KfKjhC ul { 5693 list-style-type: disc; 5694 padding-inline-start: 1.25rem; 5695 } 5696 5697</style> 5698 5699 5700 5701<div 5702 class="text-block w-full mx-auto text-left normal-case text-[14px] leading-normal tracking-normal font-geist-regular font-normal" 5703 5704 style="max-width:var(--normal-content-width);" 5705 5706 5707> 5708 <p>Veilig betalen</p> 5709 5710</div> 5711 5712 5713</div> 5714 5715 5716 </div> 5717 </div> 5718 5719 5720 5721 5722 5723 </div> 5724 </div> 5725 5726 5727 5728 5729 5730 </div> 5731 </div> 5732 5733 5734 5735 5736 5737 5738 5739 5740 5741 5742 <div 5743 class="group-wrapper relative w-full md:w-full h-auto" 5744 5745 5746 > 5747 <div class="flex md:w-full flex-col justify-center items-start relative z-[2]" style="gap:0px;"> 5748 5749 5750 5751<div 5752 class="accordion color-scheme-scheme-1 w-full flex flex-col"
5753 data-accordion-id="AbUUxblhFN0JnUEJTY__accordion_yW6eCU" 5754 data-allow-multiple="false" 5755 data-open-first="false" 5756 data-icon-type="caret" 5757 5758 5759 style="--accordion-border-width:1px;--accordion-title-font-size:16px;--accordion-content-font-size:14px;--accordion-content-text-color:#79757a;--accordion-border-color:#eeeeee;" 5760 5761 5762 x-data='{ 5763 "allowMultiple": false, 5764 "openFirst": false 5765 }' 5766 x-init=" 5767 const items = $el.querySelectorAll('details.accordion-item'); 5768 5769 if (openFirst && items.length > 0 && !items[0].hasAttribute('open')) { 5770 items[0].setAttribute('open', 'open'); 5771 } 5772 5773 if (!items.length) return; 5774 5775 items.forEach((item) => { 5776 item.addEventListener('toggle', () => { 5777 if (!allowMultiple && item.open) { 5778 items.forEach((other) => { 5779 if (other !== item) { 5780 other.removeAttribute('open'); 5781 } 5782 }); 5783 } 5784 }); 5785 }); 5786 " 5787> 5788 5789 5790 5791 5792 5793 5794 5795 5796 5797 5798 5799 5800 5801 <details 5802 class="accordion-item w-full" 5803 style="border-bottom-width: var(--accordion-border-width, 2px); border-bottom-color: var(--accordion-border-color, currentColor);" 5804 5805 > 5806 <summary 5807 class="accordion-summary font-semibold flex items-center gap-2 pl-0 pr-8 relative cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[--color-focus] py-[1rem]" 5808 style="font-size: var(--accordion-title-font-size, 16px);" 5809 > 5810 Omschrijving 5811 5812 <span class="accordion-icon-wrapper absolute right-0 flex items-center justify-center w-[24px] h-[24px]" aria-hidden="true"> 5813 <span class="accordion-icon-caret w-full h-full"> 5814 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[24px] h-[24px]"> 5815 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 7.5l5 5 5-5" /> 5816 </svg> 5817 </span> 5818 <span class="accordion-icon-plus w-full h-full"> 5819 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[24px] h-[24px]"> 5820 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 5v10M5 10h10" /> 5821 </svg> 5822 </span> 5823 <span class="accordion-icon-minus w-full h-full"> 5824 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[24px] h-[24px]"> 5825 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10h10" /> 5826 </svg> 5827 </span> 5828 </span> 5829 </summary> 5830 5831 <div 5832 class="accordion-content rte pb-[1rem]" 5833 style="font-size: var(--accordion-content-font-size, 14px); color: var(--accordion-content-text-color, inherit);" 5834 > 5835 5836 <h1 class="!text-[length:inherit] m-0">Kerst met André Rieu met gratis fotoboek & DVD</h1> 5837 5838 5839 5840 5841 <span class="metafield-multi_line_text_field">Droom je van een betoverende decembermaand? Laat je meeslepen door de magische klanken van André Rieu en zijn beroemde Johann Strauss Orkest.<br /> 5842Tijdens deze sfeervolle kerstconcerten verandert de zaal in een waar winterwonderland vol romantische walsen, klassieke kerstliederen en hartverwarmende verrassingen. <br /> 5843MECC Maastricht is omgetoverd tot een prachtig wintersprookje.</span> 5844 5845 5846 5847 5848 5849 5850 <ul class="accordion-hygraph-usp-list--check"> 5851 5852 <li>Incl. het officiële concertboek van André Rieuâs kerstconcerten met DVD</li> 5853 5854 <li>Geniet van een mix van heerlijke kerstklassiekers, romantische walsen en wereldberoemde titels die je direct in de ultieme kerststemming brengen</li> 5855 5856 <li>Wandel voor de show over de kerstmarkt met schaatsbaan en geniet van winterse lekkernijen </li> 5857 5858 </ul> 5859 5860 5861 5862 </div> 5863 </details> 5864 5865 5866 5867 5868 5869 5870 5871 5872 5873 5874 5875 5876 5877 5878 5879 5880 5881 5882 5883 5884 5885 <details 5886 class="accordion-item w-full" 5887 style="border-bottom-width: var(--accordion-border-width, 2px); border-bottom-color: var(--accordion-border-color, currentColor);" 5888 5889 > 5890 <summary 5891 class="accordion-summary font-semibold flex items-center gap-2 pl-0 pr-8 relative cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[--color-focus] py-[1rem]" 5892 style="font-size: var(--accordion-title-font-size, 16px);" 5893 > 5894 Over Kerst met André Rieu 5895
5896 <span class="accordion-icon-wrapper absolute right-0 flex items-center justify-center w-[24px] h-[24px]" aria-hidden="true"> 5897 <span class="accordion-icon-caret w-full h-full"> 5898 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[24px] h-[24px]"> 5899 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 7.5l5 5 5-5" /> 5900 </svg> 5901 </span> 5902 <span class="accordion-icon-plus w-full h-full"> 5903 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[24px] h-[24px]"> 5904 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 5v10M5 10h10" /> 5905 </svg> 5906 </span> 5907 <span class="accordion-icon-minus w-full h-full"> 5908 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[24px] h-[24px]"> 5909 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10h10" /> 5910 </svg> 5911 </span> 5912 </span> 5913 </summary> 5914 5915 <div 5916 class="accordion-content rte" 5917 style="font-size: var(--accordion-content-font-size, 14px); color: var(--accordion-content-text-color, inherit);" 5918 > 5919 5920 5921 <p>Maak je op voor een van de meest sfeervolle muziekevenementen van het jaar! In december keert de "Koning van de Wals" terug naar zijn geboortestad Maastricht voor een reeks indrukwekkende kerstconcerten. Samen met het wereldberoemde Johann Strauss Orkest, getalenteerde solisten en bijzondere gasten zet André Rieu een spectaculaire show neer.  </p><p>Het MECC verandert voor de gelegenheid in een sprookjesachtig kerstdecor vol duizenden lichtjes en feestelijke versieringen. Zodra de eerste noot klinkt, voel je de warme en vreugdevolle sfeer. Zing mee met bekende kerstklassiekers, deins mee op romantische walsen en geniet van de unieke combinatie van emotie en vrolijkheid. Of je nu met familie, vrienden of je partner komt: deze muzikale kersttraditie brengt iedereen samen en zorgt voor herinneringen die je nog lang bijblijven.  </p> 5922 5923 5924 5925 5926 5927 5928 5929 5930 </div> 5931 </details> 5932 5933 5934 5935 5936 5937 5938 5939 5940 5941 5942 5943 5944 5945 5946 5947 5948 <details 5949 class="accordion-item w-full" 5950 style="border-bottom-width: var(--accordion-border-width, 2px); border-bottom-color: var(--accordion-border-color, currentColor);" 5951 5952 > 5953 <summary 5954 class="accordion-summary font-semibold flex items-center gap-2 pl-0 pr-8 relative cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[--color-focus] py-[1rem]" 5955 style="font-size: var(--accordion-title-font-size, 16px);" 5956 > 5957 Veelgestelde vragen 5958 5959 <span class="accordion-icon-wrapper absolute right-0 flex items-center justify-center w-[24px] h-[24px]" aria-hidden="true"> 5960 <span class="accordion-icon-caret w-full h-full"> 5961 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[24px] h-[24px]"> 5962 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 7.5l5 5 5-5" /> 5963 </svg> 5964 </span> 5965 <span class="accordion-icon-plus w-full h-full"> 5966 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[24px] h-[24px]"> 5967 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 5v10M5 10h10" /> 5968 </svg> 5969 </span> 5970 <span class="accordion-icon-minus w-full h-full"> 5971 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[24px] h-[24px]"> 5972 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10h10" /> 5973 </svg> 5974 </span> 5975 </span> 5976 </summary> 5977 5978 <div 5979 class="accordion-content rte" 5980 style="font-size: var(--accordion-content-font-size, 14px); color: var(--accordion-content-text-color, inherit);" 5981 > 5982 5983 5984 5985 5986 5987 5988 5989 <div class="border-l !border-[#bababa] ps-6"> 5990 5991 5992 5993 5994 <details class="accordion-nested-item w-full"> 5995 <summary class="accordion-summary font-semibold flex items-center gap-2 pl-0 pr-8 relative cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[--color-focus] py-[0.875rem]"> 5996 Hoe ontvang ik het gratis concert-boek? 5997
5998 <span class="accordion-icon-wrapper absolute right-0 flex items-center justify-center w-[20px] h-[20px]" aria-hidden="true"> 5999 <span class="accordion-icon-caret w-full h-full"> 6000 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[20px] h-[20px]"> 6001 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 7.5l5 5 5-5" /> 6002 </svg> 6003 </span> 6004 <span class="accordion-icon-plus w-full h-full"> 6005 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[20px] h-[20px]"> 6006 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 5v10M5 10h10" /> 6007 </svg> 6008 </span> 6009 <span class="accordion-icon-minus w-full h-full"> 6010 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[20px] h-[20px]"> 6011 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10h10" /> 6012 </svg> 6013 </span> 6014 </span> 6015 </summary> 6016 6017 6018 <div 6019 class="accordion-content rte pb-[0.875rem] [&_p:first-child]:mt-0 [&_p:last-child]:mb-0" 6020 style="font-size: var(--accordion-content-font-size, 14px); color: var(--accordion-content-text-color, inherit);" 6021 > 6022 6023 <p>Voeg het gratis concert-boek aan bij de bestelling van je tickets. Je ontvangt bij je tickets bevestiging waarmee je het boek kan ophalen bij de merchandise stand. Je ontvangt 1 boek per boeking.</p> 6024 6025 </div> 6026 6027 </details> 6028 6029 6030 6031 6032 6033 <details class="accordion-nested-item w-full"> 6034 <summary class="accordion-summary font-semibold flex items-center gap-2 pl-0 pr-8 relative cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[--color-focus] py-[0.875rem]"> 6035 Hoe laat gaan de deuren open? 6036 6037 <span class="accordion-icon-wrapper absolute right-0 flex items-center justify-center w-[20px] h-[20px]" aria-hidden="true"> 6038 <span class="accordion-icon-caret w-full h-full"> 6039 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[20px] h-[20px]"> 6040 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 7.5l5 5 5-5" /> 6041 </svg> 6042 </span> 6043 <span class="accordion-icon-plus w-full h-full"> 6044 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[20px] h-[20px]"> 6045 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 5v10M5 10h10" /> 6046 </svg> 6047 </span> 6048 <span class="accordion-icon-minus w-full h-full"> 6049 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[20px] h-[20px]"> 6050 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10h10" /> 6051 </svg> 6052 </span> 6053 </span> 6054 </summary> 6055 6056 6057 <div 6058 class="accordion-content rte pb-[0.875rem] [&_p:first-child]:mt-0 [&_p:last-child]:mb-0" 6059 style="font-size: var(--accordion-content-font-size, 14px); color: var(--accordion-content-text-color, inherit);" 6060 > 6061 6062 <p>De deuren van de hoofdentree openen 2,5 uur voor aanvang van de show.</p> 6063 6064 </div> 6065 6066 </details> 6067 6068 6069 6070 6071 6072 <details class="accordion-nested-item w-full"> 6073 <summary class="accordion-summary font-semibold flex items-center gap-2 pl-0 pr-8 relative cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[--color-focus] py-[0.875rem]"> 6074 Is er pauze tijdens het concert? 6075
6076 <span class="accordion-icon-wrapper absolute right-0 flex items-center justify-center w-[20px] h-[20px]" aria-hidden="true"> 6077 <span class="accordion-icon-caret w-full h-full"> 6078 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[20px] h-[20px]"> 6079 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 7.5l5 5 5-5" /> 6080 </svg> 6081 </span> 6082 <span class="accordion-icon-plus w-full h-full"> 6083 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[20px] h-[20px]"> 6084 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 5v10M5 10h10" /> 6085 </svg> 6086 </span> 6087 <span class="accordion-icon-minus w-full h-full"> 6088 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[20px] h-[20px]"> 6089 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10h10" /> 6090 </svg> 6091 </span> 6092 </span> 6093 </summary> 6094 6095 6096 <div 6097 class="accordion-content rte pb-[0.875rem] [&_p:first-child]:mt-0 [&_p:last-child]:mb-0" 6098 style="font-size: var(--accordion-content-font-size, 14px); color: var(--accordion-content-text-color, inherit);" 6099 > 6100 6101 <p>Ja, deze duurt ongeveer 20 minuten.</p> 6102 6103 </div> 6104 6105 </details> 6106 6107 6108 6109 6110 6111 <details class="accordion-nested-item w-full"> 6112 <summary class="accordion-summary font-semibold flex items-center gap-2 pl-0 pr-8 relative cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[--color-focus] py-[0.875rem]"> 6113 Hoe lang duurt het concert? 6114 6115 <span class="accordion-icon-wrapper absolute right-0 flex items-center justify-center w-[20px] h-[20px]" aria-hidden="true"> 6116 <span class="accordion-icon-caret w-full h-full"> 6117 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[20px] h-[20px]"> 6118 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 7.5l5 5 5-5" /> 6119 </svg> 6120 </span> 6121 <span class="accordion-icon-plus w-full h-full"> 6122 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[20px] h-[20px]"> 6123 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 5v10M5 10h10" /> 6124 </svg> 6125 </span> 6126 <span class="accordion-icon-minus w-full h-full"> 6127 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[20px] h-[20px]"> 6128 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10h10" /> 6129 </svg> 6130 </span> 6131 </span> 6132 </summary> 6133 6134 6135 <div 6136 class="accordion-content rte pb-[0.875rem] [&_p:first-child]:mt-0 [&_p:last-child]:mb-0" 6137 style="font-size: var(--accordion-content-font-size, 14px); color: var(--accordion-content-text-color, inherit);" 6138 > 6139 6140 <p>Het kerstconcert duurt 3 uur met een pauze van 20 minuten.</p> 6141 6142 </div> 6143 6144 </details> 6145 6146 6147 6148 6149 6150 <details class="accordion-nested-item w-full"> 6151 <summary class="accordion-summary font-semibold flex items-center gap-2 pl-0 pr-8 relative cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[--color-focus] py-[0.875rem]"> 6152 Kan ik ook contant betalen? 6153
6154 <span class="accordion-icon-wrapper absolute right-0 flex items-center justify-center w-[20px] h-[20px]" aria-hidden="true"> 6155 <span class="accordion-icon-caret w-full h-full"> 6156 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[20px] h-[20px]"> 6157 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 7.5l5 5 5-5" /> 6158 </svg> 6159 </span> 6160 <span class="accordion-icon-plus w-full h-full"> 6161 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[20px] h-[20px]"> 6162 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 5v10M5 10h10" /> 6163 </svg> 6164 </span> 6165 <span class="accordion-icon-minus w-full h-full"> 6166 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[20px] h-[20px]"> 6167 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10h10" /> 6168 </svg> 6169 </span> 6170 </span> 6171 </summary> 6172 6173 6174 <div 6175 class="accordion-content rte pb-[0.875rem] [&_p:first-child]:mt-0 [&_p:last-child]:mb-0" 6176 style="font-size: var(--accordion-content-font-size, 14px); color: var(--accordion-content-text-color, inherit);" 6177 > 6178 6179 <p>Tijdens het evenement kunnen munten gekocht worden voor de horeca. Deze kunt u met de pin of contant betalen.</p> 6180 6181 </div> 6182 6183 </details> 6184 6185 6186 6187 6188 6189 <details class="accordion-nested-item w-full"> 6190 <summary class="accordion-summary font-semibold flex items-center gap-2 pl-0 pr-8 relative cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[--color-focus] py-[0.875rem]"> 6191 Zijn er tijdens de concerten eetgelegenheden? 6192 6193 <span class="accordion-icon-wrapper absolute right-0 flex items-center justify-center w-[20px] h-[20px]" aria-hidden="true"> 6194 <span class="accordion-icon-caret w-full h-full"> 6195 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[20px] h-[20px]"> 6196 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 7.5l5 5 5-5" /> 6197 </svg> 6198 </span> 6199 <span class="accordion-icon-plus w-full h-full"> 6200 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[20px] h-[20px]"> 6201 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 5v10M5 10h10" /> 6202 </svg> 6203 </span> 6204 <span class="accordion-icon-minus w-full h-full"> 6205 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[20px] h-[20px]"> 6206 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10h10" /> 6207 </svg> 6208 </span> 6209 </span> 6210 </summary> 6211 6212 6213 <div 6214 class="accordion-content rte pb-[0.875rem] [&_p:first-child]:mt-0 [&_p:last-child]:mb-0" 6215 style="font-size: var(--accordion-content-font-size, 14px); color: var(--accordion-content-text-color, inherit);" 6216 > 6217 6218 <p>Tijdens de concerten is er een winterse markt met verschillende eet- en drinkkraampjes waar je snacks en drankjes kunt kopen.</p> 6219 6220 </div> 6221 6222 </details> 6223 6224 6225 6226 6227 6228 <details class="accordion-nested-item w-full"> 6229 <summary class="accordion-summary font-semibold flex items-center gap-2 pl-0 pr-8 relative cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[--color-focus] py-[0.875rem]">
6230 Mogen rollators of rolstoelen meegenomen worden naar de plaats? 6231 6232 <span class="accordion-icon-wrapper absolute right-0 flex items-center justify-center w-[20px] h-[20px]" aria-hidden="true"> 6233 <span class="accordion-icon-caret w-full h-full"> 6234 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[20px] h-[20px]"> 6235 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 7.5l5 5 5-5" /> 6236 </svg> 6237 </span> 6238 <span class="accordion-icon-plus w-full h-full"> 6239 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[20px] h-[20px]"> 6240 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 5v10M5 10h10" /> 6241 </svg> 6242 </span> 6243 <span class="accordion-icon-minus w-full h-full"> 6244 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="w-[20px] h-[20px]"> 6245 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10h10" /> 6246 </svg> 6247 </span> 6248 </span> 6249 </summary> 6250 6251 6252 <div 6253 class="accordion-content rte pb-[0.875rem] [&_p:first-child]:mt-0 [&_p:last-child]:mb-0" 6254 style="font-size: var(--accordion-content-font-size, 14px); color: var(--accordion-content-text-color, inherit);" 6255 > 6256 6257 <p>Je mag met je rollator of rolstoel naar je zitplaats gaan. De rollator wordt vervolgens op een aangewezen positie geparkeerd door de aanwezige piccoloâs (plaatsaanwijzers). Tip: Bind een gekleurd lintje aan je rollator of rolstoel, dan vind je na afloop van het concert je rollator of rolstoel gemakkelijk terug.</p> 6258 6259 </div> 6260 6261 </details> 6262 6263 6264 </div> 6265 6266 </div> 6267 </details> 6268 6269 6270 6271 6272 6273 6274 6275 6276 6277 6278</div> 6279 6280<style> 6281 6282 [data-accordion-id="AbUUxblhFN0JnUEJTY__accordion_yW6eCU"] .accordion-hygraph-usp-list--check { 6283 list-style: none; 6284 padding-inline-start: 0; 6285 } 6286 6287 [data-accordion-id="AbUUxblhFN0JnUEJTY__accordion_yW6eCU"] .accordion-hygraph-usp-list--check > li { 6288 position: relative; 6289 padding-inline-start: 2.2rem; 6290 margin: 0.5rem 0; 6291 list-style: none; 6292 } 6293 6294 [data-accordion-id="AbUUxblhFN0JnUEJTY__accordion_yW6eCU"] .accordion-hygraph-usp-list--check > li::before { 6295 content: ''; 6296 top: 2px; 6297 position: absolute; 6298 inset-inline-start: 0; 6299 width: 1.4em; 6300 height: 1.4em; 6301 background-color: var(--button-background); 6302 -webkit-mask: url('//shop.nu.nl/cdn/shop/t/2/assets/icon-checkmark.svg?v=62568688221409945781777995123') no-repeat center / contain; 6303 mask: url('//shop.nu.nl/cdn/shop/t/2/assets/icon-checkmark.svg?v=62568688221409945781777995123') no-repeat center / contain; 6304 } 6305 6306 6307 6308 6309 [data-accordion-id="AbUUxblhFN0JnUEJTY__accordion_yW6eCU"] .accordion-icon-caret, 6310 [data-accordion-id="AbUUxblhFN0JnUEJTY__accordion_yW6eCU"] .accordion-icon-plus, 6311 [data-accordion-id="AbUUxblhFN0JnUEJTY__accordion_yW6eCU"] .accordion-icon-minus { 6312 display: none; 6313 } 6314 6315 [data-accordion-id="AbUUxblhFN0JnUEJTY__accordion_yW6eCU"][data-icon-type="caret"] .accordion-icon-caret { 6316 display: block; 6317 transition: transform 200ms ease; 6318 transform: rotate(0deg); 6319 } 6320 6321 [data-accordion-id="AbUUxblhFN0JnUEJTY__accordion_yW6eCU"][data-icon-type="caret"] details[open] > summary .accordion-icon-caret { 6322 transform: rotate(180deg); 6323 } 6324 6325 [data-accordion-id="AbUUxblhFN0JnUEJTY__accordion_yW6eCU"][data-icon-type="plus"] details > summary .accordion-icon-plus { 6326 display: block; 6327 } 6328
6329 [data-accordion-id="AbUUxblhFN0JnUEJTY__accordion_yW6eCU"][data-icon-type="plus"] details[open] > summary .accordion-icon-plus { 6330 display: none; 6331 } 6332 6333 [data-accordion-id="AbUUxblhFN0JnUEJTY__accordion_yW6eCU"][data-icon-type="plus"] details[open] > summary .accordion-icon-minus { 6334 display: block; 6335 } 6336</style> 6337 6338 6339 6340 6341 </div> 6342 </div> 6343 6344 6345 6346 6347 6348 </div> 6349 </div> 6350 6351 6352</div> 6353
6354<script type="application/json" id="nf-product-meta-json"> 6355 { 6356 "id": 11007988040007, 6357 "locatie": "Maastricht", 6358 "rating": null 6359 } 6360</script>
6360 6361 6362 6363 6364 </div> 6365 </div> 6366 </div> 6367 </div> 6368</section> 6369
6370<script type="module"> 6371 import { RecentlyViewed } from '//shop.nu.nl/cdn/shop/t/2/assets/recently-viewed-products.js?v=68234527716209358831782492626'; 6372 6373 try { 6374 const productId = 11007988040007; 6375 if (!productId) { 6376 throw new Error('Missing product id'); 6377 }RecentlyViewed.addProductWithData(String(productId), { 6378 title: "Kerst met André Rieu", 6379 url: "\/products\/kerst-met-andre-rieu", 6380 imageUrl: "\/\/shop.nu.nl\/cdn\/shop\/files\/cmsssmdoa0tvt07w2rime1ijf_f4350612-8695-44b9-aa44-f3fd2c3a8c71.jpg?v=1790201164\u0026width=480", 6381 subtitle: "NUshop", 6382 price: "vanaf â¬79,00", 6383 compareAtPrice: "", 6384 priceLogicVersion: 2, 6385 ratingLabel: "", 6386 metafields: { 6387 hygraph: { 6388 location: { value: "Maastricht" } 6389 } 6390 } 6391 }); 6392 } catch (error) { 6393 // noop 6394 } 6395</script>
6395 6396 6397 6398</div><div id="shopify-section-template--29422651179335__tab_section_JUgP7R" class="shopify-section section-wrapper relative"> 6399 6400 6401 6402 6403<div 6404 class="section grid w-full 6405 6406 grid-cols-[minmax(20px,_1fr)_min(calc(var(--narrow-page-width)+80px)-80px,_calc(100%-40px))_minmax(20px,_1fr)] md:grid-cols-[minmax(40px,_1fr)_min(calc(var(--narrow-page-width)+80px)-80px,_calc(100%-80px))_minmax(40px,_1fr)] 6407 6408 color-scheme-scheme-1 bg-[var(--background)] 6409 6410 min-h-auto 6411 6412 " 6413 6414 > 6415 <div class="section-background col-span-full"> 6416 6417 6418 6419 </div> 6420 <div class="section-overlay-wrapper col-[2] z-[var(--layer-flat)]"> 6421 6422 6423 6424 <div 6425 class=" 6426 section-content-wrapper overflow-hidden 6427 h-full 6428 6429 min-h-auto 6430 6431 flex 6432 flex-col 6433 gap-[px] 6434 6435 6436 items-center 6437 justify-start 6438 6439 6440 6441 " 6442 style="gap: px; padding-top:32px;padding-bottom:32px;" 6443 > 6444 6445 <div 6446 x-data 6447 class="tab-section-wrapper w-full" 6448 data-section-id="template--29422651179335__tab_section_JUgP7R" 6449 data-tab-section="tabSection_template__29422651179335__tab_section_JUgP7R" 6450 data-default-tab="details-1" 6451 > 6452 6453 6454 <div class="tab-content-wrapper grid w-full"> 6455 <style data-shopify> 6456 .tab-section-highlights ul { 6457 list-style: none; 6458 } 6459 .tab-section-highlights ul > li { 6460 position: relative; 6461 padding-inline-start: 2.2rem; 6462 margin: 0.5rem 0; 6463 } 6464 .tab-section-highlights ul > li::before { 6465 content: ''; 6466 position: absolute; 6467 inset-inline-start: 0; 6468 width: 1.4em; 6469 height: 1.4em; 6470 background-color: var(--button-background); 6471 -webkit-mask: url('//shop.nu.nl/cdn/shop/t/2/assets/icon-checkmark.svg?v=62568688221409945781777995123') no-repeat center / contain; 6472 mask: url('//shop.nu.nl/cdn/shop/t/2/assets/icon-checkmark.svg?v=62568688221409945781777995123') no-repeat center / contain; 6473 } 6474 </style> 6475 6476 6477 6478 6479 6480 6481 <div 6482 class="tab-content-item col-start-1 row-start-1 w-full transition-opacity duration-300 ease-out visible opacity-100 z-[1]" 6483 :class="{ 6484 'visible opacity-100 z-[1]': ($store.tabSection_template__29422651179335__tab_section_JUgP7R?.activeTab ?? 'details-1') === 'details-1', 6485 'invisible pointer-events-none opacity-0 z-0': ($store.tabSection_template__29422651179335__tab_section_JUgP7R?.activeTab ?? 'details-1') !== 'details-1' 6486 }" 6487 :aria-hidden="($store.tabSection_template__29422651179335__tab_section_JUgP7R?.activeTab ?? 'details-1') !== 'details-1'" 6488 data-tab-handle="details-1" 6489 6490 > 6491 6492 <div class="rte prose max-w-none"> 6493 6494 <div class="tab-structured-outer color-scheme-scheme-b1caab24-ec5b-437a-ac8c-b98473d47416 w-full rounded-2xl px-5 py-6 md:px-8 md:py-10"> 6495 <div class="tab-metafield-content flex flex-col gap-4 text-[var(--text-color)]"> 6496 <div class="!text-[20px] leading-normal tracking-normal font-onest-semi-bold m-0"> 6497 Extra informatie 6498 </div> 6499 6500 6501 6502 6503 <div class="tab-metafield-content__item"> 6504 6505 <p class="m-0 font-onest-semi-bold">Speellijst </p> 6506 6507 6508 <div class="rte font-normal [&_p:first-child]:mt-0 [&_p:last-child]:mb-0"> 6509 6510 <p>Locatie: MECC Maastricht ( Forum 100, 6229 GV Maastricht)</p><ul><li><div>Vrijdag 11 december</div></li><li><div>Zaterdag 12 december</div></li><li><div>Zondag 13 december</div></li><li><div>Vrijdag 18 december</div></li><li><div>Zaterdag 19 december</div></li><li><div>Zondag 20 december </div></li></ul><p></p> 6511 6512 </div> 6513 6514 </div> 6515 6516 6517 6518 6519 <div class="tab-metafield-content__item"> 6520 6521 <p class="m-0 font-onest-semi-bold">Locatie </p> 6522 6523 6524 <div class="rte font-normal [&_p:first-child]:mt-0 [&_p:last-child]:mb-0"> 6525 6526 <p><strong>Met de auto<br></strong>MECC Maastricht ligt direct aan de A2/E25 en is vanuit alle richtingen goed bereikbaar. Volg zodra je Maastricht nadert de borden 'MECC'
6526. Vanaf de snelweg neem je afslag 55 (Randwyck-MECC) of afslag 56 (Gronsveld-MECC). Rondom de locatie zijn ruim 2.200 parkeerplaatsen beschikbaar. Het reguliere parkeertarief bedraagt ⬠4,50 per uur met een maximaal dagtarief van ⬠21,00. Om wachttijden bij de betaalautomaten te voorkomen, kun je vooraf online een parkeerkaart aanschaffen. </p><p><strong>Kom je liever met het OV?</strong> Station Maastricht-Randwyck bevindt zich op slechts 250 meter loopafstand van de hoofdingang. Daarnaast vertrekken er elke vijf minuten bussen vanaf het centrum en Maastricht Centraal Station die stoppen bij de halte Forum MECC. </p><p></p> 6527 6528 </div> 6529 6530 </div> 6531 6532 6533 6534 </div> 6535 </div> 6536 6537 </div> 6538 </div> 6539 6540 6541 6542 </div> 6543 </div> 6544 6545 </div> 6546 </div> 6547</div> 6548 6549 6550 6551 6552 6553 6554 6555</div><div id="shopify-section-template--29422651179335__product_recommendation_RgELB6" class="shopify-section"> 6556 6557<product-recommendations 6558 id="product-recommendations-template--29422651179335__product_recommendation_RgELB6" 6559 class="product-recommendations" 6560 data-url="/recommendations/products?limit=7" 6561 data-section-id="template--29422651179335__product_recommendation_RgELB6" 6562 data-product-id="11007988040007" 6563 data-intent="related" 6564 data-testid="product-recommendations-section" 6565 data-recommendations-performed="false" 6566 6567> 6568 <div 6569 class="section grid w-full 6570 6571 grid-cols-[minmax(20px,_1fr)_min(calc(var(--narrow-page-width)+80px)-80px,_calc(100%-40px))_minmax(20px,_1fr)] md:grid-cols-[minmax(40px,_1fr)_min(calc(var(--narrow-page-width)+80px)-80px,_calc(100%-80px))_minmax(40px,_1fr)]_min(calc(var(--narrow-page-width)+80px)-80px,_calc(100%-80px))_minmax(40px,_1fr)] 6572 6573 color-scheme-scheme-1 bg-[var(--background)] 6574 " 6575 > 6576 <div class="section-overlay-wrapper col-[2] z-[var(--layer-flat)] w-full"> 6577 <div 6578 class="w-full flex flex-col gap-6 spacing-style" 6579 6580 style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: 0px;--padding-inline-end: 0px;" 6581 6582 6583 data-featured-collection-carousel="product-recommendations-carousel-template--29422651179335__product_recommendation_RgELB6" 6584 data-columns="4" 6585 6586 6587 data-has-recommendations="true" 6588 > 6589 6590 6591 6592 6593 <style> 6594 #product-recommendations-carousel-template--29422651179335__product_recommendation_RgELB6 .embla__slide { 6595 flex: 0 0 calc((100% - 72px) / 4); 6596 min-width: 0; 6597 margin-right: 24px; 6598 } 6599 6600 @media (max-width: 767px) { 6601 #product-recommendations-carousel-template--29422651179335__product_recommendation_RgELB6 .embla__slide { 6602 flex: 0 0 calc((100% - 12px) / 1.2); 6603 margin-right: 12px; 6604 } 6605 } 6606 </style> 6607 <div id="product-recommendations-carousel-template--29422651179335__product_recommendation_RgELB6" class="flex flex-col gap-6"> 6608 6609 6610<div class="flex items-center justify-between"> 6611 6612 <div class="h2 !font-black !tracking-[-1px] !text-[24px] md:!text-[32px]">Anderen bekeken ook</div> 6613 6614 <div class="hidden md:flex gap-3"> 6615 <button 6616 class="embla__prev w-10 h-10 border-none cursor-pointer flex items-center justify-center disabled:opacity-50 disabled:cursor-not-allowed transition-opacity !text-[var(--button-text-color)] [&>svg]:w-6 [&>svg]:h-6 [&>svg>path]:fill-current" 6617 aria-label="Previous slide" 6618 > 6619 <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 6620<path d="M12.896 14L18.2627 8.63331L17.0333 7.40393L10.4373 14L17.0333 20.596L18.2627 19.3666L12.896 14Z" fill="#414141"/> 6621</svg> 6622 6623 </button> 6624 <button 6625 class="embla__next w-10 h-10 border-none cursor-pointer flex items-center justify-center disabled:opacity-50 disabled:cursor-not-allowed transition-opacity !text-[var(--button-text-color)] [&>svg]:w-6 [&>svg]:h-6 [&>svg>path]:fill-current" 6626 aria-label="Next slide" 6627 > 6628 <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 6629<path d="M15.104 14L9.7373 8.63331L10.9667 7.40393L17.5627 14L10.9667 20.596L9.7373 19.3666L15.104 14Z" fill="#414141"/> 6630</svg> 6631 6632 </button> 6633 </div> 6634</div> 6635 6636<div class="embla relative overflow-x-hidden w-full md:w-auto" data-embla-wrapper> 6637 <div class="embla__viewport overflow-hidden scrolling-touch"> 6638 <div class="embla__container flex touch-[pan-y_pinch-zoom] pl-0 items-stretch"> 6639 6640 6641 6642 <div class="embla__slide flex w-full min-w-0 flex-shrink-0 product-recommendations-card--loading"> 6643 <div 6644 class="product-card flex w-full flex-col gap-4" 6645 6646> 6647 <div 6648 class="product-card__media w-full shrink-0 bg-[#ddd] product-card__media--3-2" 6649 style="border-radius: var(--image-border-radius, 0); aspect-ratio: 3 / 2;" 6650 > 6651 6652 6653 6654 6655 <a 6656 href="#" 6657 class="product-card__media-link block w-full no-underline product-card__media-link--cover" 6658 > 6659 6660 <div class="product-card__placeholder" aria-hidden="true"></div> 6661 6662 </a> 6663 </div> 6664 6665 <div class="flex w-full flex-col gap-2"> 6666 <div class="flex w-full flex-col gap-1"> 6667 <div class="flex min-h-[18px] w-full items-center justify-between gap-2 invisible"> 6668
6669 <span class="shrink-0" aria-hidden="true"></span> 6670 6671 6672 6673 <span class="shrink-0" aria-hidden="true"></span> 6674 6675 </div> 6676 6677 <a href="#" class="text-inherit no-underline"> 6678 <p class="m-0 line-clamp-2 w-full font-onest-semi-bold text-[18px] leading-[1.3] tracking-[-0.54px] text-[#414141]"> 6679 Product 6680 </p> 6681 </a> 6682 </div> 6683 6684 6685 <div class="flex flex-col gap-1"> 6686 6687 6688 6689 6690 6691 6692 <div class="flex h-[29px] items-center"> 6693 <span class="font-onest-semi-bold text-[20px] leading-[1.3] tracking-[-0.6px] text-[var(--product-card-price-current)]"> 6694 â¬19,99 6695 </span> 6696 </div> 6697 6698 </div> 6699 6700 </div> 6701</div> 6702 6703 </div> 6704 6705 <div class="embla__slide flex w-full min-w-0 flex-shrink-0 product-recommendations-card--loading"> 6706 <div 6707 class="product-card flex w-full flex-col gap-4" 6708 6709> 6710 <div 6711 class="product-card__media w-full shrink-0 bg-[#ddd] product-card__media--3-2" 6712 style="border-radius: var(--image-border-radius, 0); aspect-ratio: 3 / 2;" 6713 > 6714 6715 6716 6717 6718 <a 6719 href="#" 6720 class="product-card__media-link block w-full no-underline product-card__media-link--cover" 6721 > 6722 6723 <div class="product-card__placeholder" aria-hidden="true"></div> 6724 6725 </a> 6726 </div> 6727 6728 <div class="flex w-full flex-col gap-2"> 6729 <div class="flex w-full flex-col gap-1"> 6730 <div class="flex min-h-[18px] w-full items-center justify-between gap-2 invisible"> 6731 6732 <span class="shrink-0" aria-hidden="true"></span> 6733 6734 6735 6736 <span class="shrink-0" aria-hidden="true"></span> 6737 6738 </div> 6739 6740 <a href="#" class="text-inherit no-underline"> 6741 <p class="m-0 line-clamp-2 w-full font-onest-semi-bold text-[18px] leading-[1.3] tracking-[-0.54px] text-[#414141]"> 6742 Product 6743 </p> 6744 </a> 6745 </div> 6746 6747 6748 <div class="flex flex-col gap-1"> 6749 6750 6751 6752 6753 6754 6755 <div class="flex h-[29px] items-center"> 6756 <span class="font-onest-semi-bold text-[20px] leading-[1.3] tracking-[-0.6px] text-[var(--product-card-price-current)]"> 6757 â¬19,99 6758 </span> 6759 </div> 6760 6761 </div> 6762 6763 </div> 6764</div> 6765 6766 </div> 6767 6768 <div class="embla__slide flex w-full min-w-0 flex-shrink-0 product-recommendations-card--loading"> 6769 <div 6770 class="product-card flex w-full flex-col gap-4" 6771 6772> 6773 <div 6774 class="product-card__media w-full shrink-0 bg-[#ddd] product-card__media--3-2" 6775 style="border-radius: var(--image-border-radius, 0); aspect-ratio: 3 / 2;" 6776 > 6777 6778 6779 6780 6781 <a 6782 href="#" 6783 class="product-card__media-link block w-full no-underline product-card__media-link--cover" 6784 > 6785 6786 <div class="product-card__placeholder" aria-hidden="true"></div> 6787 6788 </a> 6789 </div> 6790 6791 <div class="flex w-full flex-col gap-2"> 6792 <div class="flex w-full flex-col gap-1"> 6793 <div class="flex min-h-[18px] w-full items-center justify-between gap-2 invisible"> 6794 6795 <span class="shrink-0" aria-hidden="true"></span> 6796 6797 6798 6799 <span class="shrink-0" aria-hidden="true"></span> 6800 6801 </div> 6802 6803 <a href="#" class="text-inherit no-underline"> 6804 <p class="m-0 line-clamp-2 w-full font-onest-semi-bold text-[18px] leading-[1.3] tracking-[-0.54px] text-[#414141]"> 6805 Product 6806 </p> 6807 </a> 6808 </div> 6809 6810 6811 <div class="flex flex-col gap-1"> 6812 6813 6814 6815 6816 6817 6818 <div class="flex h-[29px] items-center"> 6819 <span class="font-onest-semi-bold text-[20px] leading-[1.3] tracking-[-0.6px] text-[var(--product-card-price-current)]"> 6820 â¬19,99 6821 </span> 6822 </div> 6823 6824 </div> 6825 6826 </div> 6827</div> 6828 6829 </div> 6830 6831 <div class="embla__slide flex w-full min-w-0 flex-shrink-0 product-recommendations-card--loading"> 6832 <div 6833 class="product-card flex w-full flex-col gap-4" 6834 6835> 6836 <div 6837 class="product-card__media w-full shrink-0 bg-[#ddd] product-card__media--3-2" 6838 style="border-radius: var(--image-border-radius, 0); aspect-ratio: 3 / 2;" 6839 > 6840 6841 6842 6843 6844 <a 6845 href="#" 6846 class="product-card__media-link block w-full no-underline product-card__media-link--cover" 6847 > 6848 6849 <div class="product-card__placeholder" aria-hidden="true"></div> 6850 6851 </a> 6852 </div> 6853 6854 <div class="flex w-full flex-col gap-2"> 6855 <div class="flex w-full flex-col gap-1"> 6856 <div class="flex min-h-[18px] w-full items-center justify-between gap-2 invisible"> 6857
6858 <span class="shrink-0" aria-hidden="true"></span> 6859 6860 6861 6862 <span class="shrink-0" aria-hidden="true"></span> 6863 6864 </div> 6865 6866 <a href="#" class="text-inherit no-underline"> 6867 <p class="m-0 line-clamp-2 w-full font-onest-semi-bold text-[18px] leading-[1.3] tracking-[-0.54px] text-[#414141]"> 6868 Product 6869 </p> 6870 </a> 6871 </div> 6872 6873 6874 <div class="flex flex-col gap-1"> 6875 6876 6877 6878 6879 6880 6881 <div class="flex h-[29px] items-center"> 6882 <span class="font-onest-semi-bold text-[20px] leading-[1.3] tracking-[-0.6px] text-[var(--product-card-price-current)]"> 6883 â¬19,99 6884 </span> 6885 </div> 6886 6887 </div> 6888 6889 </div> 6890</div> 6891 6892 </div> 6893 6894 <div class="embla__slide flex w-full min-w-0 flex-shrink-0 product-recommendations-card--loading"> 6895 <div 6896 class="product-card flex w-full flex-col gap-4" 6897 6898> 6899 <div 6900 class="product-card__media w-full shrink-0 bg-[#ddd] product-card__media--3-2" 6901 style="border-radius: var(--image-border-radius, 0); aspect-ratio: 3 / 2;" 6902 > 6903 6904 6905 6906 6907 <a 6908 href="#" 6909 class="product-card__media-link block w-full no-underline product-card__media-link--cover" 6910 > 6911 6912 <div class="product-card__placeholder" aria-hidden="true"></div> 6913 6914 </a> 6915 </div> 6916 6917 <div class="flex w-full flex-col gap-2"> 6918 <div class="flex w-full flex-col gap-1"> 6919 <div class="flex min-h-[18px] w-full items-center justify-between gap-2 invisible"> 6920 6921 <span class="shrink-0" aria-hidden="true"></span> 6922 6923 6924 6925 <span class="shrink-0" aria-hidden="true"></span> 6926 6927 </div> 6928 6929 <a href="#" class="text-inherit no-underline"> 6930 <p class="m-0 line-clamp-2 w-full font-onest-semi-bold text-[18px] leading-[1.3] tracking-[-0.54px] text-[#414141]"> 6931 Product 6932 </p> 6933 </a> 6934 </div> 6935 6936 6937 <div class="flex flex-col gap-1"> 6938 6939 6940 6941 6942 6943 6944 <div class="flex h-[29px] items-center"> 6945 <span class="font-onest-semi-bold text-[20px] leading-[1.3] tracking-[-0.6px] text-[var(--product-card-price-current)]"> 6946 â¬19,99 6947 </span> 6948 </div> 6949 6950 </div> 6951 6952 </div> 6953</div> 6954 6955 </div> 6956 6957 <div class="embla__slide flex w-full min-w-0 flex-shrink-0 product-recommendations-card--loading"> 6958 <div 6959 class="product-card flex w-full flex-col gap-4" 6960 6961> 6962 <div 6963 class="product-card__media w-full shrink-0 bg-[#ddd] product-card__media--3-2" 6964 style="border-radius: var(--image-border-radius, 0); aspect-ratio: 3 / 2;" 6965 > 6966 6967 6968 6969 6970 <a 6971 href="#" 6972 class="product-card__media-link block w-full no-underline product-card__media-link--cover" 6973 > 6974 6975 <div class="product-card__placeholder" aria-hidden="true"></div> 6976 6977 </a> 6978 </div> 6979 6980 <div class="flex w-full flex-col gap-2"> 6981 <div class="flex w-full flex-col gap-1"> 6982 <div class="flex min-h-[18px] w-full items-center justify-between gap-2 invisible"> 6983 6984 <span class="shrink-0" aria-hidden="true"></span> 6985 6986 6987 6988 <span class="shrink-0" aria-hidden="true"></span> 6989 6990 </div> 6991 6992 <a href="#" class="text-inherit no-underline"> 6993 <p class="m-0 line-clamp-2 w-full font-onest-semi-bold text-[18px] leading-[1.3] tracking-[-0.54px] text-[#414141]"> 6994 Product 6995 </p> 6996 </a> 6997 </div> 6998 6999 7000 <div class="flex flex-col gap-1"> 7001 7002 7003 7004 7005 7006 7007 <div class="flex h-[29px] items-center"> 7008 <span class="font-onest-semi-bold text-[20px] leading-[1.3] tracking-[-0.6px] text-[var(--product-card-price-current)]"> 7009 â¬19,99 7010 </span> 7011 </div> 7012 7013 </div> 7014 7015 </div> 7016</div> 7017 7018 </div> 7019 7020 <div class="embla__slide flex w-full min-w-0 flex-shrink-0 product-recommendations-card--loading"> 7021 <div 7022 class="product-card flex w-full flex-col gap-4" 7023 7024> 7025 <div 7026 class="product-card__media w-full shrink-0 bg-[#ddd] product-card__media--3-2" 7027 style="border-radius: var(--image-border-radius, 0); aspect-ratio: 3 / 2;" 7028 > 7029 7030 7031 7032 7033 <a 7034 href="#" 7035 class="product-card__media-link block w-full no-underline product-card__media-link--cover" 7036 > 7037 7038 <div class="product-card__placeholder" aria-hidden="true"></div> 7039 7040 </a> 7041 </div> 7042 7043 <div class="flex w-full flex-col gap-2"> 7044 <div class="flex w-full flex-col gap-1"> 7045 <div class="flex min-h-[18px] w-full items-center justify-between gap-2 invisible"> 7046
7047 <span class="shrink-0" aria-hidden="true"></span> 7048 7049 7050 7051 <span class="shrink-0" aria-hidden="true"></span> 7052 7053 </div> 7054 7055 <a href="#" class="text-inherit no-underline"> 7056 <p class="m-0 line-clamp-2 w-full font-onest-semi-bold text-[18px] leading-[1.3] tracking-[-0.54px] text-[#414141]"> 7057 Product 7058 </p> 7059 </a> 7060 </div> 7061 7062 7063 <div class="flex flex-col gap-1"> 7064 7065 7066 7067 7068 7069 7070 <div class="flex h-[29px] items-center"> 7071 <span class="font-onest-semi-bold text-[20px] leading-[1.3] tracking-[-0.6px] text-[var(--product-card-price-current)]"> 7072 â¬19,99 7073 </span> 7074 </div> 7075 7076 </div> 7077 7078 </div> 7079</div> 7080 7081 </div> 7082 7083 7084 7085 </div> 7086 </div> 7087</div> 7088 7089 </div> 7090 7091 7092 <div class="mt-2"> 7093 <a 7094 7095 href="/collections/shop-all" 7096 7097 class=" 7098 btn 7099 7100 btn-primary 7101 7102 7103 !bg-[var(--button-background)] !text-[var(--button-text-color)] !border-[var(--button-border-color)] hover:!bg-[var(--button-background-hover)] hover:!border-[var(--button-background-hover)] 7104 7105 7106 7107 color-scheme-scheme-1 7108 7109 " 7110 style="border-radius: var(--button-border-radius, 0);" 7111>Bekijk alle overnachtingen 7112</a> 7113 7114 7115 7116 </div> 7117 </div> 7118 </div> 7119 </div> 7120</product-recommendations> 7121 7122 7123 7124 7125</div><div id="shopify-section-template--29422651179335__apps_Y4bAp9" class="shopify-section"> 7126 7127 <div id="shopify-block-AbFp4ZjNZSWFaTEhGZ__judge_me_reviews_review_widget_PHggBm" class="shopify-block shopify-app-block"> 7128 7129 7130<div style='clear:both'></div> 7131<div id='judgeme_product_reviews' 7132 class='jdgm-widget jdgm-review-widget' 7133 data-product-title='Kerst met André Rieu' 7134 data-id='11007988040007' 7135 data-product-id='11007988040007' 7136 data-widget="review" 7137 data-shop-reviews="false" 7138 data-shop-reviews-count="287" 7139 data-cart-eligible-template="false" 7140 data-shop-average-rating="4.57" 7141 data-shop-review-count="16168" 7142 data-empty-state="empty_widget" 7143 data-entry-point="review_widget.js" 7144 data-entry-key="review-widget/main.js" 7145 data-block-id="AbFp4ZjNZSWFaTEhGZ__judge_me_reviews_review_widget_PHggBm" 7146 data-customer-logged-in="false" 7147 7148 7149 style='max-width: 1200px; margin: 0 auto;'> 7150 7151 7152 7153 7154 7155 7156 7157 7158</div> 7159 7160
7161<script class='jdgm-review-widget-data'> 7162 jdgm.data ||= {}; jdgm.data.reviewWidget ||= {}; 7163 7164 jdgm.data.reviewWidget[11007988040007] = {"number_of_reviews":0,"average_rating":"0.00","number_of_questions":0,"product_name":"Kerst met André Rieu","product_external_id":11007988040007,"product_coupons_enabled":true,"image_url":"https://cdn.shopify.com/s/files/1/0976/6073/1719/files/cmsssmdoa0tvt07w2rime1ijf_fe0865ea-8822-4d85-94bc-a01971fb24ba.jpg?v=1788127576","histogram":[{"rating":5,"frequency":0,"percentage":0,"extra_class":null},{"rating":4,"frequency":0,"percentage":0,"extra_class":null},{"rating":3,"frequency":0,"percentage":0,"extra_class":null},{"rating":2,"frequency":0,"percentage":0,"extra_class":null},{"rating":1,"frequency":0,"percentage":0,"extra_class":null}],"review_keywords":null,"product_medals":[],"custom_form_filters_and_averages":null,"photo_gallery":null,"review_summary_text":"Be the first to write a review","ai_summary_text":"","sort_key":"created_at","multi_language_sorting_enabled":false,"metafield_updated_at":"2026-08-30T22:34:01Z","reviews":[],"pagination":{"total_pages":0,"current_page":1,"per_page":5}} 7165</script>
7165 7166 7167 7168 7169 7170 7171 7172 7173</div> 7174 7175 7176 7177 7178 7179</div> 7180 7181 <!-- BEGIN sections: footer-group --> 7182<div id="shopify-section-sections--28850007081287__footer" class="shopify-section shopify-section-group-footer-group"><style data-shopify>.footer-sections--28850007081287__footer { 7183 margin-top: 0px; 7184 padding-top: 0px; 7185 padding-bottom: 27px; 7186 } 7187 @media screen and (min-width: 750px) { 7188 .footer-sections--28850007081287__footer { 7189 margin-top: 0px; 7190 padding-top: 0px; 7191 padding-bottom: 36px; 7192 } 7193 } 7194 @keyframes marquee { 7195 0% { 7196 transform: translateX(0); 7197 } 7198 100% { 7199 transform: translateX(-50%); 7200 } 7201 }</style><footer class="footer-sections--28850007081287__footer grid w-full 7202 7203 grid-cols-[minmax(20px,_1fr)_min(calc(var(--narrow-page-width)+80px)-80px,_calc(100%-40px))_minmax(20px,_1fr)] md:grid-cols-[minmax(40px,_1fr)_min(calc(var(--narrow-page-width)+80px)-80px,_calc(100%-80px))_minmax(40px,_1fr)] 7204 7205 color-scheme-scheme-b1caab24-ec5b-437a-ac8c-b98473d47416 bg-[var(--background)]"><div class="col-[2] py-8 md:py-12"> 7206 <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-6 md:gap-8"><div class="w-full" ><div class="font-medium mb-[12px]" style="font-size: 16px;">Klantenservice</div><ul class="list-none space-y-2"><li> 7207 <a 7208 href="/pages/contact" 7209 class="text-[16px] hover:underline !text-[#79757A] font-normal" 7210 > 7211 Contact 7212 </a> 7213 </li><li> 7214 <a 7215 href="/pages/veelgestelde-vragen" 7216 class="text-[16px] hover:underline !text-[#79757A] font-normal" 7217 > 7218 Veelgestelde vragen 7219 </a> 7220 </li><li> 7221 <a 7222 href="https://nushop.returnless.com/nl" 7223 class="text-[16px] hover:underline !text-[#79757A] font-normal" 7224 > 7225 Retour aanvragen 7226 </a> 7227 </li></ul></div><div class="w-full" ><div class="font-medium mb-[12px]" style="font-size: 16px;">Over de NU Shop</div><ul class="list-none space-y-2"><li> 7228 <a 7229 href="/pages/over-de-nu-shop" 7230 class="text-[16px] hover:underline !text-[#79757A] font-normal" 7231 > 7232 Over ons 7233 </a> 7234 </li><li> 7235 <a 7236 href="/pages/partnerprogramma" 7237 class="text-[16px] hover:underline !text-[#79757A] font-normal" 7238 > 7239 Partnerprogramma 7240 </a> 7241 </li><li> 7242 <a 7243 href="/pages/samenwerken" 7244 class="text-[16px] hover:underline !text-[#79757A] font-normal" 7245 > 7246 Samenwerken 7247 </a> 7248 </li></ul></div><div class="w-full" ><div class="font-medium mb-[12px]" style="font-size: 16px;">Statements</div><ul class="list-none space-y-2"><li> 7249 <a 7250 href="https://privacy.dpgmedia.nl/nl/document/cookie-policy" 7251 class="text-[16px] hover:underline !text-[#79757A] font-normal" 7252 > 7253 Cookiebeleid 7254 </a> 7255 </li><li> 7256 <a 7257 href="https://privacy.dpgmedia.nl/nl/document/privacy-policy" 7258 class="text-[16px] hover:underline !text-[#79757A] font-normal" 7259 > 7260 Privacybeleid 7261 </a> 7262 </li><li> 7263 <a 7264 href="https://privacy.dpgmedia.nl/nl/document/toegankelijkheid-shops" 7265 class="text-[16px] hover:underline !text-[#79757A] font-normal" 7266 > 7267 Toegankelijkheidsverklaring 7268 </a> 7269 </li></ul></div><div class="w-full" ><div class="font-medium mb-[12px]" style="font-size: 16px;">Voorwaarden</div><ul class="list-none space-y-2"><li> 7270 <a 7271 href="/pages/algemene-voorwaarden" 7272 class="text-[16px] hover:underline !text-[#79757A] font-normal" 7273 > 7274 Algemene voorwaarden 7275 </a> 7276 </li><li> 7277 <a 7278 href="https://www.dpgmedia.nl/gebruiksvoorwaarden" 7279 class="text-[16px] hover:underline !text-[#79757A] font-normal" 7280 > 7281 Gebruiksvoorwaarden 7282 </a> 7283 </li></ul></div></div> 7284 </div><div class="col-[2] border-t border-[#0000001A] mt-[32px] md:mt-[64px] pt-[32px] md:pt-[64px]"> 7285 <div class="pb-8"> 7286 <div class="flex flex-col md:flex-row md:items-center md:justify-between gap-4 text-sm text-gray-600"> 7287 <div class="flex flex-col"> 7288 <div class="flex items-center gap-[5px] justify-center"> 7289 <small class="max-w-[208px] text-[12px] text-[#79757A]">© 2026 DPG Media - alle rechten voorbehouden DPG Media B.V.</small>
7290 <span class="svg-wrapper"><svg width="76" height="40" viewBox="0 0 76 40" fill="none" xmlns="http://www.w3.org/2000/svg"> 7291<g clip-path="url(#clip0_2445_781)"> 7292<path d="M0.00268555 26.0396C0.00268555 20.9966 3.70333 18.6327 6.92002 18.6327C8.77059 18.6327 10.2223 19.3157 11.1612 20.3137V12.3652H15.0619V33.1615H11.1612V31.5661C10.2223 32.6767 8.71378 33.4459 6.8632 33.4459C3.8457 33.4459 0.00268555 31.0531 0.00268555 26.0396ZM11.2757 26.0106C11.2757 23.8738 9.76672 22.1933 7.6319 22.1933C5.49656 22.1933 3.81678 23.8174 3.81678 26.0106C3.81678 28.1759 5.49656 29.8569 7.6319 29.8569C9.76672 29.8569 11.2757 28.1475 11.2757 26.0106ZM20.9561 31.7649V39.7129H17.0564V18.9177H20.9561V20.5408C21.8671 19.4302 23.2906 18.6327 25.2262 18.6327C28.4434 18.6327 32.1151 20.9966 32.1151 26.0396C32.1151 31.0531 28.3294 33.4459 25.283 33.4459C23.3761 33.4459 21.8671 32.8202 20.9561 31.7649ZM28.301 26.0106C28.301 23.8175 26.6781 22.1933 24.4859 22.1933C22.3511 22.1933 20.8421 23.8738 20.8421 26.0106C20.8421 28.1475 22.3511 29.8569 24.4859 29.8569C26.6781 29.8569 28.301 28.1759 28.301 26.0106ZM33.2836 26.0396C33.2836 20.9966 36.9847 18.6327 40.2009 18.6327C42.0513 18.6327 43.5037 19.402 44.4427 20.4557V18.9177H48.3428V32.9332C48.3428 37.2069 45.183 39.9979 41.4534 39.9979C37.4403 39.9979 34.821 37.6628 33.9951 34.557H38.2085C38.7496 35.6973 39.6035 36.352 41.4534 36.352C43.1616 36.352 44.4427 34.8991 44.4427 33.0474V31.5661C43.5037 32.6767 41.9947 33.4459 40.1441 33.4459C37.1266 33.4459 33.2836 31.0531 33.2836 26.0396ZM44.5566 26.0106C44.5566 23.8738 43.0481 22.1933 40.9128 22.1933C38.778 22.1933 37.0982 23.8174 37.0982 26.0106C37.0982 28.1759 38.778 29.8569 40.9128 29.8569C43.0481 29.8569 44.5566 28.1475 44.5566 26.0106ZM22.6981 12.117H23.6293V12.645C23.9112 12.2574 24.3596 12.0288 24.922 12.0288C25.6249 12.0288 26.1174 12.3285 26.3722 12.8209C26.6799 12.3285 27.1982 12.0288 27.8579 12.0288C29.062 12.0288 29.677 12.7412 29.677 13.8761V16.5149H28.7189V13.9374C28.7189 13.2692 28.3677 12.8467 27.6995 12.8467C27.1014 12.8467 26.6535 13.2514 26.6535 14.0343V16.5149H25.7044V13.8939C25.7044 13.2514 25.3437 12.8467 24.7112 12.8467C24.0869 12.8467 23.6386 13.2604 23.6386 14.0698V16.5149H22.6981V12.117ZM30.5949 14.3338C30.5949 15.5742 31.474 16.6031 32.8628 16.6031C33.9969 16.6031 34.7261 16.0133 35.0687 15.0372H34.0582C33.891 15.4946 33.478 15.785 32.8716 15.785C32.0982 15.785 31.597 15.2921 31.4913 14.6152H35.139V14.2896C35.139 12.9789 34.1723 12.0286 32.8716 12.0286C31.5794 12.0286 30.5949 13.0407 30.5949 14.3338ZM31.553 13.8237C31.7348 13.2455 32.2745 12.8554 32.8801 12.8643C33.5485 12.8643 34.0142 13.199 34.1814 13.8237H31.553ZM36.0283 14.3161C36.0283 15.7147 37.1006 16.6031 38.2169 16.6031C38.7863 16.607 39.3266 16.3513 39.6848 15.9083V16.5149H40.6166V10.0938H39.6848V12.6889C39.3595 12.2756 38.8148 12.0287 38.2259 12.0287C37.0655 12.0287 36.0283 12.9086 36.0283 14.3161ZM39.7375 14.3075C39.7375 15.099 39.1487 15.741 38.3486 15.741C37.5662 15.741 36.9601 15.1163 36.9601 14.3075C36.9601 13.5064 37.5662 12.8822 38.3486 12.8822C39.1487 12.8822 39.7375 13.5333 39.7375 14.3075ZM42.348 10.1734C42.092 10.1734 41.8612 10.3277 41.7633 10.5644C41.6654 10.8011 41.7196 11.0735 41.9007 11.2546C42.0818 11.4357 42.3541 11.4897 42.5905 11.3916C42.827 11.2934 42.9811 11.0623 42.9808 10.8061C42.9904 10.6355 42.9268 10.4688 42.806 10.348C42.6851 10.2271 42.5186 10.1636 42.348 10.1734ZM41.8736 16.5147H42.8232V12.1169H41.8736V16.5147ZM43.7458 14.3161C43.7458 15.7147 44.8181 16.6031 45.9344 16.6031C46.5038 16.6071 47.0441 16.3514 47.4023 15.9083V16.5149H48.3428V12.1169H47.4023V12.6889C47.077 12.2756 46.5323 12.0287 45.9435 12.0287C44.7831 12.0287 43.7458 12.9086 43.7458 14.3161ZM47.455 14.3075C47.455 15.099 46.8662 15.741 46.0662 15.741C45.2838 15.741 44.6776 15.1163 44.6776 14.3075C44.6776 13.5064 45.2838 12.8822 46.0662 12.8822C46.8662 12.8822 47.455 13.5333 47.455 14.3075Z" fill="black"/> 7293<path d="M57.0457 10.0938H53.145V16.5148H57.0457V10.0938Z" fill="#783C96"/> 7294<path d="M75.9568 5.22852H72.0562V12.1158H75.9568V5.22852Z" fill="#FABB22"/> 7295<path d="M63.3494 5.22852H59.4487V18.9176H63.3494V5.22852Z" fill="#D23278"/> 7296<path d="M69.6498 0.015625H65.7559V16.5139H69.6498V0.015625Z" fill="#E6463C"/> 7297</g> 7298<defs> 7299<clipPath id="clip0_2445_781"> 7300<rect width="76" height="40" fill="white"/> 7301</clipPath> 7302</defs> 7303</svg> 7304</span> 7305 </div> 7306 7307 </div><ul class="flex flex-wrap gap-4 list-none"><li> 7308 <small> 7309 <a 7310 href="#" 7311 class="hover:underline" 7312 data-dpg-privacy-open 7313 >Privacy-instellingen</a> 7314 </small> 7315 </li></ul>
7315<script> 7316 document.addEventListener('click', function (e) { 7317 var link = e.target.closest('[data-dpg-privacy-open]'); 7318 if (!link) return; 7319 e.preventDefault(); 7320 if (window._privacy && typeof window._privacy.openModal === 'function') { 7321 window._privacy.openModal(); 7322 } 7323 }); 7324 </script>
7324</div> 7325 </div> 7326 </div> 7327</footer> 7328 7329 7330</div> 7331<!-- END sections: footer-group --> 7332 7333 <div 7334 x-data="cartDrawer" 7335 x-cloak 7336 class="relative z-[999999]" 7337 aria-labelledby="slide-over-title" 7338 role="dialog" 7339 aria-modal="true" 7340 :inert="!open" 7341> 7342 <!-- Screen reader announcements for cart updates --> 7343 <div 7344 aria-live="polite" 7345 aria-atomic="true" 7346 class="sr-only" 7347 x-text="$store.cart.cart.item_count === 0 ? 'Cart is empty' : `Cart has ${$store.cart.cart.item_count} ${$store.cart.cart.item_count === 1 ? 'item' : 'items'}`" 7348 ></div> 7349 7350 <!-- Error announcements --> 7351 <div 7352 aria-live="assertive" 7353 aria-atomic="true" 7354 class="sr-only" 7355 x-text="$store.cart.globalError || ''" 7356 ></div> 7357 7358 <!-- Backdrop --> 7359 <div 7360 x-show="open" 7361 x-transition:enter="transition ease-out duration-300 motion-reduce:transition-none" 7362 x-transition:enter-start="opacity-0" 7363 x-transition:enter-end="opacity-100" 7364 x-transition:leave="transition ease-out duration-250 motion-reduce:transition-none" 7365 x-transition:leave-start="opacity-100" 7366 x-transition:leave-end="opacity-0" 7367 @click="open = false" 7368 class="fixed inset-0 bg-black/50 backdrop-blur-sm" 7369 :aria-hidden="!open" 7370 tabindex="-1" 7371 ></div> 7372 7373 <!-- Drawer Panel --> 7374 <div 7375 class="fixed inset-0 overflow-hidden pointer-events-none" 7376 > 7377 <div class="absolute inset-0 overflow-hidden"> 7378 <div class="pointer-events-none fixed inset-y-0 right-0 flex max-w-full"> 7379 7380 <div 7381 x-show="open" 7382 x-transition:enter="transform transition ease-out duration-300 motion-reduce:transition-none" 7383 x-transition:enter-start="translate-x-full" 7384 x-transition:enter-end="translate-x-0" 7385 x-transition:leave="transform transition ease-out duration-250 motion-reduce:transition-none" 7386 x-transition:leave-start="translate-x-0" 7387 x-transition:leave-end="translate-x-full" 7388 class="pointer-events-auto w-screen max-w-md" 7389 > 7390 <div class="flex h-full flex-col overflow-y-auto shadow-xl color-scheme-scheme-1"> 7391 7392 <!-- Header --> 7393 <div class="flex flex-col items-center justify-between gap-2"> 7394 7395 <div x-show="$store.cart.cart.item_count > 0" class="flex items-center justify-center gap-2 bg-[#F9F9F9] w-full px-[16px] py-[8px]"> 7396 7397 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 7398<path d="M3.59044 16.2497C3.16947 16.2497 2.81315 16.1039 2.52148 15.8122C2.22982 15.5205 2.08398 15.1642 2.08398 14.7432V5.25615C2.08398 4.83517 2.22982 4.47885 2.52148 4.18719C2.81315 3.89552 3.16947 3.74969 3.59044 3.74969H11.9429C11.9035 3.95802 11.8824 4.16503 11.8796 4.37073C11.877 4.57642 11.8927 4.78608 11.9269 4.99969H3.46211L10.0007 9.16635L13.0102 7.24656C13.1566 7.38434 13.3123 7.50851 13.4773 7.61906C13.6425 7.72962 13.8153 7.82816 13.9959 7.91469L10.0007 10.4645L3.33398 6.20156V14.7432C3.33398 14.8181 3.35801 14.8795 3.40607 14.9276C3.45412 14.9757 3.51558 14.9997 3.59044 14.9997H16.4109C16.4857 14.9997 16.5472 14.9757 16.5952 14.9276C16.6433 14.8795 16.6673 14.8181 16.6673 14.7432V8.35385C16.9066 8.30038 17.1291 8.2299 17.3348 8.1424C17.5404 8.05476 17.7345 7.9474 17.9173 7.82031V14.7432C17.9173 15.1642 17.7715 15.5205 17.4798 15.8122C17.1882 16.1039 16.8318 16.2497 16.4109 16.2497H3.59044ZM15.834 6.77865C15.1983 6.77865 14.6575 6.55559 14.2115 6.10948C13.7654 5.66337 13.5423 5.12253 13.5423 4.48698C13.5423 3.85128 13.7654 3.31038 14.2115 2.86427C14.6575 2.4183 15.1983 2.19531 15.834 2.19531C16.4697 2.19531 17.0105 2.4183 17.4565 2.86427C17.9026 3.31038 18.1257 3.85128 18.1257 4.48698C18.1257 5.12253 17.9026 5.66337 17.4565 6.10948C17.0105 6.55559 16.4697 6.77865 15.834 6.77865Z" fill="#D94F6B"/> 7399</svg> 7400 7401 7402 <span class="!text-[14px] text-center">Ontvang je tickets direct per email</span> 7403 </div> 7404 7405 <div class="flex justify-between w-full gap-2 px-[24px] py-[12px] content-center items-center"> 7406 <p class="!text-[20px] font-medium text-gray-900" id="slide-over-title"> 7407 Winkelmand<span x-show="$store.cart.cart.item_count > 0" class="!text-[20px]"> (<span x-text="$store.cart.cart.item_count" class="!text-[20px]"></span>)</span> 7408 </p> 7409 <button 7410 type="button" 7411 @click="open = false" 7412 class="p-2 !bg-transparent !text-[var(--text-color)]" 7413 aria-label="Close cart drawer" 7414 >
7415 <span class="sr-only">Close panel</span> 7416 <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /></svg> 7417 </button> 7418 </div> 7419 </div> 7420 7421 <!-- Global Error Alert --> 7422 <template x-if="$store.cart.globalError"> 7423 <div class="px-4 pt-4" role="alert" aria-live="assertive"> 7424 <div class="alert alert-error text-sm shadow-lg rounded-md p-3 flex justify-between items-start"> 7425 <div class="flex gap-2"> 7426 <svg xmlns="http://www.w3.org/2000/svg" class="stroke-current shrink-0 h-5 w-5" fill="none" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> 7427 <span x-text="$store.cart.globalError"></span> 7428 </div> 7429 <button 7430 class="btn btn-xs btn-circle btn-ghost" 7431 @click="$store.cart.globalError = null" 7432 aria-label="Dismiss error message" 7433 >â</button> 7434 </div> 7435 </div> 7436 </template> 7437 7438 <!-- Empty State --> 7439 7440<div 7441 x-show="$store.cart.cart.item_count === 0" 7442 class="flex-1 flex flex-col items-center justify-center p-6 text-center h-full" 7443 role="status" 7444 aria-live="polite" 7445> 7446 <div class="text-xl font-medium mb-2">Je winkelwagen is leeg</div> 7447 <p class="text-gray-500 mb-6">Het lijkt erop dat je nog niets hebt toegevoegd.</p> 7448 <a 7449 href="/collections/all" 7450 @click="open = false" 7451 class="inline-flex items-center justify-center rounded-md px-6 py-3 button button-primary !text-[var(--button-text-color)] bg-[var(--button-background)]" 7452 > 7453 Nu shoppen 7454 </a> 7455</div> 7456 7457 <!-- Cart Items Content --> 7458 <div x-show="$store.cart.cart.item_count > 0" class="contents"> 7459 7460 <!-- Gamification Bar --> 7461 <div class="px-4"> 7462 7463 7464<div 7465 class="py-4 bg-gray-50 rounded-lg mb-4" 7466 role="status" 7467 aria-live="polite" 7468 :aria-busy="$store.cart.loading" 7469 x-show="$store.cart.settings.threshold > 0" 7470> 7471 <div class="text-sm text-center mb-2"> 7472 <template x-if="!$store.cart.loading"> 7473 <span x-text="$store.cart.message"></span> 7474 </template> 7475 <template x-if="$store.cart.loading"> 7476 <span class="animate-pulse text-gray-500" x-text="$store.cart.message"></span> 7477 </template> 7478 </div> 7479 <div class="w-full bg-gray-200 rounded-full h-2.5 overflow-hidden mx-auto max-w-[90%]" role="progressbar" :aria-valuenow="$store.cart.progress" aria-valuemin="0" aria-valuemax="100" :aria-label="$store.cart.message"> 7480 <div 7481 class="h-2.5 rounded-full transition-all ease-spring duration-700" 7482 :class="$store.cart.loading ? 'bg-gray-400 animate-pulse' : 'bg-[var(--button-background)]'" 7483 :style="`width: ${$store.cart.progress}%`" 7484 ></div> 7485 </div> 7486</div> 7487 7488 7489 </div> 7490 7491 <!-- Items --> 7492 <div class="flex-1 overflow-y-auto"> 7493 <ul role="list" class="divide-y divide-gray-200 pb-[12px]"> 7494 <template x-for="(item, index) in $store.cart.cart.items" :key="item.key"> 7495 7496 7497 7498 7499<li 7500 class="cart-line-item relative flex items-stretch transition-colors duration-200 7501 7502 overflow-x-hidden gap-[10px] pb-[20px] pt-[12px] px-[24px] 7503 " 7504 7505 :class="{ 7506 'bg-[#0000000D] overflow-x-visible': $store.cart.expandedLineKey === item.key 7507 }" 7508 7509 x-transition:leave="transition ease-in duration-200" 7510 x-transition:leave-start="opacity-100 translate-x-0 scale-100" 7511 x-transition:leave-end="opacity-0 translate-x-8 scale-95" 7512> 7513 <!-- Thumbnail --> 7514 <a 7515 :href="item.url" 7516 class="shrink-0 overflow-hidden rounded-lg self-center w-[54px] h-[54px] border border-gray-200 7517 sm:w-[54px] sm:h-[54px]" 7518 > 7519 <img :src="item.image" :alt="item.title" class="h-full w-full object-cover object-center" width="54" height="54" loading="lazy"> 7520 </a> 7521 7522 <!-- Content: title, variant, price (tap toggles slide-out controls) --> 7523 <div 7524 class="flex-1 min-w-0 flex flex-col justify-center 7525 cursor-pointer select-none" 7526 7527 @click="window.__AGENCY_CART?.toggleCartLineExpand?.($event, item.key)" 7528 7529 > 7530 <div class="flex items-start gap-2"> 7531 <div class="min-w-0"> 7532 <a 7533 :href="item.url" 7534 class="font-semibold text-gray-900 hover:underline block truncate 7535 7536 text-[14px] 7537 " 7538 x-text="item.product_title" 7539 ></a> 7540 7541 <div x-data="{ get displayMeta() { return window.__AGENCY_CART.getCartLineDisplayParts(item); } }"> 7542 <p 7543 class="text-xs text-gray-500" 7544 x-show="displayMeta.locatie" 7545 x-text="displayMeta.locatie" 7546 ></p> 7547 <p 7548 class="text-xs text-gray-500" 7549 x-show="displayMeta.variant_title" 7550 x-text="displayMeta.variant_title" 7551 ></p> 7552 </div> 7553 7554 <template x-if="(window.__AGENCY_CART.getLinePropertyRows(item) || []).length"> 7555 <ul class="mt-1.5 space-y-0.5 text-xs text-gray-600 "> 7556 <template x-for="row in window.__AGENCY_CART.getLinePropertyRows(item)" :key="row.combined ? ('__nf_dt_' + item.key) : row.name"> 7557 <li x-show="row.combined ? !!row.text : true">
7558 <span class="font-medium text-gray-700" x-text="row.combined ? 'Datum en tijd' : window.__AGENCY_CART.formatLinePropertyName(row.name)"></span>: 7559 <span x-text="row.combined ? row.text : window.__AGENCY_CART.formatLinePropertyDisplay(row.name, row.value)"></span> 7560 </li> 7561 </template> 7562 </ul> 7563 </template> 7564 </div> 7565 </div> 7566 7567 <!-- Price: sale + compare_at --> 7568 <div 7569 class="flex items-center flex-wrap 7570 gap-2" 7571 > 7572 <template x-if="!($store.cart.loadingItemKeys || []).includes(item.key)"> 7573 <span 7574 class="font-medium text-sm text-[var(--product-card-price-current)]" 7575 x-text="$store.cart.formatMoney(item.price)" 7576 ></span> 7577 </template> 7578 <template x-if="($store.cart.loadingItemKeys || []).includes(item.key)"> 7579 <span 7580 class="font-medium animate-pulse text-gray-400 text-sm 7581 " 7582 x-text="$store.cart.formatMoney(item.price)" 7583 ></span> 7584 </template> 7585 <span 7586 class="line-through 7587 7588 text-xs text-gray-400 7589 " 7590 x-show="(Number(item.compare_at_price) || 0) > (Number(item.price) || 0)" 7591 x-text="$store.cart.formatMoney(item.compare_at_price)" 7592 x-cloak 7593 style="display: none;" 7594 ></span> 7595 </div> 7596 7597 <!-- Discount badges --> 7598 <template x-for="discount in item.discounts" :key="discount.title"> 7599 <div class="badge badge-sm badge-success mt-1 gap-1 w-fit"> 7600 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-3"> 7601 <path fill-rule="evenodd" d="M4.5 2A2.5 2.5 0 0 0 2 4.5v2.879a2.5 2.5 0 0 0 .732 1.767l4.5 4.5a2.5 2.5 0 0 0 3.536 0l2.878-2.878a2.5 2.5 0 0 0 0-3.536l-4.5-4.5A2.5 2.5 0 0 0 7.379 2H4.5ZM5 5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd" /> 7602 </svg> 7603 <span x-text="`${discount.title} (-${$store.cart.formatMoney(discount.amount)})`"></span> 7604 </div> 7605 </template> 7606 </div> 7607 7608 <div 7609 type="button" 7610 data-cart-line-expand 7611 class="relative shrink-0 flex items-center self-center px-1 border-0 bg-transparent p-0 cursor-pointer text-left" 7612 x-show="$store.cart.expandedLineKey !== item.key" 7613 x-transition.opacity 7614 @click.stop="window.__AGENCY_CART?.toggleCartLineExpand?.($event, item.key)" 7615 aria-label="Aantal aanpassen" 7616 > 7617 <span class="relative z-[1] inline-flex items-center gap-1.5 rounded-[8px] border !border-[#0000001A] !bg-transparent p-[6px] shadow-sm"> 7618 <span class="text-sm font-medium leading-none" aria-hidden="true">â</span> 7619 <span class="min-w-[0.875rem] text-center text-sm font-medium tabular-nums leading-normal text-[#414141] tracking-tight" x-text="item.quantity"></span> 7620 <span class="text-sm font-medium leading-none" aria-hidden="true">+</span> 7621 </span> 7622 </div> 7623 7624 7625 7626 <!-- Slide-in controls (drawer: all breakpoints; cart page: mobile only) --> 7627 <div 7628 class="absolute inset-y-0 right-0 z-10 flex items-stretch justify-end pointer-events-none" 7629 :aria-hidden="$store.cart.expandedLineKey === item.key ? 'false' : 'true'" 7630 > 7631 <div class="flex h-full items-center self-center"> 7632 <div 7633 class="flex w-[157px] h-full shrink-0 items-center justify-center gap-1.5 bg-white py-0 px-2 transition-transform duration-300 ease-out will-change-transform" 7634 :class="$store.cart.expandedLineKey === item.key ? 'translate-x-0 pointer-events-auto' : 'translate-x-full pointer-events-none'" 7635 role="group" 7636 :aria-label="`Quantity controls for ${item.product_title}`" 7637 > 7638 <button 7639 type="button" 7640 class="flex size-[33px] shrink-0 items-center justify-center border !border-[#0000001A] !bg-transparent !text-[#414141] transition-opacity disabled:opacity-50 quantity-selector__button" 7641 :aria-label="item.quantity === 1 ? 'Remove from cart' : 'Decrease quantity'" 7642 :disabled="$store.cart.loading" 7643 @click="item.quantity === 1 ? $store.cart.updateQuantity(item.key, 0, 'remove') : $store.cart.updateQuantity(item.key, item.quantity - 1, 'minus')" 7644 > 7645 <template x-if="item.quantity === 1"> 7646 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-3" aria-hidden="true"> 7647 <path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" /> 7648 </svg> 7649 </template> 7650 <template x-if="item.quantity > 1">
7651 <span class="text-sm font-medium leading-none" aria-hidden="true">â</span> 7652 </template> 7653 </button> 7654 <div class="flex h-[33px] w-[60px] shrink-0 items-center justify-center rounded-lg border !border-[#0000001A] bg-transparent p-1.5"> 7655 <label :for="`quantity-slide-${item.key}`" class="sr-only">Quantity for <span x-text="item.product_title"></span></label> 7656 <input 7657 :id="`quantity-slide-${item.key}`" 7658 type="number" 7659 class="w-full min-w-0 border-0 bg-transparent p-0 text-center text-sm font-medium leading-normal text-[#414141] tracking-tight [-moz-appearance:textfield] focus:outline-none focus:ring-0 [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none" 7660 :value="item.quantity" 7661 :disabled="$store.cart.loading" 7662 @change="$store.cart.updateQuantity(item.key, parseInt($el.value))" 7663 :aria-label="`Quantity of ${item.product_title}`" 7664 min="0" 7665 > 7666 </div> 7667 <button 7668 type="button" 7669 class="flex size-[33px] shrink-0 items-center justify-center border !border-[#0000001A] !bg-transparent !text-[#414141] transition-opacity disabled:opacity-50 quantity-selector__button" 7670 aria-label="Increase quantity" 7671 :disabled="$store.cart.loading" 7672 @click="$store.cart.updateQuantity(item.key, item.quantity + 1, 'plus')" 7673 > 7674 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-3" aria-hidden="true"> 7675 <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" /> 7676 </svg> 7677 </button> 7678 </div> 7679 </div> 7680 </div> 7681</li> 7682 7683 </template> 7684 </ul> 7685 </div> 7686 7687 <!-- Footer --> 7688 <div class="px-4 py-6 sm:px-6 bg-[#F9F9F9]"> 7689 7690 7691 7692 7693 7694 7695 7696 7697 7698 7699 7700 7701 7702 7703<div :aria-busy="$store.cart.loading"> 7704 7705 7706 <div class="flex justify-between text-base font-semibold text-gray-900 mb-4"> 7707 <p>Totaal</p> 7708 <div> 7709 <template x-if="!$store.cart.loading"> 7710 <p x-text="$store.cart.formatMoney($store.cart.cart.total_price)"></p> 7711 </template> 7712 <template x-if="$store.cart.loading"> 7713 <p class="animate-pulse text-gray-400" x-text="$store.cart.formatMoney($store.cart.cart.total_price)"></p> 7714 </template> 7715 </div> 7716 </div> 7717 7718 <div 7719 x-show="$store.cart.totalSavingsCents > 0" 7720 x-cloak 7721 class="flex justify-end mb-4 -mt-2" 7722 > 7723 <span 7724 class="inline-flex items-center font-semibold text-[14px] whitespace-nowrap" 7725 x-text="`Je bespaart ${$store.cart.formatMoney($store.cart.totalSavingsCents)}`" 7726 ></span> 7727 </div> 7728</div> 7729 7730<a 7731 href="/checkout" 7732 class="button button-primary w-full flex items-center justify-center gap-2 px-6 py-3.5 shadow-sm !bg-[var(--button-background)] !text-[var(--button-text-color)] font-medium" 7733 :aria-label="`Proceed to checkout. Subtotal: ${$store.cart.formatMoney($store.cart.cart.total_price)}`" 7734> 7735 <svg width="19" height="20" viewBox="0 0 19 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 7736<path d="M5.65375 19.3078C5.16792 19.3078 4.75483 19.1375 4.4145 18.797C4.07417 18.4567 3.904 18.0436 3.904 17.5578C3.904 17.0718 4.07417 16.6586 4.4145 16.3183C4.75483 15.9779 5.16792 15.8077 5.65375 15.8077C6.13975 15.8077 6.55292 15.9779 6.89325 16.3183C7.23358 16.6586 7.40375 17.0718 7.40375 17.5578C7.40375 18.0436 7.23358 18.4567 6.89325 18.797C6.55292 19.1375 6.13975 19.3078 5.65375 19.3078ZM15.3463 19.3078C14.8603 19.3078 14.4471 19.1375 14.1068 18.797C13.7664 18.4567 13.5963 18.0436 13.5963 17.5578C13.5963 17.0718 13.7664 16.6586 14.1068 16.3183C14.4471 15.9779 14.8603 15.8077 15.3463 15.8077C15.8321 15.8077 16.2452 15.9779 16.5855 16.3183C16.9258 16.6586 17.096 17.0718 17.096 17.5578C17.096 18.0436 16.9258 18.4567 16.5855 18.797C16.2452 19.1375 15.8321 19.3078 15.3463 19.3078ZM4.51525 3.5L7.05 8.80775H13.8673C13.9249 8.80775 13.9763 8.79333 14.0213 8.7645C14.0661 8.73567 14.1045 8.69558 14.1365 8.64425L16.8193 3.76925C16.8578 3.69875 16.8609 3.63625 16.8288 3.58175C16.7968 3.52725 16.7423 3.5 16.6653 3.5H4.51525ZM3.79625 2H17.6808C18.0898 2
773618.399 2.17408 18.6085 2.52225C18.8182 2.87025 18.8282 3.22567 18.6385 3.5885L15.4345 9.39225C15.2705 9.68075 15.0536 9.90542 14.7838 10.0662C14.5138 10.2273 14.2179 10.3077 13.8963 10.3077H6.6L5.44225 12.423C5.39092 12.5 5.38933 12.5833 5.4375 12.673C5.4855 12.7628 5.55758 12.8077 5.65375 12.8077H17.096V14.3077H5.65375C4.98708 14.3077 4.48617 14.0203 4.151 13.4453C3.81567 12.8702 3.80383 12.2962 4.1155 11.723L5.54225 9.15775L1.904 1.5H0V0H2.84625L3.79625 2Z" fill="currentColor"/> 7737</svg> 7738 Afrekenen 7739</a> 7740 7741 7742 7743 7744 7745 7746 7747 <div 7748 class="flex flex-wrap items-center gap-x-3 gap-y-1 min-h-[22px] text-gray-400 mt-4" 7749 role="img" 7750 aria-label="We accepteren" 7751 > 7752 <ul class="payment-icons flex flex-row items-center gap-1.5 justify-center items-center w-full"> 7753 7754 7755 <li> 7756 <svg class="icon h-[20px] w-auto" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-maestro"><title id="pi-maestro">Maestro</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#00A2E5" cx="23" cy="12" r="7"/><path fill="#7375CF" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg> 7757 </li> 7758 7759 <li> 7760 <svg class="icon h-[20px] w-auto" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg> 7761 7762 </li> 7763 7764 <li> 7765 <svg class="icon h-[20px] w-auto" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778
776516.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg> 7766 7767 </li> 7768 7769 7770 </ul> 7771 </div> 7772 7773 7774 </div> 7775 </div> 7776 7777 </div> 7778 </div> 7779 </div> 7780 </div> 7781 </div> 7782</div> 7783 7784 7785<dialog 7786 id="cart-notification-modal" 7787 x-data="cartModal" 7788 @close="onDialogClose()" 7789 class="modal modal-bottom sm:modal-middle" 7790 aria-labelledby="cart-modal-title" 7791> 7792 <div class="modal-box relative z-10 w-full max-w-3xl p-0 bg-white"> 7793 <!-- Header Section with Added Product --> 7794 <div class="relative border-b border-gray-200 px-5 py-4 md:p-8 md:pb-6"> 7795 <!-- Native method=dialog close â does not depend on Alpine $el --> 7796 <form method="dialog" class="absolute right-4 top-4 z-50"> 7797 <button 7798 type="submit" 7799 class="pointer-events-auto flex size-9 cursor-pointer items-center justify-center rounded-full bg-gray-100 text-[#414141] transition-opacity hover:bg-gray-200 hover:opacity-70 p-[3px]" 7800 aria-label="Sluiten" 7801 > 7802 <svg class="pointer-events-none size-4" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"> 7803 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> 7804 </svg> 7805 </button> 7806 </form> 7807 7808 <!-- Success Message --> 7809 <div class="mb-2 flex items-center gap-2.5 text-[#00aa28] md:gap-2 md:text-green-600"> 7810 <svg class="size-6 shrink-0 md:size-5" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"> 7811 <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> 7812 </svg> 7813 <span id="cart-modal-title" class="font-onest text-base font-semibold leading-[1.3] tracking-tight md:font-medium">Artikel toegevoegd aan je winkelwagen</span> 7814 </div> 7815 7816 <!-- Added Product Info --> 7817 <template x-if="addedItem && addedLines.length > 0"> 7818 <div class="flex flex-col gap-4 md:flex-row md:items-start md:gap-[10px] md:justify-between"> 7819 <!-- Line items (Figma mobile: 12px gap rows; qty 20px + 41px thumb + title / subtitle) --> 7820 <div class="flex min-w-0 flex-1 flex-col gap-3 md:gap-3"> 7821 <template x-for="(line, lineIndex) in addedLines" :key="line.variant_id != null ? line.variant_id : lineIndex"> 7822 <div class="flex items-start gap-[10px]"> 7823 <div class="flex w-5 shrink-0 items-center self-stretch md:w-5"> 7824 <span class="text-sm font-normal leading-[1.5] tracking-tight text-[#414141]" x-text="`${line.quantity}x`"></span> 7825 </div> 7826 <div class="relative h-[41px] w-[41px] shrink-0 overflow-hidden rounded-lg bg-gray-100 md:rounded-lg"> 7827 <template x-if="line.image"> 7828 <img 7829 :src="line.image" 7830 :alt="line.product_title" 7831 class="pointer-events-none size-full object-cover" 7832 width="41" 7833 height="41" 7834 loading="lazy" 7835 > 7836 </template> 7837 <template x-if="!line.image"> 7838 <div class="flex size-full items-center justify-center" aria-hidden="true"> 7839 <svg class="size-6 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 7840 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" /> 7841 </svg> 7842 </div> 7843 </template> 7844 </div> 7845 <div class="min-w-0 flex-1"> 7846 <p 7847 class="font-onest text-xl font-semibold leading-[1.3] tracking-tight text-[#414141] normal-case" 7848 x-text="line.product_title" 7849 ></p> 7850 <p 7851 x-show="line.locatie" 7852 x-text="line.locatie" 7853 class="!text-[14px] font-normal leading-[1.5] tracking-tight text-[#79757a]" 7854 ></p> 7855 <p 7856 class="mt-0.5 text-[14px] font-normal leading-[1.5] tracking-tight text-[#79757a]" 7857 x-show="line.variant_title" 7858 x-text="line.variant_title" 7859 ></p> 7860 </div> 7861 </div> 7862 </template> 7863 </div> 7864 7865 <!-- Action buttons â stacked below line items on mobile, sidebar on md+ --> 7866 <div class="flex w-full shrink-0 flex-col gap-2 md:w-auto md:min-w-[200px]"> 7867 <button 7868 type="button" 7869 @click="goToCart()"
7870 class="cart-notification-modal__cta cart-notification-modal__cta--view-cart inline-flex w-full items-center justify-center gap-2 button px-4 py-2 text-base font-normal leading-[1.5] tracking-tight transition-colors" 7871 > 7872 <span class="inline-flex size-5 shrink-0 items-center justify-center [&>svg]:block [&>svg]:size-5 [--icon-stroke-width:2px]" aria-hidden="true"><!-- @license lucide-static v0.577.0 - ISC --> 7873<svg 7874 class="lucide lucide-shopping-cart" 7875 xmlns="http://www.w3.org/2000/svg" 7876 width="24" 7877 height="24" 7878 viewBox="0 0 24 24" 7879 fill="none" 7880 stroke="currentColor" 7881 stroke-width="var(--icon-stroke-width, 2)" 7882 stroke-linecap="round" 7883 stroke-linejoin="round" 7884> 7885 <circle cx="8" cy="21" r="1" /> 7886 <circle cx="19" cy="21" r="1" /> 7887 <path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12" /> 7888</svg> 7889</span> 7890 Naar winkelwagen 7891 </button> 7892 <a 7893 href="/" 7894 class="cart-notification-modal__cta cart-notification-modal__cta--continue-shopping relative z-10 inline-flex w-full cursor-pointer items-center justify-center no-underline button px-4 py-2 text-base font-normal leading-[1.5] tracking-tight transition-colors border border-black/10" 7895 > 7896 Verder winkelen 7897 </a> 7898 </div> 7899 </div> 7900 </template> 7901 </div> 7902 7903 <!-- Frequently Bought Together Section --> 7904 <div class="px-5 py-4 md:p-8"> 7905 <!-- Skeleton Loader --> 7906 <template x-if="loadingRecommendations"> 7907 <div class="cart-recommendations-skeleton" aria-hidden="true"> 7908 <div class="cart-recommendations-skeleton__item cart-recommendations-skeleton__heading mb-6 h-6 w-48 rounded-md"></div> 7909 <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3"> 7910 <template x-for="i in 3" :key="i"> 7911 <div class="flex flex-col"> 7912 <div class="cart-recommendations-skeleton__item mb-4 aspect-[3/2] w-full rounded-lg"></div> 7913 <div class="mb-2 flex justify-between"> 7914 <div class="cart-recommendations-skeleton__item h-3 w-16 rounded"></div> 7915 <div class="cart-recommendations-skeleton__item h-3 w-12 rounded"></div> 7916 </div> 7917 <div class="cart-recommendations-skeleton__item mb-4 h-6 w-full rounded-md"></div> 7918 <div class="cart-recommendations-skeleton__item h-6 w-24 rounded-md"></div> 7919 </div> 7920 </template> 7921 </div> 7922 </div> 7923 </template> 7924 7925 <template x-if="!loadingRecommendations && recommendations.length > 0"> 7926 <div> 7927 <div class="font-onest mb-4 text-base leading-[1.3] tracking-tight text-[#414141] md:mb-6 md:!text-[20px]"> 7928 Vaak samen gekocht 7929 </div> 7930 7931 <!-- Mobile: horizontal rows, 54px thumb, dividers (Figma) --> 7932 <div class="mb-6 flex flex-col divide-y divide-black/10 md:hidden"> 7933 <template x-for="product in recommendations" :key="product.id"> 7934 <a 7935 :href="product.url" 7936 class="group flex gap-2.5 py-3 text-left no-underline first:pt-0 last:pb-0" 7937 > 7938 <div class="relative size-[54px] shrink-0 overflow-hidden rounded-lg bg-[#ddd]"> 7939 <template x-if="getProductImage(product)"> 7940 <img 7941 :src="getProductImage(product)" 7942 :alt="product.title" 7943 class="size-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" 7944 loading="lazy" 7945 width="54" 7946 height="54" 7947 > 7948 </template> 7949 </div> 7950 <div class="flex min-w-0 flex-1 flex-col justify-center gap-0 font-onest"> 7951 <p 7952 class="line-clamp-2 text-sm font-semibold leading-[1.3] tracking-tight text-[#414141]" 7953 x-text="product.title" 7954 ></p> 7955 <p 7956 class="text-xs font-normal leading-[1.5] tracking-tight text-[#79757a]" 7957 x-show="hasLocatie(product)" 7958 x-text="getLocatie(product)" 7959 ></p> 7960 <div class="mt-0.5 flex flex-wrap items-center gap-3 whitespace-normal"> 7961 <template x-if="getRecommendationPriceDisplay(product).showFrom">
7962 <span class="text-xs leading-[1.5] tracking-tight text-[#79757a]"> 7963 Vanaf 7964 </span> 7965 </template> 7966 <span 7967 class="text-sm font-semibold leading-[1.3] tracking-tight text-[var(--product-card-price-current)]" 7968 x-text="formatMoney(getRecommendationPriceDisplay(product).price)" 7969 ></span> 7970 <template x-if="getRecommendationPriceDisplay(product).compareAt != null"> 7971 <span 7972 class="font-onest text-sm font-normal leading-[1.3] tracking-tight text-[#79757a] line-through decoration-solid" 7973 x-text="formatMoney(getRecommendationPriceDisplay(product).compareAt)" 7974 ></span> 7975 </template> 7976 </div> 7977 </div> 7978 </a> 7979 </template> 7980 </div> 7981 7982 <!-- Desktop: product grid (unchanged) --> 7983 <div class="mb-6 hidden grid-cols-1 gap-4 md:grid md:grid-cols-3"> 7984 <template x-for="product in recommendations" :key="product.id"> 7985 <a 7986 :href="product.url" 7987 class="group flex min-w-0 flex-col gap-4 text-left no-underline" 7988 > 7989 <div class="relative aspect-[3/2] w-full overflow-hidden rounded-lg bg-[#ddd]"> 7990 <template x-if="getProductImage(product)"> 7991 <img 7992 :src="getProductImage(product)" 7993 :alt="product.title" 7994 class="size-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" 7995 loading="lazy" 7996 width="336" 7997 height="224" 7998 > 7999 </template> 8000 </div> 8001 8002 <div class="flex flex-col gap-4 font-onest"> 8003 <div class="flex flex-col gap-2"> 8004 <div 8005 class="flex w-full items-center justify-between gap-2" 8006 x-show="hasLocatie(product) || hasRating(product)" 8007 > 8008 <p 8009 class="min-w-0 truncate text-xs font-medium leading-normal tracking-tight text-[#d94f6b]" 8010 x-show="hasLocatie(product)" 8011 x-text="getLocatie(product)" 8012 ></p> 8013 <div 8014 class="flex shrink-0 items-center gap-1.5" 8015 :class="!hasLocatie(product) && hasRating(product) ? 'ml-auto' : ''" 8016 x-show="hasRating(product)" 8017 > 8018 <span class="inline-flex size-4 items-center justify-center text-amber-500 [&>svg]:block [&>svg]:size-full" aria-hidden="true"> 8019 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 14 13" fill="none"> 8020 <path d="M6.09478 0.345482C6.24446 -0.115174 6.89616 -0.115172 7.04584 0.345483L8.25417 4.06433C8.32111 4.27034 8.51308 4.40982 8.7297 4.40982H12.6399C13.1243 4.40982 13.3257 5.02963 12.9338 5.31433L9.77037 7.6127C9.59513 7.74003 9.5218 7.96571 9.58874 8.17172L10.7971 11.8906C10.9467 12.3512 10.4195 12.7343 10.0276 12.4496L6.8642 10.1512C6.68896 10.0239 6.45166 10.0239 6.27642 10.1512L3.11298 12.4496C2.72112 12.7343 2.19388 12.3512 2.34356 11.8906L3.55189 8.17172C3.61882 7.96571 3.54549 7.74003 3.37025 7.6127L0.206808 5.31433C-0.185049 5.02963 0.0163404 4.40982 0.500702 4.40982H4.41093C4.62754 4.40982 4.81952 4.27034 4.88646 4.06433L6.09478 0.345482Z" fill="#FFBB00"/> 8021 </svg> 8022 </span> 8023 <span class="text-[10px] leading-normal tracking-tight text-[#414141]" x-text="formatRatingSlash5(product)"></span> 8024 </div> 8025 </div> 8026 <p 8027 class="line-clamp-2 !text-[20px] leading-[1.3] tracking-tight text-[#414141]" 8028 x-text="product.title" 8029 ></p> 8030 </div> 8031 8032 <div class="flex flex-wrap items-center gap-2 whitespace-normal"> 8033 <template x-if="getRecommendationPriceDisplay(product).showFrom">
8034 <span class="text-base leading-normal tracking-tight text-[#79757a]"> 8035 Vanaf 8036 </span> 8037 </template> 8038 <span 8039 class="!text-[20px] leading-[1.3] tracking-tight text-[var(--product-card-price-current)]" 8040 x-text="formatMoney(getRecommendationPriceDisplay(product).price)" 8041 ></span> 8042 <template x-if="getRecommendationPriceDisplay(product).compareAt != null"> 8043 <span 8044 class="text-base leading-normal tracking-tight text-[#79757a] line-through decoration-solid" 8045 x-text="formatMoney(getRecommendationPriceDisplay(product).compareAt)" 8046 ></span> 8047 </template> 8048 </div> 8049 </div> 8050 </a> 8051 </template> 8052 </div> 8053 8054 <!-- Progress Bar (cart progress towards free shipping) --> 8055 <div class="flex justify-center mb-6" x-show="$store.cart.settings.threshold > 0"> 8056 <div class="w-48"> 8057 <div class="text-xs text-center text-gray-500 mb-2" x-text="$store.cart.message"></div> 8058 <div class="w-full h-1.5 bg-gray-200 rounded-full overflow-hidden"> 8059 <div 8060 class="h-full bg-gray-600 rounded-full transition-all duration-500" 8061 :style="`width: ${$store.cart.progress}%`" 8062 ></div> 8063 </div> 8064 </div> 8065 </div> 8066 </div> 8067 </template> 8068 </div> 8069 </div> 8070 8071 <!-- Backdrop - clicking closes the modal --> 8072 <form method="dialog" class="modal-backdrop"> 8073 <button type="submit">Sluiten</button> 8074 </form> 8075</dialog> 8076 8077<style data-shopify> 8078 #cart-notification-modal .cart-notification-modal__cta--view-cart { 8079 background-color: #6060B6 !important; 8080 color: #ffffff !important; 8081 } 8082 8083 #cart-notification-modal .cart-notification-modal__cta--view-cart:hover { 8084 background-color: #4f4fad !important; 8085 } 8086 8087 #cart-notification-modal .cart-notification-modal__cta--continue-shopping { 8088 background-color: #ffffff !important; 8089 color: #414141 !important; 8090 } 8091 8092 #cart-notification-modal .cart-notification-modal__cta--continue-shopping:hover { 8093 background-color: #f7f7f7 !important; 8094 } 8095</style> 8096 8097 8098 8099 8100 8101<div 8102 x-data="cartToast" 8103 class="cart-toast-container fixed bottom-4 right-4 z-[9999] flex flex-col-reverse gap-2 pointer-events-none sm:bottom-6 sm:right-6" 8104 role="status" 8105 aria-live="polite" 8106 aria-atomic="false" 8107> 8108 <template x-for="toast in toasts" :key="toast.id"> 8109 <div 8110 x-show="toast.visible" 8111 x-transition:enter="cart-toast-enter" 8112 x-transition:enter-start="cart-toast-enter-start" 8113 x-transition:enter-end="cart-toast-enter-end" 8114 x-transition:leave="cart-toast-leave" 8115 x-transition:leave-start="cart-toast-leave-start" 8116 x-transition:leave-end="cart-toast-leave-end" 8117 class="cart-toast pointer-events-auto flex items-center gap-3 rounded-xl px-4 py-3 shadow-lg min-w-[260px] max-w-[360px]" 8118 > 8119 <span class="shrink-0 text-[#00aa28]" aria-hidden="true"> 8120 <svg class="size-5" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"> 8121 <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> 8122 </svg> 8123 </span> 8124 8125 <p class="flex-1 text-sm leading-snug" x-text="toast.message"></p> 8126 8127 <button 8128 type="button" 8129 class="cart-toast__close shrink-0 opacity-60 transition-opacity hover:opacity-100" 8130 aria-label="Sluiten" 8131 @click="dismiss(toast.id)" 8132 > 8133 <svg class="size-4" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"> 8134 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> 8135 </svg> 8136 </button> 8137 </div> 8138 </template> 8139</div> 8140 8141 8142 8143 8144 8145<div 8146 x-data="nfSearchModal" 8147 @open-mobile-search.window="openSearch()" 8148 data-predictive-search-url="/search/suggest" 8149 data-search-url="/search" 8150> 8151 <dialog 8152 x-ref="searchDialog" 8153 @click="handleBackdropClick($event)" 8154 @close="onDialogClose()" 8155 class="nf-search-dialog" 8156 :aria-label=""Zoeken openen"" 8157 aria-modal="true" 8158 ><div 8159 x-ref="dialogPanel" 8160 class="nf-search-panel relative flex h-full flex-col !bg-[var(--background)] lg:h-auto lg:max-h-[85vh] lg:overflow-hidden lg:border-b lg:border-gray-200" 8161 ><div class="relative shrink-0 border-b border-[#0000001A]"> 8162 <div class="flex items-center gap-5 px-5 py-4 lg:mx-auto lg:w-full lg:max-w-[658px] lg:gap-3 lg:px-4 lg:py-4"><button 8163 @click="closeSearch()" 8164 type="button" 8165 class="shrink-0 rounded-md border-0 bg-transparent p-1 text-gray-700 transition-colors hover:bg-gray-100 lg:hidden" 8166 aria-label="Sluiten" 8167 >
8168 <span class="inline-flex size-7 shrink-0 items-center justify-center [&>svg]:block [&>svg]:size-full text-[var(--button-background)]" aria-hidden="true"><!-- @license lucide-static v0.577.0 - ISC --> 8169<svg 8170 class="lucide lucide-chevron-left" 8171 xmlns="http://www.w3.org/2000/svg" 8172 width="24" 8173 height="24" 8174 viewBox="0 0 24 24" 8175 fill="none" 8176 stroke="currentColor" 8177 stroke-width="var(--icon-stroke-width, 2)" 8178 stroke-linecap="round" 8179 stroke-linejoin="round" 8180> 8181 <path d="m15 18-6-6 6-6" /> 8182</svg> 8183</span> 8184 </button><div class="relative flex min-w-0 flex-1 items-center"> 8185 <span 8186 class="pointer-events-none absolute left-3 top-1/2 z-[1] inline-flex size-5 -translate-y-1/2 text-[var(--button-background)] [&>svg]:block [&>svg]:size-full" 8187 aria-hidden="true" 8188 ><!-- @license lucide-static v0.577.0 - ISC --> 8189<svg 8190 class="lucide lucide-search" 8191 xmlns="http://www.w3.org/2000/svg" 8192 width="24" 8193 height="24" 8194 viewBox="0 0 24 24" 8195 fill="none" 8196 stroke="currentColor" 8197 stroke-width="var(--icon-stroke-width, 2)" 8198 stroke-linecap="round" 8199 stroke-linejoin="round" 8200> 8201 <path d="m21 21-4.34-4.34" /> 8202 <circle cx="11" cy="11" r="8" /> 8203</svg> 8204</span> 8205 <input 8206 x-ref="searchInput" 8207 x-model="query" 8208 @keydown.enter.prevent="viewAllResults()" 8209 type="search" 8210 name="q" 8211 placeholder="Zoek je tickets" 8212 :aria-label="'Zoek je tickets'" 8213 autocomplete="off" 8214 autocorrect="off" 8215 spellcheck="false" 8216 class="w-full rounded-lg border border-[#0000001A] py-2 pl-11 pr-24 text-base leading-normal text-gray-900 outline-none transition-colors placeholder:text-base placeholder:leading-normal placeholder:tracking-[-0.16px] placeholder:text-[#79757a] focus:border-[#0000001A] lg:pr-12" 8217 ><button 8218 x-show="query.length > 0" 8219 x-transition:enter="transition-opacity duration-150" 8220 x-transition:enter-start="opacity-0" 8221 x-transition:enter-end="opacity-100" 8222 x-transition:leave="transition-opacity duration-150" 8223 x-transition:leave-start="opacity-100" 8224 x-transition:leave-end="opacity-0" 8225 @click="query = ''; $nextTick(() => $refs.searchInput?.focus())" 8226 type="button" 8227 class="absolute inset-y-0 right-14 flex items-center justify-center border-0 bg-transparent px-2 text-gray-400 transition-colors hover:text-gray-700 lg:right-4" 8228 aria-label="Zoekopdracht wissen" 8229 > 8230 <span class="inline-flex size-4 shrink-0 items-center justify-center [&>svg]:block [&>svg]:size-full" aria-hidden="true"><!-- @license lucide-static v0.577.0 - ISC --> 8231<svg 8232 class="lucide lucide-x-circle" 8233 xmlns="http://www.w3.org/2000/svg" 8234 width="24" 8235 height="24" 8236 viewBox="0 0 24 24" 8237 fill="none" 8238 stroke="currentColor" 8239 stroke-width="var(--icon-stroke-width, 2)" 8240 stroke-linecap="round" 8241 stroke-linejoin="round" 8242> 8243 <circle cx="12" cy="12" r="10" /> 8244 <path d="m15 9-6 6" /> 8245 <path d="m9 9 6 6" /> 8246</svg> 8247</span> 8248 </button><button 8249 :class="query.length > 0 ? 'opacity-100' : 'opacity-0 pointer-events-none'" 8250 :tabindex="query.length > 0 ? '0' : '-1'" 8251 :aria-hidden="query.length === 0 ? 'true' : undefined" 8252 type="button" 8253 @click="viewAllResults()" 8254 class="absolute inset-y-0 right-0 flex items-center justify-center rounded-r-md border-0 bg-gray-900 px-3 text-white transition-opacity duration-150 hover:bg-gray-700 lg:hidden" 8255 aria-label="Zoeken" 8256 > 8257 <span class="inline-flex size-5 shrink-0 items-center justify-center [&>svg]:block [&>svg]:size-full" aria-hidden="true"><!-- @license lucide-static v0.577.0 - ISC --> 8258<svg 8259 class="lucide lucide-search" 8260 xmlns="http://www.w3.org/2000/svg" 8261 width="24" 8262 height="24" 8263 viewBox="0 0 24 24" 8264 fill="none" 8265 stroke="currentColor" 8266 stroke-width="var(--icon-stroke-width, 2)" 8267 stroke-linecap="round" 8268 stroke-linejoin="round" 8269> 8270 <path d="m21 21-4.34-4.34" /> 8271 <circle cx="11" cy="11" r="8" /> 8272</svg> 8273</span> 8274 </button> 8275 </div><button 8276 @click="closeSearch()" 8277 type="button" 8278 class="hidden shrink-0 items-center justify-center rounded-md border-0 bg-transparent p-1.5 text-gray-500 transition-colors hover:bg-gray-100 hover:text-gray-800 lg:flex" 8279 aria-label="Sluiten" 8280 >
8281 <span class="inline-flex size-5 shrink-0 items-center justify-center [&>svg]:block [&>svg]:size-full" aria-hidden="true"><!-- @license lucide-static v0.577.0 - ISC --> 8282<svg 8283 class="lucide lucide-x" 8284 xmlns="http://www.w3.org/2000/svg" 8285 width="24" 8286 height="24" 8287 viewBox="0 0 24 24" 8288 fill="none" 8289 stroke="currentColor" 8290 stroke-width="var(--icon-stroke-width, 2)" 8291 stroke-linecap="round" 8292 stroke-linejoin="round" 8293> 8294 <path d="M18 6 6 18" /> 8295 <path d="m6 6 12 12" /> 8296</svg> 8297</span> 8298 </button> 8299 8300 </div> 8301 </div><div class="min-h-0 flex-1 w-full overflow-y-auto pb-6 pt-0 lg:pb-8 lg:pt-4"> 8302 <div class="mx-auto w-full max-w-[1280px] px-4 xl:px-0"><div 8303 x-show="isLoading && !hasResults" 8304 x-cloak 8305 role="status" 8306 aria-label="Resultaten laden" 8307 > 8308 <div class="pb-3"> 8309 <div class="mb-3 h-3 w-24 animate-pulse rounded bg-gray-200"></div> 8310 <div class="flex flex-wrap gap-2"> 8311 <div class="h-7 w-20 animate-pulse rounded-md bg-gray-200"></div> 8312 <div class="h-7 w-28 animate-pulse rounded-md bg-gray-200"></div> 8313 <div class="h-7 w-24 animate-pulse rounded-md bg-gray-200"></div> 8314 </div> 8315 </div> 8316 <div class="mt-3 pb-4"> 8317 <div class="mb-3 h-4 w-20 animate-pulse rounded bg-gray-200"></div> 8318 <ul class="m-0 list-none space-y-3 p-0 lg:grid lg:grid-cols-2 lg:gap-4 lg:space-y-0" aria-hidden="true"> 8319 <template x-for="i in 6" :key="i"> 8320 <li class="flex items-center gap-2.5 md:gap-3"> 8321 <div class="size-[54px] shrink-0 animate-pulse rounded-lg bg-gray-200 md:size-16"></div> 8322 <div class="min-w-0 flex-1 space-y-2"> 8323 <div class="h-3.5 w-3/4 animate-pulse rounded bg-gray-200"></div> 8324 <div class="h-3 w-16 animate-pulse rounded bg-gray-200"></div> 8325 </div> 8326 </li> 8327 </template> 8328 </ul> 8329 </div> 8330 </div><div 8331 x-show="hasResults" 8332 x-html="resultsHTML" 8333 x-cloak 8334 aria-live="polite" 8335 aria-atomic="false" 8336 ></div> 8337 8338 </div><div x-show="!hasResults && !isLoading" x-cloak> 8339 <div class="mx-auto w-full max-w-[1280px] px-4 xl:px-0"><section 8340 data-search-stagger 8341 :class="{ 'nf-search-stagger-in': isOpen }" 8342 style="animation-delay: 60ms;" 8343 class="flex flex-col gap-2.5 border-b border-[#0000001A] px-5 py-4 lg:border-0 lg:px-0 lg:py-0" 8344 > 8345 <div class="font-onest-semi-bold text-[20px] leading-[1.3] tracking-[-0.6px] text-[#414141]">Populaire zoekopdrachten</div> 8346 <div class="nf-search-scrollbar-hide -mx-5 flex items-center gap-2.5 overflow-x-auto px-5 lg:mx-0 lg:flex-wrap lg:overflow-visible lg:px-0"> 8347 <span 8348 data-search-stagger 8349 :class="{ 'nf-search-stagger-in': isOpen }" 8350 style="animation-delay: 90ms;" 8351 class="shrink-0" 8352 > 8353 <span class="inline-flex size-6 shrink-0 items-center justify-center text-[var(--button-background)] [&>svg]:block [&>svg]:size-full" aria-hidden="true"><!-- @license lucide-static v0.577.0 - ISC --> 8354<svg 8355 class="lucide lucide-trending-up" 8356 xmlns="http://www.w3.org/2000/svg" 8357 width="24" 8358 height="24" 8359 viewBox="0 0 24 24" 8360 fill="none" 8361 stroke="currentColor" 8362 stroke-width="var(--icon-stroke-width, 2)" 8363 stroke-linecap="round" 8364 stroke-linejoin="round" 8365> 8366 <path d="M16 7h6v6" /> 8367 <path d="m22 7-8.5 8.5-5-5L2 17" /> 8368</svg> 8369</span> 8370 </span> 8371 <template x-for="(term, index) in trendingSearches" :key="index"> 8372 <a 8373 data-search-stagger 8374 :href="term.url" 8375 :class="{ 'nf-search-stagger-in': isOpen }" 8376 :style="`animation-delay: ${130 + (index * 35)}ms;`" 8377 class="inline-flex shrink-0 items-center gap-2 whitespace-nowrap rounded-[4px] bg-[#f0f0f0] pl-[8px] pr-[12px] py-[6px] text-[14px] font-normal leading-normal tracking-[-0.14px] text-[#414141] no-u
8377nderline transition-colors hover:bg-[#e5e5e5]" 8378 > 8379 <img 8380 x-show="term.icon" 8381 :src="term.icon" 8382 :alt="term.label" 8383 width="18" 8384 height="18" 8385 loading="lazy" 8386 class="size-[18px] object-contain" 8387 > 8388 <span x-text="term.label"></span> 8389 </a> 8390 </template> 8391 <template x-if="trendingSearches.length === 0"> 8392 <span class="text-sm text-gray-400">Nog geen populaire zoekopdrachten.</span> 8393 </template> 8394 </div> 8395 </section> 8396 8397 </div> 8398 8399 <div 8400 class="mt-[16px] hidden w-full border-t border-[#0000001A] md:block" 8401 aria-hidden="true" 8402 ></div> 8403 8404 <div class="mx-auto w-full max-w-[1280px] px-4 md:mt-0 xl:px-0"><section 8405 data-search-stagger 8406 :class="{ 'nf-search-stagger-in': isOpen }" 8407 style="animation-delay: 260ms;" 8408 class="relative flex flex-col gap-4 border-b border-[#0000001A] px-5 py-4 md:border-0 md:px-0 md:py-0 lg:gap-0" 8409 > 8410 <div class="flex items-center justify-between max-w-[1280px] mx-auto md:mb-2.5 md:pt-4 w-full"> 8411 <div class="font-onest-semi-bold text-[20px] leading-[1.3] tracking-[-0.6px] text-[#414141]">Recent bekeken</div> 8412 <button 8413 x-show="recentlyViewed.length > 0" 8414 @click="clearRecentlyViewed()" 8415 type="button" 8416 class="hidden rounded-md border-0 bg-transparent px-3 py-1.5 text-sm font-medium text-[#414141] transition-colors hover:bg-black/5 md:inline-flex" 8417 > 8418 Zoekopdracht wissen 8419 </button> 8420 </div><div 8421 class="flex flex-col gap-3 divide-y divide-black/10 md:hidden" 8422 x-show="recentlyViewed.length > 0" 8423 > 8424 <template x-for="(product, index) in recentlyViewed" :key="product.id"> 8425 <a 8426 data-search-stagger 8427 :href="product.url" 8428 :class="{ 'nf-search-stagger-in': isOpen }" 8429 :style="`animation-delay: ${340 + (index * 50)}ms;`" 8430 class="flex items-start gap-2.5 bg-transparent py-3 text-left no-underline first:pt-0 last:border-0 last:pb-0" 8431 :aria-label="product.title" 8432 > 8433 <div class="size-[54px] shrink-0 overflow-hidden rounded-lg bg-gray-100"> 8434 <img 8435 x-show="product.image" 8436 :src="product.image" 8437 :alt="product.title" 8438 width="54" 8439 height="54" 8440 loading="lazy" 8441 class="size-full object-cover" 8442 > 8443 </div> 8444 8445 <div class="flex min-w-0 flex-1 flex-col justify-center"> 8446 <p 8447 class="line-clamp-2 font-onest-semi-bold text-[14px] leading-[1.3] tracking-[-0.42px] text-[#414141]" 8448 x-text="product.title" 8449 ></p> 8450 8451 <p 8452 class="text-[12px] font-normal leading-[1.5] tracking-[-0.12px] text-[#79757a]" 8453 x-show="product.metafields && product.metafields.hygraph && product.metafields.hygraph.location && product.metafields.hygraph.location.value" 8454 x-text="product.metafields?.hygraph?.location?.value" 8455 ></p> 8456 8457 <div class="flex items-center gap-3"> 8458 <span 8459 class="font-onest-semi-bold text-[14px] leading-[1.3] tracking-[-0.42px] text-[var(--product-card-price-current)]" 8460 x-text="product.price" 8461 ></span> 8462 <span 8463 class="font-onest text-[14px] font-normal leading-[1.3] tracking-[-0.42px] text-[#79757a] line-through" 8464 x-show="product.compareAtPrice" 8465 x-text="product.compareAtPrice" 8466 ></span> 8467 </div> 8468 </div> 8469 </a> 8470 </template> 8471 </div><div 8472 class="nf-search-recent-row hidden w-full gap-4 overflow-x-auto px-4 pb-2 md:grid md:px-0" 8473 x-show="recentlyViewed.length > 0" 8474 > 8475 <template x-for="(product, index) in recentlyViewed" :key="product.id"> 8476 <a 8477 data-search-stagger 8478 :href="product.url" 8479 :class="{ 'nf-search-stagger-in': isOpen }" 8480 :style="`animation-delay: ${340 + (index * 50)}ms;`" 8481 class="nf-search-recent-card flex h-full flex-col overflow-hidden text-left no-underline" 8482 :aria-label="product.title" 8483 > 8484 <div class="aspect-[3/2] w-full overflow-hidden rounded-[8px] bg-gray-100"> 8485 <img 8486 x-show="product.image" 8487 :src="product.image" 8488 :alt="product.title" 8489 width="320" 8490 height="240" 8491 loading="lazy" 8492 class="size-full object-cover" 8493 > 8494 </div> 8495 8496 <div class="flex flex-1 flex-col gap-2 pt-2 md:gap-4 md:pt-4"> 8497 <div class="flex flex-col gap-2"> 8498 <div class="flex items-center justify-between gap-2">
8499 <span 8500 class="text-[12px] font-medium leading-[1.5] tracking-[-0.12px] text-[#d94f6b]" 8501 x-show="product.metafields && product.metafields.hygraph && product.metafields.hygraph.location && product.metafields.hygraph.location.value" 8502 x-text="product.metafields?.hygraph?.location?.value" 8503 ></span> 8504 8505 <div 8506 class="flex shrink-0 items-center gap-1.5 text-[#414141]" 8507 x-show="hasProductRating(product)" 8508 > 8509 <span class="inline-flex size-4 items-center justify-center text-amber-500 [&>svg]:block [&>svg]:size-full" aria-hidden="true"> 8510 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none"> 8511 <path d="M6.09478 0.345482C6.24446 -0.115174 6.89616 -0.115172 7.04584 0.345483L8.25417 4.06433C8.32111 4.27034 8.51308 4.40982 8.7297 4.40982H12.6399C13.1243 4.40982 13.3257 5.02963 12.9338 5.31433L9.77037 7.6127C9.59513 7.74003 9.5218 7.96571 9.58874 8.17172L10.7971 11.8906C10.9467 12.3512 10.4195 12.7343 10.0276 12.4496L6.8642 10.1512C6.68896 10.0239 6.45166 10.0239 6.27642 10.1512L3.11298 12.4496C2.72112 12.7343 2.19388 12.3512 2.34356 11.8906L3.55189 8.17172C3.61882 7.96571 3.54549 7.74003 3.37025 7.6127L0.206808 5.31433C-0.185049 5.02963 0.0163404 4.40982 0.500702 4.40982H4.41093C4.62754 4.40982 4.81952 4.27034 4.88646 4.06433L6.09478 0.345482Z" fill="#FFBB00"/> 8512 </svg> 8513 </span> 8514 <span 8515 class="text-[10px] font-normal leading-[1.5] tracking-[-0.1px]" 8516 x-text="formatProductRating(product)" 8517 ></span> 8518 </div> 8519 </div> 8520 8521 <p 8522 class="line-clamp-2 font-onest-semi-bold text-[20px] leading-[1.3] tracking-[-0.6px] text-[#414141]" 8523 x-text="product.title" 8524 ></p> 8525 </div> 8526 8527 <div class="flex items-baseline gap-2"> 8528 <span 8529 class="font-onest-semi-bold text-[20px] leading-[1.3] tracking-[-0.6px] text-[var(--product-card-price-current)]" 8530 x-text="product.price" 8531 ></span> 8532 <span 8533 class="text-[16px] font-normal leading-[1.5] tracking-[-0.16px] text-[#79757a] line-through" 8534 x-show="product.compareAtPrice" 8535 x-text="product.compareAtPrice" 8536 ></span> 8537 </div> 8538 </div> 8539 </a> 8540 </template> 8541 </div> 8542 8543 <p 8544 x-show="recentlyViewed.length === 0" 8545 class="text-sm text-gray-400 max-w-[1280px] mx-auto" 8546 > 8547 Je hebt nog geen producten bekeken. 8548 </p> 8549 </section> 8550 8551 </div> 8552 8553 </div> 8554 </div><div 8555 x-show="hasResults && query.trim().length > 0" 8556 x-cloak 8557 class="nf-search-view-all flex shrink-0 justify-center border-t border-[#0000001A] bg-[var(--background)] px-4 py-4" 8558 > 8559 <a 8560 :href="`${_searchUrl}?q=${encodeURIComponent(query.trim())}&options%5Bprefix%5D=last`" 8561 class="inline-flex max-w-full items-center justify-center gap-2 rounded-full border border-[var(--button-border-color,var(--button-background))] bg-[var(--background)] px-6 py-2.5 text-sm font-onest-semi-bold !text-[var(--button-background)] no-u
8561nderline shadow-sm transition-colors hover:!border-[var(--button-background-hover,var(--button-background))] hover:!bg-[var(--button-background-hover,var(--button-background))] hover:!text-[var(--button-text-color)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--button-background)]" 8562 > 8563 <span>Bekijk alle resultaten voor</span> 8564 <span class="max-w-[160px] truncate" x-text="`\u201c${query.trim()}\u201d`"></span> 8565 </a> 8566 </div> 8567 8568 </div> 8569 </dialog> 8570</div> 8571 8572 8573 8574 8575 8576
8576<script type="module" src="//shop.nu.nl/cdn/shop/t/2/assets/localization.js?v=165830939209485909551777995118"></script>
8576 8577
8577<script type="module" src="//shop.nu.nl/cdn/shop/t/2/assets/theme.js?v=106655113242579640461782492628" defer></script>
8577 8578
8578<script src="//shop.nu.nl/cdn/shop/t/2/assets/vendor.js?v=171999034329291802321782492629" defer></script>
8578 8579
8579<script src="//shop.nu.nl/cdn/shop/t/2/assets/main.js?v=146119447899842446921788538513" defer></script>
8579<script 8580 src="//shop.nu.nl/cdn/shop/t/2/assets/nf-sso.min.js?v=51542984095996127591784285435" 8581 data-sso-url="https://account.nu.nl" 8582 data-login-url="https://www.nu.nl/login" 8583 data-logout-url="https://www.nu.nl/logout" 8584 defer 8585 ></script>
8585<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
8585 8586</body> 8587</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.