{"id":23496,"date":"2024-04-25T11:32:41","date_gmt":"2024-04-25T11:32:41","guid":{"rendered":"https:\/\/dampa.com\/building\/byg-specifikationer\/"},"modified":"2024-05-28T07:22:06","modified_gmt":"2024-05-28T07:22:06","slug":"byg-specifikationer","status":"publish","type":"page","link":"https:\/\/dampa.com\/da\/byg\/specifikationer\/","title":{"rendered":"Byg specifikationer"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"23496\" class=\"elementor elementor-23496 elementor-22779\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d9b1835 e-con-full e-flex e-con e-parent\" data-id=\"3d9b1835\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-72b3c413 e-con-full e-flex e-con e-child\" data-id=\"72b3c413\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2b84f3f e-con-full common-banner-section e-flex e-con e-child\" data-id=\"2b84f3f\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-681d33ff elementor-widget elementor-widget-heading\" data-id=\"681d33ff\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Byg specifikationer<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f1c463b elementor-absolute elementor-widget elementor-widget-text-editor\" data-id=\"f1c463b\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul>\n<li>Specifikationer for vores byg-produkter<\/li>\n<\/ul>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-63819d9f e-con-full e-flex e-con e-parent\" data-id=\"63819d9f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3bbbeb9d elementor-widget elementor-widget-shortcode\" data-id=\"3bbbeb9d\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><html lang=\"en\">\n\n<head>\n<style>\n        \/* .error-note {\n            display: none;\n        } *\/\n\n        .drawer-panel {\n            width: 800px;\n            right: -1200px;\n            height: 100vh;\n            position: fixed;\n            z-index: 10;\n            top: 0px;\n            bottom: 0;\n            padding: 15px;\n            -webkit-transition: all .3s linear;\n            transition: all .3s linear;\n            z-index: 1000;\n            background-color: white;\n            overflow-y: auto;\n            overflow-x: hidden;\n        }\n\n        .drawer-panel.show {\n            right: 0px;\n            background-color: white;\n            -webkit-transition: all .3s linear;\n            transition: all .3s linear;\n        }\n\n        .drawer-background {\n            width: 100vw;\n            height: 100vh;\n            top: 0;\n            right: -100vh;\n            position: fixed;\n            bottom: 0;\n            z-index: -1;\n        }\n\n        .drawer-background.show {\n            right: 0px;\n            left: 0;\n            background-color: rgba(0, 0, 0, 0.7);\n            -webkit-transition: all .3s linear;\n            transition: all .3s linear;\n            z-index: 222;\n        }\n\n        .drawer-close {\n            position: absolute;\n            right: 15px;\n            top: 8px;\n            z-index: 100000;\n            display: block !important;\n            height: 50px;\n            cursor: pointer;\n        }\n\n        .drawer-close .drawer-line {\n            width: 30px;\n            height: 2px;\n            background-color: black;\n        }\n\n        .drawer-close .drawer-line:nth-child(1) {\n            transform: rotate(45deg);\n            margin-top: 25px;\n        }\n\n        .drawer-close .drawer-line:nth-child(2) {\n            transform: rotate(-45deg);\n            margin-top: -2px;\n        }\n\n        .product-grid-main {\n            display: flex;\n            gap: 20px;\n            margin-top: 50px;\n        }\n\n        .product-img {\n            flex: 0 0 33.33%;\n            max-width: 33.33%;\n        }\n\n        .product-desc {\n            flex: 0 0 67.33%;\n            max-width: 67.33%;\n            padding: 15px;\n\n        }\n\n        .product-desc h5 {\n            margin-top: 0;\n            margin-bottom: 10px;\n            font-size: 20px;\n            line-height: 23.86px;\n        }\n\n        .product-desc p {\n            font-size: 14px;\n            line-height: 16.93px;\n            margin-bottom: 10px;\n        }\n\n        .buttons {\n            display: flex;\n            gap: 10px;\n            margin-top: 20px;\n            align-items: center;\n        }\n\n        .buttons a {\n            text-decoration: underline;\n        }\n\n        a.btn-dark {\n            background: #4C4E54;\n            color: #fff;\n            padding: 8px 30px;\n            border: 1px solid #4C4E54;\n            transition: all .4s ease-in-out;\n            display: block;\n            text-align: center;\n            width: 180px;\n            text-decoration: none;\n        }\n\n        .btn-dark:hover {\n            background: #fff;\n            color: #4C4E54;\n            border: 1px solid #4C4E54;\n        }\n\n        a.btn-light {\n            background: #fff;\n            color: #4C4E54;\n            padding: 8px 30px;\n            border: 1px solid #4C4E54;\n            transition: all .4s ease-in-out;\n            display: block;\n            text-align: center;\n            width: 180px;\n            text-decoration: none;\n        }\n\n        .btn-light:hover {\n            background: #4C4E54;\n            color: #fff;\n            border: 1px solid #4C4E54;\n        }\n\n        .product-details {\n            margin: 10px 0;\n        }\n\n        .product-details .title {\n            background-color: #EFF2EE;\n            color: #333333;\n            font-size: 16px;\n            line-height: 29px;\n            font-weight: 400;\n            display: block;\n            width: 100%;\n            padding: 8px;\n        }\n\n        .product-details .details {\n            background-color: #F8FAF7;\n            color: #333333;\n            font-size: 14px;\n            font-weight: 400;\n            display: block;\n            width: 100%;\n            padding: 15px;\n        }\n\n        .product-details .details a {\n            text-decoration: underline;\n        }\n\n\n\n        .product-img img {\n            width: 100%;\n            height: 270px;\n            object-fit: cover;\n        }\n\n        .compare-btn2 {\n            position: relative;\n        }\n\n        input.references-check[type=checkbox] {\n            position: absolute;\n            top: 0;\n            right: 0;\n            left: 0;\n            bottom: 0;\n            opacity: 0;\n        }\n\n\n\n        .office-feature {\n            position: relative;\n        }\n\n        .drawer-panel-bottom {\n            width: 100%;\n            bottom: -480px;\n            position: fixed;\n            left: 0;\n            right: 0;\n            padding: 20px;\n            -webkit-transition: all .6s linear;\n            transition: all .6s linear;\n            z-index: 1024;\n            background-color: white;\n            overflow-y: auto;\n            box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.7);\n        }\n\n        .drawer-panel-bottom.show {\n            bottom: 0px;\n            background-color: white;\n            -webkit-transition: all .3s linear;\n            transition: all .3s linear;\n        }\n\n        .drawer-panel-compare {\n            width: 100%;\n            bottom: -950px;\n            position: fixed;\n            left: 0;\n            right: 0;\n            padding: 20px;\n            -webkit-transition: all .6s linear;\n            transition: all .6s linear;\n            z-index: 1024;\n            background-color: white;\n            overflow-y: auto;\n            box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.7);\n            height: 95vh;\n        }\n\n        .drawer-panel-compare.show {\n            bottom: 0px;\n            background-color: white;\n            -webkit-transition: all .3s linear;\n            transition: all .3s linear;\n        }\n\n        .btn-dark.w-auto {\n            width: auto;\n        }\n\n        .selected-products {\n            display: flex;\n            gap: 10px;\n            align-items: center;\n            padding: 20px 0px 0px;\n            flex-wrap: wrap;\n        }\n\n        .selected-item {\n            flex: 0 0 16%;\n            max-width: 16%;\n            background: #F8FAF7;\n            padding: 13px;\n            font-size: 16px;\n            font-weight: 400;\n            line-height: 19.09px;\n            list-style: none;\n            transition: all .5s ease-in-out;\n            display: flex;\n            justify-content: space-between;\n            margin: 7px 0;\n        }\n\n        .close-item {\n            margin-left: 7px;\n            opacity: .6;\n            font-size: 18px;\n        }\n\n        .compare-products {\n            \/* display: flex !important; *\/\n            gap: 40px;\n            padding: 30px;\n            \/* flex-wrap: wrap; *\/\n            margin-top: 20px;\n        }\n\n        .compare-products .selected-item {\n            flex: 0 0 100%;\n            max-width: 100%;\n            background: #F8FAF7;\n        }\n\n        .compare-item {\n            display: block;\n            margin: 0 10px;\n            position: relative;\n        }\n\n        .compare-products .product-grid-main {\n            display: block;\n            margin-top: 30px;\n        }\n\n        .compare-products .product-img {\n            flex: 0 0 100%;\n            max-width: 100%;\n            margin-bottom: 20px;\n\n        }\n\n        .compare-products .product-desc {\n            flex: 0 0 100%;\n            max-width: 100%;\n            background-color: #f8faf7;\n        }\n\n        \/* width *\/\n        ::-webkit-scrollbar {\n            width: 5px;\n            height: 5px;\n        }\n\n        \/* Track *\/\n        ::-webkit-scrollbar-track {\n            background: #f1f1f1;\n        }\n\n        \/* Handle *\/\n        ::-webkit-scrollbar-thumb {\n            background: #888;\n        }\n\n        \/* Handle on hover *\/\n        ::-webkit-scrollbar-thumb:hover {\n            background: #555;\n        }\n\n        .modal {\n            width: 600px;\n            position: fixed;\n            z-index: 10;\n            top: 50%;\n            left: 50%;\n            padding: 30px;\n            -webkit-transition: all .3s linear;\n            transition: all .3s linear;\n            z-index: 10000;\n            background-color: white;\n            transform: translate(-50%, -50%) scale(0);\n        }\n\n        .modal.show {\n            right: 0px;\n            background-color: white;\n            -webkit-transition: all .3s linear;\n            transition: all .3s linear;\n            transform: translate(-50%, -50%) scale(1);\n        }\n\n        .modal p {\n            margin-bottom: 0;\n            margin-top: 20px;\n        }\n\n        .filter-option p {\n            font-size: 12px;\n            line-height: 14.32px;\n            letter-spacing: 3px;\n            padding: 20px 6px 15px;\n            color: #646464;\n        }\n\n        \/* Extra small devices (phones) *\/\n        @media screen and (max-width: 575px) {\n\n            .drawer-panel,\n            .modal {\n                width: 100%;\n            }\n\n            .product-grid-main,\n            .button-details,\n            .selected-products {\n                display: block;\n            }\n\n            .product-img,\n            .product-desc {\n                flex: 0 0 100%;\n                max-width: 100%;\n            }\n\n            .product-desc {\n                margin-top: 40px;\n\n            }\n\n            .drawer-panel .product-grid-main .product-desc {\n                background: #f7f7f7;\n            }\n\n            .buttons .btn {\n                margin: 7px 0;\n                display: block;\n                width: 100%;\n            }\n\n            .dropdown-btn button {\n                display: block;\n                width: 100%;\n                margin: 5px 0;\n            }\n\n            .office-image {\n                flex: 0 0 50%;\n                max-width: 50%;\n                padding: 0px 5px !important;\n            }\n\n            .drawer-panel-compare {\n                bottom: -1200px;\n            }\n\n            .selected-item {\n                flex: 0 0 100%;\n                max-width: 100%;\n            }\n\n            .compare-products {\n                gap: 20px;\n                padding: 0px;\n                margin-top: 40px;\n                flex-wrap: nowrap;\n            }\n\n\n            .product-desc h5 {\n                font-size: 18px;\n            }\n\n            .tabs-div {\n                display: block !important;\n            }\n\n            .compare-btn {\n                text-align: end;\n            }\n\n            .compare-btn a {\n                display: inline-block;\n            }\n\n            .tabs ul {\n                flex-direction: column;\n                justify-content: center;\n                text-align: center;\n                max-height: 400px;\n                overflow-y: auto;\n                max-width: 300px;\n            }\n\n            .tabs ul li {\n                margin: 5px 0 !important;\n            }\n\n\n\n            .tabs-nav {\n                position: absolute;\n                top: 60px;\n                left: 0;\n                right: 0;\n                background-color: #fff;\n                z-index: 11;\n                border: 1px solid #ccc;\n                padding: 10px;\n            }\n\n            .tabs ul li {\n                min-width: 100% !important;\n            }\n\n            .compare-products {\n                margin-top: 0;\n            }\n\n            .filter-option {\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                position: relative;\n            }\n\n            .drawer-panel .product-grid-main .product-desc.fixed {\n                position: fixed !important;\n                bottom: 0px;\n                z-index: 1024;\n                width: 100%;\n                height: 100%;\n                background: #fff;\n                padding: 15px;\n                box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);\n                left: 0;\n                right: 0;\n                animation: 1s slide-up;\n                height: 260px;\n                overflow-y: auto;\n            }\n\n            @keyframes slide-up {\n                from {\n                    bottom: -500px;\n                }\n\n                to {\n                    bottom: 0px;\n                }\n            }\n\n            .error-note {\n                min-height: 0 !important;\n            }\n\n            .error-note.show {\n                min-height: auto;\n            }\n        }\n\n        \/* Small devices (tablets) *\/\n        @media screen and (min-width: 576px) and (max-width: 767px) {\n\n            .drawer-panel,\n            .modal {\n                width: 80%;\n            }\n\n            .product-grid-main {\n                display: block;\n            }\n\n            .product-img,\n            .product-desc {\n                flex: 0 0 100%;\n                max-width: 100%;\n            }\n\n            .product-desc {\n                margin-top: 40px;\n            }\n\n            .buttons .btn {\n                margin: 15px 0;\n                display: block;\n                width: 100%;\n            }\n\n            .dropdown-btn button {\n                display: block;\n                width: 100%;\n                margin: 5px 0;\n            }\n\n            .office-image {\n                flex: 0 0 50%;\n                max-width: 50%;\n                padding: 0px 5px !important;\n            }\n\n            .drawer-panel-compare {\n                bottom: -1200px;\n            }\n\n            .selected-item {\n                flex: 0 0 49%;\n                max-width: 49%;\n            }\n\n            .compare-products {\n                gap: 20px;\n                padding: 0px;\n                margin-top: 40px;\n                flex-wrap: nowrap;\n            }\n\n\n\n            .product-desc h5 {\n                font-size: 18px;\n            }\n\n            .tabs-div {\n                display: block !important;\n            }\n\n            .compare-btn {\n                text-align: end;\n            }\n\n            .compare-btn a {\n                display: inline-block;\n            }\n\n            .tabs ul {\n                flex-direction: column;\n                justify-content: center;\n                text-align: center;\n                max-height: 400px;\n                overflow-y: auto;\n                max-width: 300px;\n            }\n\n            .tabs ul li {\n                margin: 5px 0 !important;\n            }\n\n\n            .tabs-nav {\n                position: absolute;\n                top: 50px;\n                left: 0;\n                right: 0;\n                background-color: #fff;\n                z-index: 11;\n                border: 1px solid #ccc;\n                padding: 10px;\n            }\n\n            .tabs ul li {\n                min-width: 100% !important;\n            }\n\n            .compare-products {\n                margin-top: 0;\n            }\n\n            .filter-option {\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                position: relative;\n            }\n        }\n\n        \/* Medium devices (small laptops) *\/\n        @media screen and (min-width: 768px) and (max-width: 991px) {\n\n            .drawer-panel,\n            .modal {\n                width: 80%;\n            }\n\n            .product-grid-main {\n                display: block;\n            }\n\n            .product-img,\n            .product-desc {\n                flex: 0 0 100%;\n                max-width: 100%;\n            }\n\n            .product-desc {\n                margin-top: 40px;\n            }\n\n            .buttons .btn {\n                margin: 15px 0;\n                display: block;\n                width: 100%;\n            }\n\n            .dropdown-btn button {\n                display: block;\n                width: 100%;\n                margin: 5px 0;\n            }\n\n            .dropdown-btn {\n                margin-right: 10px;\n            }\n\n            .office-image {\n                flex: 0 0 50%;\n                max-width: 50%;\n                padding: 0px 5px !important;\n            }\n\n            .drawer-panel-compare {\n                bottom: -1200px;\n            }\n\n            .selected-item {\n                flex: 0 0 49%;\n                max-width: 49%;\n            }\n\n            .compare-products {\n                gap: 20px;\n                padding: 0px;\n                margin-top: 40px;\n                \/* overflow-x: hidden; *\/\n                flex-wrap: nowrap;\n            }\n\n            .product-desc h5 {\n                font-size: 18px;\n            }\n\n            .tabs-div {\n                display: block !important;\n            }\n\n            .compare-btn {\n                text-align: end;\n            }\n\n            .compare-btn a {\n                display: inline-block;\n            }\n\n            .tabs ul {\n                flex-direction: column;\n                justify-content: center;\n                text-align: center;\n                max-height: 400px;\n                overflow-y: auto;\n                max-width: 300px;\n            }\n\n            .tabs ul li {\n                margin: 5px 0 !important;\n            }\n\n\n\n            .tabs-nav {\n                position: absolute;\n                top: 65px;\n                left: 0;\n                right: 0;\n                background-color: #fff;\n                z-index: 11;\n                border: 1px solid #ccc;\n                padding: 10px;\n            }\n\n            .tabs ul li {\n                min-width: 100% !important;\n            }\n\n            .compare-products {\n                margin-top: 0;\n            }\n\n            .filter-option {\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                position: relative;\n            }\n\n        }\n\n        \/* Large devices (desktops) *\/\n        @media screen and (min-width: 992px) and (max-width: 1199px) {\n\n            .drawer-panel,\n            .modal {\n                width: 60%;\n            }\n\n            .product-grid-main {\n                display: block;\n            }\n\n            .product-img,\n            .product-desc {\n                flex: 0 0 100%;\n                max-width: 100%;\n            }\n\n            .product-desc {\n                margin-top: 40px;\n            }\n\n            .buttons .btn {\n                margin: 15px 0;\n                display: block;\n                width: 100%;\n            }\n\n            .dropdown-btn button {\n                display: block;\n                width: 100%;\n                margin: 5px 0;\n            }\n\n            .dropdown-btn {\n                margin-right: 10px;\n            }\n\n            .office-image {\n                flex: 0 0 33.33%;\n                max-width: 33.33%;\n                padding: 0px 5px !important;\n            }\n\n            .drawer-panel-compare {\n                bottom: -1200px;\n            }\n\n            .selected-item {\n                flex: 0 0 32%;\n                max-width: 32%;\n            }\n\n            .compare-products {\n                gap: 20px;\n                padding: 0px;\n                margin-top: 40px;\n                \/* overflow-x: auto; *\/\n                flex-wrap: nowrap;\n            }\n\n\n            .product-desc h5 {\n                font-size: 18px;\n            }\n\n        }\n\n        \/* Extra large devices (large desktops) *\/\n        @media screen and (min-width: 1200px) {\n            .drawer-panel {\n                width: 50%;\n            }\n\n            .buttons .btn {\n                margin: 15px 0;\n                display: block;\n                width: 100%;\n            }\n\n            .dropdown-btn button {\n                display: block;\n                width: 100%;\n                margin: 5px 0;\n            }\n\n            .dropdown-btn {\n                margin-right: 10px;\n            }\n\n            .office-image {\n                flex: 0 0 33.33%;\n                max-width: 33.33%;\n                padding: 0px 5px !important;\n            }\n\n            .drawer-panel-compare {\n                bottom: -1200px;\n            }\n\n            .selected-item {\n                flex: 0 0 24%;\n                max-width: 24%;\n            }\n\n            .compare-products {\n                gap: 20px;\n                padding: 0px;\n                margin: 40px 10px;\n                overflow-x: hidden;\n                overflow-y: auto;\n                flex-wrap: nowrap;\n            }\n\n\n\n\n        }\n\n        .tabs ul {\n            display: block;\n        }\n\n        .tabs ul li {\n            list-style: none;\n            min-width: 170px;\n            text-align: center;\n            display: inline-block !important;\n        }\n\n        .tabs ul li,\n        .compare-btn a,\n        .view-product {\n            background-color: transparent;\n            color: #4C4E54;\n            padding: 12px 32px;\n            border: 1px solid #4C4E54;\n            font-size: 16px;\n            margin: 8px 6px;\n            transition: all .2s ease-in-out;\n            position: relative;\n            cursor: pointer;\n            display: block;\n            text-align: center;\n            \/* font-family: \"DM Sans\", sans-serif; *\/\n            \/* font-weight: 600; *\/\n            \/* line-height: 20px; *\/\n        }\n\n        .view-product a {\n            margin: 10px 0 0;\n        }\n\n        \/* .tabs ul li:first-child {\n            margin: 15px 0px 0 0px\n        } *\/\n        .category-types p {\n            margin: 15px 0px 0 6px;\n        }\n\n        .category-types i {\n            margin-left: 10px;\n        }\n\n        .tabs ul li:hover,\n        .tabs ul li:focus {\n            background-color: #ededed;\n        }\n\n        .view-product:hover,\n        .view-product:focus,\n        .compare-btn a:hover,\n        .compare-btn a:focus,\n        .compare-btn a.active,\n        .tabs ul li.tab-active a,\n        .compare-btn2:hover,\n        .compare-btn2:focus,\n        .compare-btn2.active {\n            background-color: #4C4E54;\n            color: #fff;\n            border: 1px solid #4C4E54;\n        }\n\n        .view-product:hover a,\n        .view-product:focus a {\n            color: #fff;\n        }\n\n        .tabs-div {\n            display: flex;\n            justify-content: space-between;\n            align-items: start;\n            width: 100%;\n        }\n\n        .compare-btn {\n            margin: 8px 6px;\n            margin-left: auto;\n        }\n\n        .compare-btn a {\n            margin: 0 !important;\n        }\n\n        .tabs-div h4 {\n            margin: 0;\n            font-weight: 600;\n        }\n\n        .compare-btn2 {\n            background-color: transparent;\n            color: #4C4E54;\n            padding: 12px 32px;\n            border: 1px solid #4C4E54;\n            font-size: 16px;\n            \/* font-weight: 600; *\/\n            \/* width: 100%; *\/\n            display: block;\n            transition: all .2s ease-in-out;\n            text-align: center;\n            cursor: pointer;\n            margin: 8px 6px;\n        }\n\n        .compare-btn2 i {\n            margin-left: 10px;\n        }\n\n        .tabs-nav {\n            margin-bottom: 0 !important;\n        }\n\n        .compare-item h5 {\n            margin-bottom: 15px;\n            font-size: 20px;\n            font-family: \"Helvetica Neue\", Sans-serif;\n        }\n\n        .slick-prev {\n            position: absolute;\n            right: 40px;\n            top: 5px;\n            background: transparent;\n            border: 0;\n            font-size: 30px;\n            cursor: pointer;\n            z-index: 1;\n        }\n\n        .slick-next {\n            position: absolute;\n            right: -10px;\n            top: 5px;\n            background: transparent;\n            border: 0;\n            font-size: 30px;\n            cursor: pointer;\n            z-index: 1;\n        }\n\n        .slick-list {\n            margin-top: 50px !important;\n            border-top: 1px solid #8C9990;\n            padding: 0 8% 40px 0 !important;\n\n        }\n\n        .slick-list::-webkit-scrollbar {\n            display: none;\n        }\n\n        .slick-track {\n            padding-top: 30px !important;\n            margin: 0 !important;\n        }\n\n        .slider__counter {\n            position: absolute;\n            left: 10px;\n            top: 5px;\n        }\n\n        .tabs-stage .tab__content {\n            display: none;\n            position: relative;\n        }\n\n        .tabs-stage .tab__content.tab-active {\n            display: block;\n            position: relative;\n        }\n\n        .tab__label {\n            margin-bottom: 0;\n        }\n\n        .tabs ul li.checked {\n            background-color: #4C4E54;\n            color: #fff;\n            border: 1px solid #4C4E54;\n        }\n\n        .tab__input.hidden {\n            position: absolute;\n            top: 0;\n            left: 0;\n            opacity: 0;\n            right: 0;\n            bottom: 0;\n            cursor: pointer;\n            width: 100%;\n            height: 100%;\n        }\n\n        .compare-btn2.not-compare {\n            background-color: #4C4E54;\n            color: #fff;\n            border: 1px solid #4C4E54;\n        }\n\n        .compare-btn2.not-compare i {\n            display: block;\n        }\n\n        .compare-btn2 i {\n            display: none;\n        }\n\n        .compare-btn2 label {\n            margin: 0;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            cursor: pointer;\n        }\n\n        .is-sticky {\n            position: -webkit-sticky;\n            position: fixed !important;\n            top: 90px;\n            z-index: 999;\n            width: inherit;\n            background-color: #fff;\n            padding: 10px;\n            height: 445px;\n            margin: 0;\n            left: 0;\n            right: 0;\n            overflow: hidden;\n        }\n\n        \/* .slick-slider .slick-track, *\/\n        .slider-wrapper {\n            position: relative;\n        }\n\n        .is-sticky .slick-arrow {\n            display: none;\n        }\n\n        .is-sticky .slick-list {\n            margin-top: -35px !important;\n        }\n\n        .nav-slider {\n            margin-top: 0 !important;\n            position: -webkit-sticky;\n            \/* For Safari *\/\n            position: sticky !important;\n            top: 0;\n            background: white;\n            z-index: 1000;\n        }\n\n        .nav-slider .slick-list,\n        .nav-slider .slick-track {\n            padding: 0 !important;\n            border: 0 !important;\n            margin-top: 0 !important;\n            transform: none !important;\n            -webkit-transform: none !important;\n        }\n\n        .filter-section.fixed .slider-wrapper .sticky-header {\n            position: absolute;\n            top: 0px;\n            left: 0;\n            z-index: 999;\n            background-color: #fff;\n            width: 100%;\n            background-color: #ebebeb;\n            padding: 10px 13px;\n            \/* transition: all .1s; *\/\n            text-align: center;\n            min-height: 280px;\n        }\n\n        .filter-section.fixed .slider-wrapper .sticky-header .compare-btn2,\n        .filter-section.fixed .slider-wrapper .sticky-header .view-product {\n            width: 48%;\n            font-size: 13px;\n            display: inline-block;\n            margin: auto;\n            cursor: pointer;\n        }\n\n        .filter-section.fixed .product-img {\n            margin: 0 5px;\n            background: #e0e0e0;\n        }\n\n        .filter-section.fixed .slider-wrapper .sticky-header .product-img img {\n            width: 100%;\n            height: 160px;\n            margin: auto;\n            display: block;\n            object-fit: contain;\n        }\n\n        .filter-section.fixed .slider-wrapper .sticky-header .compare-btn2 {\n            padding: 6px 32px;\n        }\n\n        .filter-section.fixed .compare-products .product-grid-main {\n            margin-top: 5px;\n        }\n\n        .filter-section.fixed .compare-item h5 {\n            margin: 5px 0;\n            font-size: 16px;\n            min-height: 40px;\n            overflow: auto;\n            display: flex;\n            align-items: center;\n            text-align: left;\n        }\n\n        .filter-section.fixed .view-product a {\n            margin: 0;\n        }\n\n        .view-product a {\n            color: #4C4E54;\n        }\n\n        .filter-section.fixed .slider-wrapper .sticky-header .compare-btn2 a,\n        .filter-section.fixed .slider-wrapper .sticky-header .view-product {\n            padding: 6px;\n            font-size: 13px;\n        }\n\n        .filter-section.fixed .slick-list,\n        .filter-section.fixed .slick-slider {\n            overflow-y: inherit !important;\n            overflow-X: hidden !important;\n            margin-top: 0px !important;\n        }\n\n        .filter-section.fixed .slider-wrapper .sticky-action {\n            margin-top: 350px;\n        }\n\n        .category-types {\n            max-width: 85%;\n        }\n\n        .filter-section {\n            \/* Add other styles *\/\n            transition: top 0.3s ease-out;\n            \/* Add transition effect *\/\n        }\n\n        \/* .filter-section.fixed .slider-wrapper .sticky-action {\n            position: absolute;\n            top: 100px;\n            left: 0;\n            z-index: 2;\n            background-color: #EFEFF0;\n            width: 100%;\n            padding: 0 15px;\n            height: 75px;\n            border-bottom: 10px white solid;\n        } *\/\n        img.loader_img {\n            width: 60px;\n            margin: auto;\n            display: block;\n        }\n\n        .error-note {\n            min-height: 36px;\n        }\n\n        .error-note.show {\n            color: #33353c;\n            padding: 4px 20px;\n            \/* background: rgb(227 113 113 \/ 10%); *\/\n            border: 1px solid #c31d1d;\n            display: inline-block;\n            margin: 0 10px;\n            \/* border-radius: 4px; *\/\n            position: relative;\n            font-weight: 600;\n        }\n\n        \/* .error-note:before {\n            content: '';\n            position: relative;\n            left: -7px;\n            top: -2px;\n            font-family: \"Font Awesome 5 Free\";\n            content: \"\\f06a\";\n            display: inline-block;\n            padding-right: 3px;\n            vertical-align: middle;\n            font-weight: 900;\n            bottom: 0;\n        } *\/\n\n        .compare-div .compare-btn2 {\n            display: none;\n        }\n\n        .compare-product.disable_btn {\n            cursor: not-allowed;\n            pointer-events: none;\n        }\n\n        .sticky-action .product-desc {\n            height: 300px;\n        }\n\n        .details.long-entity {\n            height: 420px;\n        }\n\n        .details.mid-entity {\n            height: 300px;\n        }\n\n        .details.small-entity {\n            height: 200px;\n        }\n\n        .show-products {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .show-products .compare-txt {\n            width: 80%;\n        }\n\n        .compare-txt h4,\n        .product-desc h5 {\n            font-family: \"Helvetica Neue\", Sans-serif;\n        }\n\n        .filter-section.remove-fixed .slider-wrapper .sticky-header {\n            top: auto !important;\n        }\n    <\/style>\n    <title><\/title>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/4.7.0\/css\/font-awesome.min.css\">\n    <link rel=\"stylesheet\" type=\"text\/css\" href=\"\/\/cdn.jsdelivr.net\/npm\/slick-carousel@1.8.1\/slick\/slick.css\" \/>\n<\/head>\n\n<body>\n    <input type=\"hidden\" id=\"cat_id\" value=\"all\" \/>\n    <input type=\"hidden\" id=\"product_name\" value=\"all\" \/>\n    <form class=\"post-list\">\n        <input type=\"hidden\" value=\"\" \/>\n    <\/form>\n    <section class=\"filter-section\">\n        <div class=\"container\">\n\n            <div class=\"tabs\">\n                <div class=\"filter-option\">\n                    <p>SORTER EFTER <a href=\"javascript:void(0)\"><i class=\"fa fa-angle-down\"><\/i><\/a><\/p>\n                    <div class=\"show-products\">\n                        <div class=\"compare-txt\">\n                            <h4>Produktsammenligning<\/h4>\n                        <\/div>\n                        <div class=\"tabs-div\">\n\n                            <div class=\"category-types\">\n\n                                <ul class=\"tabs-nav\">\n                                    <li class=\"checked\">\n                                        <input type=\"checkbox\" product-name=\"all\" data-val=\"reay\" id=\"all\" name=\"tabGroup\" class=\"tab__input hidden\" checked>\n                                        <label for=\"all\" class=\"tab__label\">Alle<\/label>\n                                    <\/li>\n                                                                                                                        <li class=\"\">\n                                                <input type=\"checkbox\" product-name=\"integrations-da\" data-val=\"reay\" id=\"330\" name=\"tabGroup\" class=\"tab__input hidden\" >\n                                                <label for=\"330\" class=\"tab__label\">Integrationer<\/label>\n                                            <\/li>\n                                                                                    <li class=\"\">\n                                                <input type=\"checkbox\" product-name=\"ceiling-tiles-da\" data-val=\"reay\" id=\"333\" name=\"tabGroup\" class=\"tab__input hidden\" >\n                                                <label for=\"333\" class=\"tab__label\">Kassetter<\/label>\n                                            <\/li>\n                                                                                    <li class=\"\">\n                                                <input type=\"checkbox\" product-name=\"ceiling-lamellas-da\" data-val=\"reay\" id=\"332\" name=\"tabGroup\" class=\"tab__input hidden\" >\n                                                <label for=\"332\" class=\"tab__label\">Lameller<\/label>\n                                            <\/li>\n                                                                                    <li class=\"\">\n                                                <input type=\"checkbox\" product-name=\"ceiling-panels-da\" data-val=\"reay\" id=\"331\" name=\"tabGroup\" class=\"tab__input hidden\" >\n                                                <label for=\"331\" class=\"tab__label\">Paneler<\/label>\n                                            <\/li>\n                                                                                    <li class=\"\">\n                                                <input type=\"checkbox\" product-name=\"wall-solutions-da\" data-val=\"reay\" id=\"334\" name=\"tabGroup\" class=\"tab__input hidden\" >\n                                                <label for=\"334\" class=\"tab__label\">V\u00e6gl\u00f8sninger<\/label>\n                                            <\/li>\n                                                                                                            <\/ul>\n\n                            <\/div>\n                            <div class=\"compare-btn\">\n                                <a href=\"javascript:void(0)\" class=\"compare-product\"> Sammenlign <span id=\"count-checked\">0<\/span><\/a>\n                                <a href=\"javascript:void(0)\" class=\"show-all\">Vis alle produkter<\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"error-note\"><\/div>\n                <div class=\"tabs-stage\">\n\n                <\/div>\n            <\/div>\n\n            <div class=\"drawer-background\"><\/div>\n            <div class=\"drawer-panel text-center\">\n\n            <\/div>\n\n\n            <script type=\"text\/javascript\" src=\"\/\/cdn.jsdelivr.net\/npm\/slick-carousel@1.8.1\/slick\/slick.min.js\">\n            <\/script>\n\n            <script>\n               \n                jQuery('#mydropdown').click(function(event) {\n                    event.stopPropagation();\n                });\n\n                jQuery('.filter-link').fadeOut();\n\n\n                jQuery(document).click(function(e) {\n                    if (!jQuery(e.target).hasClass(\"references-check\") &&\n                        jQuery(e.target).find(\".drawer-panel-bottom\").length === 0) {\n                        jQuery('.drawer-panel-bottom').removeClass('show');\n                    }\n                });\n                jQuery('.close-item').click(function(event) {\n                    jQuery(this).parent('.selected-item').remove();\n                })\n                jQuery('.compare-items').click(function(event) {\n                    jQuery('.drawer-background').toggleClass('show');\n                })\n                jQuery('.remove_all').click(function(event) {\n                    jQuery('.modal').toggleClass('show');\n                    jQuery('.drawer-background').toggleClass('show');\n                    jQuery('.drawer-panel-bottom').removeClass('show');\n                })\n\n                jQuery('.tabs input:checked').change();\n\n                \/\/ jQuery('.error-note').hide();\n                jQuery(document).ready(function($) {\n                    var loadtime = 1;\n                    \/\/ $('.error-note').hide();\n                    $('.compare-product').addClass('disable_btn');\n                    var ajaxurl = \"https:\/\/dampa.com\/wp-admin\/admin-ajax.php\";\n                    var loader_img = \"https:\/\/dampa.com\/wp-content\/uploads\/2022\/08\/terminal-loader.webp\";\n                    jQuery('.tabs-stage').html(\n                        \"<img src='\" + loader_img + \"'>\"\n                    );\n                    var cat_id = $('#cat_id').val();\n\n                    function building_specification_load_my_data(cat_id, checkedIds) {\n\n                        jQuery('.tabs-stage').html(\n                            \"<img class='loader_img' src='\" + loader_img + \"'>\"\n                        );\n                        var post_data = {\n                            cat_id: cat_id,\n                            checkedIds: checkedIds\n                        };\n                        $('form.post-list input').val(JSON.stringify(post_data));\n                        var data = {\n                            action: \"building_specification_load_my_data\",\n                            data: JSON.parse($('form.post-list input').val())\n                        };\n\n                        $.post(ajaxurl, data, function(response) {\n                            $('.tabs-stage').html(response);\n                            var product_name =\n                                ''; \/\/ PHP code to get query variable value\n                            var segments = window.location.pathname.split('\/').filter(function(segment) {\n                                return segment.trim() !== '';\n                            });\n                            if (cat_id != \"all\") {\n                                $('html, body').animate({\n                                    scrollTop: $('.filter-section').offset().top\n                                }, 'slow');\n                            }\n                                                        if (segments.length === 4) {\n                                $('.product-drawer').filter(function() {\n                                    return $(this).attr('product-name') === product_name;\n                                }).each(function() {\n                                    $('html, body').animate({\n                                        scrollTop: $('.filter-section').offset().top\n                                    }, 'slow');\n\n                                    $(this).attr('product-name', product_name).find('a').trigger(\n                                        'click');\n                                });\n                            }\n                            var $inputid = jQuery('.tabs input.tab__input').attr('id');\n\n                            var $tabid = jQuery('.tab__content').attr('data-id');\n                            console.log($tabid)\n\n                            var $tabContent = jQuery('.tab__content[data-id=\"' + $inputid + '\"]');\n\n                            jQuery('.slider').slick({\n                                speed: 250,\n                                slidesToShow: 4,\n                                slidesToScroll: 4,\n                                cssEase: 'linear',\n                                swipe: true,\n                                swipeToSlide: true,\n                                touchThreshold: 10,\n                                infinite: false,\n                                prevArrow: '<button class=\"slick-prev slick-arrow\" aria-label=\"Previous\" type=\"button\" style=\"\"><svg width=\"40\" height=\"15\" viewBox=\"0 0 40 15\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><g clip-path=\"url(#clip0_3263_10585)\"><path d=\"M6.10156 3.9918V0.431641L3.05 2.21172L-0.00156212 3.9918L3.05 5.77187L6.10156 7.55195V3.9918Z\" fill=\"#333333\"\/><path d=\"M32.5469 3.99219H6.1\" stroke=\"#333333\" stroke-width=\"1.01719\"\/><\/g><defs><clipPath id=\"clip0_3263_10585\"><rect width=\"32.55\" height=\"8.4\" fill=\"white\" transform=\"matrix(-1 0 0 1 32.5469 0.300781)\"\/><\/clipPath><\/defs><\/svg><\/button>',\n                                nextArrow: '<button class=\"slick-next slick-arrow\" aria-label=\"next\" type=\"button\" style=\"\"><svg width=\"40\" height=\"15\" viewBox=\"0 0 40 15\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><g clip-path=\"url(#clip0_3263_10588)\"><path d=\"M26.9922 3.9918V0.431641L30.0437 2.21172L33.0953 3.9918L30.0437 5.77187L26.9922 7.55195V3.9918Z\" fill=\"#333333\"\/><path d=\"M0.546875 3.99219H26.9937\" stroke=\"#333333\" stroke-width=\"1.01719\"\/><\/g><defs><clipPath id=\"clip0_3263_10588\"><rect width=\"32.55\" height=\"8.4\" fill=\"white\" transform=\"translate(0.546875 0.300781)\"\/><\/clipPath><\/defs><\/svg><\/button>',\n                                responsive: [{\n                                        breakpoint: 1600,\n                                        settings: {\n                                            slidesToShow: 4,\n                                            slidesToScroll: 4,\n                                            infinite: true,\n                                        }\n                                    },\n                                    {\n                                        breakpoint: 1400,\n                                        settings: {\n                                            slidesToShow: 3,\n                                            slidesToScroll: 3,\n                                            infinite: true,\n                                        }\n                                    },\n                                    {\n                                        breakpoint: 1024,\n                                        settings: {\n                                            slidesToShow: 2,\n                                            slidesToScroll: 2,\n                                            infinite: true,\n                                        }\n                                    },\n                                    {\n                                        breakpoint: 600,\n                                        settings: {\n                                            slidesToShow: 2,\n                                            slidesToScroll: 2\n                                        }\n                                    },\n                                    {\n                                        breakpoint: 480,\n                                        settings: {\n                                            slidesToShow: 1,\n                                            slidesToScroll: 1\n                                        }\n                                    }\n                                ],\n                            })\n                            jQuery('.slider').on('setPosition', function(event, slick) {\n\n                                var $counter = $tabContent.find('.slider__counter');\n                                var $counter = jQuery('.slider').closest('.tab__content').find(\n                                    '.slider__counter');\n                                $counter.text((slick.currentSlide + 1) + ' \/ ' + slick.slideCount);\n                            });\n                            jQuery('.slider').on('afterChange', function(event, slick, currentSlide) {\n\n                                var $counter = $tabContent.find('.slider__counter');\n                                var $counter = jQuery('.slider').closest('.tab__content').find(\n                                    '.slider__counter');\n                                $counter.text((currentSlide + 1) + ' \/ ' + slick.slideCount);\n                            });\n                        });\n\n                    }\n                    building_specification_load_my_data($('#cat_id').val(), '');\n\n                    function tabschange() {\n                        jQuery('.tabs input.tab__input').on('click', function() {\n                            \/\/ jQuery('.error-note').hide();\n                            jQuery('#count-checked').text('')\n\n\n                            var $inputid = jQuery(this).attr('id');\n                            if ($inputid == \"all\") {\n                                jQuery('.tabs input').parent('li').removeClass('checked');\n                                jQuery(this).parent('li').addClass('checked');\n                                jQuery(this).prop('checked', true);\n                            } else {\n                                $('#all').removeAttr('checked');\n                                $('#all').parent('li').removeClass('checked');\n                                $(this).prop('checked', true);\n                                if ($(this).parent('li').hasClass('checked')) {\n                                    $(this).parent('li').removeClass(\n                                        'checked');\n                                } else {\n                                    $(this).parent('li').addClass('checked');\n                                    $(this).prop('checked', true);\n                                }\n                            }\n                            var $tabid = jQuery('.tab__content').attr('data-id');\n                            var checkedIds1 = [];\n                            var productNames = [];\n\n                            $('li.checked').find('input[type=\"checkbox\"]:checked').each(function() {\n                                var checkbox = $(this);\n                                checkedIds1.push(checkbox.attr('id'));\n                                productNames.push(checkbox.attr('product-name'));\n                            });\n\n                            var compare1 = checkedIds1.join(',');\n                            if (compare1 == \"\") {\n                                $('#cat_id').val('all');\n                                $('#all').trigger('click');\n                            } else {\n                                $('#cat_id').val(compare1);\n                            }\n\n                            var product_name = productNames.join(',');\n                            $('#product_name').val(product_name);\n\n                            var segments = window.location.pathname.split('\/').filter(function(segment) {\n                                return segment.trim() !== '';\n                            });\n                            \n                            if (segments.length === 4) {\n                                segments.pop();\n                            }\n\n                            var updatedPath = segments.join(\n                                '\/');\n\n                            var current_url = window.location.href;\n                            var updated_url = current_url.split('?')[0].split('\/').slice(0, 3).join('\/') +\n                                '\/' + updatedPath;\n\n                            if (product_name !== \"\" && product_name !== \"all\") {\n                                updated_url += '?type=' + product_name.replace(\/%2C\/g,\n                                    ',');\n                            }\n\n                            window.history.pushState({\n                                path: updated_url\n                            }, '', updated_url);\n\n\n\n                            building_specification_load_my_data(jQuery('#cat_id').val(), '');\n\n                            var $tabContent = jQuery('.tab__content[data-id=\"' + $inputid + '\"]');\n                            jQuery('.tab__content').removeClass('tab-active')\n                            $tabContent.addClass('tab-active')\n\n                            var $slider = $tabContent.find('.slider');\n                            jQuery('.slider').on('setPosition', function() {\n                                var slider = jQuery(this);\n                                var slides = slider.find('.slick-slide');\n\n                                slides.each(function() {\n                                    var slide = jQuery(this);\n                                    var fixedElement = slide.find('.sticky');\n                                    var slideOffset = slide.offset().top;\n\n                                    jQuery(window).on('scroll', function() {\n                                        var windowTop = jQuery(this).scrollTop();\n                                        var fixedTop = slideOffset - windowTop;\n                                        if (fixedTop < 0) {\n                                            fixedTop = 0;\n                                        }\n                                        fixedElement.css('top', fixedTop);\n                                    });\n                                });\n                            });\n                            jQuery(window).scroll(function() {\n                                var scroll = jQuery(window).scrollTop();\n\n                                if (scroll >= 1000) {\n                                    jQuery(\".sticky\").addClass(\"is-sticky\");\n                                } else {\n                                    jQuery(\".sticky\").removeClass(\"is-sticky\");\n                                }\n                            });\n\n                            if (jQuery(this).is(':checked')) {\n\n                                $slider.slick({\n                                    speed: 250,\n                                    slidesToShow: 4,\n                                    slidesToScroll: 4,\n                                    cssEase: 'linear',\n                                    swipe: true,\n                                    swipeToSlide: true,\n                                    touchThreshold: 10,\n                                    infinite: false,\n                                    prevArrow: '<button class=\"slick-prev slick-arrow\" aria-label=\"Previous\" type=\"button\" style=\"\"><svg width=\"40\" height=\"15\" viewBox=\"0 0 40 15\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><g clip-path=\"url(#clip0_3263_10585)\"><path d=\"M6.10156 3.9918V0.431641L3.05 2.21172L-0.00156212 3.9918L3.05 5.77187L6.10156 7.55195V3.9918Z\" fill=\"#333333\"\/><path d=\"M32.5469 3.99219H6.1\" stroke=\"#333333\" stroke-width=\"1.01719\"\/><\/g><defs><clipPath id=\"clip0_3263_10585\"><rect width=\"32.55\" height=\"8.4\" fill=\"white\" transform=\"matrix(-1 0 0 1 32.5469 0.300781)\"\/><\/clipPath><\/defs><\/svg><\/button>',\n                                    nextArrow: '<button class=\"slick-next slick-arrow\" aria-label=\"next\" type=\"button\" style=\"\"><svg width=\"40\" height=\"15\" viewBox=\"0 0 40 15\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><g clip-path=\"url(#clip0_3263_10588)\"><path d=\"M26.9922 3.9918V0.431641L30.0437 2.21172L33.0953 3.9918L30.0437 5.77187L26.9922 7.55195V3.9918Z\" fill=\"#333333\"\/><path d=\"M0.546875 3.99219H26.9937\" stroke=\"#333333\" stroke-width=\"1.01719\"\/><\/g><defs><clipPath id=\"clip0_3263_10588\"><rect width=\"32.55\" height=\"8.4\" fill=\"white\" transform=\"translate(0.546875 0.300781)\"\/><\/clipPath><\/defs><\/svg><\/button>',\n                                    responsive: [{\n                                            breakpoint: 1600,\n                                            settings: {\n                                                slidesToShow: 4,\n                                                slidesToScroll: 4,\n                                                infinite: true,\n                                            }\n                                        },\n                                        {\n                                            breakpoint: 1400,\n                                            settings: {\n                                                slidesToShow: 3,\n                                                slidesToScroll: 3,\n                                                infinite: true,\n                                            }\n                                        }, {\n                                            breakpoint: 1024,\n                                            settings: {\n                                                slidesToShow: 2,\n                                                slidesToScroll: 2,\n                                                infinite: true,\n                                            }\n                                        },\n                                        {\n                                            breakpoint: 600,\n                                            settings: {\n                                                slidesToShow: 2,\n                                                slidesToScroll: 2\n                                            }\n                                        },\n                                        {\n                                            breakpoint: 480,\n                                            settings: {\n                                                slidesToShow: 1,\n                                                slidesToScroll: 1\n                                            }\n                                        }\n                                    ],\n                                });\n                                $slider.on('setPosition', function(event, slick) {\n                                    var $counter = $tabContent.find('.slider__counter');\n                                    $counter.text((slick.currentSlide + 1) + ' \/ ' + slick\n                                        .slideCount);\n                                });\n                                $slider.on('afterChange', function(event, slick, currentSlide) {\n                                    var $counter = $tabContent.find('.slider__counter');\n                                    var $counter = $slider.closest('.tab__content').find(\n                                        '.slider__counter');\n                                    $counter.text((currentSlide + 1) + ' \/ ' + slick.slideCount);\n                                });\n                            } else {\n                                $slider.slick('unslick');\n                            }\n                        });\n                    }\n                    tabschange()\n\n                    jQuery('.drawer-close').hide();\n\n                    $(document).on('click', '.product-drawer', function() {\n                        jQuery('html, body').css('overflow-y', 'hidden');\n                        var product_id = $(this).attr('id');\n                        var product_name_old = $(this).attr('product-name');\n                        var product_name = '';\n                        var segments = window.location.pathname.split('\/').filter(function(segment) {\n                            return segment.trim() !== '';\n                        });\n                                                if (segments.length === 4) {\n                            segments.pop();\n                            segments.push(product_name_old);\n                            var new_url = '\/' + segments.join('\/');\n                            window.history.pushState({\n                                path: new_url\n                            }, '', new_url);\n                        } else if (segments.length === 3) {\n                            var encoded_product_name = encodeURIComponent(product_name_old);\n                            var current_url = window.location.href;\n                            var current_url_without_params = current_url.split('?')[0].split('#')[0];\n                            var updated_url = current_url_without_params.endsWith('\/') ?\n                                current_url_without_params + encoded_product_name :\n                                current_url_without_params + '\/' + encoded_product_name;\n                            window.history.pushState({\n                                path: updated_url\n                            }, '', updated_url);\n                        }\n\n                        jQuery.ajax({\n                            url: ajaxurl,\n                            type: 'post',\n                            data: {\n                                action: 'building_specification_drawer',\n                                product_id: product_id\n                            },\n                            success: function(response) {\n                                $('.drawer-panel').html(response);\n                                $('.drawer-panel').toggleClass('show');\n                                $('.drawer-background').toggleClass('show');\n                                $('.menu').hide();\n                                $('.drawer-close').show();\n                                if (jQuery(window).width() <= 991) {\n                                    jQuery('.drawer-panel').scroll(function() {\n                                        var scrollTop = jQuery(this).scrollTop();\n                                        \/\/ var productgrid = jQuery('.product-grid-main .product-img').height();\n                                        if (scrollTop >= 100) {\n                                            jQuery('.product-desc').addClass('fixed');\n                                            jQuery('.drawer-panel').css('padding-bottom', '300px');\n                                        } else {\n                                            jQuery('.product-desc').removeClass('fixed');\n                                            jQuery('.drawer-panel').css('padding-bottom', '0px');\n                                        }\n                                        if (scrollTop === 0) {\n                                            jQuery('.product-desc').removeClass('fixed');\n                                            jQuery('.drawer-panel').css('padding-bottom', '0px');\n                                        }\n                                    });\n                                }\n\n                            },\n                            error: function(xhr, status, error) {\n                                console.error(xhr.responseText);\n                            }\n                        });\n                    });\n                    $(document).on('click', '.drawer-close', function() {\n                        var currentUrl = window.location.href;\n                        var lastSlashIndex = currentUrl.lastIndexOf('\/');\n                        var newUrl = currentUrl.substring(0, lastSlashIndex);\n                        history.replaceState({}, '', newUrl);\n                        $('.drawer-panel').removeClass('show');\n                        $('.drawer-background').removeClass('show');\n                        $('.menu').show();\n                        $('.drawer-close').hide();\n                        $('.drawer-panel-compare').removeClass('show');\n                        $('.modal').removeClass('show');\n                        $('.product-desc').removeClass('fixed');\n                        jQuery('html, body').css('overflow-y', 'auto');\n                    });\n                    var $compareproduct = jQuery('.compare-product');\n                    var $showall = jQuery('.show-all');\n                    jQuery('#count-checked').text('')\n                    var compare = \"\";\n                    $(document).on('change', '.references-check', function() {\n                        $(this).parent('.compare-btn2').toggleClass('not-compare checked');\n\n                        $(this).children('i').show();\n                        $('.compare-btn a').addClass('active');\n\n                        var checkedIds = [];\n                        var countCheckedCheckboxes = $('.references-check:checked').length;\n                        $('.compare-btn2.checked').find('input[type=\"checkbox\"]:checked').each(function() {\n                            checkedIds.push($(this).attr('id'));\n                        });\n\n                        compare = checkedIds.join(',');\n                        if (countCheckedCheckboxes < 2) {\n                            $('.error-note').addClass('show');\n                            var error_message =\n                                \"V\u00e6lg venligst to eller flere produkter for at sammenligne.\";\n                            $('.error-note').html(error_message);\n                            $('.compare-product').addClass('disable_btn');\n                        } else {\n                            $('.error-note').html(\"\");\n                            $('.error-note').removeClass('show');\n                            \/\/ $('.error-note').hide();\n                            $('.compare-product').removeClass('disable_btn');\n                        }\n                        if (countCheckedCheckboxes == 0) {\n                            countCheckedCheckboxes = \"\";\n                            $('.error-note').html(\"\");\n                            \/\/ $('.error-note').hide();\n                            $('.error-note').removeClass('show');\n                            $('.compare-btn a').removeClass('active');\n                            $('.compare-product').removeClass('disable_btn');\n                        }\n\n                        $('#count-checked').text(countCheckedCheckboxes);\n                    });\n\n                    $('.show-all, .compare-txt').hide();\n                    $(document).on('click', '.compare-product', function() {\n                        var compare_values = compare.split(',');\n\n                        if (compare_values.length < 2) {\n                            $('.error-note').addClass('show');\n                            var error_message =\n                                \"V\u00e6lg venligst to eller flere produkter for at sammenligne.\";\n                            $('.error-note').html(error_message);\n                            $('.compare-product').addClass('disable_btn');\n                        } else {\n                            $('.error-note').html(\"\");\n                            \/\/ $('.error-note').hide();\n                            $('.error-note').removeClass('show');\n                            $('.compare-product').removeClass('disable_btn');\n                            $('.category-types, .compare-btn2, .filter-option p').hide();\n                            $('.compare-txt').show();\n                            $showall.show();\n                            $(this).hide();\n                            building_specification_load_my_data(jQuery('#cat_id').val(), compare);\n                        }\n                    });\n                    $(document).on('click', '.show-all', function() {\n                        $(this).hide();\n                        $('.compare-btn a').removeClass('active');\n                        $compareproduct.show();\n                        $('.category-types, .compare-btn2, .filter-option p').show();\n                        $('.compare-txt').hide();\n                        $('#count-checked').html('');\n                        compare = \"\";\n                        building_specification_load_my_data(jQuery('#cat_id').val(), '');\n                    });\n                    if (jQuery(window).width() <= 991) {\n                            jQuery(document).on('click', function(event) {\n                                \/\/ Check if the clicked element or any of its ancestors have the class '.filter-option'\n                                if (!jQuery(event.target).closest('.filter-option p, ul.tabs-nav').length) {\n                                    \/\/ If not, slide up the '.tabs-nav'\n                                    jQuery('.tabs-nav').hide();\n                                }\n                            });\n                            jQuery('.tabs ul.tabs-nav').hide()\n                            jQuery('.filter-option p a').show();\n                            jQuery('.filter-option p').click(function(event) {\n                                if (jQuery('.tabs-nav').is(\":hidden\")) {\n                                    jQuery('.tabs ul.tabs-nav').show()\n                                } else {\n                                    jQuery('.tabs ul.tabs-nav').hide()\n                                }\n                            });\n                        } else {\n                            jQuery('.filter-option p a').hide();\n                            \/\/ Function to debounce scroll events\n                          \n\n                            jQuery(window).scroll(function() {\n                            var scrollTop = jQuery(window).scrollTop();\n                            var sectionHeight = jQuery('.common-banner-section').outerHeight(true) + 350;\n                            var headerHeight = jQuery('.elementor-sticky--active').height();\n                            var windowHeight = jQuery(window).height();\n                            var contactAreaTop = jQuery('.contact-area').offset().top;\n                            var contactAreaBottom = contactAreaTop + jQuery('.contact-area').outerHeight();\n                            var filterSection = jQuery('.filter-section');\n\n                            if (scrollTop >= sectionHeight) {\n                                filterSection.addClass('fixed');\n\n                                \/\/ Check if the top of the contact area is within the viewport\n                                if (contactAreaTop >= scrollTop && contactAreaTop <= scrollTop + windowHeight) {\n                                    \/\/ Toggle a class to trigger the transition effect\n                                    filterSection.addClass('remove-fixed');\n                                } else {\n                                    \/\/ Remove the class if the condition is not met\n                                    filterSection.removeClass('remove-fixed');\n                                }\n\n                                var filterSectionOffsetTop = filterSection.offset().top;\n\n                                \/\/ Calculate top position of the sticky header\n                                var topPosition = scrollTop - filterSectionOffsetTop - headerHeight - 60;\n\n                                \/\/ Limit topPosition to avoid negative values\n                                topPosition = Math.max(topPosition, 0);\n\n                                jQuery('.tabs-stage .slider .sticky-header').css('top', topPosition);\n                            } else {\n                                filterSection.removeClass('fixed');\n                            }\n                        }); \/\/ Adjust debounce wait time as needed\n\n\n                        }\n\n                });\n            <\/script>\n<\/body>\n\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64ae43c e-con-full contact-area e-flex e-con e-parent\" data-id=\"64ae43c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-5ee49cf8 e-con-full e-flex e-con e-child\" data-id=\"5ee49cf8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f6c7fb1 elementor-widget elementor-widget-heading\" data-id=\"7f6c7fb1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Kontakt<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7abc794 elementor-widget elementor-widget-text-editor\" data-id=\"7abc794\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Lad vores erfarne team kontakte dig <br \/>for at finde den perfekte l\u00f8sning til dit projekt.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b769641 elementor-widget elementor-widget-button\" data-id=\"b769641\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6MjE2MDUsInRvZ2dsZSI6ZmFsc2V9\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Bliv kontaktet<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-251d6b39 e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"251d6b39\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-553058ea e-con-full e-flex e-con e-child\" data-id=\"553058ea\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3aaf3a57 elementor-widget elementor-widget-image\" data-id=\"3aaf3a57\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2522\" height=\"1681\" src=\"https:\/\/dampa.com\/wp-content\/uploads\/2023\/10\/Byg.png\" class=\"attachment-large size-large wp-image-28616\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Byg specifikationer Specifikationer for vores byg-produkter Kontakt Lad vores erfarne team kontakte dig for at finde den perfekte l\u00f8sning til dit projekt. Bliv kontaktet<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":14485,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-23496","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Byg specifikationer | DAMPA<\/title>\n<meta name=\"description\" content=\"Find relevant information og downloads til vores produkter her.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dampa.com\/da\/byg\/specifikationer\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Byg specifikationer | DAMPA\" \/>\n<meta property=\"og:description\" content=\"Find relevant information og downloads til vores produkter her.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dampa.com\/da\/byg\/specifikationer\/\" \/>\n<meta property=\"og:site_name\" content=\"DAMPA\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-28T07:22:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dampa.com\/wp-content\/uploads\/2023\/10\/Byg.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/dampa.com\/da\/byg\/specifikationer\/\",\"url\":\"https:\/\/dampa.com\/da\/byg\/specifikationer\/\",\"name\":\"Byg specifikationer | DAMPA\",\"isPartOf\":{\"@id\":\"https:\/\/dampa.com\/da\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/dampa.com\/da\/byg\/specifikationer\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/dampa.com\/da\/byg\/specifikationer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/dampa.com\/wp-content\/uploads\/2023\/10\/Byg.png\",\"datePublished\":\"2024-04-25T11:32:41+00:00\",\"dateModified\":\"2024-05-28T07:22:06+00:00\",\"description\":\"Find relevant information og downloads til vores produkter her.\",\"breadcrumb\":{\"@id\":\"https:\/\/dampa.com\/da\/byg\/specifikationer\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/dampa.com\/da\/byg\/specifikationer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/dampa.com\/da\/byg\/specifikationer\/#primaryimage\",\"url\":\"https:\/\/dampa.com\/wp-content\/uploads\/2023\/10\/Byg.png\",\"contentUrl\":\"https:\/\/dampa.com\/wp-content\/uploads\/2023\/10\/Byg.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/dampa.com\/da\/byg\/specifikationer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/dampa.com\/da\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Byg\",\"item\":\"https:\/\/dampa.com\/da\/byg\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Byg specifikationer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/dampa.com\/da\/#website\",\"url\":\"https:\/\/dampa.com\/da\/\",\"name\":\"DAMPA\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/dampa.com\/da\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"da-DK\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Byg specifikationer | DAMPA","description":"Find relevant information og downloads til vores produkter her.","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:\/\/dampa.com\/da\/byg\/specifikationer\/","og_locale":"da_DK","og_type":"article","og_title":"Byg specifikationer | DAMPA","og_description":"Find relevant information og downloads til vores produkter her.","og_url":"https:\/\/dampa.com\/da\/byg\/specifikationer\/","og_site_name":"DAMPA","article_modified_time":"2024-05-28T07:22:06+00:00","og_image":[{"url":"https:\/\/dampa.com\/wp-content\/uploads\/2023\/10\/Byg.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Estimeret l\u00e6setid":"1 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dampa.com\/da\/byg\/specifikationer\/","url":"https:\/\/dampa.com\/da\/byg\/specifikationer\/","name":"Byg specifikationer | DAMPA","isPartOf":{"@id":"https:\/\/dampa.com\/da\/#website"},"primaryImageOfPage":{"@id":"https:\/\/dampa.com\/da\/byg\/specifikationer\/#primaryimage"},"image":{"@id":"https:\/\/dampa.com\/da\/byg\/specifikationer\/#primaryimage"},"thumbnailUrl":"https:\/\/dampa.com\/wp-content\/uploads\/2023\/10\/Byg.png","datePublished":"2024-04-25T11:32:41+00:00","dateModified":"2024-05-28T07:22:06+00:00","description":"Find relevant information og downloads til vores produkter her.","breadcrumb":{"@id":"https:\/\/dampa.com\/da\/byg\/specifikationer\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dampa.com\/da\/byg\/specifikationer\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/dampa.com\/da\/byg\/specifikationer\/#primaryimage","url":"https:\/\/dampa.com\/wp-content\/uploads\/2023\/10\/Byg.png","contentUrl":"https:\/\/dampa.com\/wp-content\/uploads\/2023\/10\/Byg.png"},{"@type":"BreadcrumbList","@id":"https:\/\/dampa.com\/da\/byg\/specifikationer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dampa.com\/da\/"},{"@type":"ListItem","position":2,"name":"Byg","item":"https:\/\/dampa.com\/da\/byg\/"},{"@type":"ListItem","position":3,"name":"Byg specifikationer"}]},{"@type":"WebSite","@id":"https:\/\/dampa.com\/da\/#website","url":"https:\/\/dampa.com\/da\/","name":"DAMPA","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dampa.com\/da\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"}]}},"_links":{"self":[{"href":"https:\/\/dampa.com\/da\/wp-json\/wp\/v2\/pages\/23496","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dampa.com\/da\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dampa.com\/da\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dampa.com\/da\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dampa.com\/da\/wp-json\/wp\/v2\/comments?post=23496"}],"version-history":[{"count":4,"href":"https:\/\/dampa.com\/da\/wp-json\/wp\/v2\/pages\/23496\/revisions"}],"predecessor-version":[{"id":23645,"href":"https:\/\/dampa.com\/da\/wp-json\/wp\/v2\/pages\/23496\/revisions\/23645"}],"up":[{"embeddable":true,"href":"https:\/\/dampa.com\/da\/wp-json\/wp\/v2\/pages\/14485"}],"wp:attachment":[{"href":"https:\/\/dampa.com\/da\/wp-json\/wp\/v2\/media?parent=23496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}