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

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

/* Sticky subnavigatie direct onder de header */
.elementor-41960 .elementor-element-351e65b2 { top: calc(var(--hp-header) + var(--hp-adminbar) - 1px) !important; }
.elementor-41960 .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-41960 .elementor-element-9f3fd73 { 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-41960 .elementor-element-9f3fd73 { background-position: 36% top !important; } }

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

/* Advies & service: iconen bij Goed om te weten */
.elementor-41960 :is([data-id="36319440"], [data-id="46fa1c1d"], [data-id="5e316a6e"]) { background-color: #E6F5FC; background-position: center; background-repeat: no-repeat; }
.elementor-41960 [data-id="36319440"] { 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-41960 [data-id="46fa1c1d"] { 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-41960 [data-id="5e316a6e"] { 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-41960 { --hp-topbar: calc(var(--hp-header) + var(--hp-adminbar) + 66px); }
@media (max-width: 800px) { .elementor-41960 { --hp-topbar: calc(var(--hp-header) + var(--hp-adminbar) + 52px); } }
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .elementor-41960 :is([data-id="5d61c018"], [data-id="65f7a0be"], [data-id="27f56590"]) { 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-41960 :is([data-id="3ab529dc"], [data-id="46a9f46"], [data-id="c50224c"], [data-id="b66bc38"]) { animation: hpPop ease-out both; animation-timeline: view(block var(--hp-topbar) 0px); animation-range: cover 10% cover 30%; }
    .elementor-41960 :is([data-id="c1c3009"], [data-id="3d61cfb5"], [data-id="206a877e"], [data-id="1978e824"]) { animation: hpRise ease-out both; animation-timeline: view(block var(--hp-topbar) 0px); animation-range: entry 0% entry 45%; }
    .elementor-41960 :is([data-id="71fa6f94"], [data-id="22230fab"]) { animation: hpRise ease-out both; animation-timeline: view(block var(--hp-topbar) 0px); animation-range: entry 0% entry 40%; }
    .elementor-41960 :is([data-id="51b35bf5"], [data-id="7b37308f"]) { animation: hpRise ease-out both; animation-timeline: view(block var(--hp-topbar) 0px); animation-range: entry 8% entry 48%; }
    .elementor-41960 :is([data-id="22456992"], [data-id="1284112c"]) { 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-41960 [data-id="3c0a1437"] { scrollbar-width: thin; }
.elementor-41960 [data-id="3c0a1437"] a:focus-visible, .elementor-41960 [data-id="4e08f250"]:focus-visible { outline: 2px solid #009DDF; outline-offset: 2px; border-radius: 999px; }
@media (max-width: 800px) { .elementor-41960 [data-id="3c0a1437"] { -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-41960 :is([data-id="1e48c91d"], [data-id="17421ced"], [data-id="1a143514"]) { text-decoration: none; color: #ffffff; }

/* Vergelijking: zijaanzicht achterwaartse kipper (bak kiept naar achteren) en 3-zijdige kipper (lossen naar achteren en beide zijden) */
.elementor-41960 [data-id="3b6a21db"] { 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='60' x2='170' y2='60' stroke='%23050B12' stroke-width='3' stroke-linecap='round'/%3E%3Crect x='30' y='28' width='140' height='28' rx='4' fill='%23fff' stroke='%23050B12' stroke-width='3' transform='rotate(10 170 56)'/%3E%3Ccircle cx='106' cy='66' r='12' fill='%23fff' stroke='%23009DDF' stroke-width='4'/%3E%3Ccircle cx='136' cy='66' r='12' fill='%23fff' stroke='%23009DDF' stroke-width='4'/%3E%3Cpath d='M190 30v30M183 52l7 9l7-9' fill='none' stroke='%23009DDF' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.elementor-41960 [data-id="8c31c4e"] { 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='60' x2='184' y2='60' stroke='%23050B12' stroke-width='3' stroke-linecap='round'/%3E%3Crect x='40' y='24' width='144' height='32' rx='4' fill='%23fff' stroke='%23050B12' stroke-width='3'/%3E%3Ccircle cx='112' cy='66' r='12' fill='%23fff' stroke='%23009DDF' stroke-width='4'/%3E%3Ccircle cx='142' cy='66' r='12' fill='%23fff' stroke='%23009DDF' stroke-width='4'/%3E%3Cpath d='M112 30v20M107 35l5-5l5 5M107 45l5 5l5-5M188 40h9M193 35l5 5l-5 5' fill='none' stroke='%23009DDF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }

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