{"id":4286,"date":"2024-09-25T08:04:00","date_gmt":"2024-09-25T08:04:00","guid":{"rendered":"https:\/\/s4snordic.com\/dorer\/"},"modified":"2026-08-17T07:15:53","modified_gmt":"2026-08-17T07:15:53","slug":"dorer","status":"publish","type":"page","link":"https:\/\/s4snordic.com\/no\/dorer\/","title":{"rendered":"D\u00f8rer"},"content":{"rendered":"<section id=\"text-hero-block\" class=\"pb-12  bg-white overflow-hidden hero-section-half\">\r\n    <div class=\"container mx-auto px-4\">\r\n        <div class=\"py-12 md:pt-20\">\r\n            <div class=\"flex flex-wrap -mx-4 items-end\">\r\n                <div class=\"w-full lg:w-1\/2 px-4 mb-8 lg:mb-0\">\r\n                    <div class=\" mx-auto\">\r\n                        <ul class=\"breadcrumbs\"><li class=\"item-home\"><a class=\"bread-link link\" href=\"https:\/\/s4snordic.com\/no\/\" title=\"Hjem\">Hjem<\/a><\/li><li class=\"separator separator-home\">  \u2022  <\/li><\/ul>                        <h1 class=\"font-heading text-5xl md:text-6xl tracking-tight\">L\u00f8ft oppbevaringen din med Doors<\/h1>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"w-full lg:w-1\/2 px-4\">\r\n                    <div class=\"max-w-lg lg:max-w-none mx-auto\">\r\n                        <p class=\"text-lg text-gray-700 mb-10\">V\u00e5re lagerd\u00f8rer gir enkel tilgang, samtidig som de sikrer at innholdet ditt er trygt. De er tilgjengelige i ulike stiler og st\u00f8rrelser, og dekker de spesifikke behovene til ethvert anlegg. <\/p>\r\n                                                    <a class=\"button-black\"\r\n                               href=\"https:\/\/s4snordic.com\/no\/kontaktpersoner\/\"\r\n                               target=\"_self\">Ta kontakt<\/a>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n<section id=\"gallery-row-block\" class=\"gallery-row lg:py-24 gallery-row-block splide\">\r\n    <div class=\"wrap carousel-container splide__track\">\r\n        <div class=\"carousel-track splide__list\">\r\n                                                <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Deliveien-21-Vestby-17-no-logo.png\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Deliveien-21-Vestby-17-no-logo.png\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Trondheim113.webp\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Trondheim113.webp\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Kampenesmosen-27-Borgenhaugen-25.webp\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Kampenesmosen-27-Borgenhaugen-25.webp\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Bjorkelangen24-scaled.webp\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Bjorkelangen24-scaled.webp\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Kampenesmosen-27-Borgenhaugen-5-uten-logo.jpg\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Kampenesmosen-27-Borgenhaugen-5-uten-logo.jpg\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Ostre-Aker-vei-205-Oslo-1-1.webp\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Ostre-Aker-vei-205-Oslo-1-1.webp\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Bjorkelangen23-1-scaled.webp\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Bjorkelangen23-1-scaled.webp\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Trondheim33-1.webp\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Trondheim33-1.webp\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Ostre-Aker-vei-205-Oslo-7-1.webp\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Ostre-Aker-vei-205-Oslo-7-1.webp\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Trondheim72-1.webp\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Trondheim72-1.webp\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Trondheim120-1.webp\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Trondheim120-1.webp\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Kampenesmosen-27-Borgenhaugen-20-uten-logo.jpg\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Kampenesmosen-27-Borgenhaugen-20-uten-logo.jpg\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section id=\"icons-block\" class=\"pb-24 background-grey py-16 pb-8 lg:pb-0 lg:py-24 numbered-list-block\">\r\n    <div class=\"container mx-auto px-4\">\r\n        <div class=\"flex mb-4 items-center\">\r\n            <svg width=\"8\" height=\"8\" viewbox=\"0 0 8 8\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <circle cx=\"4\" cy=\"4\" r=\"4\" fill=\"#BEF264\"><\/circle>\r\n            <\/svg>\r\n            <span class=\"inline-block ml-2 text-sm font-medium \">Fordeler<\/span>\r\n        <\/div>\r\n        <div class=\"border-t pt-14\">\r\n            <h1 class=\"font-heading text-4xl sm:text-6xl lg:mb-24 mb-10 \">Hvorfor velge v\u00e5re d\u00f8rer?<\/h1>\r\n            <div class=\"flex flex-wrap -mx-4\">\r\n                                                            <div class=\"w-full lg:w-1\/3  px-4 mb-16\">\r\n                            <div class=\"mt-6\">\r\n                                <div class=\"number inline-block bg-accent py-2 px-2 mb-6\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Custom-Icon.svg\">\r\n                                <\/div>\r\n                                <h5 class=\"text-2xl font-medium mb-3 \">Moderne design<\/h5>\r\n                                                                    <p>Sleek and contemporary appearance that complements any facility style.<\/p>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"w-full lg:w-1\/3  px-4 mb-16\">\r\n                            <div class=\"mt-6\">\r\n                                <div class=\"number inline-block bg-accent py-2 px-2 mb-6\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Custom-Icon-1.svg\">\r\n                                <\/div>\r\n                                <h5 class=\"text-2xl font-medium mb-3 \">Robust sikkerhet  <\/h5>\r\n                                                                    <p>Featuring a reinforced doorlip, extra latch protection, and crowbar-secure design for enhanced safety against forced entry.<\/p>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"w-full lg:w-1\/3  px-4 mb-16\">\r\n                            <div class=\"mt-6\">\r\n                                <div class=\"number inline-block bg-accent py-2 px-2 mb-6\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Custom-Icon-2.svg\">\r\n                                <\/div>\r\n                                <h5 class=\"text-2xl font-medium mb-3 \">Tilpasset for manuelle <br>og elektroniske l\u00e5ser  <\/h5>\r\n                                                                    <p>Flexible solutions that cater to both traditional and smart lock systems.<\/p>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"w-full lg:w-1\/3  px-4 mb-16\">\r\n                            <div class=\"mt-6\">\r\n                                <div class=\"number inline-block bg-accent py-2 px-2 mb-6\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Custom-Icon-3.svg\">\r\n                                <\/div>\r\n                                <h5 class=\"text-2xl font-medium mb-3 \">Lett \u00e5 vedlikeholde<\/h5>\r\n                                                                    <p>Designed for durability, with a smooth surface that resists wear and is easy to clean, even in dusty environments<\/p>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                                                <\/div>\r\n        <\/div>\r\n<\/section>\n\n<section id=\"text-photo-reverse-block\" class=\"relative overflow-hidden py-16 reverse text-photo-reverse-block\">\n    <div class=\"container relative flex items-center justify-between flex-wrap lg:mb-0 mb-24 \">\n        <div class=\"w-1\/2 w-full lg:w-1\/2 order-2 lg:order-0 \">\n                            <div class=\"single\">\n                    <img decoding=\"async\" class=\"w-full h-full object-cover\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/07\/unnamed-file.png\"\n                         alt=\"\"\/>\n                <\/div>\n                    <\/div>\n        <div class=\"py-4 px-6 w-full lg:max-w-xl mb-14  lg:mb-0  ml-0 order-1 lg:order-0\">\n            <h2 class=\"font-heading sm:text-5xl text-5xl  mb-6\">H\u00f8yytelses, b\u00e6rekraftig st\u00e5l for langvarig holdbarhet<\/h2>\n            <div class=\"lg:max-w-md xl:max-w-none text-lg text-gray-700 mb-10\"><p>Alle slagd\u00f8rer og rulleporter vi tilbyr er produsert av h\u00f8ykvalitets fargebelagt nordisk st\u00e5l, GreenCoat\u00ae Pural BT, utviklet av SSAB spesielt for byggebransjen.<\/p>\n<p>I tillegg til h\u00f8y holdbarhet, god fargebestandighet og slitesterke overflater, utmerker materialet seg som en markedsleder innen b\u00e6rekraftig produksjon. GreenCoat\u00ae Pural BT har et biobasert belegg (BT), hvor en betydelig del av tradisjonell fossil olje er erstattet med svensk rapsolje. Dette gj\u00f8r det til det eneste belegget p\u00e5 markedet med h\u00f8yt innhold av fornybare r\u00e5varer. Materialet er ogs\u00e5 100 % resirkulerbart.<\/p>\n<\/div>\n        <\/div>\n        <div><\/div>\n    <\/div>\n<\/section>\n\n<section id=\"accordion-block\" class=\"py-12 lg:py-24 accordion-block\">\r\n    <div class=\"container mx-auto px-4\">\r\n        <div class=\"max-w-lg mx-auto lg:max-w-none\">\r\n            <div class=\"flex flex-wrap justify-between -mx-4\">\r\n                <div class=\"w-full lg:w-1\/2 px-4 mb-16 lg:mb-0\">\r\n                    <div class=\"\">\r\n                        <p class=\"text-2xl font-medium mb-20\">Utforsk v\u00e5rt utvalg av slagd\u00f8rer og rulleporter, som alle er utformet for \u00e5 oppfylle de spesifikke behovene til lageret ditt, og som tilbyr b\u00e5de funksjonalitet og stil.<\/p>\r\n                        <div class=\"accordion-text\">\r\n                                                                                                                                    <div class=\"accordion-item cursor-pointer text-gray-500\" data-accordion-index=\"1\">\r\n                                        <div class=\"relative heading\">\r\n                                            <div class=\"block relative\">\r\n                                                <h4 class=\"accordion-title lg:text-4xl text-3xl\">Svingd\u00f8rer  <\/h4>\r\n                                                <div class=\"progress-bar-container\">\r\n                                                    <div class=\"progress-bar\"><\/div> <!-- Animated progress bar filling up -->\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                        <div class=\"accordion-content relative content\" style=\"display: none;\">\r\n                                            <div class=\"text-lg mt-12 max-10-lines text-gray-600 mb-6 truncated-text\"><p>V\u00e5re lette slagd\u00f8rer er designet for jevn bruk og lang levetid. H\u00f8ykvalitets hengsler reduserer belastningen p\u00e5 konstruksjonen samtidig som sikkerheten opprettholdes.<\/p>\n<p>Tilgjengelig som enkel eller dobbel l\u00f8sning, med mulighet for fargetilpasning til ditt anlegg.<\/p>\n<\/div>\r\n                                                                                        <!-- Hidden full text for the popup -->\r\n                                            <div id=\"popup-1\" class=\"mfp-hide full-text-popup\">\r\n                                                <h2 class=\"text-3xl sm:text-5xl font-medium mb-14\">Svingd\u00f8rer  <\/h2>\r\n                                                <div class=\"font-body text-xl md:text-2xl\"><p>V\u00e5re lette slagd\u00f8rer er designet for jevn bruk og lang levetid. H\u00f8ykvalitets hengsler reduserer belastningen p\u00e5 konstruksjonen samtidig som sikkerheten opprettholdes.<\/p>\n<p>Tilgjengelig som enkel eller dobbel l\u00f8sning, med mulighet for fargetilpasning til ditt anlegg.<\/p>\n<\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n\r\n                                                                                                        <div class=\"accordion-item cursor-pointer text-gray-500\" data-accordion-index=\"2\">\r\n                                        <div class=\"relative heading\">\r\n                                            <div class=\"block relative\">\r\n                                                <h4 class=\"accordion-title lg:text-4xl text-3xl\">Opprullbare d\u00f8rer  <\/h4>\r\n                                                <div class=\"progress-bar-container\">\r\n                                                    <div class=\"progress-bar\"><\/div> <!-- Animated progress bar filling up -->\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                        <div class=\"accordion-content relative content\" style=\"display: none;\">\r\n                                            <div class=\"text-lg mt-12 max-10-lines text-gray-600 mb-6 truncated-text\"><p>V\u00e5re rulleporter i st\u00e5l kan tilpasses ulike st\u00f8rrelser. De er slitesterke, enkle i bruk, raske \u00e5 installere og kan tilpasses din visuelle profil \u2013 en sikker og p\u00e5litelig l\u00f8sning.<\/p>\n<\/div>\r\n                                                                                        <!-- Hidden full text for the popup -->\r\n                                            <div id=\"popup-2\" class=\"mfp-hide full-text-popup\">\r\n                                                <h2 class=\"text-3xl sm:text-5xl font-medium mb-14\">Opprullbare d\u00f8rer  <\/h2>\r\n                                                <div class=\"font-body text-xl md:text-2xl\"><p>V\u00e5re rulleporter i st\u00e5l kan tilpasses ulike st\u00f8rrelser. De er slitesterke, enkle i bruk, raske \u00e5 installere og kan tilpasses din visuelle profil \u2013 en sikker og p\u00e5litelig l\u00f8sning.<\/p>\n<\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n\r\n                                                                                    <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"w-full lg:w-2\/5 max-height-600 px-4 accordion-image\">\r\n                                                                                                        <img decoding=\"async\" class=\"block w-full h-full object-cover accordion-photo\"\r\n                                     data-accordion-index=\"1\"\r\n                                     src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Ostre-Aker-vei-205-Oslo-1.webp\"\r\n                                     alt=\"\"\/>\r\n                                                                                                                <img decoding=\"async\" class=\"block w-full h-full object-cover accordion-photo\"\r\n                                     data-accordion-index=\"2\"\r\n                                     src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/roll.webp\"\r\n                                     alt=\"\"\/>\r\n                                                                                        <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n  <div class=\"container\">\n    <div class=\"flex flex-wrap items-end mb-12 -mx-4\">\n      <div class=\"w-full md:w-1\/2 px-4 mb-12 md:mb-0\">\n        <h1 class=\"font-heading text-4xl sm:text-6xl mb-4\"><\/h1>\n      <\/div>\n      <div class=\"w-full md:w-1\/2 px-4 mb-6\">\n        <div class=\"flex items-center justify-end\">\n          <p class=\"text-lg text-gray-500\"><\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n      <div class=\"cmp-filter-tabs container flex justify-end mb-6\">\n              <button class=\"cmp-tab active\" data-target=\"cmp-block-1\">\n          Svingd\u00f8rer        <\/button>\n              <button class=\"cmp-tab \" data-target=\"cmp-block-2\">\n          Opprullbare d\u00f8rer        <\/button>\n          <\/div>\n  \n        <div id=\"cmp-block-1\" class=\"cmp-block cmp-wrap container \">\n        <!-- HEADER ROW -->\n        <div class=\"cmp-row cmp-header\">\n          <div class=\"cmp-cell cmp-label sticky-col\"><\/div>\n                        <div class=\"cmp-cell cmp-header-cell sticky-header\">\n                                    <div class=\"item-image\">\n                      <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Kampenesmosen-27-Borgenhaugen-10.jpg\" \n                           alt=\"\" \n                           style=\"max-width:100%; height:auto;\" \/>\n                    <\/div>\n                                <div class=\"title\">Svingd\u00f8rer<\/div>\n                <div class=\"subtitle\">Enkel. Innfelt<\/div>\n              <\/div>\n                        <div class=\"cmp-cell cmp-header-cell sticky-header\">\n                                    <div class=\"item-image\">\n                      <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/10\/Ostre-Aker-vei-215-16-copy.jpg\" \n                           alt=\"\" \n                           style=\"max-width:100%; height:auto;\" \/>\n                    <\/div>\n                                <div class=\"title\">Svingd\u00f8rer<\/div>\n                <div class=\"subtitle\">Enkel. Flat<\/div>\n              <\/div>\n                        <div class=\"cmp-cell cmp-header-cell sticky-header\">\n                                    <div class=\"item-image\">\n                      <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Bjorkelangen23-min-scaled.jpg\" \n                           alt=\"\" \n                           style=\"max-width:100%; height:auto;\" \/>\n                    <\/div>\n                                <div class=\"title\">Svingd\u00f8rer<\/div>\n                <div class=\"subtitle\">Dobbel. Standard<\/div>\n              <\/div>\n                        <div class=\"cmp-cell cmp-header-cell sticky-header\">\n                                    <div class=\"item-image\">\n                      <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Bjorkelangen24-scaled.webp\" \n                           alt=\"\" \n                           style=\"max-width:100%; height:auto;\" \/>\n                    <\/div>\n                                <div class=\"title\">Svingd\u00f8rer<\/div>\n                <div class=\"subtitle\">Dobbel. Foldbar<\/div>\n              <\/div>\n                        <div class=\"cmp-cell cmp-header-cell sticky-header\">\n                                    <div class=\"item-image\">\n                      <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Trondheim120-1.webp\" \n                           alt=\"\" \n                           style=\"max-width:100%; height:auto;\" \/>\n                    <\/div>\n                                <div class=\"title\">Svingd\u00f8rer<\/div>\n                <div class=\"subtitle\">Tilpasset design<\/div>\n              <\/div>\n                  <\/div>\n\n        <!-- DATA ROWS -->\n                    <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Modell<\/div>\n                                <div class=\"cmp-cell text-lg\">SSD-R Enkel innfelt<\/div>\n                                <div class=\"cmp-cell text-lg\">SSD-F Enkel flat<\/div>\n                                <div class=\"cmp-cell text-lg\">SDD-S Dobbel<\/div>\n                                <div class=\"cmp-cell text-lg\">SDD-F Dobbel foldbar<\/div>\n                                <div class=\"cmp-cell text-lg\">SSD-2000<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Konfigurasjon<\/div>\n                                <div class=\"cmp-cell text-lg\">Enkel<\/div>\n                                <div class=\"cmp-cell text-lg\">Enkel<\/div>\n                                <div class=\"cmp-cell text-lg\">Dobbel<\/div>\n                                <div class=\"cmp-cell text-lg\">Foldbar<\/div>\n                                <div class=\"cmp-cell text-lg\">Dobbel<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Bredde, mm\u200b<\/div>\n                                <div class=\"cmp-cell text-lg\">750, 1000, 1200<\/div>\n                                <div class=\"cmp-cell text-lg\">750, 1000, 1200<\/div>\n                                <div class=\"cmp-cell text-lg\">1500, 2000<\/div>\n                                <div class=\"cmp-cell text-lg\">1500, 2000<\/div>\n                                <div class=\"cmp-cell text-lg\">2000<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">H\u00f8yde, mm<\/div>\n                                <div class=\"cmp-cell text-lg\">2100, 2300<\/div>\n                                <div class=\"cmp-cell text-lg\">2100, 2300<\/div>\n                                <div class=\"cmp-cell text-lg\">2100, 2300<\/div>\n                                <div class=\"cmp-cell text-lg\">2100, 2300<\/div>\n                                <div class=\"cmp-cell text-lg\">2100, 2300<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Tykkelse, mm<\/div>\n                                <div class=\"cmp-cell text-lg\">42<\/div>\n                                <div class=\"cmp-cell text-lg\">42<\/div>\n                                <div class=\"cmp-cell text-lg\">42<\/div>\n                                <div class=\"cmp-cell text-lg\">42<\/div>\n                                <div class=\"cmp-cell text-lg\">42<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Materiale, mm<\/div>\n                                <div class=\"cmp-cell text-lg\">0,6<\/div>\n                                <div class=\"cmp-cell text-lg\">0,6<\/div>\n                                <div class=\"cmp-cell text-lg\">0,6<\/div>\n                                <div class=\"cmp-cell text-lg\">0,6<\/div>\n                                <div class=\"cmp-cell text-lg\">0,6<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Type<\/div>\n                                <div class=\"cmp-cell text-lg\">Flat<\/div>\n                                <div class=\"cmp-cell text-lg\">Flat<\/div>\n                                <div class=\"cmp-cell text-lg\">Flat \/ innfelt<\/div>\n                                <div class=\"cmp-cell text-lg\">Flat \/ innfelt<\/div>\n                                <div class=\"cmp-cell text-lg\">Flat \/ innfelt<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">L\u00e5stype<\/div>\n                                <div class=\"cmp-cell text-lg\">Manuell \/ elektronisk<\/div>\n                                <div class=\"cmp-cell text-lg\">Manuell \/ elektronisk<\/div>\n                                <div class=\"cmp-cell text-lg\">MaManuell \/ elektronisknual\/Electronic<\/div>\n                                <div class=\"cmp-cell text-lg\">Manuell \/ elektronisk<\/div>\n                                <div class=\"cmp-cell text-lg\">Manuell \/ elektronisk<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Overflate<\/div>\n                                <div class=\"cmp-cell text-lg\">GreenCoat Pular BT<\/div>\n                                <div class=\"cmp-cell text-lg\">GreenCoat Pular BT<\/div>\n                                <div class=\"cmp-cell text-lg\">GreenCoat Pular BT<\/div>\n                                <div class=\"cmp-cell text-lg\">GreenCoat Pular BT<\/div>\n                                <div class=\"cmp-cell text-lg\">GreenCoat Pular BT<\/div>\n                          <\/div>\n                <\/div>\n        <div id=\"cmp-block-2\" class=\"cmp-block cmp-wrap container cmp-hidden\">\n        <!-- HEADER ROW -->\n        <div class=\"cmp-row cmp-header\">\n          <div class=\"cmp-cell cmp-label sticky-col\"><\/div>\n                        <div class=\"cmp-cell cmp-header-cell sticky-header\">\n                                    <div class=\"item-image\">\n                      <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Kampenesmosen-27-Borgenhaugen-20-uten-logo.jpg\" \n                           alt=\"\" \n                           style=\"max-width:100%; height:auto;\" \/>\n                    <\/div>\n                                <div class=\"title\">Opprullbare d\u00f8rer<\/div>\n                <div class=\"subtitle\">Korrugert<\/div>\n              <\/div>\n                        <div class=\"cmp-cell cmp-header-cell sticky-header\">\n                                    <div class=\"item-image\">\n                      <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/10\/Trondheim56.jpg\" \n                           alt=\"\" \n                           style=\"max-width:100%; height:auto;\" \/>\n                    <\/div>\n                                <div class=\"title\">Opprullbare d\u00f8rer<\/div>\n                <div class=\"subtitle\">Flat<\/div>\n              <\/div>\n                        <div class=\"cmp-cell cmp-header-cell sticky-header\">\n                                    <div class=\"item-image\">\n                      <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/10\/Roll-up-doors.jpg\" \n                           alt=\"\" \n                           style=\"max-width:100%; height:auto;\" \/>\n                    <\/div>\n                                <div class=\"title\">Opprullbare d\u00f8rer<\/div>\n                <div class=\"subtitle\">Tilpasset design<\/div>\n              <\/div>\n                  <\/div>\n\n        <!-- DATA ROWS -->\n                    <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Modell<\/div>\n                                <div class=\"cmp-cell text-lg\">RDD \u2013 Korrugert<\/div>\n                                <div class=\"cmp-cell text-lg\">RDD \u2013 Flat<\/div>\n                                <div class=\"cmp-cell text-lg\">Tilpasset \u2013 design og st\u00f8rrelse kan tilpasses<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Bredde, mm\u200b<\/div>\n                                <div class=\"cmp-cell text-lg\">1500, 2000, 2500<\/div>\n                                <div class=\"cmp-cell text-lg\">1500, 2000, 2500<\/div>\n                                <div class=\"cmp-cell text-lg\">Fra 1000-2500<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">H\u00f8yde, mm\u200b<\/div>\n                                <div class=\"cmp-cell text-lg\">2100, 2300<\/div>\n                                <div class=\"cmp-cell text-lg\">2100, 2300<\/div>\n                                <div class=\"cmp-cell text-lg\">Fra 2100-2300<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Materiale, mm<\/div>\n                                <div class=\"cmp-cell text-lg\">0,5<\/div>\n                                <div class=\"cmp-cell text-lg\">0,5<\/div>\n                                <div class=\"cmp-cell text-lg\">0,5<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">L\u00e5stype<\/div>\n                                <div class=\"cmp-cell text-lg\">Manuell \/ elektronisk<\/div>\n                                <div class=\"cmp-cell text-lg\">Manuell \/ elektronisk<\/div>\n                                <div class=\"cmp-cell text-lg\">Manuell \/ elektronisk<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Overflate<\/div>\n                                <div class=\"cmp-cell text-lg\">Green Coat \u2013 Pular BT<\/div>\n                                <div class=\"cmp-cell text-lg\">Green Coat \u2013 Pular BT<\/div>\n                                <div class=\"cmp-cell text-lg\">Green Coat \u2013 Pular BT<\/div>\n                          <\/div>\n                <\/div>\n  \n<!-- Toggle Button for Mobile (if needed; controlled by comparison-block.js) -->\n<div class=\"toggle-container mb-12\">\n  <a href=\"#\" id=\"toggle-details\" class=\"button-accent hover-black\">Vis detaljer<\/a>\n<\/div>\n\n<style>\n  \/* Your existing CSS remains intact *\/\n  .cmp-row {\n    display: flex;\n  }\n  .cmp-row:last-child {\n    border-bottom: none;\n  }\n  .cmp-cell {\n    padding: 7px 12px;\n    white-space: nowrap;\n    text-align: center;\n    box-sizing: border-box;\n  }\n  .cmp-label {\n    flex: 0 0 250px;\n    text-align: left;\n    font-weight: 600;\n    background: #fff;\n  }\n  .cmp-cell:not(.cmp-label) {\n    flex: 0 0 calc((92vw - 250px) \/ 3);\n  }\n  .cmp-row > .cmp-cell:not(.cmp-label):nth-child(odd) {\n    background-color: #fff;\n    border-bottom: 1px solid #eee;\n  }\n  .cmp-row > .cmp-cell:not(.cmp-label):nth-child(even) {\n    background-color: #f9f9f9;\n    border-bottom: 1px solid #eee;\n  }\n  .sticky-header {\n    position: sticky;\n    top: 0;\n    z-index: 3;\n    background: #fafafa;\n  }\n  .sticky-col {\n    position: sticky;\n    left: 0;\n    z-index: 2;\n    background: #fff;\n    border-bottom: 1px solid #eee;\n  }\n  .cmp-header .sticky-col {\n    z-index: 4;\n  }\n  .title {\n    font-weight: 600;\n  }\n  .subtitle {\n    font-size: 0.9em;\n    color: #666;\n    margin-top: 0.25em;\n  }\n  .item-image {\n    height: 300px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n  }\n  .item-image img {\n    max-height: 100%;\n    max-width: 100%;\n    width: auto;\n    height: auto;\n    object-fit: contain;\n  }\n  \/* The following rules are used by comparison-block.js to toggle meta data *\/\n  .cmp-wrap.hide-values .cmp-row:not(.cmp-header) {\n    display: none;\n  }\n  .cmp-wrap.hide-values .sticky-col {\n    visibility: hidden;\n  }\n  .cmp-wrap.hide-values .cmp-header {\n    border-bottom: none;\n  }\n  \n  \/* Extra CSS for tab filtering using our separate class *\/\n  .cmp-hidden {\n    display: none;\n  }\n  .cmp-filter-tabs button {\n    padding: 8px 16px;\n    margin: 0 4px;\n    background: #eee;\n    border-radius: 4px;\n    border: none;\n    cursor: pointer;\n    font-size: 1rem;\n    transition: background 0.3s;\n  }\n  .cmp-filter-tabs button.active,\n  .cmp-filter-tabs button:hover {\n    background: #CBE800;\n    color: #000;\n  }\n  \n  .toggle-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-top: 30px;\n  }\n  .cmp-wrap {\n    width: 92%;\n    margin: 0 auto;\n    max-width: 1920px !important;\n    padding: 0 !important;\n    overflow-x: auto;\n    scroll-behavior: smooth;\n  }\n\n  @media (max-width: 767px) {\n  .cmp-wrap {\n    width: 100%;\n    overflow-x: auto;\n    \/* Reduce overall table scale *\/\n    font-size: 0.8em; \/* Adjust as needed *\/\n    padding: 0 5px;\n  }\n  \n  \/* Adjust the label column width *\/\n  .cmp-label {\n    flex: 0 0 150px; \/* Reduced from 250px *\/\n  }\n  \n  \/* Adjust the other columns relative to available width *\/\n  .cmp-cell:not(.cmp-label) {\n    flex: 0 0 228px;\n    \/* Subtract extra px for padding\/margin if needed *\/\n  }\n  \n  \/* Optionally reduce cell padding *\/\n  .cmp-cell {\n    padding: 5px 8px;\n    font-size: 12px; \/* Slightly smaller font size *\/\n  }\n  \n  \/* Keep rows in a flex layout *\/\n  .cmp-row {\n    display: flex;\n    width: fit-content;\n    \/* You may want to allow wrapping if content is too long *\/\n    flex-wrap: nowrap;\n  }\n}\n<\/style>\n\n<script>\n  document.addEventListener('DOMContentLoaded', function () {\n    \/\/ Filtering Tabs Functionality using the cmp-hidden class\n    const tabs = document.querySelectorAll('.cmp-filter-tabs .cmp-tab');\n    const blocks = document.querySelectorAll('.cmp-block');\n    tabs.forEach(tab => {\n      tab.addEventListener('click', function () {\n        \/\/ Remove active state from all tabs\n        tabs.forEach(t => t.classList.remove('active'));\n        \/\/ Add active state to the clicked tab\n        this.classList.add('active');\n        const target = this.getAttribute('data-target');\n        \/\/ Hide all blocks using cmp-hidden and show only the target block\n        blocks.forEach(block => {\n          if (block.id === target) {\n            block.classList.remove('cmp-hidden');\n          } else {\n            block.classList.add('cmp-hidden');\n          }\n        });\n        \n        \/\/ Reset the details state for the newly active block:\n        \/\/ Ensure meta data (detail rows) are hidden by adding \"hide-values\"\n        const activeBlock = document.querySelector(`#${target}`);\n        if (activeBlock) {\n          activeBlock.classList.add('hide-values');\n        }\n        \n        \/\/ Also reset the toggle button text to \"Show details\"\n        \/\/ (Adjust this text if you support multiple languages)\n        const toggleButton = document.querySelector('#toggle-details');\n        if (toggleButton) {\n          toggleButton.textContent = 'Show details';\n        }\n      });\n    });\n  });\n<\/script>\n\n\n<section\r\n    id=\"farger\"\r\n    class=\"door-colors-grid-block background-grey\">\r\n    <div class=\"container\">\r\n        <div class=\"door-colors-grid-block__inner\">\r\n            <div class=\"door-colors-grid-block__grid\" role=\"list\">\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #b8c4ca;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Aluzinc<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL9006<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #b1aaa0;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Agate Grey<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL7038<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #939387;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Stone Grey<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL7030<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #353c40;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Mountain Grey<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL7016<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #0a0a0a;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Nordic Light Black<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL9005<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #faca00;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Aztec Yellow<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL1018<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #ff7f00;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Tangerine Orange<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL2000<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #ffa000;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Pure Orange<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL2004<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #cc0000;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Poppy Red<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL3020<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #dc0021;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Patriot Red<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL3000<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #4d9b27;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Linden Green<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL6018<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #007778;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Ocean Blue<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL5021<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #007eb6;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Solent Blue<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL5015<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #0038fd;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Ultramarine Blue<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL5002<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #003980;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">Navy Blue<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL5003<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <div class=\"door-colors-grid-block__item\" role=\"listitem\">\r\n                        <div class=\"door-colors-grid-block__swatch\" aria-hidden=\"true\">\r\n                            <span\r\n                                class=\"door-colors-grid-block__swatch-color\"\r\n                                style=\"background-color: #ffffff;\"><\/span>\r\n                        <\/div>\r\n                        <div class=\"door-colors-grid-block__meta\">\r\n                            <p class=\"door-colors-grid-block__name\">White<\/p>\r\n                                                            <p class=\"door-colors-grid-block__ral\">RAL9016<\/p>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                            <\/div>\r\n\r\n            <div class=\"door-colors-grid-block__content\">\r\n                                    <h2 class=\"door-colors-grid-block__heading\">Premiumd\u00f8rer med b\u00e6rekraftig overflatebehandling av h\u00f8y kvalitet<\/h2>\r\n                \r\n                                    <a\r\n                        class=\"door-colors-grid-block__button button-accent hover-black\"\r\n                        href=\"\/configurator\"\r\n                        target=\"_self\">\r\n                        <span>Tilpass ditt prosjekt<\/span>\r\n                        <svg class=\"door-colors-grid-block__button-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\">\r\n                            <path d=\"M4.75 10H15.25\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                            <path d=\"M10 4.75L15.25 10L10 15.25\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/a>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n","protected":false},"excerpt":{"rendered":"<p>Effektiv, skalerbar og plassoptimalisert.<\/p>\n","protected":false},"author":1,"featured_media":2986,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4286","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/s4snordic.com\/no\/wp-json\/wp\/v2\/pages\/4286","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/s4snordic.com\/no\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/s4snordic.com\/no\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/s4snordic.com\/no\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/s4snordic.com\/no\/wp-json\/wp\/v2\/comments?post=4286"}],"version-history":[{"count":11,"href":"https:\/\/s4snordic.com\/no\/wp-json\/wp\/v2\/pages\/4286\/revisions"}],"predecessor-version":[{"id":13404,"href":"https:\/\/s4snordic.com\/no\/wp-json\/wp\/v2\/pages\/4286\/revisions\/13404"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/s4snordic.com\/no\/wp-json\/wp\/v2\/media\/2986"}],"wp:attachment":[{"href":"https:\/\/s4snordic.com\/no\/wp-json\/wp\/v2\/media?parent=4286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}