{"id":30365,"date":"2026-05-15T11:44:02","date_gmt":"2026-05-15T10:44:02","guid":{"rendered":"https:\/\/xenonkungen.com\/?page_id=30365"},"modified":"2026-06-07T19:04:39","modified_gmt":"2026-06-07T18:04:39","slug":"installaties","status":"publish","type":"page","link":"https:\/\/xenonkungen.com\/nl\/installaties\/","title":{"rendered":"Installaties"},"content":{"rendered":"<style>\n  \/* ============================================================\n     [DESIGN TOKENS] \u2013 matchar Xenonkungens befintliga system\n     ============================================================ *\/\n  :root {\n    --xk-orange: #ff6a00;\n    --xk-orange-hover: #e55f00;\n    --xk-orange-link: #ff6a00;\n    --xk-black: #0a0a0a;\n    --xk-text: #1a1a1a;\n    --xk-text-secondary: #6b7076;\n    --xk-border: #e4e5e7;\n    --xk-border-subtle: rgba(0,0,0,0.08);\n    --xk-bg: #ffffff;\n    --xk-bg-subtle: #f4f4f5;\n    --xk-radius: 8px;\n    --xk-radius-lg: 12px;\n    --xk-transition: 0.2s ease;\n\n    --xk-pad-desktop: 15px;\n    --xk-pad-mobile: 10px;\n    --xk-container: 1600px;\n  }\n\n  \/* ============================================================\n     [SCOPED RESET] \u2013 g\u00e4ller BARA installationsmodulen.\n     Inga body\/a\/img\/button\/*-regler globalt, s\u00e5 temats header\n     och footer r\u00f6rs inte (samma princip som anv-sidan).\n     ============================================================ *\/\n  .xk-hero, .xk-hero *, .xk-hero *::before, .xk-hero *::after,\n  .xk-filterbar, .xk-filterbar *, .xk-filterbar *::before, .xk-filterbar *::after,\n  .xk-grid-section-wrap, .xk-grid-section-wrap *, .xk-grid-section-wrap *::before, .xk-grid-section-wrap *::after,\n  .xk-popular, .xk-popular *, .xk-popular *::before, .xk-popular *::after,\n  .xk-install-wrap, .xk-install-wrap *, .xk-install-wrap *::before, .xk-install-wrap *::after,\n  .xk-lb, .xk-lb *, .xk-lb *::before, .xk-lb *::after,\n  .xk-modal, .xk-modal *, .xk-modal *::before, .xk-modal *::after {\n    box-sizing: border-box;\n  }\n  .xk-hero img, .xk-grid img, .xk-lb-imgwrap img { display: block; max-width: 100%; }\n  .xk-btn-primary, .xk-btn-secondary, .xk-clear, .xk-popular-chip,\n  .xk-lb-close, .xk-lb-prev, .xk-lb-next, .xk-modal-cancel {\n    font-family: inherit;\n    cursor: pointer;\n  }\n  .xk-ugc a, .xk-empty a {\n    color: var(--xk-orange-link);\n    text-decoration: underline;\n  }\n  .xk-ugc a:hover, .xk-empty a:hover { color: var(--xk-orange-hover); }\n\n  \/* ============================================================\n     [SIDBAKGRUND] \u2013 verkliga sidbakgrunden vit \u00f6verallt.\n     Bara bakgrundsf\u00e4rg (ingen typografi\/layout), g\u00e4ller endast\n     den h\u00e4r sidan. T\u00e4cker ytor mellan sektioner och utanf\u00f6r 1600.\n     ============================================================ *\/\n  html, body { background: #ffffff !important; }\n  .xk-grid-section-wrap, .xk-popular, .xk-install-wrap { background: #ffffff; }\n\n  \/* ============================================================\n     [INNER CONTAINER] \u2013 enda container-regeln, matchar anv:\n     1600px max, 15px sidor desktop \/ 10px mobil\n     ============================================================ *\/\n  .xk-install-wrap {\n    max-width: var(--xk-container);\n    margin: 0 auto;\n    padding-left: var(--xk-pad-desktop);\n    padding-right: var(--xk-pad-desktop);\n    box-sizing: border-box;\n  }\n  @media (max-width: 768px) {\n    .xk-install-wrap {\n      padding-left: var(--xk-pad-mobile);\n      padding-right: var(--xk-pad-mobile);\n    }\n  }\n\n  \/* ============================================================\n     [HERO] \u2013 plan vit, speglar .anv-hero exakt.\n     Inneh\u00e5ller breadcrumb, h1, ingress och trust-raden.\n     ============================================================ *\/\n  .xk-hero {\n    max-width: var(--xk-container);\n    margin: 0 auto;\n    background: #fff;\n    padding: 56px var(--xk-pad-desktop) 24px;\n    box-sizing: border-box;\n  }\n  @media (max-width: 768px) {\n    .xk-hero { padding: 20px var(--xk-pad-mobile) 14px; }\n  }\n\n  .xk-breadcrumb {\n    font-size: 13px;\n    color: var(--xk-text-secondary);\n    margin: 0 0 8px;\n  }\n  .xk-breadcrumb a {\n    color: var(--xk-text-secondary);\n    text-decoration: none;\n  }\n  .xk-breadcrumb a:hover { color: var(--xk-orange); }\n  .xk-breadcrumb .sep { margin: 0 8px; opacity: 0.5; }\n\n  .xk-hero h1 {\n    font-size: clamp(1.625rem, 4vw, 3.25rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    line-height: 1.1;\n    margin: 0 0 16px;\n    color: #0f1113;\n  }\n  .xk-hero p {\n    max-width: 820px;\n    font-size: 17px;\n    line-height: 1.65;\n    color: #3a3d42;\n    margin: 0;\n  }\n  @media (max-width: 768px) {\n    .xk-hero p { font-size: 15px; }\n  }\n\n  \/* ============================================================\n     [TRUST ROW] \u2013 inuti hero, speglar .anv-trust.\n     Ramen f\u00e5r hero-inneh\u00e5llets bredd (indragen 15px), inte 1600-kanten.\n     ============================================================ *\/\n  .xk-trust {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 14px 16px;\n    margin-top: 20px;\n    padding: 14px 0;\n    border-top: 1px solid var(--xk-border);\n    border-bottom: 1px solid var(--xk-border);\n    font-size: 13px;\n    color: var(--xk-text);\n  }\n  .xk-trust b { font-weight: 700; color: #0f1113; }\n  .xk-trust .muted { color: var(--xk-text-secondary); }\n  @media (max-width: 768px) {\n    .xk-trust { gap: 8px 14px; font-size: 12px; }\n    .xk-trust > .muted { display: none; }\n  }\n\n  \/* ============================================================\n     [FILTER BAR] \u2013 sticky. Bakgrunden g\u00e5r i full bredd, men\n     inneh\u00e5llet ligger i .xk-install-wrap s\u00e5 det linjerar med hero.\n     ============================================================ *\/\n  .xk-filterbar {\n    position: sticky;\n    top: 0;\n    z-index: 50;\n    background: var(--xk-bg);\n  }\n  .xk-filterbar-inner {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 0;\n    flex-wrap: wrap;\n  }\n  .xk-select-wrap { position: relative; }\n  .xk-select {\n    appearance: none;\n    -webkit-appearance: none;\n    background: var(--xk-bg);\n    border: 1px solid var(--xk-border);\n    border-radius: var(--xk-radius);\n    padding: 12px 40px 12px 16px;\n    font-size: 14px;\n    color: var(--xk-text);\n    cursor: pointer;\n    min-width: 180px;\n    transition: border-color var(--xk-transition);\n    line-height: 1.2;\n  }\n  .xk-select:hover { border-color: var(--xk-text-secondary); }\n  .xk-select:focus { outline: none; border-color: var(--xk-orange); }\n  .xk-select:disabled {\n    background: var(--xk-bg-subtle);\n    color: #aaa;\n    cursor: not-allowed;\n  }\n  .xk-select-wrap::after {\n    content: \"\";\n    position: absolute;\n    right: 16px;\n    top: 50%;\n    width: 8px;\n    height: 8px;\n    border-right: 2px solid var(--xk-text-secondary);\n    border-bottom: 2px solid var(--xk-text-secondary);\n    transform: translateY(-70%) rotate(45deg);\n    pointer-events: none;\n  }\n  .xk-clear {\n    background: none;\n    border: none;\n    color: var(--xk-text-secondary);\n    font-size: 14px;\n    padding: 12px 8px;\n    text-decoration: underline;\n    text-underline-offset: 3px;\n  }\n  .xk-clear:hover { color: var(--xk-orange); }\n  .xk-clear[hidden] { display: none; }\n  .xk-count {\n    margin-left: auto;\n    font-size: 14px;\n    color: var(--xk-text-secondary);\n  }\n  @media (max-width: 768px) {\n    .xk-filterbar-inner { flex-direction: column; align-items: stretch; gap: 8px; padding: 12px 0; }\n    .xk-select-wrap { width: 100%; }\n    .xk-select { width: 100%; min-width: 0; font-size: 14px; }\n    .xk-clear { text-align: left; align-self: flex-start; padding: 4px 0; }\n    .xk-count { margin-left: 0; text-align: left; font-size: 13px; padding-top: 4px; }\n  }\n\n  \/* ============================================================\n     [BRAND PICKER] \u2013 chips. Bygg som <button data-marke> s\u00e5 det\n     senare kan ers\u00e4ttas med <a href> till \/installationer\/{m\u00e4rke}\/\n     ============================================================ *\/\n  .xk-brands h2 {\n    font-size: 22px;\n    font-weight: 600;\n    margin: 0 0 16px;\n    color: #0f1113;\n    letter-spacing: -0.01em;\n  }\n  .xk-brand-chip[data-marke=\"__all__\"] {\n    background: transparent;\n    border-style: dashed;\n  }\n  @media (max-width: 768px) {\n    .xk-brands h2 { font-size: 16px; margin-bottom: 12px; }\n  }\n\n  \/* ============================================================\n     [INSTALLATION GRID] \u2013 3 \/ 2 \/ 1 kol, brytpunkter som anv (960 \/ 768)\n     ============================================================ *\/\n  .xk-grid-section {\n    max-width: var(--xk-container);\n    margin: 0 auto;\n    padding: 20px var(--xk-pad-desktop) 12px;\n    box-sizing: border-box;\n  }\n  @media (max-width: 768px) {\n    .xk-grid-section { padding: 14px var(--xk-pad-mobile) 6px; }\n    .xk-card-img { aspect-ratio: 16\/9; }\n    .xk-card-body { padding: 14px 16px 16px; gap: 8px; }\n    .xk-card-title { font-size: 15px; }\n    .xk-card-prods li { font-size: 13px; }\n    .xk-btn-primary { font-size: 13px; }\n  .xk-btn-primary:hover, .xk-btn-primary:focus, .xk-btn-primary:active { color: var(--color-primary, #ff6a00); text-decoration: underline; }\n  }\n  .xk-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n  }\n  @media (max-width: 960px) {\n    .xk-grid { grid-template-columns: repeat(2, 1fr); }\n  }\n  @media (max-width: 768px) {\n    .xk-grid { grid-template-columns: 1fr; gap: 12px; }\n  }\n\n  \/* [GRID CARD] \u2013 mall f\u00f6r WC-loop *\/\n  .xk-card[hidden] { display: none; }\n  .xk-card {\n    border: 1px solid #e4e5e7;\n    border-radius: 8px;\n    overflow: hidden;\n    background: #ffffff;\n    transition: transform var(--xk-transition), box-shadow var(--xk-transition);\n    display: flex;\n    flex-direction: column;\n  }\n  .xk-card:hover {\n    transform: scale(1.01);\n    box-shadow: 0 8px 24px rgba(0,0,0,0.08);\n  }\n  .xk-card-img {\n    position: relative;\n    aspect-ratio: 16\/9;\n    background: #0e1216;\n    overflow: hidden;\n    cursor: zoom-in;\n  }\n  \n  .xk-card-img > .ph {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: flex-end;\n    padding: 16px;\n    color: rgba(255,255,255,0.5);\n    font-family: ui-monospace, \"SF Mono\", Menlo, monospace;\n    font-size: 11px;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n  }\n  \/* Night-scene placeholder gradients (varierar per id f\u00f6r rytm) *\/\n  .ph-bg {\n    position: absolute;\n    inset: 0;\n  }\n  .xk-video-badge {\n    position: absolute;\n    top: 12px;\n    left: 12px;\n    background: rgba(0,0,0,0.7);\n    color: #fff;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    padding: 6px 10px;\n    border-radius: 4px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    backdrop-filter: blur(4px);\n  }\n  .xk-video-badge svg { width: 10px; height: 10px; }\n\n  .xk-card-body {\n    padding: 20px 20px 22px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    flex: 1;\n  }\n  .xk-card-title {\n    font-size: 19px;\n    font-weight: 600;\n    color: #0f1113;\n    margin: 0;\n    line-height: 1.3;\n    letter-spacing: -0.01em;\n  }\n  .xk-card-prods-label {\n    font-size: 13px;\n    color: var(--xk-text-secondary);\n    margin: 0 0 6px;\n  }\n  .xk-card-prods {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n  .xk-card-prods li {\n    font-size: 14px;\n    position: relative;\n    padding-left: 14px;\n  }\n  .xk-card-prods li::before {\n    content: \"\u2022\";\n    position: absolute;\n    left: 0;\n    color: var(--xk-text-secondary);\n  }\n  .xk-card-prods a {\n    color: #0f1113;\n    text-decoration: none;\n  }\n  .xk-card-prods a:hover {\n    color: var(--xk-orange);\n    text-decoration: underline;\n    text-underline-offset: 2px;\n  }\n\n  \/* ============================================================\n     [BUTTONS]\n     ============================================================ *\/\n  .xk-btn-primary {\n    background: transparent;\n    color: var(--xk-orange-link);\n    border: none;\n    padding: 0;\n    border-radius: 0;\n    font-weight: 600;\n    font-size: 14px;\n    text-align: left;\n    text-decoration: underline;\n    text-underline-offset: 3px;\n    transition: color var(--xk-transition);\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    line-height: 1.4;\n    cursor: pointer;\n  }\n  .xk-btn-primary:hover {\n    color: var(--xk-orange-hover);\n    text-decoration: underline;\n  }\n  .xk-btn-primary.is-full { width: auto; margin-top: 0; }\n\n  .xk-btn-secondary {\n    background: transparent;\n    color: var(--xk-text);\n    border: 1px solid var(--xk-text);\n    padding: 14px 28px;\n    border-radius: var(--xk-radius);\n    font-weight: 600;\n    font-size: 15px;\n    text-decoration: none;\n    transition: all var(--xk-transition);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    line-height: 1.2;\n  }\n  .xk-btn-secondary:hover {\n    background: var(--xk-text);\n    color: #fff;\n  }\n\n  \/* ============================================================\n     [LOAD MORE \/ EMPTY]\n     ============================================================ *\/\n  .xk-loadmore-wrap {\n    display: flex;\n    justify-content: center;\n    padding: 20px 0 8px;\n  }\n  .xk-loadmore-wrap[hidden] { display: none; }\n  .xk-empty {\n    text-align: center;\n    padding: 64px 24px;\n    color: var(--xk-text-secondary);\n  }\n  .xk-empty[hidden] { display: none; }\n  .xk-empty strong { display: block; color: var(--xk-text); font-size: 18px; margin-bottom: 8px; }\n\n  \/* ============================================================\n     [POPULAR INSTALLATIONS] \u2013 egen sektion, inneh\u00e5ll indraget\n     15px som resten. Pillren \u00e4r inneh\u00e5llsanpassade (inte styvt rutn\u00e4t).\n     ============================================================ *\/\n  .xk-popular {\n    max-width: var(--xk-container);\n    margin: 0 auto;\n    padding: 40px var(--xk-pad-desktop) 40px;\n    box-sizing: border-box;\n  }\n  @media (max-width: 768px) {\n    .xk-popular { padding: 28px var(--xk-pad-mobile) 28px; }\n  }\n  .xk-popular h2 {\n    font-size: clamp(1.5rem, 2.5vw, 1.875rem);\n    font-weight: 600;\n    letter-spacing: -0.01em;\n    margin: 0 0 12px;\n    color: #0f1113;\n  }\n  .xk-popular p.intro {\n    max-width: 720px;\n    color: var(--xk-text-secondary);\n    margin: 0 0 28px;\n  }\n  .xk-popular-grid {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n  .xk-popular-chip {\n    display: inline-flex;\n    align-items: center;\n    max-width: 100%;\n    background: var(--xk-bg-subtle);\n    border: 1px solid var(--xk-border);\n    border-radius: 999px;\n    padding: 8px 16px;\n    font-size: 13px;\n    font-weight: 500;\n    color: #0f1113;\n    text-decoration: none;\n    text-align: left;\n    line-height: 1.3;\n    transition: all var(--xk-transition);\n  }\n  .xk-popular-chip:hover {\n    background: #fff;\n    border-color: var(--xk-orange);\n    color: var(--xk-orange);\n  }\n  \n\n\n  \/* ============================================================\n     [UGC MAILTO ROW] \u2013 ingen sektion, bara en rad\n     ============================================================ *\/\n  .xk-ugc {\n    max-width: 720px;\n    margin: 0 auto;\n    text-align: center;\n    padding: 28px 0;\n    color: var(--xk-text-secondary);\n    font-size: 15px;\n  }\n  .xk-ugc a {\n    color: var(--xk-orange-link);\n    font-weight: 600;\n  }\n\n  \/* ============================================================\n     [LIGHTBOX]\n     ============================================================ *\/\n  .xk-lb {\n    position: fixed;\n    inset: 0;\n    z-index: 1000;\n    background: rgba(10,10,10,0.92);\n    display: none;\n    align-items: center;\n    justify-content: center;\n    padding: 24px;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n  }\n  .xk-lb.is-open {\n    display: flex;\n    opacity: 1;\n  }\n  .xk-lb-stage {\n    position: relative;\n    width: 100%;\n    max-width: 1100px;\n    max-height: calc(100vh - 48px);\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n  .xk-lb-imgwrap {\n    position: relative;\n    background: #0e1216;\n    border-radius: var(--xk-radius-lg) var(--xk-radius-lg) 0 0;\n    aspect-ratio: 4\/3;\n    max-height: 65vh;\n    overflow: hidden;\n  }\n  .xk-lb-info {\n    background: #fff;\n    padding: 20px 24px;\n    border-radius: 0 0 var(--xk-radius-lg) var(--xk-radius-lg);\n    display: flex;\n    gap: 24px;\n    align-items: center;\n    flex-wrap: wrap;\n  }\n  .xk-lb-info .meta { flex: 1; min-width: 240px; }\n  .xk-lb-info h3 {\n    font-size: 18px;\n    margin: 0 0 6px;\n    font-weight: 700;\n  }\n  .xk-lb-info .prods {\n    font-size: 14px;\n    color: var(--xk-text-secondary);\n  }\n  .xk-lb-info .prods a {\n    color: #0f1113;\n    text-decoration: underline;\n    text-underline-offset: 2px;\n  }\n  .xk-lb-info .prods a:hover { color: var(--xk-orange); }\n  .xk-lb-close, .xk-lb-prev, .xk-lb-next {\n    position: absolute;\n    background: rgba(255,255,255,0.95);\n    border: none;\n    width: 44px;\n    height: 44px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--xk-black);\n    transition: background var(--xk-transition), transform var(--xk-transition);\n    z-index: 2;\n  }\n  .xk-lb-close:hover, .xk-lb-prev:hover, .xk-lb-next:hover {\n    background: #fff;\n    transform: scale(1.05);\n  }\n  .xk-lb-close {\n    top: 12px;\n    right: 12px;\n  }\n  .xk-lb-prev { left: 12px; top: 50%; transform: translateY(-50%); }\n  .xk-lb-next { right: 12px; top: 50%; transform: translateY(-50%); }\n  .xk-lb-prev:hover, .xk-lb-next:hover { transform: translateY(-50%) scale(1.05); }\n  .xk-lb-counter {\n    position: absolute;\n    bottom: 12px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(0,0,0,0.6);\n    color: #fff;\n    font-size: 12px;\n    padding: 6px 12px;\n    border-radius: 100px;\n    backdrop-filter: blur(4px);\n  }\n\n  \/* ============================================================\n     [MINI MODAL] \u2013 flera produkter -> kryssrutor + total\n     ============================================================ *\/\n  .xk-modal {\n    position: fixed;\n    inset: 0;\n    z-index: 1100;\n    background: rgba(10,10,10,0.6);\n    display: none;\n    align-items: center;\n    justify-content: center;\n    padding: 24px;\n  }\n  .xk-modal.is-open { display: flex; }\n  .xk-modal-box {\n    background: #fff;\n    border-radius: var(--xk-radius-lg);\n    width: 100%;\n    max-width: 460px;\n    padding: 28px;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.3);\n  }\n  .xk-modal-box h3 {\n    margin: 0 0 4px;\n    font-size: 18px;\n    font-weight: 700;\n  }\n  .xk-modal-box .sub {\n    color: var(--xk-text-secondary);\n    font-size: 14px;\n    margin: 0 0 20px;\n  }\n  .xk-modal-list {\n    list-style: none;\n    padding: 0;\n    margin: 0 0 20px;\n    border-top: 1px solid var(--xk-border);\n  }\n  .xk-modal-list li {\n    border-bottom: 1px solid var(--xk-border);\n    padding: 14px 0;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .xk-modal-list .name { flex: 1; font-size: 15px; font-weight: 500; }\n  .xk-modal-list .price { font-size: 14px; color: var(--xk-text-secondary); font-variant-numeric: tabular-nums; }\n  .xk-modal-list input[type=\"checkbox\"] {\n    width: 18px;\n    height: 18px;\n    accent-color: var(--xk-orange);\n    cursor: pointer;\n  }\n  .xk-modal-total {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n    padding-bottom: 16px;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--xk-border);\n  }\n  .xk-modal-total .label { font-size: 14px; color: var(--xk-text-secondary); }\n  .xk-modal-total .sum { font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; }\n  .xk-modal-actions { display: flex; gap: 12px; }\n  .xk-modal-actions .xk-btn-primary { flex: 1; }\n  .xk-modal-cancel {\n    background: none;\n    border: none;\n    color: var(--xk-text-secondary);\n    text-decoration: underline;\n    font-size: 14px;\n    padding: 0 8px;\n  }\n  .xk-modal-cancel:hover { color: var(--xk-text); }\n\n  \/* Beh\u00e5ll orange f\u00e4rg p\u00e5 hover f\u00f6r alla orange CTA-l\u00e4nkar *\/\n  .xk-card a:hover, .xk-card button:hover { text-decoration: underline; }\n  .xk-btn-primary:hover, .xk-btn-primary:focus { color: var(--color-primary, #ff6a00) !important; }\n  a.xk-btn-primary:hover, button.xk-btn-primary:hover { color: var(--color-primary, #ff6a00) !important; }\n\n  \/* Multi-image lightbox st\u00f6d *\/\n  \/* Fix: visa hela bilden utan att zooma in p\u00e5 portr\u00e4tt-bilder *\/\n  .xk-lb-imgwrap {\n    aspect-ratio: auto !important;\n    max-height: 75vh !important;\n    background: #0e1216;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n  }\n  .xk-lb-imgwrap img,\n  .xk-lb-img {\n    width: auto !important;\n    height: auto !important;\n    max-width: 100% !important;\n    max-height: 75vh !important;\n    object-fit: contain !important;\n    display: block;\n  }\n\n  .xk-lb-counter-v2 {\n    position: absolute;\n    top: 16px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(0,0,0,0.75);\n    color: #fff;\n    padding: 6px 14px;\n    border-radius: 100px;\n    font-size: 13px;\n    font-weight: 500;\n    z-index: 5;\n    pointer-events: none;\n    width: auto !important;\n    height: auto !important;\n    min-height: 0 !important;\n    line-height: 1.2 !important;\n    white-space: nowrap;\n    display: inline-block;\n    flex: none;\n  }\n  .xk-lb-thumbs {\n    display: flex;\n    gap: 6px;\n    padding: 12px 16px;\n    overflow-x: auto;\n    background: #fff;\n    border-top: 1px solid #e4e5e7;\n    scrollbar-width: thin;\n    -webkit-overflow-scrolling: touch;\n  }\n  .xk-lb-thumb {\n    flex: 0 0 auto;\n    width: 64px;\n    height: 64px;\n    padding: 0;\n    border: 2px solid transparent;\n    border-radius: 6px;\n    overflow: hidden;\n    cursor: pointer;\n    background: #f5f6f7;\n    transition: border-color .15s ease, transform .15s ease;\n  }\n  .xk-lb-thumb:hover { transform: scale(1.04); }\n  .xk-lb-thumb.is-active {\n    border-color: var(--color-primary, #ff5e00);\n  }\n  .xk-lb-thumb img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n  \/* Multi-image badge p\u00e5 kort i grid *\/\n  .xk-card-img-badge {\n    position: absolute;\n    top: 12px;\n    right: 12px;\n    background: rgba(0,0,0,0.75);\n    color: #fff;\n    padding: 4px 10px;\n    border-radius: 100px;\n    font-size: 12px;\n    font-weight: 500;\n    z-index: 2;\n    backdrop-filter: blur(4px);\n    pointer-events: none;\n  }\n  .xk-card-img { position: relative; }\n  @media (max-width: 600px) {\n    .xk-lb-thumb { width: 52px; height: 52px; }\n    .xk-lb-thumbs { padding: 8px 12px; }\n  }\n\n<\/style>\n<!--\n  =========================================================================\n  [SECTION: HERO] \u2013 breadcrumb + h1 + ingress + trust, speglar anv-sidan\n  =========================================================================\n-->\n<header class=\"xk-hero\">\n  <nav class=\"xk-breadcrumb\" aria-label=\"Paneermeel\">\n    <a href=\"\/nl\/\">Home<\/a><span class=\"sep\">\/<\/span><span>Installaties<\/span>\n  <\/nav>\n  <h1>Installaties van onze klanten<\/h1>\n  <p>Laat je inspireren door echte installaties \u2013 zoek je automodel of product op en kijk hoe het resultaat eruitziet.<\/p>\n  <section class=\"xk-trust\">\n    <span><b>100% tevredenheidsgarantie<\/b><\/span>\n    <span class=\"muted\">\u00b7<\/span>\n    <span><b>30 dagen<\/b> <span class=\"muted\">open verkoop<\/span><\/span>\n    <span class=\"muted\">\u00b7<\/span>\n    <span><b>1-3 dagen<\/b> <span class=\"muted\">levering<\/span><\/span>\n    <span class=\"muted\">\u00b7<\/span>\n    <span><b>Erkende dealer<\/b> <span class=\"muted\">sinds 2004<\/span><\/span>\n    <span class=\"muted\">\u00b7<\/span>\n    <span><b>Gratis verzending<\/b> <span class=\"muted\">meer dan 1.995 SEK<\/span><\/span>\n  <\/section>\n<\/header>\n\n<!--\n  =========================================================================\n  [SECTION: FILTER BAR] \u2013 sticky, custom shortcode-kandidat\n  =========================================================================\n-->\n<div class=\"xk-filterbar\" id=\"filterbar\">\n  <div class=\"xk-install-wrap\">\n    <div class=\"xk-filterbar-inner\">\n      <div class=\"xk-select-wrap\">\n        <select class=\"xk-select\" id=\"f-marke\" aria-label=\"Automerk\">\n          <option value=\"\">Alle automerken<\/option>\n        <\/select>\n      <\/div>\n      <div class=\"xk-select-wrap\">\n        <select class=\"xk-select\" id=\"f-produkt\" aria-label=\"Product\">\n          <option value=\"\">Alle producten<\/option>\n        <\/select>\n      <\/div>\n      <button type=\"button\" class=\"xk-clear\" id=\"f-clear\" hidden>Filters wissen<\/button>\n      <div class=\"xk-count\" id=\"f-count\">20 van de 20 installaties weergegeven<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!--\n  =========================================================================\n  [SECTION: BRAND PICKER]\n  M\u00e4rkes-chips bygger som <button data-marke>. I FAS 2 byt mot\n  <a href=\"\/installationer\/{marke}\/\"> n\u00e4r m\u00e4rkessidor finns.\n  =========================================================================\n-->\n\n\n<!--\n  =========================================================================\n  [SECTION: INSTALLATION GRID] \u2013 mall f\u00f6r WooCommerce-loop\n  =========================================================================\n-->\n<section class=\"xk-grid-section-wrap\"><div class=\"xk-grid-section\">\n  <div class=\"xk-grid\" id=\"grid\">\n      <article class=\"xk-card\" data-id=\"131\" data-marke=\"BMW\" data-modell=\"X3\" data-datum=\"2026-06-07\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/06\/BMW-X3-Twilight-scaled.jpg\" data-bilder='[\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/06\/BMW-X3-Twilight-scaled.jpg\",\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/06\/BMW-X3-Twilighr2-scaled.jpg\"]' data-produkter='[{\"namn\":\"Luxtar Twilight\",\"id\":944,\"pris\":null,\"url\":\"\/produkt\/luxtar-twilight-300w-3\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"131\" aria-label=\"Bekijk een grotere afbeelding\">\n          <span class=\"xk-card-img-badge\">+1 foto&#039;s<\/span>\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/06\/BMW-X3-Twilight-scaled.jpg\" alt=\"BMW X3 met Luxtar Twilight\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">BMW X3<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Ge\u00efnstalleerde producten:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/nl\/product\/luxtar-twilight-300w-3\/\">Luxtar Twilight<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"131\">\n            Koop dezelfde installatie \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"130\" data-marke=\"Ford\" data-modell=\"Transit\" data-datum=\"2026-05-21\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Transit-Stellar.jpg\" data-bilder='[\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Transit-Stellar.jpg\",\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Transit-Stellar.png\",\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Transit-Stellar-2.jpg\",\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Transit-Purelux-scaled.jpg\",\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Transit-Purelux.png\",\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Pickup-Stellar.jpg\",\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Pickup-Purelux.png\"]' data-produkter='[{\"namn\":\"Luxtar Stellar\",\"id\":9200,\"pris\":null,\"url\":\"\/produkt\/luxtar-stellar-white-rad4\/\"},{\"namn\":\"Purelux\",\"id\":null,\"pris\":null,\"url\":null}]'>\n        <div class=\"xk-card-img\" data-id=\"130\" aria-label=\"Bekijk een grotere afbeelding\">\n          <span class=\"xk-card-img-badge\">+6 afbeeldingen<\/span>\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Transit-Stellar.jpg\" alt=\"Ford Transit met Luxtar Stellar en Purelux\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Ford Transit<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Ge\u00efnstalleerde producten:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/nl\/product\/luxtar-stellar-white-rad4\/\">Luxtar Stellar, Purelux<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"130\">\n            Koop dezelfde installatie \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"129\" data-marke=\"Volkswagen\" data-modell=\"Golf\" data-datum=\"2026-05-21\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/VW-Golf-Twilight-Stellar-S14-scaled.jpg\" data-produkter='[{\"namn\":\"Luxtar Twilight\",\"id\":944,\"pris\":null,\"url\":\"\/produkt\/luxtar-twilight-300w-3\/\"},{\"namn\":\"Luxtar Stellar\",\"id\":9078,\"pris\":null,\"url\":\"\/produkt\/luxtar-stellar-black-rad2\/\"},{\"namn\":\"Luxtar S14\",\"id\":957,\"pris\":null,\"url\":\"\/produkt\/luxtar-ledramp-s14-drl-72w\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"129\" aria-label=\"Bekijk een grotere afbeelding\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/VW-Golf-Twilight-Stellar-S14-scaled.jpg\" alt=\"Volkswagen Golf met Luxtar Twilight, Stellar en S14\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Volkswagen Golf<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Ge\u00efnstalleerde producten:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/nl\/product\/luxtar-twilight-300w-3\/\">Luxtar Twilight, Luxtar Stellar, Luxtar S14<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"129\">\n            Koop dezelfde installatie \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"127\" data-marke=\"Skoda\" data-modell=\"Octavia\" data-datum=\"2026-05-21\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/skoda-octavia-luxtar-ticon.png\" data-produkter='[{\"namn\":\"Luxtar Ticon\",\"id\":28819,\"pris\":null,\"url\":\"\/produkt\/luxtar-ticon\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"127\" aria-label=\"Bekijk een grotere afbeelding\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/skoda-octavia-luxtar-ticon.png\" alt=\"Skoda Octavia met Luxtar Ticon\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Skoda Octavia<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Ge\u00efnstalleerde producten:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/nl\/product\/luxtar-ticon\/\">Luxtar Ticon<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"127\">\n            Koop dezelfde installatie \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"128\" data-marke=\"BMW\" data-modell=\"5-Serie\" data-datum=\"2026-05-21\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/BMW-5-Serie-Luxtar-Ticon.png\" data-produkter='[{\"namn\":\"Luxtar Ticon\",\"id\":28819,\"pris\":null,\"url\":\"\/produkt\/luxtar-ticon\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"128\" aria-label=\"Bekijk een grotere afbeelding\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/BMW-5-Serie-Luxtar-Ticon.png\" alt=\"BMW 5 Serie met Luxtar Ticon\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">BMW 5 Serie<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Ge\u00efnstalleerde producten:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/nl\/product\/luxtar-ticon\/\">Luxtar Ticon<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"128\">\n            Koop dezelfde installatie \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"101\" data-marke=\"KIA\" data-modell=\"EV6\" data-datum=\"2026-05-14\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/KIA-EV6-Luxtar-X20-scaled.jpg\" data-produkter='[{\"namn\":\"Inf\u00e4llnadspaket LUXTAR X20 Black Edition\",\"id\":11639,\"pris\":null,\"url\":\"\/produkt\/infallnadspaket-luxtar-x20-black-edition-xbb\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"101\" aria-label=\"Bekijk een grotere afbeelding\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/KIA-EV6-Luxtar-X20-scaled.jpg\" alt=\"KIA EV6 met verzonken pakket LUXTAR X20 Black Edition\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">KIA EV6<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Ge\u00efnstalleerde producten:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/nl\/product\/luxe-pakket-luxtar-x20-black-edition-xbb\/\">Inbouwpakket LUXTAR X20 Black Edition<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"101\">\n            Koop dezelfde installatie \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"103\" data-marke=\"Ford\" data-modell=\"Ranger\" data-datum=\"2026-05-13\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Ranger-Luxtar-X24.jpg\" data-produkter='[{\"namn\":\"Luxtar X24\",\"id\":12349,\"pris\":1599,\"url\":\"\/produkt\/luxtar-x24\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"103\" aria-label=\"Bekijk een grotere afbeelding\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Ranger-Luxtar-X24.jpg\" alt=\"Ford Ranger met Luxtar X24\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Ford Ranger<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Ge\u00efnstalleerde producten:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/nl\/product\/luxtar-x24\/\">Luxtar X24<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"103\">\n            Koop dezelfde installatie \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"105\" data-marke=\"Ford\" data-modell=\"Ranger\" data-datum=\"2026-05-12\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Ranger-Luxtar-X20-scaled.jpg\" data-produkter='[{\"namn\":\"Luxtar X20\",\"id\":12348,\"pris\":1299,\"url\":\"\/produkt\/luxtar-x20\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"105\" aria-label=\"Bekijk een grotere afbeelding\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Ranger-Luxtar-X20-scaled.jpg\" alt=\"Ford Ranger met Luxtar X20\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Ford Ranger<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Ge\u00efnstalleerde producten:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/nl\/product\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"105\">\n            Koop dezelfde installatie \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"106\" data-marke=\"Dodge\" data-modell=\"RAM\" data-datum=\"2026-05-11\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Dodge-Ram-Luxtar-X20-.jpg\" data-produkter='[{\"namn\":\"Luxtar X20\",\"id\":12348,\"pris\":1299,\"url\":\"\/produkt\/luxtar-x20\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"106\" aria-label=\"Bekijk een grotere afbeelding\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Dodge-Ram-Luxtar-X20-.jpg\" alt=\"Dodge RAM met Luxtar X20\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Dodge RAM<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Ge\u00efnstalleerde producten:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/nl\/product\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"106\">\n            Koop dezelfde installatie \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"108\" data-marke=\"Volvo\" data-modell=\"V60\" data-datum=\"2026-05-10\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Volvo-V60-V-sight-Tron-9-3-scaled.jpg\" data-produkter='[{\"namn\":\"V-sight Tron 9\",\"id\":12399,\"pris\":3499,\"url\":\"\/produkt\/v-sight-tron-9\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"108\" aria-label=\"Bekijk een grotere afbeelding\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Volvo-V60-V-sight-Tron-9-3-scaled.jpg\" alt=\"Volvo V60 met V-sight Tron 9\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Volvo V60<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Ge\u00efnstalleerde producten:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/nl\/product\/v-sight-tron-9\/\">V-vizier Tron 9<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"108\">\n            Koop dezelfde installatie \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"109\" data-marke=\"Volvo\" data-modell=\"XC60\" data-datum=\"2026-05-09\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Volvo-XC60-Luxtar-X18-scaled.jpg\" data-produkter='[{\"namn\":\"Luxtar X18\",\"id\":12354,\"pris\":1799,\"url\":\"\/produkt\/luxtar-x18\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"109\" aria-label=\"Bekijk een grotere afbeelding\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Volvo-XC60-Luxtar-X18-scaled.jpg\" alt=\"Volvo XC60 met Luxtar X18\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Volvo XC60<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Ge\u00efnstalleerde producten:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/nl\/product\/luxtar-x18\/\">Luxtar X18<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"109\">\n            Koop dezelfde installatie \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"110\" data-marke=\"Volvo\" data-modell=\"XC60\" data-datum=\"2026-05-08\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Volvo-XC60-X20-scaled.jpg\" data-produkter='[{\"namn\":\"Luxtar X20\",\"id\":12348,\"pris\":1299,\"url\":\"\/produkt\/luxtar-x20\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"110\" aria-label=\"Bekijk een grotere afbeelding\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Volvo-XC60-X20-scaled.jpg\" alt=\"Volvo XC60 met Luxtar X20\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Volvo XC60<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Ge\u00efnstalleerde producten:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/nl\/product\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"110\">\n            Koop dezelfde installatie \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"112\" data-marke=\"Volkswagen\" data-modell=\"Amarok\" data-datum=\"2026-04-30\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Volkswagen-Amarok-Luxtar-X24-1-scaled.jpg\" data-produkter='[{\"namn\":\"Luxtar X24\",\"id\":12349,\"pris\":1599,\"url\":\"\/produkt\/luxtar-x24\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"112\" aria-label=\"Bekijk een grotere afbeelding\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Volkswagen-Amarok-Luxtar-X24-1-scaled.jpg\" alt=\"Volkswagen Amarok met Luxtar X24\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Volkswagen Amarok<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Ge\u00efnstalleerde producten:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/nl\/product\/luxtar-x24\/\">Luxtar X24<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"112\">\n            Koop dezelfde installatie \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"113\" data-marke=\"Volkswagen\" data-modell=\"Passat\" data-datum=\"2026-04-29\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Volkswagen-Passat-Luxtar-X24-Luxtar-X10-scaled.jpg\" data-produkter='[{\"namn\":\"Luxtar X24\",\"id\":12349,\"pris\":1599,\"url\":\"\/produkt\/luxtar-x24\/\"},{\"namn\":\"Luxtar X10\",\"id\":12347,\"pris\":999,\"url\":\"\/produkt\/luxtar-x10\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"113\" aria-label=\"Bekijk een grotere afbeelding\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Volkswagen-Passat-Luxtar-X24-Luxtar-X10-scaled.jpg\" alt=\"Volkswagen Passat met Luxtar X24, Luxtar X10\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Volkswagen Passat<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Ge\u00efnstalleerde producten:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/nl\/product\/luxtar-x24\/\">Luxtar X24<\/a><\/li><li><a href=\"\/nl\/product\/luxtar-x10\/\">Luxtar X10<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"113\">\n            Koop dezelfde installatie \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"114\" data-marke=\"Volkswagen\" data-modell=\"Tiguan\" data-datum=\"2026-04-28\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Volkswagen-Tiguan-NBB-Alpha-scaled.jpeg\" data-produkter='[{\"namn\":\"NBB Alpha\",\"id\":12500,\"pris\":2999,\"url\":\"\/produkt\/nbb-alpha\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"114\" aria-label=\"Bekijk een grotere afbeelding\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Volkswagen-Tiguan-NBB-Alpha-scaled.jpeg\" alt=\"Volkswagen Tiguan met NBB Alpha\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Volkswagen Tiguan<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Ge\u00efnstalleerde producten:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/nl\/product\/nbb-alpha\/\">NBB Alpha<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"114\">\n            Koop dezelfde installatie \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"115\" data-marke=\"Volkswagen\" data-modell=\"Transporter\" data-datum=\"2026-04-27\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Volkswagen-Transporter-Luxtar-X12-scaled.jpg\" data-produkter='[{\"namn\":\"Luxtar X12\",\"id\":12380,\"pris\":1499,\"url\":\"\/produkt\/luxtar-x12\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"115\" aria-label=\"Bekijk een grotere afbeelding\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Volkswagen-Transporter-Luxtar-X12-scaled.jpg\" alt=\"Volkswagen Transporter met Luxtar X12\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Volkswagen Transporter<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Ge\u00efnstalleerde producten:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/nl\/product\/luxtar-x12\/\">Luxtar X12<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"115\">\n            Koop dezelfde installatie \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"117\" data-marke=\"Ford\" data-modell=\"Transit\" data-datum=\"2026-04-26\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Transit-Luxtar-X20-scaled.jpg\" data-produkter='[{\"namn\":\"Luxtar X20\",\"id\":12348,\"pris\":1299,\"url\":\"\/produkt\/luxtar-x20\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"117\" aria-label=\"Bekijk een grotere afbeelding\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-Transit-Luxtar-X20-scaled.jpg\" alt=\"Ford Transit met Luxtar X20\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Ford Transit<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Ge\u00efnstalleerde producten:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/nl\/product\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"117\">\n            Koop dezelfde installatie \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"118\" data-marke=\"Ford\" data-modell=\"S-MAX\" data-datum=\"2026-04-25\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-SMAX-Luxtar-X20-scaled.jpeg\" data-produkter='[{\"namn\":\"Luxtar X20\",\"id\":12348,\"pris\":1299,\"url\":\"\/produkt\/luxtar-x20\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"118\" aria-label=\"Bekijk een grotere afbeelding\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Ford-SMAX-Luxtar-X20-scaled.jpeg\" alt=\"Ford S-MAX met Luxtar X20\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Ford S-MAX<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Ge\u00efnstalleerde producten:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/nl\/product\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"118\">\n            Koop dezelfde installatie \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"126\" data-marke=\"Tesla\" data-modell=\"Model Y Juniper\" data-datum=\"2026-04-25\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Tesla-Juniper-Luxtar-Twilight.png\" data-produkter='[{\"namn\":\"Luxtar Twilight\",\"id\":12346,\"pris\":1999,\"url\":\"\/produkt\/luxtar-twilight\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"126\" aria-label=\"Bekijk een grotere afbeelding\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Tesla-Juniper-Luxtar-Twilight.png\" alt=\"Tesla Model Y Juniper met Luxtar Twilight\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Tesla Model Y Juniper<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Ge\u00efnstalleerde producten:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/nl\/product\/schemering-luxtar\/\">Luxtar Twilight<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"126\">\n            Koop dezelfde installatie \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"119\" data-marke=\"Tesla\" data-modell=\"Model Y\" data-datum=\"2026-04-24\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Tesla-Model-Y-Luxtar-Twilight.jpg\" data-produkter='[{\"namn\":\"Luxtar Twilight\",\"id\":12346,\"pris\":1999,\"url\":\"\/produkt\/luxtar-twilight\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"119\" aria-label=\"Bekijk een grotere afbeelding\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Tesla-Model-Y-Luxtar-Twilight.jpg\" alt=\"Tesla Model Y met Luxtar Twilight\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Tesla Model Y<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Ge\u00efnstalleerde producten:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/nl\/product\/schemering-luxtar\/\">Luxtar Twilight<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"119\">\n            Koop dezelfde installatie \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"120\" data-marke=\"Subaru\" data-modell=\"Outback\" data-datum=\"2026-04-23\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Subaru-Outback-Luxtar-X10.jpg\" data-produkter='[{\"namn\":\"Luxtar X10\",\"id\":12347,\"pris\":999,\"url\":\"\/produkt\/luxtar-x10\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"120\" aria-label=\"Bekijk een grotere afbeelding\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Subaru-Outback-Luxtar-X10.jpg\" alt=\"Subaru Outback met Luxtar X10\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Subaru Outback<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Ge\u00efnstalleerde producten:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/nl\/product\/luxtar-x10\/\">Luxtar X10<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"120\">\n            Koop dezelfde installatie \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"121\" data-marke=\"Mitsubishi\" data-modell=\"Outlander\" data-datum=\"2026-04-22\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Mitsubishi-Outlander-Luxar-X18-Luxar-X24-scaled.jpg\" data-produkter='[{\"namn\":\"Luxtar X18\",\"id\":12354,\"pris\":1799,\"url\":\"\/produkt\/luxtar-x18\/\"},{\"namn\":\"Luxtar X24\",\"id\":12349,\"pris\":1599,\"url\":\"\/produkt\/luxtar-x24\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"121\" aria-label=\"Bekijk een grotere afbeelding\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Mitsubishi-Outlander-Luxar-X18-Luxar-X24-scaled.jpg\" alt=\"Mitsubishi Outlander met Luxtar X18, Luxtar X24\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Mitsubishi Outlander<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Ge\u00efnstalleerde producten:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/nl\/product\/luxtar-x18\/\">Luxtar X18<\/a><\/li><li><a href=\"\/nl\/product\/luxtar-x24\/\">Luxtar X24<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"121\">\n            Koop dezelfde installatie \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"123\" data-marke=\"Mitsubishi\" data-modell=\"Outlander\" data-datum=\"2026-04-21\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Mitshibushi-Outlander-Luxtar-X24.jpg\" data-produkter='[{\"namn\":\"Luxtar X24\",\"id\":12349,\"pris\":1599,\"url\":\"\/produkt\/luxtar-x24\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"123\" aria-label=\"Bekijk een grotere afbeelding\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Mitshibushi-Outlander-Luxtar-X24.jpg\" alt=\"Mitsubishi Outlander met Luxtar X24\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Mitsubishi Outlander<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Ge\u00efnstalleerde producten:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/nl\/product\/luxtar-x24\/\">Luxtar X24<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"123\">\n            Koop dezelfde installatie \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"124\" data-marke=\"Skoda\" data-modell=\"Octavia\" data-datum=\"2026-04-20\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Skoda-Octavia-Luxtar-X20-scaled.jpg\" data-produkter='[{\"namn\":\"Luxtar X20\",\"id\":12348,\"pris\":1299,\"url\":\"\/produkt\/luxtar-x20\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"124\" aria-label=\"Bekijk een grotere afbeelding\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Skoda-Octavia-Luxtar-X20-scaled.jpg\" alt=\"Skoda Octavia met Luxtar X20\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Skoda Octavia<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Ge\u00efnstalleerde producten:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/nl\/product\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"124\">\n            Koop dezelfde installatie \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n      <article class=\"xk-card\" data-id=\"125\" data-marke=\"Honda\" data-modell=\"Civic\" data-datum=\"2026-04-19\" data-video=\"0\" data-bild=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Honda-Civic-Luxtar-X20.jpg\" data-produkter='[{\"namn\":\"Luxtar X20\",\"id\":12348,\"pris\":1299,\"url\":\"\/produkt\/luxtar-x20\/\"}]'>\n        <div class=\"xk-card-img\" data-id=\"125\" aria-label=\"Bekijk een grotere afbeelding\">\n          <img decoding=\"async\" src=\"https:\/\/spcdn.shortpixel.ai\/spio\/ret_img,q_cdnize,to_webp,s_webp\/xenonkungen.com\/wp-content\/uploads\/2026\/05\/Honda-Civic-Luxtar-X20.jpg\" alt=\"Honda Civic met Luxtar X20\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block\">\n        <\/div>\n        <div class=\"xk-card-body\">\n          <h3 class=\"xk-card-title\">Honda Civic<\/h3>\n          <div>\n            <p class=\"xk-card-prods-label\">Ge\u00efnstalleerde producten:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/nl\/product\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"125\">\n            Koop dezelfde installatie \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n  <\/div>\n\n  <div class=\"xk-empty\" id=\"empty\" hidden>\n    <strong>Geen enkele installatie komt overeen met uw filter.<\/strong>\n    Probeer eens een ander automerk of product te kiezen, of <a href=\"#\" id=\"empty-clear\">Wis de filters<\/a>.\n  <\/div>\n\n  <div class=\"xk-loadmore-wrap\" id=\"loadmore-wrap\">\n    <button type=\"button\" class=\"xk-btn-secondary\" id=\"loadmore\">Meer installaties weergeven<\/button>\n  <\/div>\n  <\/div>\n<\/section>\n\n<!--\n  =========================================================================\n  [SECTION: POPULAR INSTALLATIONS] \u2013 SEO long-tail\n  =========================================================================\n-->\n<section class=\"xk-popular\">\n  <h2>Populaire installaties<\/h2>\n  <p class=\"intro\">Meest voorkomende combinaties die onze klanten installeren. Klik om direct op afbeeldingen te filteren.<\/p>\n  <div class=\"xk-popular-grid\" id=\"popular-grid\">\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=kia&amp;modell=ev6&amp;produkt=infallnadspaket-luxtar-x20-black-edition\" data-marke=\"KIA\" data-modell=\"EV6\" data-produkt=\"infallnadspaket-luxtar-x20-black-edition\">KIA EV6 + Verzonken Pakket LUXTAR X20 Black Edition<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=ford&amp;modell=ranger&amp;produkt=luxtar-x24\" data-marke=\"Ford\" data-modell=\"Ranger\" data-produkt=\"luxtar-x24\">Ford Ranger + Luxtar X24<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=ford&amp;modell=ranger&amp;produkt=luxtar-x20\" data-marke=\"Ford\" data-modell=\"Ranger\" data-produkt=\"luxtar-x20\">Ford Ranger + Luxtar X20<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=dodge&amp;modell=ram&amp;produkt=luxtar-x20\" data-marke=\"Dodge\" data-modell=\"RAM\" data-produkt=\"luxtar-x20\">Dodge RAM + Luxtar X20<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=volvo&amp;modell=v60&amp;produkt=v-sight-tron-9\" data-marke=\"Volvo\" data-modell=\"V60\" data-produkt=\"v-sight-tron-9\">Volvo V60 + V-sight Tron 9<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=volvo&amp;modell=xc60&amp;produkt=luxtar-x18\" data-marke=\"Volvo\" data-modell=\"XC60\" data-produkt=\"luxtar-x18\">Volvo XC60 + Luxtar X18<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=volvo&amp;modell=xc60&amp;produkt=luxtar-x20\" data-marke=\"Volvo\" data-modell=\"XC60\" data-produkt=\"luxtar-x20\">Volvo XC60 + Luxtar X20<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=volkswagen&amp;modell=amarok&amp;produkt=luxtar-x24\" data-marke=\"Volkswagen\" data-modell=\"Amarok\" data-produkt=\"luxtar-x24\">Volkswagen Amarok + Luxtar X24<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=volkswagen&amp;modell=passat&amp;produkt=luxtar-x24\" data-marke=\"Volkswagen\" data-modell=\"Passat\" data-produkt=\"luxtar-x24\">Volkswagen Passat + Luxtar X24<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=volkswagen&amp;modell=passat&amp;produkt=luxtar-x10\" data-marke=\"Volkswagen\" data-modell=\"Passat\" data-produkt=\"luxtar-x10\">Volkswagen Passat + Luxtar X10<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=volkswagen&amp;modell=tiguan&amp;produkt=nbb-alpha\" data-marke=\"Volkswagen\" data-modell=\"Tiguan\" data-produkt=\"nbb-alpha\">Volkswagen Tiguan + NBB Alpha<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=volkswagen&amp;modell=transporter&amp;produkt=luxtar-x12\" data-marke=\"Volkswagen\" data-modell=\"Transporter\" data-produkt=\"luxtar-x12\">Volkswagen Transporter + Luxtar X12<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=ford&amp;modell=transit&amp;produkt=luxtar-x20\" data-marke=\"Ford\" data-modell=\"Transit\" data-produkt=\"luxtar-x20\">Ford Transit + Luxtar X20<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=ford&amp;modell=s-max&amp;produkt=luxtar-x20\" data-marke=\"Ford\" data-modell=\"S-MAX\" data-produkt=\"luxtar-x20\">Ford S-MAX + Luxtar X20<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=tesla&amp;modell=model-y-juniper&amp;produkt=luxtar-twilight\" data-marke=\"Tesla\" data-modell=\"Model Y Juniper\" data-produkt=\"luxtar-twilight\">Tesla Model Y Juniper + Luxtar Twilight<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=tesla&amp;modell=model-y&amp;produkt=luxtar-twilight\" data-marke=\"Tesla\" data-modell=\"Model Y\" data-produkt=\"luxtar-twilight\">Tesla Model Y + Luxtar Twilight<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=subaru&amp;modell=outback&amp;produkt=luxtar-x10\" data-marke=\"Subaru\" data-modell=\"Outback\" data-produkt=\"luxtar-x10\">Subaru Outback + Luxtar X10<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=mitsubishi&amp;modell=outlander&amp;produkt=luxtar-x18\" data-marke=\"Mitsubishi\" data-modell=\"Outlander\" data-produkt=\"luxtar-x18\">Mitsubishi Outlander + Luxtar X18<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=mitsubishi&amp;modell=outlander&amp;produkt=luxtar-x24\" data-marke=\"Mitsubishi\" data-modell=\"Outlander\" data-produkt=\"luxtar-x24\">Mitsubishi Outlander + Luxtar X24<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=skoda&amp;modell=octavia&amp;produkt=luxtar-x20\" data-marke=\"Skoda\" data-modell=\"Octavia\" data-produkt=\"luxtar-x20\">Skoda Octavia + Luxtar X20<\/a>\n      <a class=\"xk-popular-chip\" rel=\"nofollow\" href=\"?marke=honda&amp;modell=civic&amp;produkt=luxtar-x20\" data-marke=\"Honda\" data-modell=\"Civic\" data-produkt=\"luxtar-x20\">Honda Civic + Luxtar X20<\/a>\n  <\/div>\n<\/section>\n\n<!--\n  =========================================================================\n  [SECTION: UGC MAILTO ROW]\n  =========================================================================\n-->\n<div class=\"xk-install-wrap\">\n  <p class=\"xk-ugc\">\n    Heeft u een installatie die u wilt delen? Stuur de afbeelding naar\n    <a href=\"mailto:galleri@xenonkungen.com\">gallery@xenonkungen.com<\/a>\n    We plaatsen het online - en je krijgt 10 % korting op je volgende aankoop.\n  <\/p>\n<\/div>\n\n<!-- Footer renders from theme - do not include -->\n\n<!--\n  =========================================================================\n  [LIGHTBOX] \u2013 \u00e5teranv\u00e4ndbar p\u00e5 produktsidor\n  =========================================================================\n-->\n<div class=\"xk-lb\" id=\"lightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Installatieafbeelding\">\n  <div class=\"xk-lb-stage\">\n    <button class=\"xk-lb-close\" id=\"lb-close\" aria-label=\"Dichtbij\">\n      <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"><path d=\"M18 6 6 18M6 6l12 12\"\/><\/svg>\n    <\/button>\n    <button class=\"xk-lb-prev\" id=\"lb-prev\" aria-label=\"Vorig\">\n      <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m15 18-6-6 6-6\"\/><\/svg>\n    <\/button>\n    <button class=\"xk-lb-next\" id=\"lb-next\" aria-label=\"Volgende\">\n      <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"\/><\/svg>\n    <\/button>\n    <div class=\"xk-lb-imgwrap\" id=\"lb-imgwrap\">\n      <div class=\"xk-lb-counter\" id=\"lb-counter\">1 \/ 12<\/div>\n    <\/div>\n    <div class=\"xk-lb-info\">\n      <div class=\"meta\">\n        <h3 id=\"lb-title\">Volvo V60 (2018\u20132024)<\/h3>\n        <div class=\"prods\" id=\"lb-prods\">Ge\u00efnstalleerde producten: \u2026<\/div>\n      <\/div>\n      <button type=\"button\" class=\"xk-btn-primary\" id=\"lb-cta\">Koop dezelfde installatie \u2192<\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!--\n  =========================================================================\n  [MINI MODAL] \u2013 flera produkter\n  =========================================================================\n-->\n<div class=\"xk-modal\" id=\"cartmodal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Voeg de installatie toe aan je winkelmandje\">\n  <div class=\"xk-modal-box\">\n    <h3 id=\"cm-title\">Koop dezelfde installatie<\/h3>\n    <p class=\"sub\" id=\"cm-sub\">Selecteer de producten die u aan uw winkelwagen wilt toevoegen.<\/p>\n    <ul class=\"xk-modal-list\" id=\"cm-list\"><\/ul>\n    <div class=\"xk-modal-total\">\n      <span class=\"label\">Totaal<\/span>\n      <span class=\"sum\" id=\"cm-total\">0 kr<\/span>\n    <\/div>\n    <div class=\"xk-modal-actions\">\n      <button type=\"button\" class=\"xk-btn-primary\" id=\"cm-add\">Voeg 2 producten toe aan je winkelwagen<\/button>\n      <button type=\"button\" class=\"xk-modal-cancel\" id=\"cm-cancel\">Annuleren<\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n\/* =========================================================================\n   [DOM-DRIVEN] \u2013 allt inneh\u00e5ll finns som statisk HTML i sidan.\n   JavaScript skapar inget, det filtrerar och visar\/d\u00f6ljer befintliga kort.\n   ========================================================================= *\/\n\n\/* Slug-helper (f\u00f6r URL-params och matchning) *\/\nconst slug = (s) => s.toLowerCase()\n  .replace(\/\u00e5\/g,\"a\").replace(\/\u00e4\/g,\"a\").replace(\/\u00f6\/g,\"o\")\n  .replace(\/[^a-z0-9]+\/g,\"-\").replace(\/(^-|-$)\/g,\"\");\n\nconst $ = (s, r=document) => r.querySelector(s);\nconst $$ = (s, r=document) => Array.from(r.querySelectorAll(s));\n\nfunction fmt(kr){ return kr.toLocaleString(\"sv-SE\") + \" kr\"; }\n\n\/* L\u00e4s in de statiska korten en g\u00e5ng. DOM \u00e4r enda sanningsk\u00e4llan. *\/\nconst CARDS = $$(\"#grid .xk-card\").map(el => {\n  let produkter = [];\n  try { produkter = JSON.parse(el.getAttribute(\"data-produkter\") || \"[]\"); }\n  catch(e){ produkter = []; }\n  let bilder = [];\n  try { bilder = JSON.parse(el.getAttribute(\"data-bilder\") || \"[]\"); }\n  catch(e){ bilder = []; }\n  const fallbackBild = el.getAttribute(\"data-bild\") || \"\";\n  if(bilder.length === 0 && fallbackBild) bilder = [fallbackBild];\n  return {\n    el,\n    id: parseInt(el.getAttribute(\"data-id\"), 10),\n    bilder,\n    bilmarke: el.getAttribute(\"data-marke\") || \"\",\n    bilmodell: el.getAttribute(\"data-modell\") || \"\",\n    datum: el.getAttribute(\"data-datum\") || \"\",\n    har_video: el.getAttribute(\"data-video\") === \"1\",\n    bild: el.getAttribute(\"data-bild\") || \"\",\n    produkter\n  };\n});\n\n\/* Placeholder-bakgrund (anv\u00e4nds bara om ett kort saknar bild) *\/\nfunction placeholderBg(id, hasVideo){\n  const hues = [212, 218, 224, 230, 200, 208, 222, 206];\n  const h = hues[id % hues.length];\n  const beamX = 30 + ((id * 17) % 40);\n  const beamY = 55 + ((id * 11) % 30);\n  return `\n    background:\n      radial-gradient(ellipse 60% 40% at ${beamX}% ${beamY}%,\n        rgba(255,245,210,0.42) 0%,\n        rgba(255,230,170,0.18) 25%,\n        rgba(255,210,150,0.04) 50%,\n        rgba(0,0,0,0) 70%),\n      radial-gradient(ellipse 80% 60% at ${100-beamX}% ${beamY-10}%,\n        rgba(180,210,255,0.10) 0%,\n        rgba(0,0,0,0) 60%),\n      linear-gradient(180deg,\n        hsl(${h}, 18%, 8%)   0%,\n        hsl(${h}, 22%, 12%) 50%,\n        hsl(${h}, 16%, 6%)  100%);\n  `;\n}\n\n\/* =========================================================================\n   [STATE]\n   ========================================================================= *\/\nlet state = { marke: \"\", modell: \"\", produktKey: \"\", visible: 12 };\n\nfunction applyURLParams(){\n  const u = new URL(window.location);\n  const m = u.searchParams.get(\"marke\");\n  const mo = u.searchParams.get(\"modell\");\n  const p = u.searchParams.get(\"produkt\");\n  if(m) state.marke = decodeURIComponent(m);\n  if(mo) state.modell = decodeURIComponent(mo);\n  if(p) state.produktKey = p;\n}\nfunction syncURL(){\n  const u = new URL(window.location);\n  const params = u.searchParams;\n  state.marke ? params.set(\"marke\", slug(state.marke)) : params.delete(\"marke\");\n  state.modell ? params.set(\"modell\", slug(state.modell)) : params.delete(\"modell\");\n  state.produktKey ? params.set(\"produkt\", state.produktKey) : params.delete(\"produkt\");\n  history.replaceState({}, \"\", u.pathname + (params.toString() ? \"?\" + params.toString() : \"\") + u.hash);\n}\n\nfunction matches(c){\n  if(state.marke && slug(c.bilmarke) !== slug(state.marke)) return false;\n  if(state.modell && slug(c.bilmodell) !== slug(state.modell)) return false;\n  if(state.produktKey && !c.produkter.some(p => slug(p.namn) === state.produktKey)) return false;\n  return true;\n}\n\n\/* =========================================================================\n   [RENDER: GRID] \u2013 visar\/d\u00f6ljer befintliga kort, skapar inga\n   ========================================================================= *\/\nfunction renderGrid(){\n  let total = 0, shown = 0;\n  CARDS.forEach(c => {\n    const ok = matches(c);\n    if(ok) total++;\n    if(ok && shown < state.visible){ c.el.hidden = false; shown++; }\n    else { c.el.hidden = true; }\n  });\n  const empty = $(\"#empty\");\n  const loadwrap = $(\"#loadmore-wrap\");\n  if(empty) empty.hidden = total !== 0;\n  if(loadwrap) loadwrap.hidden = shown >= total;\n  const cnt = $(\"#f-count\");\n  if(cnt) cnt.textContent = `Visar ${shown} av ${total} installation${total === 1 ? \"\" : \"er\"}`;\n}\n\n\/* =========================================================================\n   [RENDER: FILTER SELECTS] \u2013 byggs fr\u00e5n korten, inte tv\u00e4rtom\n   ========================================================================= *\/\nfunction renderFilters(){\n  const fMarke = $(\"#f-marke\");\n  const fProdukt = $(\"#f-produkt\");\n\n  const brands = Array.from(new Set(CARDS.map(c => c.bilmarke))).sort();\n  if(fMarke){\n    fMarke.innerHTML = `<option value=\"\">Alla bilm\u00e4rken<\/option>` +\n      brands.map(b => `<option value=\"${b}\" ${state.marke===b?\"selected\":\"\"}>${b}<\/option>`).join(\"\");\n  }\n\n  const seen = new Set();\n  const prods = [];\n  CARDS.forEach(c => c.produkter.forEach(p => {\n    if(!seen.has(p.namn)){ seen.add(p.namn); prods.push(p.namn); }\n  }));\n  prods.sort();\n  if(fProdukt){\n    fProdukt.innerHTML = `<option value=\"\">Alla produkter<\/option>` +\n      prods.map(n => `<option value=\"${slug(n)}\" ${state.produktKey===slug(n)?\"selected\":\"\"}>${n}<\/option>`).join(\"\");\n  }\n\n  const hasFilter = state.marke || state.modell || state.produktKey;\n  const fClear = $(\"#f-clear\");\n  if(fClear) fClear.hidden = !hasFilter;\n}\n\n\/* =========================================================================\n   [POPULAR CHIPS] \u2013 statiska <a> i HTML. JS bara f\u00f6rb\u00e4ttrar dem.\n   ========================================================================= *\/\nfunction bindPopular(){\n  $$(\"#popular-grid .xk-popular-chip\").forEach(a => {\n    a.addEventListener(\"click\", (e) => {\n      e.preventDefault();\n      state.marke = a.getAttribute(\"data-marke\") || \"\";\n      state.modell = a.getAttribute(\"data-modell\") || \"\";\n      state.produktKey = a.getAttribute(\"data-produkt\") || \"\";\n      state.visible = 12;\n      syncAll();\n      const fb = $(\"#filterbar\");\n      if(fb) window.scrollTo({ top: fb.offsetTop - 8, behavior:\"smooth\" });\n    });\n  });\n}\n\n\/* =========================================================================\n   [SYNC ALL]\n   ========================================================================= *\/\nfunction syncAll(){\n  renderFilters();\n  renderGrid();\n  syncURL();\n}\n\n\/* =========================================================================\n   [LIGHTBOX]\n   ========================================================================= *\/\nlet lbList = [];\nlet lbIdx = 0;\nlet lbImgIdx = 0;\nfunction openLightbox(id){\n  lbList = CARDS.filter(matches);\n  if(lbList.length === 0) return;\n  lbIdx = Math.max(0, lbList.findIndex(c => c.id === id));\n  lbImgIdx = 0;\n  renderLB();\n  $(\"#lightbox\").classList.add(\"is-open\");\n  document.body.style.overflow = \"hidden\";\n}\nfunction closeLightbox(){\n  $(\"#lightbox\").classList.remove(\"is-open\");\n  document.body.style.overflow = \"\";\n}\nfunction renderLB(){\n  if(lbList.length === 0) return closeLightbox();\n  lbIdx = (lbIdx + lbList.length) % lbList.length;\n  const c = lbList[lbIdx];\n  const bilder = (c.bilder && c.bilder.length) ? c.bilder : (c.bild ? [c.bild] : []);\n  lbImgIdx = ((lbImgIdx % bilder.length) + bilder.length) % bilder.length;\n  const wrap = $(\"#lb-imgwrap\");\n  const prodNames = c.produkter.map(p => p.namn).join(\", \");\n  const currentImg = bilder[lbImgIdx] || \"\";\n  const hasMulti = bilder.length > 1;\n  \n  let imgwrapHTML = \"\";\n  if(currentImg){\n    imgwrapHTML += '<img decoding=\"async\" src=\"' + currentImg + '\" alt=\"' + c.bilmarke + ' ' + c.bilmodell + '\" class=\"xk-lb-img\">';\n  } else {\n    imgwrapHTML += '<div class=\"xk-lb-placeholder\">Ingen bild<\/div>';\n  }\n  wrap.innerHTML = imgwrapHTML;\n  \n  const stage = $(\".xk-lb-stage\");\n  let counterEl = $(\"#lb-counter\");\n  if(hasMulti){\n    if(!counterEl){\n      counterEl = document.createElement(\"div\");\n      counterEl.id = \"lb-counter\";\n      counterEl.className = \"xk-lb-counter-v2\";\n      if(stage) stage.appendChild(counterEl);\n    }\n    counterEl.textContent = (lbImgIdx + 1) + \" \/ \" + bilder.length;\n    counterEl.style.display = \"\";\n  } else {\n    if(counterEl) counterEl.style.display = \"none\";\n  }\n  \n  const titleEl = $(\"#lb-title\");\n  const prodsEl = $(\"#lb-prods\");\n  const ctaEl = $(\"#lb-cta\");\n  if(titleEl) titleEl.textContent = c.bilmarke + \" \" + c.bilmodell;\n  if(prodsEl) prodsEl.innerHTML = 'Installerade produkter: <span>' + (prodNames || \"\u2014\") + '<\/span>';\n  if(ctaEl){\n    const firstWithUrl = c.produkter.find(p => p.url);\n    if(firstWithUrl){\n      ctaEl.style.display = \"\";\n      ctaEl.setAttribute(\"data-buy-id\", c.id);\n      ctaEl.onclick = () => { window.location.href = firstWithUrl.url; };\n    } else {\n      ctaEl.style.display = \"none\";\n    }\n  }\n  \n  let thumbsEl = $(\"#lb-thumbs\");\n  if(hasMulti){\n    if(!thumbsEl){\n      thumbsEl = document.createElement(\"div\");\n      thumbsEl.id = \"lb-thumbs\";\n      thumbsEl.className = \"xk-lb-thumbs\";\n      const info = $(\".xk-lb-info\");\n      if(stage && info) stage.insertBefore(thumbsEl, info);\n      else if(stage) stage.appendChild(thumbsEl);\n    }\n    thumbsEl.innerHTML = bilder.map((b, idx) => \n      '<button class=\"xk-lb-thumb' + (idx === lbImgIdx ? ' is-active' : '') + \n      '\" data-img-idx=\"' + idx + '\" aria-label=\"Bild ' + (idx+1) + '\">' +\n      '<img decoding=\"async\" src=\"' + b + '\" alt=\"\" loading=\"lazy\">' +\n      '<\/button>'\n    ).join('');\n    thumbsEl.style.display = \"\";\n    \n    $$(\"#lb-thumbs .xk-lb-thumb\").forEach(t => {\n      t.addEventListener(\"click\", (e) => {\n        e.preventDefault();\n        lbImgIdx = parseInt(t.getAttribute(\"data-img-idx\"), 10);\n        renderLB();\n      });\n    });\n  } else {\n    if(thumbsEl) thumbsEl.style.display = \"none\";\n  }\n}\n\n\/* =========================================================================\n   [BUY HANDLER] \u2013 l\u00e4ser produktdata fr\u00e5n kortet\n   ========================================================================= *\/\nfunction handleBuy(id){\n  const c = CARDS.find(x => x.id === id);\n  if(!c || !c.produkter || !c.produkter.length) return;\n  if(c.produkter.length === 1){\n    const p = c.produkter[0];\n    if(p.url){ window.location.href = p.url; return; }\n    if(p.id){ window.location.href = \"\/?add-to-cart=\" + p.id; return; }\n    alert(\"Produkten \u00e4r inte kopplad till k\u00f6p \u00e4nnu. Kontakta oss p\u00e5 0300-308 60 s\u00e5 hj\u00e4lper vi dig.\");\n    return;\n  }\n  const firstWithUrl = c.produkter.find(p => p.url);\n  if(firstWithUrl){ window.location.href = firstWithUrl.url; return; }\n  window.location.href = \"\/?s=\" + encodeURIComponent(c.bilmarke + \" \" + c.bilmodell);\n}\n\n\/* =========================================================================\n   [INIT + EVENTS]\n   ========================================================================= *\/\nfunction bindGrid(){\n  $$(\"#grid .xk-card-img\").forEach(el => {\n    el.addEventListener(\"click\", () => openLightbox(parseInt(el.getAttribute(\"data-id\"), 10)));\n  });\n  $$(\"#grid [data-buy-id]\").forEach(el => {\n    el.addEventListener(\"click\", (e) => {\n      e.preventDefault();\n      handleBuy(parseInt(el.getAttribute(\"data-buy-id\"), 10));\n    });\n  });\n}\n\nfunction init(){\n  applyURLParams();\n  bindGrid();\n  bindPopular();\n  syncAll();\n\n  $(\"#f-marke\").addEventListener(\"change\", (e) => {\n    state.marke = e.target.value;\n    state.modell = \"\";\n    state.visible = 12;\n    syncAll();\n  });\n  $(\"#f-produkt\").addEventListener(\"change\", (e) => {\n    state.produktKey = e.target.value;\n    state.visible = 12;\n    syncAll();\n  });\n  $(\"#f-clear\").addEventListener(\"click\", clearFilters);\n  const ec = $(\"#empty-clear\");\n  if(ec) ec.addEventListener(\"click\", (e) => { e.preventDefault(); clearFilters(); });\n  $(\"#loadmore\").addEventListener(\"click\", () => {\n    state.visible += 12;\n    renderGrid();\n  });\n\n  $(\"#lb-close\").addEventListener(\"click\", closeLightbox);\n  $(\"#lb-prev\").addEventListener(\"click\", () => {\n    const c = lbList[lbIdx];\n    const bilder = (c && c.bilder && c.bilder.length) ? c.bilder : (c && c.bild ? [c.bild] : []);\n    if(bilder.length > 1 && lbImgIdx > 0){\n      lbImgIdx--;\n    } else {\n      lbIdx--;\n      lbImgIdx = 0;\n      \/\/ Hoppa till SISTA bilden i f\u00f6reg\u00e5ende kort om f\u00f6reg\u00e5ende har multi\n      const prevC = lbList[(lbIdx + lbList.length) % lbList.length];\n      const prevBilder = (prevC && prevC.bilder && prevC.bilder.length) ? prevC.bilder : [];\n      if(prevBilder.length > 1) lbImgIdx = prevBilder.length - 1;\n    }\n    renderLB();\n  });\n  $(\"#lb-next\").addEventListener(\"click\", () => {\n    const c = lbList[lbIdx];\n    const bilder = (c && c.bilder && c.bilder.length) ? c.bilder : (c && c.bild ? [c.bild] : []);\n    if(bilder.length > 1 && lbImgIdx < bilder.length - 1){\n      lbImgIdx++;\n    } else {\n      lbIdx++;\n      lbImgIdx = 0;\n    }\n    renderLB();\n  });\n  $(\"#lightbox\").addEventListener(\"click\", (e) => {\n    if(e.target.id === \"lightbox\") closeLightbox();\n  });\n  document.addEventListener(\"keydown\", (e) => {\n    if(!$(\"#lightbox\").classList.contains(\"is-open\")) return;\n    if(e.key === \"Escape\") closeLightbox();\n    else if(e.key === \"ArrowLeft\"){ lbIdx--; renderLB(); }\n    else if(e.key === \"ArrowRight\"){ lbIdx++; renderLB(); }\n  });\n\n  \/\/ Sticky-klass (ingen visuell effekt i CSS, beh\u00e5lls f\u00f6r kompatibilitet)\n  const fb = $(\"#filterbar\");\n  if(fb){\n    const sentinel = document.createElement(\"div\");\n    sentinel.style.cssText = \"position:absolute;height:1px;width:1px;top:0;left:0;pointer-events:none\";\n    fb.parentNode.insertBefore(sentinel, fb);\n    const io = new IntersectionObserver(([entry]) => {\n      fb.classList.toggle(\"is-stuck\", !entry.isIntersecting);\n    }, { threshold: 0 });\n    io.observe(sentinel);\n  }\n}\n\nfunction clearFilters(){\n  state.marke = \"\"; state.modell = \"\"; state.produktKey = \"\"; state.visible = 12;\n  syncAll();\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", init);\n<\/script>\n<style>\n.xk-seo { background:#ffffff; }\n.xk-seo__inner { max-width:1600px; margin:0 auto; padding:32px 15px 48px; box-sizing:border-box; }\n.xk-seo h2 { font-size:26px; font-weight:700; letter-spacing:-0.015em; color:#0f1113; margin:0 0 14px; }\n.xk-seo h3 { font-size:18px; font-weight:700; color:#0f1113; margin:22px 0 8px; }\n.xk-seo p { font-size:15px; line-height:1.7; color:#3a3d42; margin:0 0 14px; }\n.xk-seo a { color:#ff6a00; text-decoration:none; font-weight:500; }\n.xk-seo a:hover { color:#e55f00; text-decoration:underline; }\n.xk-seo__cb { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }\n.xk-seo__content { position:relative; max-width:60%; max-height:240px; overflow:hidden; transition:max-height .35s ease; }\n.xk-seo__content::after { content:\"\"; position:absolute; left:0; right:0; bottom:0; height:90px; background:linear-gradient(rgba(255,255,255,0), #ffffff); transition:opacity .25s ease; pointer-events:none; }\n.xk-seo__cb:checked ~ .xk-seo__content { max-height:6000px; }\n.xk-seo__cb:checked ~ .xk-seo__content::after { opacity:0; }\n.xk-seo__btn { display:inline-block; margin-top:14px; font-size:15px; font-weight:500; color:#0f1113; text-decoration:underline; text-underline-offset:2px; cursor:pointer; }\n.xk-seo__btn:hover { color:#000000; }\n.xk-seo__btn .xk-seo__less { display:none; }\n.xk-seo__cb:checked ~ .xk-seo__btn .xk-seo__more { display:none; }\n.xk-seo__cb:checked ~ .xk-seo__btn .xk-seo__less { display:inline; }\n.xk-seo__cb:focus-visible ~ .xk-seo__btn { outline:2px solid #ff6a00; outline-offset:2px; }\n@media (max-width:768px) {\n  .xk-seo__inner { padding:40px 10px 40px; }\n  .xk-seo h2 { font-size:21px; }\n  .xk-seo p { font-size:14px; }\n  .xk-seo__content { max-width:100%; max-height:200px; }\n}\n<\/style>\n<section class=\"xk-seo\">\n  <div class=\"xk-seo__inner\">\n    <input type=\"checkbox\" id=\"xk-seo-toggle\" class=\"xk-seo__cb\">\n    <div class=\"xk-seo__content\">\n\n      <h2>Bekijk hoe extra verlichting en LED-hellingen eruitzien wanneer ze ge\u00efnstalleerd zijn.<\/h2>\n      <p>Hier vindt u echte installaties met extra verlichting, LED-rampen en andere voertuigverlichting, zowel van ons als van klanten. Deze pagina is bedoeld voor iedereen die wil zien hoe verschillende producten eruitzien op verschillende voertuigen voordat ze zelf een oplossing kiezen. U kunt filteren op automerk en product om plaatsing, afmetingen en de algehele indruk concreter te vergelijken dan via productafbeeldingen. Beschouw de installaties als inspiratie en referentie, niet als complete installatiehandleiding.<\/p>\n\n      <h2>Wil je het zelf installeren of wil je hulp?<\/h2>\n      <p>Als je het zelf wilt doen, vind je stapsgewijze instructies in <a href=\"https:\/\/xenonkungen.com\/nl\/blog\/extra-lampen-installeren-de-complete-stapsgewijze-handleiding\/\" style=\"color:#ff6a00;\">Extra verlichting installeren: de complete stapsgewijze handleiding<\/a> en <a href=\"https:\/\/xenonkungen.com\/nl\/blog\/led-ramp-installeren\/\" style=\"color:#ff6a00;\">Installeer zelf LED-verlichting op de auto.<\/a>Als u het voertuig liever terugbrengt, helpen we u via <a href=\"https:\/\/xenonkungen.com\/nl\/gemonteerd-en-klaar-voor-gebruik\/\" style=\"color:#ff6a00;\">Gemonteerd en klaar<\/a>Als u op zoek bent naar de producten die zichtbaar zijn in de installaties, dan vindt u ze daar. <a href=\"https:\/\/xenonkungen.com\/nl\/product-categorie\/extra-licht\/\" style=\"color:#ff6a00;\">verstralers<\/a> en <a href=\"https:\/\/xenonkungen.com\/nl\/product-categorie\/led-hellingen-lichthellingen\/\" style=\"color:#ff6a00;\">LED bars<\/a>Als u twijfelt, kunt u ons bellen op <a href=\"tel:+4630030860\" style=\"color:#ff6a00;\">0300-308 60<\/a>.<\/p>\n\n    <\/div>\n    <label for=\"xk-seo-toggle\" class=\"xk-seo__btn\">\n      <span class=\"xk-seo__more\">Meer lezen<\/span>\n      <span class=\"xk-seo__less\">Minder weergeven<\/span>\n    <\/label>\n  <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Hem\/Installationer Installationer fr\u00e5n v\u00e5ra kunder Inspiration fr\u00e5n riktiga installationer \u2013 hitta din bilmodell eller produkt och se hur resultatet ser ut. 100% n\u00f6jdhetsgaranti \u00b7 30 dagars \u00f6ppet k\u00f6p \u00b7 1\u20133 dagar leverans \u00b7 Auktoriserad \u00e5terf\u00f6rs\u00e4ljare sedan 2004 \u00b7 Fri frakt \u00f6ver 1 995 kr Alla bilm\u00e4rken Alla produkter Rensa filter Visar 20 av 20 installationer [&hellip;]<\/p>","protected":false},"author":7509,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_smort_price_nok":"","_smort_price_dkk":"","_smort_price_eur":"","_smort_sale_price_nok":"","_smort_sale_price_dkk":"","_smort_sale_price_eur":"","smort_restorder":"","shipmondo_restorder":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","footnotes":""},"class_list":["post-30365","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>F\u00e4rdiga installationer av extraljus och LED-ramper - Xenonkungen<\/title>\n<meta name=\"description\" content=\"Se f\u00e4rdiga installationer av extraljus och LED-ramper. Filtrera p\u00e5 bilmodell och produkt f\u00f6r inspiration innan du v\u00e4ljer l\u00f6sning!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/xenonkungen.com\/nl\/installaties\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"F\u00e4rdiga installationer av extraljus och LED-ramper - Xenonkungen\" \/>\n<meta property=\"og:description\" content=\"Se f\u00e4rdiga installationer av extraljus och LED-ramper. Filtrera p\u00e5 bilmodell och produkt f\u00f6r inspiration innan du v\u00e4ljer l\u00f6sning!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/xenonkungen.com\/nl\/installaties\/\" \/>\n<meta property=\"og:site_name\" content=\"Xenonkungen\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-07T18:04:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/06\/BMW-X3-Twilight-scaled.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/xenonkungen.com\/installationer\/\",\"url\":\"https:\/\/xenonkungen.com\/installationer\/\",\"name\":\"F\u00e4rdiga installationer av extraljus och LED-ramper - Xenonkungen\",\"isPartOf\":{\"@id\":\"https:\/\/xenonkungen.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/xenonkungen.com\/installationer\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/xenonkungen.com\/installationer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/06\/BMW-X3-Twilight-scaled.jpg\",\"datePublished\":\"2026-05-15T10:44:02+00:00\",\"dateModified\":\"2026-06-07T18:04:39+00:00\",\"description\":\"Se f\u00e4rdiga installationer av extraljus och LED-ramper. Filtrera p\u00e5 bilmodell och produkt f\u00f6r inspiration innan du v\u00e4ljer l\u00f6sning!\",\"breadcrumb\":{\"@id\":\"https:\/\/xenonkungen.com\/installationer\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/xenonkungen.com\/installationer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/xenonkungen.com\/installationer\/#primaryimage\",\"url\":\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/06\/BMW-X3-Twilight-scaled.jpg\",\"contentUrl\":\"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/06\/BMW-X3-Twilight-scaled.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/xenonkungen.com\/installationer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Hem\",\"item\":\"https:\/\/xenonkungen.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Installationer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/xenonkungen.com\/#website\",\"url\":\"https:\/\/xenonkungen.com\/\",\"name\":\"Xenonkungen\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/xenonkungen.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Installatie van extra verlichting en LED-hellingen voltooid - Xenonkungen","description":"Bekijk voltooide installaties van extra verlichting en LED-oprijplaten. Filter op automodel en product voor inspiratie voordat u een oplossing kiest!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/xenonkungen.com\/nl\/installaties\/","og_locale":"nl_NL","og_type":"article","og_title":"F\u00e4rdiga installationer av extraljus och LED-ramper - Xenonkungen","og_description":"Se f\u00e4rdiga installationer av extraljus och LED-ramper. Filtrera p\u00e5 bilmodell och produkt f\u00f6r inspiration innan du v\u00e4ljer l\u00f6sning!","og_url":"https:\/\/xenonkungen.com\/nl\/installaties\/","og_site_name":"Xenonkungen","article_modified_time":"2026-06-07T18:04:39+00:00","og_image":[{"url":"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/06\/BMW-X3-Twilight-scaled.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Geschatte leestijd":"7 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/xenonkungen.com\/installationer\/","url":"https:\/\/xenonkungen.com\/installationer\/","name":"Installatie van extra verlichting en LED-hellingen voltooid - Xenonkungen","isPartOf":{"@id":"https:\/\/xenonkungen.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/xenonkungen.com\/installationer\/#primaryimage"},"image":{"@id":"https:\/\/xenonkungen.com\/installationer\/#primaryimage"},"thumbnailUrl":"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/06\/BMW-X3-Twilight-scaled.jpg","datePublished":"2026-05-15T10:44:02+00:00","dateModified":"2026-06-07T18:04:39+00:00","description":"Bekijk voltooide installaties van extra verlichting en LED-oprijplaten. Filter op automodel en product voor inspiratie voordat u een oplossing kiest!","breadcrumb":{"@id":"https:\/\/xenonkungen.com\/installationer\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xenonkungen.com\/installationer\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/xenonkungen.com\/installationer\/#primaryimage","url":"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/06\/BMW-X3-Twilight-scaled.jpg","contentUrl":"https:\/\/xenonkungen.com\/wp-content\/uploads\/2026\/06\/BMW-X3-Twilight-scaled.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/xenonkungen.com\/installationer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Hem","item":"https:\/\/xenonkungen.com\/"},{"@type":"ListItem","position":2,"name":"Installationer"}]},{"@type":"WebSite","@id":"https:\/\/xenonkungen.com\/#website","url":"https:\/\/xenonkungen.com\/","name":"Xenonkungen","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/xenonkungen.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"}]}},"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Viktor Lundgren","author_link":"https:\/\/xenonkungen.com\/nl\/author\/viktor-lundgrenhannus-se\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/xenonkungen.com\/nl\/wp-json\/wp\/v2\/pages\/30365","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xenonkungen.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xenonkungen.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xenonkungen.com\/nl\/wp-json\/wp\/v2\/users\/7509"}],"replies":[{"embeddable":true,"href":"https:\/\/xenonkungen.com\/nl\/wp-json\/wp\/v2\/comments?post=30365"}],"version-history":[{"count":0,"href":"https:\/\/xenonkungen.com\/nl\/wp-json\/wp\/v2\/pages\/30365\/revisions"}],"wp:attachment":[{"href":"https:\/\/xenonkungen.com\/nl\/wp-json\/wp\/v2\/media?parent=30365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}