/* =============================================================
   Responsive overrides — home_template.twig + over-ons_template.twig
                          + proefles_template.twig + tarieven_template.twig
                          + regios.twig + content_template-regios.twig
   Body is hardcoded as dmDesktopBody, so we override layout via
   media queries instead of relying on dmMobileBody/dmTabletBody.
   ============================================================= */

/* ---------------------------------------------------------------
   MOBILE  (≤ 767px)
   --------------------------------------------------------------- */
@media screen and (max-width: 767px) {

    /* 1. Remove min-width so the viewport scales down */
    .dmInner,
    .dmDesktopBody .dmInner {
        min-width: 0 !important;
        width: 100% !important;
    }

    /* 2. Contain everything within the viewport */
    body,
    #dm,
    .dmOuter,
    .dmInner,
    .dmLayoutWrapper,
    #site_content,
    #allWrapper,
    #dm_content,
    .dmBody,
    .dmHomeRespTmpl,
    .dmRespRowsWrapper {
        max-width: 100% !important;
        overflow-x: hidden;
    }

    *#dm *.dmBody div.u_1670253395 {
       padding: 0 !important;
    }
    *#dm *.dmBody div.u_1315046107 {
        padding: 0 !important;
    }

    *#dm *.dmBody div.u_1333819484 {
        height: 0px !important;
    }
    *#dm *.dmBody div.u_1936378263 {
        padding-right: 0 !important;
    }
    *#dm *.dmBody div.u_1674213202 {
        padding-left: 20px !important;
    }
    *#dm *.dmBody div.u_1855600436 {
        padding-left: 0 !important;
    }
    *#dm *.dmBody div.u_1211622093 {
        margin-top: 80px !important;
        padding: 20px !important;
    }
    *#dm *.dmBody div.u_1005038330 {
        object-fit: cover !important;
        background-position: top !important;
    }
    *#dm *.dmBody div.u_1878753413 *.slides *.slide-title {
        font-size: 21px !important;
    }
    *#dm *.dmBody div.u_1878753413 {
        width: 100% !important;
    }
    *#dm *.p_hfcontainer div.u_1063824722 {
        padding-left: 0 !important;
    }
    #dm .p_hfcontainer div.u_1889354687 {
        width: 90% !important;
        height: 40px !important;
    }
    #dm .p_hfcontainer div.u_1705692124 {
        margin: 0 !important;
        padding: 20px !important
    }
    div#dm .hamburger-on-scrolled-header {
        color: rgba(199, 166, 50, 1) !important;
    }
    *#dm *.dmBody div.u_1141094594 {
        margin-left: 0 !important;
        padding: 20px !important;
    }

    #dm .u_1149476379.dmPhotoGallery.newPhotoGallery .layout-container .photogallery-column.column-2 {
        width: 100% !important;
        flex-direction: row !important;
    }
    #dm .u_1149476379.dmPhotoGallery.newPhotoGallery .layout-container .photogallery-column .photoGalleryThumbs.pinterest-low .image-container a {
        padding-top: 100% !important;
        height: 200px !important;
    }

    .geslaagden-item img {
        height: 100% !important;
    }

    /* 3. Header / spacer fix — the framework hard-codes 173px of
       sticky-header spacer and 59px of site_content margin.
       That's way too much on mobile and was causing the visual
       gap / overlap with the hamburger menu. */
    .stickyHeaderSpacer,
    #stickyHeaderSpacer {
        height: 0 !important;
        min-height: 0 !important;
    }

    .runtime-module-container[dmtemplateid*=amburger] .site_content {
        margin-top: 60px !important;
    }

    /* Make sure the fixed hamburger header sits cleanly above content */
    .runtime-module-container .hamburger-header-container {
        height: 60px;
        background-color: #fff;
    }

    /* 4. Uncap row wrapper width */
    .dmRespRow,
    .dmRespRow .dmRespColsWrapper {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 5. Force ALL desktop column widths to full-width on mobile */
    .dmDesktopBody .dmRespRow .large-1,
    .dmDesktopBody .dmRespRow .large-2,
    .dmDesktopBody .dmRespRow .large-3,
    .dmDesktopBody .dmRespRow .large-4,
    .dmDesktopBody .dmRespRow .large-5,
    .dmDesktopBody .dmRespRow .large-6,
    .dmDesktopBody .dmRespRow .large-7,
    .dmDesktopBody .dmRespRow .large-8,
    .dmDesktopBody .dmRespRow .large-9,
    .dmDesktopBody .dmRespRow .large-10,
    .dmDesktopBody .dmRespRow .large-11,
    .dmDesktopBody .dmRespDesignRow .large-1,
    .dmDesktopBody .dmRespDesignRow .large-2,
    .dmDesktopBody .dmRespDesignRow .large-3,
    .dmDesktopBody .dmRespDesignRow .large-4,
    .dmDesktopBody .dmRespDesignRow .large-5,
    .dmDesktopBody .dmRespDesignRow .large-6,
    .dmDesktopBody .dmRespDesignRow .large-7,
    .dmDesktopBody .dmRespDesignRow .large-8,
    .dmDesktopBody .dmRespDesignRow .large-9,
    .dmDesktopBody .dmRespDesignRow .large-10,
    .dmDesktopBody .dmRespDesignRow .large-11 {
        width: 100% !important;
        float: none !important;
    }

    /* 6. Stack flex columns vertically */
    #dm .dmRespRow .dmRespColsWrapper {
        display: block !important;
    }

    /* 7. Padding system — override the framework's percentage paddings
       and first/last-child rules so left padding is uniform. */
    .dmRespRow:not(.fullBleedMode) {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .dmRespRow.fullBleedMode {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Reset column padding to consistent 16px both sides on mobile */
    .dmLargeBody .dmRespRowsWrapper > .dmRespRow .dmRespCol,
    .dmLargeBody .fHeader .dmRespRow .dmRespCol,
    .dmRespRow .dmRespCol {
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
    }

    /* Override first/last child special paddings */
    .dmLargeBody .dmRespRowsWrapper > .dmRespRow .dmRespCol:first-child,
    .dmLargeBody .dmRespRowsWrapper > .dmRespRow .dmRespCol:last-child,
    .dmLargeBody .dmRespRowsWrapper > .dmRespRow .dmRespCol:only-child,
    .dmLargeBody .fHeader .dmRespRow .dmRespCol:first-child,
    .dmLargeBody .fHeader .dmRespRow .dmRespCol:last-child {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    /* Nested rows inside a column should not double-pad */
    .dmRespCol .dmRespRow .dmRespCol {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Paragraphs: reset stray left margins/padding */
    .dmNewParagraph,
    .dmNewParagraph p,
    .dmNewParagraph h1,
    .dmNewParagraph h2,
    .dmNewParagraph h3,
    .dmNewParagraph h4 {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    /* ---- Hero / Banner ---- */
    .u_1211622093 {
        min-height: 280px !important;
        padding: 50px 16px 30px !important;
    }

    /* The visual border on the left of the hero column — kill it on mobile */
    .u_1674213202 {
        border-left: 0 !important;
        padding-left: 16px !important;
    }

    /* Hero H1 — 80px → 32px */
    .u_1738190383 h1,
    .u_1738190383 .size-80,
    .u_1738190383 .font-size-80,
    .u_1738190383 span {
        font-size: 32px !important;
        line-height: 1.25 !important;
    }

    .u_1354309901 {
        padding: 8px 0 0 !important;
    }

    /* ---- Under-banner section ---- */
    .u_1260603421 {
        padding: 24px 0 !important;
    }

    /* Hide the empty spacer column that takes up large-5 width */
    .u_1260603421 .u_1005038330,
    .u_1492242202 {
        width: 90% !important;
        height: 150px !important;
        object-fit: cover !important;
        margin-bottom: 50px !important;
    }

    /* Subtitle: 36px → 22px */
    .u_1884545727 h4,
    .u_1884545727 .size-36,
    .u_1884545727 .font-size-36,
    .u_1884545727 span {
        font-size: 22px !important;
    }

    .u_1646248633 p,
    .u_1646248633 span {
        text-align: left !important;
    }

    /* ---- Photo gallery: 3-up → 1-up on mobile (scoped to content galleries only) ---- */
    #dm .u_1149476379.dmPhotoGallery.newPhotoGallery .photogallery-row {
        display: block !important;
        flex-wrap: wrap !important;
    }

    #dm .u_1149476379.dmPhotoGallery.newPhotoGallery .layout-container .photogallery-column.column-3,
    .u_1149476379 .photogallery-column.column-3 {
        width: 100% !important;
        float: none !important;
        margin-bottom: 12px !important;
    }

    .u_1936378263 {
        padding: 0 !important;
    }

    /* ---- Slider + text section ---- */
    .u_1828475964 {
        padding: 24px 0 !important;
    }

    /* Image slider: sensible mobile height */
    .u_1333819484,
    .u_1333819484 .flexslider,
    .u_1333819484 .flex-viewport {
        height: 240px !important;
        min-height: 240px !important;
    }

    /* Slider section heading — 36px → 22px */
    .u_1979475896 h4,
    .u_1979475896 .size-36,
    .u_1979475896 .font-size-36,
    .u_1979475896 span {
        font-size: 22px !important;
    }

    /* ---- "Waarom kiezen voor ons" heading ---- */
    .u_1689149927 {
        padding: 24px 0 8px !important;
    }

    .u_1469881714 h2,
    .u_1469881714 .size-30,
    .u_1469881714 .font-size-30,
    .u_1469881714 span {
        font-size: 22px !important;
    }

    /* ---- Stats section: hide desktop stats, show mobile stats ---- */
    .u_1725286961 {
        display: none !important;
    }

    .u_1171696942 {
        display: block !important;
        padding: 8px 0 24px !important;
    }

    /* The mobile stats version – icons get full-width nested cols.
       Constrain icon size and tighten spacing. */
    .u_1171696942 .imageWidget {
        max-width: 80px;
        margin: 0 auto !important;
    }

    .u_1171696942 .imageWidget img {
        max-width: 80px !important;
        height: auto !important;
    }

    .u_1171696942 .dmRespCol {
        text-align: center !important;
        margin-bottom: 12px !important;
    }

    .u_1171696942 .size-30,
    .u_1171696942 .font-size-30 {
        font-size: 22px !important;
    }

    .u_1171696942 .dmNewParagraph {
        text-align: center !important;
    }

    .u_1171696942 p,
    .u_1171696942 span {
        text-align: center !important;
    }

    /* ---- Geslaagde leerlingen section ---- */
    .dmRespRow#1940993890 {
        padding: 24px 0 !important;
    }

    .u_1151604087 h2,
    .u_1151604087 .size-36,
    .u_1151604087 .font-size-36,
    .u_1151604087 span {
        font-size: 22px !important;
    }

    /* Photo slider for leerlingen */
    .u_1218000731 {
        height: 260px !important;
        min-height: 260px !important;
    }

    .u_1218000731 [data-auto="slider-wrapper"],
    .u_1218000731 .sc-gEvEer.kCWVLq {
        height: 260px !important;
        padding-inline: 10px !important;
    }

    /* ---- Testimonials heading ---- */
    .u_1109707402 {
        padding: 24px 0 8px !important;
    }

    .u_1433867653 h2,
    .u_1433867653 .size-36,
    .u_1433867653 .font-size-36,
    .u_1433867653 span {
        font-size: 22px !important;
    }

    /* ---- Testimonials slider ---- */
    .u_1657407607 {
        padding: 16px 0 !important;
    }

    .u_1878753413,
    .u_1878753413 .flexslider {
        min-height: 320px !important;
    }

    .u_1878753413 .slide-title,
    .u_1878753413 .slide-title span {
        font-size: 14px !important;
        line-height: 1.6 !important;
        padding: 0 16px !important;
    }

    .u_1878753413 .slide-inner {
        max-width: 95% !important;
    }

    /* ---- FAQ heading ---- */
    .u_1739968532 {
        padding: 28px 16px !important;
    }

    .u_1179806465 h1,
    .u_1179806465 .size-48,
    .u_1179806465 .font-size-48,
    .u_1179806465 span {
        font-size: 26px !important;
        text-align: left !important;
    }

    /* ---- FAQ accordion ---- */
    .u_1877565896 {
        padding: 0 !important;
    }

    .u_1877565896 .dmRespCol {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .accordion-wrapper {
        padding: 0 !important;
    }

    .accordion-title {
        padding: 14px 12px !important;
        align-items: center !important;
    }

    .accordion-title h3,
    .accordion-title .title-text h3 {
        font-size: 15px !important;
        line-height: 1.4 !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
    }

    .accordion-description .section-inner {
        font-size: 14px !important;
        padding: 8px 12px !important;
    }

    /* ---- General: images fit container ---- */
    .imageWidget img,
    .dmRespCol img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* ---- General: buttons fit container ---- */
    .dmButtonLink {
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* ---- General body text ---- */
    .size-16,
    .font-size-16 {
        font-size: 15px !important;
    }

    /* Reset any inline style="text-align:left" on already-padded elements */
    .dmRespCol[style*="text-align: left"] {
        padding-left: 16px !important;
    }
}

/* ---------------------------------------------------------------
   TABLET  (768px – 1024px)
   --------------------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1024px) {

    .dmDesktopBody .dmInner {
        min-width: 0 !important;
    }

    /* Two-column rows split 50/50 on tablet */
    .dmDesktopBody .dmRespRow .large-5,
    .dmDesktopBody .dmRespRow .large-6,
    .dmDesktopBody .dmRespRow .large-7 {
        width: 50% !important;
    }

    #dm .dmRespRow .dmRespColsWrapper {
        flex-wrap: wrap;
    }

    /* Hero H1 — 80px → 52px */
    .u_1738190383 h1,
    .u_1738190383 .size-80,
    .u_1738190383 .font-size-80 {
        font-size: 52px !important;
    }
}

/* ---------------------------------------------------------------
   OVER-ONS page — MOBILE  (≤ 767px)
   --------------------------------------------------------------- */
@media screen and (max-width: 767px) {

    /* ---- Hero h1 — 60px → 28px ---- */
    .u_1102103457 h1,
    .u_1102103457 .size-60,
    .u_1102103457 .font-size-60,
    .u_1102103457 span {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }

    /* ---- Intro row padding ---- */
    .u_1978298529 {
        padding: 24px 0 !important;
    }

    /* ---- Stats: hide desktop block, show mobile block ---- */
    .u_1084168544 {
        display: none !important;
    }

    .u_1784063321 {
        display: block !important;
        padding: 16px 0 !important;
    }

    /* ---- De werkwijze: hide decorative spacer, accordion full width ---- */
    .u_1057645623 {
        display: none !important;
    }

    .u_1229107854 {
        width: 100% !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
    }

    /* ---- Over mij: hide image spacer, text column full width ---- */
    .u_1164623106 {
        display: none !important;
    }

    .u_1406550813 {
        width: 100% !important;
        padding: 16px !important;
        box-sizing: border-box !important;
    }

    /* ---- Testimonials slider ---- */
    .u_1265734237,
    .u_1265734237 .flexslider,
    .u_1265734237 .flex-viewport {
        min-height: 340px !important;
    }

    /* ---- Contact form — ensure full width ---- */
    .u_1652923139 {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* ---------------------------------------------------------------
   OVER-ONS page — TABLET  (768px – 1024px)
   --------------------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1024px) {

    /* ---- Hero h1 — 60px → 40px ---- */
    .u_1102103457 h1,
    .u_1102103457 .size-60,
    .u_1102103457 .font-size-60 {
        font-size: 40px !important;
    }

    /* ---- Stats: hide desktop block, show mobile block ---- */
    .u_1084168544 {
        display: none !important;
    }

    .u_1784063321 {
        display: block !important;
    }

    /* ---- De werkwijze: hide spacer, accordion full width ---- */
    .u_1057645623 {
        display: none !important;
    }

    .u_1229107854 {
        width: 100% !important;
    }
}

/* ---------------------------------------------------------------
   PROEFLES page — MOBILE  (≤ 767px)
   --------------------------------------------------------------- */
@media screen and (max-width: 767px) {

    /* ---- Hero h1 — 60px → 28px ---- */
    .u_1570703452 h1,
    .u_1570703452 .size-60,
    .u_1570703452 .font-size-60,
    .u_1570703452 span {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }

    /* ---- Intro section ---- */
    .u_1979056565 {
        padding: 24px 0 !important;
    }

    /* Intro left col h1 — 40px → 24px ---- */
    .u_1058223207 h1,
    .u_1058223207 .size-40,
    .u_1058223207 .font-size-40,
    .u_1058223207 span {
        font-size: 24px !important;
        text-align: left !important;
    }

    /* ---- Contact form section ---- */
    .u_1229437381 {
        padding: 24px 0 !important;
    }

    .u_1175617289 {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* ---- "Waarom kiezen" heading ---- */
    .u_1377992187 {
        padding: 24px 0 8px !important;
    }

    /* ---- Stats: hide desktop block, show mobile block ---- */
    .u_1335714144 {
        display: none !important;
    }

    .u_1174230166 {
        display: block !important;
        padding: 16px 0 !important;
    }

    /* ---- Testimonials heading — 36px → 22px ---- */
    .u_1935742329 h2,
    .u_1935742329 .size-36,
    .u_1935742329 .font-size-36,
    .u_1935742329 span {
        font-size: 22px !important;
    }

    /* ---- Testimonials slider ---- */
    .u_1437690178,
    .u_1437690178 .flexslider,
    .u_1437690178 .flex-viewport {
        min-height: 320px !important;
    }
}

/* ---------------------------------------------------------------
   PROEFLES page — TABLET  (768px – 1024px)
   --------------------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1024px) {

    /* ---- Hero h1 — 60px → 40px ---- */
    .u_1570703452 h1,
    .u_1570703452 .size-60,
    .u_1570703452 .font-size-60 {
        font-size: 40px !important;
    }

    /* ---- Stats: hide desktop, show mobile ---- */
    .u_1335714144 {
        display: none !important;
    }

    .u_1174230166 {
        display: block !important;
    }
}

/* =============================================================
   tarieven_template.twig — mobile (≤767px)
   Note: hero (u_1570703452), intro (u_1979056565/u_1058223207),
   and testimonials (u_1847369445 etc.) are shared with proefles
   and already covered by the proefles rules above.
   ============================================================= */
@media screen and (max-width: 767px) {

    /* ---- Pricing cards: stack & pad each card ---- */
    .u_1344295343 {
        padding: 16px 0 !important;
    }

    .u_1848863539 {
        width: 100% !important;
        padding: 0 16px 24px !important;
        box-sizing: border-box !important;
    }

    .u_1502603218 {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* ---- Rijlessen row: stack columns, align text left ---- */
    .u_1613924413 {
        padding: 24px 0 !important;
    }

    .u_1030246006 {
        width: 100% !important;
        text-align: left !important;
        padding: 0 16px 8px !important;
        box-sizing: border-box !important;
    }

    /* Reduce the large size-50 heading */
    .u_1731002935 h1,
    .u_1731002935 .size-50,
    .u_1731002935 .font-size-50,
    .u_1731002935 span {
        font-size: 30px !important;
        line-height: 1.2 !important;
        text-align: left !important;
    }

    .u_1382902789 {
        width: 100% !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
    }
}

/* =============================================================
   tarieven_template.twig — tablet (768px–991px)
   ============================================================= */
@media screen and (min-width: 768px) and (max-width: 991px) {

    /* ---- Pricing cards: 2 per row on tablet ---- */
    .u_1848863539 {
        width: 50% !important;
        padding: 0 12px 20px !important;
        box-sizing: border-box !important;
    }

    /* ---- Rijlessen: shrink left label column ---- */
    .u_1030246006 {
        width: 20% !important;
    }

    .u_1382902789 {
        width: 80% !important;
    }

    .u_1731002935 h1,
    .u_1731002935 .size-50,
    .u_1731002935 .font-size-50,
    .u_1731002935 span {
        font-size: 36px !important;
    }
}

/* =============================================================
   regios.twig — mobile (≤767px)
   Note: hero h1 (u_1102103457) is shared with over-ons and
   already covered by the over-ons rule above (28px).
   ============================================================= */
@media screen and (max-width: 767px) {

    /* ---- Hero section: reduce padding ---- */
    .u_1088306220 {
        padding-top: 48px !important;
        padding-left: 16px !important;
        padding-bottom: 48px !important;
        padding-right: 16px !important;
    }

    /* ---- Hero button: fix right margin so it centres properly ---- */
    .u_1598495960 {
        margin-right: auto !important;
        max-width: 90% !important;
    }

    /* ---- Content section: reduce top padding ---- */
    .u_1757925236 {
        padding-top: 32px !important;
    }

    /* ---- Content heading h2 size-40 → 24px ---- */
    .u_1005680929 h2,
    .u_1005680929 .size-40,
    .u_1005680929 .font-size-40 {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }

    /* ---- Map section: fix side padding ---- */
    .u_1218153728 {
        padding-left: 16px !important;
        padding-right: 16px !important;
        padding-bottom: 32px !important;
    }
}

/* =============================================================
   regios.twig — tablet (768px–991px)
   ============================================================= */
@media screen and (min-width: 768px) and (max-width: 991px) {

    /* ---- Hero: slightly reduce padding ---- */
    .u_1088306220 {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    /* ---- Content heading: scale down ---- */
    .u_1005680929 h2,
    .u_1005680929 .size-40,
    .u_1005680929 .font-size-40 {
        font-size: 30px !important;
    }
}

/* =============================================================
   content_template-regios.twig — mobile (≤767px)
   Note: hero (u_1088306220 / u_1102103457 / u_1598495960) is
   shared with regios.twig and already covered above.
   u_1084168544 (desktop stats) is already hidden by the
   over-ons mobile rule above.
   ============================================================= */
@media screen and (max-width: 767px) {

    /* ---- Row: let columns stack ---- */
    .u_1218153728 .dmRespColsWrapper {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    /* ---- Gallery column: full width, no padding ---- */
    .u_1082776427 {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* ---- Photo gallery: full width, 2×2 grid ---- */
    #dm .dmBody .u_1149476379 {
        width: 100% !important;
    }
    #dm .dmBody .u_1149476379 .dmPhotoGalleryHolder {
        display: flex !important;
        flex-wrap: wrap !important;
        position: relative !important;
        height: auto !important;
    }
    #dm .dmBody .u_1149476379 .photoGalleryThumbs {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 50% !important;
        box-sizing: border-box !important;
        padding: 3px !important;
        float: none !important;
    }
    #dm .dmBody .u_1149476379 .photoGalleryThumbs .image-container {
        width: 100% !important;
        height: auto !important;
    }
    #dm .dmBody .u_1149476379 .photoGalleryThumbs img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        position: relative !important;
    }

    /* ---- Text column: add breathing room ---- */
    .u_1520057706 {
        padding: 16px 16px 0 !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }

    /* ---- Text column h2 heading ---- */
    .u_Ourvision h2,
    .u_Ourvision span {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }

    /* ---- "Waarom kiezen voor ons?" heading ---- */
    .u_1097734693 {
        padding: 24px 0 8px !important;
    }

    .u_1418813603 h2,
    .u_1418813603 span {
        font-size: 22px !important;
        line-height: 1.3 !important;
    }

    /* ---- Show mobile stats on mobile ---- */
    .u_1487998046 {
        display: block !important;
        padding: 16px 0 !important;
    }
}

/* =============================================================
   content_template-regios.twig — tablet+ (≥768px)
   Hide the mobile-only stats row on larger screens.
   ============================================================= */
@media screen and (min-width: 768px) {
    .u_1487998046 {
        display: none !important;
    }
}