{"id":7547,"date":"2025-06-06T23:12:12","date_gmt":"2025-06-06T23:12:12","guid":{"rendered":"https:\/\/takhjaltarna.se\/?p=7547"},"modified":"2025-06-06T23:21:42","modified_gmt":"2025-06-06T23:21:42","slug":"hallbara-takrenoveringar-2025-miljovanliga-material-och-tekniker","status":"publish","type":"post","link":"https:\/\/takhjaltarna.se\/index.php\/2025\/06\/06\/hallbara-takrenoveringar-2025-miljovanliga-material-och-tekniker\/","title":{"rendered":"H\u00e5llbara takrenoveringar 2025: Milj\u00f6v\u00e4nliga material och tekniker"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Metabeskrivning: Uppt\u00e4ck de senaste milj\u00f6v\u00e4nliga materialen och teknikerna f\u00f6r takrenovering 2025, inklusive \u00e5tervunna metallplattor och gr\u00f6na tak.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nyckelord: h\u00e5llbar takrenovering, milj\u00f6v\u00e4nliga takmaterial, gr\u00f6na tak, \u00e5tervunna metallplattor<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sammanfattning: I takt med att byggbranschen str\u00e4var efter h\u00e5llbarhet, blir milj\u00f6v\u00e4nliga material som \u00e5tervunna metallplattor och gr\u00f6na tak alltmer popul\u00e4ra. Dessa alternativ minskar koldioxidavtrycket och erbjuder l\u00e5ngvarig h\u00e5llbarhet med l\u00e5ga underh\u00e5llskrav.<\/p>\n\n\n\n<style>\n.before-after-section {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  background: #f8f9fa;\n  font-family: poppins, sans-serif;\n}\n\n.before-after-text {\n  flex: 1 1 400px;\n  padding: 20px 40px;\n  animation: fadeInLeft 1.2s ease;\n}\n\n.before-after-text h2 {\n  font-size: 28px;\n  color: #333;\n  margin-bottom: 15px;\n}\n\n.before-after-text p {\n  color: #666;\n  font-size: 16px;\n  margin-bottom: 20px;\n}\n\n.before-after-text .btn {\n  background-color:#006837 ;\n  color: #ffffff;\n  padding: 12px 24px;\n  border: none;\n  border-radius: 6px;\n  font-weight: bold;\n  cursor: pointer;\n  text-decoration: none;\n  transition: background 0.3s ease;\n}\n\n.before-after-text .btn:hover {\n  background-color: #8bc348;\n}\n\n.before-after-slider {\n  position: relative;\n  flex: 1 1 500px;\n  max-width: 600px;\n  height: 400px;\n  overflow: hidden;\n  border-radius: 10px;\n  box-shadow: 0 8px 24px rgba(0,0,0,0.1);\n  animation: fadeInRight 1.2s ease;\n}\n\n.before-after-slider img {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  object-fit: cover;\n}\n\n.before-after-slider .after {\n  clip-path: inset(0 50% 0 0);\n  z-index: 2;\n}\n\n.handle {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 4px;\n  background: #fff;\n  left: 50%;\n  z-index: 3;\n  cursor: ew-resize;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.handle::before {\n  content: \"\";\n  width: 24px;\n  height: 24px;\n  background: #e63946;\n  border-radius: 50%;\n  box-shadow: 0 0 8px rgba(0,0,0,0.3);\n}\n\n@keyframes fadeInLeft {\n  from { opacity: 0; transform: translateX(-30px); }\n  to { opacity: 1; transform: translateX(0); }\n}\n\n@keyframes fadeInRight {\n  from { opacity: 0; transform: translateX(30px); }\n  to { opacity: 1; transform: translateX(0); }\n}\n<\/style>\n\n<div class=\"before-after-section\">\n  <div class=\"before-after-text\">\n    <h2>F\u00f6re &#038; Efter Takm\u00e5lning<\/h2>\n    <p>Bilden visar tydligt skillnaden v\u00e5r takm\u00e5lning kan g\u00f6ra. P\u00e5 h\u00f6ger sida syns det gamla taket, p\u00e5verkat av v\u00e4der, mossa och smuts. P\u00e5 v\u00e4nster sida ser du resultatet efter v\u00e5r professionella reng\u00f6ring och m\u00e5lning.<\/p>\n    <a class=\"btn\" href=\"#\">Boka kostnadsfri takbesiktning<\/a>\n  <\/div>\n\n  <div class=\"before-after-slider\" id=\"slider\">\n    <img decoding=\"async\" src=\"https:\/\/takhjaltarna.se\/wp-content\/uploads\/2025\/05\/IMG_1210-scaled-1.jpg\" class=\"before\" alt=\"Before\">\n    <img decoding=\"async\" src=\"https:\/\/takhjaltarna.se\/wp-content\/uploads\/2025\/05\/IMG_2364-scaled-1.jpg\" class=\"after\" alt=\"After\">\n    <div class=\"handle\" id=\"handle\"><\/div>\n  <\/div>\n<\/div>\n\n<script>\nconst slider = document.getElementById('slider');\nconst after = slider.querySelector('.after');\nconst handle = document.getElementById('handle');\n\nlet isDragging = false;\n\nconst updateSlider = (x) => {\n  const rect = slider.getBoundingClientRect();\n  let position = Math.max(0, Math.min(x - rect.left, rect.width));\n  let percent = (position \/ rect.width) * 100;\n  after.style.clipPath = `inset(0 ${100 - percent}% 0 0)`;\n  handle.style.left = `${percent}%`;\n};\n\nhandle.addEventListener('mousedown', () => isDragging = true);\nwindow.addEventListener('mouseup', () => isDragging = false);\nwindow.addEventListener('mousemove', (e) => {\n  if (isDragging) {\n    updateSlider(e.clientX);\n  }\n});\n\n\/\/ touch for mobile\nhandle.addEventListener('touchstart', () => isDragging = true);\nwindow.addEventListener('touchend', () => isDragging = false);\nwindow.addEventListener('touchmove', (e) => {\n  if (isDragging) {\n    updateSlider(e.touches[0].clientX);\n  }\n});\n<\/script>\n\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/takhjaltarna.se\/index.php\/contact-2\/\">Boka kostnadsfri takbesiktning<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Metabeskrivning: Uppt\u00e4ck de senaste milj\u00f6v\u00e4nliga materialen och teknikerna f\u00f6r takrenovering 2025, inklusive \u00e5tervunna metallplattor och gr\u00f6na tak. Nyckelord: h\u00e5llbar takrenovering, milj\u00f6v\u00e4nliga takmaterial, gr\u00f6na tak, \u00e5tervunna metallplattor Sammanfattning: I takt med att byggbranschen str\u00e4var efter h\u00e5llbarhet, blir milj\u00f6v\u00e4nliga material som \u00e5tervunna metallplattor och gr\u00f6na tak alltmer popul\u00e4ra. Dessa alternativ minskar koldioxidavtrycket och erbjuder l\u00e5ngvarig h\u00e5llbarhet med &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/takhjaltarna.se\/index.php\/2025\/06\/06\/hallbara-takrenoveringar-2025-miljovanliga-material-och-tekniker\/\" class=\"more-link\">Read more<span class=\"screen-reader-text\"> &#8220;H\u00e5llbara takrenoveringar 2025: Milj\u00f6v\u00e4nliga material och tekniker&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":7548,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-7547","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"featured_media_urls":{"thumbnail":["https:\/\/takhjaltarna.se\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-07-at-2.41.35-AM-150x150.jpeg",150,150,true],"medium":["https:\/\/takhjaltarna.se\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-07-at-2.41.35-AM-225x300.jpeg",225,300,true],"medium_large":["https:\/\/takhjaltarna.se\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-07-at-2.41.35-AM.jpeg",768,1024,false],"large":["https:\/\/takhjaltarna.se\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-07-at-2.41.35-AM-768x1024.jpeg",768,1024,true],"1536x1536":["https:\/\/takhjaltarna.se\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-07-at-2.41.35-AM.jpeg",810,1080,false],"2048x2048":["https:\/\/takhjaltarna.se\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-07-at-2.41.35-AM.jpeg",810,1080,false],"inspiro-featured-image":["https:\/\/takhjaltarna.se\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-07-at-2.41.35-AM.jpeg",810,1080,false],"inspiro-loop":["https:\/\/takhjaltarna.se\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-07-at-2.41.35-AM-810x320.jpeg",810,320,true],"inspiro-loop@2x":["https:\/\/takhjaltarna.se\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-07-at-2.41.35-AM-810x640.jpeg",810,640,true],"woocommerce_thumbnail":["https:\/\/takhjaltarna.se\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-07-at-2.41.35-AM-300x300.jpeg",300,300,true],"woocommerce_single":["https:\/\/takhjaltarna.se\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-07-at-2.41.35-AM-600x800.jpeg",600,800,true],"woocommerce_gallery_thumbnail":["https:\/\/takhjaltarna.se\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-07-at-2.41.35-AM-100x100.jpeg",100,100,true],"portfolio_item-thumbnail":["https:\/\/takhjaltarna.se\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-07-at-2.41.35-AM-600x400.jpeg",600,400,true],"portfolio_item-thumbnail@2x":["https:\/\/takhjaltarna.se\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-07-at-2.41.35-AM-810x800.jpeg",810,800,true],"portfolio_item-masonry":["https:\/\/takhjaltarna.se\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-07-at-2.41.35-AM-600x800.jpeg",600,800,true],"portfolio_item-masonry@2x":["https:\/\/takhjaltarna.se\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-07-at-2.41.35-AM.jpeg",810,1080,false],"portfolio_item-thumbnail_cinema":["https:\/\/takhjaltarna.se\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-07-at-2.41.35-AM-800x335.jpeg",800,335,true],"portfolio_item-thumbnail_portrait":["https:\/\/takhjaltarna.se\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-07-at-2.41.35-AM-600x900.jpeg",600,900,true],"portfolio_item-thumbnail_portrait@2x":["https:\/\/takhjaltarna.se\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-07-at-2.41.35-AM.jpeg",810,1080,false],"portfolio_item-thumbnail_square":["https:\/\/takhjaltarna.se\/wp-content\/uploads\/2025\/06\/WhatsApp-Image-2025-06-07-at-2.41.35-AM-800x800.jpeg",800,800,true]},"_links":{"self":[{"href":"https:\/\/takhjaltarna.se\/index.php\/wp-json\/wp\/v2\/posts\/7547","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/takhjaltarna.se\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/takhjaltarna.se\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/takhjaltarna.se\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/takhjaltarna.se\/index.php\/wp-json\/wp\/v2\/comments?post=7547"}],"version-history":[{"count":2,"href":"https:\/\/takhjaltarna.se\/index.php\/wp-json\/wp\/v2\/posts\/7547\/revisions"}],"predecessor-version":[{"id":7557,"href":"https:\/\/takhjaltarna.se\/index.php\/wp-json\/wp\/v2\/posts\/7547\/revisions\/7557"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/takhjaltarna.se\/index.php\/wp-json\/wp\/v2\/media\/7548"}],"wp:attachment":[{"href":"https:\/\/takhjaltarna.se\/index.php\/wp-json\/wp\/v2\/media?parent=7547"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/takhjaltarna.se\/index.php\/wp-json\/wp\/v2\/categories?post=7547"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/takhjaltarna.se\/index.php\/wp-json\/wp\/v2\/tags?post=7547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}