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

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

/* Sticky subnavigatie direct onder de header */
.elementor-42053 .elementor-element-69b60ab5 { top: calc(var(--hp-header) + var(--hp-adminbar) - 1px) !important; }
.elementor-42053 .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-42053 .elementor-element-18e10633 { 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-42053 .elementor-element-18e10633 { background-position: 36% top !important; } }

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

/* Advies & service: iconen bij Goed om te weten */
.elementor-42053 :is([data-id="37a2f2d8"], [data-id="42d66db8"], [data-id="453d26e6"]) { background-color: #E6F5FC; background-position: center; background-repeat: no-repeat; }
.elementor-42053 [data-id="37a2f2d8"] { 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-42053 [data-id="42d66db8"] { 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-42053 [data-id="453d26e6"] { 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) */
.elementor-42053 { --hp-topbar: calc(var(--hp-header) + var(--hp-adminbar) + 66px); }
@media (max-width: 800px) { .elementor-42053 { --hp-topbar: calc(var(--hp-header) + var(--hp-adminbar) + 52px); } }
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .elementor-42053 :is([data-id="5321ea26"], [data-id="7399dc04"], [data-id="52347bdc"]) { 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-42053 :is([data-id="7aac6c21"], [data-id="75e409e3"], [data-id="da4c8f0"], [data-id="4ae4e30a"]) { animation: hpPop ease-out both; animation-timeline: view(block var(--hp-topbar) 0px); animation-range: cover 10% cover 30%; }
    .elementor-42053 :is([data-id="2ee74718"], [data-id="6e18d2bd"], [data-id="2cb700a4"], [data-id="2dd46725"]) { animation: hpRise ease-out both; animation-timeline: view(block var(--hp-topbar) 0px); animation-range: entry 0% entry 45%; }
    .elementor-42053 :is([data-id="58b317ad"], [data-id="23e4a7b7"]) { animation: hpRise ease-out both; animation-timeline: view(block var(--hp-topbar) 0px); animation-range: entry 0% entry 40%; }
    .elementor-42053 :is([data-id="7edb29ce"], [data-id="403f7e0d"]) { animation: hpRise ease-out both; animation-timeline: view(block var(--hp-topbar) 0px); animation-range: entry 8% entry 48%; }
    .elementor-42053 :is([data-id="37e20a18"], [data-id="f5e58e1"]) { 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; } }

/* Subnavigatie: zichtbare focus en een hint dat de balk horizontaal scrolt */
.elementor-42053 [data-id="590dd6e4"] { scrollbar-width: thin; }
.elementor-42053 [data-id="590dd6e4"] a:focus-visible, .elementor-42053 [data-id="5c2f9c85"]:focus-visible { outline: 2px solid #009DDF; outline-offset: 2px; border-radius: 999px; }
@media (max-width: 800px) { .elementor-42053 [data-id="590dd6e4"] { -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); mask-image: linear-gradient(90deg, #000 85%, transparent); } }

/* Hero: keuzekaarten en garantie als link zonder onderstreping */
.elementor-42053 :is([data-id="53f0cd50"], [data-id="7cdd4d51"], [data-id="779c053c"], [data-id="52675dd9"], [data-id="6a8288d0"]) { text-decoration: none; color: #ffffff; }

/* Keuzecheck: vinkje midden in het rondje */
.elementor-42053 .hp-vg-check span { text-indent: 0; }

/* Configurator: modellen als rustige lijst in plaats van vier knoppen */
.elementor-42053 :is([data-id="78452b15"], [data-id="25ee11de"], [data-id="56b68847"], [data-id="5d605062"]) { background: transparent !important; box-shadow: none !important; color: #050B12 !important; border-radius: 0 !important; justify-content: flex-start !important; text-align: left !important; }
.elementor-42053 :is([data-id="78452b15"], [data-id="25ee11de"], [data-id="56b68847"], [data-id="5d605062"]):hover { color: #009DDF !important; transform: none !important; }

/* Vergelijking: zijaanzichten LF machinetransporter, HF autotransporter, HTA kantelbare autotransporter en HT kantelbare transporter */
.elementor-42053 [data-id="5e188719"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 84'%3E%3Cline x1='0' y1='80' x2='200' y2='80' stroke='%23E3EDF3' stroke-width='2'/%3E%3Cline x1='6' y1='58' x2='34' y2='58' stroke='%23050B12' stroke-width='3' stroke-linecap='round'/%3E%3Crect x='34' y='52' width='130' height='10' rx='2' fill='%23fff' stroke='%23050B12' stroke-width='3'/%3E%3Cpath d='M94 52a14 14 0 0 1 28 0M124 52a14 14 0 0 1 28 0' fill='none' stroke='%23050B12' stroke-width='3'/%3E%3Ccircle cx='108' cy='64' r='11' fill='%23fff' stroke='%23009DDF' stroke-width='4'/%3E%3Ccircle cx='138' cy='64' r='11' fill='%23fff' stroke='%23009DDF' stroke-width='4'/%3E%3Cline x1='164' y1='57' x2='194' y2='78' stroke='%23009DDF' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E"); }
.elementor-42053 [data-id="3ed56bf9"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 84'%3E%3Cline x1='0' y1='80' x2='200' y2='80' stroke='%23E3EDF3' stroke-width='2'/%3E%3Cline x1='6' y1='50' x2='32' y2='46' stroke='%23050B12' stroke-width='3' stroke-linecap='round'/%3E%3Crect x='32' y='40' width='150' height='10' rx='2' fill='%23fff' stroke='%23050B12' stroke-width='3'/%3E%3Crect x='36' y='26' width='14' height='12' rx='2' fill='%23fff' stroke='%23009DDF' stroke-width='3'/%3E%3Cpath d='M50 32h30' stroke='%23009DDF' stroke-width='2' stroke-dasharray='3 3'/%3E%3Ccircle cx='112' cy='62' r='12' fill='%23fff' stroke='%23009DDF' stroke-width='4'/%3E%3Ccircle cx='142' cy='62' r='12' fill='%23fff' stroke='%23009DDF' stroke-width='4'/%3E%3Cline x1='178' y1='38' x2='186' y2='14' stroke='%23050B12' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E"); }
.elementor-42053 [data-id="4f838425"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 84'%3E%3Cline x1='0' y1='80' x2='200' y2='80' stroke='%23E3EDF3' stroke-width='2'/%3E%3Ccircle cx='6' cy='66' r='3' fill='none' stroke='%23050B12' stroke-width='2.4'/%3E%3Cline x1='9' y1='66' x2='122' y2='66' stroke='%23050B12' stroke-width='3' stroke-linecap='round'/%3E%3Cline x1='60' y1='66' x2='60' y2='58' stroke='%23009DDF' stroke-width='3.5' stroke-linecap='round'/%3E%3Ccircle cx='94' cy='70' r='9' fill='%23fff' stroke='%23009DDF' stroke-width='3.5'/%3E%3Ccircle cx='116' cy='70' r='9' fill='%23fff' stroke='%23009DDF' stroke-width='3.5'/%3E%3Cg transform='rotate(9 196 78)'%3E%3Crect x='50' y='74' width='146' height='5' rx='1.5' fill='%23fff' stroke='%23050B12' stroke-width='2.5'/%3E%3Cline x1='56' y1='72' x2='192' y2='72' stroke='%23009DDF' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M96 70v-5l12-2l9-8h30l11 8l10 1q3 0 3 3v3z' fill='%23fff' stroke='%23050B12' stroke-width='2.2' stroke-linejoin='round'/%3E%3Ccircle cx='112' cy='70' r='4.5' fill='%23fff' stroke='%23050B12' stroke-width='2.2'/%3E%3Ccircle cx='158' cy='70' r='4.5' fill='%23fff' stroke='%23050B12' stroke-width='2.2'/%3E%3C/g%3E%3C/svg%3E"); }
.elementor-42053 [data-id="38fe4412"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 84'%3E%3Cline x1='0' y1='80' x2='200' y2='80' stroke='%23E3EDF3' stroke-width='2'/%3E%3Ccircle cx='6' cy='66' r='3' fill='none' stroke='%23050B12' stroke-width='2.4'/%3E%3Cline x1='9' y1='66' x2='122' y2='66' stroke='%23050B12' stroke-width='3' stroke-linecap='round'/%3E%3Cline x1='60' y1='66' x2='60' y2='58' stroke='%23009DDF' stroke-width='3.5' stroke-linecap='round'/%3E%3Ccircle cx='94' cy='70' r='9' fill='%23fff' stroke='%23009DDF' stroke-width='3.5'/%3E%3Ccircle cx='116' cy='70' r='9' fill='%23fff' stroke='%23009DDF' stroke-width='3.5'/%3E%3Cg transform='rotate(9 196 78)'%3E%3Crect x='50' y='74' width='146' height='5' rx='1.5' fill='%23fff' stroke='%23050B12' stroke-width='2.5'/%3E%3Cline x1='52' y1='73' x2='52' y2='58' stroke='%23050B12' stroke-width='3' stroke-linecap='round'/%3E%3Crect x='96' y='64' width='44' height='8' rx='4' fill='%23fff' stroke='%23050B12' stroke-width='2.2'/%3E%3Crect x='102' y='48' width='22' height='16' rx='2' fill='%23fff' stroke='%23050B12' stroke-width='2.2'/%3E%3Cpath d='M124 54l20-12l14 16' fill='none' stroke='%23009DDF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M154 58h9l-3 7h-4z' fill='%23009DDF'/%3E%3C/g%3E%3C/svg%3E"); }/* End custom CSS */