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

/* Hoogte van de vaste site-header per breakpoint (0,5% padding boven+onder + vaste inhoud) */
.elementor-41524 { --hp-header: calc(0.99vw + 61px); --hp-adminbar: 0px; }
@media (max-width: 1800px) { .elementor-41524 { --hp-header: calc(0.99vw + 55px); } }
@media (max-width: 1100px) { .elementor-41524 { --hp-header: calc(0.99vw + 64px); } }
@media (max-width: 800px) { .elementor-41524 { --hp-header: calc(1vw + 44px); } }
/* WordPress-adminbalk (alleen zichtbaar voor ingelogde gebruikers) */
body.admin-bar .elementor-41524 { --hp-adminbar: 32px; }
@media (max-width: 782px) { body.admin-bar .elementor-41524 { --hp-adminbar: 46px; } }
@media (max-width: 600px) { body.admin-bar .elementor-41524 { --hp-adminbar: 0px; } }

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

/* Hero: precies schermvullend onder de header, foto als 1 afbeelding */
.elementor-41524 .elementor-element-1e23f7ab { 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-41524 .elementor-element-1e23f7ab { background-position: 36% top !important; } }

/* Hero: modelkeuze-label boven de L-1 / L-2 schakelaar */
.elementor-41524 [data-id="5e94381e"]::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-41524 [data-id="5e94381e"]::before { padding: 16px 16px 10px; } }
.elementor-41524 [data-id="232f90c4"] { text-decoration: none; color: #ffffff; }

/* Hotspots: openen bij hover met fade in/uit, glow-pulse op het punt */
.elementor-41524 :is([data-id="303a98d1"], [data-id="6b24a61d"]) details::details-content { content-visibility: visible; display: contents; }
.elementor-41524 :is([data-id="303a98d1"], [data-id="6b24a61d"]) 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-41524 :is([data-id="303a98d1"], [data-id="6b24a61d"]) 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-41524 :is([data-id="303a98d1"], [data-id="6b24a61d"]) details > :not(summary)::before { content: ""; position: absolute; left: 0; right: 0; top: -20px; height: 20px; }
.elementor-41524 :is([data-id="303a98d1"], [data-id="6b24a61d"]) details:is(:hover, [open]) { z-index: 40 !important; }
.elementor-41524 :is([data-id="303a98d1"], [data-id="6b24a61d"]) summary { transition: transform 0.25s ease, background-color 0.25s ease; }
.elementor-41524 :is([data-id="303a98d1"], [data-id="6b24a61d"]) details:is(:hover, [open]) > summary { transform: scale(1.1); background-color: #0089c4 !important; animation: hpGlow 1.6s ease-out infinite; }
.elementor-41524 :is([data-id="303a98d1"], [data-id="6b24a61d"]) summary p { display: inline-block; transition: transform 0.3s ease; }
.elementor-41524 :is([data-id="303a98d1"], [data-id="6b24a61d"]) 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-41524 details > summary { animation: none !important; } }

/* Goed om te weten: uitklaplinks */
.elementor-41524 .hp-more summary { cursor: pointer; }
.elementor-41524 .hp-more details[open] summary p { color: #009DDF; }

/* Advies & service: plusje bij de veelgestelde vragen */
.elementor-41524 [data-id="7e0ec210"] 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-41524 [data-id="7e0ec210"] details[open] > summary::after { transform: rotate(45deg); background-color: #009DDF; border-color: #009DDF; color: #ffffff; }
.elementor-41524 [data-id="7e0ec210"] summary:hover p { color: #009DDF !important; }

/* Advies & service: iconen bij Goed om te weten */
.elementor-41524 :is([data-id="311efeb1"], [data-id="5cb99e2a"], [data-id="2d35bddf"]) { background-color: #E6F5FC; background-position: center; background-repeat: no-repeat; }
.elementor-41524 [data-id="311efeb1"] { 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-41524 [data-id="5cb99e2a"] { 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-41524 [data-id="2d35bddf"] { 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 (scroll-gestuurd, alleen waar ondersteund). De bovenrand van de tijdlijn ligt onder de vaste header + subnavigatie (--hp-topbar). */
.elementor-41524 { --hp-topbar: calc(var(--hp-header) + var(--hp-adminbar) + 66px); }
@media (max-width: 800px) { .elementor-41524 { --hp-topbar: calc(var(--hp-header) + var(--hp-adminbar) + 52px); } }
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .elementor-41524 :is([data-id="111769d0"], [data-id="3e670bc8"], [data-id="73c97248"]) { 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-41524 :is([data-id="58c76770"], [data-id="1513dbab"], [data-id="27aeabe7"], [data-id="451b6724"]) { animation: hpPop ease-out both; animation-timeline: view(block var(--hp-topbar) 0px); animation-range: cover 10% cover 30%; }
    .elementor-41524 :is([data-id="674dc9e6"], [data-id="67ece83c"], [data-id="5d12947d"], [data-id="179ead8"]) { animation: hpRise ease-out both; animation-timeline: view(block var(--hp-topbar) 0px); animation-range: entry 0% entry 45%; }
    .elementor-41524 :is([data-id="58de26a1"], [data-id="2e6d66f9"]) { animation: hpRise ease-out both; animation-timeline: view(block var(--hp-topbar) 0px); animation-range: entry 0% entry 40%; }
    .elementor-41524 :is([data-id="627e6a8f"], [data-id="3f8cc02"]) { animation: hpRise ease-out both; animation-timeline: view(block var(--hp-topbar) 0px); animation-range: entry 8% entry 48%; }
    .elementor-41524 :is([data-id="144a90d0"], [data-id="7d821867"]) { 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; } }

/* Tabellen: eerste kolom blijft staan bij horizontaal scrollen; toelichting in cellen alleen voor schermlezers */
.elementor-41524 .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-41524 .hp-tl { position: sticky; left: 0; z-index: 1; background-color: #ffffff; }
.elementor-41524 .hp-tl em { display: block; margin-top: 3px; font-style: normal; font-size: 12px; font-weight: 400; letter-spacing: 0; color: #7A8A9A; }
.elementor-41524 .hp-td strong { display: block; font-weight: 700; color: #050B12; }
.elementor-41524 .hp-td em { display: block; margin-top: 2px; font-style: normal; font-size: 12px; color: #7A8A9A; }
.elementor-41524 .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: zichtbare focus voor toetsenbord en een hint dat de balk horizontaal scrolt */
.elementor-41524 [data-id="790919fe"] { scrollbar-width: thin; }
.elementor-41524 [data-id="790919fe"] a:focus-visible, .elementor-41524 [data-id="4d391f63"]:focus-visible { outline: 2px solid #009DDF; outline-offset: 2px; border-radius: 999px; }
@media (max-width: 800px) { .elementor-41524 [data-id="790919fe"] { -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); mask-image: linear-gradient(90deg, #000 85%, transparent); } }

/* Afmeting en gewicht: modelkeuze Azure L-1 / L-2 (verborgen radioknoppen als tabs; een link naar #azure-l2 toont ook de L-2) */
.elementor-41524 [data-id="408981fd"]:has(#hp-m1:checked):not(:has(#azure-l2:target)) [data-id="32cdc23b"],
.elementor-41524 [data-id="408981fd"]:has(#hp-m2:checked) [data-id="4c56a6be"],
.elementor-41524 [data-id="408981fd"]:has(#azure-l2:target) [data-id="4c56a6be"] { display: none !important; }
.elementor-41524 [data-id="408981fd"]:has(#hp-m1:checked):not(:has(#azure-l2:target)) label[for="hp-m1"],
.elementor-41524 [data-id="408981fd"]:has(#hp-m2:checked) label[for="hp-m2"] { background-color: #009DDF !important; color: #ffffff !important; }
.elementor-41524 #hp-m1:focus-visible + label, .elementor-41524 #hp-m2:focus-visible + label { outline: 2px solid #009DDF; outline-offset: 3px; }
/* Selectiekaart: knop netjes op een regel */
.elementor-41524 .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-41524 :is([data-id="642d7540"], [data-id="34589d32"]) 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-41524 :is([data-id="642d7540"], [data-id="34589d32"]) details[open] > summary::after { transform: translateY(3px) rotate(-135deg); }

/* Afmetingen-matrix: eenheid kg zichtbaar achter het nuttig laadvermogen (voor schermlezers staat het al in de verborgen tekst) */
.elementor-41524 .hp-cell .hp-sr::after { content: " kg" / ""; font-size: 0.85em; font-weight: 600; opacity: 0.75; }
@media (max-width: 800px) { .elementor-41524 .hp-cell .hp-sr::after { display: block; font-size: 9px; line-height: 1; margin-top: 2px; } }

/* Afmetingen-matrix: label boven de kolomkoppen, zodat duidelijk is dat dit de toegestane maximummassa is */
.elementor-41524 :is([data-id="266efe0c"], [data-id="3d872ead"]) { margin-top: 44px !important; }
.elementor-41524 :is([data-id="178055ef"], [data-id="1ff9c856"]) { position: relative; overflow: visible !important; }
.elementor-41524 :is([data-id="178055ef"], [data-id="1ff9c856"])::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-41524 :is([data-id="178055ef"], [data-id="1ff9c856"])::before { font-size: 9px; letter-spacing: 0.1em; } }

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