PageSourceSearch

https://www.landhave.dk/haveblog

html landhave.dk collected 2026-09-26 15:07:06 UTC 188,503 bytes, 2,201 lines download raw bytes

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&#xF8;jbede, plantekasser og haveliv </title>
11<meta name="description" content="F&#xE5; inspiration og guides til haven &#x2013; fra h&#xF8;jbede og plantekasser til dyrkning, design og s&#xE6;sonens havearbejde. Skab din gr&#xF8;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&#xF8;jbede, plantekasser og haveliv " />
33    <meta property="og:description" content="F&#xE5; inspiration og guides til haven &#x2013; fra h&#xF8;jbede og plantekasser til dyrkning, design og s&#xE6;sonens havearbejde. Skab din gr&#xF8;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&#xF8;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&#xF8;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&#xE6;re s&#xF8;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&#xE6;re s&#xF8;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&#xE6;re s&#xF8;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, '&amp;')
399					.replace(/</g, '&lt;')
400					.replace(/>/g, '&gt;')
401					.replace(/"/g, '&quot;')
402					.replace(/'/g, '&#39;');
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&#xF8;bte ogs&#xE5;</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&#xF8;till&#xE6;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&#xE5; 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&#xE5; 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&#xE5; til indk&#xF8;bskurven" class="rounded-sm px-2 text-center font-semibold text-sm/6">G&#xE5; til indk&#xF8;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&#xF8;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&#xF8;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&#xE6;re s&#xF8;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&#xE6;re s&#xF8;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&#xE6;re s&#xF8;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, '&amp;')
1212					.replace(/</g, '&lt;')
1213					.replace(/>/g, '&gt;')
1214					.replace(/"/g, '&quot;')
1215					.replace(/'/g, '&#39;');
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&#xF8;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&#xF8;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&#xE5;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&#xE5;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&#xF8;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&#xF8;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&#xE6;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&#xE6;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&#xF8;jbede" class="text-center text-xs font-medium">
1599                <span class="absolute inset-0"></span>
1600                <span class="whitespace-nowrap">H&#xF8;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&#xE5;lfade" class="text-center text-xs font-medium">
1617                <span class="absolute inset-0"></span>
1618                <span class="whitespace-nowrap">B&#xE5;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&#xF8;r" class="text-center text-xs font-medium">
1644                <span class="absolute inset-0"></span>
1645                <span class="whitespace-nowrap">Tilbeh&#xF8;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&#xE6;sarmering" class="text-center text-xs font-medium">
1797                <span class="absolute inset-0"></span>
1798                <span class="whitespace-nowrap">Gr&#xE6;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&#xE6;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 &#x2013; s&#xE5;dan tager du stiklinger">Stiklingeformering &#x2013; s&#xE5;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&#xF8;jbedet">Alt du skal vide om jord til haven og h&#xF8;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&#xF8;jbede cortenst&#xE5;l: Den store guide til materialer, design og ops&#xE6;tning">H&#xF8;jbede cortenst&#xE5;l: Den store guide til materialer, design og ops&#xE6;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&#xE5;l">Skab varme, stemning og hygge i haven med en havepejs i cortenst&#xE5;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&#xE5;dan hj&#xE6;lper du haven og blomsterne gennem hedeb&#xF8;lgen">Tropisk sommer i Danmark: S&#xE5;dan hj&#xE6;lper du haven og blomsterne gennem hedeb&#xF8;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&#xE6;g">Alle blogindl&#xE6;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&#xF8;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&#xF8;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&#xE6;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&#xF8;jbede cortenst&#xE5;l: Den store guide til materialer, design og ops&#xE6;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&#xF8;jbede cortenst&#xE5;l: Den store guide til materialer, design og ops&#xE6;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&#xE6;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&#xE5;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.&nbsp;</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&#xE5;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&#xE6;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&#xF8;jbede og plantekasser, der rummer alt det gr&#xF8;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>&#xD8;stbirkvej 2,  DK5240 Odense N&#xD8;</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:&#x2B;45 6311 2400" title="&#x2B;45 6311 2400">&#x2B;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&#xF8;rgsm&#xE5;l" class="transition-colors hover:text-footer-links/50">Ofte stillede sp&#xF8;rgsm&#xE5;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&#xF8;jbede" class="transition-colors hover:text-footer-links/50">H&#xF8;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&#xE5;lfade" class="transition-colors hover:text-footer-links/50">B&#xE5;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&#xE6;sarmering" class="transition-colors hover:text-footer-links/50">Gr&#xE6;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&#xE6;ring">Databeskyttelseserkl&#xE6;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>&#xD8;stbirkvej 2,  DK5240 Odense N&#xD8;</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:&#x2B;45 6311 2400" title="&#x2B;45 6311 2400">&#x2B;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.