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

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

/* Sticky subnavigatie direct onder de header */
.elementor-41730 .elementor-element-55ab36ac { top: calc(var(--hp-header) + var(--hp-adminbar) - 1px) !important; }
.elementor-41730 .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-41730 .elementor-element-3fbab6c8 { 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-41730 .elementor-element-3fbab6c8 { background-position: 36% top !important; } }

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


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

/* Advies & service: iconen bij Goed om te weten */
.elementor-41730 :is([data-id="2bd7cc6c"], [data-id="7cd979f"], [data-id="24034c3a"]) { background-color: #E6F5FC; background-position: center; background-repeat: no-repeat; }
.elementor-41730 [data-id="2bd7cc6c"] { 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-41730 [data-id="7cd979f"] { 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-41730 [data-id="24034c3a"] { 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-41730 { --hp-topbar: calc(var(--hp-header) + var(--hp-adminbar) + 66px); }
@media (max-width: 800px) { .elementor-41730 { --hp-topbar: calc(var(--hp-header) + var(--hp-adminbar) + 52px); } }
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .elementor-41730 :is([data-id="2af9c81"], [data-id="4def9da6"], [data-id="6b9daf7d"]) { 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-41730 :is([data-id="70adf663"], [data-id="13ac77bc"], [data-id="692fcda8"], [data-id="5a5b28fe"]) { animation: hpPop ease-out both; animation-timeline: view(block var(--hp-topbar) 0px); animation-range: cover 10% cover 30%; }
    .elementor-41730 :is([data-id="4d4b6a32"], [data-id="69e2eb25"], [data-id="42ccd832"], [data-id="62f8cfc4"]) { animation: hpRise ease-out both; animation-timeline: view(block var(--hp-topbar) 0px); animation-range: entry 0% entry 45%; }
    .elementor-41730 :is([data-id="4947012"], [data-id="675d041"]) { animation: hpRise ease-out both; animation-timeline: view(block var(--hp-topbar) 0px); animation-range: entry 0% entry 40%; }
    .elementor-41730 :is([data-id="3e336a9d"], [data-id="6aa45517"]) { animation: hpRise ease-out both; animation-timeline: view(block var(--hp-topbar) 0px); animation-range: entry 8% entry 48%; }
    .elementor-41730 :is([data-id="56de0bd4"], [data-id="2db8fa73"]) { 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 voor toetsenbord en een hint dat de balk horizontaal scrolt */
.elementor-41730 [data-id="7d6a9d66"] { scrollbar-width: thin; }
.elementor-41730 [data-id="7d6a9d66"] a:focus-visible, .elementor-41730 [data-id="5ff2cce9"]:focus-visible { outline: 2px solid #009DDF; outline-offset: 2px; border-radius: 999px; }
@media (max-width: 800px) { .elementor-41730 [data-id="7d6a9d66"] { -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-41730 :is([data-id="704f06d3"], [data-id="1ebca56d"], [data-id="3c3c7d3a"]) { text-decoration: none; color: #ffffff; }

/* Vergelijking: zijaanzicht bakwagen (wielen naast de bak) en plateauwagen (wielen onder de vloer), stippellijn = laadvloerhoogte */
.elementor-41730 [data-id="743968a0"] { 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='40' y1='56' x2='196' y2='56' stroke='%23009DDF' stroke-width='1.5' stroke-dasharray='4 4'/%3E%3Cline x1='6' y1='60' x2='40' y2='60' stroke='%23050B12' stroke-width='3' stroke-linecap='round'/%3E%3Crect x='40' y='20' width='148' height='40' rx='4' fill='%23fff' stroke='%23050B12' stroke-width='3'/%3E%3Cpath d='M92 60 a22 22 0 0 1 44 0' fill='none' stroke='%23050B12' stroke-width='3'/%3E%3Ccircle cx='114' cy='64' r='15' fill='%23fff' stroke='%23009DDF' stroke-width='4'/%3E%3C/svg%3E"); }
.elementor-41730 [data-id="6fafb2ee"] { 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='40' y1='38' x2='196' y2='38' stroke='%23009DDF' stroke-width='1.5' stroke-dasharray='4 4'/%3E%3Cline x1='6' y1='46' x2='40' y2='46' stroke='%23050B12' stroke-width='3' stroke-linecap='round'/%3E%3Crect x='40' y='24' width='152' height='14' rx='2' fill='%23fff' stroke='%23050B12' stroke-width='3'/%3E%3Crect x='40' y='38' width='152' height='10' rx='2' fill='%23050B12'/%3E%3Ccircle cx='102' cy='64' r='13' fill='%23fff' stroke='%23009DDF' stroke-width='4'/%3E%3Ccircle cx='134' cy='64' r='13' fill='%23fff' stroke='%23009DDF' stroke-width='4'/%3E%3C/svg%3E"); }/* End custom CSS */