{"id":98,"date":"2026-03-06T18:38:34","date_gmt":"2026-03-06T18:38:34","guid":{"rendered":"https:\/\/schrijnwerkerijbernard.be\/?page_id=98"},"modified":"2026-03-06T18:55:10","modified_gmt":"2026-03-06T18:55:10","slug":"realisaties","status":"publish","type":"page","link":"https:\/\/schrijnwerkerijbernard.be\/?page_id=98","title":{"rendered":"Realisaties"},"content":{"rendered":"\n        <style>\n            body{\n                background:#F6F4F1;\n            }\n\n            .bernard-public-wrap{\n                max-width:1280px;\n                margin:0 auto;\n                padding:48px 20px 72px;\n                color:#111;\n                font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\n            }\n\n            .bernard-real-topbar{\n                display:flex;\n                align-items:center;\n                justify-content:space-between;\n                gap:14px;\n                flex-wrap:wrap;\n                margin:0 0 22px;\n            }\n\n            .bernard-real-lang-switch{\n                display:flex;\n                gap:10px;\n                flex-wrap:wrap;\n            }\n\n            .bernard-real-lang-btn,\n            .bernard-real-home-btn,\n            .bernard-real-back-link{\n                display:inline-flex;\n                align-items:center;\n                justify-content:center;\n                min-height:42px;\n                padding:0 15px;\n                border-radius:12px;\n                border:1px solid #ece7df;\n                background:#fff;\n                color:#111 !important;\n                text-decoration:none !important;\n                font-weight:800;\n                box-shadow:0 10px 24px rgba(0,0,0,.04);\n                transition:.18s ease;\n            }\n\n            .bernard-real-lang-btn.is-active{\n                background:#F15A00;\n                border-color:#F15A00;\n                color:#fff !important;\n            }\n\n            .bernard-real-home-btn:hover,\n            .bernard-real-back-link:hover,\n            .bernard-real-lang-btn:hover{\n                transform:translateY(-1px);\n            }\n\n            .bernard-public-hero{\n                margin-bottom:30px;\n            }\n\n            .bernard-public-kicker{\n                display:inline-block;\n                margin-bottom:10px;\n                font-size:12px;\n                letter-spacing:.14em;\n                text-transform:uppercase;\n                color:#F15A00;\n                font-weight:800;\n            }\n\n            .bernard-public-title{\n                margin:0;\n                font-size:clamp(34px,5vw,58px);\n                line-height:1.02;\n                letter-spacing:-.04em;\n                color:#0E0E0E;\n            }\n\n            .bernard-public-intro{\n                margin-top:14px;\n                max-width:920px;\n                font-size:18px;\n                line-height:1.75;\n                color:#5f6b7a;\n            }\n\n            .bernard-real-grid{\n                display:grid;\n                grid-template-columns:repeat(3,minmax(0,1fr));\n                gap:22px;\n                margin-top:28px;\n            }\n\n            .bernard-real-card{\n                display:flex;\n                flex-direction:column;\n                background:#fff;\n                border:1px solid #ece7df;\n                border-radius:24px;\n                overflow:hidden;\n                box-shadow:0 14px 34px rgba(0,0,0,.04);\n                transition:transform .18s ease, box-shadow .18s ease;\n            }\n\n            .bernard-real-card:hover{\n                transform:translateY(-3px);\n                box-shadow:0 20px 42px rgba(0,0,0,.08);\n            }\n\n            .bernard-real-thumb{\n                aspect-ratio:4 \/ 3;\n                background:#f4f4f4;\n                overflow:hidden;\n            }\n\n            .bernard-real-thumb img{\n                width:100%;\n                height:100%;\n                object-fit:cover;\n                display:block;\n            }\n\n            .bernard-real-body{\n                padding:20px;\n                display:flex;\n                flex-direction:column;\n                gap:12px;\n                flex:1;\n            }\n\n            .bernard-real-name{\n                margin:0;\n                font-size:24px;\n                line-height:1.15;\n                letter-spacing:-.02em;\n                color:#111;\n            }\n\n            .bernard-real-desc{\n                color:#637082;\n                line-height:1.75;\n                font-size:15px;\n            }\n\n            .bernard-real-link{\n                display:inline-flex;\n                align-items:center;\n                justify-content:center;\n                min-height:46px;\n                padding:0 16px;\n                border-radius:12px;\n                text-decoration:none !important;\n                font-weight:800;\n                background:#F15A00;\n                color:#fff !important;\n                margin-top:auto;\n                align-self:flex-start;\n            }\n\n            .bernard-empty{\n                margin-top:26px;\n                padding:26px;\n                border:1px dashed #d9d3cb;\n                border-radius:18px;\n                background:#fcfcfb;\n                color:#5f6b7a;\n            }\n\n            .bernard-real-bottom-actions{\n                margin-top:28px;\n                display:flex;\n                justify-content:center;\n            }\n\n            .bernard-real-bottom-actions a{\n                display:inline-flex;\n                align-items:center;\n                justify-content:center;\n                min-height:46px;\n                padding:0 16px;\n                border-radius:12px;\n                text-decoration:none !important;\n                font-weight:800;\n                background:#fff;\n                color:#111 !important;\n                border:1px solid #ece7df;\n                box-shadow:0 10px 24px rgba(0,0,0,.04);\n            }\n\n            .bernard-real-detail-top{\n                display:grid;\n                grid-template-columns:1.05fr .95fr;\n                gap:28px;\n                align-items:start;\n                margin-top:8px;\n            }\n\n            .bernard-real-media-card,\n            .bernard-real-detail-panel{\n                align-self:start;\n            }\n\n            .bernard-real-media-card,\n            .bernard-real-detail-panel,\n            .bernard-real-detail-text-card{\n                background:#fff;\n                border:1px solid #ece7df;\n                border-radius:28px;\n                box-shadow:0 14px 34px rgba(0,0,0,.04);\n            }\n\n            .bernard-real-media-card{\n                padding:18px;\n            }\n\n            .bernard-real-main-image{\n                border-radius:24px;\n                overflow:hidden;\n                background:#f4f4f4;\n                border:1px solid #ece7df;\n                aspect-ratio:4 \/ 3;\n            }\n\n            .bernard-real-main-image img{\n                width:100%;\n                height:100%;\n                object-fit:cover;\n                display:block;\n            }\n\n            .bernard-real-thumbs{\n                display:grid;\n                grid-template-columns:repeat(4,minmax(0,1fr));\n                gap:12px;\n                margin-top:14px;\n            }\n\n            .bernard-real-thumb-btn{\n                border:1px solid #ece7df;\n                background:#fff;\n                padding:0;\n                border-radius:16px;\n                overflow:hidden;\n                cursor:pointer;\n                aspect-ratio:4 \/ 3;\n                transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease;\n            }\n\n            .bernard-real-thumb-btn:hover{\n                transform:translateY(-2px);\n                box-shadow:0 10px 22px rgba(0,0,0,.07);\n            }\n\n            .bernard-real-thumb-btn.is-active{\n                border-color:#F15A00;\n                box-shadow:0 0 0 2px rgba(241,90,0,.10);\n            }\n\n            .bernard-real-thumb-btn img{\n                width:100%;\n                height:100%;\n                object-fit:cover;\n                display:block;\n            }\n\n            .bernard-real-detail-panel{\n                padding:30px;\n                display:flex;\n                flex-direction:column;\n                justify-content:flex-start;\n                align-self:start;\n            }\n\n            .bernard-real-panel-title{\n                margin:0;\n                font-size:clamp(34px,4vw,56px);\n                line-height:1.02;\n                letter-spacing:-.04em;\n                color:#111;\n            }\n\n            .bernard-real-panel-intro{\n                margin-top:16px;\n                font-size:18px;\n                line-height:1.85;\n                color:#5f6b7a;\n            }\n\n            .bernard-real-detail-panel-actions{\n                margin-top:20px;\n            }\n\n            .bernard-real-detail-text-card{\n                padding:28px;\n                margin-top:32px;\n            }\n\n            .bernard-real-section-title{\n                margin:0 0 14px;\n                font-size:28px;\n                line-height:1.06;\n                letter-spacing:-.03em;\n                color:#111;\n            }\n\n            .bernard-real-detail-text{\n                font-size:17px;\n                line-height:1.95;\n                color:#4f5c6d;\n            }\n\n            @media (max-width: 1080px){\n                .bernard-real-grid{\n                    grid-template-columns:repeat(2,minmax(0,1fr));\n                }\n\n                .bernard-real-detail-top{\n                    grid-template-columns:1fr;\n                }\n            }\n\n            @media (max-width: 640px){\n                .bernard-public-wrap{\n                    padding:36px 16px 56px;\n                }\n\n                .bernard-real-grid,\n                .bernard-real-thumbs{\n                    grid-template-columns:1fr;\n                }\n\n                .bernard-real-name{\n                    font-size:22px;\n                }\n\n                .bernard-real-media-card,\n                .bernard-real-detail-panel,\n                .bernard-real-detail-text-card{\n                    padding:20px;\n                    border-radius:20px;\n                }\n\n                .bernard-real-main-image{\n                    border-radius:18px;\n                }\n\n                .bernard-real-panel-title{\n                    font-size:40px;\n                }\n            }\n        <\/style>        <section class=\"bernard-public-wrap\">\n\n            <div class=\"bernard-real-topbar\">\n                <div class=\"bernard-real-lang-switch\">\n                    <a class=\"bernard-real-lang-btn is-active\" href=\"https:\/\/schrijnwerkerijbernard.be\/realisaties\/?lang=nl\">NL<\/a>\n                    <a class=\"bernard-real-lang-btn \" href=\"https:\/\/schrijnwerkerijbernard.be\/realisaties\/?lang=fr\">FR<\/a>\n                <\/div>\n\n                <a class=\"bernard-real-home-btn\" href=\"https:\/\/schrijnwerkerijbernard.be\/?lang=nl\">\n                    Terug naar homepage                <\/a>\n            <\/div>\n\n            <div class=\"bernard-public-hero\">\n                <div class=\"bernard-public-kicker\">Schrijnwerkerij Bernard<\/div>\n                <h1 class=\"bernard-public-title\">Realisaties<\/h1>\n                <div class=\"bernard-public-intro\">\n                    Ontdek een selectie van gerealiseerde projecten in schrijnwerk, interieur en maatwerk. Iedere bezoeker krijgt hier een andere mix van projecten te zien.                <\/div>\n            <\/div>\n\n                            <div class=\"bernard-real-grid\">\n                                                                    <article class=\"bernard-real-card\">\n                            <div class=\"bernard-real-thumb\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/schrijnwerkerijbernard.be\/wp-content\/uploads\/2026\/03\/IMG_1314-1-scaled.jpg\" alt=\"Fitness center\">\n                                                            <\/div>\n\n                            <div class=\"bernard-real-body\">\n                                <h2 class=\"bernard-real-name\">Fitness center<\/h2>\n\n                                                                    <div class=\"bernard-real-desc\">\n                                        Uw fitnesscenter, volledig ingericht op maat met duurzaam materiaal, elk detail wordt met vakmanschap uitgewerkt voor een professionele en duurzame uitstraling.                                    <\/div>\n                                \n                                <a class=\"bernard-real-link\" href=\"https:\/\/schrijnwerkerijbernard.be\/realisaties\/fitness-center\/?lang=nl\">\n                                    Bekijk project                                <\/a>\n                            <\/div>\n                        <\/article>\n                                                                    <article class=\"bernard-real-card\">\n                            <div class=\"bernard-real-thumb\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/schrijnwerkerijbernard.be\/wp-content\/uploads\/2026\/03\/BENO_23-8-scaled.jpg\" alt=\"Stijlvolle interieur\">\n                                                            <\/div>\n\n                            <div class=\"bernard-real-body\">\n                                <h2 class=\"bernard-real-name\">Stijlvolle interieur<\/h2>\n\n                                                                    <div class=\"bernard-real-desc\">\n                                        Een stijlvol interieur combineert eenvoud, comfort en karakter.                                    <\/div>\n                                \n                                <a class=\"bernard-real-link\" href=\"https:\/\/schrijnwerkerijbernard.be\/realisaties\/stijlvolle-interieur\/?lang=nl\">\n                                    Bekijk project                                <\/a>\n                            <\/div>\n                        <\/article>\n                                                                    <article class=\"bernard-real-card\">\n                            <div class=\"bernard-real-thumb\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/schrijnwerkerijbernard.be\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-01-23-at-13.43.50.jpeg\" alt=\"Kantoor inrichting\">\n                                                            <\/div>\n\n                            <div class=\"bernard-real-body\">\n                                <h2 class=\"bernard-real-name\">Kantoor inrichting<\/h2>\n\n                                                                    <div class=\"bernard-real-desc\">\n                                        De perfecte werkplek voor uw kantoor begint hier.                                    <\/div>\n                                \n                                <a class=\"bernard-real-link\" href=\"https:\/\/schrijnwerkerijbernard.be\/realisaties\/kantoor-inrichting\/?lang=nl\">\n                                    Bekijk project                                <\/a>\n                            <\/div>\n                        <\/article>\n                                                                    <article class=\"bernard-real-card\">\n                            <div class=\"bernard-real-thumb\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/schrijnwerkerijbernard.be\/wp-content\/uploads\/2026\/06\/IMG_2180-scaled.jpg\" alt=\"Keukens\">\n                                                            <\/div>\n\n                            <div class=\"bernard-real-body\">\n                                <h2 class=\"bernard-real-name\">Keukens<\/h2>\n\n                                                                    <div class=\"bernard-real-desc\">\n                                        Jouw droomkeuken begin hier.                                    <\/div>\n                                \n                                <a class=\"bernard-real-link\" href=\"https:\/\/schrijnwerkerijbernard.be\/realisaties\/keukens\/?lang=nl\">\n                                    Bekijk project                                <\/a>\n                            <\/div>\n                        <\/article>\n                                                                    <article class=\"bernard-real-card\">\n                            <div class=\"bernard-real-thumb\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/schrijnwerkerijbernard.be\/wp-content\/uploads\/2026\/03\/07KHCollectie.jpg\" alt=\"Buiten schrijnwerk\">\n                                                            <\/div>\n\n                            <div class=\"bernard-real-body\">\n                                <h2 class=\"bernard-real-name\">Buiten schrijnwerk<\/h2>\n\n                                                                    <div class=\"bernard-real-desc\">\n                                        Algemeen buiten schrijnwerk                                    <\/div>\n                                \n                                <a class=\"bernard-real-link\" href=\"https:\/\/schrijnwerkerijbernard.be\/realisaties\/buiten-schrijnwerk\/?lang=nl\">\n                                    Bekijk project                                <\/a>\n                            <\/div>\n                        <\/article>\n                                    <\/div>\n\n                <div class=\"bernard-real-bottom-actions\">\n                    <a href=\"https:\/\/schrijnwerkerijbernard.be\/?lang=nl\">\n                        Terug naar homepage                    <\/a>\n                <\/div>\n                    <\/section>\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-with-title","meta":{"footnotes":""},"class_list":["post-98","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/schrijnwerkerijbernard.be\/index.php?rest_route=\/wp\/v2\/pages\/98","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/schrijnwerkerijbernard.be\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/schrijnwerkerijbernard.be\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/schrijnwerkerijbernard.be\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/schrijnwerkerijbernard.be\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=98"}],"version-history":[{"count":2,"href":"https:\/\/schrijnwerkerijbernard.be\/index.php?rest_route=\/wp\/v2\/pages\/98\/revisions"}],"predecessor-version":[{"id":100,"href":"https:\/\/schrijnwerkerijbernard.be\/index.php?rest_route=\/wp\/v2\/pages\/98\/revisions\/100"}],"wp:attachment":[{"href":"https:\/\/schrijnwerkerijbernard.be\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=98"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}