1<!doctype html> 2<html lang="da-DK" class="scroll-smooth"> 3 4<head> 5 <link rel="stylesheet" href="/build/css/main.css?v=W6HScpcU1teUx1K0P9Nf7Y3McrIBhvkI8I2odbuK7KU" /> 6 7 8<meta charset="utf-8"> 9<meta name="viewport" content="width=device-width, initial-scale=1.0"> 10<title>Haveblog med inspiration til højbede, plantekasser og haveliv </title> 11<meta name="description" content="Få inspiration og guides til haven – fra højbede og plantekasser til dyrkning, design og sæsonens havearbejde. Skab din grønne oase med LandHave." /> 12 13 14 <link rel="canonical" href="https://www.landhave.dk/haveblog" /> 15 16 <meta property="og:type" content="website" /> 17 18 <meta property="og:url" content="https://www.landhave.dk/haveblog" /> 19 20 21 22 23 24 25 <meta name="apple-mobile-web-app-title" content="LandHave"> 26 <meta name="application-name" content="LandHave"> 27 28 <meta name="msapplication-TileColor" content="#da532c"> 29 30 <meta name="theme-color" content="#ffffff"> 31 32 <meta property="og:title" content="Haveblog med inspiration til højbede, plantekasser og haveliv " /> 33 <meta property="og:description" content="Få inspiration og guides til haven – fra højbede og plantekasser til dyrkning, design og sæsonens havearbejde. Skab din grønne oase med LandHave." /> 34 35 36 <meta name="robots" content="index,follow,noodp" /> 37 38 <link rel="alternate" href="https://www.landhave.dk/haveblog" hreflang="da" /> 39 <link rel="alternate" href="https://www.landgarden.se/blogg" hreflang="sv" /> 40 41 42
42<script id="cookieconsent" src="https://policy.app.cookieinformation.com/uc.js" data-culture="da" data-gcm-version="2.0" type="text/javascript"></script>
42 43<!-- Google Tag Manager -->
44<script>
vendor: 327 bytes, lines 44-48
44(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 45new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 46j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 47'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 48})(window,document,'script','dataLayer','
48GTM-N4H32VPH
vendor: 3 bytes, line 48
48');
48</script>
48 49<!-- End Google Tag Manager --> 50 51 52 53 <style>@view-transition { navigation: auto; }</style> 54 55 <!-- ec-self-host src="https://unpkg.com/[email protected]/lazysizes.min.js" -->
55<script defer src="/assets/[email protected]/lazysizes.min.js"></script>
55 56 57 <!-- ec-self-host src="https://cdn.jsdelivr.net/npm/@alpinejs/[email protected]/dist/cdn.min.js" -->
57<script defer src="/assets/_npm/_@alpinejs/[email protected]/_dist/cdn.min.js"></script>
57 58 <!-- ec-self-host src="https://unpkg.com/@alpinejs/[email protected]" -->
58<script defer src="/assets/_@alpinejs/[email protected]"></script>
58 59 <!-- ec-self-host src="https://cdn.jsdelivr.net/npm/@alpinejs/[email protected]/dist/cdn.min.js" -->
59<script defer src="/assets/_npm/_@alpinejs/[email protected]/_dist/cdn.min.js"></script>
59 60 <!-- ec-self-host src="https://cdn.jsdelivr.net/npm/@alpinejs/[email protected]/dist/cdn.min.js" -->
60<script defer src="/assets/_npm/_@alpinejs/[email protected]/_dist/cdn.min.js"></script>
60 61 <!-- ec-self-host src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js" -->
61<script defer src="/assets/_npm/[email protected]/_dist/cdn.min.js"></script>
61 62 <style>[x-cloak] { display: none !important; }</style> 63 64 <!-- ec-self-host src="https://unpkg.com/[email protected]" -->
64<script defer src="/assets/[email protected]"></script>
64 65 <meta name="htmx-config" content='{"globalViewTransitions":true}'> 66 67 68 <link rel="apple-touch-icon" sizes="180x180" href="/favicons/landhave/apple-touch-icon.png"> 69 <link rel="icon" type="image/png" sizes="32x32" href="/favicons/landhave/favicon-32x32.png"> 70 <link rel="icon" type="image/png" sizes="16x16" href="/favicons/landhave/favicon-16x16.png"> 71 <meta name="apple-mobile-web-app-title" content="LandHave"> 72 <meta name="application-name" content="LandHave"> 73 <meta name="msapplication-TileColor" content="#0C402D"> 74 <meta name="theme-color" content="#ffffff"> 75 76 <style> 77 :root, :host { 78 --color-beige: #e4e3db; 79 --color-brand: #0f402f; 80 --color-footer-bg: #0f402f; 81 --color-footer-text: #fff; 82 --color-footer-headline: #fff; 83 --color-footer-headline: #fff; 84 --color-footer-border: #fff; 85 --color-footer-links: #fff; 86 } 87 </style> 88 89 90 91
91<script> 92 window.ByggrosGa4 = window.ByggrosGa4 || (function () { 93 const dedupeSet = new Set(); 94 95 const toNumber = (value) => { 96 const parsed = Number(value); 97 return Number.isFinite(parsed) ? parsed : null; 98 }; 99 100 const markAndCheckDuplicate = (dedupeKey) => { 101 if (!dedupeKey) { 102 return false; 103 } 104 105 if (dedupeSet.has(dedupeKey)) { 106 return true; 107 } 108 109 dedupeSet.add(dedupeKey); 110 111 try { 112 const storageKey = `ga4:${dedupeKey}`; 113 if (window.sessionStorage?.getItem(storageKey) === '1') { 114 return true; 115 } 116 117 window.sessionStorage?.setItem(storageKey, '1'); 118 } catch (e) { 119 } 120 121 return false; 122 }; 123 124 const pushEcommerceEvent = ({ eventName, ecommerce, dedupeKey, payload }) => { 125 if (!eventName || !ecommerce || markAndCheckDuplicate(dedupeKey)) { 126 return false; 127 } 128 129 window.dataLayer = window.dataLayer || []; 130 window.dataLayer.push({ ecommerce: null }); 131 const eventPayload = { 132 ...(payload || {}), 133 event: eventName, 134 ecommerce 135 }; 136 137 window.dataLayer.push(eventPayload); 138 139 return true; 140 }; 141 142 const mapBasketLineToItem = (line) => { 143 if (!line) { 144 return null; 145 } 146 147 const quantity = toNumber(line.quantity) ?? 1; 148 const price = toNumber(line.unitPrice); 149 const stockLevel = toNumber(line.stockLevel); 150 const itemId = line.productVariantReference || line.sku || line.productReference; 151 const stockStatus = line.isInStock === true ? 'instock' : 'outofstock'; 152 153 const item = { 154 item_id: itemId, 155 item_name: line.name || line.sku || line.productReference, 156 item_variant: line.variantName || undefined, 157 sku: itemId, 158 id: itemId, 159 product_id: itemId, 160 category: line.categoryName || '', 161 google_business_vertical: 'retail', 162 stocklevel: stockLevel ?? undefined, 163 stockstatus: stockStatus, 164 165 quantity 166 }; 167 168 if (price !== null) { 169 item.price = price; 170 } 171 172 return item; 173 }; 174 175 const mapBasketLinesToItems = (lines) => { 176 if (!Array.isArray(lines)) { 177 return []; 178 } 179 180 return lines 181 .map(mapBasketLineToItem) 182 .filter(Boolean); 183 }; 184 185 return { 186 toNumber, 187 pushEcommerceEvent, 188 mapBasketLinesToItems 189 }; 190 })(); 191 </script>
191 192 193 <meta name="google-site-verification" content="9hXGIuo0RTh4yaMigdMRv10Gd-LpxQVDbw8DAhQ_gW0" /> 194 195 196</head> 197 198 199<body> 200 <a href="#main-content" class="sr-only focus:ring-brand focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-60 focus:rounded focus:bg-white focus:px-4 focus:py-2 focus:text-sm focus:font-medium focus:text-gray-900 focus:ring-2"> 201 $Global.SkipToMainContent$ 202 </a> 203 204 205 206 <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 206-207
206 207<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
207GTM-N4H32VPH
vendor: 83 bytes, lines 207-208
207" 208height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
209<!-- End Google Tag Manager (noscript) --> 210 211<!-- Start e-maerket widget -->
211<script type="text/javascript" src="https://widget.emaerket.dk/widget/v1/f85fdd3d15f78bb2db1d1a8bd7b465da" async></script>
211<!-- // end e-maerket widget --> 212 213 214 <header x-data="header" class="sticky top-0 z-50 flex flex-col bg-white outline-1 outline-gray-200 transition-all" x-trap.noscroll="mobileNavOpen" x-on:click.away="mobileNavOpen = false" :class="{'lg:-top-11': showSecondaryNav == false, 'outline-none': mobileNavOpen}"> 215 <div class="justify-between xl:grid grid-cols-12 hidden h-11 items-center border-b border-gray-200 px-5 text-sm md:px-8 lg:flex lg:px-10"> 216 <div class="col-span-6 col-start-4 flex justify-center"> 217 218<div class="relative z-50 flex items-center gap-x-6 xl:gap-x-8"> 219 220 <div class="relative"> 221 <a href="/inspiration" title="INSPIRATION">INSPIRATION</a> 222 </div> 223 <div class="relative"> 224 <a href="/haveblog" title="HAVEBLOG">HAVEBLOG</a> 225 </div> 226 <div class="relative"> 227 <a href="/om-os" title="OM OS">OM OS</a> 228 </div> 229 <div class="relative"> 230 <a href="/erhvervs-side" title="ERHVERV">ERHVERV</a> 231 </div> 232</div> 233 </div> 234 <div class="col-span-3 flex justify-end gap-6"> 235 </div> 236 </div> 237 <nav aria-label="Global" class="lg:grid lg:grid-cols-12 items-center justify-between relative inset-x-0 isolate flex min-h-15 gap-6 bg-white px-5 max-lg:z-40 md:px-8 lg:min-h-19 lg:items-center lg:gap-10 lg:px-10" :class="{'z-50 max-lg:fixed': mobileNavOpen}"> 238 <div class="col-span-3 flex items-center"> 239 <a href="/" class="-m-1.5 p-1.5" title="LandHave"> 240 <span class="sr-only">LandHave</span> 241 <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" style="enable-background:new 0 0 306 268.6" version="1.1" viewbox="0 0 306 268.6" src="/img/identity/landhave.svg" class="h-15 w-15 svg-img-identity-landhave-svg-v-aad4f8b8a688e5baee8ed6baf176eece223b7acc0fcca9d45b9eebf3689d75a531474"><style>.svg-img-identity-landhave-svg-v-aad4f8b8a688e5baee8ed6baf176eece223b7acc0fcca9d45b9eebf3689d75a531474 .st0 { fill: currentColor } 242.svg-img-identity-landhave-svg-v-aad4f8b8a688e5baee8ed6baf176eece223b7acc0fcca9d45b9eebf3689d75a531474 .st1, .svg-img-identity-landhave-svg-v-aad4f8b8a688e5baee8ed6baf176eece223b7acc0fcca9d45b9eebf3689d75a531474 .st2 { fill: none; stroke: rgba(10, 64, 44, 1); stroke-width: 2.8934; stroke-miterlimit: 10 } 243.svg-img-identity-landhave-svg-v-aad4f8b8a688e5baee8ed6baf176eece223b7acc0fcca9d45b9eebf3689d75a531474 .st2 { stroke: rgba(210, 125, 178, 1); stroke-width: 1.9289 }</style><path d="M124.14 172.36c-3.9.45-7.77.96-11.62 1.54-13.79 2-55.82 11.12-55.82 11.12-1.07-1.07-.89-2.26-.46-3.19.19-.42.45-.84.7-1.23.24-.39.43-.69.54-.95l1.98-2.27c7.18-1.92 14.41-3.58 21.71-5.01l42.97-.01zM245.45 172.36c4.3.8 8.57 1.7 12.8 2.69l.59.14v1.86l-.87-.12c-12.35-1.8-25.03-3.36-37.88-4.55l25.36-.02z" class="st0"></path><path d="M81.17 172.36c26.06-5.11 52.92-7.32 80.55-7.91 28.55 1.14 56.83 2.85 83.73 7.9l-25.36.01c-31.73-2.93-64.51-3.6-95.95 0H81.17zm32.14-47.21c-3.55.53-7.12 2.48-9.26 5.6-.08.34-.23.65-.37.9-.14.27-.31.54-.43.81-.18.4-.19.57 0 .79 1.28.76 2.74.86 4.32.64 1.62-.22 3.24-.76 4.7-1.13.44-.31.91-.62 1.38-.95.5-.36.96-.73 1.36-1.12.79-.79 1.25-1.62 1.17-2.64.3-1.96-1.18-3.33-2.87-2.9zM67.42 72.5c-12.94 5.72-21.63 18.84-24.94 32.42-.28 1.31-.7 2.7-.91 4.06-.13.83-.17 1.58-.06 2.25 11.2-11.77 21.59-23.5 25.91-38.73zm90.54 54.28c-5.63 2.06-11.31 4.62-17.19
2436.49-6.08 1.93-12.43 3.14-19.2 2.27l-.37-.05c-1.28-2.21-1.77-1.82-2.66-.87-.57.6-1.14 1.37-1.74 1.99-.59.61-1.36 1.26-2.31 1.37-4.19 1.68-9.82 1.91-14.11.11-14.59 8.44-36.28 14.89-52.41 4.71-7.09-3.48-11.13-10.68-11.66-18.44-4.55 2.81-8.88 5.85-13.3 8.76-4.56 2.99-9.22 5.84-14.16 8.22l-.74.35-.3-.76-.65-1.6c-.24-.61-.46-1.25-.61-1.89-.3-1.27-.37-2.78.64-3.92l.36-.23c5.46-1.58 10.16-4.26 14.66-7.36 4.46-3.07 8.69-6.5 13.24-9.58 1.07-3.77 1.58-7.75 2.22-11.67.66-4.05 1.47-8.09 3.22-11.79 5.1-11.71 13.16-25.47 27.55-28.58l.41-.09c1.41 1.41 2.16 2.62 2.75 3.83.57 1.17 1.01 2.37 1.48 3.51l.04.47c-4.94 20.33-17.81 36.08-33.44 49.68-.28 7.07 2.32 13.8 7.8 17.33 14.89 10.29 36.23 3.37 49.2-5.84.51-.36.8-.83 1-1.38.1-.29.18-.6.23-.9.06-.33.11-.66.15-.98 2.84-6.36 9.54-10.47 16.6-10.67l.43.12c.29.18.74.24 1.44.16.72-.08 1.49-.26 2.17-.34 1.67-.2 3.31.26 2.98 3.12.19 3.21.41 6.18 2.65 8.19 4.84 1.66 9.67 1.13 14.38-.36 2.39-.76 4.72-1.76 6.99-2.82 2.29-1.08 4.51-2.22 6.63-3.26 1.98-1.13 4.05-2.16 6.07-3.25 2.02-1.08 3.97-2.19 5.72-3.48 1.75-.42 2.98.73 3.43 1.86.61 1.84-.36 3.11-1.07 3.98l.93-.64c1.06-.79 2.21-1.56 3.41-2.15 2.4-1.19 5.12-1.75 7.86-.48 2.18 2.31 2.97 4.83 3.52 7.3.27 1.22.49 2.45.76 3.66.26 1.17.56 2.31 1.01 3.4 1.14 2.47 2.87 5.27 5.63 5.78 8.63.53 15.02-3.95 21.23-9.4 3.12-2.74 6.16-5.69 9.34-8.28 3.21-2.61 6.62-4.9 10.46-6.27.99 0 1.8-.21 2.74-.53.96-.33 1.95-.74 2.88-1 2-.57 4.2-.56 5.35 2.34l.05 2.29-.45.2c-1.64.72-3.43 1.27-5.26 1.78-1.78.5-3.6.97-5.33 1.57-3.4 1.17-6.32 2.77-8.08 5.87-.28 1.09-.68 2.26-.89 3.45-.19 1.15-.18 2.23.27 3.25.49.71 1.11.78 2.05.58.53-.11 1.06-.3 1.58-.45.48-.14 1.02-.29 1.56-.32 8.07-4.08 14.16-10.54 18.8-18.89 1.92-4.41 2.7-9.3 3.46-14.31.38-2.53.75-5.06 1.25-7.54.5-2.51 1.14-4.98 2.05-7.33l.4-.42c1.39-.63 2.63-.14 3.6.51.48.33.93.72 1.34 1.07.39.34.76.69 1.12.96l.35.26-.05.43c-.75 6.99-3.73 15.91-4.58 24.3-.84 8.25.43 15.68 7.73 20.27 6.05 1.81 12.31 1.54 18.72.79 6.5-.76 13.05-1.99 19.5-1.99h.58l.15.56c.39 1.42-.31 2.54-1.06 3.4-.37.41-.79.82-1.21 1.23-.41.4-.77.76-1.07 1.15l-.58.29c-6.32.19-13.45 1.65-20.3 1.96-6.92.31-13.72-.54-19.14-5.17-2.23-2.72-3.78-5.57-5.07-8.49-1.11-2.49-2.03-5.06-3-7.6-5.51 6.54-11.56 11.27-18.59 16.14-3.35 1.59-7.3 3-11.32 2.4-2.27-1.1-4.19-3.54-4.06-6.14-.1-.34-.1-.68-.09-.94.01-.29.05-.58.05-.85-1.95 1.33-4.02 3-6.2 4.59-2.34 1.7-4.82 3.31-7.43 4.62-5.25 2.62-11.11 4.06-17.48 2.49-3.76-1.35-5.72-4.23-7.08-7.36-1.27-2.94-2.06-6.24-3.3-9.01-1.4-.41-2.76-.04-4.16.73-.76.42-1.49.94-2.19 1.46-.74.55-1.44 1.11-2.1 1.59-.88.61-1.64 1.36-2.35 2.18-.73.84-1.39 1.74-2.07 2.62-1.36 1.79-2.87 3.67-5.11 4.89l-.57.06c-.34-.1-.77-.21-1.21-.35-.45-.14-.95-.34-1.37-.63-1.01-.69-1.36-1.82-.35-3.14.3-.96.71-1.82 1.17-2.62.47-.82.99-1.6 1.51-2.38.87-1.33 1.69-2.61 2.17-4.15z" class="st0"></path><path d="M271.14 149.46v78.55c0 17.1-13.86 30.97-30.97 30.97H52.14c-17.1 0-30.97-13.86-30.97-30.97v-84.39M21.18 116.99V39.98c0-17.1 13.86-30.97 30.97-30.97h188.03c17.1 0 30.97 13.86 30.97 30.97v87.3" class="st1"></path></svg> 244 </a> 245 </div> 246 <div class="col-span-6 justify-center hidden items-center lg:flex gap-2 xl:gap-4"> 247 <div x-data="searchComponent({ popularTermsUrl: '/umbraco/surface/relewise/FetchPopularSearchTerms', overlaySearchUrl: '/umbraco/surface/relewise/FetchOverlaySearch', searchResultUrl: '/soegning', culture: 'da-DK' })" x-trap.noscroll="open" x-on:keydown.escape.window="close()" x-on:click.outside="close()" x-on:focusin.window="if(!$el.contains($event.target)) close()" class="relative isolate w-full transition-all lg:max-w-xl xl:max-w-3xl" :class="{ 'z-50': open }"> 248 <div class="relative z-50 mx-2 rounded-t-lg bg-white p-3 md:mx-4 md:p-4 lg:mx-0" :class="{ 'z-50': open }"> 249 <form class="relative" role="search" x-on:submit.prevent="onSubmit()"> 250 <input id="Search" x-ref="searchInput" placeholder="Søg" type="text" autocomplete="off" aria-labelledby="search-label" :aria-expanded="open.toString()" x-model="query" x-on:focus="onFocus()" x-on:input="onInput()" class="relative z-50 h-12 w-full rounded-lg bg-beige indent-12 placeholder:text-black focus:outline-none font-normal" /> 251 <span id="search-label" class="sr-only">Søg efter varer</span> 252 <div class="pointer-events-none absolute top-0 left-0 z-50 flex size-12 items-center justify-center"> 253 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 20 20" src="/img/icons/search.svg" class="size-6 svg-img-icons-search-svg-v-4c1c2542736057c5d39418eb187de52fe6fb6e2b21ab9a3c71f235ca5cba0ad716180" aria-hidden="true">
253<path fill="currentColor" fill-rule="evenodd" d="M9.166 3.333a5.833 5.833 0 1 0 0 11.667 5.833 5.833 0 0 0 0-11.667zm-7.5 5.834a7.5 7.5 0 1 1 15 0 7.5 7.5 0 0 1-15 0z" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M13.286 13.286a.833.833 0 0 1 1.178 0l3.625 3.625a.833.833 0 0 1-1.178 1.178l-3.625-3.625a.833.833 0 0 1 0-1.178z" clip-rule="evenodd"></path></svg> 254 </div> 255 </form> 256 </div> 257 <div x-show="open" x-transition.opacity class="fixed inset-0 z-40 bg-black/30" aria-hidden="true" x-on:mousedown="close()" x-on:touchstart="close()" x-cloak></div> 258 <div x-show="open" class="absolute right-0 left-0 z-50 mx-2 overflow-hidden rounded-b-lg bg-white shadow-xl md:mx-4 lg:mx-0" x-cloak> 259 <div class="max-h-[80vh] overflow-y-auto"> 260 <div class="p-4 pt-2" x-show="showPopular"> 261 <div class="pb-2" x-show="loading"> 262 <p class="text-sm text-gray-500">Finder populære søgninger..</p> 263 </div> 264 <ul role="listbox" class="divide-y divide-gray-100"> 265 <template x-for="(item, idx) in popular" :key="idx"> 266 <li role="option" class="group"> 267 <button type="button" class="flex w-full items-center gap-3 px-0 py-3 text-left focus:bg-gray-50 focus:outline-none" x-on:click="applyPopular(item)"> 268 <span class="text-sm text-gray-800" x-html="highlight(item)"></span> 269 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 20 20" src="/img/icons/search.svg" class="size-4 shrink-0 text-gray-400 svg-img-icons-search-svg-v-4c1c2542736057c5d39418eb187de52fe6fb6e2b21ab9a3c71f235ca5cba0ad721105"><path fill="currentColor" fill-rule="evenodd" d="M9.166 3.333a5.833 5.833 0 1 0 0 11.667 5.833 5.833 0 0 0 0-11.667zm-7.5 5.834a7.5 7.5 0 1 1 15 0 7.5 7.5 0 0 1-15 0z" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M13.286 13.286a.833.833 0 0 1 1.178 0l3.625 3.625a.833.833 0 0 1-1.178 1.178l-3.625-3.625a.833.833 0 0 1 0-1.178z" clip-rule="evenodd"></path></svg> 270 </button> 271 </li> 272 </template> 273 <li x-show="!loading && (!popular || popular.length === 0)"> 274 <p class="text-sm text-gray-500">Ingen populære søgninger</p> 275 </li> 276 </ul> 277 </div> 278 279 <div class="space-y-6 p-4 pt-2" x-show="!showPopular"> 280 <div x-show="suggestions.length > 1" class="flex flex-col gap-3"> 281 <div class="flex items-center justify-between border-b border-gray-200 pb-3"> 282 <p class="text-xs font-medium text-gray-800">Populære søgninger</p> 283 </div> 284 <ul role="listbox" class="flex flex-col gap-1"> 285 <template x-for="(item, idx) in suggestions" :key="idx"> 286 <li role="option" class="group"> 287 <button type="button" class="group flex w-full cursor-pointer items-center justify-between gap-3 text-left focus:bg-gray-50 focus:outline-none" x-on:click="applySuggestion(item)"> 288 <span class="text-sm text-gray-800" x-html="highlight(item)"></span> 289 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 20 20" src="/img/icons/search.svg" class="text-brand size-4 shrink-0 opacity-0 transition-opacity group-hover:opacity-100 svg-img-icons-search-svg-v-4c1c2542736057c5d39418eb187de52fe6fb6e2b21ab9a3c71f235ca5cba0ad723906"><path fill="currentColor" fill-rule="evenodd" d="M9.166 3.333a5.833 5.833 0 1 0 0 11.667 5.833 5.833 0 0 0 0-11.667zm-7.5 5.834a7.5 7.5 0 1 1 15 0 7.5 7.5 0 0 1-15 0z" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M13.286 13.286a.833.833 0 0 1 1.178 0l3.625 3.625a.833.833 0 0 1-1.178 1.178l-3.625-3.625a.833.833 0 0 1 0-1.178z" clip-rule="evenodd"></path></svg> 290 </button> 291 </li> 292 </template> 293 </ul> 294 </div> 295 296 <div x-show="products && products.length" class="flex flex-col gap-3"> 297 <div class="flex items-center justify-between border-b border-gray-200 pb-3"> 298 <p class="text-xs font-medium text-gray-800" x-text="productsResultText"></p> 299 <template x-if="hasMoreProducts"> 300 <a class="text-brand flex items-center gap-2 text-sm font-medium transition-colors hover:text-brand/90" :href="searchResultUrl + '?q=' + encodeURIComponent((query || '').trim())" x-on:click="close()"> 301 <span>Se alle resultater</span> 302 </a> 303 </template> 304 </div>
305 <ul class="grid grid-cols-4 gap-5"> 306 <template x-for="(p, idx) in products" :key="idx"> 307 <li class="group relative"> 308 <div class="flex w-full flex-col items-center gap-3 py-3 text-left focus:bg-gray-50 focus:outline-none"> 309 <template x-if="p.imageUrl"> 310 <img :src="p.imageUrl" :alt="p.name" class="size-40 object-contain p-4 pb-0 mix-blend-multiply transition-transform group-hover:-translate-y-0.5" /> 311 </template> 312 <div class="flex flex-col gap-0.5"> 313 <a class="text-sm leading-tight text-gray-800" :href="p.url" :title="p.name"> 314 <span class="absolute inset-0"></span> 315 <span x-html="highlight(p.name)"></span> 316 </a> 317 <template x-if="p.usps && p.usps.length"> 318 <span class="text-xs text-gray-500" x-html="highlight(p.usps.join(', '))"></span> 319 </template> 320 </div> 321 </div> 322 </li> 323 </template> 324 </ul> 325 </div> 326 327 <div x-show="articles && articles.length" class="flex flex-col gap-3"> 328 <div class="flex items-center justify-between border-b border-gray-200 pb-3"> 329 <p class="text-xs font-medium text-gray-800" x-text="contentResultText"></p> 330 <template x-if="hasMoreContent"> 331 <a class="text-brand flex items-center gap-2 text-sm font-medium transition-colors hover:text-brand/90" :href="searchResultUrl + '?q=' + encodeURIComponent((query || '').trim())" x-on:click="close()"> 332 <span>Se alle resultater</span> 333 </a> 334 </template> 335 </div> 336 <ul class="divide-y divide-gray-100"> 337 <template x-for="(a, idx) in articles" :key="idx"> 338 <li class="relative"> 339 <div class="flex w-full items-center gap-3 py-3 text-left focus:bg-gray-50 focus:outline-none"> 340 <template x-if="a.articleImageUrl"> 341 <img :src="a.articleImageUrl" :alt="a.articleName" class="size-20 object-contain" /> 342 </template> 343 <div class="flex flex-col"> 344 <a :href="a.articleUrl" title="a.articleName"> 345 <span class="absolute inset-0"></span> 346 <span class="text-sm text-gray-800" x-html="highlight(a.articleName)"></span> 347 </a> 348 <span class="text-xs text-gray-500" x-html="highlight(a.articleDescription)"></span> 349 </div> 350 </div> 351 </li> 352 </template> 353 </ul> 354 </div> 355 </div> 356 </div> 357 </div> 358</div> 359
360<script> 361 function searchComponent(config) { 362 return { 363 open: false, 364 suppressNextFocus: false, 365 culture: config.culture, 366 searchResultUrl: config.searchResultUrl, 367 query: '', 368 popular: [], 369 suggestions: [], 370 products: [], 371 articles: [], 372 productsResultText: '', 373 contentResultText: '', 374 hasMoreProducts: false, 375 hasMoreContent: false, 376 hasTyped: false, 377 loading: false, 378 debounceMs: 200, 379 debounceHandle: null, 380 abortController: null, 381 382 close() { 383 this.open = false; 384 this.suppressNextFocus = true; 385 setTimeout(() => { 386 this.suppressNextFocus = false; 387 }, 200); 388 this.$nextTick(() => { 389 if (this.$refs && this.$refs.searchInput) { 390 this.$refs.searchInput.blur(); 391 } 392 }); 393 }, 394 395 escapeHtml(value) { 396 const str = (value ?? '').toString(); 397 return str 398 .replace(/&/g, '&') 399 .replace(/</g, '<') 400 .replace(/>/g, '>') 401 .replace(/"/g, '"') 402 .replace(/'/g, '''); 403 }, 404 escapeRegExp(value) { 405 return (value ?? '').toString().replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); 406 }, 407 getQueryTokens() { 408 const q = (this.query || '').trim(); 409 if (!q) return []; 410 return q 411 .split(/\s+/) 412 .map(t => t.trim()) 413 .filter(t => t.length > 0); 414 }, 415 highlight(value) { 416 const text = this.escapeHtml(value); 417 const tokens = this.getQueryTokens(); 418 if (!tokens.length) return text; 419 420 const escapedTokens = tokens 421 .map(t => this.escapeRegExp(t)) 422 .sort((a, b) => b.length - a.length); 423 424 const regex = new RegExp('(' + escapedTokens.join('|') + ')', 'gi'); 425 return text.replace(regex, '<strong class="font-semibold">$1</strong>'); 426 }, 427 get showPopular() { return !this.hasTyped || (!this.query || this.query.length === 0); }, 428 async fetchPopular() { 429 this.loading = true; 430 try { 431 const res = await fetch(config.popularTermsUrl + "?culture=" + this.culture, { headers: { 'Accept': 'application/json' } }); 432 if (!res.ok) return; 433 const data = await res.json(); 434 this.popular = Array.isArray(data) && data.length ? data : []; 435 } catch (e) { 436 this.popular = []; 437 } finally { 438 this.loading = false; 439 } 440 }, 441 442 onFocus() { 443 if (this.suppressNextFocus) { 444 this.suppressNextFocus = false; 445 return; 446 } 447 this.open = true; 448 const term = (this.query || '').trim(); 449 if (term) { 450 this.hasTyped = true; 451 this.fetchSuggestions(); 452 return; 453 } 454 this.hasTyped = false; 455 this.fetchPopular(); 456 }, 457 onInput() { 458 this.open = true; 459 this.hasTyped = true; 460 if (this.debounceHandle) clearTimeout(this.debounceHandle); 461 this.debounceHandle = setTimeout(() => this.fetchSuggestions(), this.debounceMs); 462 }, 463 async fetchSuggestions() { 464 const term = (this.query || '').trim(); 465 if (!term) { 466 this.suggestions = []; 467 this.products = []; 468 this.articles = []; 469 this.productsResultText = ''; 470 this.contentResultText = ''; 471 return; 472 } 473 if (this.abortController) this.abortController.abort(); 474 this.abortController = new AbortController(); 475 this.loading = true; 476 try { 477 const url = config.overlaySearchUrl + '?term=' + encodeURIComponent(term) + '&culture=' + this.culture; 478 const res = await fetch(url, { headers: { 'Accept': 'application/json' }, signal: this.abortController.signal }); 479 if (!res.ok) return; 480 const data = await res.json(); 481 const terms = data && Array.isArray(data.searchTerms) ? data.searchTerms : []; 482 const products = data && Array.isArray(data.products) ? data.products : []; 483 const articles = data && Array.isArray(data.articles) ? data.articles : []; 484 this.suggestions = terms; 485 this.products = products; 486 this.articles = articles; 487 this.productsResultText = (data && typeof data.productsResultText === 'string' ? data.productsResultText : '') || ''; 488 this.contentResultText = (data && typeof data.contentResultText === 'string' ? data.contentResultText : '') || ''; 489 this.hasMoreProducts = data && typeof data.productsTotal === 'number' && products.length < data.productsTotal; 490 this.hasMoreContent = data && typeof data.contentTotal === 'number' && articles.length < data.contentTotal; 491 } catch (e) { 492 if (!(e && e.name === 'AbortError')) throw e; 493 } finally { 494 this.loading = false;
495 } 496 }, 497 applyPopular(term) { 498 const safe = (term || '').trim(); 499 if (!safe) return; 500 this.query = safe; 501 this.hasTyped = true; 502 this.fetchSuggestions(); 503 this.$nextTick(() => { 504 if (this.$refs && this.$refs.searchInput) { 505 this.$refs.searchInput.focus(); 506 } 507 }); 508 }, 509 applySuggestion(term) { 510 this.applyPopular(term); 511 }, 512 onSubmit() { 513 this.open = true; 514 this.hasTyped = true; 515 this.fetchSuggestions(); 516 } 517 }; 518 } 519</script>
519 520 </div> 521 <div class="col-span-3 flex items-center justify-end gap-1 sm:gap-2 xl:gap-4"> 522 523 524 525<div x-data="basketComponent(0)" x-on:click.away="close()" class="static isolate lg:relative"> 526 <div class="relative flex items-center font-semibold lg:gap-2.5" :class="{'hover:text-brand': quantity > 0, 'text-brand': open}"> 527 528 <div class="relative p-2"> 529 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 16 17" src="/img/icons/basket.svg" class="size-6 transition-colors svg-img-icons-basket-svg-v-a60a04e74c272151b63f3bfca58155708e833967933ed592099efe2562f7376113496"><g fill="currentColor" fill-rule="evenodd"><path d="M4.666 14.5a1.333 1.333 0 1 1 2.667 0 1.333 1.333 0 0 1-2.667 0zm7.334 0a1.333 1.333 0 1 1 2.667 0 1.333 1.333 0 0 1-2.667 0zM0 1.167C0 .798.298.5.667.5h2.666c.318 0 .592.224.654.536l.56 2.797h10.786a.667.667 0 0 1 .655.792l-1.067 5.598a2 2 0 0 1-1.993 1.61H6.459a2 2 0 0 1-1.993-1.61L3.353 4.66a.66.66 0 0 1-.012-.056l-.554-2.77H.667A.667.667 0 0 1 0 1.167zm4.814 4 .96 4.796a.667.667 0 0 0 .667.537h6.505a.667.667 0 0 0 .666-.534l.915-4.8H4.815z"></path></g></svg> 530 <span x-show="quantity > 0" x-transition class="bg-brand text-white text-xs flex items-center justify-center rounded-full size-5 absolute right-0 top-0 pointer-events-none" x-cloak> 531 <span x-text="quantity">0</span> 532 </span> 533 </div> 534 <button class="transition-colors" :class="quantity > 0 ? 'cursor-pointer' : ''" x-on:click="toggle()" :disabled="quantity == 0"> 535 <span class="absolute -inset-0.5"></span> 536 <span class="hidden 3xl:block">Kurv</span> 537 </button> 538 </div> 539 <input name="__RequestVerificationToken" type="hidden" value="CfDJ8P2IY8fzfxtJowwcibv3UKyV8hmRSNXEQsepQznp5bDpNTlvoTu84-0EvpeK14GwH5a4qeP7gBgzPhggAXkiRf-uNxqVuDKWz8_19u6uY4mTxJoCv_a1xPq0euJ0AC8R76fGIAyhDVdcVEwx9fUKI2w" /> 540 <div x-show="open" x-transition class="absolute right-0 w-screen max-w-full translate-y-2 bg-white shadow-lg outline-1 outline-beige md:max-w-md lg:translate-y-3 lg:rounded-lg" :class="{'z-[100]': open}" x-cloak> 541 <p class="sr-only">Kurv</p> 542 <form class="max-h-[calc(100vh-22.5rem)] overflow-auto bg-white px-4"> 543 <template x-if="loading"> 544 <div class="py-6 text-center text-sm text-gray-500">Henter data..</div> 545 </template> 546 547 <ul role="list" class="divide-y divide-gray-200 flex flex-col" x-show="!loading && cart && !cart.isEmpty"> 548 <template x-for="line in (cart?.lines || [])" :key="line.orderLineId"> 549 <li class="flex gap-5 py-4 transition-opacity" :class="{'opacity-50 pointer-events-none': loadingLineId === line.orderLineId}"> 550 <a :href="line.url" :title="line.name"> 551 <img :src="line.imageUrl" alt="" class="size-24 flex-none object-contain" x-show="line.imageUrl" /> 552 <div class="size-24 flex items-center justify-center" x-show="!line.imageUrl"> 553 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 80 80" src="/img/icons/no-image.svg" class="size-16 text-gray-300 svg-img-icons-no-image-svg-v-a60a04e74c272151b63f3bfca58155708e833967933ed592099efe2562f7376118300" aria-hidden="true"><path stroke="currentColor" stroke-width="2" d="M51.5 31.25a2.75 2.75 0 1 1-5.5 0 2.75 2.75 0 0 1 5.5 0z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M67.5 15h-55a2.5 2.5 0 0 0-2.5 2.5v45a2.5 2.5 0 0 0 2.5 2.5h55a2.5 2.5 0 0 0 2.5-2.5v-45a2.5 2.5 0 0 0-2.5-2.5z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 52.5 27.5 35 45 52.5l10-10 15 15"></path></svg> 554 </div> 555 </a> 556 <div class="flex flex-col gap-3"> 557 <div class="text-md leading-tight"> 558 <div class="flex flex-col gap-1"> 559 <div class="flex flex-col gap-1"> 560 <div x-show="line.projectName">
561 <span class="bg-brand rounded-full px-2 py-0.5 text-white text-xs" x-text="line.projectName"></span> 562 </div> 563 <a :href="line.url" :title="line.name" class="font-medium text-normal text-balance" x-text="line.name"></a> 564 <p class="text-gray-600 text-xs" x-text="line.sku"></p> 565 </div> 566 <div class="flex flex-col gap-2" x-show="line.salesQuantityLabelFormatted || line.regularLineTotalFormatted || line.lineTotalFormatted"> 567 <span class="text-xs" x-html="line.salesQuantityLabelFormatted" x-show="line.salesQuantityLabelFormatted"></span> 568 <span class="text-xs" x-text="line.regularLineTotalFormatted" x-show="line.regularLineTotalFormatted && !(cart?.hidePrices || cart?.HidePrices)"></span> 569 <div class="flex flex-col" x-show="line.lineTotalFormatted && !(cart?.hidePrices || cart?.HidePrices)"> 570 <span x-text="line.lineTotalFormatted" class="text-sm font-medium"></span> 571 <span class="text-xs">inkl. moms</span> 572 </div> 573 </div> 574 </div> 575 </div> 576 <div class="flex items-center gap-3"> 577 <div class="flex w-full max-w-24 items-center rounded-sm outline-1 outline-gray-200"> 578 <button x-on:click.prevent="updateLineQuantity(line, line.quantity - 1)" class="flex size-8 flex-shrink-0 cursor-pointer items-center justify-center rounded-sm text-gray-500" :disabled="loadingLineId === line.orderLineId"> 579 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 16 16" src="/img/icons/minus.svg" class="size-4 svg-img-icons-minus-svg-v-a60a04e74c272151b63f3bfca58155708e833967933ed592099efe2562f7376122438"><path fill="currentColor" fill-rule="evenodd" d="M2.667 8c0-.368.298-.667.666-.667h9.334a.667.667 0 1 1 0 1.334H3.332A.667.667 0 0 1 2.666 8z" clip-rule="evenodd"></path></svg> 580 </button> 581 <input type="text" class="size-8 text-center text-xs" :value="line.quantity" x-on:change="updateLineQuantity(line, $event.target.value)" x-on:blur="validateMinBuy(line, $event.target)" :disabled="loadingLineId === line.orderLineId" /> 582 <button x-on:click.prevent="updateLineQuantity(line, line.quantity + 1)" class="flex size-8 flex-shrink-0 cursor-pointer items-center justify-center rounded-sm text-gray-500" :disabled="loadingLineId === line.orderLineId || isProjectMaxed(line)"> 583 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 16 16" src="/img/icons/plus.svg" class="size-4 svg-img-icons-plus-svg-v-a60a04e74c272151b63f3bfca58155708e833967933ed592099efe2562f7376124360"><path fill="currentColor" fill-rule="evenodd" d="M8 2.667c.368 0 .667.298.667.666v9.334a.667.667 0 1 1-1.333 0V3.333c0-.368.298-.666.666-.666z" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M2.667 8c0-.368.298-.667.666-.667h9.334a.667.667 0 1 1 0 1.334H3.332A.667.667 0 0 1 2.666 8z" clip-rule="evenodd"></path></svg> 584 </button> 585 </div> 586 <button class="flex size-8 flex-shrink-0 cursor-pointer items-center justify-center rounded-sm text-gray-700 outline-1 outline-gray-200" x-on:click.prevent="removeLine(line)"> 587 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 20 20" src="/img/icons/trashcan.svg" class="size-4 svg-img-icons-trashcan-svg-v-a60a04e74c272151b63f3bfca58155708e833967933ed592099efe2562f7376125957"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16.875 4.375H3.125m5 3.75v5m3.75-5v5m-5-11.25h6.25m2.5 2.5V16.25a.624.624 0 0 1-.625.625H5a.625.625 0 0 1-.625-.625V4.375"></path></svg> 588 </button> 589 </div> 590 </div> 591 </li> 592 </template> 593 </ul> 594 <div x-show="!loading && cart && !cart.isEmpty && recommendations.length > 0" class="py-4 border-t border-gray-200 flex flex-col gap-2"> 595 <h3 class="text-sm font-medium text-gray-900">Andre købte også</h3> 596 <div class="space-y-3"> 597 <template x-for="product in recommendations.slice(0, 3)" :key="product.id"> 598 <div class="flex gap-3 py-2"> 599 <a :href="product.url" class="flex-shrink-0"> 600 <img :src="product.listImage?.url || product.primaryImage?.url" alt="" class="size-16 object-contain" x-show="product.listImage?.url || product.primaryImage?.url" /> 601 <div x-show="!product.listImage?.url && !product.primaryImage?.url" class="size-16 flex items-center justify-center"> 602 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 80 80" src="/img/icons/no-image.svg" class="size-8 text-gray-300 svg-img-icons-no-image-svg-v-a60a04e74c272151b63f3bfca58155708e833967933ed592099efe2562f7376128764" aria-hidden="true"><path stroke="currentColor" stroke-width="2" d="M51.5 31.25a2.75 2.75 0 1 1-5.5 0 2.75 2.75 0 0 1 5.5 0z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M67.5 15h-55a2.5 2.5 0 0 0-2.5 2.5v45a2.5 2.5 0 0 0 2.5 2.5h55a2.5 2.5 0 0 0 2.5-2.5v-45a2.5 2.5 0 0 0-2.5-2.5z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 52.5 27.5 35 45 52.5l10-10 15 15"></path></svg> 603 </div> 604 </a> 605 <div class="flex-1 min-w-0"> 606 <a :href="product.url" class="flex flex-col gap-1"> 607 <p class="text-sm font-medium text-gray-900 truncate" x-text="product.name"></p> 608 <div x-show="product.minPriceTextFormatted && !cart?.hidePrices" class="flex flex-col gap-0.5">
609 <span class="text-xs font-medium text-gray-500 line-through" x-text="product.oldPriceTextFormatted" x-show="product.oldPriceTextFormatted"></span> 610 <span class="text-xs font-medium text-gray-900" x-text="product.minPriceTextFormatted"></span> 611 </div> 612 </a> 613 </div> 614 </div> 615 </template> 616 </div> 617 </div> 618 </form> 619 <div class="sticky bottom-0 flex flex-col gap-4 bg-beige p-4 pb-3"> 620 <div class="flex flex-col gap-2"> 621 <div class="flex items-center justify-between text-sm" x-show="cart && !loading && !cart.isEmpty && !(cart?.hidePrices || cart?.HidePrices)"> 622 <span class="text-gray-600">Subtotal</span> 623 <span x-text="cart?.totals?.subtotalFormatted" class="font-medium"></span> 624 </div> 625 <div class="flex items-center justify-between text-sm" x-show="cart && !loading && !cart.isEmpty && !(cart?.hidePrices || cart?.HidePrices) && cart?.totals?.shippingFeeFormatted"> 626 <span class="text-gray-600">Fragt</span> 627 <span x-text="cart?.totals?.shippingFeeFormatted" class="font-medium"></span> 628 </div> 629 <div class="flex items-center justify-between text-sm" x-show="cart && !loading && !cart.isEmpty && !(cart?.hidePrices || cart?.HidePrices) && cart?.totals?.energyFee > 0"> 630 <span class="text-gray-600">Miljøtillæg</span> 631 <span x-text="cart?.totals?.energyFeeFormatted" class="font-medium"></span> 632 </div> 633 <div class="flex items-center justify-between text-sm" x-show="cart && !loading && !cart.isEmpty && !(cart?.hidePrices || cart?.HidePrices) && cart?.totals?.extraShippingFee > 0"> 634 <span class="text-gray-600">Yderligere fragtgebyr</span> 635 <span x-text="cart?.totals?.extraShippingFeeFormatted" class="font-medium"></span> 636 </div> 637 <div class="flex items-center justify-between text-sm" x-show="cart && !loading && !cart.isEmpty && !(cart?.hidePrices || cart?.HidePrices) && cart?.totals?.discountTotal > 0"> 638 <span class="text-gray-600">Rabat</span> 639 <span x-text="cart?.totals?.discountTotalFormatted" class="font-medium"></span> 640 </div> 641 <div class="flex items-center justify-between text-sm border-t border-gray-300 pt-2" x-show="cart && !loading && !cart.isEmpty && !(cart?.hidePrices || cart?.HidePrices)"> 642 <span class="text-gray-600">Total ekskl. moms</span> 643 <span x-text="cart?.totals?.totalExclVatFormatted" class="font-medium"></span> 644 </div> 645 <div class="flex items-center justify-between text-sm" x-show="cart && !loading && !cart.isEmpty && !(cart?.hidePrices || cart?.HidePrices) && cart?.totals?.taxTotal > 0"> 646 <span class="text-gray-600">Moms</span> 647 <span x-text="cart?.totals?.taxTotalFormatted" class="font-medium"></span> 648 </div> 649 <div class="flex items-center justify-between text-sm border-t border-gray-300 pt-2" x-show="cart && !loading && !cart.isEmpty && !(cart?.hidePrices || cart?.HidePrices)"> 650 <span class="text-gray-600">Total inkl. moms</span> 651 <span x-text="cart?.totals?.totalInclVatFormatted" class="font-medium"></span> 652 </div> 653 </div> 654 <div class="flex flex-col gap-2"> 655 <div class="rounded-md bg-black" x-show="cart && !loading && !(cart.isEmpty ?? cart.IsEmpty)" x-cloak> 656 <a href="/kasse" title="Gå til kassen" class="flex w-full items-center justify-center rounded-md bg-brand px-8 py-4 font-semibold text-white transition-all hover:bg-brand/75 hover:shadow-md max-md:text-sm">
657 <span>Gå til kassen</span> 658 </a> 659 </div> 660 <div class="flex justify-center" x-show="cart && !loading && !(cart.isEmpty ?? cart.IsEmpty)" x-cloak> 661 <a href="/kurv" title="Gå til indkøbskurven" class="rounded-sm px-2 text-center font-semibold text-sm/6">Gå til indkøbskurven</a> 662 </div> 663 </div> 664 </div> 665 </div> 666</div> 667 668 <!-- ec-self-host src="https://unpkg.com/@popperjs/core@2" -->
668<script src="/assets/_@popperjs/[email protected]"></script>
668 669 <!-- ec-self-host src="https://unpkg.com/tippy.js@6" -->
669<script src="/assets/[email protected]"></script>
669 670 671
671<script> 672 document.addEventListener('alpine:init', () => { 673 Alpine.magic('tooltip', el => message => { 674 let instance = tippy(el, { 675 content: message, 676 trigger: 'manual', 677 allowHTML: true 678 }) 679 680 instance.show() 681 682 setTimeout(() => { 683 instance.hide() 684 685 setTimeout(() => instance.destroy(), 150) 686 }, 2000) 687 }) 688 689 Alpine.directive('tooltip', (el, { expression }) => { 690 tippy(el, { 691 content: expression, 692 allowHTML: true 693 }) 694 }) 695 }) 696 </script>
696 697 698 699
699<script> 700 const basketGetRequestVerificationToken = () => { 701 const el = document.querySelector('input[name="__RequestVerificationToken"]'); 702 return el ? el.value : ''; 703 }; 704 705 document.addEventListener("alpine:init", () => { 706 Alpine.data("basketComponent", (initialQuantity) => ({ 707 quantity: typeof initialQuantity === "number" ? initialQuantity : 0, 708 open: false, 709 wantOpen: false, 710 cart: null, 711 loading: false, 712 loadedOnce: false, 713 loadingLineId: null, 714 loadRequestId: 0, 715 loadAbortController: null, 716 recommendations: [], 717 recommendationsLoading: false, 718 719 init() { 720 window.addEventListener("basket-updated", (event) => { 721 if (!event || !event.detail) { 722 return 723 } 724 725 const q = event.detail.quantity 726 727 if (typeof q === "number") { 728 this.quantity = q 729 } 730 }) 731 }, 732 async loadCart({ openDelayMs } = {}) { 733 if (this.quantity <= 0) { 734 this.cart = null 735 this.dispatchBasketQuantity(0) 736 return 737 } 738 739 this.loadRequestId = (this.loadRequestId || 0) + 1 740 const requestId = this.loadRequestId 741 742 if (this.loadAbortController) { 743 try { 744 this.loadAbortController.abort() 745 } catch { } 746 } 747 748 this.loadAbortController = new AbortController() 749 750 let openDelayHandle = null 751 if (Number.isFinite(openDelayMs) && openDelayMs > 0) { 752 openDelayHandle = window.setTimeout(() => { 753 if (this.loadRequestId !== requestId) { 754 return 755 } 756 757 if (!this.wantOpen) { 758 return 759 } 760 761 this.open = true 762 this.loading = true 763 }, openDelayMs) 764 } 765 766 try { 767 const res = await fetch('/umbraco/surface/basket/GetCart', { 768 method: 'GET', 769 headers: { 770 'Accept': 'application/json' 771 }, 772 signal: this.loadAbortController.signal 773 }) 774 775 if (this.loadRequestId !== requestId) { 776 return 777 } 778 779 if (!res.ok) { 780 return 781 } 782 783 const data = await res.json() 784 if (this.loadRequestId !== requestId) { 785 return 786 } 787 788 this.cart = data || null 789 this.loadedOnce = true 790 791 this.updateQuantityFromCart() 792 793 this.checkIfAllLoaded() 794 } catch (e) { 795 if (e?.name !== 'AbortError') { 796 console.log(e) 797 } 798 } finally { 799 if (openDelayHandle) { 800 window.clearTimeout(openDelayHandle) 801 } 802 803 if (this.loadRequestId === requestId && !this.recommendationsLoading) { 804 this.loading = false 805 } 806 } 807 }, 808 close() { 809 this.wantOpen = false 810 this.open = false 811 this.loading = false 812 813 if (this.loadAbortController) { 814 try { 815 this.loadAbortController.abort() 816 } catch { } 817 } 818 }, 819 820 updateQuantityFromCart() { 821 const lines = (this.cart?.lines || this.cart?.Lines || []) 822 const totalQuantity = lines.reduce((acc, l) => { 823 const q = Number(l.quantity) || 0 824 return acc + q 825 }, 0) 826 827 this.quantity = totalQuantity 828 this.dispatchBasketQuantity(totalQuantity) 829 }, 830 dispatchBasketQuantity(quantity) { 831 if (typeof quantity !== 'number') { 832 return 833 } 834 835 window.dispatchEvent(new CustomEvent('basket-updated', { 836 detail: { quantity } 837 })) 838 }, 839 840 validateMinBuy(line, inputElement) { 841 const parsed = Number(inputElement.value) 842 const clamped = this.resolveValidatedQuantity(line, parsed) 843 844 if (clamped !== parsed) { 845 inputElement.value = clamped 846 } 847 }, 848 resolveProjectMaxQuantity(line) { 849 const max = Number(line?.projectMaxQuantity ?? line?.ProjectMaxQuantity) 850 return Number.isFinite(max) && max > 0 ? max : null 851 }, 852 resolveValidatedQuantity(line, parsed) { 853 const minBuy = Number(line?.minBuy) || 1 854 let validated = parsed 855 856 if (!Number.isFinite(validated)) { 857 validated = minBuy 858 } 859 860 if (validated < minBuy) { 861 validated = minBuy 862 } 863 864 const max = this.resolveProjectMaxQuantity(line) 865 if (max !== null && validated > max) { 866 validated = max 867 } 868 869 if (max !== null && max < minBuy) { 870 validated = max 871 } 872 873 return validated 874 },
875 isProjectMaxed(line) { 876 const max = this.resolveProjectMaxQuantity(line) 877 if (max === null) { 878 return false 879 } 880 881 const q = Number(line?.quantity) || 0 882 return q >= max 883 }, 884 async updateLineQuantity(line, newQuantity) { 885 const parsed = Number(newQuantity) 886 887 if (!line || !line.orderLineId) { 888 return 889 } 890 891 const validatedQuantity = this.resolveValidatedQuantity(line, parsed) 892 893 if (!Number.isFinite(validatedQuantity) || validatedQuantity <= 0) { 894 await this.removeLine(line) 895 return 896 } 897 898 // If quantity was adjusted due to minBuy, update the input field 899 if (validatedQuantity !== parsed) { 900 // Find the input element and update its value 901 const lineElement = document.querySelector(`[x-show="!loading && cart && !cart.isEmpty"] li:has([value="${parsed}"])`) 902 if (lineElement) { 903 const input = lineElement.querySelector('input[type="text"]') 904 if (input) { 905 input.value = validatedQuantity 906 } 907 } 908 } 909 910 try { 911 this.loadingLineId = line.orderLineId 912 const res = await fetch('/umbraco/surface/basket/UpdateCartLineQuantity', { 913 method: 'POST', 914 headers: { 915 'Accept': 'application/json', 916 'Content-Type': 'application/json', 917 'RequestVerificationToken': basketGetRequestVerificationToken() 918 }, 919 body: JSON.stringify({ 920 OrderLineId: line.orderLineId, 921 Quantity: validatedQuantity 922 }) 923 }) 924 925 if (!res.ok) { 926 return 927 } 928 929 const data = await res.json() 930 if (!data) { 931 return 932 } 933 934 this.cart = data 935 this.updateQuantityFromCart() 936 } catch (e) { 937 console.log(e) 938 } finally { 939 this.loadingLineId = null 940 } 941 }, 942 async removeLine(line) { 943 if (!line || !line.orderLineId) { 944 return 945 } 946 947 try { 948 this.loadingLineId = line.orderLineId 949 const res = await fetch('/umbraco/surface/basket/RemoveFromCart', { 950 method: 'POST', 951 headers: { 952 'Accept': 'application/json', 953 'Content-Type': 'application/json', 954 'RequestVerificationToken': basketGetRequestVerificationToken() 955 }, 956 body: JSON.stringify({ 957 OrderLineId: line.orderLineId 958 }) 959 }) 960 961 if (!res.ok) { 962 return 963 } 964 965 const data = await res.json() 966 if (!data) { 967 return 968 } 969 970 this.cart = data 971 this.updateQuantityFromCart() 972 } catch (e) { 973 console.log(e) 974 } 975 }, 976 checkIfAllLoaded() { 977 if (this.cart && !this.recommendationsLoading && this.wantOpen) { 978 this.loading = false 979 this.open = true 980 } 981 }, 982 async loadRecommendations() { 983 if (this.recommendationsLoading || this.quantity <= 0) { 984 return 985 } 986 987 try { 988 this.recommendationsLoading = true 989 const res = await fetch('/umbraco/surface/basket/GetCartPurchasedWithProductRecommendations', { 990 method: 'GET', 991 headers: { 992 'Accept': 'application/json' 993 } 994 }) 995 996 if (!res.ok) { 997 return 998 } 999 1000 const data = await res.json() 1001 this.recommendations = data || [] 1002 } catch (e) { 1003 console.log('Failed to load recommendations:', e) 1004 } finally { 1005 this.recommendationsLoading = false 1006 this.checkIfAllLoaded() 1007 } 1008 }, 1009 toggle() { 1010 if (this.open || this.wantOpen) { 1011 this.close() 1012 return 1013 } 1014 1015 if (this.quantity > 0) { 1016 this.wantOpen = true 1017 this.loadCart({ openDelayMs: 300 }) 1018 this.loadRecommendations() 1019 } 1020 } 1021 })) 1022 }) 1023 </script>
1023 1024 1025 1026 <div class="static isolate min-w-0 lg:relative"> 1027 <div class="relative flex items-center justify-end p-2 font-semibold hover:text-brand xl:gap-2.5"> 1028 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" src="/img/icons/phone.svg" class="size-6 flex-shrink-0 transition-colors svg-img-icons-phone-svg-v-8acdecabe3b37f0e51b38c19e10fa219db6cf4d6368a6a73f12df54905bdc25e8683" aria-hidden="true"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2"></path></svg> 1029 <a href="/kontakt-os" title="Kontakt os"> 1030 <span class="absolute -inset-0.5"></span> 1031 <span class="hidden truncate 3xl:block">Kontakt os</span> 1032 </a> 1033 </div> 1034 </div> 1035 1036 <div class="hidden lg:block ml-3"> 1037 1038<div class="flex gap-3 max-lg:flex-col max-lg:px-5 lg:items-center lg:gap-2 md:max-lg:px-8"> 1039 <a href="/" title="Dansk (Danmark)" class="flex items-center gap-2.5 "> 1040 <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 65" src="/img/flags/da.svg" class="size-5 rounded-full lg:size-4 svg-img-flags-da-svg-v-93cfec64b28f59606c52674eccff0b94c17b3772083305e3b3d297a2fcc4b5ab9424"><g clip-path="url(#svg-img-flags-da-svg-v-93cfec64b28f59606c52674eccff0b94c17b3772083305e3b3d297a2fcc4b5ab9424-clip0)"><path d="M0 .553h64.013v64H0v-64z" fill="#C8102E"></path><path d="M18 .553h9.137v64H18v-64z" fill="#fff"></path><path d="M0 27.977h64.013v9.15H0v-9.15z" fill="#fff"></path></g><defs><clippath id="svg-img-flags-da-svg-v-93cfec64b28f59606c52674eccff0b94c17b3772083305e3b3d297a2fcc4b5ab9424-clip0" data-original-id="clip0"><rect y=".553" width="64" height="64" rx="32" fill="#fff"></rect></clippath></defs></svg> 1041 <span class="max-lg:text-sm/7 lg:sr-only">Dansk (Danmark)</span> 1042 </a> 1043 <a href="https://www.landgarden.se/" title="Svenska (Sverige)" class="flex items-center gap-2.5 opacity-30"> 1044 <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64" src="/img/flags/sv.svg" class="size-5 rounded-full lg:size-4 svg-img-flags-sv-svg-v-93cfec64b28f59606c52674eccff0b94c17b3772083305e3b3d297a2fcc4b5ab9424"><g clip-path="url(#svg-img-flags-sv-svg-v-93cfec64b28f59606c52674eccff0b94c17b3772083305e3b3d297a2fcc4b5ab9424-clip0)" fill-rule="evenodd" clip-rule="evenodd"><path d="M-15.134.041h32.003v25.6h-32.003V.041zm0 38.354h32.003v25.6h-32.003v-25.6z" fill="#006AA7"></path><path d="M-15.134 25.628h32.003V38.42h-32.003V25.628z" fill="#FECC00"></path><path d="M16.738.002h12.794v64.006H16.738V.002z" fill="#FECC00"></path><path d="M29.128 25.628H86.73v12.806H29.128V25.628z" fill="#FECC00"></path><path d="M29.519 38.408h57.603v25.587H29.52V38.408zm0-38.367h57.603v25.6H29.52V.041z" fill="#006AA7"></path></g><defs><clippath id="svg-img-flags-sv-svg-v-93cfec64b28f59606c52674eccff0b94c17b3772083305e3b3d297a2fcc4b5ab9424-clip0" data-original-id="clip0"><rect width="64" height="64" rx="32" fill="#fff"></rect></clippath></defs></svg> 1045 <span class="max-lg:text-sm/7 lg:sr-only">Svenska (Sverige)</span> 1046 </a> 1047</div> 1048 </div> 1049 <div class="-mr-2 hidden items-center max-lg:flex"> 1050 <button type="button" class="relative inline-flex cursor-pointer items-center justify-center rounded-md p-2" x-on:click="mobileNavOpen = !mobileNavOpen"> 1051 <span class="absolute -inset-0.5"></span> 1052 <span class="sr-only">Erhvervslogin</span> 1053 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" x-show="!mobileNavOpen" src="/img/icons/hamburger.svg" class="size-6 flex-shrink-0 svg-img-icons-hamburger-svg-v-aad4f8b8a688e5baee8ed6baf176eece223b7acc0fcca9d45b9eebf3689d75a555907"><path fill="currentColor" fill-rule="evenodd" d="M2 12a1 1 0 0 1 1-1h18a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1zm0-6a1 1 0 0 1 1-1h18a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1zm0 12a1 1 0 0 1 1-1h18a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1z" clip-rule="evenodd"></path></svg> 1054 <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 25" x-show="mobileNavOpen" src="/img/icons/cross.svg" class="size-6 flex-shrink-0 svg-img-icons-cross-svg-v-aad4f8b8a688e5baee8ed6baf176eece223b7acc0fcca9d45b9eebf3689d75a557213" x-cloak=""><path d="M18.75 5.988l-13.5 13.5M18.75 19.488l-13.5-13.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> 1055 </button> 1056 </div> 1057 </div> 1058 </nav> 1059 <div class="flex lg:hidden" x-show="!mobileNavOpen"> 1060 <div x-data="searchComponent({ popularTermsUrl: '/umbraco/surface/relewise/FetchPopularSearchTerms', overlaySearchUrl: '/umbraco/surface/relewise/FetchOverlaySearch', searchResultUrl: '/soegning', culture: 'da-DK' })" x-trap.noscroll="open" x-on:keydown.escape.window="close()" x-on:click.outside="close()" x-on:focusin.window="if(!$el.contains($event.target)) close()" class="relative isolate w-full transition-all lg:max-w-xl xl:max-w-3xl" :class="{ 'z-50': open }"> 1061 <div class="relative z-50 mx-2 rounded-t-lg bg-white p-3 md:mx-4 md:p-4 lg:mx-0" :class="{ 'z-50': open }"> 1062 <form class="relative" role="search" x-on:submit.prevent="onSubmit()"> 1063 <input id="Search" x-ref="searchInput" placeholder="Søg" type="text" autocomplete="off" aria-labelledby="search-label" :aria-expanded="open.toString()" x-model="query" x-on:focus="onFocus()" x-on:input="onInput()" class="relative z-50 h-12 w-full rounded-lg bg-beige indent-12 placeholder:text-black focus:outline-none font-normal" /> 1064 <span id="search-label" class="sr-only">Søg efter varer</span> 1065 <div class="pointer-events-none absolute top-0 left-0 z-50 flex size-12 items-center justify-center"> 1066 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 20 20" src="/img/icons/search.svg" class="size-6 svg-img-icons-search-svg-v-4c1c2542736057c5d39418eb187de52fe6fb6e2b21ab9a3c71f235ca5cba0ad716180" aria-hidden="true">
1066<path fill="currentColor" fill-rule="evenodd" d="M9.166 3.333a5.833 5.833 0 1 0 0 11.667 5.833 5.833 0 0 0 0-11.667zm-7.5 5.834a7.5 7.5 0 1 1 15 0 7.5 7.5 0 0 1-15 0z" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M13.286 13.286a.833.833 0 0 1 1.178 0l3.625 3.625a.833.833 0 0 1-1.178 1.178l-3.625-3.625a.833.833 0 0 1 0-1.178z" clip-rule="evenodd"></path></svg> 1067 </div> 1068 </form> 1069 </div> 1070 <div x-show="open" x-transition.opacity class="fixed inset-0 z-40 bg-black/30" aria-hidden="true" x-on:mousedown="close()" x-on:touchstart="close()" x-cloak></div> 1071 <div x-show="open" class="absolute right-0 left-0 z-50 mx-2 overflow-hidden rounded-b-lg bg-white shadow-xl md:mx-4 lg:mx-0" x-cloak> 1072 <div class="max-h-[80vh] overflow-y-auto"> 1073 <div class="p-4 pt-2" x-show="showPopular"> 1074 <div class="pb-2" x-show="loading"> 1075 <p class="text-sm text-gray-500">Finder populære søgninger..</p> 1076 </div> 1077 <ul role="listbox" class="divide-y divide-gray-100"> 1078 <template x-for="(item, idx) in popular" :key="idx"> 1079 <li role="option" class="group"> 1080 <button type="button" class="flex w-full items-center gap-3 px-0 py-3 text-left focus:bg-gray-50 focus:outline-none" x-on:click="applyPopular(item)"> 1081 <span class="text-sm text-gray-800" x-html="highlight(item)"></span> 1082 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 20 20" src="/img/icons/search.svg" class="size-4 shrink-0 text-gray-400 svg-img-icons-search-svg-v-4c1c2542736057c5d39418eb187de52fe6fb6e2b21ab9a3c71f235ca5cba0ad721105"><path fill="currentColor" fill-rule="evenodd" d="M9.166 3.333a5.833 5.833 0 1 0 0 11.667 5.833 5.833 0 0 0 0-11.667zm-7.5 5.834a7.5 7.5 0 1 1 15 0 7.5 7.5 0 0 1-15 0z" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M13.286 13.286a.833.833 0 0 1 1.178 0l3.625 3.625a.833.833 0 0 1-1.178 1.178l-3.625-3.625a.833.833 0 0 1 0-1.178z" clip-rule="evenodd"></path></svg> 1083 </button> 1084 </li> 1085 </template> 1086 <li x-show="!loading && (!popular || popular.length === 0)"> 1087 <p class="text-sm text-gray-500">Ingen populære søgninger</p> 1088 </li> 1089 </ul> 1090 </div> 1091 1092 <div class="space-y-6 p-4 pt-2" x-show="!showPopular"> 1093 <div x-show="suggestions.length > 1" class="flex flex-col gap-3"> 1094 <div class="flex items-center justify-between border-b border-gray-200 pb-3"> 1095 <p class="text-xs font-medium text-gray-800">Populære søgninger</p> 1096 </div> 1097 <ul role="listbox" class="flex flex-col gap-1"> 1098 <template x-for="(item, idx) in suggestions" :key="idx"> 1099 <li role="option" class="group"> 1100 <button type="button" class="group flex w-full cursor-pointer items-center justify-between gap-3 text-left focus:bg-gray-50 focus:outline-none" x-on:click="applySuggestion(item)"> 1101 <span class="text-sm text-gray-800" x-html="highlight(item)"></span> 1102 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 20 20" src="/img/icons/search.svg" class="text-brand size-4 shrink-0 opacity-0 transition-opacity group-hover:opacity-100 svg-img-icons-search-svg-v-4c1c2542736057c5d39418eb187de52fe6fb6e2b21ab9a3c71f235ca5cba0ad723906"><path fill="currentColor" fill-rule="evenodd" d="M9.166 3.333a5.833 5.833 0 1 0 0 11.667 5.833 5.833 0 0 0 0-11.667zm-7.5 5.834a7.5 7.5 0 1 1 15 0 7.5 7.5 0 0 1-15 0z" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M13.286 13.286a.833.833 0 0 1 1.178 0l3.625 3.625a.833.833 0 0 1-1.178 1.178l-3.625-3.625a.833.833 0 0 1 0-1.178z" clip-rule="evenodd"></path></svg> 1103 </button> 1104 </li> 1105 </template> 1106 </ul> 1107 </div> 1108 1109 <div x-show="products && products.length" class="flex flex-col gap-3"> 1110 <div class="flex items-center justify-between border-b border-gray-200 pb-3"> 1111 <p class="text-xs font-medium text-gray-800" x-text="productsResultText"></p> 1112 <template x-if="hasMoreProducts"> 1113 <a class="text-brand flex items-center gap-2 text-sm font-medium transition-colors hover:text-brand/90" :href="searchResultUrl + '?q=' + encodeURIComponent((query || '').trim())" x-on:click="close()"> 1114 <span>Se alle resultater</span> 1115 </a> 1116 </template> 1117 </div>
1118 <ul class="grid grid-cols-4 gap-5"> 1119 <template x-for="(p, idx) in products" :key="idx"> 1120 <li class="group relative"> 1121 <div class="flex w-full flex-col items-center gap-3 py-3 text-left focus:bg-gray-50 focus:outline-none"> 1122 <template x-if="p.imageUrl"> 1123 <img :src="p.imageUrl" :alt="p.name" class="size-40 object-contain p-4 pb-0 mix-blend-multiply transition-transform group-hover:-translate-y-0.5" /> 1124 </template> 1125 <div class="flex flex-col gap-0.5"> 1126 <a class="text-sm leading-tight text-gray-800" :href="p.url" :title="p.name"> 1127 <span class="absolute inset-0"></span> 1128 <span x-html="highlight(p.name)"></span> 1129 </a> 1130 <template x-if="p.usps && p.usps.length"> 1131 <span class="text-xs text-gray-500" x-html="highlight(p.usps.join(', '))"></span> 1132 </template> 1133 </div> 1134 </div> 1135 </li> 1136 </template> 1137 </ul> 1138 </div> 1139 1140 <div x-show="articles && articles.length" class="flex flex-col gap-3"> 1141 <div class="flex items-center justify-between border-b border-gray-200 pb-3"> 1142 <p class="text-xs font-medium text-gray-800" x-text="contentResultText"></p> 1143 <template x-if="hasMoreContent"> 1144 <a class="text-brand flex items-center gap-2 text-sm font-medium transition-colors hover:text-brand/90" :href="searchResultUrl + '?q=' + encodeURIComponent((query || '').trim())" x-on:click="close()"> 1145 <span>Se alle resultater</span> 1146 </a> 1147 </template> 1148 </div> 1149 <ul class="divide-y divide-gray-100"> 1150 <template x-for="(a, idx) in articles" :key="idx"> 1151 <li class="relative"> 1152 <div class="flex w-full items-center gap-3 py-3 text-left focus:bg-gray-50 focus:outline-none"> 1153 <template x-if="a.articleImageUrl"> 1154 <img :src="a.articleImageUrl" :alt="a.articleName" class="size-20 object-contain" /> 1155 </template> 1156 <div class="flex flex-col"> 1157 <a :href="a.articleUrl" title="a.articleName"> 1158 <span class="absolute inset-0"></span> 1159 <span class="text-sm text-gray-800" x-html="highlight(a.articleName)"></span> 1160 </a> 1161 <span class="text-xs text-gray-500" x-html="highlight(a.articleDescription)"></span> 1162 </div> 1163 </div> 1164 </li> 1165 </template> 1166 </ul> 1167 </div> 1168 </div> 1169 </div> 1170 </div> 1171</div> 1172
1173<script> 1174 function searchComponent(config) { 1175 return { 1176 open: false, 1177 suppressNextFocus: false, 1178 culture: config.culture, 1179 searchResultUrl: config.searchResultUrl, 1180 query: '', 1181 popular: [], 1182 suggestions: [], 1183 products: [], 1184 articles: [], 1185 productsResultText: '', 1186 contentResultText: '', 1187 hasMoreProducts: false, 1188 hasMoreContent: false, 1189 hasTyped: false, 1190 loading: false, 1191 debounceMs: 200, 1192 debounceHandle: null, 1193 abortController: null, 1194 1195 close() { 1196 this.open = false; 1197 this.suppressNextFocus = true; 1198 setTimeout(() => { 1199 this.suppressNextFocus = false; 1200 }, 200); 1201 this.$nextTick(() => { 1202 if (this.$refs && this.$refs.searchInput) { 1203 this.$refs.searchInput.blur(); 1204 } 1205 }); 1206 }, 1207 1208 escapeHtml(value) { 1209 const str = (value ?? '').toString(); 1210 return str 1211 .replace(/&/g, '&') 1212 .replace(/</g, '<') 1213 .replace(/>/g, '>') 1214 .replace(/"/g, '"') 1215 .replace(/'/g, '''); 1216 }, 1217 escapeRegExp(value) { 1218 return (value ?? '').toString().replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); 1219 }, 1220 getQueryTokens() { 1221 const q = (this.query || '').trim(); 1222 if (!q) return []; 1223 return q 1224 .split(/\s+/) 1225 .map(t => t.trim()) 1226 .filter(t => t.length > 0); 1227 }, 1228 highlight(value) { 1229 const text = this.escapeHtml(value); 1230 const tokens = this.getQueryTokens(); 1231 if (!tokens.length) return text; 1232 1233 const escapedTokens = tokens 1234 .map(t => this.escapeRegExp(t)) 1235 .sort((a, b) => b.length - a.length); 1236 1237 const regex = new RegExp('(' + escapedTokens.join('|') + ')', 'gi'); 1238 return text.replace(regex, '<strong class="font-semibold">$1</strong>'); 1239 }, 1240 get showPopular() { return !this.hasTyped || (!this.query || this.query.length === 0); }, 1241 async fetchPopular() { 1242 this.loading = true; 1243 try { 1244 const res = await fetch(config.popularTermsUrl + "?culture=" + this.culture, { headers: { 'Accept': 'application/json' } }); 1245 if (!res.ok) return; 1246 const data = await res.json(); 1247 this.popular = Array.isArray(data) && data.length ? data : []; 1248 } catch (e) { 1249 this.popular = []; 1250 } finally { 1251 this.loading = false; 1252 } 1253 }, 1254 1255 onFocus() { 1256 if (this.suppressNextFocus) { 1257 this.suppressNextFocus = false; 1258 return; 1259 } 1260 this.open = true; 1261 const term = (this.query || '').trim(); 1262 if (term) { 1263 this.hasTyped = true; 1264 this.fetchSuggestions(); 1265 return; 1266 } 1267 this.hasTyped = false; 1268 this.fetchPopular(); 1269 }, 1270 onInput() { 1271 this.open = true; 1272 this.hasTyped = true; 1273 if (this.debounceHandle) clearTimeout(this.debounceHandle); 1274 this.debounceHandle = setTimeout(() => this.fetchSuggestions(), this.debounceMs); 1275 }, 1276 async fetchSuggestions() { 1277 const term = (this.query || '').trim(); 1278 if (!term) { 1279 this.suggestions = []; 1280 this.products = []; 1281 this.articles = []; 1282 this.productsResultText = ''; 1283 this.contentResultText = ''; 1284 return; 1285 } 1286 if (this.abortController) this.abortController.abort(); 1287 this.abortController = new AbortController(); 1288 this.loading = true; 1289 try { 1290 const url = config.overlaySearchUrl + '?term=' + encodeURIComponent(term) + '&culture=' + this.culture; 1291 const res = await fetch(url, { headers: { 'Accept': 'application/json' }, signal: this.abortController.signal }); 1292 if (!res.ok) return; 1293 const data = await res.json(); 1294 const terms = data && Array.isArray(data.searchTerms) ? data.searchTerms : []; 1295 const products = data && Array.isArray(data.products) ? data.products : []; 1296 const articles = data && Array.isArray(data.articles) ? data.articles : []; 1297 this.suggestions = terms; 1298 this.products = products; 1299 this.articles = articles; 1300 this.productsResultText = (data && typeof data.productsResultText === 'string' ? data.productsResultText : '') || ''; 1301 this.contentResultText = (data && typeof data.contentResultText === 'string' ? data.contentResultText : '') || ''; 1302 this.hasMoreProducts = data && typeof data.productsTotal === 'number' && products.length < data.productsTotal; 1303 this.hasMoreContent = data && typeof data.contentTotal === 'number' && articles.length < data.contentTotal; 1304 } catch (e) { 1305 if (!(e && e.name === 'AbortError')) throw e; 1306 } finally { 1307 this.loading = false;
1308 } 1309 }, 1310 applyPopular(term) { 1311 const safe = (term || '').trim(); 1312 if (!safe) return; 1313 this.query = safe; 1314 this.hasTyped = true; 1315 this.fetchSuggestions(); 1316 this.$nextTick(() => { 1317 if (this.$refs && this.$refs.searchInput) { 1318 this.$refs.searchInput.focus(); 1319 } 1320 }); 1321 }, 1322 applySuggestion(term) { 1323 this.applyPopular(term); 1324 }, 1325 onSubmit() { 1326 this.open = true; 1327 this.hasTyped = true; 1328 this.fetchSuggestions(); 1329 } 1330 }; 1331 } 1332</script>
1332 1333 </div> 1334 1335<div class="absolute inset-x-0 top-15 h-[calc(100vh-3.75rem)] z-50 bg-white pb-8 xl:hidden" x-show="mobileNavOpen" x-on:click.away="mobileNavOpen = false" :class="{'overflow-auto': isEmptyOrAllFalse()}" x-cloak> 1336 <div class="flex flex-col gap-5"> 1337 <ul role="list" class="flex flex-col space-y-1"> 1338 1339 <li> 1340 <a href="/hoejbede" title="Højbede" class="group text-sm/6 flex items-center gap-4 px-5 py-2 font-medium md:px-8 text-gray-700 hover:bg-brand/5 hover:text-brand"> 1341 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 55 55" src="/media/p1envrkn/hoejbede.svg" class="size-8 text-gray-600 group-hover:text-brand svg-media-p1envrkn-hoejbede-svg-v-aa46ad63041b56032308b7906a80d8f1c53e411a99a4a50865b96f4d4f0bf6729949"><path d="M30.79 50.22c.05-.64.02-1.58-.42-2.42-.44-.84-1.2-1.4-1.76-1.72-.05.64-.02 1.58.42 2.42.44.84 1.2 1.4 1.76 1.72Zm1.31-.04c.57-.3 1.35-.83 1.82-1.65s.54-1.76.52-2.4c-.57.3-1.35.83-1.82 1.65s-.54 1.76-.52 2.4Zm-.52 1.58c-.16.08-.34.09-.5.03 0 0-2.2-.8-3.19-2.68-.99-1.88-.4-4.15-.4-4.15.05-.18.16-.32.33-.41.16-.08.35-.1.52-.04 0 0 2.15.78 3.16 2.62v-.01c1.06-1.84 3.29-2.56 3.29-2.56.17-.05.36-.03.52.06.16.09.27.24.31.42 0 0 .5 2.29-.57 4.13-1.06 1.84-3.29 2.56-3.29 2.56-.06.02-.12.03-.18.03ZM19.92 13.95c.84-.06 2.32-.32 3.33-1.32 1-1 1.26-2.49 1.32-3.33-.84.06-2.32.32-3.33 1.32-1 1-1.26 2.49-1.32 3.33Zm-6.18-5.29c-.06-.74-.3-1.96-1.13-2.79-.83-.83-2.05-1.07-2.79-1.13.06.74.3 1.96 1.13 2.79.83.83 2.05 1.07 2.79 1.13Zm3.57-1.57c.74-.06 1.96-.3 2.79-1.13.83-.83 1.07-2.05 1.13-2.79-.74.06-1.96.3-2.79 1.13-.83.83-1.07 2.05-1.13 2.79Zm-4.63 8.85c-.06-.84-.32-2.32-1.32-3.33-1-1-2.49-1.26-3.33-1.32.06.84.32 2.32 1.32 3.33 1 1 2.49 1.26 3.33 1.32ZM6.75 44.2c.13-.96.19-2.67-.6-4.18-.79-1.51-2.24-2.42-3.1-2.86-.13.96-.19 2.67.6 4.18.79 1.51 2.24 2.42 3.1 2.86Zm1.4-.08c.88-.41 2.36-1.26 3.21-2.74.85-1.47.85-3.18.76-4.15-.88.41-2.36 1.26-3.21 2.74-.85 1.47-.85 3.18-.76 4.15Zm34.72-30.17c.84-.06 2.32-.32 3.33-1.32s1.26-2.49 1.32-3.33c-.84.06-2.32.32-3.33 1.32-1 1-1.26 2.49-1.32 3.33Zm-6.19-5.29c-.06-.74-.3-1.96-1.13-2.79-.83-.83-2.05-1.07-2.79-1.13.06.74.3 1.96 1.13 2.79.83.83 2.05 1.07 2.79 1.13Zm7.3 35.59c.72-.35 1.8-1.03 2.44-2.13.64-1.11.68-2.38.63-3.18-.72.35-1.8 1.03-2.44 2.13-.64 1.11-.68 2.38-.63 3.18Zm-8.35-28.31c-.06-.84-.32-2.32-1.32-3.33s-2.49-1.26-3.33-1.32c.06.84.32 2.32 1.32 3.33s2.49 1.26 3.33 1.32ZM14.97 26.03c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-5.9 5.9c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.9-5.9Zm-4.5.8c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-1.88 1.88c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l1.88-1.88Zm14.18 5.27c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-5.48 5.48c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.48-5.48Zm17.98 12.21c.09-.79.09-2.07-.5-3.2-.6-1.13-1.65-1.85-2.35-2.23-.09.79-.09 2.07.5 3.2.6 1.13 1.65 1.85 2.35 2.23ZM40.26 7.09c.74-.06 1.96-.3 2.79-1.13.83-.83 1.07-2.05 1.13-2.79-.74.06-1.96.3-2.79 1.13-.83.83-1.07 2.05-1.13 2.79ZM5.12 36.94c.79.6 1.62 1.41 2.18 2.47.08.15.15.3.21.45.08-.18.18-.37.28-.54 1.51-2.61 4.66-3.61 4.66-3.61.17-.05.36-.03.52.06.16.09.27.24.31.42 0 0 .52 2.39-.28 4.72h6.56l2.93-2.93c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-2.01 2.01h17.16c-.27-1.66.11-3.12.11-3.12.05-.18.16-.32.33-.41.16-.08.35-.1.52-.04 0 0 2.6.94 3.78 3.17.03.05.05.1.08.15.04-.08.08-.16.13-.23 1.26-2.18 3.9-3.02 3.9-3.02.17-.05.36-.03.52.06.16.09.27.24.31.42 0 0 .31 1.41 0 3.02h3V23.14h-1.61l-6.52 6.52c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.6-5.6h-1.86l-3.3 3.3c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l2.39-2.39H5.12v13.81Zm2.46 8.73s-.03.02-.04.02c-.16.08-.35.1-.52.04 0 0-3.12-1.13-4.52-3.8-1.4-2.67-.57-5.87-.57-5.87.05-.18.16-.32.33-.41.16-.08.35-.1.52-.04 0 0 .43.16 1.05.49V22.47c0-.36.29-.65.65-.65H16v-1.67l-2.91-2.91c-.82-.02-3.15-.22-4.64-1.71-1.83-1.83-1.71-4.94-1.71-4.94.01-.34.28-.6.62-.62 0 0 3.1-.12 4.94 1.71 1.49 1.49 1.69 3.81 1.71 4.64l2 2v-6.5l-1.86-1.86c-.76-.03-2.8-.22-4.1-1.53-1.63-1.63-1.53-4.4-1.53-4.4.01-.34.28-.6.62-.62 0 0 2.77-.1 4.4 1.53 1.31 1.31 1.5 3.34 1.53 4.1l.94.94V7.7c0-.44.05-2.85 1.53-4.34 1.63-1.63 4.4-1.53 4.4-1.53.34.01.6.28.62.62 0 0 .1 2.77-1.53 4.4-1.13 1.13-2.8 1.43-3.73 1.51v7.28l1.32
1341-1.32c.02-.82.22-3.15 1.71-4.64 1.83-1.83 4.94-1.71 4.94-1.71.34.01.6.28.62.62 0 0 .12 3.1-1.71 4.94-1.49 1.49-3.81 1.69-4.64 1.71l-2.24 2.24v4.34h21.65v-1.67l-2.91-2.91c-.82-.02-3.15-.22-4.64-1.71-1.83-1.83-1.71-4.94-1.71-4.94.01-.34.28-.6.62-.62 0 0 3.1-.12 4.94 1.71 1.49 1.49 1.69 3.81 1.71 4.64l2 2v-6.5L37.1 9.96c-.76-.03-2.8-.22-4.1-1.53-1.63-1.63-1.53-4.4-1.53-4.4.01-.34.28-.6.62-.62 0 0 2.77-.1 4.4 1.53 1.31 1.31 1.5 3.34 1.53 4.1l.94.94V7.7c0-.44.05-2.85 1.53-4.34 1.63-1.63 4.4-1.53 4.4-1.53.34.01.6.28.62.62 0 0 .1 2.77-1.53 4.4-1.13 1.13-2.8 1.43-3.73 1.51v7.28l1.32-1.32c.02-.82.22-3.15 1.71-4.64 1.83-1.83 4.94-1.71 4.94-1.71.34.01.6.28.62.62 0 0 .12 3.1-1.71 4.94-1.49 1.49-3.81 1.69-4.64 1.71l-2.24 2.24v4.34h11.63c.36 0 .65.29.65.65v19.07c0 .36-.29.65-.65.65h-4.04c-.08.19-.18.38-.28.57-1.26 2.18-3.9 3.02-3.9 3.02-.07.02-.14.03-.21.03-.16.08-.35.1-.52.04 0 0-2.6-.94-3.78-3.17-.08-.16-.16-.32-.23-.49H12.38c-1.54 2.48-4.56 3.45-4.56 3.45-.08.03-.16.03-.24.03Z" fill="currentColor"></path></svg> 1342 <span>Højbede</span> 1343 </a> 1344 </li> 1345 <li> 1346 <a href="/plantekasser" title="Plantekasser" class="group text-sm/6 flex items-center gap-4 px-5 py-2 font-medium md:px-8 text-gray-700 hover:bg-brand/5 hover:text-brand"> 1347 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 55 55" src="/media/zwda0jak/plantekasser.svg" class="size-8 text-gray-600 group-hover:text-brand svg-media-zwda0jak-plantekasser-svg-v-aa46ad63041b56032308b7906a80d8f1c53e411a99a4a50865b96f4d4f0bf6729949"><path d="M39.19 9.99c.74-.06 1.96-.3 2.79-1.13.83-.83 1.07-2.05 1.13-2.79-.74.06-1.96.3-2.79 1.13-.83.83-1.07 2.05-1.13 2.79Zm2.61 6.86c.84-.06 2.32-.32 3.33-1.32 1-1 1.26-2.49 1.32-3.33-.84.06-2.32.32-3.33 1.32-1 1-1.26 2.49-1.32 3.33Zm-7.24 2c-.06-.84-.32-2.32-1.32-3.33-1-1-2.49-1.26-3.33-1.32.06.84.32 2.32 1.32 3.33s2.49 1.26 3.33 1.32ZM23.59 35.01c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-5.48 5.48c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.48-5.48ZM9.4 29.74c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-1.88 1.88c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l1.88-1.88Zm4.5-.81c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-5.9 5.9c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.9-5.9Zm21.71-17.36c-.06-.74-.3-1.96-1.13-2.79-.83-.83-2.05-1.07-2.79-1.13.06.74.3 1.96 1.13 2.79.83.83 2.05 1.07 2.79 1.13ZM16.24 9.99c.74-.06 1.96-.3 2.79-1.13.83-.83 1.07-2.05 1.13-2.79-.74.06-1.96.3-2.79 1.13-.83.83-1.07 2.05-1.13 2.79Zm-3.57 1.58c-.06-.74-.3-1.96-1.13-2.79-.83-.83-2.05-1.07-2.79-1.13.06.74.3 1.96 1.13 2.79.83.83 2.05 1.07 2.79 1.13Zm-1.06 7.28c-.06-.84-.32-2.32-1.32-3.33-1-1-2.49-1.26-3.33-1.32.06.84.32 2.32 1.32 3.33s2.49 1.26 3.33 1.32Zm7.24-2c.84-.06 2.32-.32 3.33-1.32 1-1 1.26-2.49 1.32-3.33-.84.06-2.32.32-3.33 1.32-1 1-1.26 2.49-1.32 3.33ZM4.05 47.62h4.26V45.1H4.05v2.52Zm41.83 0h4.26V45.1h-4.26v2.52ZM15.57 26.04H4.05v17.77h14.44l2.93-2.93c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-2.01 2.01h29.83V26.04h-1.61l-6.52 6.52c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.6-5.6h-1.86l-3.3 3.3c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l2.39-2.39H15.57ZM2.75 48.27V25.39c0-.36.29-.65.65-.65h11.52v-1.67l-2.91-2.91c-.82-.02-3.15-.22-4.64-1.71-1.83-1.83-1.71-4.94-1.71-4.94.01-.34.28-.6.62-.62 0 0 3.1-.12 4.94 1.71 1.49 1.49 1.69 3.81 1.71 4.64l2 2v-6.5l-1.86-1.86c-.76-.03-2.8-.22-4.1-1.53-1.63-1.63-1.53-4.4-1.53-4.4.01-.34.28-.6.62-.62 0 0 2.77-.1 4.4 1.53 1.31 1.31 1.5 3.34 1.53 4.1l.94.94V10.62c0-.44.05-2.85 1.53-4.34 1.63-1.63 4.4-1.53 4.4-1.53.34.01.6.28.62.62 0 0 .1 2.77-1.53 4.4-1.13 1.13-2.8 1.43-3.73 1.51v7.28l1.32-1.32c.02-.82.22-3.15 1.71-4.64 1.83-1.83 4.94-1.71 4.94-1.71.34.01.6.28.62.62 0 0 .12 3.1-1.71 4.94-1.49 1.49-3.82 1.69-4.64 1.71l-2.24 2.24v4.34h21.65v-1.67l-2.91-2.91c-.82-.02-3.15-.22-4.64-1.71-1.83-1.83-1.71-4.94-1.71-4.94.01-.34.28-.6.62-.62 0 0 3.1-.12 4.94 1.71 1.49 1.49 1.69 3.81 1.71 4.64l2 2v-6.5l-1.86-1.86c-.76-.03-2.8-.22-4.1-1.53-1.63-1.63-1.53-4.4-1.53-4.4.01-.34.28-.6.62-.62 0 0 2.77-.1 4.4 1.53 1.31 1.31 1.5 3.34 1.53 4.1l.94.94V10.62c0-.44.05-2.85 1.53-4.34 1.63-1.63 4.4-1.53 4.4-1.53.34.01.6.28.62.62 0 0 .1 2.77-1.53 4.4-1.13 1.13-2.8 1.43-3.73 1.51v7.28l1.32
1347-1.32c.02-.82.22-3.15 1.71-4.64 1.83-1.83 4.94-1.71 4.94-1.71.34.01.6.28.62.62 0 0 .12 3.1-1.71 4.94-1.49 1.49-3.81 1.69-4.64 1.71l-2.24 2.24v4.34H50.8c.36 0 .65.29.65.65v22.88c0 .36-.29.65-.65.65h-5.56c-.36 0-.65-.29-.65-.65V45.1H9.61v3.17c0 .36-.29.65-.65.65H3.4c-.36 0-.65-.29-.65-.65Z" fill="currentColor"></path></svg> 1348 <span>Plantekasser</span> 1349 </a> 1350 </li> 1351 <li> 1352 <a href="/baalfade" title="Bålfade" class="group text-sm/6 flex items-center gap-4 px-5 py-2 font-medium md:px-8 text-gray-700 hover:bg-brand/5 hover:text-brand"> 1353 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 55 55" src="/media/yckh3wgc/baalfade.svg" class="size-8 text-gray-600 group-hover:text-brand svg-media-yckh3wgc-baalfade-svg-v-aa46ad63041b56032308b7906a80d8f1c53e411a99a4a50865b96f4d4f0bf6729949"><path d="M20.48 35.97c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-5.9 5.9c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.9-5.9Zm-4.5.81c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-1.88 1.88c-.25.25-.67.25-.92 0a.658.658 0 0 1 0-.92l1.88-1.88Zm25.54-7.71v-8.12h-5.45v.44c0 .77-.1 1.52-.28 2.23-.09.35-.44.56-.79.47a.647.647 0 0 1-.47-.79c.16-.61.24-1.25.24-1.91 0-3.12-.65-5.23-1.21-6.47-.21.6-.5 1.03-.8 1.35-.93.97-2.06.9-2.06.9a.645.645 0 0 1-.62-.66c.11-6-2.63-9.1-4.16-10.36-.02.96-.17 2.35-.69 3.88-.9 2.66-3.36 5.1-4.74 7.47l-.15.27c-.58 1.09-.9 2.32-.9 3.62 0 1.54.46 2.98 1.24 4.18.19.3.11.7-.19.9-.3.2-.7.11-.9-.19a8.917 8.917 0 0 1-1.45-4.89c0-.15 0-.3.01-.44h-5.46v8.12h14.32c2.1 0 3.71-1.55 3.5-3.32-.14-1.18-.69-1.69-1.26-2.26-.49-.49-.99-1.01-1.39-1.83-.49-1-.93-2.31-1.19-3.2-.98.99-2.48 3.07-1.18 5.72a.649.649 0 0 1-1.16.58c-2.31-4.68 2.31-7.98 2.31-7.98.17-.12.4-.15.6-.08.2.07.35.24.41.45 0 0 .61 2.37 1.38 3.94.42.85 1 1.31 1.49 1.83.62.65 1.14 1.36 1.29 2.69.15 1.32-.37 2.58-1.34 3.47h11.07Zm1.29 0h4.03l-4.03-6.49v6.49Zm-30.78 1.3h-5.2v17.77h40.53V30.37h-3.6l-6.52 6.52c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.6-5.6h-1.86l-3.31 3.3c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l2.39-2.39H12.03Zm-4.68-1.3h4.03v-6.49l-4.03 6.49Zm41.31.65v19.07c0 .36-.29.65-.65.65H6.18c-.36 0-.65-.29-.65-.65V29.72c0-.12.03-.24.1-.34l5.85-9.41a.66.66 0 0 1 .55-.31h6.27c.17-.88.48-1.71.88-2.48.06-.12.11-.22.17-.32 1.34-2.3 3.76-4.64 4.63-7.23.87-2.57.58-4.65.58-4.65-.03-.24.07-.48.26-.62s.46-.16.67-.05c0 0 5.66 2.81 5.86 11.4.15-.07.31-.18.46-.34.4-.41.71-1.13.75-2.31 0-.27.18-.5.43-.59.25-.09.53-.02.7.18 0 0 1.92 2.1 2.3 7.01h6.16c.22 0 .43.12.55.31l5.85 9.41c.06.1.1.22.1.34Z" fill="currentColor"></path></svg> 1354 <span>Bålfade</span> 1355 </a> 1356 </li> 1357 <li> 1358 <a href="/espalier" title="Espalier" class="group text-sm/6 flex items-center gap-4 px-5 py-2 font-medium md:px-8 text-gray-700 hover:bg-brand/5 hover:text-brand"> 1359 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 55 55" src="/media/it3lr4vg/espalier.svg" class="size-8 text-gray-600 group-hover:text-brand svg-media-it3lr4vg-espalier-svg-v-aa46ad63041b56032308b7906a80d8f1c53e411a99a4a50865b96f4d4f0bf6729949"><path d="M9.4 34.27c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-1.88 1.88c-.25.25-.67.25-.92 0a.658.658 0 0 1 0-.92l1.88-1.88Zm14.18 5.28c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-5.48 5.48c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.48-5.48Zm-9.68-6.08c.25-.25.67-.25.92 0s.25.66 0 .92l-5.9 5.9c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.9-5.9Zm7.54-10.5h5.01v-5.01h-5.01v5.01Zm6.31 0h5.01v-5.01h-5.01v5.01Zm6.31 0h5.01v-5.01h-5.01v5.01Zm0-6.31h5.01v-5.01h-5.01v5.01Zm-6.31 0h5.01v-5.01h-5.01v5.01Zm-6.31 0h5.01v-5.01h-5.01v5.01Zm-6.31 0h5.01v-5.01h-5.01v5.01Zm0 6.31h5.01v-5.01h-5.01v5.01Zm0 6.31h5.01v-5.01h-5.01v5.01Zm6.31 0h5.01v-5.01h-5.01v5.01Zm6.31 0h5.01v-5.01h-5.01v5.01Zm6.31 0h5.01v-5.01h-5.01v5.01Zm6.31 0h5.01v-5.01h-5.01v5.01Zm0-6.31h5.01v-5.01h-5.01v5.01Zm0-6.31h5.01v-5.01h-5.01v5.01Zm0-6.31h5.01V5.34h-5.01v5.01Zm-6.31 0h5.01V5.34h-5.01v5.01Zm-6.31 0h5.01V5.34h-5.01v5.01Zm-6.31 0h5.01V5.34h-5.01v5.01Zm-6.31 0h5.01V5.34h-5.01v5.01Zm-6.32 0h5.01V5.34H8.81v5.01Zm0 6.31h5.01v-5.01H8.81v5.01Zm0 6.31h5.01v-5.01H8.81v5.01Zm0 6.31h5.01v-5.01H8.81v5.01Zm-.64 1.3H4.05v17.77h14.44l2.93-2.93c.26-.25.67-.25.92 0s.25.66 0 .92l-2.02 2.01h29.83V30.58h-1.61l-6.52 6.52c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.6-5.6h-1.87l-3.3 3.3c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92L43 30.57H8.17Zm38.51-1.3h4.12c.36 0 .65.29.65.65V49c0 .36-.29.65-.65.65H3.4c-.36 0-.65-.29-.65-.65V29.93c0-.36.29-.65.65-.65h4.12V4.68c0-.36.29-.65.65-.65h37.87c.36 0 .65.29.65.65v24.6Z" fill="currentColor"></path></svg>
1360 <span>Espalier</span> 1361 </a> 1362 </li> 1363 <li> 1364 <a href="/byg-selv" title="Byg Selv" class="group text-sm/6 flex items-center gap-4 px-5 py-2 font-medium md:px-8 text-gray-700 hover:bg-brand/5 hover:text-brand"> 1365 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 55 55" src="/media/oqmbbs2x/byg-selv.svg" class="size-8 text-gray-600 group-hover:text-brand svg-media-oqmbbs2x-byg-selv-svg-v-aa46ad63041b56032308b7906a80d8f1c53e411a99a4a50865b96f4d4f0bf6729949"><path d="M42.3 8.04c.25-.25.67-.25.92 0s.25.66 0 .92l-5.9 5.9c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.9-5.9Zm-4.5.81c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-1.88 1.88c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l1.88-1.88Zm12.35 5.46V5.15h-17.7v17.77h12.79l2.93-2.93c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-2.01 2.01h3.07v-6.77l-4.38 4.38c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.29-5.29Zm1.3-9.81v19.07c0 .36-.29.65-.65.65h-19c-.36 0-.65-.29-.65-.65V4.5c0-.36.29-.65.65-.65h19c.36 0 .65.29.65.65ZM13.9 8.04c.25-.25.67-.25.92 0s.25.66 0 .92l-5.9 5.9c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.9-5.9Zm-4.5.81c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-1.88 1.88c-.25.25-.67.25-.92 0a.658.658 0 0 1 0-.92L9.4 8.85Zm12.35 5.46V5.15H4.05v17.77h12.79l2.93-2.93c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-2.01 2.01h3.07v-6.77l-4.38 4.38c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.29-5.29Zm1.3-9.81v19.07c0 .36-.29.65-.65.65h-19c-.36 0-.65-.29-.65-.65V4.5c0-.36.29-.65.65-.65h19c.36 0 .65.29.65.65ZM13.9 33.65c.25-.25.67-.25.92 0s.25.66 0 .92l-5.9 5.9c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.9-5.9Zm9.68 6.08c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-5.48 5.48c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.48-5.48ZM9.4 34.46c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-1.88 1.88c-.25.25-.67.25-.92 0a.658.658 0 0 1 0-.92l1.88-1.88Zm33.61-3.7H4.05v17.77h14.44l2.93-2.93c.26-.25.67-.25.92 0s.25.66 0 .92l-2.02 2.01h29.83V30.76h-1.61l-6.52 6.52c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.6-5.6h-1.87l-3.3 3.3c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92L43 30.75Zm8.44-.65v19.07c0 .36-.29.65-.65.65H3.4c-.36 0-.65-.29-.65-.65V30.11c0-.36.29-.65.65-.65h47.4c.36 0 .65.29.65.65Zm-25-3.99h-1.26c-.36 0-.65-.29-.65-.65s.29-.65.65-.65h1.26v-1.26c0-.36.29-.65.65-.65s.65.29.65.65v1.26h1.26c.36 0 .65.29.65.65s-.29.65-.65.65h-1.26v1.26c0 .36-.29.65-.65.65s-.65-.29-.65-.65v-1.26Z" fill="currentColor"></path></svg> 1366 <span>Byg Selv</span> 1367 </a> 1368 </li> 1369 <li> 1370 <a href="/tilbehoer" title="Tilbehør" class="group text-sm/6 flex items-center gap-4 px-5 py-2 font-medium md:px-8 text-gray-700 hover:bg-brand/5 hover:text-brand"> 1371 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 55 55" src="/media/kbonsn3b/tilbehoer.svg" class="size-8 text-gray-600 group-hover:text-brand svg-media-kbonsn3b-tilbehoer-svg-v-aa46ad63041b56032308b7906a80d8f1c53e411a99a4a50865b96f4d4f0bf6729949"><path d="M43.74 33.92H9.49c-2.45 0-4.44 1.99-4.44 4.44s1.99 4.44 4.44 4.44h3.22a5.74 5.74 0 0 1-2.02-3.43c-.06-.35.17-.69.52-.75s.69.17.75.52a4.449 4.449 0 0 0 3.94 3.63c-.37-.31-.7-.66-.98-1.04-.21-.29-.15-.7.14-.91.29-.21.7-.15.91.14a4.44 4.44 0 0 0 3.59 1.83h6.59a5.74 5.74 0 0 1-2.02-3.43c-.06-.35.17-.69.52-.75s.69.17.75.52a4.453 4.453 0 0 0 3.55 3.58c-.34-.29-.65-.62-.92-.99-.21-.29-.15-.7.14-.91.29-.21.7-.15.91.14a4.44 4.44 0 0 0 3.59 1.83h10.4c-1.04-1.06-1.5-2.64-1.5-4.24 0-1.88.84-3.56 2.14-4.64ZM8.88 44.08c-.06.02-.13.03-.2.03-3.12 0-4.89.82-5.86 1.86-.8.86-1.04 1.83-1.1 2.5l1.88-.56a5.69 5.69 0 0 1 3.22 0l1.28.38c.81.24 1.67.24 2.48 0l1.28-.38a5.69 5.69 0 0 1 3.22 0l1.28.38c.81.24 1.67.24 2.48 0l1.28-.38a5.69 5.69 0 0 1 3.22 0l1.28.38c.81.24 1.67.24 2.48 0l1.28-.38a5.69 5.69 0 0 1 3.22 0l1.28.38c.81.24 1.67.24 2.48 0l1.28-.38a5.69 5.69 0 0 1 3.22 0l2.02.6c.45-1.3 1.95-2.76 4.66-2.76 3.3 0 5.95-2.83 5.95-6.3 0-3.04-2.33-5.53-5.22-5.53-2.43 0-4.38 2.09-4.38 4.64 0 2.09.95 4.22 3.54 4.24 2.28.02 3.29-1.78 3.29-3.41 0-.8-.71-1.95-2.33-1.95-.93 0-1.4.6-1.4 1.12 0 .15.07.34.18.49.09.12.2.24.35.26.15.02.3-.06.48-.2a.64.64 0 0 1 .91.1c.23.28.18.69-.1.91-.53.43-1.03.54-1.46.48-.52-.06-.95-.38-1.25-.79-.27-.39-.42-.86-.42-1.24 0-1.03.82-2.41 2.7-2.41 2.59 0 3.63 1.97 3.63 3.24 0 2.26-1.43 4.73-4.59 4.71H9.49c-.21 0-.41-.01-.61-.03Zm37.67 2.97c-1.45 0-2.45.51-3.02 1.17-.32.37-.5.78-.5 1.13 0 .2-.1.4-.26.52s-.38.16-.57.1l-2.71-.81c-.81-.24-1.67-.24-2.48 0l-1.28.38a5.69 5.69 0 0 1-3.22 0l-1.28-.38c-.81-.24-1.67-.24-2.48 0l-1.28.38a5.69 5.69 0 0 1-3.22 0l-1.28-.38c-.81-.24-1.67-.24-2.48 0l-1.28.38a5.69 5.69 0 0 1-3.22 0l-1.28-.38c-.81-.24-1.67-.24-2.48 0l-1.28.38a5.69 5.69 0 0 1-3.22 0l-1.28-.38c-.81-.24-1.67-.24-2.48 0l-2.71.81c-.18.05-.38.03-.53-.07a.623.623 0 0 1-.29-.45s-.36-2.42 1.44-4.35c.84-.9 2.16-1.71 4.25-2.07a5.724 5.724 0 0 1-2.37-4.65 5.74 5.74 0 0 1 5.74-5.74H47.29c3.59 0 6.52 3.05 6.52 6.82 0 4.2-3.26 7.6-7.25 7.6ZM26.6 8.58H14.91s-.05.02-.05.05v2.16c0 .28-.02.56-.07.84v.02c-.05.27-.12.53-.21.78l-1.46 4.07a3.45 3.45 0 0 1 4.54 3.02l8.76-8.07a.72.72 0 0 0 .23-.53v-2.3s-.02-.05-.05-.05Zm-14.49 10.7a2.164 2.164 0 0 0 2.1 2.66c.62 0 1.19-.27 1.58-.69l.02-.02c.35-.38.56-.89.56-1.45 0-1.19-.97-2.16-2.16-2.16-.85 0-1.59.49-1.94 1.21l-.16.45Zm11.5-12V5.07s-.04-.08-.08-.08h-5.56s-.08.04-.08.08v2.21h5.73Zm-10.34 4.95c-3.75.47-6.66 3.67-6.66 7.55 0 4.2 3.41 7.6 7.6 7.6s7.6-3.41 7.6-7.6c0-.71-.1-1.41-.28-2.06l-4.79 4.42c-.63.68-1.53 1.1-2.53 1.1a3.45 3.45 0 0 1-3.13-4.9l2.19-6.1Zm9.31 4.52c.34.95.53 1.97.53 3.03 0 4.91-3.99 8.9-8.9 8.9s-8.9-3.99-8.9-8.9 3.64-8.55 8.25-8.88V8.63c0-.74.6-1.35 1.35-1.35h1.68V5.07c0-.76.62-1.38 1.38-1.38h5.56c.76 0 1.38.62 1.38 1.38v2.21h1.68c.74 0 1.35.6 1.35 1.35v2.3c0 .56-.24 1.1-.65 1.48l-4.71 4.34Zm28.33-4.94.19-.19a1.6 1.6 0 0 0 0-2.27l-3.87-3.87a1.6 1.6 0 0 0-2.27 0l-.19.19 6.14 6.14Zm-7.85-3.47 5.18 5.18c.26.26.69.26.96 0l.79-.79-6.14-6.14-.79.79c-.26.26-.26.69 0 .96ZM29.55 25.62l-.04.04.04.2c.11.59.57 1.05 1.16 1.17l.21.04 1.44-1.44h-2.81Zm2.93-2.93-1.64 1.64h2.8
13711l1.64-1.63h-2.81Zm2.94-2.94-1.64 1.64h2.81l1.64-1.63h-2.81Zm2.93-2.93-1.64 1.64h2.81l1.64-1.63h-2.81Zm2.94-2.94-1.64 1.64h2.81l1.64-1.63h-2.81Zm2.74-2.74-1.45 1.45h2.81l.05-.04-1.41-1.41Zm2.32 2.33L31.59 28.23a.66.66 0 0 1-.46.19c-.07 0-.14-.01-.21-.03-.12-.02-.28-.05-.46-.08-1.11-.22-2.04-1.19-2.19-2.2-.06-.4-.11-.86.08-1.12l14.76-14.76-.97-.97c-.77-.77-.77-2.02 0-2.79l1.9-1.9a2.915 2.915 0 0 1 4.11 0l3.87 3.87a2.915 2.915 0 0 1 0 4.11l-1.9 1.9c-.77.77-2.02.77-2.79 0l-.97-.97Z" fill="currentColor"></path></svg> 1372 <span>Tilbehør</span> 1373 </a> 1374 </li> 1375 <li> 1376 <a href="/sedumtag" title="Sedumtag" class="group text-sm/6 flex items-center gap-4 px-5 py-2 font-medium md:px-8 text-gray-700 hover:bg-brand/5 hover:text-brand"> 1377 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 1378<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 1379<svg width="100%" height="100%" viewbox="0 0 105 105" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;" src="/media/tpgd1qxv/sedum-tag-ikon-landhave2.svg" class="size-8 text-gray-600 group-hover:text-brand svg-media-tpgd1qxv-sedum-tag-ikon-landhave2-svg-v-aa46ad63041b56032308b7906a80d8f1c53e411a99a4a50865b96f4d4f0bf6729949"> 1380 <g transform="matrix(1,0,0,1,0,-155)"> 1381 <rect id="Sedum-tag-ikon-landhave2" serif:id="Sedum tag ikon landhave2" x="0" y="155" width="105" height="105" style="fill:none;"></rect> 1382 <g id="Sedum-tag-ikon-landhave21" serif:id="Sedum tag ikon landhave2"> 1383 <g transform="matrix(1.253728,0,0,1.253728,-11.137915,-52.173946)"> 1384 <path d="M15.864,239.67L25.361,239.67L25.361,213.08L51.771,203.402L77.728,212.989L77.728,239.67L87.044,239.67L87.044,216.426L91.733,218.235L91.733,212.266L51.771,197.704L10.89,212.175L10.89,218.687L16.082,216.847L15.864,239.67Z" style="fill:none;stroke:white;stroke-width:1.66px;"></path> 1385 </g> 1386 <path d="M2.515,208.892L53.193,191.142L103.87,208.892" style="fill:none;stroke:white;stroke-width:2.08px;"></path> 1387 <g> 1388 <path d="M21.015,200.972L20.913,183.565C20.913,183.565 20.401,176.192 28.029,176.397C35.658,176.601 22.628,185.28 20.913,183.565" style="fill:none;stroke:white;stroke-width:2.08px;"></path> 1389 <path d="M20.988,196.416L24.855,192.729C24.855,192.729 23.729,186.227 32.381,185.049C32.381,185.049 33.405,192.729 24.855,192.729" style="fill:none;stroke:white;stroke-width:2.08px;"></path> 1390 <path d="M20.906,199.641L16.868,196.416C16.868,196.416 17.124,188.736 8.266,187.661C8.266,187.661 7.857,196.416 16.868,196.416" style="fill:none;stroke:white;stroke-width:2.08px;"></path> 1391 <path d="M20.906,188.682L17.585,185.817C17.585,185.817 18.302,179.981 10.929,178.701C10.929,178.701 9.905,185.817 17.585,185.817" style="fill:none;stroke:white;stroke-width:2.08px;"></path> 1392 </g> 1393 <g transform="matrix(1,0,0,1,69.624378,1.749984)"> 1394 <path d="M21.015,200.972L20.913,183.565C20.913,183.565 20.401,176.192 28.029,176.397C35.658,176.601 22.628,185.28 20.913,183.565" style="fill:none;stroke:white;stroke-width:2.08px;"></path> 1395 <path d="M20.988,196.416L24.855,192.729C24.855,192.729 23.729,186.227 32.381,185.049C32.381,185.049 33.405,192.729 24.855,192.729" style="fill:none;stroke:white;stroke-width:2.08px;"></path> 1396 <path d="M20.906,199.641L16.868,196.416C16.868,196.416 17.124,188.736 8.266,187.661C8.266,187.661 7.857,196.416 16.868,196.416" style="fill:none;stroke:white;stroke-width:2.08px;"></path> 1397 <path d="M20.906,188.682L17.585,185.817C17.585,185.817 18.302,179.981 10.929,178.701C10.929,178.701 9.905,185.817 17.585,185.817" style="fill:none;stroke:white;stroke-width:2.08px;"></path> 1398 </g> 1399 <g transform="matrix(0.848487,0,0,0.848487,40.409279,22.075071)"> 1400 <path d="M21.015,200.972L20.913,183.565C20.913,183.565 20.401,176.192 28.029,176.397C35.658,176.601 22.628,185.28 20.913,183.565" style="fill:none;stroke:white;stroke-width:2.46px;"></path> 1401 <path d="M20.988,196.416L24.855,192.729C24.855,192.729 23.729,186.227 32.381,185.049C32.381,185.049 33.405,192.729 24.855,192.729" style="fill:none;stroke:white;stroke-width:2.46px;"></path> 1402 <path d="M20.906,199.641L16.868,196.416C16.868,196.416 17.124,188.736 8.266,187.661C8.266,187.661 7.857,196.416 16.868,196.416" style="fill:none;stroke:white;stroke-width:2.46px;"></path> 1403 <path d="M20.906,188.682L17.585,185.817C17.585,185.817 18.302,179.981 10.929,178.701C10.929,178.701 9.905,185.817 17.585,185.817" style="fill:none;stroke:white;stroke-width:2.46px;"></path> 1404 </g> 1405 <g transform="matrix(0.546897,0,0,0.546897,67.197467,68.52236)"> 1406 <path d="M8.264,234.436C8.264,234.436 6.68,226.756 14.585,223.076C14.585,223.076 17.077,230.756 8.264,234.436Z" style="fill:none;stroke:white;stroke-width:3.81px;"></path> 1407 <path d="M8.264,234.436C8.264,234.436 -0.205,232.579 1.557,222.912C1.557,222.912 9.359,224.365 8.264,234.436Z" style="fill:none;stroke:white;stroke-width:3.81px;"></path> 1408 </g> 1409 <g transform="matrix(0.546897,0,0,0.546897,38.197726,65.750479)"> 1410 <path d="M8.264,234.436C8.264,234.436 6.68,226.756 14.585,223.076C14.585,223.076 17.077,230.756 8.264,234.436Z" style="fill:none;stroke:white;stroke-width:3.81px;"></path> 1411 <path d="M8.264,234.436C8.264,234.436 -0.205,232.579 1.557,222.912C1.557,222.912 9.359,224.365 8.264,234.436Z" style="fill:none;stroke:white;stroke-width:3.81px;"></path> 1412 </g> 1413 <g transform="matrix(0.546897,0,0,0.546897,2.698044,77.897276)"> 1414 <path d="M8.264,234.436C8.264,234.436 6.68,226.756 14.585,223.076C14.585,223.076 17.077,230.756 8.264,234.436Z" style="fill:none;stroke:white;stroke-width:3.81px;"></path> 1415 <path d="M8.264,234.436C8.264,234.436 -0.205,232.579 1.557,222.912C1.557,222.912 9.359,224.365 8.264,234.436Z" style="fill:none;stroke:white;stroke-width:3.81px;"></path> 1416 </g> 1417 <g transform="matrix(0.546897,0,0,0.546897,95.197217,77.397281)"> 1418 <path d="M8.264,234.436C8.264,234.436 6.68,226.756 14.585,223.076C14.585,223.076 17.077,230.756 8.264,234.436Z" style="fill:none;stroke:white;stroke-width:3.81px;"></path> 1419 <path d="M8.264,234.436C8.264,234.436 -0.205,232.579 1.557,222.912C1.557,222.912 9.359,224.365 8.264,234.436Z" style="fill:none;stroke:white;stroke-width:3.81px;"></path> 1420 </g> 1421 </g> 1422 </g> 1423</svg> 1424
1425 <span>Sedumtag</span> 1426 </a> 1427 </li> 1428 <li> 1429 <a href="/graesarmering" title="Græsarmering" class="group text-sm/6 flex items-center gap-4 px-5 py-2 font-medium md:px-8 text-gray-700 hover:bg-brand/5 hover:text-brand"> 1430 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 1431<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 1432<svg width="100%" height="100%" viewbox="0 0 105 105" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;" src="/media/iazdpioo/graesarmering-ikon2_v2.svg" class="size-8 text-gray-600 group-hover:text-brand svg-media-iazdpioo-graesarmering-ikon2_v2-svg-v-aa46ad63041b56032308b7906a80d8f1c53e411a99a4a50865b96f4d4f0bf6729949"> 1433 <g id="Græsarmering-ikon2" serif:id="Græsarmering ikon2" transform="matrix(1,0,0,1,155,0)"> 1434 <rect x="-155" y="0" width="105" height="105" style="fill:none;"></rect> 1435 <g transform="matrix(1,0,0,1,0.246119,8.005913)"> 1436 <g transform="matrix(1.847802,0,0,1.847802,-198.058181,-49.782235)"> 1437 <path d="M41.44,68.607L43.52,66.287" style="fill:none;stroke:white;stroke-width:0.9px;"></path> 1438 </g> 1439 <g transform="matrix(1.847802,0,0,1.847802,-198.287817,-49.782235)"> 1440 <path d="M44.855,68.957L47.122,66.287" style="fill:none;stroke:white;stroke-width:0.9px;"></path> 1441 </g> 1442 <g transform="matrix(1.148188,0,0,1.148188,14.897277,-6.824126)"> 1443 <g transform="matrix(1,0,0,1,-155,0)"> 1444 <path d="M18.758,28.555L8.985,30.204L9.46,41.546L28.165,79.504L96.094,63.798L95.767,53.575L68.36,19.658M68.36,19.658L57.714,21.525M53.437,22.286L35.73,25.398M24.385,27.495L21.972,27.848M8.985,30.204L28.595,68.681L95.767,53.575" style="fill:none;stroke:white;stroke-width:1.81px;"></path> 1445 </g> 1446 <g transform="matrix(1,0,0,1,-155,0)"> 1447 <path d="M28.595,68.993L28.822,79" style="fill:none;stroke:white;stroke-width:1.81px;"></path> 1448 </g> 1449 </g> 1450 <g transform="matrix(1.941164,0,0,1.755673,-148.291183,-40.419747)"> 1451 <path d="M36.293,55.146C36.293,55.146 35.565,50.706 38.939,46.148C40.424,44.141 34.573,46.201 34.862,52.047" style="fill:none;stroke:white;stroke-width:0.9px;"></path> 1452 </g> 1453 <g transform="matrix(2.24751,0,0,2.685079,-158.722316,-92.304673)"> 1454 <path d="M34.724,53.355C34.724,53.355 33.701,49.294 37.546,42.468" style="fill:none;stroke:white;stroke-width:0.67px;"></path> 1455 </g> 1456 <g transform="matrix(2.910488,0,0,2.506772,-183.614727,-84.732266)"> 1457 <path d="M37.546,42.468C37.546,42.468 30.87,47.771 32.654,55.126" style="fill:none;stroke:white;stroke-width:0.61px;"></path> 1458 </g> 1459 <g transform="matrix(2.824585,0,0,2.685079,-182.000889,-88.860109)"> 1460 <path d="M32.763,53.086C32.763,53.086 31.627,48.901 28.795,46.41" style="fill:none;stroke:white;stroke-width:0.6px;"></path> 1461 </g> 1462 <g transform="matrix(2.824585,0,0,2.685079,-182.000889,-88.860109)"> 1463 <path d="M28.795,46.41C28.795,46.41 30.907,49.225 31.087,55.272" style="fill:none;stroke:white;stroke-width:0.6px;"></path> 1464 </g> 1465 <g transform="matrix(1.847802,0,0,1.847802,-182.859099,-45.495952)"> 1466 <path d="M36.405,56.108C36.405,56.108 36.33,48.127 39.687,43.554C43.045,38.982 34.417,46.196 34.706,52.042" style="fill:none;stroke:white;stroke-width:0.9px;"></path> 1467 </g> 1468 <g transform="matrix(1.847802,0,0,1.847802,-182.859099,-45.495952)"> 1469 <path d="M34.706,52.042C34.706,52.042 34.536,48.716 28.757,44.567" style="fill:none;stroke:white;stroke-width:0.9px;"></path> 1470 </g> 1471 <g transform="matrix(1.847802,0,0,1.847802,-182.859099,-45.495952)"> 1472 <path d="M28.757,44.567C28.757,44.567 32.058,49.275 3
14721.862,52.5" style="fill:none;stroke:white;stroke-width:0.9px;"></path> 1473 </g> 1474 <g transform="matrix(1.847802,0,0,1.847802,-182.859099,-45.495952)"> 1475 <path d="M31.872,52.5C31.872,52.5 30.391,50.125 28.553,49.087" style="fill:none;stroke:white;stroke-width:0.9px;"></path> 1476 </g> 1477 <g transform="matrix(1.847802,0,0,1.847802,-182.859099,-45.495952)"> 1478 <path d="M28.553,49.087C28.553,49.087 30.149,50.418 30.668,56.108" style="fill:none;stroke:white;stroke-width:0.9px;"></path> 1479 </g> 1480 <g transform="matrix(1.973876,0,0,1.722206,-196.819368,-59.635827)"> 1481 <path d="M36.993,55.079C36.993,55.079 36.33,48.127 39.687,43.554C43.045,38.982 34.159,47.068 34.448,52.914" style="fill:none;stroke:white;stroke-width:0.9px;"></path> 1482 </g> 1483 <g transform="matrix(1.992907,0,0,2.380908,-197.373483,-96.408397)"> 1484 <path d="M34.363,53.72C34.363,53.72 35.133,47.408 29.353,43.258" style="fill:none;stroke:white;stroke-width:0.76px;"></path> 1485 </g> 1486 <g transform="matrix(1.992907,0,0,2.380908,-197.373483,-96.408397)"> 1487 <path d="M29.353,43.258C29.353,43.258 32.058,50.928 31.862,54.153" style="fill:none;stroke:white;stroke-width:0.76px;"></path> 1488 </g> 1489 <g transform="matrix(2.504609,0,0,2.380908,-214.960652,-96.408397)"> 1490 <path d="M32.382,54.153C32.382,54.153 30.85,49.972 28.021,49.113" style="fill:none;stroke:white;stroke-width:0.68px;"></path> 1491 </g> 1492 <g transform="matrix(2.504609,0,0,2.380908,-214.960652,-96.408397)"> 1493 <path d="M28.021,49.113C28.021,49.113 30.133,50.365 30.652,56.055" style="fill:none;stroke:white;stroke-width:0.68px;"></path> 1494 </g> 1495 <g transform="matrix(1.148188,0,0,1.148188,14.897277,-6.824126)"> 1496 <g transform="matrix(1.957441,0,0,2.338537,-162.652264,-90.378689)"> 1497 <path d="M34.266,54.21C34.266,54.21 34.969,47.475 29.648,42.875" style="fill:none;stroke:white;stroke-width:0.67px;"></path> 1498 </g> 1499 <g transform="matrix(1.957441,0,0,2.338537,-162.652264,-90.378689)"> 1500 <path d="M29.648,42.875C29.648,42.875 32.451,48.711 31.85,53.131" style="fill:none;stroke:white;stroke-width:0.67px;"></path> 1501 </g> 1502 <g transform="matrix(2.460037,0,0,2.338537,-179.92645,-90.378689)"> 1503 <path d="M32.365,53.131C32.365,53.131 31.698,50.396 29.346,47.982" style="fill:none;stroke:white;stroke-width:0.6px;"></path> 1504 </g> 1505 <g transform="matrix(2.460037,0,0,2.338537,-179.92645,-90.378689)"> 1506 <path d="M29.346,47.982C29.346,47.982 30.806,49.503 31.097,52.934" style="fill:none;stroke:white;stroke-width:0.6px;"></path> 1507 </g> 1508 </g> 1509 </g> 1510 <g transform="matrix(1,0,0,1,-155,0)"> 1511 <path d="M62.806,71.567L46.502,41.866M45.972,40.901L39.841,29.732" style="fill:none;stroke:white;stroke-width:2.08px;"></path> 1512 </g> 1513 <g transform="matrix(1,0,0,1,-155,0)"> 1514 <path d="M84.368,40.318L76.619,42.213M68.354,43.761L42.906,49.379M38.218,50.279L33.249,51.391M28.642,52.101L12.963,55.85" style="fill:none;stroke:white;stroke-width:2.08px;"></path> 1515 </g> 1516 </g> 1517</svg> 1518 1519 <span>Græsarmering</span> 1520 </a> 1521 </li> 1522 1523 </ul> 1524 <ul role="list" class="flex flex-col space-y-3"> 1525 1526<li> 1527 <ul class="font-medium"> 1528 <li> 1529 <a href="/inspiration" class="text-sm/6 flex items-center gap-4 px-5 py-2 text-gray-700 hover:bg-brand/5 hover:text-brand md:px-8" title="INSPIRATION">INSPIRATION</a> 1530 </li> 1531 <li> 1532 <a href="/haveblog" class="text-sm/6 flex items-center gap-4 px-5 py-2 text-gray-700 hover:bg-brand/5 hover:text-brand md:px-8" title="HAVEBLOG">HAVEBLOG</a> 1533 </li> 1534 <li> 1535 <a href="/om-os" class="text-sm/6 flex items-center gap-4 px-5 py-2 text-gray-700 hover:bg-brand/5 hover:text-brand md:px-8" title="OM OS">OM OS</a> 1536 </li> 1537 <li> 1538 <a href="/erhvervs-side" class="text-sm/6 flex items-center gap-4 px-5 py-2 text-gray-700 hover:bg-brand/5 hover:text-brand md:px-8" title="ERHVERV">ERHVERV</a> 1539 </li> 1540 </ul> 1541</li> 1542 1543 </ul> 1544 <div class="lg:hidden flex flex-col gap-5"> 1545 <ul role="list" class="flex flex-col"> 1546 1547 1548 </ul> 1549 1550<div class="flex gap-3 max-lg:flex-col max-lg:px-5 lg:items-center lg:gap-2 md:max-lg:px-8"> 1551 <a href="/" title="Dansk (Danmark)" class="flex items-center gap-2.5 "> 1552 <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 65" src="/img/flags/da.svg" class="size-5 rounded-full lg:size-4 svg-img-flags-da-svg-v-93cfec64b28f59606c52674eccff0b94c17b3772083305e3b3d297a2fcc4b5ab9424"><g clip-path="url(#svg-img-flags-da-svg-v-93cfec64b28f59606c52674eccff0b94c17b3772083305e3b3d297a2fcc4b5ab9424-clip0)"><path d="M0 .553h64.013v64H0v-64z" fill="#C8102E"></path><path d="M18 .553h9.137v64H18v-64z" fill="#fff"></path><path d="M0 27.977h64.013v9.15H0v-9.15z" fill="#fff"></path></g><defs><clippath id="svg-img-flags-da-svg-v-93cfec64b28f59606c52674eccff0b94c17b3772083305e3b3d297a2fcc4b5ab9424-clip0" data-original-id="clip0"><rect y=".553" width="64" height="64" rx="32" fill="#fff"></rect></clippath></defs></svg>
1553 <span class="max-lg:text-sm/7 lg:sr-only">Dansk (Danmark)</span> 1554 </a> 1555 <a href="https://www.landgarden.se/" title="Svenska (Sverige)" class="flex items-center gap-2.5 opacity-30"> 1556 <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64" src="/img/flags/sv.svg" class="size-5 rounded-full lg:size-4 svg-img-flags-sv-svg-v-93cfec64b28f59606c52674eccff0b94c17b3772083305e3b3d297a2fcc4b5ab9424"><g clip-path="url(#svg-img-flags-sv-svg-v-93cfec64b28f59606c52674eccff0b94c17b3772083305e3b3d297a2fcc4b5ab9424-clip0)" fill-rule="evenodd" clip-rule="evenodd"><path d="M-15.134.041h32.003v25.6h-32.003V.041zm0 38.354h32.003v25.6h-32.003v-25.6z" fill="#006AA7"></path><path d="M-15.134 25.628h32.003V38.42h-32.003V25.628z" fill="#FECC00"></path><path d="M16.738.002h12.794v64.006H16.738V.002z" fill="#FECC00"></path><path d="M29.128 25.628H86.73v12.806H29.128V25.628z" fill="#FECC00"></path><path d="M29.519 38.408h57.603v25.587H29.52V38.408zm0-38.367h57.603v25.6H29.52V.041z" fill="#006AA7"></path></g><defs><clippath id="svg-img-flags-sv-svg-v-93cfec64b28f59606c52674eccff0b94c17b3772083305e3b3d297a2fcc4b5ab9424-clip0" data-original-id="clip0"><rect width="64" height="64" rx="32" fill="#fff"></rect></clippath></defs></svg> 1557 <span class="max-lg:text-sm/7 lg:sr-only">Svenska (Sverige)</span> 1558 </a> 1559</div> 1560 </div> 1561 </div> 1562</div> 1563</header> 1564 1565 1566 <section class="bg-beige/50 px-5 md:px-8 lg:px-10"> 1567 <nav class="flex items-center py-2 font-medium md:py-2.5 text-sm" aria-label="$Header.Breadcrumbs$"> 1568 <a href="/forside" class="flex items-center gap-2 text-brand md:hidden" title="Forside" aria-label="Forside"> 1569 <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 17" src="/img/icons/chevron.svg" class="size-4 rotate-90 svg-img-icons-chevron-svg-v-19f67f5ff161e8b0e7d3d60408114ec04e4138d080209b9019ce4526bc6666b211190" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.529 6.029c.26-.26.682-.26.942 0L8 9.557l3.529-3.528a.667.667 0 11.942.942l-4 4a.667.667 0 01-.942 0l-4-4a.667.667 0 010-.942z" fill="currentColor"></path></svg> 1570 <span>Forside</span> 1571 </a> 1572 <ol class="flex gap-2 overflow-hidden leading-normal text-brand" itemscope itemtype="https://schema.org/BreadcrumbList"> 1573 <li class="gap-2 hidden items-center md:flex" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> 1574 <a href="/forside" class="truncate" itemprop="item" title="Forside"> 1575 <span itemprop="name">Forside</span> 1576 </a> 1577 <meta itemprop="position" content="1" /> 1578 <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 17" src="/img/icons/chevron.svg" class="size-4 rotate-270 svg-img-icons-chevron-svg-v-19f67f5ff161e8b0e7d3d60408114ec04e4138d080209b9019ce4526bc6666b216471" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.529 6.029c.26-.26.682-.26.942 0L8 9.557l3.529-3.528a.667.667 0 11.942.942l-4 4a.667.667 0 01-.942 0l-4-4a.667.667 0 010-.942z" fill="currentColor"></path></svg> 1579 </li> 1580 <li class="flex-wrap truncate text-gray-700 hidden items-center md:flex" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> 1581 <span itemprop="name" aria-current="page">Haveblog</span> 1582 <meta itemprop="position" content="2" /> 1583 </li> 1584 </ol> 1585 </nav> 1586 </section> 1587 1588 1589<div x-data="{ hasScroll: false }" 1590 x-init="hasScroll = $root.scrollWidth > $root.clientWidth" 1591 x-resize="hasScroll = $root.scrollWidth > $root.clientWidth" 1592 :class="{'justify-center': !hasScroll}" 1593 class="overflow-x-auto gap-2 bg-brand px-5 md:px-8 lg:px-10 text-white flex justify-center"> 1594 <div class="group relative flex flex-col justify-end gap-1.5 p-2.5 transition-colors lg:gap-1 hover:bg-black/10"> 1595 <div class="relative mx-auto flex size-12 items-center justify-center lg:size-15 group-hover:-translate-y-0.5 transition-transform"> 1596 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 55 55" src="/media/p1envrkn/hoejbede.svg" class="size-9 lg:size-12 svg-media-p1envrkn-hoejbede-svg-v-4021469096efb376f3b6068539be391d353bba15f71d4e072e3a160c6c431a4a10995"><path d="M30.79 50.22c.05-.64.02-1.58-.42-2.42-.44-.84-1.2-1.4-1.76-1.72-.05.64-.02 1.58.42 2.42.44.84 1.2 1.4 1.76 1.72Zm1.31-.04c.57-.3 1.35-.83 1.82-1.65s.54-1.76.52-2.4c-.57.3-1.35.83-1.82 1.65s-.54 1.76-.52 2.4Zm-.52 1.58c-.16.08-.34.09-.5.03 0 0-2.2-.8-3.19-2.68-.99-1.88-.4-4.15-.4-4.15.05-.18.16-.32.33-.41.16-.08.35-.1.52-.04 0 0 2.15.78 3.16 2.62v-.01c1.06-1.84 3.29-2.56 3.29-2.56.17-.05.36-.03.52.06.16.09.27.24.31.42 0 0 .5 2.29-.57 4.13-1.06 1.84-3.29 2.56-3.29 2.56-.06.02-.12.03-.18.03ZM19.92
159613.95c.84-.06 2.32-.32 3.33-1.32 1-1 1.26-2.49 1.32-3.33-.84.06-2.32.32-3.33 1.32-1 1-1.26 2.49-1.32 3.33Zm-6.18-5.29c-.06-.74-.3-1.96-1.13-2.79-.83-.83-2.05-1.07-2.79-1.13.06.74.3 1.96 1.13 2.79.83.83 2.05 1.07 2.79 1.13Zm3.57-1.57c.74-.06 1.96-.3 2.79-1.13.83-.83 1.07-2.05 1.13-2.79-.74.06-1.96.3-2.79 1.13-.83.83-1.07 2.05-1.13 2.79Zm-4.63 8.85c-.06-.84-.32-2.32-1.32-3.33-1-1-2.49-1.26-3.33-1.32.06.84.32 2.32 1.32 3.33 1 1 2.49 1.26 3.33 1.32ZM6.75 44.2c.13-.96.19-2.67-.6-4.18-.79-1.51-2.24-2.42-3.1-2.86-.13.96-.19 2.67.6 4.18.79 1.51 2.24 2.42 3.1 2.86Zm1.4-.08c.88-.41 2.36-1.26 3.21-2.74.85-1.47.85-3.18.76-4.15-.88.41-2.36 1.26-3.21 2.74-.85 1.47-.85 3.18-.76 4.15Zm34.72-30.17c.84-.06 2.32-.32 3.33-1.32s1.26-2.49 1.32-3.33c-.84.06-2.32.32-3.33 1.32-1 1-1.26 2.49-1.32 3.33Zm-6.19-5.29c-.06-.74-.3-1.96-1.13-2.79-.83-.83-2.05-1.07-2.79-1.13.06.74.3 1.96 1.13 2.79.83.83 2.05 1.07 2.79 1.13Zm7.3 35.59c.72-.35 1.8-1.03 2.44-2.13.64-1.11.68-2.38.63-3.18-.72.35-1.8 1.03-2.44 2.13-.64 1.11-.68 2.38-.63 3.18Zm-8.35-28.31c-.06-.84-.32-2.32-1.32-3.33s-2.49-1.26-3.33-1.32c.06.84.32 2.32 1.32 3.33s2.49 1.26 3.33 1.32ZM14.97 26.03c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-5.9 5.9c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.9-5.9Zm-4.5.8c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-1.88 1.88c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l1.88-1.88Zm14.18 5.27c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-5.48 5.48c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.48-5.48Zm17.98 12.21c.09-.79.09-2.07-.5-3.2-.6-1.13-1.65-1.85-2.35-2.23-.09.79-.09 2.07.5 3.2.6 1.13 1.65 1.85 2.35 2.23ZM40.26 7.09c.74-.06 1.96-.3 2.79-1.13.83-.83 1.07-2.05 1.13-2.79-.74.06-1.96.3-2.79 1.13-.83.83-1.07 2.05-1.13 2.79ZM5.12 36.94c.79.6 1.62 1.41 2.18 2.47.08.15.15.3.21.45.08-.18.18-.37.28-.54 1.51-2.61 4.66-3.61 4.66-3.61.17-.05.36-.03.52.06.16.09.27.24.31.42 0 0 .52 2.39-.28 4.72h6.56l2.93-2.93c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-2.01 2.01h17.16c-.27-1.66.11-3.12.11-3.12.05-.18.16-.32.33-.41.16-.08.35-.1.52-.04 0 0 2.6.94 3.78 3.17.03.05.05.1.08.15.04-.08.08-.16.13-.23 1.26-2.18 3.9-3.02 3.9-3.02.17-.05.36-.03.52.06.16.09.27.24.31.42 0 0 .31 1.41 0 3.02h3V23.14h-1.61l-6.52 6.52c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.6-5.6h-1.86l-3.3 3.3c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l2.39-2.39H5.12v13.81Zm2.46 8.73s-.03.02-.04.02c-.16.08-.35.1-.52.04 0 0-3.12-1.13-4.52-3.8-1.4-2.67-.57-5.87-.57-5.87.05-.18.16-.32.33-.41.16-.08.35-.1.52-.04 0 0 .43.16 1.05.49V22.47c0-.36.29-.65.65-.65H16v-1.67l-2.91-2.91c-.82-.02-3.15-.22-4.64-1.71-1.83-1.83-1.71-4.94-1.71-4.94.01-.34.28-.6.62-.62 0 0 3.1-.12 4.94 1.71 1.49 1.49 1.69 3.81 1.71 4.64l2 2v-6.5l-1.86-1.86c-.76-.03-2.8-.22-4.1-1.53-1.63-1.63-1.53-4.4-1.53-4.4.01-.34.28-.6.62-.62 0 0 2.77-.1 4.4 1.53 1.31 1.31 1.5 3.34 1.53 4.1l.94.94V7.7c0-.44.05-2.85 1.53-4.34 1.63-1.63 4.4-1.53 4.4-1.53.34.01.6.28.62.62 0 0 .1 2.77-1.53 4.4-1.13 1.13-2.8 1.43-3.73 1.51v7.28l1.32-1.32c.02-.82.22-3.15 1.71-4.64 1.83-1.83 4.94-1.71 4.94-1.71.34.01.6.28.62.62 0 0 .12 3.1-1.71 4.94-1.49 1.49-3.81 1.69-4.64 1.71l-2.24 2.24v4.34h21.65v-1.67l-2.91-2.91c-.82-.02-3.15-.22-4.64-1.71-1.83-1.83-1.71-4.94-1.71-4.94.01-.34.28-.6.62-.62 0 0 3.1-.12 4.94 1.71 1.49 1.49 1.69 3.81 1.71 4.64l2 2v-6.5L37.1 9.96c-.76-.03-2.8-.22-4.1-1.53-1.63-1.63-1.53-4.4-1.53-4.4.01-.34.28-.6.62-.62 0 0 2.77-.1 4.4 1.53 1.31 1.31 1.5 3.34 1.53 4.1l.94.94V7.7c0-.44.05-2.85 1.53-4.34 1.63-1.63 4.4-1.53 4.4-1.53.34.01.6.28.62.62 0 0 .1 2.77-1.53 4.4-1.13 1.13-2.8 1.43-3.73 1.51v7.28l1.32-1.32c.02-.82.22-3.15 1.71-4.64 1.83-1.83 4.94-1.71 4.94-1.71.34.01.6.28.62.62 0 0 .12 3.1-1.71 4.94-1.49 1.49-3.81 1.69-4.64 1.71l-2.24 2.24v4.34h11.63c.36 0 .65.29.65.65v19.07c0 .36-.29.65-.65.65h-4.04c-.08.19-.18.38-.28.57-1.26 2.18-3.9 3.02-3.9 3.02-.07.02-.14.03-.21.03-.16.08-.35.1-.52.04 0 0-2.6-.94-3.78-3.17-.08-.16-.16-.32-.23-.49H12.38c-1.54 2.48-4.56 3.45-4.56 3.45-.08.03-.16.03-.24.03Z" fill="currentColor"></path></svg> 1597 </div> 1598 <a href="/hoejbede" title="Højbede" class="text-center text-xs font-medium"> 1599 <span class="absolute inset-0"></span>
1600 <span class="whitespace-nowrap">Højbede</span> 1601 </a> 1602 </div> 1603 <div class="group relative flex flex-col justify-end gap-1.5 p-2.5 transition-colors lg:gap-1 hover:bg-black/10"> 1604 <div class="relative mx-auto flex size-12 items-center justify-center lg:size-15 group-hover:-translate-y-0.5 transition-transform"> 1605 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 55 55" src="/media/zwda0jak/plantekasser.svg" class="size-9 lg:size-12 svg-media-zwda0jak-plantekasser-svg-v-4021469096efb376f3b6068539be391d353bba15f71d4e072e3a160c6c431a4a10995"><path d="M39.19 9.99c.74-.06 1.96-.3 2.79-1.13.83-.83 1.07-2.05 1.13-2.79-.74.06-1.96.3-2.79 1.13-.83.83-1.07 2.05-1.13 2.79Zm2.61 6.86c.84-.06 2.32-.32 3.33-1.32 1-1 1.26-2.49 1.32-3.33-.84.06-2.32.32-3.33 1.32-1 1-1.26 2.49-1.32 3.33Zm-7.24 2c-.06-.84-.32-2.32-1.32-3.33-1-1-2.49-1.26-3.33-1.32.06.84.32 2.32 1.32 3.33s2.49 1.26 3.33 1.32ZM23.59 35.01c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-5.48 5.48c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.48-5.48ZM9.4 29.74c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-1.88 1.88c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l1.88-1.88Zm4.5-.81c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-5.9 5.9c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.9-5.9Zm21.71-17.36c-.06-.74-.3-1.96-1.13-2.79-.83-.83-2.05-1.07-2.79-1.13.06.74.3 1.96 1.13 2.79.83.83 2.05 1.07 2.79 1.13ZM16.24 9.99c.74-.06 1.96-.3 2.79-1.13.83-.83 1.07-2.05 1.13-2.79-.74.06-1.96.3-2.79 1.13-.83.83-1.07 2.05-1.13 2.79Zm-3.57 1.58c-.06-.74-.3-1.96-1.13-2.79-.83-.83-2.05-1.07-2.79-1.13.06.74.3 1.96 1.13 2.79.83.83 2.05 1.07 2.79 1.13Zm-1.06 7.28c-.06-.84-.32-2.32-1.32-3.33-1-1-2.49-1.26-3.33-1.32.06.84.32 2.32 1.32 3.33s2.49 1.26 3.33 1.32Zm7.24-2c.84-.06 2.32-.32 3.33-1.32 1-1 1.26-2.49 1.32-3.33-.84.06-2.32.32-3.33 1.32-1 1-1.26 2.49-1.32 3.33ZM4.05 47.62h4.26V45.1H4.05v2.52Zm41.83 0h4.26V45.1h-4.26v2.52ZM15.57 26.04H4.05v17.77h14.44l2.93-2.93c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-2.01 2.01h29.83V26.04h-1.61l-6.52 6.52c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.6-5.6h-1.86l-3.3 3.3c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l2.39-2.39H15.57ZM2.75 48.27V25.39c0-.36.29-.65.65-.65h11.52v-1.67l-2.91-2.91c-.82-.02-3.15-.22-4.64-1.71-1.83-1.83-1.71-4.94-1.71-4.94.01-.34.28-.6.62-.62 0 0 3.1-.12 4.94 1.71 1.49 1.49 1.69 3.81 1.71 4.64l2 2v-6.5l-1.86-1.86c-.76-.03-2.8-.22-4.1-1.53-1.63-1.63-1.53-4.4-1.53-4.4.01-.34.28-.6.62-.62 0 0 2.77-.1 4.4 1.53 1.31 1.31 1.5 3.34 1.53 4.1l.94.94V10.62c0-.44.05-2.85 1.53-4.34 1.63-1.63 4.4-1.53 4.4-1.53.34.01.6.28.62.62 0 0 .1 2.77-1.53 4.4-1.13 1.13-2.8 1.43-3.73 1.51v7.28l1.32-1.32c.02-.82.22-3.15 1.71-4.64 1.83-1.83 4.94-1.71 4.94-1.71.34.01.6.28.62.62 0 0 .12 3.1-1.71 4.94-1.49 1.49-3.82 1.69-4.64 1.71l-2.24 2.24v4.34h21.65v-1.67l-2.91-2.91c-.82-.02-3.15-.22-4.64-1.71-1.83-1.83-1.71-4.94-1.71-4.94.01-.34.28-.6.62-.62 0 0 3.1-.12 4.94 1.71 1.49 1.49 1.69 3.81 1.71 4.64l2 2v-6.5l-1.86-1.86c-.76-.03-2.8-.22-4.1-1.53-1.63-1.63-1.53-4.4-1.53-4.4.01-.34.28-.6.62-.62 0 0 2.77-.1 4.4 1.53 1.31 1.31 1.5 3.34 1.53 4.1l.94.94V10.62c0-.44.05-2.85 1.53-4.34 1.63-1.63 4.4-1.53 4.4-1.53.34.01.6.28.62.62 0 0 .1 2.77-1.53 4.4-1.13 1.13-2.8 1.43-3.73 1.51v7.28l1.32-1.32c.02-.82.22-3.15 1.71-4.64 1.83-1.83 4.94-1.71 4.94-1.71.34.01.6.28.62.62 0 0 .12 3.1-1.71 4.94-1.49 1.49-3.81 1.69-4.64 1.71l-2.24 2.24v4.34H50.8c.36 0 .65.29.65.65v22.88c0 .36-.29.65-.65.65h-5.56c-.36 0-.65-.29-.65-.65V45.1H9.61v3.17c0 .36-.29.65-.65.65H3.4c-.36 0-.65-.29-.65-.65Z" fill="currentColor"></path></svg> 1606 </div> 1607 <a href="/plantekasser" title="Plantekasser" class="text-center text-xs font-medium"> 1608 <span class="absolute inset-0"></span> 1609 <span class="whitespace-nowrap">Plantekasser</span> 1610 </a> 1611 </div> 1612 <div class="group relative flex flex-col justify-end gap-1.5 p-2.5 transition-colors lg:gap-1 hover:bg-black/10"> 1613 <div class="relative mx-auto flex size-12 items-center justify-center lg:size-15 group-hover:-translate-y-0.5 transition-transform"> 1614 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 55 55" src="/media/yckh3wgc/baalfade.svg" class="size-9 lg:size-12 svg-media-yckh3wgc-baalfade-svg-v-4021469096efb376f3b6068539be391d353bba15f71d4e072e3a160c6c431a4a10995"><path d="M20.48 35.97c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-5.9 5.9c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.9-5.9Zm-4.5.81c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-1.88 1.88c-.25.25-.67.25-.92 0a.658.658 0 0 1 0-.92l1.88-1.88Zm25.54-7.71v-8.12h-5.45v.44c0 .77-.1 1.52-.28 2.23-.09.35-.44.56-.79.47a.647.647 0 0 1-.47-.79c.16-.61.24-1.25.24-1.91 0-3.12-.65-5.23-1.21-6.47-.21.6-.5 1.03-.8 1.35-.93.97-2.06.9-2.06.9a.645.645 0 0 1-.62-.66c.11-6-2.63-9.1-4.16-10.36-.02.96-.17 2.35-.69 3.88-.9 2.66-3.36 5.1-4.74 7.47l-.15.27c-.58 1.09-.9 2.32-.9 3.62 0 1.54.46 2.98 1.24 4.18.19.3.11.7-.19.9-.3.2-.7.11-.9-.19a8.917 8.917 0 0 1-1.45-4.89c0-.15 0-.3.01-.44h-5.46v8.12h14.32c2.1 0 3.71-1.55 3.5-3.32-.14-1.18-.69-1.69-1.26-2.26-.49-.49-.99-1.01-1.39-1.83-.49-1-.93-2.31-1.19-3.2-.98.99-2.48 3.07-1.18 5.72a.649.649 0 0 1-1.16.58c-2.31-4.68 2.31-7.98 2.31-7.98.17-.12.4-.15.6-.08.2.07.35.24.41.45 0 0 .61 2.37 1.38 3.94.42.85 1 1.31 1.49 1.83.62.65 1.14 1.36 1.29 2.69.15 1.32-.37 2.58-1.34 3.47h11.07Zm1.29 0h4.03l-4.03-6.49v6.49Zm-30.78 1.3h-5.2v17.77h40.53V30.37h-3.6l-6.52 6.52c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.6-5.6h-1.86l-3.31 3.3c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l2.39-2.39H12.03Zm-4.68-1.3h4.03v-6.49l-4.03 6.49Zm41.31.65v19.07c0 .36-.29.65-.65.65H6.18c-.36 0-.65-.29-.65-.65V29.72c0-.12.03-.24.1-.34l5.85-9.41a.66.66 0 0 1 .55-.31h6.27c.17-.88.48-1.71.88-2.48.06-.12.11-.22.17-.32 1.34-2.3 3.76-4.64 4.63-7.23.87-2.57.58-4.65.58-4.65-.03-.24.07-.48.26-.62s.46-.16.67-.05c0 0 5.66 2.81 5.86 11.4.15-.07.31-.18.46-.34.4-.41.71-1.13.75-2.31 0-.27.18-.5.43-.59.25-.09.53-.02.7.18 0 0 1.92 2.1 2.3 7.01h6.16c.22 0 .43.12.55.31l5.85 9.41c.06.1.1.22.1.34Z" fill="currentColor"></path></svg> 1615 </div> 1616 <a href="/baalfade" title="Bålfade" class="text-center text-xs font-medium">
1617 <span class="absolute inset-0"></span> 1618 <span class="whitespace-nowrap">Bålfade</span> 1619 </a> 1620 </div> 1621 <div class="group relative flex flex-col justify-end gap-1.5 p-2.5 transition-colors lg:gap-1 hover:bg-black/10"> 1622 <div class="relative mx-auto flex size-12 items-center justify-center lg:size-15 group-hover:-translate-y-0.5 transition-transform"> 1623 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 55 55" src="/media/it3lr4vg/espalier.svg" class="size-9 lg:size-12 svg-media-it3lr4vg-espalier-svg-v-4021469096efb376f3b6068539be391d353bba15f71d4e072e3a160c6c431a4a10995"><path d="M9.4 34.27c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-1.88 1.88c-.25.25-.67.25-.92 0a.658.658 0 0 1 0-.92l1.88-1.88Zm14.18 5.28c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-5.48 5.48c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.48-5.48Zm-9.68-6.08c.25-.25.67-.25.92 0s.25.66 0 .92l-5.9 5.9c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.9-5.9Zm7.54-10.5h5.01v-5.01h-5.01v5.01Zm6.31 0h5.01v-5.01h-5.01v5.01Zm6.31 0h5.01v-5.01h-5.01v5.01Zm0-6.31h5.01v-5.01h-5.01v5.01Zm-6.31 0h5.01v-5.01h-5.01v5.01Zm-6.31 0h5.01v-5.01h-5.01v5.01Zm-6.31 0h5.01v-5.01h-5.01v5.01Zm0 6.31h5.01v-5.01h-5.01v5.01Zm0 6.31h5.01v-5.01h-5.01v5.01Zm6.31 0h5.01v-5.01h-5.01v5.01Zm6.31 0h5.01v-5.01h-5.01v5.01Zm6.31 0h5.01v-5.01h-5.01v5.01Zm6.31 0h5.01v-5.01h-5.01v5.01Zm0-6.31h5.01v-5.01h-5.01v5.01Zm0-6.31h5.01v-5.01h-5.01v5.01Zm0-6.31h5.01V5.34h-5.01v5.01Zm-6.31 0h5.01V5.34h-5.01v5.01Zm-6.31 0h5.01V5.34h-5.01v5.01Zm-6.31 0h5.01V5.34h-5.01v5.01Zm-6.31 0h5.01V5.34h-5.01v5.01Zm-6.32 0h5.01V5.34H8.81v5.01Zm0 6.31h5.01v-5.01H8.81v5.01Zm0 6.31h5.01v-5.01H8.81v5.01Zm0 6.31h5.01v-5.01H8.81v5.01Zm-.64 1.3H4.05v17.77h14.44l2.93-2.93c.26-.25.67-.25.92 0s.25.66 0 .92l-2.02 2.01h29.83V30.58h-1.61l-6.52 6.52c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.6-5.6h-1.87l-3.3 3.3c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92L43 30.57H8.17Zm38.51-1.3h4.12c.36 0 .65.29.65.65V49c0 .36-.29.65-.65.65H3.4c-.36 0-.65-.29-.65-.65V29.93c0-.36.29-.65.65-.65h4.12V4.68c0-.36.29-.65.65-.65h37.87c.36 0 .65.29.65.65v24.6Z" fill="currentColor"></path></svg> 1624 </div> 1625 <a href="/espalier" title="Espalier" class="text-center text-xs font-medium"> 1626 <span class="absolute inset-0"></span> 1627 <span class="whitespace-nowrap">Espalier</span> 1628 </a> 1629 </div> 1630 <div class="group relative flex flex-col justify-end gap-1.5 p-2.5 transition-colors lg:gap-1 hover:bg-black/10"> 1631 <div class="relative mx-auto flex size-12 items-center justify-center lg:size-15 group-hover:-translate-y-0.5 transition-transform"> 1632 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 55 55" src="/media/oqmbbs2x/byg-selv.svg" class="size-9 lg:size-12 svg-media-oqmbbs2x-byg-selv-svg-v-4021469096efb376f3b6068539be391d353bba15f71d4e072e3a160c6c431a4a10995"><path d="M42.3 8.04c.25-.25.67-.25.92 0s.25.66 0 .92l-5.9 5.9c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.9-5.9Zm-4.5.81c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-1.88 1.88c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l1.88-1.88Zm12.35 5.46V5.15h-17.7v17.77h12.79l2.93-2.93c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-2.01 2.01h3.07v-6.77l-4.38 4.38c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.29-5.29Zm1.3-9.81v19.07c0 .36-.29.65-.65.65h-19c-.36 0-.65-.29-.65-.65V4.5c0-.36.29-.65.65-.65h19c.36 0 .65.29.65.65ZM13.9 8.04c.25-.25.67-.25.92 0s.25.66 0 .92l-5.9 5.9c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.9-5.9Zm-4.5.81c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-1.88 1.88c-.25.25-.67.25-.92 0a.658.658 0 0 1 0-.92L9.4 8.85Zm12.35 5.46V5.15H4.05v17.77h12.79l2.93-2.93c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-2.01 2.01h3.07v-6.77l-4.38 4.38c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.29-5.29Zm1.3-9.81v19.07c0 .36-.29.65-.65.65h-19c-.36 0-.65-.29-.65-.65V4.5c0-.36.29-.65.65-.65h19c.36 0 .65.29.65.65ZM13.9 33.65c.25-.25.67-.25.92 0s.25.66 0 .92l-5.9 5.9c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.9-5.9Zm9.68 6.08c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-5.48 5.48c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.48-5.48ZM9.4 34.46c.25-.25.66-.25.92 0 .25.25.25.66 0 .92l-1.88 1.88c-.25.25-.67.25-.92 0a.658.658 0 0 1 0-.92l1.88-1.88Zm33.61-3.7H4.05v17.77h14.44l2.93-2.93c.26-.25.67-.25.92 0s.25.66 0 .92l-2.02 2.01h29.83V30.76h-1.61l-6.52 6.52c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92l5.6-5.6h-1.87l-3.3 3.3c-.25.25-.66.25-.92 0a.658.658 0 0 1 0-.92L43 30.75Zm8.44-.65v19.07c0 .36-.29.65-.65.65H3.4c-.36 0-.65-.29-.65-.65V30.11c0-.36.29-.65.65-.65h47.4c.36 0 .65.29.65.65Zm-25-3.99h-1.26c-.36 0-.65-.29-.65-.65s.29-.65.65-.65h1.26v-1.26c0-.36.29-.65.65-.65s.65.29.65.65v1.26h1.26c.36 0 .65.29.65.65s-.29.65-.65.65h-1.26v1.26c0 .36-.29.65-.65.65s-.65-.29-.65-.65v-1.26Z" fill="currentColor"></path></svg> 1633 </div> 1634 <a href="/byg-selv" title="Byg Selv" class="text-center text-xs font-medium">
1635 <span class="absolute inset-0"></span> 1636 <span class="whitespace-nowrap">Byg Selv</span> 1637 </a> 1638 </div> 1639 <div class="group relative flex flex-col justify-end gap-1.5 p-2.5 transition-colors lg:gap-1 hover:bg-black/10"> 1640 <div class="relative mx-auto flex size-12 items-center justify-center lg:size-15 group-hover:-translate-y-0.5 transition-transform"> 1641 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 55 55" src="/media/kbonsn3b/tilbehoer.svg" class="size-9 lg:size-12 svg-media-kbonsn3b-tilbehoer-svg-v-4021469096efb376f3b6068539be391d353bba15f71d4e072e3a160c6c431a4a10995"><path d="M43.74 33.92H9.49c-2.45 0-4.44 1.99-4.44 4.44s1.99 4.44 4.44 4.44h3.22a5.74 5.74 0 0 1-2.02-3.43c-.06-.35.17-.69.52-.75s.69.17.75.52a4.449 4.449 0 0 0 3.94 3.63c-.37-.31-.7-.66-.98-1.04-.21-.29-.15-.7.14-.91.29-.21.7-.15.91.14a4.44 4.44 0 0 0 3.59 1.83h6.59a5.74 5.74 0 0 1-2.02-3.43c-.06-.35.17-.69.52-.75s.69.17.75.52a4.453 4.453 0 0 0 3.55 3.58c-.34-.29-.65-.62-.92-.99-.21-.29-.15-.7.14-.91.29-.21.7-.15.91.14a4.44 4.44 0 0 0 3.59 1.83h10.4c-1.04-1.06-1.5-2.64-1.5-4.24 0-1.88.84-3.56 2.14-4.64ZM8.88 44.08c-.06.02-.13.03-.2.03-3.12 0-4.89.82-5.86 1.86-.8.86-1.04 1.83-1.1 2.5l1.88-.56a5.69 5.69 0 0 1 3.22 0l1.28.38c.81.24 1.67.24 2.48 0l1.28-.38a5.69 5.69 0 0 1 3.22 0l1.28.38c.81.24 1.67.24 2.48 0l1.28-.38a5.69 5.69 0 0 1 3.22 0l1.28.38c.81.24 1.67.24 2.48 0l1.28-.38a5.69 5.69 0 0 1 3.22 0l1.28.38c.81.24 1.67.24 2.48 0l1.28-.38a5.69 5.69 0 0 1 3.22 0l2.02.6c.45-1.3 1.95-2.76 4.66-2.76 3.3 0 5.95-2.83 5.95-6.3 0-3.04-2.33-5.53-5.22-5.53-2.43 0-4.38 2.09-4.38 4.64 0 2.09.95 4.22 3.54 4.24 2.28.02 3.29-1.78 3.29-3.41 0-.8-.71-1.95-2.33-1.95-.93 0-1.4.6-1.4 1.12 0 .15.07.34.18.49.09.12.2.24.35.26.15.02.3-.06.48-.2a.64.64 0 0 1 .91.1c.23.28.18.69-.1.91-.53.43-1.03.54-1.46.48-.52-.06-.95-.38-1.25-.79-.27-.39-.42-.86-.42-1.24 0-1.03.82-2.41 2.7-2.41 2.59 0 3.63 1.97 3.63 3.24 0 2.26-1.43 4.73-4.59 4.71H9.49c-.21 0-.41-.01-.61-.03Zm37.67 2.97c-1.45 0-2.45.51-3.02 1.17-.32.37-.5.78-.5 1.13 0 .2-.1.4-.26.52s-.38.16-.57.1l-2.71-.81c-.81-.24-1.67-.24-2.48 0l-1.28.38a5.69 5.69 0 0 1-3.22 0l-1.28-.38c-.81-.24-1.67-.24-2.48 0l-1.28.38a5.69 5.69 0 0 1-3.22 0l-1.28-.38c-.81-.24-1.67-.24-2.48 0l-1.28.38a5.69 5.69 0 0 1-3.22 0l-1.28-.38c-.81-.24-1.67-.24-2.48 0l-1.28.38a5.69 5.69 0 0 1-3.22 0l-1.28-.38c-.81-.24-1.67-.24-2.48 0l-2.71.81c-.18.05-.38.03-.53-.07a.623.623 0 0 1-.29-.45s-.36-2.42 1.44-4.35c.84-.9 2.16-1.71 4.25-2.07a5.724 5.724 0 0 1-2.37-4.65 5.74 5.74 0 0 1 5.74-5.74H47.29c3.59 0 6.52 3.05 6.52 6.82 0 4.2-3.26 7.6-7.25 7.6ZM26.6 8.58H14.91s-.05.02-.05.05v2.16c0 .28-.02.56-.07.84v.02c-.05.27-.12.53-.21.78l-1.46 4.07a3.45 3.45 0 0 1 4.54 3.02l8.76-8.07a.72.72 0 0 0 .23-.53v-2.3s-.02-.05-.05-.05Zm-14.49 10.7a2.164 2.164 0 0 0 2.1 2.66c.62 0 1.19-.27 1.58-.69l.02-.02c.35-.38.56-.89.56-1.45 0-1.19-.97-2.16-2.16-2.16-.85 0-1.59.49-1.94 1.21l-.16.45Zm11.5-12V5.07s-.04-.08-.08-.08h-5.56s-.08.04-.08.08v2.21h5.73Zm-10.34 4.95c-3.75.47-6.66 3.67-6.66 7.55 0 4.2 3.41 7.6 7.6 7.6s7.6-3.41 7.6-7.6c0-.71-.1-1.41-.28-2.06l-4.79 4.42c-.63.68-1.53 1.1-2.53 1.1a3.45 3.45 0 0 1-3.13-4.9l2.19-6.1Zm9.31 4.52c.34.95.53 1.97.53 3.03 0 4.91-3.99 8.9-8.9 8.9s-8.9-3.99-8.9-8.9 3.64-8.55 8.25-8.88V8.63c0-.74.6-1.35 1.35-1.35h1.68V5.07c0-.76.62-1.38 1.38-1.38h5.56c.76 0 1.38.62 1.38 1.38v2.21h1.68c.74 0 1.35.6 1.35 1.35v2.3c0 .56-.24 1.1-.65 1.48l-4.71 4.34Zm28.33-4.94.19-.19a1.6 1.6 0 0 0 0-2.27l-3.87-3.87a1.6 1.6 0 0 0-2.27 0l-.19.19 6.14 6.14Zm-7.85-3.47 5.18 5.18c.26.26.69.26.96 0l.79-.79-6.14-6.14-.79.79c-.26.26-.26.69 0 .96ZM29.55 25.62l-.04.04.04.2c.11.59.57 1.05 1.16 1.17l.21.04 1.44-1.44h-2.81Zm2.93-2.93-1.64 1.64h2.81l1.64-1.63h-2.81Zm2.94-2.94-1.64 1.64h2.81l1.64-1.63h-2.81Zm2.93-2.93-1.64 1.64h2.81l1.64-1.63h-2.81Zm2.94-2.94-1.64 1.64h2.81l1.64-1.63h-2.81Zm2.74-2.74-1.45 1.45h2.81l.05-.04-1.41-1.41Zm2.32 2.33L31.59 28.23a.66.66 0 0 1-.46.19c-.07 0-.14-.01-.21-.03-.12-.02-.28-.05-.46-.08-1.11-.22-2.04-1.19-2.19-2.2-.06-.4-.11-.86.08-1.12l14.76-14.76-.97-.97c-.77-.77-.77-2.02 0-2.79l1.9-1.9a2.915 2.915 0 0 1 4.11 0l3.87 3.87a2.915 2.915 0 0 1 0 4.11l-1.9 1.9c-.77.77-2.02.77-2.79 0l-.97-.97Z" fill="currentColor"></path></svg> 1642 </div> 1643 <a href="/tilbehoer" title="Tilbehør" class="text-center text-xs font-medium">
1644 <span class="absolute inset-0"></span> 1645 <span class="whitespace-nowrap">Tilbehør</span> 1646 </a> 1647 </div> 1648 <div class="group relative flex flex-col justify-end gap-1.5 p-2.5 transition-colors lg:gap-1 hover:bg-black/10"> 1649 <div class="relative mx-auto flex size-12 items-center justify-center lg:size-15 group-hover:-translate-y-0.5 transition-transform"> 1650 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 1651<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 1652<svg width="100%" height="100%" viewbox="0 0 105 105" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;" src="/media/tpgd1qxv/sedum-tag-ikon-landhave2.svg" class="size-9 lg:size-12 svg-media-tpgd1qxv-sedum-tag-ikon-landhave2-svg-v-4021469096efb376f3b6068539be391d353bba15f71d4e072e3a160c6c431a4a10995"> 1653 <g transform="matrix(1,0,0,1,0,-155)"> 1654 <rect id="Sedum-tag-ikon-landhave2" serif:id="Sedum tag ikon landhave2" x="0" y="155" width="105" height="105" style="fill:none;"></rect> 1655 <g id="Sedum-tag-ikon-landhave21" serif:id="Sedum tag ikon landhave2"> 1656 <g transform="matrix(1.253728,0,0,1.253728,-11.137915,-52.173946)"> 1657 <path d="M15.864,239.67L25.361,239.67L25.361,213.08L51.771,203.402L77.728,212.989L77.728,239.67L87.044,239.67L87.044,216.426L91.733,218.235L91.733,212.266L51.771,197.704L10.89,212.175L10.89,218.687L16.082,216.847L15.864,239.67Z" style="fill:none;stroke:white;stroke-width:1.66px;"></path> 1658 </g> 1659 <path d="M2.515,208.892L53.193,191.142L103.87,208.892" style="fill:none;stroke:white;stroke-width:2.08px;"></path> 1660 <g> 1661 <path d="M21.015,200.972L20.913,183.565C20.913,183.565 20.401,176.192 28.029,176.397C35.658,176.601 22.628,185.28 20.913,183.565" style="fill:none;stroke:white;stroke-width:2.08px;"></path> 1662 <path d="M20.988,196.416L24.855,192.729C24.855,192.729 23.729,186.227 32.381,185.049C32.381,185.049 33.405,192.729 24.855,192.729" style="fill:none;stroke:white;stroke-width:2.08px;"></path> 1663 <path d="M20.906,199.641L16.868,196.416C16.868,196.416 17.124,188.736 8.266,187.661C8.266,187.661 7.857,196.416 16.868,196.416" style="fill:none;stroke:white;stroke-width:2.08px;"></path> 1664 <path d="M20.906,188.682L17.585,185.817C17.585,185.817 18.302,179.981 10.929,178.701C10.929,178.701 9.905,185.817 17.585,185.817" style="fill:none;stroke:white;stroke-width:2.08px;"></path> 1665 </g> 1666 <g transform="matrix(1,0,0,1,69.624378,1.749984)"> 1667 <path d="M21.015,200.972L20.913,183.565C20.913,183.565 20.401,176.192 28.029,176.397C35.658,176.601 22.628,185.28 20.913,183.565" style="fill:none;stroke:white;stroke-width:2.08px;"></path> 1668 <path d="M20.988,196.416L24.855,192.729C24.855,192.729 23.729,186.227 32.381,185.049C32.381,185.049 33.405,192.729 24.855,192.729" style="fill:none;stroke:white;stroke-width:2.08px;"></path> 1669 <path d="M20.906,199.641L16.868,196.416C16.868,196.416 17.124,188.736 8.266,187.661C8.266,187.661 7.857,196.416 16.868,196.416" style="fill:none;stroke:white;stroke-width:2.08px;"></path> 1670 <path d="M20.906,188.682L17.585,185.817C17.585,185.817 18.302,179.981 10.929,178.701C10.929,178.701 9.905,185.817 17.585,185.817" style="fill:none;stroke:white;stroke-width:2.08px;"></path> 1671 </g> 1672 <g transform="matrix(0.848487,0,0,0.848487,40.409279,22.075071)"> 1673 <path d="M21.015,200.972L20.913,183.565C20.913,183.565 20.401,176.192 28.029,176.397C35.658,176.601 22.628,185.28 20.913,183.565" style="fill:none;stroke:white;stroke-width:2.46px;"></path> 1674 <path d="M20.988,196.416L24.855,192.729C24.855,192.729 23.729,186.227 32.381,185.049C32.381,185.049 33.405,192.729 24.855,192.729" style="fill:none;stroke:white;stroke-width:2.46px;"></path> 1675 <path d="M20.906,199.641L16.868,196.416C16.868,196.416 17.124,188.736 8.266,187.661C8.266,187.661 7.857,196.416 16.868,196.416" style="fill:none;stroke:white;stroke-width:2.46px;"></path> 1676 <path d="M20.906,188.682L17.585,185.817C17.585,185.817 18.302,179.981 10.929,178.701C10.929,178.701 9.905,185.817 17.585,185.817" style="fill:none;stroke:white;stroke-width:2.46px;"></path> 1677 </g> 1678 <g transform="matrix(0.546897,0,0,0.546897,67.197467,68.52236)"> 1679 <path d="M8.264,234.436C8.264,234.436 6.68,226.756 14.585,223.076C14.585,223.076 17.077,230.756 8.264,234.436Z" style="fill:none;stroke:white;stroke-width:3.81px;"></path> 1680 <path d="M8.264,234.436C8.264,234.436 -0.205,232.579 1.557,222.912C1.557,222.912 9.359,224.365 8.264,234.436Z" style="fill:none;stroke:white;stroke-width:3.81px;"></path> 1681 </g> 1682 <g transform="matrix(0.546897,0,0,0.546897,38.197726,65.750479)"> 1683 <path d="M8.264,234.436C8.264,234.436 6.68,226.756 14.585,223.076C14.585,223.076 17.077,230.756 8.264,234.436Z" style="fill:none;stroke:white;stroke-width:3.81px;"></path> 1684 <path d="M8.264,234.436C8.264,234.436 -0.205,232.579 1.557,222.912C1.557,222.912 9.359,224.365 8.264,234.436Z" style="fill:none;stroke:white;stroke-width:3.81px;"></path> 1685 </g> 1686 <g transform="matrix(0.546897,0,0,0.546897,2.698044,77.897276)"> 1687 <path d="M8.264,234.436C8.264,234.436 6.68,226.756 14.585,223.076C14.585,223.076 17.077,230.756 8.264,234.436Z" style="fill:none;stroke:white;stroke-width:3.81px;"></path> 1688 <path d="M8.264,234.436C8.264,234.436 -0.205,232.579 1.557,222.912C1.557,222.912 9.359,224.365 8.264,234.436Z" style="fill:none;stroke:white;stroke-width:3.81px;"></path> 1689 </g> 1690 <g transform="matrix(0.546897,0,0,0.546897,95.197217,77.397281)"> 1691 <path d="M8.264,234.436C8.264,234.436 6.68,226.756 14.585,223.076C14.585,223.076 17.077,230.756 8.264,234.436Z" style="fill:none;stroke:white;stroke-width:3.81px;"></path> 1692 <path d="M8.264,234.436C8.264,234.436 -0.205,232.579 1.557,222.912C1.557,222.912 9.359,224.365 8.264,234.436Z" style="fill:none;stroke:white;stroke-width:3.81px;"></path> 1693 </g> 1694 </g> 1695 </g> 1696</svg> 1697 1698 </div> 1699 <a href="/sedumtag" title="Sedumtag" class="text-center text-xs font-medium">
1700 <span class="absolute inset-0"></span> 1701 <span class="whitespace-nowrap">Sedumtag</span> 1702 </a> 1703 </div> 1704 <div class="group relative flex flex-col justify-end gap-1.5 p-2.5 transition-colors lg:gap-1 hover:bg-black/10"> 1705 <div class="relative mx-auto flex size-12 items-center justify-center lg:size-15 group-hover:-translate-y-0.5 transition-transform"> 1706 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 1707<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 1708<svg width="100%" height="100%" viewbox="0 0 105 105" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;" src="/media/iazdpioo/graesarmering-ikon2_v2.svg" class="size-9 lg:size-12 svg-media-iazdpioo-graesarmering-ikon2_v2-svg-v-4021469096efb376f3b6068539be391d353bba15f71d4e072e3a160c6c431a4a10995"> 1709 <g id="Græsarmering-ikon2" serif:id="Græsarmering ikon2" transform="matrix(1,0,0,1,155,0)"> 1710 <rect x="-155" y="0" width="105" height="105" style="fill:none;"></rect> 1711 <g transform="matrix(1,0,0,1,0.246119,8.005913)"> 1712 <g transform="matrix(1.847802,0,0,1.847802,-198.058181,-49.782235)"> 1713 <path d="M41.44,68.607L43.52,66.287" style="fill:none;stroke:white;stroke-width:0.9px;"></path> 1714 </g> 1715 <g transform="matrix(1.847802,0,0,1.847802,-198.287817,-49.782235)"> 1716 <path d="M44.855,68.957L47.122,66.287" style="fill:none;stroke:white;stroke-width:0.9px;"></path> 1717 </g> 1718 <g transform="matrix(1.148188,0,0,1.148188,14.897277,-6.824126)"> 1719 <g transform="matrix(1,0,0,1,-155,0)"> 1720 <path d="M18.758,28.555L8.985,30.204L9.46,41.546L28.165,79.504L96.094,63.798L95.767,53.575L68.36,19.658M68.36,19.658L57.714,21.525M53.437,22.286L35.73,25.398M24.385,27.495L21.972,27.848M8.985,30.204L28.595,68.681L95.767,53.575" style="fill:none;stroke:white;stroke-width:1.81px;"></path> 1721 </g> 1722 <g transform="matrix(1,0,0,1,-155,0)"> 1723 <path d="M28.595,68.993L28.822,79" style="fill:none;stroke:white;stroke-width:1.81px;"></path> 1724 </g> 1725 </g> 1726 <g transform="matrix(1.941164,0,0,1.755673,-148.291183,-40.419747)"> 1727 <path d="M36.293,55.146C36.293,55.146 35.565,50.706 38.939,46.148C40.424,44.141 34.573,46.201 34.862,52.047" style="fill:none;stroke:white;stroke-width:0.9px;"></path> 1728 </g> 1729 <g transform="matrix(2.24751,0,0,2.685079,-158.722316,-92.304673)"> 1730 <path d="M34.724,53.355C34.724,53.355 33.701,49.294 37.546,42.468" style="fill:none;stroke:white;stroke-width:0.67px;"></path> 1731 </g> 1732 <g transform="matrix(2.910488,0,0,2.506772,-183.614727,-84.732266)"> 1733 <path d="M37.546,42.468C37.546,42.468 30.87,47.771 32.654,55.126" style="fill:none;stroke:white;stroke-width:0.61px;"></path> 1734 </g> 1735 <g transform="matrix(2.824585,0,0,2.685079,-182.000889,-88.860109)"> 1736 <path d="M32.763,53.086C32.763,53.086 31.627,48.901 28.795,46.41" style="fill:none;stroke:white;stroke-width:0.6px;"></path> 1737 </g> 1738 <g transform="matrix(2.824585,0,0,2.685079,-182.000889,-88.860109)"> 1739 <path d="M28.795,46.41C28.795,46.41 30.907,49.225 31.087,55.272" style="fill:none;stroke:white;stroke-width:0.6px;"></path> 1740 </g> 1741 <g transform="matrix(1.847802,0,0,1.847802,-182.859099,-45.495952)"> 1742 <path d="M36.405,56.108C36.405,56.108 36.33,48.127 39.687,43.554C43.045,38.982 34.417,46.196 34.706,52.042" style="fill:none;stroke:white;stroke-width:0.9px;"></path> 1743 </g> 1744 <g transform="matrix(1.847802,0,0,1.847802,-182.859099,-45.495952)"> 1745 <path d="M34.706,52.042C34.706,52.042 34.536,48.716 28.757,44.567" style="fill:none;stroke:white;stroke-width:0.9px;"></path> 1746 </g> 1747 <g transform="matrix(1.847802,0,0,1.847802,-182.859099,-45.495952)"> 1748 <path d="M28.757,44.567C28.757,44.567 32.058,49.275 3
17481.862,52.5" style="fill:none;stroke:white;stroke-width:0.9px;"></path> 1749 </g> 1750 <g transform="matrix(1.847802,0,0,1.847802,-182.859099,-45.495952)"> 1751 <path d="M31.872,52.5C31.872,52.5 30.391,50.125 28.553,49.087" style="fill:none;stroke:white;stroke-width:0.9px;"></path> 1752 </g> 1753 <g transform="matrix(1.847802,0,0,1.847802,-182.859099,-45.495952)"> 1754 <path d="M28.553,49.087C28.553,49.087 30.149,50.418 30.668,56.108" style="fill:none;stroke:white;stroke-width:0.9px;"></path> 1755 </g> 1756 <g transform="matrix(1.973876,0,0,1.722206,-196.819368,-59.635827)"> 1757 <path d="M36.993,55.079C36.993,55.079 36.33,48.127 39.687,43.554C43.045,38.982 34.159,47.068 34.448,52.914" style="fill:none;stroke:white;stroke-width:0.9px;"></path> 1758 </g> 1759 <g transform="matrix(1.992907,0,0,2.380908,-197.373483,-96.408397)"> 1760 <path d="M34.363,53.72C34.363,53.72 35.133,47.408 29.353,43.258" style="fill:none;stroke:white;stroke-width:0.76px;"></path> 1761 </g> 1762 <g transform="matrix(1.992907,0,0,2.380908,-197.373483,-96.408397)"> 1763 <path d="M29.353,43.258C29.353,43.258 32.058,50.928 31.862,54.153" style="fill:none;stroke:white;stroke-width:0.76px;"></path> 1764 </g> 1765 <g transform="matrix(2.504609,0,0,2.380908,-214.960652,-96.408397)"> 1766 <path d="M32.382,54.153C32.382,54.153 30.85,49.972 28.021,49.113" style="fill:none;stroke:white;stroke-width:0.68px;"></path> 1767 </g> 1768 <g transform="matrix(2.504609,0,0,2.380908,-214.960652,-96.408397)"> 1769 <path d="M28.021,49.113C28.021,49.113 30.133,50.365 30.652,56.055" style="fill:none;stroke:white;stroke-width:0.68px;"></path> 1770 </g> 1771 <g transform="matrix(1.148188,0,0,1.148188,14.897277,-6.824126)"> 1772 <g transform="matrix(1.957441,0,0,2.338537,-162.652264,-90.378689)"> 1773 <path d="M34.266,54.21C34.266,54.21 34.969,47.475 29.648,42.875" style="fill:none;stroke:white;stroke-width:0.67px;"></path> 1774 </g> 1775 <g transform="matrix(1.957441,0,0,2.338537,-162.652264,-90.378689)"> 1776 <path d="M29.648,42.875C29.648,42.875 32.451,48.711 31.85,53.131" style="fill:none;stroke:white;stroke-width:0.67px;"></path> 1777 </g> 1778 <g transform="matrix(2.460037,0,0,2.338537,-179.92645,-90.378689)"> 1779 <path d="M32.365,53.131C32.365,53.131 31.698,50.396 29.346,47.982" style="fill:none;stroke:white;stroke-width:0.6px;"></path> 1780 </g> 1781 <g transform="matrix(2.460037,0,0,2.338537,-179.92645,-90.378689)"> 1782 <path d="M29.346,47.982C29.346,47.982 30.806,49.503 31.097,52.934" style="fill:none;stroke:white;stroke-width:0.6px;"></path> 1783 </g> 1784 </g> 1785 </g> 1786 <g transform="matrix(1,0,0,1,-155,0)"> 1787 <path d="M62.806,71.567L46.502,41.866M45.972,40.901L39.841,29.732" style="fill:none;stroke:white;stroke-width:2.08px;"></path> 1788 </g> 1789 <g transform="matrix(1,0,0,1,-155,0)"> 1790 <path d="M84.368,40.318L76.619,42.213M68.354,43.761L42.906,49.379M38.218,50.279L33.249,51.391M28.642,52.101L12.963,55.85" style="fill:none;stroke:white;stroke-width:2.08px;"></path> 1791 </g> 1792 </g> 1793</svg> 1794 1795 </div> 1796 <a href="/graesarmering" title="Græsarmering" class="text-center text-xs font-medium"> 1797 <span class="absolute inset-0"></span> 1798 <span class="whitespace-nowrap">Græsarmering</span> 1799 </a> 1800 </div> 1801</div> 1802
1803<script> 1804 document.addEventListener("alpine:init", () => { 1805 Alpine.data('header', () => ({ 1806 mobileNavOpen: false, 1807 showSecondaryNav: true, 1808 oldYOffset: 0, 1809 openSet: {}, 1810 openStack: [], 1811 init() { 1812 window.addEventListener('scroll', () => { 1813 let y = window.pageYOffset 1814 if (y <= 0) { 1815 this.showSecondaryNav = true 1816 } else if (y < this.oldYOffset) { 1817 this.showSecondaryNav = true 1818 } else { 1819 this.showSecondaryNav = false 1820 } 1821 this.oldYOffset = y 1822 }, { passive: true }) 1823 }, 1824 open(id) { 1825 this.openSet[id] = true; 1826 this.openStack = this.openStack.filter(x => x !== id); 1827 this.openStack.push(id); 1828 }, 1829 close(id) { 1830 if (this.openSet[id]) delete this.openSet[id]; 1831 const idx = this.openStack.lastIndexOf(id); 1832 if (idx > -1) this.openStack.splice(idx, 1); 1833 }, 1834 isOpen(id) { return !!this.openSet[id] }, 1835 toggle(id){ this.isOpen(id) ? this.close(id) : this.open(id) }, 1836 currentId() { return this.openStack.length ? this.openStack[this.openStack.length - 1] : null }, 1837 isCurrent(id) { return this.currentId() === id }, 1838 back() { 1839 const id = this.openStack.pop(); 1840 if (id) delete this.openSet[id]; 1841 }, 1842 isEmptyOrAllFalse() { return Object.keys(this.openSet).length === 0 || Object.values(this.openSet).every(v => v === false) } 1843 })) 1844 }) 1845</script>
1845 1846 1847 1848 <main id="main-content" role="main"> 1849 1850<div class="container"> 1851 <div class="flex lg:gap-24"> 1852 1853<aside class="relative hidden lg:block lg:w-1/4 py-5 lg:py-10"> 1854 <div class="absolute inset-y-0 right-0 left-[calc(-50vw+50%)] bg-beige -z-10"></div> 1855 <div class="flex flex-col gap-8"> 1856 <div class="flex flex-col gap-3 md:gap-5 font-medium pr-5"> 1857 <h3 class="text-lg md:text-2xl">Populære artikler</h3> 1858 1859 <ul class="flex flex-col gap-2"> 1860 <li class="py-2 px-5 border-l-2 border-white"> 1861 <a href="/haveblog/alle-blogindlaeg/stiklingeformering-saadan-tager-du-stiklinger" title="Stiklingeformering – sådan tager du stiklinger">Stiklingeformering – sådan tager du stiklinger</a> 1862 </li> 1863 </ul> 1864 </div> 1865 <div class="flex flex-col gap-3 md:gap-5 font-medium pr-5"> 1866 <h3 class="text-lg md:text-2xl">Seneste artikler</h3> 1867 1868 <ul class="flex flex-col gap-2"> 1869 <li class="py-2 px-5 border-l-2 border-white"> 1870 <a href="/haveblog/alle-blogindlaeg/alt-du-skal-vide-om-jord-til-haven-og-hoejbedet" title="Alt du skal vide om jord til haven og højbedet">Alt du skal vide om jord til haven og højbedet</a> 1871 </li> 1872 <li class="py-2 px-5 border-l-2 border-white"> 1873 <a href="/haveblog/alle-blogindlaeg/hoejbede-cortenstaal-den-store-guide-til-materialer-design-og-opsaetning" title="Højbede cortenstål: Den store guide til materialer, design og opsætning">Højbede cortenstål: Den store guide til materialer, design og opsætning</a> 1874 </li> 1875 <li class="py-2 px-5 border-l-2 border-white"> 1876 <a href="/haveblog/alle-blogindlaeg/skab-varme-stemning-og-hygge-i-haven-med-en-havepejs-i-cortenstaal" title="Skab varme, stemning og hygge i haven med en havepejs i cortenstål">Skab varme, stemning og hygge i haven med en havepejs i cortenstål</a> 1877 </li> 1878 <li class="py-2 px-5 border-l-2 border-white"> 1879 <a href="/haveblog/alle-blogindlaeg/tropisk-sommer-i-danmark-saadan-hjaelper-du-haven-og-blomsterne-gennem-hedeboelgen" title="Tropisk sommer i Danmark: Sådan hjælper du haven og blomsterne gennem hedebølgen">Tropisk sommer i Danmark: Sådan hjælper du haven og blomsterne gennem hedebølgen</a> 1880 </li> 1881 </ul> 1882 </div> 1883 <div class="flex flex-col gap-3 md:gap-5 font-medium pr-5"> 1884 <h3 class="text-lg md:text-2xl">Emner</h3> 1885 1886 <ul class="flex flex-col gap-2"> 1887 <li class="py-2 px-5 border-l-2 border-white"> 1888 <a href="/haveblog/alle-blogindlaeg" title="Alle blogindlæg">Alle blogindlæg</a> 1889 </li> 1890 </ul> 1891 </div> 1892 </div> 1893</aside> 1894 1895 <main class="lg:w-3/4"> 1896 <div class="flex flex-col gap-8 divide-y divide-gray-200 py-5 lg:py-10"> 1897 <div class="pb-8"> 1898 <div class="grid xl:grid-cols-2 2xl:grid-cols-3 relative group gap-8 xl:gap-20"> 1899 <div class="flex flex-col justify-center xl:order-2"> 1900 <picture> 1901 <source 1902 data-srcset="/media/fdhafrqi/skaermbillede-2026-04-21-kl-083735.jpg?width=160&height=90&format=webp&quality=80&v=1dcd17e4e77c9b0 160w, /media/fdhafrqi/skaermbillede-2026-04-21-kl-083735.jpg?width=320&height=180&format=webp&quality=80&v=1dcd17e4e77c9b0 320w, /media/fdhafrqi/skaermbillede-2026-04-21-kl-083735.jpg?width=480&height=270&format=webp&quality=80&v=1dcd17e4e77c9b0 480w, /media/fdhafrqi/skaermbillede-2026-04-21-kl-083735.jpg?width=640&height=360&format=webp&quality=80&v=1dcd17e4e77c9b0 640w, /media/fdhafrqi/skaermbillede-2026-04-21-kl-083735.jpg?width=800&height=450&format=webp&quality=80&v=1dcd17e4e77c9b0 800w, /media/fdhafrqi/skaermbillede-2026-04-21-kl-083735.jpg?width=960&height=540&format=webp&quality=80&v=1dcd17e4e77c9b0 960w, /media/fdhafrqi/skaermbillede-2026-04-21-kl-083735.jpg?width=1120&height=630&format=webp&quality=80&v=1dcd17e4e77c9b0 1120w, /media/fdhafrqi/skaermbillede-2026-04-21-kl-083735.jpg?width=1280&height=720&format=webp&quality=80&v=1dcd17e4e77c9b0 1280w, /media/fdhafrqi/skaermbillede-2026-04-21-kl-083735.jpg?width=1440&height=810&format=webp&quality=80&v=1dcd17e4e77c9b0 1440w, /media/fdhafrqi/skaermbillede-2026-04-21-kl-083735.jpg?width=1582&height=890&format=webp&quality=80&v=1dcd17e4e77c9b0 1582w" 1903 type="image/webp" 1904 sizes="0px" 1905 data-aspectratio="1.7778" 1906 data-sizes="auto" /> 1907 1908 <img data-src="/media/fdhafrqi/skaermbillede-2026-04-21-kl-083735.jpg?width=480&height=270&format=webp&quality=80&v=1dcd17e4e77c9b0" 1909 loading="lazy" 1910 src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0ODAgMjcwIj48L3N2Zz4=" 1911 class="lazyload rounded xl:rounded-md w-full" 1912 sizes="0px" 1913 data-sizes="auto" 1914 width="480" 1915 height="270" 1916 style="object-position: 50% 50%" /> 1917</picture> 1918 1919 </div> 1920 <div class="flex flex-col gap-5 lg:gap-6 2xl:col-span-2"> 1921 <div class="flex flex-col gap-4"> 1922 <div class="flex flex-col gap-1"> 1923 <p class="text-lg md:text-2xl font-medium text-balance">Alt du skal vide om jord til haven og højbedet</p> 1924 <div class="flex text-gray-500 text-sm">fredag den 11. september 2026 - Thea Poulsen</div> 1925 </div> 1926 <div class="prose"><p>Valget af jord er afgørende for, om dine planter trives. Plantetyper og placeringer stiller forskellige krav til dræn, ilt og næring, og én type muld passer sjældent til alt. Guiden her hjælper dig med at vælge den rette jord til dine kasser og bede, sÃ¥ du fÃ¥r det bedste resultat.</p></div> 1927 </div> 1928 <div class="flex"> 1929 <div class="rounded-md bg-black inline-block"> 1930 <a href="/haveblog/alle-blogindlaeg/alt-du-skal-vide-om-jord-til-haven-og-hoejbedet" title="Alt du skal vide om jord til haven og højbedet" class="bg-brand text-white hover:bg-brand/75 group flex w-full items-center justify-center gap-2.5 rounded-md px-8 py-4 font-semibold transition-all hover:shadow-md max-md:text-sm">
1931 <span class="absolute inset-0"></span> 1932 <span>Læs mere</span> 1933 <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" src="/img/icons/arrow-right.svg" class="duration-300 transform group-hover:translate-x-1 size-6 svg-img-icons-arrow-right-svg-v-666c6cb2a06bca8f4141e215ac863667798b0714a761b7d9ecd1b20f6d2ed02b27499" aria-hidden="true"><path d="M3.75 12h16.5M13.5 5.25L20.25 12l-6.75 6.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> 1934 </a> 1935 </div> 1936 </div> 1937 </div> 1938 </div> 1939 </div> 1940 <div class="pb-8"> 1941 <div class="grid xl:grid-cols-2 2xl:grid-cols-3 relative group gap-8 xl:gap-20"> 1942 <div class="flex flex-col justify-center xl:order-2"> 1943 <picture> 1944 <source 1945 data-srcset="/media/uzhc3qhq/15.jpg?width=160&height=90&format=webp&quality=80&v=1dd390f4ca000f0 160w, /media/uzhc3qhq/15.jpg?width=320&height=180&format=webp&quality=80&v=1dd390f4ca000f0 320w, /media/uzhc3qhq/15.jpg?width=480&height=270&format=webp&quality=80&v=1dd390f4ca000f0 480w, /media/uzhc3qhq/15.jpg?width=640&height=360&format=webp&quality=80&v=1dd390f4ca000f0 640w, /media/uzhc3qhq/15.jpg?width=800&height=450&format=webp&quality=80&v=1dd390f4ca000f0 800w, /media/uzhc3qhq/15.jpg?width=960&height=540&format=webp&quality=80&v=1dd390f4ca000f0 960w, /media/uzhc3qhq/15.jpg?width=1080&height=608&format=webp&quality=80&v=1dd390f4ca000f0 1080w" 1946 type="image/webp" 1947 sizes="0px" 1948 data-aspectratio="1.7778" 1949 data-sizes="auto" /> 1950 1951 <img data-src="/media/uzhc3qhq/15.jpg?width=480&height=270&format=webp&quality=80&v=1dd390f4ca000f0" 1952 loading="lazy" 1953 src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0ODAgMjcwIj48L3N2Zz4=" 1954 class="lazyload rounded xl:rounded-md w-full" 1955 sizes="0px" 1956 data-sizes="auto" 1957 width="480" 1958 height="270" 1959 style="object-position: 50% 50%" /> 1960</picture> 1961 1962 </div> 1963 <div class="flex flex-col gap-5 lg:gap-6 2xl:col-span-2"> 1964 <div class="flex flex-col gap-4"> 1965 <div class="flex flex-col gap-1"> 1966 <p class="text-lg md:text-2xl font-medium text-balance">Højbede cortenstål: Den store guide til materialer, design og opsætning</p> 1967 <div class="flex text-gray-500 text-sm">mandag den 31. august 2026 - Thea Poulsen</div> 1968 </div> 1969 <div class="prose"><p>CortenstÃ¥l udvikler en beskyttende rustpatina, der forlænger levetiden markant sammenlignet med almindeligt jern. Et højbed i 3 mm cortenstÃ¥l kan modstÃ¥ det danske vejr i Ã¥rtier uden at gennemtære. Denne guide gennemgÃ¥r alt fra godstykkelse og kantdesign til dræn og priser, sÃ¥ du kan vælge den rette løsning til din have eller dit erhvervsprojekt.</p></div> 1970 </div> 1971 <div class="flex"> 1972 <div class="rounded-md bg-black inline-block"> 1973 <a href="/haveblog/alle-blogindlaeg/hoejbede-cortenstaal-den-store-guide-til-materialer-design-og-opsaetning" title="Højbede cortenstål: Den store guide til materialer, design og opsætning" class="bg-brand text-white hover:bg-brand/75 group flex w-full items-center justify-center gap-2.5 rounded-md px-8 py-4 font-semibold transition-all hover:shadow-md max-md:text-sm">
1974 <span class="absolute inset-0"></span> 1975 <span>Læs mere</span> 1976 <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" src="/img/icons/arrow-right.svg" class="duration-300 transform group-hover:translate-x-1 size-6 svg-img-icons-arrow-right-svg-v-666c6cb2a06bca8f4141e215ac863667798b0714a761b7d9ecd1b20f6d2ed02b27499" aria-hidden="true"><path d="M3.75 12h16.5M13.5 5.25L20.25 12l-6.75 6.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> 1977 </a> 1978 </div> 1979 </div> 1980 </div> 1981 </div> 1982 </div> 1983 <div class="pb-8"> 1984 <div class="grid xl:grid-cols-2 2xl:grid-cols-3 relative group gap-8 xl:gap-20"> 1985 <div class="flex flex-col justify-center xl:order-2"> 1986 <picture> 1987 <source 1988 data-srcset="/media/uw5kx2hf/skaermbillede-2026-05-12-kl-091002.jpg?width=160&height=90&format=webp&quality=80&v=1dce1de5d152b50 160w, /media/uw5kx2hf/skaermbillede-2026-05-12-kl-091002.jpg?width=320&height=180&format=webp&quality=80&v=1dce1de5d152b50 320w, /media/uw5kx2hf/skaermbillede-2026-05-12-kl-091002.jpg?width=480&height=270&format=webp&quality=80&v=1dce1de5d152b50 480w, /media/uw5kx2hf/skaermbillede-2026-05-12-kl-091002.jpg?width=640&height=360&format=webp&quality=80&v=1dce1de5d152b50 640w, /media/uw5kx2hf/skaermbillede-2026-05-12-kl-091002.jpg?width=800&height=450&format=webp&quality=80&v=1dce1de5d152b50 800w, /media/uw5kx2hf/skaermbillede-2026-05-12-kl-091002.jpg?width=960&height=540&format=webp&quality=80&v=1dce1de5d152b50 960w, /media/uw5kx2hf/skaermbillede-2026-05-12-kl-091002.jpg?width=1120&height=630&format=webp&quality=80&v=1dce1de5d152b50 1120w, /media/uw5kx2hf/skaermbillede-2026-05-12-kl-091002.jpg?width=1280&height=720&format=webp&quality=80&v=1dce1de5d152b50 1280w, /media/uw5kx2hf/skaermbillede-2026-05-12-kl-091002.jpg?width=1440&height=810&format=webp&quality=80&v=1dce1de5d152b50 1440w, /media/uw5kx2hf/skaermbillede-2026-05-12-kl-091002.jpg?width=1600&height=900&format=webp&quality=80&v=1dce1de5d152b50 1600w, /media/uw5kx2hf/skaermbillede-2026-05-12-kl-091002.jpg?width=1760&height=990&format=webp&quality=80&v=1dce1de5d152b50 1760w, /media/uw5kx2hf/skaermbillede-2026-05-12-kl-091002.jpg?width=1772&height=997&format=webp&quality=80&v=1dce1de5d152b50 1772w" 1989 type="image/webp" 1990 sizes="0px" 1991 data-aspectratio="1.7778" 1992 data-sizes="auto" /> 1993 1994 <img data-src="/media/uw5kx2hf/skaermbillede-2026-05-12-kl-091002.jpg?width=480&height=270&format=webp&quality=80&v=1dce1de5d152b50" 1995 loading="lazy" 1996 src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0ODAgMjcwIj48L3N2Zz4=" 1997 class="lazyload rounded xl:rounded-md w-full" 1998 sizes="0px" 1999 data-sizes="auto" 2000 width="480" 2001 height="270" 2002 style="object-position: 50% 50%" /> 2003</picture> 2004 2005 </div> 2006 <div class="flex flex-col gap-5 lg:gap-6 2xl:col-span-2"> 2007 <div class="flex flex-col gap-4"> 2008 <div class="flex flex-col gap-1"> 2009 <p class="text-lg md:text-2xl font-medium text-balance">Skab varme, stemning og hygge i haven med en havepejs i cortenstål</p> 2010 <div class="flex text-gray-500 text-sm">torsdag den 30. juli 2026 - Thea Poulsen</div> 2011 </div> 2012 <div class="prose"><p>Med en havepejs i kraftigt cortenstÃ¥l fÃ¥r du ikke alene en effektiv varmekilde, men ogsÃ¥ et æstetisk element i havedesignet, der kun bliver smukkere med Ã¥rene. I dette indlæg guider vi dig til, hvorfor cortenstÃ¥l er det oplagte valg til haven. </p></div> 2013 </div> 2014 <div class="flex"> 2015 <div class="rounded-md bg-black inline-block"> 2016 <a href="/haveblog/alle-blogindlaeg/skab-varme-stemning-og-hygge-i-haven-med-en-havepejs-i-cortenstaal" title="Skab varme, stemning og hygge i haven med en havepejs i cortenstål" class="bg-brand text-white hover:bg-brand/75 group flex w-full items-center justify-center gap-2.5 rounded-md px-8 py-4 font-semibold transition-all hover:shadow-md max-md:text-sm">
2017 <span class="absolute inset-0"></span> 2018 <span>Læs mere</span> 2019 <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" src="/img/icons/arrow-right.svg" class="duration-300 transform group-hover:translate-x-1 size-6 svg-img-icons-arrow-right-svg-v-666c6cb2a06bca8f4141e215ac863667798b0714a761b7d9ecd1b20f6d2ed02b27499" aria-hidden="true"><path d="M3.75 12h16.5M13.5 5.25L20.25 12l-6.75 6.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> 2020 </a> 2021 </div> 2022 </div> 2023 </div> 2024 </div> 2025 </div> 2026 </div> 2027 </main> 2028 </div> 2029</div> 2030 </main> 2031 2032 2033 2034 2035 <footer class="text-footer-text bg-footer-bg"> 2036 2037 <section class="container pb-8 lg:pb-10 pt-12 lg:pt-16"> 2038 <div class="flex flex-col lg:flex-row md:justify-between gap-15 lg:gap-10"> 2039 <div class="flex flex-col gap-6 max-w-82 w-full"> 2040 <div class="flex flex-col gap-4"> 2041 <div>Hos LandHave har vi specialiseret os i højbede og plantekasser, der rummer alt det grønne, som vi elsker. </div> 2042 <ul class="flex xl:hidden gap-4 text-brand"> 2043 <li> 2044 <a href="https://www.facebook.com/LandHave/?locale=da_DK" target="_blank" title="Facebook"> 2045 <svg viewbox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" src="/img/icons/some/facebook.svg" class="size-6 svg-img-icons-some-facebook-svg-v-82047a1453545d6ef487006333ceafcd8b70bde7c1fd4a2b24d9c0cfde16a45222157"> 2046 <path fill-rule="evenodd" clip-rule="evenodd" d="M20 10C20 4.477 15.523 0 10 0C4.477 0 0 4.477 0 10C0 14.991 3.657 19.128 8.438 19.878V12.891H5.898V10H8.438V7.797C8.438 5.291 9.93 3.907 12.215 3.907C13.309 3.907 14.453 4.102 14.453 4.102V6.562H13.193C11.95 6.562 11.563 7.333 11.563 8.124V10H14.336L13.893 12.89H11.563V19.878C16.343 19.128 20 14.991 20 10Z"></path> 2047</svg> 2048 </a> 2049 </li> 2050 <li> 2051 <a href="https://www.instagram.com/landhave" target="_blank" title="Instagram"> 2052 <svg viewbox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" src="/img/icons/some/instagram.svg" class="size-6 svg-img-icons-some-instagram-svg-v-82047a1453545d6ef487006333ceafcd8b70bde7c1fd4a2b24d9c0cfde16a45225188"> 2053 <path fill-rule="evenodd" clip-rule="evenodd" d="M10.315 0C12.745 0 13.099 0.0129999 14.123 0.0599999C15.187 0.109 15.914 0.278 16.55 0.525C17.2175 0.775874 17.8222 1.16936 18.322 1.678C18.8306 2.17777 19.2241 2.7825 19.475 3.45C19.722 4.086 19.891 4.813 19.94 5.877C19.988 6.944 20 7.284 20 10V10.08C20 12.723 19.988 13.067 19.94 14.123C19.891 15.187 19.722 15.914 19.475 16.55C19.2241 17.2175 18.8306 17.8222 18.322 18.322C17.8222 18.8306 17.2175 19.2241 16.55 19.475C15.914 19.722 15.187 19.891 14.123 19.94C13.056 19.988 12.716 20 10 20H9.92C7.277 20 6.933 19.988 5.877 19.94C4.813 19.891 4.086 19.722 3.45 19.475C2.7825 19.2241 2.17777 18.8306 1.678 18.322C1.16936 17.8222 0.775874 17.2175 0.525 16.55C0.278 15.914 0.109 15.187 0.0599999 14.123C0.0129999 13.099 0 12.744 0 10.315V9.685C0 7.255 0.0129999 6.901 0.0599999 5.877C0.109 4.813 0.278 4.086 0.525 3.45C0.775874 2.7825 1.16936 2.17777 1.678 1.678C2.17777 1.16936 2.7825 0.775874 3.45 0.525C4.086 0.278 4.813 0.109 5.877 0.0599999C6.901 0.0129999 7.256 0 9.685 0H10.315ZM10.234 1.802H9.766C7.31 1.802 6.982 1.813 5.959 1.86C4.984 1.905 4.455 2.067 4.102 2.204C3.635 2.386 3.302 2.602 2.952 2.952C2.602 3.302 2.386 3.635 2.204 4.102C2.067 4.455 1.904 4.984 1.86 5.959C1.813 6.982 1.802 7.31 1.802 9.766V10.234C1.802 12.69 1.813 13.018 1.86 14.041C1.905 15.016 2.067 15.545 2.204 15.898C2.386 16.364 2.603 16.698 2.952 17.048C3.302 17.398 3.635 17.614 4.102 17.796C4.455 17.933 4.984 18.096 5.959 18.14C7.013 18.188 7.329 18.198 10 18.198H10.08C12.677 18.198 12.997 18.188 14.04 18.14C15.016 18.095 15.545 17.933 15.898 17.796C16.364 17.614 16.698 17.398 17.048 17.048C17.398 16.698 17.614 16.365 17.796 15.898C17.933 15.545 18.096 15.016 18.14 14.041C18.188 12.986 18.198 12.671 18.198 10V9.92C18.198 7.323 18.188 7.003 18.14 5.96C18.095 4.984 17.933 4.455 17.796 4.102C17.6358 3.66757 17.3802 3.274
20536 17.048 2.952C16.7254 2.61986 16.3324 2.36426 15.898 2.204C15.545 2.067 15.016 1.904 14.041 1.86C13.018 1.813 12.69 1.802 10.234 1.802ZM10 4.865C10.6743 4.865 11.3421 4.99782 11.9651 5.25588C12.5881 5.51394 13.1542 5.89218 13.631 6.36901C14.1078 6.84584 14.4861 7.41191 14.7441 8.03492C15.0022 8.65793 15.135 9.32566 15.135 10C15.135 10.6743 15.0022 11.3421 14.7441 11.9651C14.4861 12.5881 14.1078 13.1542 13.631 13.631C13.1542 14.1078 12.5881 14.4861 11.9651 14.7441C11.3421 15.0022 10.6743 15.135 10 15.135C8.63811 15.135 7.33201 14.594 6.36901 13.631C5.40601 12.668 4.865 11.3619 4.865 10C4.865 8.63811 5.40601 7.33201 6.36901 6.36901C7.33201 5.40601 8.63811 4.865 10 4.865ZM10 6.667C9.11603 6.667 8.26827 7.01815 7.64321 7.64321C7.01815 8.26827 6.667 9.11603 6.667 10C6.667 10.884 7.01815 11.7317 7.64321 12.3568C8.26827 12.9818 9.11603 13.333 10 13.333C10.884 13.333 11.7317 12.9818 12.3568 12.3568C12.9818 11.7317 13.333 10.884 13.333 10C13.333 9.11603 12.9818 8.26827 12.3568 7.64321C11.7317 7.01815 10.884 6.667 10 6.667ZM15.338 3.462C15.6563 3.462 15.9615 3.58843 16.1865 3.81347C16.4116 4.03852 16.538 4.34374 16.538 4.662C16.538 4.98026 16.4116 5.28548 16.1865 5.51053C15.9615 5.73557 15.6563 5.862 15.338 5.862C15.0197 5.862 14.7145 5.73557 14.4895 5.51053C14.2644 5.28548 14.138 4.98026 14.138 4.662C14.138 4.34374 14.2644 4.03852 14.4895 3.81347C14.7145 3.58843 15.0197 3.462 15.338 3.462Z"></path> 2054</svg> 2055 </a> 2056 </li> 2057 <li> 2058 <a href="https://www.pinterest.dk/landhave/" target="_blank" title="Pinterest"> 2059 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 20 20" src="/img/icons/some/pinterest.svg" class="size-6 svg-img-icons-some-pinterest-svg-v-82047a1453545d6ef487006333ceafcd8b70bde7c1fd4a2b24d9c0cfde16a45231249"><g clip-path="url(#a)"><path fill="currentColor" d="M0 10a10 10 0 1 1 6.112 9.216l2.548-5.823a3.44 3.44 0 0 0 2.673 1.274A4.667 4.667 0 0 0 16 10v-.667A5.333 5.333 0 0 0 10.667 4H9.333A5.333 5.333 0 0 0 4 9.333V10c0 1.195.45 2.287 1.188 3.11l.993-.887A3.319 3.319 0 0 1 5.333 10v-.667a4 4 0 0 1 4-4h1.334a4 4 0 0 1 4 4V10a3.333 3.333 0 0 1-3.334 3.333 2.106 2.106 0 0 1-2-1.441l-.006-.021 1.284-2.938L9.389 8.4 4.92 18.613A9.994 9.994 0 0 1 0 10Z"></path></g></svg> 2060 </a> 2061 </li> 2062 </ul> 2063 </div> 2064 <div class="hidden lg:flex flex-col gap-4 text-md"> 2065 <div class="flex flex-col gap-1.5"> 2066 <p class="font-medium text-footer-headline">BG Byggros A/S, Landhave.dk</p> 2067 <p>Østbirkvej 2, DK5240 Odense NØ</p> 2068 <p>CVR: 27556183</p> 2069 </div> 2070 <div class="flex flex-col gap-1.5 font-medium text-footer-headline"> 2071 <div> 2072 <a href="mailto:[email protected]" title="[email protected]">[email protected]</a> 2073 </div> 2074 <div> 2075 <a href="tel:+45 6311 2400" title="+45 6311 2400">+45 6311 2400</a> 2076 </div> 2077 </div> 2078 </div> 2079 </div> 2080 <div class="flex flex-wrap md:flex-row gap-x-15 gap-y-8 text-footer-links"> 2081 <div class="flex flex-col gap-5"> 2082 <p class="font-medium">Kundeservice</p> 2083 <ul class="flex flex-col gap-2 md:gap-3"> 2084 <li> 2085 <a href="/handelsbetingelser" title="Handelsbetingelser" class="transition-colors hover:text-footer-links/50">Handelsbetingelser</a> 2086 </li> 2087 <li> 2088 <a href="/returblanket" title="Returblanket" class="transition-colors hover:text-footer-links/50">Returblanket</a> 2089 </li> 2090 <li> 2091 <a href="/erhvervs-side" title="Erhverv" class="transition-colors hover:text-footer-links/50">Erhverv</a> 2092 </li> 2093 <li> 2094 <a href="/kontakt-os" title="Kontakt os" class="transition-colors hover:text-footer-links/50">Kontakt os</a> 2095 </li> 2096 <li> 2097 <a href="/vejledninger" title="Vejledninger" class="transition-colors hover:text-footer-links/50">Vejledninger</a> 2098 </li> 2099 <li> 2100 <a href="/ofte-stillede-spoergsmaal" title="Ofte stillede spørgsmål" class="transition-colors hover:text-footer-links/50">Ofte stillede spørgsmål</a> 2101 </li> 2102 </ul> 2103 </div> 2104 <div class="flex flex-col gap-5"> 2105 <p class="font-medium">Produkter</p> 2106 <ul class="flex flex-col gap-2 md:gap-3"> 2107 <li> 2108 <a href="https://www.landhave.dk/hoejbede" title="Højbede" class="transition-colors hover:text-footer-links/50">Højbede</a> 2109 </li> 2110 <li> 2111 <a href="https://www.landhave.dk/plantekasser" title="Plantekasser" class="transition-colors hover:text-footer-links/50">
2111Plantekasser</a> 2112 </li> 2113 <li> 2114 <a href="https://www.landhave.dk/baalfade" title="Bålfade" class="transition-colors hover:text-footer-links/50">Bålfade</a> 2115 </li> 2116 <li> 2117 <a href="https://www.landhave.dk/espalier" title="Espalier" class="transition-colors hover:text-footer-links/50">Espalier</a> 2118 </li> 2119 <li> 2120 <a href="https://www.landhave.dk/sedumtag" title="Sedumtag" class="transition-colors hover:text-footer-links/50">Sedumtag</a> 2121 </li> 2122 <li> 2123 <a href="https://www.landhave.dk/graesarmering" title="Græsarmering" class="transition-colors hover:text-footer-links/50">Græsarmering</a> 2124 </li> 2125 </ul> 2126 </div> 2127 <div class="flex flex-col gap-5"> 2128 <p class="font-medium">Genveje </p> 2129 <ul class="flex flex-col gap-2 md:gap-3"> 2130 <li> 2131 <a href="/om-os" title="Om os" class="transition-colors hover:text-footer-links/50">Om os</a> 2132 </li> 2133 <li> 2134 <a href="/haveblog" title="Haveblog" class="transition-colors hover:text-footer-links/50">Haveblog</a> 2135 </li> 2136 <li> 2137 <a href="/inspiration" title="Inspiration" class="transition-colors hover:text-footer-links/50">Inspiration</a> 2138 </li> 2139 </ul> 2140 </div> 2141 </div> 2142 </div> 2143 </section> 2144</footer> 2145<footer> 2146 <section class="container mb-8 lg:mb-10 "> 2147 <div class="flex xl:justify-between pt-8 lg:pt-10 border-t border-footer-border"> 2148 <ul class="hidden xl:flex gap-4 text-brand"> 2149 <li> 2150 <a href="https://www.facebook.com/LandHave/?locale=da_DK" target="_blank" title="Facebook"> 2151 <svg viewbox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" src="/img/icons/some/facebook.svg" class="size-6 svg-img-icons-some-facebook-svg-v-82047a1453545d6ef487006333ceafcd8b70bde7c1fd4a2b24d9c0cfde16a45222157"> 2152 <path fill-rule="evenodd" clip-rule="evenodd" d="M20 10C20 4.477 15.523 0 10 0C4.477 0 0 4.477 0 10C0 14.991 3.657 19.128 8.438 19.878V12.891H5.898V10H8.438V7.797C8.438 5.291 9.93 3.907 12.215 3.907C13.309 3.907 14.453 4.102 14.453 4.102V6.562H13.193C11.95 6.562 11.563 7.333 11.563 8.124V10H14.336L13.893 12.89H11.563V19.878C16.343 19.128 20 14.991 20 10Z"></path> 2153</svg> 2154 </a> 2155 </li> 2156 <li> 2157 <a href="https://www.instagram.com/landhave" target="_blank" title="Instagram"> 2158 <svg viewbox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" src="/img/icons/some/instagram.svg" class="size-6 svg-img-icons-some-instagram-svg-v-82047a1453545d6ef487006333ceafcd8b70bde7c1fd4a2b24d9c0cfde16a45225188"> 2159 <path fill-rule="evenodd" clip-rule="evenodd" d="M10.315 0C12.745 0 13.099 0.0129999 14.123 0.0599999C15.187 0.109 15.914 0.278 16.55 0.525C17.2175 0.775874 17.8222 1.16936 18.322 1.678C18.8306 2.17777 19.2241 2.7825 19.475 3.45C19.722 4.086 19.891 4.813 19.94 5.877C19.988 6.944 20 7.284 20 10V10.08C20 12.723 19.988 13.067 19.94 14.123C19.891 15.187 19.722
215915.914 19.475 16.55C19.2241 17.2175 18.8306 17.8222 18.322 18.322C17.8222 18.8306 17.2175 19.2241 16.55 19.475C15.914 19.722 15.187 19.891 14.123 19.94C13.056 19.988 12.716 20 10 20H9.92C7.277 20 6.933 19.988 5.877 19.94C4.813 19.891 4.086 19.722 3.45 19.475C2.7825 19.2241 2.17777 18.8306 1.678 18.322C1.16936 17.8222 0.775874 17.2175 0.525 16.55C0.278 15.914 0.109 15.187 0.0599999 14.123C0.0129999 13.099 0 12.744 0 10.315V9.685C0 7.255 0.0129999 6.901 0.0599999 5.877C0.109 4.813 0.278 4.086 0.525 3.45C0.775874 2.7825 1.16936 2.17777 1.678 1.678C2.17777 1.16936 2.7825 0.775874 3.45 0.525C4.086 0.278 4.813 0.109 5.877 0.0599999C6.901 0.0129999 7.256 0 9.685 0H10.315ZM10.234 1.802H9.766C7.31 1.802 6.982 1.813 5.959 1.86C4.984 1.905 4.455 2.067 4.102 2.204C3.635 2.386 3.302 2.602 2.952 2.952C2.602 3.302 2.386 3.635 2.204 4.102C2.067 4.455 1.904 4.984 1.86 5.959C1.813 6.982 1.802 7.31 1.802 9.766V10.234C1.802 12.69 1.813 13.018 1.86 14.041C1.905 15.016 2.067 15.545 2.204 15.898C2.386 16.364 2.603 16.698 2.952 17.048C3.302 17.398 3.635 17.614 4.102 17.796C4.455 17.933 4.984 18.096 5.959 18.14C7.013 18.188 7.329 18.198 10 18.198H10.08C12.677 18.198 12.997 18.188 14.04 18.14C15.016 18.095 15.545 17.933 15.898 17.796C16.364 17.614 16.698 17.398 17.048 17.048C17.398 16.698 17.614 16.365 17.796 15.898C17.933 15.545 18.096 15.016 18.14 14.041C18.188 12.986 18.198 12.671 18.198 10V9.92C18.198 7.323 18.188 7.003 18.14 5.96C18.095 4.984 17.933 4.455 17.796 4.102C17.6358 3.66757 17.3802 3.2746 17.048 2.952C16.7254 2.61986 16.3324 2.36426 15.898 2.204C15.545 2.067 15.016 1.904 14.041 1.86C13.018 1.813 12.69 1.802 10.234 1.802ZM10 4.865C10.6743 4.865 11.3421 4.99782 11.9651 5.25588C12.5881 5.51394 13.1542 5.89218 13.631 6.36901C14.1078 6.84584 14.4861 7.41191 14.7441 8.03492C15.0022 8.65793 15.135 9.32566 15.135 10C15.135 10.6743 15.0022 11.3421 14.7441 11.9651C14.4861 12.5881 14.1078 13.1542 13.631 13.631C13.1542 14.1078 12.5881 14.4861 11.9651 14.7441C11.3421 15.0022 10.6743 15.135 10 15.135C8.63811 15.135 7.33201 14.594 6.36901 13.631C5.40601 12.668 4.865 11.3619 4.865 10C4.865 8.63811 5.40601 7.33201 6.36901 6.36901C7.33201 5.40601 8.63811 4.865 10 4.865ZM10 6.667C9.11603 6.667 8.26827 7.01815 7.64321 7.64321C7.01815 8.26827 6.667 9.11603 6.667 10C6.667 10.884 7.01815 11.7317 7.64321 12.3568C8.26827 12.9818 9.11603 13.333 10 13.333C10.884 13.333 11.7317 12.9818 12.3568 12.3568C12.9818 11.7317 13.333 10.884 13.333 10C13.333 9.11603 12.9818 8.26827 12.3568 7.64321C11.7317 7.01815 10.884 6.667 10 6.667ZM15.338 3.462C15.6563 3.462 15.9615 3.58843 16.1865 3.81347C16.4116 4.03852 16.538 4.34374 16.538 4.662C16.538 4.98026 16.4116 5.28548 16.1865 5.51053C15.9615 5.73557 15.6563 5.862 15.338 5.862C15.0197 5.862 14.7145 5.73557 14.4895 5.51053C14.2644 5.28548 14.138 4.98026 14.138 4.662C14.138 4.34374 14.2644 4.03852 14.4895 3.81347C14.7145 3.58843 15.0197 3.462 15.338 3.462Z"></path> 2160</svg> 2161 </a> 2162 </li> 2163 <li> 2164 <a href="https://www.pinterest.dk/landhave/" target="_blank" title="Pinterest"> 2165 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 20 20" src="/img/icons/some/pinterest.svg" class="size-6 svg-img-icons-some-pinterest-svg-v-82047a1453545d6ef487006333ceafcd8b70bde7c1fd4a2b24d9c0cfde16a45231249"><g clip-path="url(#a)"><path fill="currentColor" d="M0 10a10 10 0 1 1 6.112 9.216l2.548-5.823a3.44 3.44 0 0 0 2.673 1.274A4.667 4.667 0 0 0 16 10v-.667A5.333 5.333 0 0 0 10.667 4H9.333A5.333 5.333 0 0 0 4 9.333V10c0 1.195.45 2.287 1.188 3.11l.993-.887A3.319 3.319 0 0 1 5.333 10v-.667a4 4 0 0 1 4-4h1.334a4 4 0 0 1 4 4V10a3.333 3.333 0 0 1-3.334 3.333 2.106 2.106 0 0 1-2-1.441l-.006-.021 1.284-2.938L9.389 8.4 4.92 18.613A9.994 9.994 0 0 1 0 10Z"></path></g></svg> 2166 </a> 2167 </li> 2168 </ul> 2169 <ul class="flex flex-wrap flex-col lg:flex-row gap-x-8 gap-y-2 text-md font-medium"> 2170 <li> 2171 <a href="/media/p3fjjk5k/handelsbetingelser-landhave.pdf" title="Handelsbetingelser">Handelsbetingelser</a> 2172 </li> 2173 <li> 2174 <a href="/databeskyttelseserklaering" title="Databeskyttelseserklæring">Databeskyttelseserklæring</a> 2175 </li> 2176 </ul> 2177 </div> 2178 <div class="flex lg:hidden flex-col gap-4 text-md border-t border-footer-border"> 2179 <div class="flex flex-col gap-1.5"> 2180 <p class="font-medium">BG Byggros A/S, Landhave.dk</p> 2181 <p>Østbirkvej 2, DK5240 Odense NØ</p> 2182 <p>CVR: 27556183</p> 2183 </div> 2184 <div class="flex flex-col gap-1.5 font-medium"> 2185 <div> 2186 <a href="mailto:[email protected]" title="[email protected]">[email protected]</a> 2187 </div> 2188 <div> 2189 <a href="tel:+45 6311 2400" title="+45 6311 2400">+45 6311 2400</a> 2190 </div> 2191 </div> 2192 </div> 2193 </section> 2194</footer> 2195 2196 2197 2198 2199 2200</body> 2201</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.