{"id":31656,"date":"2026-03-18T11:32:55","date_gmt":"2026-03-18T10:32:55","guid":{"rendered":"https:\/\/www.ds-staalprofil.com\/?page_id=1804"},"modified":"2026-11-09T15:25:11","modified_gmt":"2026-11-09T14:25:11","slug":"products","status":"publish","type":"page","link":"https:\/\/www.ds-staalprofil.com\/en-gb\/products\/","title":{"rendered":"Products"},"content":{"rendered":"<section class=\"hero-section-cta overflow-hidden content-end bg-bg-border border-b border-b-bg-border-3 pt-15 xl:pt-30 pb-8 xl:pb-15 max-xl:px-4\">\n\t<div class=\"container mx-auto flex flex-col\">\n\t\t<div class=\"flex flex-col lg:flex-row gap-2 md:gap-10 lg:gap-8 justify-between\">\n\t\t\t\t\t\t\t<div class=\"flex flex-col md:flex-row w-full justify-between max-lg:gap-8\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<h1 class=\"headline text-title text-2xl xl:text-28 leading-[120%] font-light max-w-150 md:text-balance\">All products<\/h1>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n<\/section>\n<div class=\"breadcrumbs-section my-5 max-xl:px-4 relative\">\n    <div class=\"container mx-auto\">\n            <nav aria-label=\"Breadcrumbs\">\n        <ol class=\"whitespace-nowrap overflow-hidden text-ellipsis pb-1\">\n            <li class=\"inline\">\n                <a href=\"https:\/\/www.ds-staalprofil.com\/en-gb\/\" class=\"ms-[2px] focus:outline outline-focus\">\n                    <svg class=\"inline relative -top-[2px]\" width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M7.99992 4.62668L11.3333 7.62668V12.8333H9.99992V8.83334H5.99992V12.8333H4.66659V7.62668L7.99992 4.62668ZM7.99992 2.83334L1.33325 8.83334H3.33325V14.1667H7.33325V10.1667H8.66659V14.1667H12.6666V8.83334H14.6666L7.99992 2.83334Z\" fill=\"#525252\"\/>\n                    <\/svg>\n                <\/a>\n            <\/li>\n                                        <li class=\"inline before:content-['|'] before:text-bg-border-3 before:text-[11px] before:px-2 before-px-1-5-mobile before:relative before:-top-[2px]\">\n                    <p class=\"inline text-subtle text-sm leading-[150%]\">Products<\/p>\n                <\/li>\n                    <\/ol>\n    <\/nav>\n    <\/div>\n    <div class=\"bg-[linear-gradient(270deg,_#FFF_-3.57%,_rgba(255,255,255,0)_100%)] absolute right-0 -top-5 w-15 h-[calc(100%+40px)] md:hidden\"><\/div>\n<\/div><div class=\"product-overview-section my-0 lg:mb-1 xl:mt-15 max-xl:px-4\">\n    <div class=\"container mx-auto min-h-100 flex flex-col lg:flex-row gap-0 lg:gap-8 xl:gap-10\">\n        <aside class=\"lg:w-1\/3 w-full lg:sticky top-50 self-start lg:z-0\">\n                                <div class=\"filters-container w-full fixed z-12 lg:relative left-0 bg-white py-15 lg:py-0 rounded-t-2xl lg:rounded-none transition-[bottom] animation\">\n        <button class=\"close-btn lg:hidden absolute top-4 right-4\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z\" fill=\"#737373\"\/>\n            <\/svg>\n        <\/button>\n        <p class=\"lg:hidden text-title text-xs font-light px-5\">Filtrer produkter<\/p>\n        <div class=\"accordion-section lg:h-auto px-5 lg:px-0 pt-4.5 lg:pt-0 max-lg:max-h-80 max-lg:overflow-y-auto\">\n            <div class=\"relative pb-5 mb-5 border-b border-b-bg-border-3\">\n                <button class=\"size-[22px] absolute top-3 xl:top-6 left-3 xl:left-5 rounded-xs focus:outline focus:outline-primary\">\n                    <svg width=\"22\" height=\"23\" viewBox=\"0 0 22 23\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M14.442 13.5671H13.7178L13.4611 13.3196C14.3595 12.2746 14.9003 10.9179 14.9003 9.44208C14.9003 6.15125 12.2328 3.48375 8.94198 3.48375C5.65114 3.48375 2.98364 6.15125 2.98364 9.44208C2.98364 12.7329 5.65114 15.4004 8.94198 15.4004C10.4178 15.4004 11.7745 14.8596 12.8195 13.9613L13.067 14.2179V14.9421L17.6503 19.5163L19.0161 18.1504L14.442 13.5671ZM8.94198 13.5671C6.65948 13.5671 4.81698 11.7246 4.81698 9.44208C4.81698 7.15958 6.65948 5.31708 8.94198 5.31708C11.2245 5.31708 13.067 7.15958 13.067 9.44208C13.067 11.7246 11.2245 13.5671 8.94198 13.5671Z\" fill=\"#878787\"\/>\n                    <\/svg>\n                <\/button>\n                <input type=\"search\" class=\"filter-search w-full p-3 xl:p-5 ps-10 xl:ps-12 text-subtle text-sm lg:text-base xl:text-lg leading-[150%] font-light border border-bg-border-3 hover:border-primary rounded-md focus:outline outline-focus\" placeholder=\"S\u00f8g\" name=\"filter-search\" \/>\n            <\/div>\n            <div class=\"flex flex-col items-center mb-10 lg:mb-5 xl:mb-10\">\n                <div class=\"accordion-items w-full flex flex-col gap-5\">\n                                            <div class=\"accordion-item group flex flex-col bg-white border border-bg-border-3 hover:border-primary focus-within:outline focus-within:outline-focus focus-within:border-transparent cursor-pointer\">\n                            <button type=\"button\"\n                                aria-expanded=\"false\"\n                                class=\"accordion-trigger section-header flex justify-between items-stretch gap-2 p-3 xl:p-5 outline-none cursor-pointer\"\n                                aria-controls=\"sect807196668\"\n                                id=\"accordion807196668id\">\n                                <h3 class=\"text-title text-sm lg:text-base xl:text-lg leading-[150%] font-light\">\n                                    Materialevalg                                <\/h3>\n                                <div class=\"flex items-center\">\n                                    <div class=\"accordion-icon w-4.5 xl:w-6 h-4.5 xl:h-6 rotate-0 transition-transform outline-none bg-[url(..\/img\/icon-plus.svg)] bg-cover\"><\/div>\n                                <\/div>\n                            <\/button>\n                            <div id=\"sect807196668\" \n                                role=\"region\"\n                                aria-labelledby=\"accordion807196668id\"\n                                class=\"section-body relative overflow-hidden transition-[max-height] max-h-0 animation\">\n                                                                    <div class=\"section-body-text flex flex-wrap gap-3 p-3 xl:p-5 xl:ps-[23px] lg:pb-[23px] hidden\">\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-surface-coating-1734\"\n                                                    name=\"category-surface-coating-1734\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='surface-coating'\n                                                    data-taxonomy-id='1734'>\n                                                <label for=\"category-surface-coating-1734\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">Aluzinc AZ 185+<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-surface-coating-1739\"\n                                                    name=\"category-surface-coating-1739\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='surface-coating'\n                                                    data-taxonomy-id='1739'>\n                                                <label for=\"category-surface-coating-1739\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">Copper<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-surface-coating-1735\"\n                                                    name=\"category-surface-coating-1735\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='surface-coating'\n                                                    data-taxonomy-id='1735'>\n                                                <label for=\"category-surface-coating-1735\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">COR-TEN\u00ae<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-surface-coating-1736\"\n                                                    name=\"category-surface-coating-1736\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='surface-coating'\n                                                    data-taxonomy-id='1736'>\n                                                <label for=\"category-surface-coating-1736\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">GreenCoat\u00ae Pro BT Matt steel<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-surface-coating-1738\"\n                                                    name=\"category-surface-coating-1738\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='surface-coating'\n                                                    data-taxonomy-id='1738'>\n                                                <label for=\"category-surface-coating-1738\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">GreenCoat\u00ae Pural BT Matt steel<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-surface-coating-1737\"\n                                                    name=\"category-surface-coating-1737\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='surface-coating'\n                                                    data-taxonomy-id='1737'>\n                                                <label for=\"category-surface-coating-1737\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">GreenCoat\u00ae Pural BT steel<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-surface-coating-1742\"\n                                                    name=\"category-surface-coating-1742\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='surface-coating'\n                                                    data-taxonomy-id='1742'>\n                                                <label for=\"category-surface-coating-1742\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">Polyester<\/label>\n                                            <\/div>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n                                            <div class=\"accordion-item group flex flex-col bg-white border border-bg-border-3 hover:border-primary focus-within:outline focus-within:outline-focus focus-within:border-transparent cursor-pointer\">\n                            <button type=\"button\"\n                                aria-expanded=\"false\"\n                                class=\"accordion-trigger section-header flex justify-between items-stretch gap-2 p-3 xl:p-5 outline-none cursor-pointer\"\n                                aria-controls=\"sect2177056011\"\n                                id=\"accordion2177056011id\">\n                                <h3 class=\"text-title text-sm lg:text-base xl:text-lg leading-[150%] font-light\">\n                                    Farve                                <\/h3>\n                                <div class=\"flex items-center\">\n                                    <div class=\"accordion-icon w-4.5 xl:w-6 h-4.5 xl:h-6 rotate-0 transition-transform outline-none bg-[url(..\/img\/icon-plus.svg)] bg-cover\"><\/div>\n                                <\/div>\n                            <\/button>\n                            <div id=\"sect2177056011\" \n                                role=\"region\"\n                                aria-labelledby=\"accordion2177056011id\"\n                                class=\"section-body relative overflow-hidden transition-[max-height] max-h-0 animation\">\n                                                                    <div class=\"section-body-text flex flex-wrap gap-3 p-3 xl:p-5 xl:ps-[23px] lg:pb-[23px] hidden\">\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-color-1725\"\n                                                    name=\"category-color-1725\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='color'\n                                                    data-taxonomy-id='1725'>\n                                                <label for=\"category-color-1725\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">Anthracite<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-color-1733\"\n                                                    name=\"category-color-1733\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='color'\n                                                    data-taxonomy-id='1733'>\n                                                <label for=\"category-color-1733\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">Black<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-color-1752\"\n                                                    name=\"category-color-1752\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='color'\n                                                    data-taxonomy-id='1752'>\n                                                <label for=\"category-color-1752\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">COR-TEN\u00ae<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-color-1756\"\n                                                    name=\"category-color-1756\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='color'\n                                                    data-taxonomy-id='1756'>\n                                                <label for=\"category-color-1756\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">Dark green<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-color-1761\"\n                                                    name=\"category-color-1761\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='color'\n                                                    data-taxonomy-id='1761'>\n                                                <label for=\"category-color-1761\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">Dark red<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-color-1726\"\n                                                    name=\"category-color-1726\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='color'\n                                                    data-taxonomy-id='1726'>\n                                                <label for=\"category-color-1726\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">Dark silver<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-color-1753\"\n                                                    name=\"category-color-1753\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='color'\n                                                    data-taxonomy-id='1753'>\n                                                <label for=\"category-color-1753\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">Grey-white<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-color-1728\"\n                                                    name=\"category-color-1728\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='color'\n                                                    data-taxonomy-id='1728'>\n                                                <label for=\"category-color-1728\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">Hazelnut brown<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-color-1760\"\n                                                    name=\"category-color-1760\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='color'\n                                                    data-taxonomy-id='1760'>\n                                                <label for=\"category-color-1760\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">Leaf Green<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-color-1755\"\n                                                    name=\"category-color-1755\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='color'\n                                                    data-taxonomy-id='1755'>\n                                                <label for=\"category-color-1755\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">Light grey<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-color-1727\"\n                                                    name=\"category-color-1727\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='color'\n                                                    data-taxonomy-id='1727'>\n                                                <label for=\"category-color-1727\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">Moss green<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-color-1730\"\n                                                    name=\"category-color-1730\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='color'\n                                                    data-taxonomy-id='1730'>\n                                                <label for=\"category-color-1730\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">Red<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-color-1731\"\n                                                    name=\"category-color-1731\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='color'\n                                                    data-taxonomy-id='1731'>\n                                                <label for=\"category-color-1731\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">Reddish brown<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-color-1729\"\n                                                    name=\"category-color-1729\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='color'\n                                                    data-taxonomy-id='1729'>\n                                                <label for=\"category-color-1729\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">Reseda green<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-color-1732\"\n                                                    name=\"category-color-1732\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='color'\n                                                    data-taxonomy-id='1732'>\n                                                <label for=\"category-color-1732\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">Silver<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-color-1757\"\n                                                    name=\"category-color-1757\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='color'\n                                                    data-taxonomy-id='1757'>\n                                                <label for=\"category-color-1757\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">Tile red<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-color-1754\"\n                                                    name=\"category-color-1754\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='color'\n                                                    data-taxonomy-id='1754'>\n                                                <label for=\"category-color-1754\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">White<\/label>\n                                            <\/div>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n                                            <div class=\"accordion-item group flex flex-col bg-white border border-bg-border-3 hover:border-primary focus-within:outline focus-within:outline-focus focus-within:border-transparent cursor-pointer\">\n                            <button type=\"button\"\n                                aria-expanded=\"false\"\n                                class=\"accordion-trigger section-header flex justify-between items-stretch gap-2 p-3 xl:p-5 outline-none cursor-pointer\"\n                                aria-controls=\"sect3150283342\"\n                                id=\"accordion3150283342id\">\n                                <h3 class=\"text-title text-sm lg:text-base xl:text-lg leading-[150%] font-light\">\n                                    Profiltype                                <\/h3>\n                                <div class=\"flex items-center\">\n                                    <div class=\"accordion-icon w-4.5 xl:w-6 h-4.5 xl:h-6 rotate-0 transition-transform outline-none bg-[url(..\/img\/icon-plus.svg)] bg-cover\"><\/div>\n                                <\/div>\n                            <\/button>\n                            <div id=\"sect3150283342\" \n                                role=\"region\"\n                                aria-labelledby=\"accordion3150283342id\"\n                                class=\"section-body relative overflow-hidden transition-[max-height] max-h-0 animation\">\n                                                                    <div class=\"section-body-text flex flex-wrap gap-3 p-3 xl:p-5 xl:ps-[23px] lg:pb-[23px] hidden\">\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-profile-type-229\"\n                                                    name=\"category-profile-type-229\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='profile-type'\n                                                    data-taxonomy-id='229'>\n                                                <label for=\"category-profile-type-229\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">1050<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-profile-type-230\"\n                                                    name=\"category-profile-type-230\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='profile-type'\n                                                    data-taxonomy-id='230'>\n                                                <label for=\"category-profile-type-230\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">1070<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-profile-type-223\"\n                                                    name=\"category-profile-type-223\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='profile-type'\n                                                    data-taxonomy-id='223'>\n                                                <label for=\"category-profile-type-223\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">18-75<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-profile-type-222\"\n                                                    name=\"category-profile-type-222\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='profile-type'\n                                                    data-taxonomy-id='222'>\n                                                <label for=\"category-profile-type-222\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">20-115<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-profile-type-225\"\n                                                    name=\"category-profile-type-225\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='profile-type'\n                                                    data-taxonomy-id='225'>\n                                                <label for=\"category-profile-type-225\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">22-270<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-profile-type-221\"\n                                                    name=\"category-profile-type-221\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='profile-type'\n                                                    data-taxonomy-id='221'>\n                                                <label for=\"category-profile-type-221\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">25-275R<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-profile-type-197\"\n                                                    name=\"category-profile-type-197\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='profile-type'\n                                                    data-taxonomy-id='197'>\n                                                <label for=\"category-profile-type-197\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">275<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-profile-type-224\"\n                                                    name=\"category-profile-type-224\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='profile-type'\n                                                    data-taxonomy-id='224'>\n                                                <label for=\"category-profile-type-224\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">35-143<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-profile-type-220\"\n                                                    name=\"category-profile-type-220\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='profile-type'\n                                                    data-taxonomy-id='220'>\n                                                <label for=\"category-profile-type-220\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">35-190<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-profile-type-219\"\n                                                    name=\"category-profile-type-219\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='profile-type'\n                                                    data-taxonomy-id='219'>\n                                                <label for=\"category-profile-type-219\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">35-206<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-profile-type-226\"\n                                                    name=\"category-profile-type-226\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='profile-type'\n                                                    data-taxonomy-id='226'>\n                                                <label for=\"category-profile-type-226\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">350<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-profile-type-227\"\n                                                    name=\"category-profile-type-227\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='profile-type'\n                                                    data-taxonomy-id='227'>\n                                                <label for=\"category-profile-type-227\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">400<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-profile-type-218\"\n                                                    name=\"category-profile-type-218\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='profile-type'\n                                                    data-taxonomy-id='218'>\n                                                <label for=\"category-profile-type-218\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">45-333 S<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-profile-type-228\"\n                                                    name=\"category-profile-type-228\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='profile-type'\n                                                    data-taxonomy-id='228'>\n                                                <label for=\"category-profile-type-228\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">460<\/label>\n                                            <\/div>\n                                                                                    <div>\n                                                <input type=\"checkbox\" \n                                                    id=\"category-profile-type-215\"\n                                                    name=\"category-profile-type-215\"\n                                                    class=\"category sr-only peer\" \n                                                    data-taxonomy='profile-type'\n                                                    data-taxonomy-id='215'>\n                                                <label for=\"category-profile-type-215\" class=\"inline-flex text-xs text-title leading-[150%] font-light p-2 bg-bg-border border border-bg-border transition-colors animation hover:border-primary peer-checked:bg-primary peer-checked:border-primary peer-checked:text-title-invert peer-checked:hover:bg-primary-hover peer-checked:hover:border-primary-hover peer-focus-visible:outline peer-focus-visible:outline-focus rounded-[5px] cursor-pointer\">475<\/label>\n                                            <\/div>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n                <!-- For mobile -->\n    <div class=\"flex lg:hidden flex-row gap-6 items-center text-base pt-5 px-5 border-t border-bg-border-3\">\n        <button class=\"add-filters w-full py-4.5 px-6.5 rounded-md bg-primary text-white border border border-primary enabled:hover:bg-primary-hover enabled:hover:text-white enabled:focus:outline enabled:focus:outline-focus enabled:focus:bg-primary-hover enabled:focus:text-white disabled:opacity-50 cursor-pointer\">\n            Tilf\u00f8j filtre        <\/button>\n        <button type=\"reset\" class=\"reset-filters w-full py-4.5 px-6.5 rounded-md text-black border border border-primary enabled:hover:bg-primary enabled:hover:text-white enabled:focus:outline enabled:focus:outline-focus enabled:focus:bg-primary enabled:focus:text-white disabled:opacity-50 cursor-pointer\">\n            Ryd filtre        <\/button>\n    <\/div>\n    <!-- For desktop -->\n    <div class=\"hidden lg:flex flex-row gap-2 items-center text-base\">\n        <p class=\"text-title after:content-['|'] after:text-primary after:ms-2\"><span class=\"filter-count\">0<\/span> Aktive filtre<\/p>\n        <button type=\"reset\" class=\"reset-filters group py-[10px] ps-4 pe-3 rounded-[99px] bg-bg-border-2 enabled:hover:bg-primary enabled:hover:text-white enabled:focus:outline enabled:focus:outline-focus enabled:focus:bg-bg-border-2 enabled:focus:text-title flex flex-row gap-[6px] items-center disabled:opacity-50 cursor-pointer\">\n            Ryd filtre            <div class=\"w-[14px] h-[14px]\">\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path class=\"enabled:group-hover:fill-white\" d=\"M11.0827 3.73913L10.2602 2.91663L6.99935 6.17746L3.73852 2.91663L2.91602 3.73913L6.17685 6.99996L2.91602 10.2608L3.73852 11.0833L6.99935 7.82246L10.2602 11.0833L11.0827 10.2608L7.82185 6.99996L11.0827 3.73913Z\" fill=\"#0A0A0A\"\/>\n                <\/svg>\n            <\/div>\n        <\/button>\n    <\/div>\n    <\/div>\n                    <\/aside>\n\n        <div class=\"lg:w-2\/3 w-full\">\n                <div class=\"flex lg:hidden justify-between items-center pb-6\">\n        <button class=\"open-filter group py-[10px] ps-4 pe-3 rounded-[99px] bg-bg-border-2 enabled:hover:bg-primary enabled:hover:text-white enabled:focus:outline enabled:focus:outline-focus enabled:focus:bg-bg-border-2 enabled:focus:text-title flex flex-row gap-[6px] items-center disabled:opacity-50 cursor-pointer\">\n            Filtrer &#038; s\u00f8g            <div class=\"w-[14px] h-[14px]\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\n                    <path class=\"group-hover:fill-white\" d=\"M5.83333 10.5H8.16667V9.33333H5.83333V10.5ZM1.75 3.5V4.66667H12.25V3.5H1.75ZM3.5 7.58333H10.5V6.41667H3.5V7.58333Z\" fill=\"#0A0A0A\"\/>\n                <\/svg>\n            <\/div>\n        <\/button>\n        <p class=\"text-title text-xs lg:text-base\"><span class=\"filter-count\">0<\/span> Aktive filtre<\/p>\n            <\/div>\n            <div class=\"product-list grid grid-cols-2 gap-4 lg:gap-8 xl:gap-10\">\n                                    <article class=\"product-grid-item relative\">\n                        <a href=\"https:\/\/www.ds-staalprofil.com\/en-gb\/products\/nordic-click-seam\/nordic-klikfals-275\/\" class=\"group block outline-none\">\n\t\t\t\t\t\t\t<div class=\"image-wrapper overflow-hidden mb-2 aspect-[3\/2] lg:mb-4 xl:mb-8 relative max-lg:-z-1\">\n                                \t\t\t\t\t\t\t\t    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"498\" src=\"https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/nordic-klikfals-275-thumb-ral-7016-antracit.webp\" class=\"w-full h-full object-cover scale-100 group-hover:scale-[1.05] group-focus:scale-[1.05] transition-[scale] animation\" alt=\"\" srcset=\"https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/nordic-klikfals-275-thumb-ral-7016-antracit.webp 768w, https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/nordic-klikfals-275-thumb-ral-7016-antracit-300x195.webp 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                                                                            <\/div>\n                                                            <p class=\"text-title lg:text-subtle text-sm leading-[150%] font-light mb-1 lg:mb-4\">Nordic Klikfals<\/p>\n                                                        <h3 class=\"text-title text-base lg:text-xl xl:text-2xl leading-[150%] lg:leading-[120%] font-light mb-2 lg:mb-4 me-13 xl:me-16\">Nordic Klikfals 275<\/h3>\n                            <div class=\"lg:flex lg:justify-between\">\n                                                                    <p class=\"hidden lg:block text-title text-base leading-[150%] xl:leading-[170%] font-light text-balance me-13 xl:me-16\">Nordic Klikfals 275 has a slim, stylish appearance that gives roofs and fa\u00e7ades a calm, precise finish without visible screws.<\/p>\n                                                                <div class=\"size-7 xl:size-10 py-[1px] lg:self-end\">\n                                    <div class=\"size-5 xl:size-8 bg-[url(..\/img\/icon-arrow-outward-orange.svg)] bg-cover mt-[6px] me-[6px] mb-0 ms-0 group-hover:mt-0 group-hover:me-0 group-hover:mb-[6px] group-hover:ms-[6px] transition-[margin] animation\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                    <\/article>\n                                    <article class=\"product-grid-item relative\">\n                        <a href=\"https:\/\/www.ds-staalprofil.com\/en-gb\/products\/nordic-click-seam\/nordic-klikfals-275-with-design-grooves\/\" class=\"group block outline-none\">\n\t\t\t\t\t\t\t<div class=\"image-wrapper overflow-hidden mb-2 aspect-[3\/2] lg:mb-4 xl:mb-8 relative max-lg:-z-1\">\n                                \t\t\t\t\t\t\t\t    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"498\" src=\"https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/nordic-klikfals-275-designspor-thumb-ral-7016-antracit.webp\" class=\"w-full h-full object-cover scale-100 group-hover:scale-[1.05] group-focus:scale-[1.05] transition-[scale] animation\" alt=\"\" srcset=\"https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/nordic-klikfals-275-designspor-thumb-ral-7016-antracit.webp 768w, https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/nordic-klikfals-275-designspor-thumb-ral-7016-antracit-300x195.webp 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                                                                            <\/div>\n                                                            <p class=\"text-title lg:text-subtle text-sm leading-[150%] font-light mb-1 lg:mb-4\">Nordic Klikfals<\/p>\n                                                        <h3 class=\"text-title text-base lg:text-xl xl:text-2xl leading-[150%] lg:leading-[120%] font-light mb-2 lg:mb-4 me-13 xl:me-16\">Nordic Klikfals 275 with design grooves<\/h3>\n                            <div class=\"lg:flex lg:justify-between\">\n                                                                    <p class=\"hidden lg:block text-title text-base leading-[150%] xl:leading-[170%] font-light text-balance me-13 xl:me-16\">Nordic Klikfals 275 with design grooves features narrow grooves between the profile peaks, giving the profile a more distinctive appearance.<\/p>\n                                                                <div class=\"size-7 xl:size-10 py-[1px] lg:self-end\">\n                                    <div class=\"size-5 xl:size-8 bg-[url(..\/img\/icon-arrow-outward-orange.svg)] bg-cover mt-[6px] me-[6px] mb-0 ms-0 group-hover:mt-0 group-hover:me-0 group-hover:mb-[6px] group-hover:ms-[6px] transition-[margin] animation\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                    <\/article>\n                                    <article class=\"product-grid-item relative\">\n                        <a href=\"https:\/\/www.ds-staalprofil.com\/en-gb\/products\/nordic-click-seam\/nordic-click-seam-475\/\" class=\"group block outline-none\">\n\t\t\t\t\t\t\t<div class=\"image-wrapper overflow-hidden mb-2 aspect-[3\/2] lg:mb-4 xl:mb-8 relative max-lg:-z-1\">\n                                \t\t\t\t\t\t\t\t    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"498\" src=\"https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/nordic-klikfals-475-thumb-ral-7016-antracit.webp\" class=\"w-full h-full object-cover scale-100 group-hover:scale-[1.05] group-focus:scale-[1.05] transition-[scale] animation\" alt=\"\" srcset=\"https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/nordic-klikfals-475-thumb-ral-7016-antracit.webp 768w, https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/nordic-klikfals-475-thumb-ral-7016-antracit-300x195.webp 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                                                                            <\/div>\n                                                            <p class=\"text-title lg:text-subtle text-sm leading-[150%] font-light mb-1 lg:mb-4\">Nordic Klikfals<\/p>\n                                                        <h3 class=\"text-title text-base lg:text-xl xl:text-2xl leading-[150%] lg:leading-[120%] font-light mb-2 lg:mb-4 me-13 xl:me-16\">Nordic Click Seam 475<\/h3>\n                            <div class=\"lg:flex lg:justify-between\">\n                                                                    <p class=\"hidden lg:block text-title text-base leading-[150%] xl:leading-[170%] font-light text-balance me-13 xl:me-16\">Nordic Click Seam 475 has a slim, stylish appearance, giving roofs and fa\u00e7ades a calm, precise finish without visible screws.<\/p>\n                                                                <div class=\"size-7 xl:size-10 py-[1px] lg:self-end\">\n                                    <div class=\"size-5 xl:size-8 bg-[url(..\/img\/icon-arrow-outward-orange.svg)] bg-cover mt-[6px] me-[6px] mb-0 ms-0 group-hover:mt-0 group-hover:me-0 group-hover:mb-[6px] group-hover:ms-[6px] transition-[margin] animation\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                    <\/article>\n                                    <article class=\"product-grid-item relative\">\n                        <a href=\"https:\/\/www.ds-staalprofil.com\/en-gb\/products\/nordic-click-seam\/nordic-click-seam-475-with-design-grooves\/\" class=\"group block outline-none\">\n\t\t\t\t\t\t\t<div class=\"image-wrapper overflow-hidden mb-2 aspect-[3\/2] lg:mb-4 xl:mb-8 relative max-lg:-z-1\">\n                                \t\t\t\t\t\t\t\t    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"498\" src=\"https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/nordic-klikfals-475-designspor-thumb-ral-7016-antracit-2.webp\" class=\"w-full h-full object-cover scale-100 group-hover:scale-[1.05] group-focus:scale-[1.05] transition-[scale] animation\" alt=\"\" srcset=\"https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/nordic-klikfals-475-designspor-thumb-ral-7016-antracit-2.webp 768w, https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/nordic-klikfals-475-designspor-thumb-ral-7016-antracit-2-300x195.webp 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                                                                            <\/div>\n                                                            <p class=\"text-title lg:text-subtle text-sm leading-[150%] font-light mb-1 lg:mb-4\">Nordic Klikfals<\/p>\n                                                        <h3 class=\"text-title text-base lg:text-xl xl:text-2xl leading-[150%] lg:leading-[120%] font-light mb-2 lg:mb-4 me-13 xl:me-16\">Nordic Click Seam 475 with design grooves<\/h3>\n                            <div class=\"lg:flex lg:justify-between\">\n                                                                    <p class=\"hidden lg:block text-title text-base leading-[150%] xl:leading-[170%] font-light text-balance me-13 xl:me-16\">Nordic Click Seam 475 with design grooves features narrow grooves between the profile peaks, giving the profile a more distinctive appearance.<\/p>\n                                                                <div class=\"size-7 xl:size-10 py-[1px] lg:self-end\">\n                                    <div class=\"size-5 xl:size-8 bg-[url(..\/img\/icon-arrow-outward-orange.svg)] bg-cover mt-[6px] me-[6px] mb-0 ms-0 group-hover:mt-0 group-hover:me-0 group-hover:mb-[6px] group-hover:ms-[6px] transition-[margin] animation\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                    <\/article>\n                                    <article class=\"product-grid-item relative\">\n                        <a href=\"https:\/\/www.ds-staalprofil.com\/en-gb\/products\/facade-panel\/pan-sheet-panel-22-270-vp\/\" class=\"group block outline-none\">\n\t\t\t\t\t\t\t<div class=\"image-wrapper overflow-hidden mb-2 aspect-[3\/2] lg:mb-4 xl:mb-8 relative max-lg:-z-1\">\n                                \t\t\t\t\t\t\t\t    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"498\" src=\"https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/pandepladepanel-22-270-vp-thumb-ral-7016-antracit.webp\" class=\"w-full h-full object-cover scale-100 group-hover:scale-[1.05] group-focus:scale-[1.05] transition-[scale] animation\" alt=\"\" \/>                                                                                            <\/div>\n                                                            <p class=\"text-title lg:text-subtle text-sm leading-[150%] font-light mb-1 lg:mb-4\">Facade Panel<\/p>\n                                                        <h3 class=\"text-title text-base lg:text-xl xl:text-2xl leading-[150%] lg:leading-[120%] font-light mb-2 lg:mb-4 me-13 xl:me-16\">Pan Sheet Panel 22-270 VP<\/h3>\n                            <div class=\"lg:flex lg:justify-between\">\n                                                                    <p class=\"hidden lg:block text-title text-base leading-[150%] xl:leading-[170%] font-light text-balance me-13 xl:me-16\">Pan tile panel 22-270 has a classic, understated appearance, giving the fa\u00e7ade a clean, professional surface with clear lines.<\/p>\n                                                                <div class=\"size-7 xl:size-10 py-[1px] lg:self-end\">\n                                    <div class=\"size-5 xl:size-8 bg-[url(..\/img\/icon-arrow-outward-orange.svg)] bg-cover mt-[6px] me-[6px] mb-0 ms-0 group-hover:mt-0 group-hover:me-0 group-hover:mb-[6px] group-hover:ms-[6px] transition-[margin] animation\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                    <\/article>\n                                    <article class=\"product-grid-item relative\">\n                        <a href=\"https:\/\/www.ds-staalprofil.com\/en-gb\/products\/tray-sheets\/tray-sheet-22-270\/\" class=\"group block outline-none\">\n\t\t\t\t\t\t\t<div class=\"image-wrapper overflow-hidden mb-2 aspect-[3\/2] lg:mb-4 xl:mb-8 relative max-lg:-z-1\">\n                                \t\t\t\t\t\t\t\t    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"498\" src=\"https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/pandeplade-22-270-tp-thumb-ral-7016-antracit-1.webp\" class=\"w-full h-full object-cover scale-100 group-hover:scale-[1.05] group-focus:scale-[1.05] transition-[scale] animation\" alt=\"\" srcset=\"https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/pandeplade-22-270-tp-thumb-ral-7016-antracit-1.webp 768w, https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/pandeplade-22-270-tp-thumb-ral-7016-antracit-1-300x195.webp 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                                                                            <\/div>\n                                                            <p class=\"text-title lg:text-subtle text-sm leading-[150%] font-light mb-1 lg:mb-4\">Tile-effect roofing sheets<\/p>\n                                                        <h3 class=\"text-title text-base lg:text-xl xl:text-2xl leading-[150%] lg:leading-[120%] font-light mb-2 lg:mb-4 me-13 xl:me-16\">Tray sheet 22-270<\/h3>\n                            <div class=\"lg:flex lg:justify-between\">\n                                                                    <p class=\"hidden lg:block text-title text-base leading-[150%] xl:leading-[170%] font-light text-balance me-13 xl:me-16\">Tray sheet 22-270 has a classic and timeless appearance, giving roofs and fa\u00e7ades a calm, uniform surface with clearly defined lines.<\/p>\n                                                                <div class=\"size-7 xl:size-10 py-[1px] lg:self-end\">\n                                    <div class=\"size-5 xl:size-8 bg-[url(..\/img\/icon-arrow-outward-orange.svg)] bg-cover mt-[6px] me-[6px] mb-0 ms-0 group-hover:mt-0 group-hover:me-0 group-hover:mb-[6px] group-hover:ms-[6px] transition-[margin] animation\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                    <\/article>\n                                    <article class=\"product-grid-item relative\">\n                        <a href=\"https:\/\/www.ds-staalprofil.com\/en-gb\/products\/tray-sheets\/tile-effect-roofing-sheet-22-270-with-design-grooves\/\" class=\"group block outline-none\">\n\t\t\t\t\t\t\t<div class=\"image-wrapper overflow-hidden mb-2 aspect-[3\/2] lg:mb-4 xl:mb-8 relative max-lg:-z-1\">\n                                \t\t\t\t\t\t\t\t    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"498\" src=\"https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/pandeplade-22-270-tp-designspor-thump-7016-antracit-768x498.webp\" class=\"w-full h-full object-cover scale-100 group-hover:scale-[1.05] group-focus:scale-[1.05] transition-[scale] animation\" alt=\"\" srcset=\"https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/pandeplade-22-270-tp-designspor-thump-7016-antracit-768x498.webp 768w, https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/pandeplade-22-270-tp-designspor-thump-7016-antracit-300x195.webp 300w, https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/pandeplade-22-270-tp-designspor-thump-7016-antracit-1024x665.webp 1024w, https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/pandeplade-22-270-tp-designspor-thump-7016-antracit-1536x997.webp 1536w, https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/pandeplade-22-270-tp-designspor-thump-7016-antracit-2048x1329.webp 2048w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                                                                            <\/div>\n                                                            <p class=\"text-title lg:text-subtle text-sm leading-[150%] font-light mb-1 lg:mb-4\">Tile-effect roofing sheets<\/p>\n                                                        <h3 class=\"text-title text-base lg:text-xl xl:text-2xl leading-[150%] lg:leading-[120%] font-light mb-2 lg:mb-4 me-13 xl:me-16\">Tile-effect roofing sheet 22-270 with design grooves<\/h3>\n                            <div class=\"lg:flex lg:justify-between\">\n                                                                    <p class=\"hidden lg:block text-title text-base leading-[150%] xl:leading-[170%] font-light text-balance me-13 xl:me-16\">The 22-270 tile-effect roofing sheet with design grooves features narrow grooves between the profile crowns, giving it a more dynamic and distinctive appearance.<\/p>\n                                                                <div class=\"size-7 xl:size-10 py-[1px] lg:self-end\">\n                                    <div class=\"size-5 xl:size-8 bg-[url(..\/img\/icon-arrow-outward-orange.svg)] bg-cover mt-[6px] me-[6px] mb-0 ms-0 group-hover:mt-0 group-hover:me-0 group-hover:mb-[6px] group-hover:ms-[6px] transition-[margin] animation\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                    <\/article>\n                                    <article class=\"product-grid-item relative\">\n                        <a href=\"https:\/\/www.ds-staalprofil.com\/en-gb\/products\/trapezoidal-sheets\/trapezoidal-sheet-20-115-tp\/\" class=\"group block outline-none\">\n\t\t\t\t\t\t\t<div class=\"image-wrapper overflow-hidden mb-2 aspect-[3\/2] lg:mb-4 xl:mb-8 relative max-lg:-z-1\">\n                                \t\t\t\t\t\t\t\t    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"498\" src=\"https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/trapezplader-20-115-tp-thumb-ral-7016-antracit.webp\" class=\"w-full h-full object-cover scale-100 group-hover:scale-[1.05] group-focus:scale-[1.05] transition-[scale] animation\" alt=\"\" srcset=\"https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/trapezplader-20-115-tp-thumb-ral-7016-antracit.webp 768w, https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/trapezplader-20-115-tp-thumb-ral-7016-antracit-300x195.webp 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                                                                            <\/div>\n                                                            <p class=\"text-title lg:text-subtle text-sm leading-[150%] font-light mb-1 lg:mb-4\">Trapezoidal sheets<\/p>\n                                                        <h3 class=\"text-title text-base lg:text-xl xl:text-2xl leading-[150%] lg:leading-[120%] font-light mb-2 lg:mb-4 me-13 xl:me-16\">Trapezoidal Sheet 20-115 TP<\/h3>\n                            <div class=\"lg:flex lg:justify-between\">\n                                                                    <p class=\"hidden lg:block text-title text-base leading-[150%] xl:leading-[170%] font-light text-balance me-13 xl:me-16\">Trapezoidal Sheet 20-115 TP is a strong and reliable profile for roofing industrial, commercial and agricultural buildings.<\/p>\n                                                                <div class=\"size-7 xl:size-10 py-[1px] lg:self-end\">\n                                    <div class=\"size-5 xl:size-8 bg-[url(..\/img\/icon-arrow-outward-orange.svg)] bg-cover mt-[6px] me-[6px] mb-0 ms-0 group-hover:mt-0 group-hover:me-0 group-hover:mb-[6px] group-hover:ms-[6px] transition-[margin] animation\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                    <\/article>\n                                    <article class=\"product-grid-item relative\">\n                        <a href=\"https:\/\/www.ds-staalprofil.com\/en-gb\/products\/trapezoidal-sheets\/trapezoidal-sheet-20-115-vp\/\" class=\"group block outline-none\">\n\t\t\t\t\t\t\t<div class=\"image-wrapper overflow-hidden mb-2 aspect-[3\/2] lg:mb-4 xl:mb-8 relative max-lg:-z-1\">\n                                \t\t\t\t\t\t\t\t    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"498\" src=\"https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/trapezplader-20-115-vp-thumb-ral-7016-antracit.webp\" class=\"w-full h-full object-cover scale-100 group-hover:scale-[1.05] group-focus:scale-[1.05] transition-[scale] animation\" alt=\"\" srcset=\"https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/trapezplader-20-115-vp-thumb-ral-7016-antracit.webp 768w, https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/trapezplader-20-115-vp-thumb-ral-7016-antracit-300x195.webp 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                                                                            <\/div>\n                                                            <p class=\"text-title lg:text-subtle text-sm leading-[150%] font-light mb-1 lg:mb-4\">Trapezoidal sheets<\/p>\n                                                        <h3 class=\"text-title text-base lg:text-xl xl:text-2xl leading-[150%] lg:leading-[120%] font-light mb-2 lg:mb-4 me-13 xl:me-16\">Trapezoidal sheet 20-115 VP<\/h3>\n                            <div class=\"lg:flex lg:justify-between\">\n                                                                    <p class=\"hidden lg:block text-title text-base leading-[150%] xl:leading-[170%] font-light text-balance me-13 xl:me-16\">Trapezoidal sheet 20-115 is a strong and reliable profile for fa\u00e7ade cladding on industrial, commercial and agricultural buildings.<\/p>\n                                                                <div class=\"size-7 xl:size-10 py-[1px] lg:self-end\">\n                                    <div class=\"size-5 xl:size-8 bg-[url(..\/img\/icon-arrow-outward-orange.svg)] bg-cover mt-[6px] me-[6px] mb-0 ms-0 group-hover:mt-0 group-hover:me-0 group-hover:mb-[6px] group-hover:ms-[6px] transition-[margin] animation\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                    <\/article>\n                                    <article class=\"product-grid-item relative\">\n                        <a href=\"https:\/\/www.ds-staalprofil.com\/en-gb\/products\/trapezoidal-sheets\/trapezoidal-sheet-35-190-tp\/\" class=\"group block outline-none\">\n\t\t\t\t\t\t\t<div class=\"image-wrapper overflow-hidden mb-2 aspect-[3\/2] lg:mb-4 xl:mb-8 relative max-lg:-z-1\">\n                                \t\t\t\t\t\t\t\t    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"498\" src=\"https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/trapezplader-35-190-tp-thump-ral-7016-antracit-1.webp\" class=\"w-full h-full object-cover scale-100 group-hover:scale-[1.05] group-focus:scale-[1.05] transition-[scale] animation\" alt=\"\" srcset=\"https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/trapezplader-35-190-tp-thump-ral-7016-antracit-1.webp 768w, https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2026\/10\/trapezplader-35-190-tp-thump-ral-7016-antracit-1-300x195.webp 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                                                                            <\/div>\n                                                            <p class=\"text-title lg:text-subtle text-sm leading-[150%] font-light mb-1 lg:mb-4\">Trapezoidal sheets<\/p>\n                                                        <h3 class=\"text-title text-base lg:text-xl xl:text-2xl leading-[150%] lg:leading-[120%] font-light mb-2 lg:mb-4 me-13 xl:me-16\">Trapezoidal Sheet 35-190 TP<\/h3>\n                            <div class=\"lg:flex lg:justify-between\">\n                                                                    <p class=\"hidden lg:block text-title text-base leading-[150%] xl:leading-[170%] font-light text-balance me-13 xl:me-16\">When the roofing solution requires extra strength, Trapezoidal Sheet 35-190 is an ideal choice.<\/p>\n                                                                <div class=\"size-7 xl:size-10 py-[1px] lg:self-end\">\n                                    <div class=\"size-5 xl:size-8 bg-[url(..\/img\/icon-arrow-outward-orange.svg)] bg-cover mt-[6px] me-[6px] mb-0 ms-0 group-hover:mt-0 group-hover:me-0 group-hover:mb-[6px] group-hover:ms-[6px] transition-[margin] animation\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                    <\/article>\n                            <\/div>\n            <div class=\"w-full text-base xl:text-lg text-center mt-4 md:mt-6 xl:mt-15\">\t<button type=\"button\" data-next-page=\"2\" class=\"load-more cursor-pointer py-4.5 lg:py-5 px-6.5 lg:px-7 items-center text-base xl:text-lg text-center text-black hover:text-white focus-visible:text-black bg-white hover:bg-primary focus-visible:bg-white border border-primary rounded-md focus-visible:outline outline-focus \">Indl\u00e6s flere<\/button>\n<\/div>\n        <\/div>\n    <\/div>\n    <script type=\"text\/template\" class=\"product-template\">\n        <article class=\"product-grid-item relative\">\n            <a href=\"%__productUrl__%\" class=\"group block outline-none\">\n                <div class=\"image-wrapper overflow-hidden mb-2 lg:mb-4 xl:mb-8 relative max-lg:-z-1\">\n                    %__image__%\n                    %__video__%\n                <\/div>\n                <p class=\"text-title lg:text-subtle text-sm leading-[150%] font-light mb-1 lg:mb-4\">%__productType__%<\/p>\n                <h3 class=\"text-title text-base lg:text-xl xl:text-2xl leading-[150%] lg:leading-[120%] font-light mb-2 lg:mb-4 me-13 xl:me-16\">%__title__%<\/h3>\n                <p class=\"hidden lg:block text-title text-base leading-[150%] xl:leading-[170%] font-light text-balance me-13 xl:me-16\">%__excerpt__%<\/p>\n                <div class=\"size-7 lg:size-10 py-[1px]\">\n                    <div class=\"size-5 lg:size-8 bg-[url(..\/img\/icon-arrow-outward-orange.svg)] bg-cover mt-[6px] me-[6px] mb-0 ms-0 group-hover:mt-0 group-hover:me-0 group-hover:mb-[6px] group-hover:ms-[6px] transition-[margin] animation\"><\/div>\n                <\/div>\n            <\/a>\n        <\/article>\n    <\/script>\n<\/div>\n    <div class=\"overlay-filter z-11 top-0 left-0 right-0 bottom-0\"><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_yoast_wpseo_focuskw":"Steel profiles","_yoast_wpseo_title":"Steel profiles for roofs and fa\u00e7ades \u2022 Products and accessories","_yoast_wpseo_metadesc":"Get an overview of steel profiles for roofs and fa\u00e7ades, accessories, documentation and solutions for residential, commercial and agricultural buildings.","inline_featured_image":false,"footnotes":""},"class_list":["post-31656","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Steel profiles for roofs and fa\u00e7ades \u2022 Products and accessories<\/title>\n<meta name=\"description\" content=\"Get an overview of steel profiles for roofs and fa\u00e7ades, accessories, documentation and solutions for residential, commercial and agricultural buildings.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.ds-staalprofil.com\/en-gb\/products\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Steel profiles for roofs and fa\u00e7ades \u2022 Products and accessories\" \/>\n<meta property=\"og:description\" content=\"Get an overview of steel profiles for roofs and fa\u00e7ades, accessories, documentation and solutions for residential, commercial and agricultural buildings.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ds-staalprofil.com\/en-gb\/products\/\" \/>\n<meta property=\"og:site_name\" content=\"DS St\u00e5lprofil\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/dsstaalprofil\" \/>\n<meta property=\"article:modified_time\" content=\"2026-11-09T14:25:11+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.ds-staalprofil.com\\\/en-gb\\\/products\\\/\",\"url\":\"https:\\\/\\\/www.ds-staalprofil.com\\\/en-gb\\\/products\\\/\",\"name\":\"Steel profiles for roofs and fa\u00e7ades \u2022 Products and accessories\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.ds-staalprofil.com\\\/en-gb\\\/#website\"},\"datePublished\":\"2026-03-18T10:32:55+00:00\",\"dateModified\":\"2026-11-09T14:25:11+00:00\",\"description\":\"Get an overview of steel profiles for roofs and fa\u00e7ades, accessories, documentation and solutions for residential, commercial and agricultural buildings.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.ds-staalprofil.com\\\/en-gb\\\/products\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.ds-staalprofil.com\\\/en-gb\\\/products\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.ds-staalprofil.com\\\/en-gb\\\/products\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.ds-staalprofil.com\\\/en-gb\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Products\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.ds-staalprofil.com\\\/en-gb\\\/#website\",\"url\":\"https:\\\/\\\/www.ds-staalprofil.com\\\/en-gb\\\/\",\"name\":\"DS St\u00e5lprofil\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.ds-staalprofil.com\\\/en-gb\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.ds-staalprofil.com\\\/en-gb\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.ds-staalprofil.com\\\/en-gb\\\/#organization\",\"name\":\"DS St\u00e5lprofil\",\"url\":\"https:\\\/\\\/www.ds-staalprofil.com\\\/en-gb\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.ds-staalprofil.com\\\/en-gb\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.ds-staalprofil.com\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2025\\\/06\\\/logos.svg\",\"contentUrl\":\"https:\\\/\\\/www.ds-staalprofil.com\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2025\\\/06\\\/logos.svg\",\"width\":304,\"height\":44,\"caption\":\"DS St\u00e5lprofil\"},\"image\":{\"@id\":\"https:\\\/\\\/www.ds-staalprofil.com\\\/en-gb\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/dsstaalprofil\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/ds-staalprofil-a-s\\\/\",\"https:\\\/\\\/www.instagram.com\\\/ds_staalprofil\\\/\",\"https:\\\/\\\/dk.pinterest.com\\\/dsstaalprofil\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@DSStaalprofil\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Steel profiles for roofs and fa\u00e7ades \u2022 Products and accessories","description":"Get an overview of steel profiles for roofs and fa\u00e7ades, accessories, documentation and solutions for residential, commercial and agricultural buildings.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.ds-staalprofil.com\/en-gb\/products\/","og_locale":"en_GB","og_type":"article","og_title":"Steel profiles for roofs and fa\u00e7ades \u2022 Products and accessories","og_description":"Get an overview of steel profiles for roofs and fa\u00e7ades, accessories, documentation and solutions for residential, commercial and agricultural buildings.","og_url":"https:\/\/www.ds-staalprofil.com\/en-gb\/products\/","og_site_name":"DS St\u00e5lprofil","article_publisher":"https:\/\/www.facebook.com\/dsstaalprofil","article_modified_time":"2026-11-09T14:25:11+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.ds-staalprofil.com\/en-gb\/products\/","url":"https:\/\/www.ds-staalprofil.com\/en-gb\/products\/","name":"Steel profiles for roofs and fa\u00e7ades \u2022 Products and accessories","isPartOf":{"@id":"https:\/\/www.ds-staalprofil.com\/en-gb\/#website"},"datePublished":"2026-03-18T10:32:55+00:00","dateModified":"2026-11-09T14:25:11+00:00","description":"Get an overview of steel profiles for roofs and fa\u00e7ades, accessories, documentation and solutions for residential, commercial and agricultural buildings.","breadcrumb":{"@id":"https:\/\/www.ds-staalprofil.com\/en-gb\/products\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ds-staalprofil.com\/en-gb\/products\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.ds-staalprofil.com\/en-gb\/products\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.ds-staalprofil.com\/en-gb\/"},{"@type":"ListItem","position":2,"name":"Products"}]},{"@type":"WebSite","@id":"https:\/\/www.ds-staalprofil.com\/en-gb\/#website","url":"https:\/\/www.ds-staalprofil.com\/en-gb\/","name":"DS St\u00e5lprofil","description":"","publisher":{"@id":"https:\/\/www.ds-staalprofil.com\/en-gb\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ds-staalprofil.com\/en-gb\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/www.ds-staalprofil.com\/en-gb\/#organization","name":"DS St\u00e5lprofil","url":"https:\/\/www.ds-staalprofil.com\/en-gb\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.ds-staalprofil.com\/en-gb\/#\/schema\/logo\/image\/","url":"https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2025\/06\/logos.svg","contentUrl":"https:\/\/www.ds-staalprofil.com\/wp-content\/uploads\/sites\/3\/2025\/06\/logos.svg","width":304,"height":44,"caption":"DS St\u00e5lprofil"},"image":{"@id":"https:\/\/www.ds-staalprofil.com\/en-gb\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/dsstaalprofil","https:\/\/www.linkedin.com\/company\/ds-staalprofil-a-s\/","https:\/\/www.instagram.com\/ds_staalprofil\/","https:\/\/dk.pinterest.com\/dsstaalprofil\/","https:\/\/www.youtube.com\/@DSStaalprofil"]}]}},"_links":{"self":[{"href":"https:\/\/www.ds-staalprofil.com\/en-gb\/wp-json\/wp\/v2\/pages\/31656","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ds-staalprofil.com\/en-gb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ds-staalprofil.com\/en-gb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ds-staalprofil.com\/en-gb\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ds-staalprofil.com\/en-gb\/wp-json\/wp\/v2\/comments?post=31656"}],"version-history":[{"count":1,"href":"https:\/\/www.ds-staalprofil.com\/en-gb\/wp-json\/wp\/v2\/pages\/31656\/revisions"}],"predecessor-version":[{"id":31657,"href":"https:\/\/www.ds-staalprofil.com\/en-gb\/wp-json\/wp\/v2\/pages\/31656\/revisions\/31657"}],"wp:attachment":[{"href":"https:\/\/www.ds-staalprofil.com\/en-gb\/wp-json\/wp\/v2\/media?parent=31656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}