{"id":33,"date":"2025-05-23T00:40:31","date_gmt":"2025-05-23T00:40:31","guid":{"rendered":"https:\/\/cirkulaerthaandvaerk.dk\/?page_id=33"},"modified":"2025-12-30T23:35:35","modified_gmt":"2025-12-30T23:35:35","slug":"33-2","status":"publish","type":"page","link":"https:\/\/staging1.eudportal.dk\/","title":{"rendered":""},"content":{"rendered":"\n<!-- Cirkul\u00e6rt H\u00e5ndv\u00e6rk \u2013 Forside (farverig, luftig og sammenh\u00e6ngende) -->\n<section class=\"ch-home\" aria-label=\"Cirkul\u00e6rt H\u00e5ndv\u00e6rk \u2013 Forside\">\n  <style>\n    .ch-home{\n      \/* Mere levende \u201ccirkul\u00e6r\u201d palette *\/\n      --brand:        #0ea5e9;   \/* lagon *\/\n      --brand-600:    #0284c7;\n      --brand-700:    #0369a1;\n\n      --green:        #22c55e;   \/* b\u00e6redygtig accent *\/\n      --green-700:    #15803d;\n\n      --ink:          #0b1220;\n      --muted:        #334155;\n\n      --panel:        #ffffff;\n      --border:       #e5e7eb;\n\n      \/* Tydelige sektion-baggrunde (s\u00e5 det ikke flyder sammen) *\/\n      --tint-blue:    #e6f6ff;\n      --tint-green:   #eafff3;\n      --sand:         #f6f2ea;\n\n      --shadow-hero:  0 18px 40px rgba(14,165,233,.18);\n      --shadow-card:  0 2px 14px rgba(0,0,0,.07);\n\n      font-family:system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;\n      color: var(--ink);\n      background: linear-gradient(180deg, #ffffff 0%, #ffffff 25%, var(--sand) 100%);\n    }\n\n    .ch-wrap{max-width:1080px;margin:0 auto;padding:clamp(18px,3.6vw,34px)}\n    .ch-section{margin-top:clamp(18px,3vw,34px)}\n\n    .grid{display:grid;gap:18px}\n    @media(min-width:900px){.grid.two{grid-template-columns:1.2fr .8fr}}\n    @media(min-width:900px){.grid.equal{grid-template-columns:1fr 1fr}}\n\n    h1,h2,h3{margin:.25em 0;color:var(--ink)}\n    p{margin:.55em 0;color:var(--muted);line-height:1.65}\n    ul,ol{margin:.5em 0;padding-left:1.2rem}\n    li{margin:.35em 0}\n\n    \/* HERO med mere liv *\/\n    .hero{\n      border-radius:26px;\n      padding: clamp(18px,3.2vw,34px);\n      background:\n        radial-gradient(1100px 420px at 18% 12%, rgba(34,197,94,.22), transparent 58%),\n        radial-gradient(1000px 420px at 84% 0%, rgba(14,165,233,.30), transparent 62%),\n        linear-gradient(135deg, #c9edff 0%, #7dd3fc 48%, #a5e8ff 100%);\n      border:1px solid rgba(255,255,255,.55);\n      box-shadow: var(--shadow-hero);\n      position:relative;\n      overflow:hidden;\n    }\n    .hero::after{\n      content:\"\";\n      position:absolute;inset:-2px;\n      background: linear-gradient(180deg, rgba(255,255,255,.35), rgba(255,255,255,0));\n      pointer-events:none;\n    }\n\n    \/* Badge med gr\u00f8n \u201cdot\u201d *\/\n    .badge{\n      display:inline-flex;align-items:center;gap:10px;\n      font-size:.82rem;font-weight:900;\n      padding:7px 12px;border-radius:999px;\n      background: rgba(14,165,233,.12);\n      border: 1px solid rgba(14,165,233,.28);\n      color: var(--brand-700);\n      margin-bottom:10px;\n    }\n    .dot{\n      width:9px;height:9px;border-radius:50%;\n      background: var(--green);\n      box-shadow: 0 0 0 4px rgba(34,197,94,.18);\n    }\n\n    \/* Eyebrow og identitet *\/\n    .eyebrow{\n      font-weight:900;\n      letter-spacing:.08em;\n      text-transform:uppercase;\n      color: var(--green-700);\n      margin: 0 0 8px;\n      font-size:.82rem;\n    }\n    .identity{\n      background: rgba(255,255,255,.78);\n      border: 1px solid rgba(255,255,255,.6);\n      padding: 14px 16px;\n      border-radius: 18px;\n      box-shadow: 0 10px 22px rgba(2,132,199,.10);\n      backdrop-filter: blur(6px);\n    }\n    .identity p{margin:0;color:#12314a}\n    .identity strong{color:var(--ink)}\n\n    \/* Cards *\/\n    .card{\n      background: rgba(255,255,255,.95);\n      border:1px solid rgba(229,231,235,.95);\n      border-radius:18px;\n      padding:18px;\n      box-shadow: var(--shadow-card);\n      backdrop-filter: blur(6px);\n    }\n\n    \/* CTA *\/\n    .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}\n    .btn{\n      display:inline-flex;align-items:center;justify-content:center;gap:10px;\n      padding:12px 18px;border-radius:999px;\n      font-weight:900;text-decoration:none;\n      border:1px solid transparent;\n      transition: transform .06s ease, background .2s ease, box-shadow .2s ease;\n      white-space:nowrap;\n    }\n    .btn:focus-visible{outline:3px solid #111827;outline-offset:2px}\n\n    .btn.primary{\n      background: var(--brand);\n      color:#fff;\n      box-shadow: 0 12px 18px rgba(14,165,233,.22);\n    }\n    .btn.primary:hover{background:var(--brand-600);transform:translateY(-1px)}\n    .btn.ghost{\n      background: rgba(255,255,255,.92);\n      color: var(--brand-700);\n      border-color: rgba(14,165,233,.55);\n    }\n    .btn.ghost:hover{background:#fff;transform:translateY(-1px)}\n    .btn.green{\n      background: var(--green);\n      color:#fff;\n      box-shadow: 0 12px 18px rgba(34,197,94,.18);\n    }\n    .btn.green:hover{background:var(--green-700);transform:translateY(-1px)}\n\n    \/* KPI\u2019er i hero (mere farve og struktur) *\/\n    .kpis{display:grid;gap:10px;margin-top:14px}\n    @media(min-width:900px){.kpis{grid-template-columns:repeat(3,1fr)}}\n    .kpi{\n      display:flex;gap:10px;align-items:flex-start;\n      padding:12px 14px;border-radius:16px;\n      background: rgba(255,255,255,.75);\n      border: 1px solid rgba(255,255,255,.55);\n    }\n    .kpi .ico{width:20px;height:20px;flex:0 0 20px;color:var(--brand-700)}\n    .kpi span{color:#12314a;font-weight:700}\n\n    \/* Sektion-strips s\u00e5 siden ikke falder sammen *\/\n    .strip{\n      border-radius:24px;\n      padding: clamp(14px,2.8vw,22px);\n      border: 1px solid rgba(14,165,233,.20);\n      background: var(--tint-blue);\n      box-shadow: 0 14px 32px rgba(14,165,233,.10);\n    }\n    .strip.green{\n      border-color: rgba(34,197,94,.20);\n      background: var(--tint-green);\n      box-shadow: 0 14px 32px rgba(34,197,94,.09);\n    }\n\n    \/* Bund *\/\n    .center{text-align:center}\n\n    \/* Sticky mobil CTA *\/\n    .sticky{\n      position:sticky;bottom:0;z-index:50;\n      background: rgba(255,255,255,.92);\n      backdrop-filter: blur(10px);\n      border-top: 1px solid rgba(229,231,235,.95);\n      padding:10px;\n    }\n    .sticky .ch-wrap{padding:0}\n    @media(min-width:900px){.sticky{display:none}}\n\n    @media (prefers-reduced-motion: reduce){\n      *{transition:none!important;scroll-behavior:auto!important}\n    }\n  <\/style>\n\n  <!-- HERO -->\n  <div class=\"ch-wrap hero\">\n    <div class=\"grid two\">\n      <div>\n        <span class=\"badge\"><span class=\"dot\" aria-hidden=\"true\"><\/span>Cirkul\u00e6rt H\u00e5ndv\u00e6rk<\/span>\n\n        <p class=\"eyebrow\">Byg gr\u00f8nt. Byg med omtanke.<\/p>\n\n        <!-- Identitet f\u00f8rst -->\n        <div class=\"identity\">\n          <p>\n            <strong>Vi hj\u00e6lper husejere med at renovere med omtanke.<\/strong>\n            Ordentligt murerarbejde, \u00e6rlig r\u00e5dgivning og l\u00f8sninger,\n            der giver mening for b\u00e5de huset og \u00f8konomien.\n          <\/p>\n        <\/div>\n\n        <h1 style=\"margin-top:12px\">Book en murer \u2013 nemt, overskueligt og uden forpligtelser<\/h1>\n        <p>\n          Beskriv din opgave og v\u00e6lg en dato.\n          Du f\u00e5r altid et <strong>uforpligtende prisbud inden datoen<\/strong>, s\u00e5 du kan tage stilling i ro og mag.\n          Fagl\u00e6rt murerarbejde fra <strong>400 kr.\/time ekskl. moms<\/strong>.\n        <\/p>\n\n        <div class=\"cta\" aria-label=\"Prim\u00e6re handlinger\">\n          <a class=\"btn primary\"\n             href=\"https:\/\/staging1.eudportal.dk\/index.php\/listing\/book-en-murer-til-dit-projekt-nemt-og-fleksibelt\/\">\n            Book en murer\n          <\/a>\n          <a class=\"btn ghost\" href=\"#hvordan\">S\u00e5dan foreg\u00e5r det<\/a>\n        <\/div>\n\n        <div class=\"kpis\" aria-label=\"N\u00f8glefordele\">\n          <div class=\"kpi\">\n            <svg class=\"ico\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n              <path d=\"M12 22s7-4.35 7-11a7 7 0 1 0-14 0c0 6.65 7 11 7 11Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n            <\/svg>\n            <span>Genbrug hvor det giver mening<\/span>\n          <\/div>\n          <div class=\"kpi\">\n            <svg class=\"ico\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n              <path d=\"m5 13 4 4L19 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n            <span>Fagl\u00e6rt murer \u2013 aftalt tid<\/span>\n          <\/div>\n          <div class=\"kpi\">\n            <svg class=\"ico\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n              <path d=\"M3 7h18M7 11h10M6 15h12M8 19h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <\/svg>\n            <span>Pris p\u00e5 forh\u00e5nd \u2013 ro i maven<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <aside class=\"card\" aria-label=\"Hurtigt overblik\">\n        <span class=\"badge\"><span class=\"dot\" aria-hidden=\"true\"><\/span>Hurtigt overblik<\/span>\n        <h3 id=\"hvordan\">S\u00e5dan foreg\u00e5r det \u2013 trin for trin<\/h3>\n        <ol>\n          <li>V\u00e6lg en dato for arbejdet<\/li>\n          <li>Beskriv opgaven (gerne med billeder)<\/li>\n          <li>Modtag prisbud inden datoen<\/li>\n          <li>Sig ja eller nej \u2013 helt uforpligtende<\/li>\n        <\/ol>\n        <div class=\"cta\" style=\"margin-top:12px\">\n          <a class=\"btn ghost\" href=\"mailto:info@cirkulaerthaandvaerk.dk?subject=Sp%C3%B8rgsm%C3%A5l%20til%20opgaven\">Sp\u00f8rg os f\u00f8rst (mail)<\/a>\n          <a class=\"btn ghost\" href=\"tel:+4529736313\">Ring 29 73 63 13<\/a>\n        <\/div>\n      <\/aside>\n    <\/div>\n  <\/div>\n\n  <!-- PRISER + TILGANG (BL\u00c5 STRIP) -->\n  <div class=\"ch-wrap ch-section\">\n    <div class=\"strip\">\n      <div class=\"grid equal\">\n        <div class=\"card\" aria-label=\"Priser\">\n          <span class=\"badge\"><span class=\"dot\" aria-hidden=\"true\"><\/span>Priser<\/span>\n          <h2>Hvad koster det?<\/h2>\n          <ul>\n            <li><strong>Timepris:<\/strong> fra 400 kr.\/time ekskl. moms<\/li>\n            <li><strong>K\u00f8rsel:<\/strong> oplyses i buddet<\/li>\n            <li><strong>Materialer:<\/strong> genbrug n\u00e5r muligt \u2013 ellers nyt efter aftale<\/li>\n            <li><strong>Mindstetid:<\/strong> 1 time<\/li>\n            <li><strong>Betaling:<\/strong> MobilePay eller faktura efter opgaven<\/li>\n          <\/ul>\n          <p><strong>Du f\u00e5r altid et skriftligt bud p\u00e5 forh\u00e5nd \u2013 uden forpligtelse.<\/strong><\/p>\n        <\/div>\n\n        <div class=\"card\" aria-label=\"Vores tilgang\">\n          <span class=\"badge\"><span class=\"dot\" aria-hidden=\"true\"><\/span>Vores m\u00e5de<\/span>\n          <h2>S\u00e5dan arbejder vi<\/h2>\n          <p>\n            Vi bevarer og genbruger materialer, n\u00e5r det giver mening \u2013 og r\u00e5dgiver \u00e6rligt om,\n            hvad der kan betale sig (og hvad der ikke kan).\n          <\/p>\n          <ul>\n            <li>Bevaring og genbrug f\u00f8r nyt<\/li>\n            <li>\u00c6rlig prioritering og r\u00e5dgivning<\/li>\n            <li>Fokus p\u00e5 holdbare l\u00f8sninger<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- YDELSER -->\n  <div class=\"ch-wrap ch-section\">\n    <div class=\"card\" aria-label=\"Ydelser\">\n      <span class=\"badge\"><span class=\"dot\" aria-hidden=\"true\"><\/span>Det vi laver<\/span>\n      <h2>Hvad kan vi hj\u00e6lpe med?<\/h2>\n      <p>Sm\u00e5 og mellemstore opgaver \u2013 is\u00e6r i forbindelse med vedligehold og renovering.<\/p>\n      <div class=\"grid equal\">\n        <ul>\n          <li>Reparationer, omfugning og vedligehold<\/li>\n          <li>Klarg\u00f8ring til renovering<\/li>\n          <li>Sk\u00e5nsom demontering og gr\u00f8n nedrivning<\/li>\n        <\/ul>\n        <ul>\n          <li>Indmuring, udbedringer og tilpasninger<\/li>\n          <li>Sm\u00e5 forbedringer med stor effekt<\/li>\n          <li>R\u00e5dgivning om genbrugsmaterialer<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ENERGI (GR\u00d8N STRIP) -->\n  <div class=\"ch-wrap ch-section\">\n    <div class=\"strip green\">\n      <div class=\"card\" aria-label=\"Energi\">\n        <span class=\"badge\"><span class=\"dot\" aria-hidden=\"true\"><\/span>Energi<\/span>\n        <h2>Solceller \u2013 giver det mening for dit hus?<\/h2>\n        <p>\n          Start med vores energiberegner og f\u00e5 en anbefaling, der passer til dit forbrug \u2013 uden teknisk snak.\n        <\/p>\n        <div class=\"grid equal\">\n          <ul>\n            <li>Anbefalet st\u00f8rrelse p\u00e5 anl\u00e6g<\/li>\n            <li>Vurdering af batteri<\/li>\n            <li>Overblik til din beslutning<\/li>\n          <\/ul>\n          <div>\n            <a class=\"btn green\" href=\"https:\/\/staging1.eudportal.dk\/beregner\/index.html\">Start energiberegning<\/a>\n            <p style=\"margin-top:10px;color:#14532d\">\n              Kort sagt: du f\u00e5r et overblik, du kan bruge i din renovering.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<!-- BUND CTA \u2013 \u00e9n tydelig booking -->\n<div class=\"ch-wrap ch-section center\">\n  <div class=\"card\">\n    <h2>Klar til at komme videre?<\/h2>\n    <p>\n      Book en murer og modtag et\n      <strong>uforpligtende bud inden den valgte dato<\/strong>.\n    <\/p>\n    <div class=\"cta\" style=\"justify-content:center\">\n      <a class=\"btn primary\"\n         href=\"https:\/\/staging1.eudportal.dk\/index.php\/listing\/book-en-murer-til-dit-projekt-nemt-og-fleksibelt\/\">\n        Book en murer\n      <\/a>\n    <\/div>\n    <p style=\"margin-top:10px\">\n      Har du sp\u00f8rgsm\u00e5l, er du altid velkommen til at kontakte os f\u00f8rst.\n    <\/p>\n    <a class=\"btn ghost\" href=\"mailto:info@cirkulaerthaandvaerk.dk\">\n      Kontakt os\n    <\/a>\n  <\/div>\n<\/div>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cirkul\u00e6rt H\u00e5ndv\u00e6rk Byg gr\u00f8nt. Byg med omtanke. Vi hj\u00e6lper husejere med at renovere med omtanke. Ordentligt murerarbejde, \u00e6rlig r\u00e5dgivning og l\u00f8sninger, der giver mening for b\u00e5de huset og \u00f8konomien. Book en murer \u2013 nemt, overskueligt og uden forpligtelser Beskriv din opgave og v\u00e6lg en dato. Du f\u00e5r altid et uforpligtende prisbud inden datoen, s\u00e5 du &hellip; <a href=\"https:\/\/staging1.eudportal.dk\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-33","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/staging1.eudportal.dk\/index.php\/wp-json\/wp\/v2\/pages\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging1.eudportal.dk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging1.eudportal.dk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging1.eudportal.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging1.eudportal.dk\/index.php\/wp-json\/wp\/v2\/comments?post=33"}],"version-history":[{"count":58,"href":"https:\/\/staging1.eudportal.dk\/index.php\/wp-json\/wp\/v2\/pages\/33\/revisions"}],"predecessor-version":[{"id":752,"href":"https:\/\/staging1.eudportal.dk\/index.php\/wp-json\/wp\/v2\/pages\/33\/revisions\/752"}],"wp:attachment":[{"href":"https:\/\/staging1.eudportal.dk\/index.php\/wp-json\/wp\/v2\/media?parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}