{"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":"installationer","status":"publish","type":"page","link":"https:\/\/xenonkungen.com\/dk\/installationer\/","title":{"rendered":"Installationer"},"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=\"Br\u00f8dkrummer\">\n    <a href=\"\/dk\/\">Hjem<\/a><span class=\"sep\">\/<\/span><span>Installationer<\/span>\n  <\/nav>\n  <h1>Installationer fra vores kunder<\/h1>\n  <p>Inspiration fra virkelige installationer \u2013 find din bilmodel eller dit produkt, og se, hvordan resultatet ser ud.<\/p>\n  <section class=\"xk-trust\">\n    <span><b>100% tilfredshedsgaranti<\/b><\/span>\n    <span class=\"muted\">\u00b7<\/span>\n    <span><b>30 dage<\/b> <span class=\"muted\">\u00e5bent salg<\/span><\/span>\n    <span class=\"muted\">\u00b7<\/span>\n    <span><b>1\u20133 dage<\/b> <span class=\"muted\">levering<\/span><\/span>\n    <span class=\"muted\">\u00b7<\/span>\n    <span><b>Autoriseret forhandler<\/b> <span class=\"muted\">siden 2004<\/span><\/span>\n    <span class=\"muted\">\u00b7<\/span>\n    <span><b>Gratis fragt<\/b> <span class=\"muted\">over 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=\"Bilm\u00e6rke\">\n          <option value=\"\">Alle bilm\u00e6rker<\/option>\n        <\/select>\n      <\/div>\n      <div class=\"xk-select-wrap\">\n        <select class=\"xk-select\" id=\"f-produkt\" aria-label=\"Produkt\">\n          <option value=\"\">Alle produkter<\/option>\n        <\/select>\n      <\/div>\n      <button type=\"button\" class=\"xk-clear\" id=\"f-clear\" hidden>Ryd filtre<\/button>\n      <div class=\"xk-count\" id=\"f-count\">Viser 20 af 20 installationer<\/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=\"Se st\u00f8rre billede\">\n          <span class=\"xk-card-img-badge\">+1 billeder<\/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 med 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\">Installerede produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/dk\/vare\/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            K\u00f8b den samme installation \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=\"Se st\u00f8rre billede\">\n          <span class=\"xk-card-img-badge\">+6 billeder<\/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 med Luxtar Stellar og 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\">Installerede produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/dk\/vare\/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            K\u00f8b den samme installation \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=\"Se st\u00f8rre billede\">\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 med Luxtar Twilight, Stellar og 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\">Installerede produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/dk\/vare\/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            K\u00f8b den samme installation \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=\"Se st\u00f8rre billede\">\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 med 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\">Installerede produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/dk\/vare\/luxtar-ticon\/\">Luxtar Ticon<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"127\">\n            K\u00f8b den samme installation \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=\"Se st\u00f8rre billede\">\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 med 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\">Installerede produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/dk\/vare\/luxtar-ticon\/\">Luxtar Ticon<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"128\">\n            K\u00f8b den samme installation \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=\"Se st\u00f8rre billede\">\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 med indbygget pakke 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\">Installerede produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/dk\/vare\/smart-pakke-luxtar-x20-sort-udgave-xbb\/\">Indbygget pakke LUXTAR X20 Black Edition<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"101\">\n            K\u00f8b den samme installation \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=\"Se st\u00f8rre billede\">\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 med 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\">Installerede produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/dk\/vare\/luxtar-x24\/\">Luxtar X24<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"103\">\n            K\u00f8b den samme installation \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=\"Se st\u00f8rre billede\">\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 med 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\">Installerede produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/dk\/vare\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"105\">\n            K\u00f8b den samme installation \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=\"Se st\u00f8rre billede\">\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 med 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\">Installerede produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/dk\/vare\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"106\">\n            K\u00f8b den samme installation \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=\"Se st\u00f8rre billede\">\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 med V-sigte 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\">Installerede produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/dk\/vare\/v-sight-tron-9\/\">V-sigte Tron 9<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"108\">\n            K\u00f8b den samme installation \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=\"Se st\u00f8rre billede\">\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 med 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\">Installerede produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/dk\/vare\/luxtar-x18\/\">Luxtar X18<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"109\">\n            K\u00f8b den samme installation \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=\"Se st\u00f8rre billede\">\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 med 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\">Installerede produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/dk\/vare\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"110\">\n            K\u00f8b den samme installation \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=\"Se st\u00f8rre billede\">\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 med 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\">Installerede produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/dk\/vare\/luxtar-x24\/\">Luxtar X24<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"112\">\n            K\u00f8b den samme installation \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=\"Se st\u00f8rre billede\">\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 med 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\">Installerede produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/dk\/vare\/luxtar-x24\/\">Luxtar X24<\/a><\/li><li><a href=\"\/dk\/vare\/luxtar-x10\/\">Luxtar X10<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"113\">\n            K\u00f8b den samme installation \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=\"Se st\u00f8rre billede\">\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 med 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\">Installerede produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/dk\/vare\/nbb-alpha\/\">NBB Alpha<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"114\">\n            K\u00f8b den samme installation \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=\"Se st\u00f8rre billede\">\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 med 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\">Installerede produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/dk\/vare\/luxtar-x12\/\">Luxtar X12<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"115\">\n            K\u00f8b den samme installation \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=\"Se st\u00f8rre billede\">\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 med 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\">Installerede produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/dk\/vare\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"117\">\n            K\u00f8b den samme installation \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=\"Se st\u00f8rre billede\">\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 med 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\">Installerede produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/dk\/vare\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"118\">\n            K\u00f8b den samme installation \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=\"Se st\u00f8rre billede\">\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 med 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\">Installerede produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/dk\/vare\/tusmorke-luxtar\/\">Luxtar Twilight<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"126\">\n            K\u00f8b den samme installation \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=\"Se st\u00f8rre billede\">\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 med 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\">Installerede produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/dk\/vare\/tusmorke-luxtar\/\">Luxtar Twilight<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"119\">\n            K\u00f8b den samme installation \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=\"Se st\u00f8rre billede\">\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 med 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\">Installerede produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/dk\/vare\/luxtar-x10\/\">Luxtar X10<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"120\">\n            K\u00f8b den samme installation \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=\"Se st\u00f8rre billede\">\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 med 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\">Installerede produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/dk\/vare\/luxtar-x18\/\">Luxtar X18<\/a><\/li><li><a href=\"\/dk\/vare\/luxtar-x24\/\">Luxtar X24<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"121\">\n            K\u00f8b den samme installation \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=\"Se st\u00f8rre billede\">\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 med 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\">Installerede produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/dk\/vare\/luxtar-x24\/\">Luxtar X24<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"123\">\n            K\u00f8b den samme installation \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=\"Se st\u00f8rre billede\">\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 med 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\">Installerede produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/dk\/vare\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"124\">\n            K\u00f8b den samme installation \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=\"Se st\u00f8rre billede\">\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 med 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\">Installerede produkter:<\/p>\n            <ul class=\"xk-card-prods\"><li><a href=\"\/dk\/vare\/luxtar-x20\/\">Luxtar X20<\/a><\/li><\/ul>\n          <\/div>\n          <button type=\"button\" class=\"xk-btn-primary is-full\" data-buy-id=\"125\">\n            K\u00f8b den samme installation \u2192\n          <\/button>\n        <\/div>\n      <\/article>\n  <\/div>\n\n  <div class=\"xk-empty\" id=\"empty\" hidden>\n    <strong>Ingen installationer matcher dit filter.<\/strong>\n    Pr\u00f8v at skifte bilm\u00e6rke eller produkt, eller <a href=\"#\" id=\"empty-clear\">ryd filtrene<\/a>.\n  <\/div>\n\n  <div class=\"xk-loadmore-wrap\" id=\"loadmore-wrap\">\n    <button type=\"button\" class=\"xk-btn-secondary\" id=\"loadmore\">Vis flere installationer<\/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>Popul\u00e6re installationer<\/h2>\n  <p class=\"intro\">De mest almindelige kombinationer, vores kunder installerer. Klik for at filtrere billeder direkte.<\/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 + Indbygget pakke 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-sigte 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    Har du en installation, du gerne vil dele? Send billedet til\n    <a href=\"mailto:galleri@xenonkungen.com\">gallery@xenonkungen.com<\/a>\n    Vi sender det med posten - og du f\u00e5r 10 % rabat p\u00e5 dit n\u00e6ste k\u00f8b.\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=\"Installationsbillede\">\n  <div class=\"xk-lb-stage\">\n    <button class=\"xk-lb-close\" id=\"lb-close\" aria-label=\"T\u00e6t\">\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=\"Tidligere\">\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=\"N\u00e6ste\">\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\">Installerede produkter: \u2026<\/div>\n      <\/div>\n      <button type=\"button\" class=\"xk-btn-primary\" id=\"lb-cta\">K\u00f8b den samme installation \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=\"Tilf\u00f8j installation til kurv\">\n  <div class=\"xk-modal-box\">\n    <h3 id=\"cm-title\">K\u00f8b den samme installation<\/h3>\n    <p class=\"sub\" id=\"cm-sub\">V\u00e6lg produkter, der skal tilf\u00f8jes til kurven.<\/p>\n    <ul class=\"xk-modal-list\" id=\"cm-list\"><\/ul>\n    <div class=\"xk-modal-total\">\n      <span class=\"label\">Total<\/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\">Tilf\u00f8j 2 produkter til kurven<\/button>\n      <button type=\"button\" class=\"xk-modal-cancel\" id=\"cm-cancel\">Oph\u00e6ve<\/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>Se, hvordan ekstra lys og LED-ramper ser ud installeret<\/h2>\n      <p>Her finder du rigtige installationer med ekstralys, LED-ramper og anden k\u00f8ret\u00f8jsbelysning, b\u00e5de fra os og fra kunder. Siden er for dem, der \u00f8nsker at se, hvordan forskellige produkter ser ud monteret p\u00e5 forskellige k\u00f8ret\u00f8jer, f\u00f8r de selv v\u00e6lger en l\u00f8sning. Du kan filtrere efter bilm\u00e6rke og produkt for at sammenligne placeringer, st\u00f8rrelser og helhedsindtryk p\u00e5 en mere konkret m\u00e5de end gennem produktbilleder. Se installationerne som inspiration og reference, ikke som komplette installationsvejledninger.<\/p>\n\n      <h2>Vil du installere det selv eller f\u00e5 hj\u00e6lp?<\/h2>\n      <p>Hvis du vil udf\u00f8re arbejdet selv, er der trinvise instruktioner i <a href=\"https:\/\/xenonkungen.com\/dk\/blog\/installer-ekstra-lys-den-komplette-trin-for-trin-guide\/\" style=\"color:#ff6a00;\">Installation af ekstra lys: den komplette trin-for-trin-guide<\/a> og <a href=\"https:\/\/xenonkungen.com\/dk\/blog\/installer-led-rampe\/\" style=\"color:#ff6a00;\">Installer LED-ramper p\u00e5 bilen selv<\/a>Hvis du hellere vil returnere k\u00f8ret\u00f8jet, hj\u00e6lper vi dig gerne via <a href=\"https:\/\/xenonkungen.com\/dk\/samlet-og-klar\/\" style=\"color:#ff6a00;\">Monteret og klar<\/a>Hvis du leder efter de produkter, der er synlige i installationerne, finder du dem blandt <a href=\"https:\/\/xenonkungen.com\/dk\/vare-kategori\/ekstralys\/\" style=\"color:#ff6a00;\">ekstralys<\/a> og <a href=\"https:\/\/xenonkungen.com\/dk\/vare-kategori\/led-ramper-lysramper\/\" style=\"color:#ff6a00;\">LED bars<\/a>Hvis du er usikker, s\u00e5 ring til os p\u00e5 <a href=\"tlf:+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\">L\u00e6s mere<\/span>\n      <span class=\"xk-seo__less\">Vis mindre<\/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\/dk\/installationer\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\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\/dk\/installationer\/\" \/>\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=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutter\" \/>\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\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/xenonkungen.com\/installationer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@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\":\"da-DK\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"F\u00e6rdiggjorte installationer af ekstra lys og LED-ramper - Xenonkungen","description":"Se f\u00e6rdige installationer af ekstralygter og LED-ramper. Filtrer efter bilmodel og produkt for inspiration, f\u00f8r du v\u00e6lger en l\u00f8sning!","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\/dk\/installationer\/","og_locale":"da_DK","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\/dk\/installationer\/","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":{"Estimeret l\u00e6setid":"7 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/xenonkungen.com\/installationer\/","url":"https:\/\/xenonkungen.com\/installationer\/","name":"F\u00e6rdiggjorte installationer af ekstra lys og 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\u00e6rdige installationer af ekstralygter og LED-ramper. Filtrer efter bilmodel og produkt for inspiration, f\u00f8r du v\u00e6lger en l\u00f8sning!","breadcrumb":{"@id":"https:\/\/xenonkungen.com\/installationer\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xenonkungen.com\/installationer\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@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":"da-DK"}]}},"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Viktor Lundgren","author_link":"https:\/\/xenonkungen.com\/dk\/author\/viktor-lundgrenhannus-se\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/xenonkungen.com\/dk\/wp-json\/wp\/v2\/pages\/30365","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xenonkungen.com\/dk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xenonkungen.com\/dk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xenonkungen.com\/dk\/wp-json\/wp\/v2\/users\/7509"}],"replies":[{"embeddable":true,"href":"https:\/\/xenonkungen.com\/dk\/wp-json\/wp\/v2\/comments?post=30365"}],"version-history":[{"count":0,"href":"https:\/\/xenonkungen.com\/dk\/wp-json\/wp\/v2\/pages\/30365\/revisions"}],"wp:attachment":[{"href":"https:\/\/xenonkungen.com\/dk\/wp-json\/wp\/v2\/media?parent=30365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}