{"id":104,"date":"2026-03-07T07:08:39","date_gmt":"2026-03-07T07:08:39","guid":{"rendered":"https:\/\/schrijnwerkerijbernard.be\/?page_id=104"},"modified":"2026-03-07T07:08:39","modified_gmt":"2026-03-07T07:08:39","slug":"specialisaties","status":"publish","type":"page","link":"https:\/\/schrijnwerkerijbernard.be\/?page_id=104","title":{"rendered":"Specialisaties"},"content":{"rendered":"\n        <style>\n            .bernard-spec-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-spec-lang-switch{\n                display:flex;\n                gap:10px;\n                flex-wrap:wrap;\n                margin:0 0 18px;\n            }\n\n            .bernard-spec-lang-btn{\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            }\n\n            .bernard-spec-lang-btn.is-active{\n                background:#F15A00;\n                border-color:#F15A00;\n                color:#fff !important;\n            }\n\n            .bernard-spec-hero{\n                margin-bottom:30px;\n            }\n\n            .bernard-spec-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-spec-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-spec-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-spec-grid{\n                display:grid;\n                grid-template-columns:repeat(3,minmax(0,1fr));\n                gap:22px;\n                margin-top:28px;\n            }\n\n            .bernard-spec-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-spec-card:hover{\n                transform:translateY(-3px);\n                box-shadow:0 20px 42px rgba(0,0,0,.08);\n            }\n\n            .bernard-spec-thumb{\n                aspect-ratio:4 \/ 3;\n                background:#f4f4f4;\n                overflow:hidden;\n            }\n\n            .bernard-spec-thumb img{\n                width:100%;\n                height:100%;\n                object-fit:cover;\n                display:block;\n            }\n\n            .bernard-spec-body{\n                padding:20px;\n                display:flex;\n                flex-direction:column;\n                gap:12px;\n                flex:1;\n            }\n\n            .bernard-spec-name{\n                margin:0;\n                font-size:24px;\n                line-height:1.15;\n                letter-spacing:-.02em;\n                color:#111;\n            }\n\n            .bernard-spec-desc{\n                color:#637082;\n                line-height:1.75;\n                font-size:15px;\n            }\n\n            .bernard-spec-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-spec-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-spec-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-spec-media-card,\n            .bernard-spec-detail-panel{\n                align-self:start;\n            }\n\n            .bernard-spec-media-card,\n            .bernard-spec-detail-panel,\n            .bernard-spec-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-spec-media-card{\n                padding:18px;\n            }\n\n            .bernard-spec-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-spec-main-image img{\n                width:100%;\n                height:100%;\n                object-fit:cover;\n                display:block;\n            }\n\n            .bernard-spec-thumbs{\n                display:grid;\n                grid-template-columns:repeat(4,minmax(0,1fr));\n                gap:12px;\n                margin-top:14px;\n            }\n\n            .bernard-spec-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-spec-thumb-btn:hover{\n                transform:translateY(-2px);\n                box-shadow:0 10px 22px rgba(0,0,0,.07);\n            }\n\n            .bernard-spec-thumb-btn.is-active{\n                border-color:#F15A00;\n                box-shadow:0 0 0 2px rgba(241,90,0,.10);\n            }\n\n            .bernard-spec-thumb-btn img{\n                width:100%;\n                height:100%;\n                object-fit:cover;\n                display:block;\n            }\n\n            .bernard-spec-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-spec-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-spec-panel-intro{\n                margin-top:16px;\n                font-size:18px;\n                line-height:1.85;\n                color:#5f6b7a;\n            }\n\n            .bernard-spec-back-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                border:1px solid #ece7df;\n                background:#fff;\n                color:#111 !important;\n                margin-top:20px;\n                align-self:flex-start;\n            }\n\n            .bernard-spec-content-grid{\n                display:grid;\n                grid-template-columns:1fr;\n                gap:26px;\n                margin-top:32px;\n                position:relative;\n                z-index:2;\n            }\n\n            .bernard-spec-usp-grid{\n                display:grid;\n                grid-template-columns:repeat(3,minmax(0,1fr));\n                gap:16px;\n            }\n\n            .bernard-spec-usp{\n                background:#fff;\n                border:1px solid #ece7df;\n                border-radius:22px;\n                padding:20px;\n                box-shadow:0 12px 28px rgba(0,0,0,.04);\n            }\n\n            .bernard-spec-usp-icon{\n                width:44px;\n                height:44px;\n                border-radius:14px;\n                display:flex;\n                align-items:center;\n                justify-content:center;\n                background:#fff7ed;\n                color:#F15A00;\n                font-size:22px;\n                font-weight:800;\n                margin-bottom:12px;\n            }\n\n            .bernard-spec-usp-text{\n                color:#374151;\n                line-height:1.75;\n                font-size:15px;\n                font-weight:700;\n            }\n\n            .bernard-spec-detail-text-card{\n                padding:28px;\n            }\n\n            .bernard-spec-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-spec-detail-text{\n                font-size:17px;\n                line-height:1.95;\n                color:#4f5c6d;\n            }\n\n            .bernard-spec-cta-box{\n                background:linear-gradient(135deg,#F15A00 0%,#C94900 100%);\n                border-radius:24px;\n                padding:28px;\n                box-shadow:0 18px 40px rgba(241,90,0,.20);\n                color:#fff;\n            }\n\n            .bernard-spec-cta-title{\n                margin:0 0 10px;\n                font-size:30px;\n                line-height:1.04;\n                letter-spacing:-.03em;\n            }\n\n            .bernard-spec-cta-text{\n                font-size:16px;\n                line-height:1.8;\n                color:rgba(255,255,255,.92);\n                max-width:820px;\n            }\n\n            .bernard-spec-cta-btn{\n                display:inline-flex;\n                align-items:center;\n                justify-content:center;\n                min-height:48px;\n                padding:0 18px;\n                border-radius:12px;\n                text-decoration:none !important;\n                font-weight:800;\n                background:#fff;\n                color:#111 !important;\n                margin-top:16px;\n            }\n\n            @media (max-width: 1080px){\n                .bernard-spec-grid{\n                    grid-template-columns:repeat(2,minmax(0,1fr));\n                }\n\n                .bernard-spec-detail-top{\n                    grid-template-columns:1fr;\n                }\n\n                .bernard-spec-usp-grid{\n                    grid-template-columns:1fr 1fr;\n                }\n            }\n\n            @media (max-width: 640px){\n                .bernard-spec-public-wrap{\n                    padding:36px 16px 56px;\n                }\n\n                .bernard-spec-grid,\n                .bernard-spec-usp-grid,\n                .bernard-spec-thumbs{\n                    grid-template-columns:1fr;\n                }\n\n                .bernard-spec-name{\n                    font-size:22px;\n                }\n\n                .bernard-spec-media-card,\n                .bernard-spec-detail-panel,\n                .bernard-spec-detail-text-card{\n                    padding:20px;\n                    border-radius:20px;\n                }\n\n                .bernard-spec-main-image{\n                    border-radius:18px;\n                }\n\n                .bernard-spec-panel-title{\n                    font-size:40px;\n                }\n            }\n        <\/style>        <section class=\"bernard-spec-public-wrap\">\n\n            <div class=\"bernard-spec-lang-switch\">\n                <a class=\"bernard-spec-lang-btn is-active\" href=\"https:\/\/schrijnwerkerijbernard.be\/specialisaties\/?lang=nl\">NL<\/a>\n                <a class=\"bernard-spec-lang-btn \" href=\"https:\/\/schrijnwerkerijbernard.be\/specialisaties\/?lang=fr\">FR<\/a>\n            <\/div>\n\n            <div class=\"bernard-spec-hero\">\n                <div class=\"bernard-spec-kicker\">Schrijnwerkerij Bernard<\/div>\n                <h1 class=\"bernard-spec-title\">Specialisaties<\/h1>\n                <div class=\"bernard-spec-intro\">\n                    Ontdek de specialisaties van Schrijnwerkerij Bernard in interieur, maatwerk, renovatie en totaalprojecten.                <\/div>\n            <\/div>\n\n                            <div class=\"bernard-spec-grid\">\n                                                                    <article class=\"bernard-spec-card\">\n                            <div class=\"bernard-spec-thumb\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/schrijnwerkerijbernard.be\/wp-content\/uploads\/2026\/03\/bernardblackwhite-scaled.jpg\" alt=\"Maatwerk voor elk project\">\n                                                            <\/div>\n\n                            <div class=\"bernard-spec-body\">\n                                <h2 class=\"bernard-spec-name\">Maatwerk voor elk project<\/h2>\n\n                                                                    <div class=\"bernard-spec-desc\">\n                                        Wij zijn een jong en dynamisch, steeds groeiend bedrijf gespecialiseerd in binnen en buitenschrijnwerk, maatwerk en renovatie.                                    <\/div>\n                                \n                                <a class=\"bernard-spec-link\" href=\"https:\/\/schrijnwerkerijbernard.be\/specialisaties\/maatwerk-voor-elk-project\/?lang=nl\">\n                                    Bekijk detail                                <\/a>\n                            <\/div>\n                        <\/article>\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-104","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/schrijnwerkerijbernard.be\/index.php?rest_route=\/wp\/v2\/pages\/104","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=104"}],"version-history":[{"count":1,"href":"https:\/\/schrijnwerkerijbernard.be\/index.php?rest_route=\/wp\/v2\/pages\/104\/revisions"}],"predecessor-version":[{"id":105,"href":"https:\/\/schrijnwerkerijbernard.be\/index.php?rest_route=\/wp\/v2\/pages\/104\/revisions\/105"}],"wp:attachment":[{"href":"https:\/\/schrijnwerkerijbernard.be\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}