:root{--page-title-display:none;}/* Start custom CSS */body { overflow-x: clip !important; overflow-y: visible !important; }
html { scroll-behavior: smooth; }
.elementor-42065 summary::-webkit-details-marker { display: none; }

/* Hoogte van de vaste site-header per breakpoint */
.elementor-42065 { --hp-header: calc(0.99vw + 61px); --hp-adminbar: 0px; }
@media (max-width: 1800px) { .elementor-42065 { --hp-header: calc(0.99vw + 55px); } }
@media (max-width: 1100px) { .elementor-42065 { --hp-header: calc(0.99vw + 64px); } }
@media (max-width: 800px) { .elementor-42065 { --hp-header: calc(1vw + 44px); } }
body.admin-bar .elementor-42065 { --hp-adminbar: 32px; }
@media (max-width: 782px) { body.admin-bar .elementor-42065 { --hp-adminbar: 46px; } }
@media (max-width: 600px) { body.admin-bar .elementor-42065 { --hp-adminbar: 0px; } }

/* Sticky subnavigatie direct onder de header */
.elementor-42065 .elementor-element-7298663e { top: calc(var(--hp-header) + var(--hp-adminbar) - 1px) !important; }
.elementor-42065 .e-con[id] { scroll-margin-top: calc(var(--hp-header) + var(--hp-adminbar) + 72px) !important; }

/* Hero: precies schermvullend onder de header */
.elementor-42065 .elementor-element-69aa0b32 { min-height: calc(100vh - var(--hp-header) - var(--hp-adminbar)) !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center 60% !important; }
@media (max-width: 800px) { .elementor-42065 .elementor-element-69aa0b32 { background-position: 48% top !important; } }

/* Hero: modelkeuze-label boven de LF-2 / LF-3 schakelaar */
.elementor-42065 [data-id="5a7cae55"]::before { content: "Kies je model"; grid-column: 1; grid-row: 1; padding: 22px 26px 12px; font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(255,255,255,0.62); }
@media (max-width: 800px) { .elementor-42065 [data-id="5a7cae55"]::before { padding: 16px 16px 10px; } }
.elementor-42065 [data-id="7f2ad26b"] { text-decoration: none; color: #ffffff; }

/* Hotspots: openen bij hover met fade in/uit, glow-pulse op het punt */
.elementor-42065 :is([data-id="269f7c17"], [data-id="751d0b8f"]) details::details-content { content-visibility: visible; display: contents; }
.elementor-42065 :is([data-id="269f7c17"], [data-id="751d0b8f"]) details > :not(summary) { opacity: 0; visibility: hidden; transform: translateY(10px); pointer-events: none; transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s; }
.elementor-42065 :is([data-id="269f7c17"], [data-id="751d0b8f"]) details:is(:hover, :focus-within, [open]) > :not(summary) { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s; }
.elementor-42065 :is([data-id="269f7c17"], [data-id="751d0b8f"]) details > :not(summary)::before { content: ""; position: absolute; left: 0; right: 0; top: -20px; height: 20px; }
.elementor-42065 :is([data-id="269f7c17"], [data-id="751d0b8f"]) details:is(:hover, [open]) { z-index: 40 !important; }
.elementor-42065 :is([data-id="269f7c17"], [data-id="751d0b8f"]) summary { transition: transform 0.25s ease, background-color 0.25s ease; }
.elementor-42065 :is([data-id="269f7c17"], [data-id="751d0b8f"]) details:is(:hover, [open]) > summary { transform: scale(1.1); background-color: #0089c4 !important; animation: hpGlow 1.6s ease-out infinite; }
.elementor-42065 :is([data-id="269f7c17"], [data-id="751d0b8f"]) summary p { display: inline-block; transition: transform 0.3s ease; }
.elementor-42065 :is([data-id="269f7c17"], [data-id="751d0b8f"]) details:is(:hover, [open]) > summary p { transform: rotate(45deg); }
@keyframes hpGlow { 0% { box-shadow: 0 0 0 0 rgba(0,157,223,0.55), 0 6px 16px rgba(5,11,18,0.18); } 70% { box-shadow: 0 0 0 16px rgba(0,157,223,0), 0 6px 16px rgba(5,11,18,0.18); } 100% { box-shadow: 0 0 0 0 rgba(0,157,223,0), 0 6px 16px rgba(5,11,18,0.18); } }
@media (prefers-reduced-motion: reduce) { .elementor-42065 details > summary { animation: none !important; } }

/* Advies & service: plusje bij de veelgestelde vragen */
.elementor-42065 [data-id="1757d204"] summary::after { content: "+"; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; min-width: 36px; border-radius: 999px; background-color: #F5F9FC; border: 1px solid #E3EDF3; color: #050B12; font-size: 22px; line-height: 1; font-weight: 400; transition: transform 0.25s ease, background-color 0.25s ease, color 0.25s ease; }
.elementor-42065 [data-id="1757d204"] details[open] > summary::after { transform: rotate(45deg); background-color: #009DDF; border-color: #009DDF; color: #ffffff; }
.elementor-42065 [data-id="1757d204"] summary:hover p { color: #009DDF !important; }

/* Advies & service: iconen bij Goed om te weten */
.elementor-42065 :is([data-id="19aff443"], [data-id="4d28ed0"], [data-id="6c2eb8da"]) { background-color: #E6F5FC; background-position: center; background-repeat: no-repeat; }
.elementor-42065 [data-id="19aff443"] { background-size: 40px auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 34'%3E%3Crect x='2' y='4' width='60' height='10' rx='2' fill='none' stroke='%23050B12' stroke-width='2.4'/%3E%3Ccircle cx='23' cy='24' r='8' fill='none' stroke='%23009DDF' stroke-width='3'/%3E%3Ccircle cx='42' cy='24' r='8' fill='none' stroke='%23009DDF' stroke-width='3'/%3E%3C/svg%3E"); }
.elementor-42065 [data-id="4d28ed0"] { background-size: 30px auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M5 25h20M8 25l3-14h8l3 14' fill='none' stroke='%23050B12' stroke-width='2.2' stroke-linejoin='round' stroke-linecap='round'/%3E%3Ccircle cx='15' cy='7' r='3' fill='none' stroke='%23009DDF' stroke-width='2.4'/%3E%3C/svg%3E"); }
.elementor-42065 [data-id="6c2eb8da"] { background-size: 32px auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 24'%3E%3Crect x='2' y='2' width='28' height='20' rx='3' fill='none' stroke='%23050B12' stroke-width='2.2'/%3E%3Ccircle cx='10' cy='11' r='3.2' fill='none' stroke='%23009DDF' stroke-width='2.2'/%3E%3Cpath d='M17 9h8M17 14h6' fill='none' stroke='%23009DDF' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E"); }

/* Advies & service: motion op de stappen */
.elementor-42065 { --hp-topbar: calc(var(--hp-header) + var(--hp-adminbar) + 66px); }
@media (max-width: 800px) { .elementor-42065 { --hp-topbar: calc(var(--hp-header) + var(--hp-adminbar) + 52px); } }
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .elementor-42065 :is([data-id="742cc73f"], [data-id="7a915386"], [data-id="40253356"]) { background: linear-gradient(#009DDF, #009DDF) top center / 2px 0% no-repeat, #CFE6F3 !important; animation: hpFill linear both; animation-timeline: view(block var(--hp-topbar) 0px); animation-range: cover 20% cover 60%; }
    .elementor-42065 :is([data-id="67bfebc9"], [data-id="8cb0157"], [data-id="6522b7c9"], [data-id="73bc725f"]) { animation: hpPop ease-out both; animation-timeline: view(block var(--hp-topbar) 0px); animation-range: cover 10% cover 30%; }
    .elementor-42065 :is([data-id="71cbea01"], [data-id="56ac53a5"], [data-id="2ab843e"], [data-id="4ca2f0c0"]) { animation: hpRise ease-out both; animation-timeline: view(block var(--hp-topbar) 0px); animation-range: entry 0% entry 45%; }
    .elementor-42065 :is([data-id="20dd100e"], [data-id="2c31157a"]) { animation: hpRise ease-out both; animation-timeline: view(block var(--hp-topbar) 0px); animation-range: entry 0% entry 40%; }
    .elementor-42065 :is([data-id="115fa611"], [data-id="52ac8991"]) { animation: hpRise ease-out both; animation-timeline: view(block var(--hp-topbar) 0px); animation-range: entry 8% entry 48%; }
    .elementor-42065 :is([data-id="1927aa42"], [data-id="4b0a45c0"]) { animation: hpRise ease-out both; animation-timeline: view(block var(--hp-topbar) 0px); animation-range: entry 16% entry 56%; }
  }
}
@keyframes hpFill { to { background-size: 2px 100%, auto; } }
@keyframes hpPop { from { opacity: 0; scale: 0.4; } to { opacity: 1; scale: 1; } }
@keyframes hpRise { from { opacity: 0; translate: 0 32px; } to { opacity: 1; translate: 0 0; } }

/* Specificatietabellen */
.elementor-42065 .hp-th em { display: block; margin-top: 2px; font-style: normal; font-size: 10px; font-weight: 600; letter-spacing: 0.02em; text-transform: none; color: #7A8A9A; }
.elementor-42065 .hp-tl { position: sticky; left: 0; z-index: 1; background-color: #ffffff; }
.elementor-42065 .hp-tl em { display: block; margin-top: 3px; font-style: normal; font-size: 12px; font-weight: 400; letter-spacing: 0; color: #7A8A9A; }
.elementor-42065 .hp-td strong { display: block; font-weight: 700; color: #050B12; }
.elementor-42065 .hp-td em { display: block; margin-top: 2px; font-style: normal; font-size: 12px; color: #7A8A9A; }
.elementor-42065 .hp-td span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* Subnavigatie: focus en scroll-hint */
.elementor-42065 [data-id="33114c45"] { scrollbar-width: thin; }
.elementor-42065 [data-id="33114c45"] a:focus-visible, .elementor-42065 [data-id="59c8b849"]:focus-visible { outline: 2px solid #009DDF; outline-offset: 2px; border-radius: 999px; }
@media (max-width: 800px) { .elementor-42065 [data-id="33114c45"] { -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); mask-image: linear-gradient(90deg, #000 85%, transparent); } }

/* Afmeting en gewicht: modelkeuze LF-2 / LF-3 (verborgen radioknoppen als tabs; een link naar #indigo-lf2 of #indigo-lf3 toont dat model) */
.elementor-42065 [data-id="41eac330"]:not(:has(:is(#indigo-lf2, #indigo-lf3):target)):has(#hp-m1:checked) [data-id="3cd69b95"],
.elementor-42065 [data-id="41eac330"]:not(:has(:is(#indigo-lf2, #indigo-lf3):target)):has(#hp-m2:checked) [data-id="3a037928"],
.elementor-42065 [data-id="41eac330"]:has(#indigo-lf2:target) [data-id="3cd69b95"],
.elementor-42065 [data-id="41eac330"]:has(#indigo-lf3:target) [data-id="3a037928"] { display: none !important; }
.elementor-42065 [data-id="41eac330"]:not(:has(:is(#indigo-lf2, #indigo-lf3):target)):has(#hp-m1:checked) label[for="hp-m1"],
.elementor-42065 [data-id="41eac330"]:not(:has(:is(#indigo-lf2, #indigo-lf3):target)):has(#hp-m2:checked) label[for="hp-m2"],
.elementor-42065 [data-id="41eac330"]:has(#indigo-lf2:target) label[for="hp-m1"],
.elementor-42065 [data-id="41eac330"]:has(#indigo-lf3:target) label[for="hp-m2"] { background-color: #009DDF !important; color: #ffffff !important; }
.elementor-42065 :is(#hp-m1, #hp-m2):focus-visible + label { outline: 2px solid #009DDF; outline-offset: 3px; }
.elementor-42065 .hp-selcard .hp-btn { white-space: nowrap !important; padding-inline: 18px !important; font-size: 14px !important; }

/* Technische gegevens: pijltje dat laat zien dat je kunt openen */
.elementor-42065 :is([data-id="bdd1637"], [data-id="2f04f62d"]) summary::after { content: ""; width: 10px; height: 10px; flex: 0 0 10px; margin-right: 8px; border-right: 2px solid #009DDF; border-bottom: 2px solid #009DDF; transform: translateY(-3px) rotate(45deg); transition: transform 0.25s ease; }
.elementor-42065 :is([data-id="bdd1637"], [data-id="2f04f62d"]) details[open] > summary::after { transform: translateY(3px) rotate(-135deg); }

/* Afmetingen-matrix: eenheid kg achter het netto laadvermogen */
.elementor-42065 .hp-cell .hp-sr::after { content: " kg" / ""; font-size: 0.85em; font-weight: 600; opacity: 0.75; }
@media (max-width: 800px) { .elementor-42065 .hp-cell .hp-sr::after { display: block; font-size: 9px; line-height: 1; margin-top: 2px; } }

/* Afmetingen-matrix: label boven de kolomkoppen */
.elementor-42065 :is([data-id="771eea21"], [data-id="62c3ea8d"]) { margin-top: 44px !important; }
.elementor-42065 :is([data-id="b88e265"], [data-id="38c3bac6"]) { position: relative; overflow: visible !important; }
.elementor-42065 :is([data-id="b88e265"], [data-id="38c3bac6"])::before { content: "Toegestane maximummassa"; position: absolute; left: 0; right: 0; top: -36px; bottom: auto; height: auto; margin: 0; padding-bottom: 6px; border-bottom: 2px solid #009DDF; text-align: center; font-size: 11px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: #009DDF; }
@media (max-width: 800px) { .elementor-42065 :is([data-id="b88e265"], [data-id="38c3bac6"])::before { font-size: 9px; letter-spacing: 0.1em; } }

/* Afmetingen-matrix: geremd onder de kolomkop */
.elementor-42065 .hp-colhead span { display: block; margin-top: 2px; font-size: 10px; font-weight: 600; letter-spacing: 0.02em; text-transform: none; color: #7A8A9A; }

/* Afmetingen-matrix: selectiekaart scrolt mee naast de matrix */
@media (min-width: 1025px) { .elementor-42065 :is([data-id="65d3989a"], [data-id="74a3035b"]) { position: sticky !important; top: calc(var(--hp-topbar) + 16px); align-self: start; z-index: 2; } }/* End custom CSS */