{"id":57242,"date":"2026-08-06T12:48:36","date_gmt":"2026-08-06T10:48:36","guid":{"rendered":"https:\/\/gomonta.com\/?p=57242"},"modified":"2026-08-10T15:15:28","modified_gmt":"2026-08-10T13:15:28","slug":"vrachtwagenheffing-webshop","status":"publish","type":"post","link":"https:\/\/gomonta.com\/nl\/blog\/vrachtwagenheffing-webshop\/","title":{"rendered":"De vrachtwagenheffing is een feit: wat betekent dit voor jouw webshop en transportkosten?"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Wat houdt de vrachtwagenheffing precies in?<\/h2>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-7af861d\" data-block-id=\"7af861d\"><p class=\"stk-block-text__text\">De vrachtwagenheffing geldt voor alle vrachtwagens in voertuigcategorie\u00ebn N2 en N3 met een technisch toegestane maximummassa van meer dan 3.500 kilogram.<\/p><\/div>\n\n\n\n<div class=\"wp-block-group integration-features-wrap is-layout-flow wp-container-core-group-is-layout-d8aa5999 wp-block-group-is-layout-flow\">\n<p class=\"integration-feature has-text-color wp-block-paragraph\" style=\"color:#4A5568;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.156), 16px);line-height:1.5\"><span style=\"color: #0f0e17;\" class=\"stk-highlight\"><strong>Per gereden kilometer:<\/strong> eigenaren van vrachtwagens (zowel Nederlands als buitenlands) betalen een heffing per kilometer op vrijwel alle snelwegen en op geselecteerde provinciale en gemeentelijke hoofdwegen.<\/span><\/p>\n\n\n\n<p class=\"integration-feature has-text-color wp-block-paragraph\" style=\"color:#4A5568;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.156), 16px);line-height:1.5\"><span style=\"color: #0f0e17;\" class=\"stk-highlight\"><strong><strong>Afschaffing Eurovignet &amp; Herziening MRB:<\/strong><\/strong> met de start van de heffing is het Eurovignet in Nederland vervallen. De Motorrijtuigenbelasting (MRB) voor vrachtwagens is flink verlaagd of zelfs afgeschaft voor lichtere vrachtwagens.<\/span><\/p>\n\n\n\n<p class=\"integration-feature has-text-color wp-block-paragraph\" style=\"color:#4A5568;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.156), 16px);line-height:1.5\"><span style=\"color: #0f0e17;\" class=\"stk-highlight\"><strong><strong>Verplichte apparatuur:<\/strong> <\/strong>voor de kilometerregistratie is in elke heffingsplichtige vrachtwagen een werkend tolkastje (OBU) verplicht.<\/span><\/p>\n\n\n\n<style>\r\n    \/* --- Icons --- *\/\r\n    .monta-icon {\r\n        width: 20px;\r\n        height: 20px;\r\n        display: inline-block;\r\n        background-size: contain;\r\n        background-repeat: no-repeat;\r\n        background-position: center;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .icon-zap {\r\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23009DE0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'\/%3E%3C\/svg%3E\");\r\n    }\r\n\r\n    .icon-zap-white {\r\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'\/%3E%3C\/svg%3E\");\r\n    }\r\n\r\n    \/* --- Compact Hero Badge --- *\/\r\n    .monta-hero-badge {\r\n        background-color: rgba(0, 157, 224, 0.1);\r\n        border: 1px solid rgba(0, 157, 224, 0.2);\r\n        border-radius: 9999px;\r\n        padding: 6px 12px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        font-size: 13px !important;\r\n        margin-bottom: 8px !important;\r\n        width: fit-content !important;\r\n    }\r\n\r\n    \/* --- Feature Image Layout - FULL HEIGHT --- *\/\r\n    .feature-row>.wp-block-column {\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n    }\r\n\r\n    .monta-image-container {\r\n        position: relative;\r\n        padding: 10px;\r\n        flex: 1 !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        min-height: 400px;\r\n    }\r\n\r\n    .monta-image-container::before {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 10px;\r\n        background-color: #009DE0;\r\n        border-radius: 32px;\r\n        transform: rotate(3deg);\r\n        transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);\r\n        z-index: 0;\r\n    }\r\n\r\n    .monta-image-container:hover::before {\r\n        transform: rotate(6deg) scale(1.02);\r\n    }\r\n\r\n    .monta-image-container .wp-block-image {\r\n        position: relative;\r\n        z-index: 10;\r\n        border-radius: 32px;\r\n        overflow: hidden;\r\n        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.3);\r\n        margin: 0;\r\n        flex: 1 !important;\r\n        display: flex !important;\r\n    }\r\n\r\n    .monta-image-container .wp-block-image img {\r\n        width: 100%;\r\n        height: 100%;\r\n        min-height: 400px;\r\n        object-fit: cover;\r\n        transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);\r\n        display: block;\r\n    }\r\n\r\n    .monta-image-container:hover .wp-block-image img {\r\n        transform: scale(1.08);\r\n    }\r\n\r\n    \/* Glassmorphism Overlay Card *\/\r\n    .monta-glass-card {\r\n        position: absolute;\r\n        bottom: 24px;\r\n        left: 24px;\r\n        right: 24px;\r\n        padding: 16px 20px;\r\n        background: rgba(40, 40, 40, 0.85);\r\n        backdrop-filter: blur(16px);\r\n        -webkit-backdrop-filter: blur(16px);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        border-radius: 16px;\r\n        display: flex !important;\r\n        align-items: center;\r\n        gap: 14px;\r\n        z-index: 20;\r\n    }\r\n\r\n    .glass-icon-box {\r\n        width: 40px;\r\n        height: 40px;\r\n        min-width: 40px;\r\n        background: #009DE0;\r\n        border-radius: 10px;\r\n        display: flex !important;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        text-align: center;\r\n    }\r\n\r\n    .glass-text {\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        color: rgba(255, 255, 255, 0.95) !important;\r\n        line-height: 1.4;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    \/* --- Layout & Spacing --- *\/\r\n    .feature-section {\r\n        padding: 80px 0;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .feature-row {\r\n        display: flex !important;\r\n        flex-direction: row !important;\r\n        gap: 80px !important;\r\n        align-items: stretch !important;\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n        padding: 0 24px;\r\n    }\r\n\r\n    .feature-row>.wp-block-column {\r\n        flex: 1 !important;\r\n        min-width: 300px !important;\r\n    }\r\n\r\n    .row-reverse-desktop {\r\n        flex-direction: row-reverse !important;\r\n    }\r\n\r\n    \/* ========== TABLET RESPONSIVE (max-width: 900px) ========== *\/\r\n    @media (max-width: 900px) {\r\n        .feature-section {\r\n            padding: 60px 0;\r\n        }\r\n\r\n        .feature-row {\r\n            flex-direction: column !important;\r\n            gap: 40px !important;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .feature-row>.wp-block-column {\r\n            min-width: 100% !important;\r\n        }\r\n\r\n        .row-reverse-desktop {\r\n            flex-direction: column !important;\r\n        }\r\n\r\n        \/* Image adjustments *\/\r\n        .monta-image-container {\r\n            min-height: 350px;\r\n        }\r\n\r\n        .monta-image-container .wp-block-image img {\r\n            min-height: 350px;\r\n        }\r\n\r\n        .monta-image-container::before {\r\n            transform: rotate(2deg);\r\n        }\r\n\r\n        .monta-image-container:hover::before {\r\n            transform: rotate(4deg) scale(1.01);\r\n        }\r\n\r\n        \/* Glass card *\/\r\n        .monta-glass-card {\r\n            bottom: 16px;\r\n            left: 16px;\r\n            right: 16px;\r\n            padding: 14px 16px;\r\n            gap: 12px;\r\n        }\r\n\r\n        .glass-icon-box {\r\n            width: 36px;\r\n            height: 36px;\r\n            min-width: 36px;\r\n        }\r\n\r\n        .glass-text {\r\n            font-size: 13px !important;\r\n        }\r\n\r\n        \/* Typography adjustments *\/\r\n        .content-column h2 {\r\n            font-size: 36px !important;\r\n        }\r\n\r\n        .content-column .subtitle-text {\r\n            font-size: 16px !important;\r\n        }\r\n\r\n        \/* Accordion adjustments *\/\r\n        .monta-accordion details summary {\r\n            padding: 14px 16px;\r\n            font-size: 15px;\r\n            gap: 12px;\r\n        }\r\n\r\n        .monta-accordion .accordion-icon {\r\n            width: 32px;\r\n            height: 32px;\r\n            font-size: 16px;\r\n        }\r\n\r\n        .monta-accordion details .wp-block-group {\r\n            padding: 0 16px 14px 60px !important;\r\n        }\r\n\r\n        .monta-accordion details .wp-block-group p {\r\n            font-size: 14px;\r\n        }\r\n    }\r\n\r\n    \/* ========== MOBILE RESPONSIVE (max-width: 600px) ========== *\/\r\n    @media (max-width: 600px) {\r\n        .feature-section {\r\n            padding: 48px 0;\r\n        }\r\n\r\n        .feature-row {\r\n            gap: 32px !important;\r\n            padding: 0 16px;\r\n        }\r\n\r\n        \/* Image adjustments *\/\r\n        .monta-image-container {\r\n            min-height: 280px;\r\n            padding: 8px;\r\n        }\r\n\r\n        .monta-image-container .wp-block-image img {\r\n            min-height: 280px;\r\n        }\r\n\r\n        .monta-image-container::before {\r\n            inset: 8px;\r\n            border-radius: 24px;\r\n            transform: rotate(2deg);\r\n        }\r\n\r\n        .monta-image-container .wp-block-image {\r\n            border-radius: 24px;\r\n        }\r\n\r\n        \/* Glass card - more compact on mobile *\/\r\n        .monta-glass-card {\r\n            bottom: 12px;\r\n            left: 12px;\r\n            right: 12px;\r\n            padding: 12px 14px;\r\n            border-radius: 12px;\r\n            gap: 10px;\r\n        }\r\n\r\n        .glass-icon-box {\r\n            width: 32px;\r\n            height: 32px;\r\n            min-width: 32px;\r\n            border-radius: 8px;\r\n            font-size: 16px !important;\r\n        }\r\n\r\n        .glass-text {\r\n            font-size: 12px !important;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        \/* Badge *\/\r\n        .monta-hero-badge {\r\n            padding: 5px 10px;\r\n            font-size: 12px !important;\r\n        }\r\n\r\n        .monta-hero-badge .monta-icon {\r\n            width: 16px;\r\n            height: 16px;\r\n        }\r\n\r\n        \/* Typography - smaller on mobile *\/\r\n        .content-column h2 {\r\n            font-size: 28px !important;\r\n            line-height: 1.25 !important;\r\n            margin-bottom: 12px !important;\r\n        }\r\n\r\n        .content-column .subtitle-text {\r\n            font-size: 15px !important;\r\n            margin-bottom: 20px !important;\r\n        }\r\n\r\n        \/* Accordion - compact on mobile *\/\r\n        .monta-accordion details {\r\n            border-radius: 10px;\r\n            margin-bottom: 6px;\r\n        }\r\n\r\n        .monta-accordion details summary {\r\n            padding: 12px 14px;\r\n            font-size: 14px;\r\n            gap: 10px;\r\n        }\r\n\r\n        .monta-accordion .accordion-icon {\r\n            width: 28px;\r\n            height: 28px;\r\n            border-radius: 6px;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .monta-accordion details summary::after {\r\n            width: 16px;\r\n            height: 16px;\r\n        }\r\n\r\n        .monta-accordion details .wp-block-group {\r\n            padding: 0 14px 12px 52px !important;\r\n        }\r\n\r\n        .monta-accordion details .wp-block-group p {\r\n            font-size: 13px;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        \/* Button - full width, slightly smaller *\/\r\n        .feature-cta-button {\r\n            margin-top: 20px !important;\r\n        }\r\n\r\n        .feature-cta-button .wp-block-button__link {\r\n            padding: 12px 24px !important;\r\n            font-size: 15px !important;\r\n        }\r\n    }\r\n\r\n    \/* --- Compact Accordion Styles --- *\/\r\n    .monta-accordion details {\r\n        border: 1px solid #e5e7eb;\r\n        border-radius: 12px;\r\n        background: #fff;\r\n        margin-bottom: 8px;\r\n        transition: all 0.3s ease;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .monta-accordion details:hover {\r\n        border-color: rgba(0, 157, 224, 0.3);\r\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\r\n    }\r\n\r\n    .monta-accordion details summary {\r\n        cursor: pointer;\r\n        padding: 16px 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n        user-select: none;\r\n        list-style: none;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        color: #1a1a1a;\r\n    }\r\n\r\n    .monta-accordion details summary::-webkit-details-marker {\r\n        display: none;\r\n    }\r\n\r\n    \/* Icon box styling for the emoji span *\/\r\n    .monta-accordion .accordion-icon {\r\n        width: 36px;\r\n        height: 36px;\r\n        background: rgba(0, 157, 224, 0.1);\r\n        border-radius: 8px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        font-size: 18px;\r\n    }\r\n\r\n    .monta-accordion details summary::after {\r\n        content: '';\r\n        margin-left: auto;\r\n        width: 18px;\r\n        height: 18px;\r\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'\/%3E%3C\/svg%3E\");\r\n        background-size: contain;\r\n        background-repeat: no-repeat;\r\n        transition: transform 0.3s ease;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .monta-accordion details[open] summary::after {\r\n        transform: rotate(180deg);\r\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23009DE0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'\/%3E%3C\/svg%3E\");\r\n    }\r\n\r\n    .monta-accordion details summary:hover {\r\n        background-color: rgba(243, 244, 246, 0.5);\r\n    }\r\n\r\n    .monta-accordion details .wp-block-group {\r\n        padding: 0 20px 16px 70px !important;\r\n    }\r\n\r\n    .monta-accordion details .wp-block-group p {\r\n        margin: 0;\r\n        color: #4A5568;\r\n        line-height: 1.6;\r\n        font-size: 15px;\r\n    }\r\n\r\n    \/* Full Width Button *\/\r\n    .feature-cta-button {\r\n        margin-top: 24px !important;\r\n    }\r\n\r\n    .feature-cta-button .wp-block-button {\r\n        width: 100%;\r\n    }\r\n\r\n    .feature-cta-button .wp-block-button__link {\r\n        width: 100%;\r\n        display: block;\r\n        text-align: center;\r\n        border-radius: 8px !important;\r\n        padding: 14px 28px !important;\r\n        font-weight: 600 !important;\r\n        font-size: 16px !important;\r\n    }\r\n\r\n    \/* Compact spacing for content column *\/\r\n    .content-column h2 {\r\n        margin-top: 4px !important;\r\n        margin-bottom: 16px !important;\r\n    }\r\n\r\n    .content-column .subtitle-text {\r\n        margin-bottom: 24px !important;\r\n    }\r\n<\/style>\n\n\n\n<style>\r\n\/* ============================================\r\n   INTEGRATIONS GRID BLOCK\r\n   ============================================ *\/\r\n\r\n.integration-section {\r\n    font-family: 'Muli', sans-serif;\r\n}\r\n\r\n\/* --- Heading Area --- *\/\r\n.integration-heading-area {\r\n    margin-bottom: 48px !important;\r\n}\r\n\r\n\/* --- CSS Grid (3\u21922\u21921) --- *\/\r\n.integration-grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(3, 1fr) !important;\r\n    gap: 24px !important;\r\n    margin-bottom: 48px !important;\r\n}\r\n\r\n\/* --- Card Base --- *\/\r\n.integration-card {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    height: 100% !important;\r\n    border-radius: 16px !important;\r\n    border: 1px solid #e2e8f0 !important;\r\n    box-shadow: 0 2px 12px rgba(0,0,0,0.04) !important;\r\n    transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease !important;\r\n    cursor: default;\r\n}\r\n\r\n.integration-card:hover {\r\n    transform: translateY(-8px) !important;\r\n    box-shadow: 0 20px 40px rgba(0, 157, 224, 0.12) !important;\r\n    border-color: #009DE0 !important;\r\n}\r\n\r\n.integration-card > * {\r\n    margin-top: 0 !important;\r\n}\r\n\r\n\/* --- Logo Image Box --- *\/\r\nfigure.integration-logo {\r\n    width: 72px !important;\r\n    height: 72px !important;\r\n    min-height: 72px !important;\r\n    border-radius: 12px !important;\r\n    border: 1px solid #e2e8f0 !important;\r\n    background: linear-gradient(135deg, #f8fafc, #ffffff) !important;\r\n    overflow: hidden !important;\r\n    margin: 0 0 20px 0 !important;\r\n    padding: 14px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    box-sizing: border-box !important;\r\n    transition: border-color 0.3s ease !important;\r\n}\r\n\r\n.integration-card:hover figure.integration-logo {\r\n    border-color: rgba(0, 157, 224, 0.3) !important;\r\n}\r\n\r\nfigure.integration-logo img {\r\n    max-width: 100% !important;\r\n    max-height: 100% !important;\r\n    object-fit: contain !important;\r\n    width: auto !important;\r\n    height: auto !important;\r\n}\r\n\r\n\/* --- Card Label --- *\/\r\n.integration-label {\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 0.08em !important;\r\n}\r\n\r\n\/* --- Card Title Spacing --- *\/\r\n.integration-card .wp-block-heading {\r\n    margin-bottom: 4px !important;\r\n}\r\n\r\n\/* --- Card Description --- *\/\r\n.integration-desc {\r\n    margin-bottom: 16px !important;\r\n}\r\n\r\n\/* --- Features List (grows to push button down) --- *\/\r\n.integration-features-wrap {\r\n    flex-grow: 1 !important;\r\n    margin-bottom: 20px !important;\r\n}\r\n\r\n.integration-feature {\r\n    padding-left: 28px !important;\r\n    position: relative !important;\r\n}\r\n\r\n.integration-feature::before {\r\n    content: '\u2713';\r\n    position: absolute;\r\n    left: 0;\r\n    top: 2px;\r\n    width: 18px;\r\n    height: 18px;\r\n    background-color: rgba(98, 187, 70, 0.12);\r\n    color: #62BB46;\r\n    border-radius: 50%;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    line-height: 18px;\r\n    text-align: center;\r\n}\r\n\r\n\/* --- Card CTA Button --- *\/\r\n.integration-card .wp-block-buttons {\r\n    margin-top: auto !important;\r\n}\r\n\r\n.integration-card .wp-block-button__link {\r\n    width: 100% !important;\r\n    text-align: center !important;\r\n    white-space: nowrap !important;\r\n    transition: all 0.3s ease !important;\r\n    box-shadow: 0 4px 12px rgba(0, 157, 224, 0.2) !important;\r\n}\r\n\r\n.integration-card .wp-block-button__link:hover {\r\n    box-shadow: 0 8px 24px rgba(0, 157, 224, 0.35) !important;\r\n}\r\n\r\n\/* --- Bottom CTA --- *\/\r\n.integration-bottom-cta .wp-block-button__link {\r\n    transition: all 0.3s ease, box-shadow 0.3s ease !important;\r\n    box-shadow: 0 4px 16px rgba(0, 157, 224, 0.25) !important;\r\n}\r\n\r\n.integration-bottom-cta .wp-block-button__link:hover {\r\n    box-shadow: 0 8px 28px rgba(0, 157, 224, 0.4) !important;\r\n}\r\n\r\n\/* --- Tablet: 2 columns --- *\/\r\n@media (max-width: 900px) and (min-width: 601px) {\r\n    .integration-grid {\r\n        grid-template-columns: repeat(2, 1fr) !important;\r\n    }\r\n}\r\n\r\n\/* --- Mobile: 1 column --- *\/\r\n@media (max-width: 600px) {\r\n    .integration-section {\r\n        padding-top: 48px !important;\r\n        padding-bottom: 48px !important;\r\n    }\r\n    .integration-heading-area {\r\n        margin-bottom: 32px !important;\r\n    }\r\n    .integration-grid {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 16px !important;\r\n    }\r\n}\r\n<\/style>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Hoe worden de tarieven bepaald?<\/h2>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-93e3922\" data-block-id=\"93e3922\"><p class=\"stk-block-text__text\">De hoogte van de heffing is afhankelijk van meerdere factoren:<\/p><\/div>\n\n\n\n<div class=\"wp-block-group integration-features-wrap is-layout-flow wp-container-core-group-is-layout-d8aa5999 wp-block-group-is-layout-flow\">\n<p class=\"integration-feature has-text-color wp-block-paragraph\" style=\"color:#4A5568;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.156), 16px);line-height:1.5\"><span style=\"color: #0f0e17;\" class=\"stk-highlight\">Het gewicht van de vrachtwagen<\/span><\/p>\n\n\n\n<p class=\"integration-feature has-text-color wp-block-paragraph\" style=\"color:#4A5568;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.156), 16px);line-height:1.5\"><span style=\"color: #0f0e17;\" class=\"stk-highlight\">De CO\u2082-uitstoot<\/span><\/p>\n\n\n\n<p class=\"integration-feature has-text-color wp-block-paragraph\" style=\"color:#4A5568;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.156), 16px);line-height:1.5\"><span style=\"color: #0f0e17;\" class=\"stk-highlight\">De Euro-emissieklasse van het voertuig<\/span><\/p>\n\n\n\n<style>\r\n    \/* --- Icons --- *\/\r\n    .monta-icon {\r\n        width: 20px;\r\n        height: 20px;\r\n        display: inline-block;\r\n        background-size: contain;\r\n        background-repeat: no-repeat;\r\n        background-position: center;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .icon-zap {\r\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23009DE0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'\/%3E%3C\/svg%3E\");\r\n    }\r\n\r\n    .icon-zap-white {\r\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'\/%3E%3C\/svg%3E\");\r\n    }\r\n\r\n    \/* --- Compact Hero Badge --- *\/\r\n    .monta-hero-badge {\r\n        background-color: rgba(0, 157, 224, 0.1);\r\n        border: 1px solid rgba(0, 157, 224, 0.2);\r\n        border-radius: 9999px;\r\n        padding: 6px 12px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        font-size: 13px !important;\r\n        margin-bottom: 8px !important;\r\n        width: fit-content !important;\r\n    }\r\n\r\n    \/* --- Feature Image Layout - FULL HEIGHT --- *\/\r\n    .feature-row>.wp-block-column {\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n    }\r\n\r\n    .monta-image-container {\r\n        position: relative;\r\n        padding: 10px;\r\n        flex: 1 !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        min-height: 400px;\r\n    }\r\n\r\n    .monta-image-container::before {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 10px;\r\n        background-color: #009DE0;\r\n        border-radius: 32px;\r\n        transform: rotate(3deg);\r\n        transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);\r\n        z-index: 0;\r\n    }\r\n\r\n    .monta-image-container:hover::before {\r\n        transform: rotate(6deg) scale(1.02);\r\n    }\r\n\r\n    .monta-image-container .wp-block-image {\r\n        position: relative;\r\n        z-index: 10;\r\n        border-radius: 32px;\r\n        overflow: hidden;\r\n        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.3);\r\n        margin: 0;\r\n        flex: 1 !important;\r\n        display: flex !important;\r\n    }\r\n\r\n    .monta-image-container .wp-block-image img {\r\n        width: 100%;\r\n        height: 100%;\r\n        min-height: 400px;\r\n        object-fit: cover;\r\n        transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);\r\n        display: block;\r\n    }\r\n\r\n    .monta-image-container:hover .wp-block-image img {\r\n        transform: scale(1.08);\r\n    }\r\n\r\n    \/* Glassmorphism Overlay Card *\/\r\n    .monta-glass-card {\r\n        position: absolute;\r\n        bottom: 24px;\r\n        left: 24px;\r\n        right: 24px;\r\n        padding: 16px 20px;\r\n        background: rgba(40, 40, 40, 0.85);\r\n        backdrop-filter: blur(16px);\r\n        -webkit-backdrop-filter: blur(16px);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        border-radius: 16px;\r\n        display: flex !important;\r\n        align-items: center;\r\n        gap: 14px;\r\n        z-index: 20;\r\n    }\r\n\r\n    .glass-icon-box {\r\n        width: 40px;\r\n        height: 40px;\r\n        min-width: 40px;\r\n        background: #009DE0;\r\n        border-radius: 10px;\r\n        display: flex !important;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        text-align: center;\r\n    }\r\n\r\n    .glass-text {\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        color: rgba(255, 255, 255, 0.95) !important;\r\n        line-height: 1.4;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    \/* --- Layout & Spacing --- *\/\r\n    .feature-section {\r\n        padding: 80px 0;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .feature-row {\r\n        display: flex !important;\r\n        flex-direction: row !important;\r\n        gap: 80px !important;\r\n        align-items: stretch !important;\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n        padding: 0 24px;\r\n    }\r\n\r\n    .feature-row>.wp-block-column {\r\n        flex: 1 !important;\r\n        min-width: 300px !important;\r\n    }\r\n\r\n    .row-reverse-desktop {\r\n        flex-direction: row-reverse !important;\r\n    }\r\n\r\n    \/* ========== TABLET RESPONSIVE (max-width: 900px) ========== *\/\r\n    @media (max-width: 900px) {\r\n        .feature-section {\r\n            padding: 60px 0;\r\n        }\r\n\r\n        .feature-row {\r\n            flex-direction: column !important;\r\n            gap: 40px !important;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .feature-row>.wp-block-column {\r\n            min-width: 100% !important;\r\n        }\r\n\r\n        .row-reverse-desktop {\r\n            flex-direction: column !important;\r\n        }\r\n\r\n        \/* Image adjustments *\/\r\n        .monta-image-container {\r\n            min-height: 350px;\r\n        }\r\n\r\n        .monta-image-container .wp-block-image img {\r\n            min-height: 350px;\r\n        }\r\n\r\n        .monta-image-container::before {\r\n            transform: rotate(2deg);\r\n        }\r\n\r\n        .monta-image-container:hover::before {\r\n            transform: rotate(4deg) scale(1.01);\r\n        }\r\n\r\n        \/* Glass card *\/\r\n        .monta-glass-card {\r\n            bottom: 16px;\r\n            left: 16px;\r\n            right: 16px;\r\n            padding: 14px 16px;\r\n            gap: 12px;\r\n        }\r\n\r\n        .glass-icon-box {\r\n            width: 36px;\r\n            height: 36px;\r\n            min-width: 36px;\r\n        }\r\n\r\n        .glass-text {\r\n            font-size: 13px !important;\r\n        }\r\n\r\n        \/* Typography adjustments *\/\r\n        .content-column h2 {\r\n            font-size: 36px !important;\r\n        }\r\n\r\n        .content-column .subtitle-text {\r\n            font-size: 16px !important;\r\n        }\r\n\r\n        \/* Accordion adjustments *\/\r\n        .monta-accordion details summary {\r\n            padding: 14px 16px;\r\n            font-size: 15px;\r\n            gap: 12px;\r\n        }\r\n\r\n        .monta-accordion .accordion-icon {\r\n            width: 32px;\r\n            height: 32px;\r\n            font-size: 16px;\r\n        }\r\n\r\n        .monta-accordion details .wp-block-group {\r\n            padding: 0 16px 14px 60px !important;\r\n        }\r\n\r\n        .monta-accordion details .wp-block-group p {\r\n            font-size: 14px;\r\n        }\r\n    }\r\n\r\n    \/* ========== MOBILE RESPONSIVE (max-width: 600px) ========== *\/\r\n    @media (max-width: 600px) {\r\n        .feature-section {\r\n            padding: 48px 0;\r\n        }\r\n\r\n        .feature-row {\r\n            gap: 32px !important;\r\n            padding: 0 16px;\r\n        }\r\n\r\n        \/* Image adjustments *\/\r\n        .monta-image-container {\r\n            min-height: 280px;\r\n            padding: 8px;\r\n        }\r\n\r\n        .monta-image-container .wp-block-image img {\r\n            min-height: 280px;\r\n        }\r\n\r\n        .monta-image-container::before {\r\n            inset: 8px;\r\n            border-radius: 24px;\r\n            transform: rotate(2deg);\r\n        }\r\n\r\n        .monta-image-container .wp-block-image {\r\n            border-radius: 24px;\r\n        }\r\n\r\n        \/* Glass card - more compact on mobile *\/\r\n        .monta-glass-card {\r\n            bottom: 12px;\r\n            left: 12px;\r\n            right: 12px;\r\n            padding: 12px 14px;\r\n            border-radius: 12px;\r\n            gap: 10px;\r\n        }\r\n\r\n        .glass-icon-box {\r\n            width: 32px;\r\n            height: 32px;\r\n            min-width: 32px;\r\n            border-radius: 8px;\r\n            font-size: 16px !important;\r\n        }\r\n\r\n        .glass-text {\r\n            font-size: 12px !important;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        \/* Badge *\/\r\n        .monta-hero-badge {\r\n            padding: 5px 10px;\r\n            font-size: 12px !important;\r\n        }\r\n\r\n        .monta-hero-badge .monta-icon {\r\n            width: 16px;\r\n            height: 16px;\r\n        }\r\n\r\n        \/* Typography - smaller on mobile *\/\r\n        .content-column h2 {\r\n            font-size: 28px !important;\r\n            line-height: 1.25 !important;\r\n            margin-bottom: 12px !important;\r\n        }\r\n\r\n        .content-column .subtitle-text {\r\n            font-size: 15px !important;\r\n            margin-bottom: 20px !important;\r\n        }\r\n\r\n        \/* Accordion - compact on mobile *\/\r\n        .monta-accordion details {\r\n            border-radius: 10px;\r\n            margin-bottom: 6px;\r\n        }\r\n\r\n        .monta-accordion details summary {\r\n            padding: 12px 14px;\r\n            font-size: 14px;\r\n            gap: 10px;\r\n        }\r\n\r\n        .monta-accordion .accordion-icon {\r\n            width: 28px;\r\n            height: 28px;\r\n            border-radius: 6px;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .monta-accordion details summary::after {\r\n            width: 16px;\r\n            height: 16px;\r\n        }\r\n\r\n        .monta-accordion details .wp-block-group {\r\n            padding: 0 14px 12px 52px !important;\r\n        }\r\n\r\n        .monta-accordion details .wp-block-group p {\r\n            font-size: 13px;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        \/* Button - full width, slightly smaller *\/\r\n        .feature-cta-button {\r\n            margin-top: 20px !important;\r\n        }\r\n\r\n        .feature-cta-button .wp-block-button__link {\r\n            padding: 12px 24px !important;\r\n            font-size: 15px !important;\r\n        }\r\n    }\r\n\r\n    \/* --- Compact Accordion Styles --- *\/\r\n    .monta-accordion details {\r\n        border: 1px solid #e5e7eb;\r\n        border-radius: 12px;\r\n        background: #fff;\r\n        margin-bottom: 8px;\r\n        transition: all 0.3s ease;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .monta-accordion details:hover {\r\n        border-color: rgba(0, 157, 224, 0.3);\r\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\r\n    }\r\n\r\n    .monta-accordion details summary {\r\n        cursor: pointer;\r\n        padding: 16px 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n        user-select: none;\r\n        list-style: none;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        color: #1a1a1a;\r\n    }\r\n\r\n    .monta-accordion details summary::-webkit-details-marker {\r\n        display: none;\r\n    }\r\n\r\n    \/* Icon box styling for the emoji span *\/\r\n    .monta-accordion .accordion-icon {\r\n        width: 36px;\r\n        height: 36px;\r\n        background: rgba(0, 157, 224, 0.1);\r\n        border-radius: 8px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        font-size: 18px;\r\n    }\r\n\r\n    .monta-accordion details summary::after {\r\n        content: '';\r\n        margin-left: auto;\r\n        width: 18px;\r\n        height: 18px;\r\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'\/%3E%3C\/svg%3E\");\r\n        background-size: contain;\r\n        background-repeat: no-repeat;\r\n        transition: transform 0.3s ease;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .monta-accordion details[open] summary::after {\r\n        transform: rotate(180deg);\r\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23009DE0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'\/%3E%3C\/svg%3E\");\r\n    }\r\n\r\n    .monta-accordion details summary:hover {\r\n        background-color: rgba(243, 244, 246, 0.5);\r\n    }\r\n\r\n    .monta-accordion details .wp-block-group {\r\n        padding: 0 20px 16px 70px !important;\r\n    }\r\n\r\n    .monta-accordion details .wp-block-group p {\r\n        margin: 0;\r\n        color: #4A5568;\r\n        line-height: 1.6;\r\n        font-size: 15px;\r\n    }\r\n\r\n    \/* Full Width Button *\/\r\n    .feature-cta-button {\r\n        margin-top: 24px !important;\r\n    }\r\n\r\n    .feature-cta-button .wp-block-button {\r\n        width: 100%;\r\n    }\r\n\r\n    .feature-cta-button .wp-block-button__link {\r\n        width: 100%;\r\n        display: block;\r\n        text-align: center;\r\n        border-radius: 8px !important;\r\n        padding: 14px 28px !important;\r\n        font-weight: 600 !important;\r\n        font-size: 16px !important;\r\n    }\r\n\r\n    \/* Compact spacing for content column *\/\r\n    .content-column h2 {\r\n        margin-top: 4px !important;\r\n        margin-bottom: 16px !important;\r\n    }\r\n\r\n    .content-column .subtitle-text {\r\n        margin-bottom: 24px !important;\r\n    }\r\n<\/style>\n\n\n\n<style>\r\n\/* ============================================\r\n   INTEGRATIONS GRID BLOCK\r\n   ============================================ *\/\r\n\r\n.integration-section {\r\n    font-family: 'Muli', sans-serif;\r\n}\r\n\r\n\/* --- Heading Area --- *\/\r\n.integration-heading-area {\r\n    margin-bottom: 48px !important;\r\n}\r\n\r\n\/* --- CSS Grid (3\u21922\u21921) --- *\/\r\n.integration-grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(3, 1fr) !important;\r\n    gap: 24px !important;\r\n    margin-bottom: 48px !important;\r\n}\r\n\r\n\/* --- Card Base --- *\/\r\n.integration-card {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    height: 100% !important;\r\n    border-radius: 16px !important;\r\n    border: 1px solid #e2e8f0 !important;\r\n    box-shadow: 0 2px 12px rgba(0,0,0,0.04) !important;\r\n    transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease !important;\r\n    cursor: default;\r\n}\r\n\r\n.integration-card:hover {\r\n    transform: translateY(-8px) !important;\r\n    box-shadow: 0 20px 40px rgba(0, 157, 224, 0.12) !important;\r\n    border-color: #009DE0 !important;\r\n}\r\n\r\n.integration-card > * {\r\n    margin-top: 0 !important;\r\n}\r\n\r\n\/* --- Logo Image Box --- *\/\r\nfigure.integration-logo {\r\n    width: 72px !important;\r\n    height: 72px !important;\r\n    min-height: 72px !important;\r\n    border-radius: 12px !important;\r\n    border: 1px solid #e2e8f0 !important;\r\n    background: linear-gradient(135deg, #f8fafc, #ffffff) !important;\r\n    overflow: hidden !important;\r\n    margin: 0 0 20px 0 !important;\r\n    padding: 14px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    box-sizing: border-box !important;\r\n    transition: border-color 0.3s ease !important;\r\n}\r\n\r\n.integration-card:hover figure.integration-logo {\r\n    border-color: rgba(0, 157, 224, 0.3) !important;\r\n}\r\n\r\nfigure.integration-logo img {\r\n    max-width: 100% !important;\r\n    max-height: 100% !important;\r\n    object-fit: contain !important;\r\n    width: auto !important;\r\n    height: auto !important;\r\n}\r\n\r\n\/* --- Card Label --- *\/\r\n.integration-label {\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 0.08em !important;\r\n}\r\n\r\n\/* --- Card Title Spacing --- *\/\r\n.integration-card .wp-block-heading {\r\n    margin-bottom: 4px !important;\r\n}\r\n\r\n\/* --- Card Description --- *\/\r\n.integration-desc {\r\n    margin-bottom: 16px !important;\r\n}\r\n\r\n\/* --- Features List (grows to push button down) --- *\/\r\n.integration-features-wrap {\r\n    flex-grow: 1 !important;\r\n    margin-bottom: 20px !important;\r\n}\r\n\r\n.integration-feature {\r\n    padding-left: 28px !important;\r\n    position: relative !important;\r\n}\r\n\r\n.integration-feature::before {\r\n    content: '\u2713';\r\n    position: absolute;\r\n    left: 0;\r\n    top: 2px;\r\n    width: 18px;\r\n    height: 18px;\r\n    background-color: rgba(98, 187, 70, 0.12);\r\n    color: #62BB46;\r\n    border-radius: 50%;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    line-height: 18px;\r\n    text-align: center;\r\n}\r\n\r\n\/* --- Card CTA Button --- *\/\r\n.integration-card .wp-block-buttons {\r\n    margin-top: auto !important;\r\n}\r\n\r\n.integration-card .wp-block-button__link {\r\n    width: 100% !important;\r\n    text-align: center !important;\r\n    white-space: nowrap !important;\r\n    transition: all 0.3s ease !important;\r\n    box-shadow: 0 4px 12px rgba(0, 157, 224, 0.2) !important;\r\n}\r\n\r\n.integration-card .wp-block-button__link:hover {\r\n    box-shadow: 0 8px 24px rgba(0, 157, 224, 0.35) !important;\r\n}\r\n\r\n\/* --- Bottom CTA --- *\/\r\n.integration-bottom-cta .wp-block-button__link {\r\n    transition: all 0.3s ease, box-shadow 0.3s ease !important;\r\n    box-shadow: 0 4px 16px rgba(0, 157, 224, 0.25) !important;\r\n}\r\n\r\n.integration-bottom-cta .wp-block-button__link:hover {\r\n    box-shadow: 0 8px 28px rgba(0, 157, 224, 0.4) !important;\r\n}\r\n\r\n\/* --- Tablet: 2 columns --- *\/\r\n@media (max-width: 900px) and (min-width: 601px) {\r\n    .integration-grid {\r\n        grid-template-columns: repeat(2, 1fr) !important;\r\n    }\r\n}\r\n\r\n\/* --- Mobile: 1 column --- *\/\r\n@media (max-width: 600px) {\r\n    .integration-section {\r\n        padding-top: 48px !important;\r\n        padding-bottom: 48px !important;\r\n    }\r\n    .integration-heading-area {\r\n        margin-bottom: 32px !important;\r\n    }\r\n    .integration-grid {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 16px !important;\r\n    }\r\n}\r\n<\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-c5676b5\" data-block-id=\"c5676b5\"><style>.stk-c5676b5 {margin-bottom:2px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-c5676b5-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-774b8af\" data-v=\"4\" data-block-id=\"774b8af\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-774b8af-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-774b8af-inner-blocks\">\n<style>\/* ============================================\n   FEATURE MODULE GRID\n   ============================================ *\/\n\n.feature-module-section-3 {\n    font-family: ct_font_muli, sans-serif;\n}\n\n\/* --- Card Styling --- *\/\n.feature-card-3 {\n    display: flex !important;\n    flex-direction: column !important;\n    height: 100% !important;\n    border-radius: 16px !important;\n    border: 1px solid #f0f0f0 !important;\n    box-shadow: 0 2px 12px rgba(0,0,0,0.04) !important;\n    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;\n    cursor: default;\n}\n\n.feature-card-3:hover {\n    transform: translateY(-6px) !important;\n    box-shadow: 0 8px 40px rgba(0,0,0,0.08) !important;\n    border-color: #009DE0 !important;\n}\n\n\/* Kill all WP default block spacing inside cards *\/\n.feature-card-3 > * {\n    margin-top: 0 !important;\n}\n\n\/* --- Icon Box --- *\/\n.feature-icon-box-3 {\n    width: 52px !important;\n    height: 52px !important;\n    min-height: 52px !important;\n    border-radius: 14px !important;\n    background-color: #009DE0 !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    transition: transform 0.25s ease !important;\n    padding: 0 !important;\n    box-shadow: 0 4px 12px rgba(0, 157, 224, 0.25) !important;\n    margin-bottom: 16px !important;\n}\n\n.feature-card-3:hover .feature-icon-box-3 {\n    transform: scale(1.08) rotate(3deg) !important;\n}\n\n\/* Stackable icon sizing inside icon box *\/\n.feature-icon-box-3 .wp-block-stackable-icon {\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n.feature-icon-box-3 .stk--inner-svg svg[aria-hidden=\"true\"] {\n    width: 24px !important;\n    height: 24px !important;\n}\n\n\/* --- Badge --- *\/\n.feature-badge-3 {\n    text-transform: uppercase !important;\n    letter-spacing: 0.05em !important;\n    margin-bottom: 6px !important;\n}\n\n\/* --- Card Title --- *\/\n.feature-card-3 .wp-block-heading {\n    margin-bottom: 8px !important;\n}\n\n\/* --- Description pushes CTA down --- *\/\n.feature-desc-3 {\n    flex-grow: 1 !important;\n    margin-bottom: 16px !important;\n}\n\n\/* --- CTA Link --- *\/\n.feature-cta-3 a {\n    color: #009DE0 !important;\n    text-decoration: none !important;\n    font-weight: 600 !important;\n    transition: all 0.3s ease !important;\n}\n\n.feature-card-3:hover .feature-cta-3 a {\n    text-decoration: underline !important;\n    text-underline-offset: 4px !important;\n}\n\n.feature-cta-3 .cta-arrow-3 {\n    display: inline-block !important;\n    transition: transform 0.3s ease !important;\n    margin-left: 6px;\n    font-size: 14px !important;\n}\n\n.feature-card-3:hover .feature-cta-3 .cta-arrow-3 {\n    transform: translateX(4px) !important;\n}\n\n\/* --- CSS Grid for Card Layout (2\u21921 responsive) --- *\/\n.feature-grid-3 {\n    display: grid !important;\n    grid-template-columns: repeat(2, 1fr) !important;\n    gap: 24px !important;\n    margin-bottom: 48px !important;\n}\n\n\n\/* --- Blue accent line on quote blocks: always rendered above the image --- *\/\n.feature-card-3 blockquote.wp-block-quote {\n    position: relative !important;\n}\n\n.feature-card-3 blockquote.wp-block-quote::before {\n    content: \"\" !important;\n    position: absolute !important;\n    top: 0 !important;\n    bottom: 0 !important;\n    left: 0 !important;\n    width: 2px !important;\n    background-color: #009DE0 !important;\n    z-index: 5 !important;\n}\n\n.feature-card-3 .wp-block-stackable-image {\n    position: relative !important;\n    z-index: 1 !important;\n}\n\n\/* --- Heading Area --- *\/\n.feature-heading-area-3 {\n    margin-bottom: 48px !important;\n}\n\n\/* --- Bottom CTA --- *\/\n.feature-bottom-cta-3 .wp-block-button__link {\n    border-radius: 12px !important;\n    padding: 16px 36px !important;\n    font-weight: 600 !important;\n    font-size: 16px !important;\n    transition: all 0.3s ease, box-shadow 0.3s ease !important;\n    box-shadow: 0 4px 16px rgba(0, 157, 224, 0.25) !important;\n}\n\n.feature-bottom-cta-3 .wp-block-button__link:hover {\n    box-shadow: 0 8px 28px rgba(0, 157, 224, 0.4) !important;\n}\n\n\/* --- Tablet: 2 columns --- *\/\n@media (max-width: 900px) and (min-width: 601px) {\n    .feature-grid-3 {\n        grid-template-columns: repeat(2, 1fr) !important;\n    }\n}\n\n\/* --- Mobile: 1 column --- *\/\n@media (max-width: 600px) {\n    .feature-module-section-3 {\n        padding-top: 48px !important;\n        padding-bottom: 48px !important;\n    }\n    .feature-heading-area-3 {\n        margin-bottom: 32px !important;\n    }\n    .feature-grid-3 {\n        grid-template-columns: 1fr !important;\n        gap: 16px !important;\n    }\n}\n<\/style>\n\n\n\n<div class=\"wp-block-group feature-card-3 has-background is-layout-flow wp-container-core-group-is-layout-aaca1240 wp-block-group-is-layout-flow\" style=\"background-color:#ffffff;padding-top:28px;padding-right:28px;padding-bottom:28px;padding-left:28px\">\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"feature-desc-3 has-text-color wp-block-paragraph\" style=\"color:#4A5568;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.156), 16px);line-height:1.6\">Tip: <em>Beschik je als webshop over een eigen wagenpark of vrachtwagen? Op de website van <a href=\"https:\/\/www.vrachtwagenheffing.nl\/dit-gaat-u-betalen\" data-type=\"link\" data-id=\"https:\/\/www.vrachtwagenheffing.nl\/dit-gaat-u-betalen\" target=\"_blank\" rel=\"noopener\">Vrachtwagenheffing.nl<\/a> vind je uitgebreide informatie \u00e9n bereken je via hun rekenmodule eenvoudig het exacte bedrag.<\/em><\/p>\n<\/blockquote>\n<\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">De impact op de logistieke keten en pakketvervoerders<\/h2>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-d4effe3\" data-block-id=\"d4effe3\"><p class=\"stk-block-text__text\">Brancheorganisatie Transport en Logistiek Nederland (TLN) becijferde vooraf dat de heffing gemiddeld leidt tot circa 9,8% extra kosten voor vrachtwageneigenaren, afhankelijk van het ritprofiel. In de praktijk zullen veel vervoerders een deel van deze extra kosten verwerken in hun transporttarieven of toeslagen. De impact verschilt daarbij per vervoerstype en ritprofiel:<\/p><\/div>\n\n\n\n<div class=\"wp-block-group integration-features-wrap is-layout-flow wp-container-core-group-is-layout-d8aa5999 wp-block-group-is-layout-flow\">\n<p class=\"integration-feature has-text-color wp-block-paragraph\" style=\"color:#4A5568;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.156), 16px);line-height:1.5\"><span style=\"color: #0f0e17;\" class=\"stk-highlight\"><strong>Linehaul &amp; Palletvervoer (zwaar transport):<\/strong> de grote vrachtwagens die tussen hubs en sorteringscentra rijden vallen volledig onder de vrachtwagenheffing. Palletzendingen en zware B2B-vrachten stijgen daardoor verhoudingsgewijs het meest in kosten.<\/span><\/p>\n\n\n\n<p class=\"integration-feature has-text-color wp-block-paragraph\" style=\"color:#4A5568;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.156), 16px);line-height:1.5\"><span style=\"color: #0f0e17;\" class=\"stk-highlight\"><strong>Last-mile Pakketbezorging:<\/strong> voor de &#8216;last mile&#8217; (het traject tussen lokale CityHubs en de consument) maken vervoerders zoals DHL en PostNL al op grote schaal gebruik van lichte elektrische bestelbussen (&lt;3.500 kg). Omdat deze voertuigen <strong>niet<\/strong> onder de vrachtwagenheffing vallen, blijft de kostenstijging voor standaard pakketzendingen vaak beperkter dan voor zware palletzendingen.<\/span><\/p>\n\n\n\n<style>\r\n    \/* --- Icons --- *\/\r\n    .monta-icon {\r\n        width: 20px;\r\n        height: 20px;\r\n        display: inline-block;\r\n        background-size: contain;\r\n        background-repeat: no-repeat;\r\n        background-position: center;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .icon-zap {\r\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23009DE0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'\/%3E%3C\/svg%3E\");\r\n    }\r\n\r\n    .icon-zap-white {\r\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'\/%3E%3C\/svg%3E\");\r\n    }\r\n\r\n    \/* --- Compact Hero Badge --- *\/\r\n    .monta-hero-badge {\r\n        background-color: rgba(0, 157, 224, 0.1);\r\n        border: 1px solid rgba(0, 157, 224, 0.2);\r\n        border-radius: 9999px;\r\n        padding: 6px 12px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        font-size: 13px !important;\r\n        margin-bottom: 8px !important;\r\n        width: fit-content !important;\r\n    }\r\n\r\n    \/* --- Feature Image Layout - FULL HEIGHT --- *\/\r\n    .feature-row>.wp-block-column {\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n    }\r\n\r\n    .monta-image-container {\r\n        position: relative;\r\n        padding: 10px;\r\n        flex: 1 !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        min-height: 400px;\r\n    }\r\n\r\n    .monta-image-container::before {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 10px;\r\n        background-color: #009DE0;\r\n        border-radius: 32px;\r\n        transform: rotate(3deg);\r\n        transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);\r\n        z-index: 0;\r\n    }\r\n\r\n    .monta-image-container:hover::before {\r\n        transform: rotate(6deg) scale(1.02);\r\n    }\r\n\r\n    .monta-image-container .wp-block-image {\r\n        position: relative;\r\n        z-index: 10;\r\n        border-radius: 32px;\r\n        overflow: hidden;\r\n        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.3);\r\n        margin: 0;\r\n        flex: 1 !important;\r\n        display: flex !important;\r\n    }\r\n\r\n    .monta-image-container .wp-block-image img {\r\n        width: 100%;\r\n        height: 100%;\r\n        min-height: 400px;\r\n        object-fit: cover;\r\n        transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);\r\n        display: block;\r\n    }\r\n\r\n    .monta-image-container:hover .wp-block-image img {\r\n        transform: scale(1.08);\r\n    }\r\n\r\n    \/* Glassmorphism Overlay Card *\/\r\n    .monta-glass-card {\r\n        position: absolute;\r\n        bottom: 24px;\r\n        left: 24px;\r\n        right: 24px;\r\n        padding: 16px 20px;\r\n        background: rgba(40, 40, 40, 0.85);\r\n        backdrop-filter: blur(16px);\r\n        -webkit-backdrop-filter: blur(16px);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        border-radius: 16px;\r\n        display: flex !important;\r\n        align-items: center;\r\n        gap: 14px;\r\n        z-index: 20;\r\n    }\r\n\r\n    .glass-icon-box {\r\n        width: 40px;\r\n        height: 40px;\r\n        min-width: 40px;\r\n        background: #009DE0;\r\n        border-radius: 10px;\r\n        display: flex !important;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        text-align: center;\r\n    }\r\n\r\n    .glass-text {\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        color: rgba(255, 255, 255, 0.95) !important;\r\n        line-height: 1.4;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    \/* --- Layout & Spacing --- *\/\r\n    .feature-section {\r\n        padding: 80px 0;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .feature-row {\r\n        display: flex !important;\r\n        flex-direction: row !important;\r\n        gap: 80px !important;\r\n        align-items: stretch !important;\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n        padding: 0 24px;\r\n    }\r\n\r\n    .feature-row>.wp-block-column {\r\n        flex: 1 !important;\r\n        min-width: 300px !important;\r\n    }\r\n\r\n    .row-reverse-desktop {\r\n        flex-direction: row-reverse !important;\r\n    }\r\n\r\n    \/* ========== TABLET RESPONSIVE (max-width: 900px) ========== *\/\r\n    @media (max-width: 900px) {\r\n        .feature-section {\r\n            padding: 60px 0;\r\n        }\r\n\r\n        .feature-row {\r\n            flex-direction: column !important;\r\n            gap: 40px !important;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .feature-row>.wp-block-column {\r\n            min-width: 100% !important;\r\n        }\r\n\r\n        .row-reverse-desktop {\r\n            flex-direction: column !important;\r\n        }\r\n\r\n        \/* Image adjustments *\/\r\n        .monta-image-container {\r\n            min-height: 350px;\r\n        }\r\n\r\n        .monta-image-container .wp-block-image img {\r\n            min-height: 350px;\r\n        }\r\n\r\n        .monta-image-container::before {\r\n            transform: rotate(2deg);\r\n        }\r\n\r\n        .monta-image-container:hover::before {\r\n            transform: rotate(4deg) scale(1.01);\r\n        }\r\n\r\n        \/* Glass card *\/\r\n        .monta-glass-card {\r\n            bottom: 16px;\r\n            left: 16px;\r\n            right: 16px;\r\n            padding: 14px 16px;\r\n            gap: 12px;\r\n        }\r\n\r\n        .glass-icon-box {\r\n            width: 36px;\r\n            height: 36px;\r\n            min-width: 36px;\r\n        }\r\n\r\n        .glass-text {\r\n            font-size: 13px !important;\r\n        }\r\n\r\n        \/* Typography adjustments *\/\r\n        .content-column h2 {\r\n            font-size: 36px !important;\r\n        }\r\n\r\n        .content-column .subtitle-text {\r\n            font-size: 16px !important;\r\n        }\r\n\r\n        \/* Accordion adjustments *\/\r\n        .monta-accordion details summary {\r\n            padding: 14px 16px;\r\n            font-size: 15px;\r\n            gap: 12px;\r\n        }\r\n\r\n        .monta-accordion .accordion-icon {\r\n            width: 32px;\r\n            height: 32px;\r\n            font-size: 16px;\r\n        }\r\n\r\n        .monta-accordion details .wp-block-group {\r\n            padding: 0 16px 14px 60px !important;\r\n        }\r\n\r\n        .monta-accordion details .wp-block-group p {\r\n            font-size: 14px;\r\n        }\r\n    }\r\n\r\n    \/* ========== MOBILE RESPONSIVE (max-width: 600px) ========== *\/\r\n    @media (max-width: 600px) {\r\n        .feature-section {\r\n            padding: 48px 0;\r\n        }\r\n\r\n        .feature-row {\r\n            gap: 32px !important;\r\n            padding: 0 16px;\r\n        }\r\n\r\n        \/* Image adjustments *\/\r\n        .monta-image-container {\r\n            min-height: 280px;\r\n            padding: 8px;\r\n        }\r\n\r\n        .monta-image-container .wp-block-image img {\r\n            min-height: 280px;\r\n        }\r\n\r\n        .monta-image-container::before {\r\n            inset: 8px;\r\n            border-radius: 24px;\r\n            transform: rotate(2deg);\r\n        }\r\n\r\n        .monta-image-container .wp-block-image {\r\n            border-radius: 24px;\r\n        }\r\n\r\n        \/* Glass card - more compact on mobile *\/\r\n        .monta-glass-card {\r\n            bottom: 12px;\r\n            left: 12px;\r\n            right: 12px;\r\n            padding: 12px 14px;\r\n            border-radius: 12px;\r\n            gap: 10px;\r\n        }\r\n\r\n        .glass-icon-box {\r\n            width: 32px;\r\n            height: 32px;\r\n            min-width: 32px;\r\n            border-radius: 8px;\r\n            font-size: 16px !important;\r\n        }\r\n\r\n        .glass-text {\r\n            font-size: 12px !important;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        \/* Badge *\/\r\n        .monta-hero-badge {\r\n            padding: 5px 10px;\r\n            font-size: 12px !important;\r\n        }\r\n\r\n        .monta-hero-badge .monta-icon {\r\n            width: 16px;\r\n            height: 16px;\r\n        }\r\n\r\n        \/* Typography - smaller on mobile *\/\r\n        .content-column h2 {\r\n            font-size: 28px !important;\r\n            line-height: 1.25 !important;\r\n            margin-bottom: 12px !important;\r\n        }\r\n\r\n        .content-column .subtitle-text {\r\n            font-size: 15px !important;\r\n            margin-bottom: 20px !important;\r\n        }\r\n\r\n        \/* Accordion - compact on mobile *\/\r\n        .monta-accordion details {\r\n            border-radius: 10px;\r\n            margin-bottom: 6px;\r\n        }\r\n\r\n        .monta-accordion details summary {\r\n            padding: 12px 14px;\r\n            font-size: 14px;\r\n            gap: 10px;\r\n        }\r\n\r\n        .monta-accordion .accordion-icon {\r\n            width: 28px;\r\n            height: 28px;\r\n            border-radius: 6px;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .monta-accordion details summary::after {\r\n            width: 16px;\r\n            height: 16px;\r\n        }\r\n\r\n        .monta-accordion details .wp-block-group {\r\n            padding: 0 14px 12px 52px !important;\r\n        }\r\n\r\n        .monta-accordion details .wp-block-group p {\r\n            font-size: 13px;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        \/* Button - full width, slightly smaller *\/\r\n        .feature-cta-button {\r\n            margin-top: 20px !important;\r\n        }\r\n\r\n        .feature-cta-button .wp-block-button__link {\r\n            padding: 12px 24px !important;\r\n            font-size: 15px !important;\r\n        }\r\n    }\r\n\r\n    \/* --- Compact Accordion Styles --- *\/\r\n    .monta-accordion details {\r\n        border: 1px solid #e5e7eb;\r\n        border-radius: 12px;\r\n        background: #fff;\r\n        margin-bottom: 8px;\r\n        transition: all 0.3s ease;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .monta-accordion details:hover {\r\n        border-color: rgba(0, 157, 224, 0.3);\r\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\r\n    }\r\n\r\n    .monta-accordion details summary {\r\n        cursor: pointer;\r\n        padding: 16px 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n        user-select: none;\r\n        list-style: none;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        color: #1a1a1a;\r\n    }\r\n\r\n    .monta-accordion details summary::-webkit-details-marker {\r\n        display: none;\r\n    }\r\n\r\n    \/* Icon box styling for the emoji span *\/\r\n    .monta-accordion .accordion-icon {\r\n        width: 36px;\r\n        height: 36px;\r\n        background: rgba(0, 157, 224, 0.1);\r\n        border-radius: 8px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        font-size: 18px;\r\n    }\r\n\r\n    .monta-accordion details summary::after {\r\n        content: '';\r\n        margin-left: auto;\r\n        width: 18px;\r\n        height: 18px;\r\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'\/%3E%3C\/svg%3E\");\r\n        background-size: contain;\r\n        background-repeat: no-repeat;\r\n        transition: transform 0.3s ease;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .monta-accordion details[open] summary::after {\r\n        transform: rotate(180deg);\r\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23009DE0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'\/%3E%3C\/svg%3E\");\r\n    }\r\n\r\n    .monta-accordion details summary:hover {\r\n        background-color: rgba(243, 244, 246, 0.5);\r\n    }\r\n\r\n    .monta-accordion details .wp-block-group {\r\n        padding: 0 20px 16px 70px !important;\r\n    }\r\n\r\n    .monta-accordion details .wp-block-group p {\r\n        margin: 0;\r\n        color: #4A5568;\r\n        line-height: 1.6;\r\n        font-size: 15px;\r\n    }\r\n\r\n    \/* Full Width Button *\/\r\n    .feature-cta-button {\r\n        margin-top: 24px !important;\r\n    }\r\n\r\n    .feature-cta-button .wp-block-button {\r\n        width: 100%;\r\n    }\r\n\r\n    .feature-cta-button .wp-block-button__link {\r\n        width: 100%;\r\n        display: block;\r\n        text-align: center;\r\n        border-radius: 8px !important;\r\n        padding: 14px 28px !important;\r\n        font-weight: 600 !important;\r\n        font-size: 16px !important;\r\n    }\r\n\r\n    \/* Compact spacing for content column *\/\r\n    .content-column h2 {\r\n        margin-top: 4px !important;\r\n        margin-bottom: 16px !important;\r\n    }\r\n\r\n    .content-column .subtitle-text {\r\n        margin-bottom: 24px !important;\r\n    }\r\n<\/style>\n\n\n\n<style>\r\n\/* ============================================\r\n   INTEGRATIONS GRID BLOCK\r\n   ============================================ *\/\r\n\r\n.integration-section {\r\n    font-family: 'Muli', sans-serif;\r\n}\r\n\r\n\/* --- Heading Area --- *\/\r\n.integration-heading-area {\r\n    margin-bottom: 48px !important;\r\n}\r\n\r\n\/* --- CSS Grid (3\u21922\u21921) --- *\/\r\n.integration-grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(3, 1fr) !important;\r\n    gap: 24px !important;\r\n    margin-bottom: 48px !important;\r\n}\r\n\r\n\/* --- Card Base --- *\/\r\n.integration-card {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    height: 100% !important;\r\n    border-radius: 16px !important;\r\n    border: 1px solid #e2e8f0 !important;\r\n    box-shadow: 0 2px 12px rgba(0,0,0,0.04) !important;\r\n    transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease !important;\r\n    cursor: default;\r\n}\r\n\r\n.integration-card:hover {\r\n    transform: translateY(-8px) !important;\r\n    box-shadow: 0 20px 40px rgba(0, 157, 224, 0.12) !important;\r\n    border-color: #009DE0 !important;\r\n}\r\n\r\n.integration-card > * {\r\n    margin-top: 0 !important;\r\n}\r\n\r\n\/* --- Logo Image Box --- *\/\r\nfigure.integration-logo {\r\n    width: 72px !important;\r\n    height: 72px !important;\r\n    min-height: 72px !important;\r\n    border-radius: 12px !important;\r\n    border: 1px solid #e2e8f0 !important;\r\n    background: linear-gradient(135deg, #f8fafc, #ffffff) !important;\r\n    overflow: hidden !important;\r\n    margin: 0 0 20px 0 !important;\r\n    padding: 14px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    box-sizing: border-box !important;\r\n    transition: border-color 0.3s ease !important;\r\n}\r\n\r\n.integration-card:hover figure.integration-logo {\r\n    border-color: rgba(0, 157, 224, 0.3) !important;\r\n}\r\n\r\nfigure.integration-logo img {\r\n    max-width: 100% !important;\r\n    max-height: 100% !important;\r\n    object-fit: contain !important;\r\n    width: auto !important;\r\n    height: auto !important;\r\n}\r\n\r\n\/* --- Card Label --- *\/\r\n.integration-label {\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 0.08em !important;\r\n}\r\n\r\n\/* --- Card Title Spacing --- *\/\r\n.integration-card .wp-block-heading {\r\n    margin-bottom: 4px !important;\r\n}\r\n\r\n\/* --- Card Description --- *\/\r\n.integration-desc {\r\n    margin-bottom: 16px !important;\r\n}\r\n\r\n\/* --- Features List (grows to push button down) --- *\/\r\n.integration-features-wrap {\r\n    flex-grow: 1 !important;\r\n    margin-bottom: 20px !important;\r\n}\r\n\r\n.integration-feature {\r\n    padding-left: 28px !important;\r\n    position: relative !important;\r\n}\r\n\r\n.integration-feature::before {\r\n    content: '\u2713';\r\n    position: absolute;\r\n    left: 0;\r\n    top: 2px;\r\n    width: 18px;\r\n    height: 18px;\r\n    background-color: rgba(98, 187, 70, 0.12);\r\n    color: #62BB46;\r\n    border-radius: 50%;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    line-height: 18px;\r\n    text-align: center;\r\n}\r\n\r\n\/* --- Card CTA Button --- *\/\r\n.integration-card .wp-block-buttons {\r\n    margin-top: auto !important;\r\n}\r\n\r\n.integration-card .wp-block-button__link {\r\n    width: 100% !important;\r\n    text-align: center !important;\r\n    white-space: nowrap !important;\r\n    transition: all 0.3s ease !important;\r\n    box-shadow: 0 4px 12px rgba(0, 157, 224, 0.2) !important;\r\n}\r\n\r\n.integration-card .wp-block-button__link:hover {\r\n    box-shadow: 0 8px 24px rgba(0, 157, 224, 0.35) !important;\r\n}\r\n\r\n\/* --- Bottom CTA --- *\/\r\n.integration-bottom-cta .wp-block-button__link {\r\n    transition: all 0.3s ease, box-shadow 0.3s ease !important;\r\n    box-shadow: 0 4px 16px rgba(0, 157, 224, 0.25) !important;\r\n}\r\n\r\n.integration-bottom-cta .wp-block-button__link:hover {\r\n    box-shadow: 0 8px 28px rgba(0, 157, 224, 0.4) !important;\r\n}\r\n\r\n\/* --- Tablet: 2 columns --- *\/\r\n@media (max-width: 900px) and (min-width: 601px) {\r\n    .integration-grid {\r\n        grid-template-columns: repeat(2, 1fr) !important;\r\n    }\r\n}\r\n\r\n\/* --- Mobile: 1 column --- *\/\r\n@media (max-width: 600px) {\r\n    .integration-section {\r\n        padding-top: 48px !important;\r\n        padding-bottom: 48px !important;\r\n    }\r\n    .integration-heading-area {\r\n        margin-bottom: 32px !important;\r\n    }\r\n    .integration-grid {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 16px !important;\r\n    }\r\n}\r\n<\/style>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Slim verzenden wordt belangrijker dan ooit<\/h2>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-011346c\" data-block-id=\"011346c\"><p class=\"stk-block-text__text\">Als e-commerce ondernemer kun je overheidsheffingen niet voorkomen, maar je kunt w\u00e9l bepalen hoe slim je jouw logistiek inricht. Juist nu transportkosten veranderen, loont het om slim gebruik te maken van <a href=\"https:\/\/gomonta.com\/nl\/integraties\/vervoerders\/\" data-type=\"link\" data-id=\"https:\/\/gomonta.com\/nl\/integraties\/vervoerders\/\">meerdere vervoerders<\/a>. Door per zending de meest geschikte vervoerder te kiezen, kun je kosten beheersen zonder in te leveren op service. Ook het bundelen van volumes en effici\u00ebnte fulfilment helpen om prijsstijgingen zoveel mogelijk te beperken. Monta biedt webshops de tools en infrastructuur om de impact van de vrachtwagenheffing op te vangen en je logistiek effici\u00ebnter te maken:<\/p><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">1. Multi-carrier strategie<\/h3>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-c929b25\" data-block-id=\"c929b25\"><p class=\"stk-block-text__text\">Bij Monta zit je niet vast aan \u00e9\u00e9n vervoerder. Onze fulfilmentsoftware koppelt naadloos met meer dan 15  vervoerders zoals <a href=\"https:\/\/gomonta.com\/nl\/integraties\/vervoerders\/dhl\/\" data-type=\"link\" data-id=\"https:\/\/gomonta.com\/nl\/integraties\/vervoerders\/dhl\/\">DHL<\/a>, <a href=\"https:\/\/gomonta.com\/nl\/integraties\/vervoerders\/postnl\/\" data-type=\"link\" data-id=\"https:\/\/gomonta.com\/nl\/integraties\/vervoerders\/postnl\/\">PostNL<\/a>, <a href=\"https:\/\/gomonta.com\/nl\/integraties\/vervoerders\/dpd\/\" data-type=\"link\" data-id=\"https:\/\/gomonta.com\/nl\/integraties\/vervoerders\/dpd\/\">DPD<\/a>, <a href=\"https:\/\/gomonta.com\/nl\/integraties\/vervoerders\/gls\/\" data-type=\"link\" data-id=\"https:\/\/gomonta.com\/nl\/integraties\/vervoerders\/gls\/\">GLS<\/a>, <a href=\"https:\/\/gomonta.com\/nl\/integraties\/vervoerders\/ups\/\" data-type=\"link\" data-id=\"https:\/\/gomonta.com\/nl\/integraties\/vervoerders\/ups\/\">UPS<\/a> en meer. Dankzij onze Smart Routing kiest het systeem automatisch de meest voordelige en duurzame verzendoptie per specifieke order. Verhoogt de ene vervoerder de tarieven op zware pakketten of pallets? Dan schakelt de software slim naar een alternatief dat beter past bij jouw profiel.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-8f1248c\" data-block-id=\"8f1248c\"><style>.stk-8f1248c .stk-img-wrapper{aspect-ratio:2\/1 !important;height:auto !important;}@media screen and (max-width:999px){.stk-8f1248c .stk-img-wrapper{height:auto !important;}}@media screen and (max-width:689px){.stk-8f1248c .stk-img-wrapper{height:auto !important;}}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-10958\" src=\"https:\/\/gomonta.com\/wp-content\/uploads\/2023\/11\/Monta_FreightShippingsolutions-e1702618730603.webp\" width=\"2292\" height=\"3125\" alt=\"Monta-WMS\"\/><\/span><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">2. Volume- en verpakkingsoptimalisatie<\/h3>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-d9ad7ce\" data-block-id=\"d9ad7ce\"><p class=\"stk-block-text__text\">Minder lucht versturen betekent meer pakketten per rit en lagere vrachtkosten per product. Onze software berekent automatisch en op maat voor elke bestelling de meest optimale <a href=\"https:\/\/gomonta.com\/nl\/fulfilment\/verpakken\/\" data-type=\"link\" data-id=\"https:\/\/gomonta.com\/nl\/fulfilment\/verpakken\/\">verpakking<\/a> en het kleinste geschikte doosformaat. Dit verlaagt niet alleen de fysieke ruimte in het transport, maar vermindert ook direct de totale kilometerbelasting en toeslagen van vervoerders.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-fbe7b4e\" data-block-id=\"fbe7b4e\"><style>.stk-fbe7b4e .stk-img-wrapper{aspect-ratio:2\/1 !important;height:auto !important;}@media screen and (max-width:999px){.stk-fbe7b4e .stk-img-wrapper{height:auto !important;}}@media screen and (max-width:689px){.stk-fbe7b4e .stk-img-wrapper{height:auto !important;}}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-8321\" src=\"https:\/\/gomonta.com\/wp-content\/uploads\/2023\/12\/Outsourcing-Packaging\u202f.webp\" width=\"800\" height=\"533\" alt=\"Monta-WMS\" srcset=\"https:\/\/gomonta.com\/wp-content\/uploads\/2023\/12\/Outsourcing-Packaging\u202f.webp 800w, https:\/\/gomonta.com\/wp-content\/uploads\/2023\/12\/Outsourcing-Packaging\u202f-300x200.webp 300w, https:\/\/gomonta.com\/wp-content\/uploads\/2023\/12\/Outsourcing-Packaging\u202f-768x512.webp 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/span><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">3. Slimkeuze tussen Pakket en Pallet<\/h3>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-95a8f29\" data-block-id=\"95a8f29\"><p class=\"stk-block-text__text\">Omdat de vrachtwagenheffing palletnetwerken zwaarder treft dan lichte pakketnetwerken, helpt Monta je bij het strategisch opsplitsen of bundelen van grotere orders. Tijdens onze <a href=\"https:\/\/gomonta.com\/nl\/fulfilment\/orderverwerking\/\" data-type=\"link\" data-id=\"https:\/\/gomonta.com\/nl\/fulfilment\/orderverwerking\/\">orderverwerking<\/a> bepalen slimme algoritmes direct de meest effici\u00ebnte verzendmethode per bestelling. Zo voorkom je onnodige toeslagen op zware verzendingen en blijft je logistieke proces optimaal gestroomlijnd en betaalbaar.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-5fe6099\" data-block-id=\"5fe6099\"><style>.stk-5fe6099 .stk-img-wrapper{aspect-ratio:2\/1 !important;height:auto !important;}@media screen and (max-width:999px){.stk-5fe6099 .stk-img-wrapper{height:auto !important;}}@media screen and (max-width:689px){.stk-5fe6099 .stk-img-wrapper{height:auto !important;}}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-39626\" src=\"https:\/\/gomonta.com\/wp-content\/uploads\/2025\/12\/MontaShip-nu-ook-toegankelijk-via-pakketpunt-ideaal-voor-kleinere-webshops.webp\" width=\"800\" height=\"533\" alt=\"Monta-WMS\" srcset=\"https:\/\/gomonta.com\/wp-content\/uploads\/2025\/12\/MontaShip-nu-ook-toegankelijk-via-pakketpunt-ideaal-voor-kleinere-webshops.webp 800w, https:\/\/gomonta.com\/wp-content\/uploads\/2025\/12\/MontaShip-nu-ook-toegankelijk-via-pakketpunt-ideaal-voor-kleinere-webshops-300x200.webp 300w, https:\/\/gomonta.com\/wp-content\/uploads\/2025\/12\/MontaShip-nu-ook-toegankelijk-via-pakketpunt-ideaal-voor-kleinere-webshops-768x512.webp 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/span><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">4. Volledige transparantie in verzendkosten<\/h3>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-0a9b7d8\" data-block-id=\"0a9b7d8\"><p class=\"stk-block-text__text\">Met <a href=\"https:\/\/gomonta.com\/nl\/montaportal\/\" data-type=\"link\" data-id=\"https:\/\/gomonta.com\/nl\/montaportal\/\">MontaPortal<\/a> heb je realtime inzicht in alle toeslagen, brandstofclausules en heffingen van verschillende vervoerders. Hierdoor zie je direct welke impact de vrachtwagenheffing heeft op je specifieke verzendlijnen en kun je je verkoopprijzen of verzendtarieven tijdig bijsturen. Geen verrassingen achteraf op je factuur, maar volledige controle over je operationele marges.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-7153563\" data-block-id=\"7153563\"><style>.stk-7153563 .stk-img-wrapper{aspect-ratio:2\/1 !important;height:auto !important;}@media screen and (max-width:999px){.stk-7153563 .stk-img-wrapper{height:auto !important;}}@media screen and (max-width:689px){.stk-7153563 .stk-img-wrapper{height:auto !important;}}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-4419\" src=\"https:\/\/gomonta.com\/wp-content\/uploads\/2023\/10\/MontaPortal-Dashboard-Run-Your-Business-with-Real-time-Data.webp\" width=\"1960\" height=\"1100\" alt=\"Monta-WMS\" srcset=\"https:\/\/gomonta.com\/wp-content\/uploads\/2023\/10\/MontaPortal-Dashboard-Run-Your-Business-with-Real-time-Data.webp 1960w, https:\/\/gomonta.com\/wp-content\/uploads\/2023\/10\/MontaPortal-Dashboard-Run-Your-Business-with-Real-time-Data-300x168.webp 300w, https:\/\/gomonta.com\/wp-content\/uploads\/2023\/10\/MontaPortal-Dashboard-Run-Your-Business-with-Real-time-Data-1024x575.webp 1024w, https:\/\/gomonta.com\/wp-content\/uploads\/2023\/10\/MontaPortal-Dashboard-Run-Your-Business-with-Real-time-Data-768x431.webp 768w, https:\/\/gomonta.com\/wp-content\/uploads\/2023\/10\/MontaPortal-Dashboard-Run-Your-Business-with-Real-time-Data-1536x862.webp 1536w\" sizes=\"auto, (max-width: 1960px) 100vw, 1960px\" \/><\/span><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Maak van een kostenstijging jouw concurrentievoordeel<\/h2>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-2ee096a\" data-block-id=\"2ee096a\"><p class=\"stk-block-text__text\">De vrachtwagenheffing is inmiddels een vast onderdeel van het Nederlandse logistieke landschap. Terwijl vervoerders investeren in de vergroening van hun wagenpark, kunnen webshops het verschil maken door te kiezen voor een flexibele fulfilmentpartner.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-1eeb333\" data-block-id=\"1eeb333\"><p class=\"stk-block-text__text\">Door de krachten te bundelen met Monta profiteer je direct van schaalvoordelen, een uitgebreid netwerk van vervoerders en slimme software die stijgende transportkosten tot een minimum beperkt. Een flexibele logistieke strategie wordt daarmee belangrijker dan ooit.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-53835f6\" data-block-id=\"53835f6\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-53835f6-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-3eea152\" data-v=\"4\" data-block-id=\"3eea152\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-3eea152-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-3eea152-inner-blocks\">\n<div class=\"wp-block-group alignfull monta-faq-section is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:80px;padding-right:0;padding-bottom:80px;padding-left:0\">\n<style>\n        \/* ====================================\n       MONTA FAQ SECTION STYLES\n       ==================================== *\/\n\n        .monta-faq-section {\n            background: #ffffff;\n            overflow: hidden;\n        }\n\n        .faq-inner-container {\n            max-width: var(--wp--style--global--content-size, 1024px);\n            width: 100%;\n            margin: 0 auto;\n            padding: 0;\n        }\n\n        \/* Badge Styles *\/\n        .faq-badge {\n            background-color: rgba(98, 187, 70, 0.08);\n            border: 1px solid rgba(98, 187, 70, 0.2);\n            color: #62BB46;\n            padding: 8px 8px;\n            border-radius: 9999px;\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            font-weight: 600;\n            font-size: 14px;\n            margin-bottom: 0;\n        }\n\n        \/* FAQ Item Styles *\/\n        .faq-item {\n            background: #ffffff;\n            border-radius: 16px;\n            border: 1px solid rgba(0, 157, 224, 0.2);\n            margin-bottom: 16px;\n            overflow: hidden;\n            transition: all 0.3s ease;\n            position: relative;\n            transform: translateY(0);\n        }\n\n        .faq-item:hover {\n            border-color: #009DE0;\n            box-shadow: 0 10px 15px -3px rgba(0, 157, 224, 0.15), 0 4px 6px -2px rgba(0, 157, 224, 0.1);\n            transform: translateY(-4px);\n        }\n\n        \/* ACTIVE STATE: Hive-style blue background *\/\n        .faq-item.active {\n            background-color: #009DE0;\n            border-color: #009DE0;\n            box-shadow: 0 10px 15px -3px rgba(0, 157, 224, 0.3), 0 4px 6px -2px rgba(0, 157, 224, 0.1);\n            color: #ffffff;\n        }\n\n        \/* Header Toggle *\/\n        .faq-header {\n            padding: 24px 32px;\n            cursor: pointer;\n            display: flex;\n            align-items: flex-start;\n            justify-content: space-between;\n            gap: 24px;\n            width: 100%;\n            background: none;\n            border: none;\n            text-align: left;\n        }\n\n        .faq-question {\n            font-size: 18px;\n            font-weight: 600;\n            color: #1a1a1a;\n            margin: 0;\n            line-height: 1.5;\n            flex: 1;\n            transition: color 0.3s ease;\n        }\n\n        .faq-item.active .faq-question {\n            color: #ffffff !important;\n        }\n\n        \/* Icon Wrapper *\/\n        .faq-icon-wrapper {\n            width: 48px;\n            height: 48px;\n            border-radius: 50%;\n            background-color: #f1f5f9;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            transition: all 0.3s ease;\n            color: #64748b;\n        }\n\n        .faq-item:hover .faq-icon-wrapper {\n            background-color: #e2e8f0;\n        }\n\n        .faq-item.active .faq-icon-wrapper {\n            background-color: #ffffff;\n            color: #009DE0;\n            transform: rotate(45deg);\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n        }\n\n        \/* Content Area *\/\n        .faq-content {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            padding: 0 32px;\n        }\n\n        .faq-content-inner {\n            padding-bottom: 24px;\n            padding-right: 48px;\n            color: #4b5563;\n            font-size: 16px;\n            line-height: 1.6;\n            transition: color 0.3s ease;\n        }\n\n        .faq-item.active .faq-content-inner {\n            color: rgba(255, 255, 255, 0.95);\n        }\n\n        \/* Bottom CTA Box *\/\n        .faq-cta-box {\n            background: #f8fafc;\n            border: 1px solid #e2e8f0;\n            border-radius: 24px;\n            padding: 40px;\n            text-align: center;\n            margin-top: 64px;\n            box-shadow: none;\n        }\n\n        \/* Responsive adjustments *\/\n        @media (max-width:690px) {\n            .monta-faq-section {\n                padding-top: 64px !important;\n                padding-bottom: 64px !important;\n            }\n\n            .faq-inner-container {\n                padding: 0 16px;\n            }\n\n            .faq-header {\n                padding: 20px 24px;\n            }\n\n            .faq-icon-wrapper {\n                width: 40px;\n                height: 40px;\n            }\n\n            .faq-content {\n                padding: 0 24px;\n            }\n\n            .faq-content-inner {\n                padding-right: 0;\n            }\n\n            .faq-cta-box {\n                padding: 32px 24px;\n            }\n        }\n    <\/style>\n\n\n\n<div class=\"wp-block-group faq-inner-container is-layout-constrained wp-container-core-group-is-layout-87dde3be wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-bottom:40px\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading has-text-color\" style=\"color:#1a1a1a;margin-bottom:24px;font-size:clamp(22.041px, 1.378rem + ((1vw - 3.2px) * 1.091), 36px);font-weight:700;line-height:1.2\">Veelgestelde vragen over vrachtwagenheffing<\/h2>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group faq-list is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group faq-item is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group faq-header is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading faq-question\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.313), 18px);font-weight:600\"><strong>Wat is vrachtwagenheffing?<\/strong><\/h3>\n\n\n\n<div class=\"faq-icon-wrapper\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\n                            stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n                            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <\/svg>\n                    <\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group faq-content is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"faq-content-inner wp-block-paragraph\">De vrachtwagenheffing is een kilometerheffing voor vrachtwagens met een toegestane maximummassa van meer dan 3.500 kilogram. Sinds <strong>1 juli 2026<\/strong> betalen eigenaren van deze voertuigen een bedrag per gereden kilometer op vrijwel alle Nederlandse snelwegen en een aantal provinciale en gemeentelijke wegen. De hoogte van de heffing is afhankelijk van het gewicht, de CO\u2082-uitstoot en de Euro-emissieklasse van de vrachtwagen.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group faq-item is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group faq-header is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading faq-question\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.313), 18px);font-weight:600\"><strong>Heeft de vrachtwagenheffing invloed op de verzendkosten?<\/strong><\/h3>\n\n\n\n<div class=\"faq-icon-wrapper\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\n                            stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n                            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <\/svg>\n                    <\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group faq-content is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"faq-content-inner wp-block-paragraph\">Ja, dat is mogelijk. Veel vervoerders krijgen te maken met hogere kosten doordat zij per gereden kilometer betalen. Een deel van deze kosten kan worden verwerkt in transporttarieven of toeslagen, waardoor ook webshops hogere verzendkosten kunnen ervaren.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group faq-item is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group faq-header is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading faq-question\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.313), 18px);font-weight:600\">Geldt de vrachtwagenheffing ook voor buitenlandse vervoerders?<\/h3>\n\n\n\n<div class=\"faq-icon-wrapper\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\n                            stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n                            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <\/svg>\n                    <\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group faq-content is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"faq-content-inner wp-block-paragraph\">Ja. De vrachtwagenheffing geldt voor zowel Nederlandse als buitenlandse vrachtwagens die gebruikmaken van de Nederlandse heffingswegen. Daarmee ontstaat een gelijker speelveld binnen het internationale wegtransport.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group faq-item is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group faq-header is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading faq-question\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.313), 18px);font-weight:600\">Waarom heeft de overheid de vrachtwagenheffing ingevoerd?<\/h3>\n\n\n\n<div class=\"faq-icon-wrapper\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\n                            stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n                            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <\/svg>\n                    <\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group faq-content is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"faq-content-inner wp-block-paragraph\">Met de vrachtwagenheffing wil de overheid het goederenvervoer verduurzamen. De opbrengsten worden grotendeels ge\u00efnvesteerd in innovaties zoals elektrische vrachtwagens, waterstoftechnologie, laadinfrastructuur en effici\u00ebntere logistiek.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group faq-item is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group faq-header is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading faq-question\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.313), 18px);font-weight:600\">Hoe kun je als webshop de impact van de vrachtwagenheffing beperken?<\/h3>\n\n\n\n<div class=\"faq-icon-wrapper\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\n                            stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n                            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <\/svg>\n                    <\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group faq-content is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"faq-content-inner wp-block-paragraph\">Door slim gebruik te maken van meerdere vervoerders, verzendtarieven regelmatig te vergelijken en je logistieke processen te optimaliseren, kun je stijgende transportkosten beter opvangen. Een flexibel vervoerdersnetwerk maakt het bovendien eenvoudiger om te schakelen wanneer tarieven veranderen.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<script>\n        (function () {\n            function initFaq() {\n                const items = document.querySelectorAll('.faq-item');\n\n                if (items.length === 0) {\n                    \/\/ If elements not loaded yet, retry shortly\n                    setTimeout(initFaq, 100);\n                    return;\n                }\n\n                items.forEach(item => {\n                    const header = item.querySelector('.faq-header');\n                    const content = item.querySelector('.faq-content');\n\n                    if (!header || !content) return;\n\n                    header.addEventListener('click', () => {\n                        const isActive = item.classList.contains('active');\n\n                        \/\/ Close others (optional - standard accordion behavior)\n                        \/* \n                        items.forEach(otherItem => {\n                            if (otherItem !== item) {\n                                otherItem.classList.remove('active');\n                                const otherContent = otherItem.querySelector('.faq-content');\n                                if (otherContent) otherContent.style.maxHeight = null;\n                            }\n                        });\n                        *\/\n\n                        \/\/ Toggle current\n                        item.classList.toggle('active');\n\n                        if (!isActive) {\n                            content.style.maxHeight = content.scrollHeight + \"px\";\n                            header.setAttribute('aria-expanded', 'true');\n                        } else {\n                            content.style.maxHeight = null;\n                            header.setAttribute('aria-expanded', 'false');\n                        }\n                    });\n                });\n            }\n\n            if (document.readyState === 'loading') {\n                document.addEventListener('DOMContentLoaded', initFaq);\n            } else {\n                initFaq();\n            }\n        })();\n    <\/script>\n<\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Sinds 1 juli 2026 geldt in Nederland de vrachtwagenheffing. Vrachtwagens vanaf 3.500 kilogram betalen nu een bedrag per gereden kilometer op aangewezen wegen. De invoering moet bijdragen aan een duurzamer goederenvervoer, maar brengt ook extra kosten met zich mee voor vervoerders. Uiteindelijk kunnen ook webshops deze veranderingen merken in hun verzendkosten.<\/p>\n","protected":false},"author":20,"featured_media":57326,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"categories":[113,74],"tags":[],"class_list":["post-57242","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-vervoerders","category-nieuws"],"blocksy_meta":[],"acf":[],"featured_image_urls_v2":{"full":["https:\/\/gomonta.com\/wp-content\/uploads\/2026\/08\/De-vrachtwagenheffing-is-een-feit-wat-betekent-dit-voor-jouw-webshop-en-transportkosten.webp",800,556,false],"thumbnail":["https:\/\/gomonta.com\/wp-content\/uploads\/2026\/08\/De-vrachtwagenheffing-is-een-feit-wat-betekent-dit-voor-jouw-webshop-en-transportkosten-150x150.webp",150,150,true],"medium":["https:\/\/gomonta.com\/wp-content\/uploads\/2026\/08\/De-vrachtwagenheffing-is-een-feit-wat-betekent-dit-voor-jouw-webshop-en-transportkosten-300x209.webp",300,209,true],"medium_large":["https:\/\/gomonta.com\/wp-content\/uploads\/2026\/08\/De-vrachtwagenheffing-is-een-feit-wat-betekent-dit-voor-jouw-webshop-en-transportkosten-768x534.webp",768,534,true],"large":["https:\/\/gomonta.com\/wp-content\/uploads\/2026\/08\/De-vrachtwagenheffing-is-een-feit-wat-betekent-dit-voor-jouw-webshop-en-transportkosten.webp",800,556,false],"1536x1536":["https:\/\/gomonta.com\/wp-content\/uploads\/2026\/08\/De-vrachtwagenheffing-is-een-feit-wat-betekent-dit-voor-jouw-webshop-en-transportkosten.webp",800,556,false],"2048x2048":["https:\/\/gomonta.com\/wp-content\/uploads\/2026\/08\/De-vrachtwagenheffing-is-een-feit-wat-betekent-dit-voor-jouw-webshop-en-transportkosten.webp",800,556,false],"gform-image-choice-sm":["https:\/\/gomonta.com\/wp-content\/uploads\/2026\/08\/De-vrachtwagenheffing-is-een-feit-wat-betekent-dit-voor-jouw-webshop-en-transportkosten.webp",300,209,false],"gform-image-choice-md":["https:\/\/gomonta.com\/wp-content\/uploads\/2026\/08\/De-vrachtwagenheffing-is-een-feit-wat-betekent-dit-voor-jouw-webshop-en-transportkosten.webp",400,278,false],"gform-image-choice-lg":["https:\/\/gomonta.com\/wp-content\/uploads\/2026\/08\/De-vrachtwagenheffing-is-een-feit-wat-betekent-dit-voor-jouw-webshop-en-transportkosten.webp",600,417,false]},"post_excerpt_stackable_v2":"<p>Sinds 1 juli 2026 geldt in Nederland de vrachtwagenheffing. Vrachtwagens vanaf 3.500 kilogram betalen nu een bedrag per gereden kilometer op aangewezen wegen. De invoering moet bijdragen aan een duurzamer goederenvervoer, maar brengt ook extra kosten met zich mee voor vervoerders. Uiteindelijk kunnen ook webshops deze veranderingen merken in hun verzendkosten.<\/p>\n","category_list_v2":"<a href=\"https:\/\/gomonta.com\/nl\/blog\/category\/vervoerders\/\" rel=\"category tag\">Vervoerders<\/a>, <a href=\"https:\/\/gomonta.com\/nl\/blog\/category\/nieuws\/\" rel=\"category tag\">Nieuws<\/a>","author_info_v2":{"name":"Alaa Barash","url":"https:\/\/gomonta.com\/nl\/author\/alaa\/"},"comments_num_v2":"0 reacties","_links":{"self":[{"href":"https:\/\/gomonta.com\/nl\/wp-json\/wp\/v2\/posts\/57242","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gomonta.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gomonta.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gomonta.com\/nl\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/gomonta.com\/nl\/wp-json\/wp\/v2\/comments?post=57242"}],"version-history":[{"count":35,"href":"https:\/\/gomonta.com\/nl\/wp-json\/wp\/v2\/posts\/57242\/revisions"}],"predecessor-version":[{"id":57620,"href":"https:\/\/gomonta.com\/nl\/wp-json\/wp\/v2\/posts\/57242\/revisions\/57620"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gomonta.com\/nl\/wp-json\/wp\/v2\/media\/57326"}],"wp:attachment":[{"href":"https:\/\/gomonta.com\/nl\/wp-json\/wp\/v2\/media?parent=57242"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gomonta.com\/nl\/wp-json\/wp\/v2\/categories?post=57242"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gomonta.com\/nl\/wp-json\/wp\/v2\/tags?post=57242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}