PageSourceSearch

https://www.holz-bauplan.de/products/gartenhaus-1?variant=56160995279234

html holz-bauplan.de collected 2026-10-07 21:35:09 UTC 246,569 bytes, 5,780 lines download raw bytes

1<!doctype html>
2<html
3  class="no-js"
4  lang="de"
5>
6  <head><link
7        rel="icon"
8        type="image/png"
9        href="//www.holz-bauplan.de/cdn/shop/files/favicon-16x16.png?crop=center&height=32&v=1771855927&width=32"
10      >
11    <link
12      rel="expect"
13      href="#MainContent"
14      blocking="render"
15      id="view-transition-render-blocker"
16    ><meta charset="utf-8">
17<meta
18  http-equiv="X-UA-Compatible"
19  content="IE=edge"
20>
21<meta
22  name="viewport"
23  content="width=device-width,initial-scale=1"
24>
25<meta
26  name="view-transition"
27  content="same-origin"
28>
29<meta
30  name="theme-color"
31  content=""
32>
33
34<meta
35  property="og:site_name"
36  content="holz-bauplan.de"
37>
38<meta
39  property="og:url"
40  content="https://www.holz-bauplan.de/products/gartenhaus-1"
41>
42<meta
43  property="og:title"
44  content="Bauplan Gartenhaus 1"
45>
46<meta
47  property="og:type"
48  content="product"
49>
50<meta
51  property="og:description"
52  content="Gartenhaus 1 im Fachwerkstiel ist 3,5m breit, 3,5m hoch und benötigt 2,39 m³ Holz. Das Gartenhaus ist das perfekte Zuhause für Ihre Gartengeräte."
53><meta
54    property="og:image"
55    content="http://www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800"
56  >
57  <meta
58    property="og:image:secure_url"
59    content="https://www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800"
60  >
61  <meta
62    property="og:image:width"
63    content="2048"
64  >
65  <meta
66    property="og:image:height"
67    content="2048"
68  ><meta
69    property="og:price:amount"
70    content="29,99"
71  >
72  <meta
73    property="og:price:currency"
74    content="EUR"
75  ><meta
76  name="twitter:card"
77  content="summary_large_image"
78>
79<meta
80  name="twitter:title"
81  content="Bauplan Gartenhaus 1"
82>
83<meta
84  name="twitter:description"
85  content="Gartenhaus 1 im Fachwerkstiel ist 3,5m breit, 3,5m hoch und benötigt 2,39 m³ Holz. Das Gartenhaus ist das perfekte Zuhause für Ihre Gartengeräte."
86>
87
88<title>
89  Bauplan Gartenhaus 1
90 &ndash; holz-bauplan.de</title>
91
92<link
93  rel="canonical"
94  href="https://www.holz-bauplan.de/products/gartenhaus-1"
95>
96
97
98  <meta
99    name="description"
100    content="Gartenhaus 1 im Fachwerkstiel ist 3,5m breit, 3,5m hoch und benötigt 2,39 m³ Holz. Das Gartenhaus ist das perfekte Zuhause für Ihre Gartengeräte."
101  >
102
103<link href="//www.holz-bauplan.de/cdn/shop/t/6/assets/overflow-list.css?v=101911674359793798601779877734" as="style" rel="preload">
104<link href="//www.holz-bauplan.de/cdn/shop/t/6/assets/base.css?v=121141175531295327151779877734" rel="stylesheet" type="text/css" media="all" />
105
106<link
107    rel="preload"
108    as="font"
109    href="//www.holz-bauplan.de/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2"
110    type="font/woff2"
111    crossorigin
112    fetchpriority="low"
113  ><link
114    rel="preload"
115    as="font"
116    href="//www.holz-bauplan.de/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2"
117    type="font/woff2"
118    crossorigin
119    fetchpriority="low"
120  ><link
121    rel="preload"
122    as="font"
123    href="//www.holz-bauplan.de/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2"
124    type="font/woff2"
125    crossorigin
126    fetchpriority="low"
127  ><link
128    rel="preload"
129    as="font"
130    href="//www.holz-bauplan.de/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2"
131    type="font/woff2"
132    crossorigin
133    fetchpriority="low"
134  >
135<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 135
135
136<script type="importmap">
137  {
138    "imports": {
139      "@theme/overflow-list": "//www.holz-bauplan.de/cdn/shop/t/6/assets/overflow-list.js?v=118229646772888945001779877734",
140      "@theme/product-title": "//www.holz-bauplan.de/cdn/shop/t/6/assets/product-title-truncation.js?v=81744426891537421781779877734",
141      "@theme/component": "//www.holz-bauplan.de/cdn/shop/t/6/assets/component.js?v=184240237101443119871779877734",
142      "@theme/dialog": "//www.holz-bauplan.de/cdn/shop/t/6/assets/dialog.js?v=122984339961420548111779877734",
143      "@theme/events": "//www.holz-bauplan.de/cdn/shop/t/6/assets/events.js?v=147926035229139604561779877734",
144      "@theme/focus": "//www.holz-bauplan.de/cdn/shop/t/6/assets/focus.js?v=60436577539430446401779877734",
145      "@theme/morph": "//www.holz-bauplan.de/cdn/shop/t/6/assets/morph.js?v=92630016404903954311779877734",
146      "@theme/paginated-list": "//www.holz-bauplan.de/cdn/shop/t/6/assets/paginated-list.js?v=95298315036233333871779877734",
147      "@theme/performance": "//www.holz-bauplan.de/cdn/shop/t/6/assets/performance.js?v=171015751390534793081779877734",
148      "@theme/product-form": "//www.holz-bauplan.de/cdn/shop/t/6/assets/product-form.js?v=101553355218818713941779877734",
149      "@theme/recently-viewed-products": "//www.holz-bauplan.de/cdn/shop/t/6/assets/recently-viewed-products.js?v=94729125001750262651779877734",
150      "@theme/scrolling": "//www.holz-bauplan.de/cdn/shop/t/6/assets/scrolling.js?v=10957690925586738441779877734",
151      "@theme/section-renderer": "//www.holz-bauplan.de/cdn/shop/t/6/assets/section-renderer.js?v=117273408521114569061779877734",
152      "@theme/section-hydration": "//www.holz-bauplan.de/cdn/shop/t/6/assets/section-hydration.js?v=177651605160027701221779877734",
153      "@theme/utilities": "//www.holz-bauplan.de/cdn/shop/t/6/assets/utilities.js?v=74239430246599389161779877734",
154      "@theme/variant-picker": "//www.holz-bauplan.de/cdn/shop/t/6/assets/variant-picker.js?v=149675540490105388771779877734",
155      "@theme/media-gallery": "//www.holz-bauplan.de/cdn/shop/t/6/assets/media-gallery.js?v=111441960308641931071779877734",
156      "@theme/quick-add": "//www.holz-bauplan.de/cdn/shop/t/6/assets/quick-add.js?v=70755858003216883121779877734",
157      "@theme/paginated-list-aspect-ratio": "//www.holz-bauplan.de/cdn/shop/t/6/assets/paginated-list-aspect-ratio.js?v=25254270272143792451779877734",
158      "@theme/popover-polyfill": "//www.holz-bauplan.de/cdn/shop/t/6/assets/popover-polyfill.js?v=119029313658895111201779877734",
159      "@theme/component-quantity-selector": "//www.holz-bauplan.de/cdn/shop/t/6/assets/component-quantity-selector.js?v=67906657287482036641779877734",
160      "@theme/comparison-slider": "//www.holz-bauplan.de/cdn/shop/t/6/assets/comparison-slider.js?v=106705562947035711941779877734",
161      "@theme/sticky-add-to-cart": "//www.holz-bauplan.de/cdn/shop/t/6/assets/sticky-add-to-cart.js?v=154911430820401916441779877734",
162      "@theme/fly-to-cart": "//www.holz-bauplan.de/cdn/shop/t/6/assets/fly-to-cart.js?v=155804937177242853651779877734"
163    }
164  }
165</script>
165
166
167
168
169<link
170  rel="modulepreload"
171  href="//www.holz-bauplan.de/cdn/shop/t/6/assets/utilities.js?v=74239430246599389161779877734"
172  fetchpriority="low"
173>
174<link
175  rel="modulepreload"
176  href="//www.holz-bauplan.de/cdn/shop/t/6/assets/component.js?v=184240237101443119871779877734"
177  fetchpriority="low"
178>
179<link
180  rel="modulepreload"
181  href="//www.holz-bauplan.de/cdn/shop/t/6/assets/section-renderer.js?v=117273408521114569061779877734"
182  fetchpriority="low"
183>
184<link
185  rel="modulepreload"
186  href="//www.holz-bauplan.de/cdn/shop/t/6/assets/section-hydration.js?v=177651605160027701221779877734"
187  fetchpriority="low"
188>
189<link
190  rel="modulepreload"
191  href="//www.holz-bauplan.de/cdn/shop/t/6/assets/morph.js?v=92630016404903954311779877734"
192  fetchpriority="low"
193>
194
195
196
197<link
198  rel="modulepreload"
199  href="//www.holz-bauplan.de/cdn/shop/t/6/assets/focus.js?v=60436577539430446401779877734"
200  fetchpriority="low"
201>
202<link
203  rel="modulepreload"
204  href="//www.holz-bauplan.de/cdn/shop/t/6/assets/recently-viewed-products.js?v=94729125001750262651779877734"
205  fetchpriority="low"
206>
207<link
208  rel="modulepreload"
209  href="//www.holz-bauplan.de/cdn/shop/t/6/assets/scrolling.js?v=10957690925586738441779877734"
210  fetchpriority="low"
211>
212<link
213  rel="modulepreload"
214  href="//www.holz-bauplan.de/cdn/shop/t/6/assets/events.js?v=147926035229139604561779877734"
215  fetchpriority="low"
216>
217<script
218  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/popover-polyfill.js?v=119029313658895111201779877734"
219  type="module"
220  fetchpriority="low"
221></script>
vendor: 1 bytes, line 221
221
222<script
223  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/overflow-list.js?v=118229646772888945001779877734"
224  type="module"
225  fetchpriority="low"
226></script>
vendor: 1 bytes, line 226
226
227<script
228  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/quick-add.js?v=70755858003216883121779877734"
229  type="module"
230  fetchpriority="low"
231></script>
231
232
233  
233<script
234    src="//www.holz-bauplan.de/cdn/shop/t/6/assets/cart-discount.js?v=107077853990124422021779877734"
235    type="module"
236    fetchpriority="low"
237  ></script>
237
238
239
240<script
241  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/dialog.js?v=122984339961420548111779877734"
242  type="module"
243  fetchpriority="low"
244></script>
vendor: 1 bytes, line 244
244
245<script
246  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/variant-picker.js?v=149675540490105388771779877734"
247  type="module"
248  fetchpriority="low"
249></script>
vendor: 1 bytes, line 249
249
250<script
251  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/product-card.js?v=84479636789602760481779877734"
252  type="module"
253  fetchpriority="low"
254></script>
vendor: 1 bytes, line 254
254
255<script
256  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/product-form.js?v=101553355218818713941779877734"
257  type="module"
258  fetchpriority="low"
259></script>
vendor: 1 bytes, line 259
259
260<script
261  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/fly-to-cart.js?v=155804937177242853651779877734"
262  type="module"
263  fetchpriority="low"
264></script>
vendor: 1 bytes, line 264
264
265<script
266  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/accordion-custom.js?v=99000499017714805851779877734"
267  type="module"
268  fetchpriority="low"
269></script>
vendor: 1 bytes, line 269
269
270<script
271  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/disclosure-custom.js?v=168050880623268140331779877734"
272  type="module"
273  fetchpriority="low"
274></script>
vendor: 1 bytes, line 274
274
275<script
276  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/media.js?v=37825095869491791421779877734"
277  type="module"
278  fetchpriority="low"
279></script>
vendor: 1 bytes, line 279
279
280<script
281  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/product-price.js?v=117989390664188536191779877734"
282  type="module"
283  fetchpriority="low"
284></script>
vendor: 1 bytes, line 284
284
285<script
286  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/product-sku.js?v=121804655373531320511779877734"
287  type="module"
288  fetchpriority="low"
289></script>
vendor: 1 bytes, line 289
289
290<script
291  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/product-title-truncation.js?v=81744426891537421781779877734"
292  type="module"
293  fetchpriority="low"
294></script>
vendor: 1 bytes, line 294
294
295<script
296  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/product-inventory.js?v=16343734458933704981779877734"
297  type="module"
298  fetchpriority="low"
299></script>
vendor: 1 bytes, line 299
299
300<script
301  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/show-more.js?v=94563802205717136101779877734"
302  type="module"
303  fetchpriority="low"
304></script>
vendor: 1 bytes, line 304
304
305<script
306  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/slideshow.js?v=154015486816472108841779877734"
307  type="module"
308  fetchpriority="low"
309></script>
vendor: 1 bytes, line 309
309
310<script
311  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/layered-slideshow.js?v=30135417790894624731779877734"
312  type="module"
313  fetchpriority="low"
314></script>
vendor: 1 bytes, line 314
314
315<script
316  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/anchored-popover.js?v=95953304814728754461779877734"
317  type="module"
318  fetchpriority="low"
319></script>
vendor: 1 bytes, line 319
319
320<script
321  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/floating-panel.js?v=128677600744947036551779877734"
322  type="module"
323  fetchpriority="low"
324></script>
vendor: 1 bytes, line 324
324
325<script
326  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/video-background.js?v=25237992823806706551779877734"
327  type="module"
328  fetchpriority="low"
329></script>
vendor: 1 bytes, line 329
329
330<script
331  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/component-quantity-selector.js?v=67906657287482036641779877734"
332  type="module"
333  fetchpriority="low"
334></script>
vendor: 1 bytes, line 334
334
335<script
336  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/media-gallery.js?v=111441960308641931071779877734"
337  type="module"
338  fetchpriority="low"
339></script>
vendor: 1 bytes, line 339
339
340<script
341  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/rte-formatter.js?v=101420294193111439321779877734"
342  type="module"
343  fetchpriority="low"
344></script>
vendor: 1 bytes, line 344
344
345<script
346  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/volume-pricing.js?v=15442793518842484731779877734"
347  type="module"
348  fetchpriority="low"
349></script>
vendor: 1 bytes, line 349
349
350<script
351  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/price-per-item.js?v=144512917617120124431779877734"
352  type="module"
353  fetchpriority="low"
354></script>
vendor: 1 bytes, line 354
354
355<script
356  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/volume-pricing-info.js?v=94479640769665442661779877734"
357  type="module"
358  fetchpriority="low"
359></script>
359
360
361
362
363
364  
364<script
365    src="//www.holz-bauplan.de/cdn/shop/t/6/assets/fly-to-cart.js?v=155804937177242853651779877734"
366    type="module"
367    fetchpriority="low"
368  ></script>
368
369  
369<script
370    src="//www.holz-bauplan.de/cdn/shop/t/6/assets/sticky-add-to-cart.js?v=154911430820401916441779877734"
371    type="module"
372    fetchpriority="low"
373  ></script>
373
374  
374<script type="module">
375    import { RecentlyViewed } from '@theme/recently-viewed-products';
376    RecentlyViewed.addProduct('15225320178050');
377  </script>
377
378
379
380
381
382<script
383  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/auto-close-details.js?v=58350291535404441581779877734"
384  defer="defer"
385></script>
385
386
387<script>
388  const Theme = {
389    translations: {
390      placeholder_image: `Platzhalterbild`,
391      added: `Hinzugefügt`,
392      recipient_form_fields_visible: `Empfängerformularfelder sind jetzt sichtbar.`,
393      recipient_form_fields_hidden: `Empfängerformularfelder sind jetzt ausgeblendet.`,
394      recipient_form_error: `Beim Absenden des Formulars ist ein Fehler aufgetreten.`,
395      items_added_to_cart_one: `1 Artikel zum Warenkorb hinzugefügt`,
396      items_added_to_cart_other: `{{ count }} Artikel zum Warenkorb hinzugefügt`,
397    },
398    routes: {
399      cart_add_url: '/cart/add.js',
400      cart_change_url: '/cart/change',
401      cart_update_url: '/cart/update',
402      cart_url: '/cart',
403      predictive_search_url: '/search/suggest',
404      search_url: '/search',
405    },
406    template: {
407      name: 'product',
408    },
409  };
410</script>
410
411<style data-shopify>
412@font-face {
413  font-family: Inter;
414  font-weight: 400;
415  font-style: normal;
416  font-display: swap;
417  src: url("//www.holz-bauplan.de/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"),
418       url("//www.holz-bauplan.de/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff");
419}
420@font-face {
421  font-family: Inter;
422  font-weight: 700;
423  font-style: normal;
424  font-display: swap;
425  src: url("//www.holz-bauplan.de/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
426       url("//www.holz-bauplan.de/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
427}
428@font-face {
429  font-family: Inter;
430  font-weight: 400;
431  font-style: italic;
432  font-display: swap;
433  src: url("//www.holz-bauplan.de/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"),
434       url("//www.holz-bauplan.de/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff");
435}
436@font-face {
437  font-family: Inter;
438  font-weight: 700;
439  font-style: italic;
440  font-display: swap;
441  src: url("//www.holz-bauplan.de/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
442       url("//www.holz-bauplan.de/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
443}
444@font-face {
445  font-family: Inter;
446  font-weight: 500;
447  font-style: normal;
448  font-display: swap;
449  src: url("//www.holz-bauplan.de/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"),
450       url("//www.holz-bauplan.de/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff");
451}
452@font-face {
453  font-family: Inter;
454  font-weight: 500;
455  font-style: italic;
456  font-display: swap;
457  src: url("//www.holz-bauplan.de/cdn/fonts/inter/inter_i5.4474f48e6ab2b1e01aa2b6d942dd27fa24f2d99f.woff2") format("woff2"),
458       url("//www.holz-bauplan.de/cdn/fonts/inter/inter_i5.493dbd6ee8e49f4ad722ebb68d92f201af2c2f56.woff") format("woff");
459}
460
461
462  :root {
463    /* Page Layout */
464    --sidebar-width: 25rem;
465    --narrow-content-width: 36rem;
466    --normal-content-width: 42rem;
467    --wide-content-width: 46rem;
468    --narrow-page-width: 90rem;
469    --normal-page-width: 120rem;
470    --wide-page-width: 150rem;
471
472    /* Section Heights */
473    --section-height-small: 15rem;
474    --section-height-medium: 25rem;
475    --section-height-large: 35rem;
476
477    @media screen and (min-width: 40em) {
478      --section-height-small: 40svh;
479      --section-height-medium: 55svh;
480      --section-height-large: 70svh;
481    }
482
483    @media screen and (min-width: 60em) {
484      --section-height-small: 50svh;
485      --section-height-medium: 65svh;
486      --section-height-large: 80svh;
487    }
488
489    /* Letter spacing */
490    --letter-spacing-sm: 0.06em;
491    --letter-spacing-md: 0.13em;
492
493    /* Font families */
494    --font-body--family: Inter, sans-serif;
495    --font-body--style: normal;
496    --font-body--weight: 400;
497    --font-subheading--family: Inter, sans-serif;
498    --font-subheading--style: normal;
499    --font-subheading--weight: 500;
500    --font-heading--family: Inter, sans-serif;
501    --font-heading--style: normal;
502    --font-heading--weight: 700;
503    --font-accent--family: Inter, sans-serif;
504    --font-accent--style: normal;
505    --font-accent--weight: 700;
506
507    /* Margin sizes */
508    --font-h1--spacing: 0.25em;
509    --font-h2--spacing: 0.25em;
510    --font-h3--spacing: 0.25em;
511    --font-h4--spacing: 0.25em;
512    --font-h5--spacing: 0.25em;
513    --font-h6--spacing: 0.25em;
514    --font-paragraph--spacing: 0.5em;
515
516    /* Heading colors */
517    --font-h1--color: var(--color-foreground-heading);
518    --font-h2--color: var(--color-foreground-heading);
519    --font-h3--color: var(--color-foreground-heading);
520    --font-h4--color: var(--color-foreground-heading);
521    --font-h5--color: var(--color-foreground-heading);
522    --font-h6--color: var(--color-foreground-heading);
523
524    /** Z-Index / Layering */
525    --layer-section-background: -2;
526    --layer-lowest: -1;
527    --layer-base: 0;
528    --layer-flat: 1;
529    --layer-raised: 2;
530    --layer-heightened: 4;
531    --layer-sticky: 8;
532    --layer-window-overlay: 10;
533    --layer-header-menu: 12;
534    --layer-overlay: 16;
535    --layer-menu-drawer: 18;
536    --layer-temporary: 20;
537
538    /* Max-width / Measure */
539    --max-width--body-normal: 32.5em;
540    --max-width--body-narrow: 22.75em;
541
542    --max-width--heading-normal: 32.5em;
543    --max-width--heading-narrow: 19.5em;
544
545    --max-width--display-normal: 13em;
546    --max-width--display-narrow: 9.75em;
547    --max-width--display-tight: 3.25em;
548
549    /* Letter-spacing / Tracking */
550    --letter-spacing--display-tight: -0.03em;
551    --letter-spacing--display-normal: 0em;
552    --letter-spacing--display-loose: 0.03em;
553
554    --letter-spacing--heading-tight: -0.03em;
555    --letter-spacing--heading-normal: 0em;
556    --letter-spacing--heading-loose: 0.03em;
557
558    --letter-spacing--body-tight: -0.03em;
559    --letter-spacing--body-normal: 0em;
560    --letter-spacing--body-loose: 0.03em;
561
562    /* Line height / Leading */
563    --line-height: 1;
564
565    --line-height--display-tight: 1;
566    --line-height--display-normal: 1.1;
567    --line-height--display-loose: 1.2;
568
569    --line-height--heading-tight: 1.15;
570    --line-height--heading-normal: 1.25;
571    --line-height--heading-loose: 1.35;
572
573    --line-height--body-tight: 1.2;
574    --line-height--body-normal: 1.4;
575    --line-height--body-loose: 1.6;
576
577    /* Typography presets */
578    --font-size--paragraph: 1.125rem;--font-size--h1: clamp(3.0rem, 5.6vw, 3.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 1.125rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-normal);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose);
579
580    /* Hardcoded font sizes */
581    --font-size--2xs: 0.625rem;
582    --font-size--xs: 0.8125rem;
583    --font-size--sm: 0.875rem;
584    --font-size--md: 1rem;
585    --font-size--lg: 1.125rem;
586    --font-size--xl: 1.25rem;
587    --font-size--2xl: 1.5rem;
588    --font-size--3xl: 2rem;
589    --font-size--4xl: 2.5rem;
590    --font-size--5xl: 3rem;
591    --font-size--6xl: 3.5rem;
592
593    /* Menu font sizes */
594    --menu-font-sm--size: 0.875rem;
595    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
596    --menu-font-md--size: 1rem;
597    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
598    --menu-font-lg--size: 1.125rem;
599    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
600    --menu-font-xl--size: 1.25rem;
601    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
602    --menu-font-2xl--size: 1.75rem;
603    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
604
605    /* Colors */
606    --color-error: #8B0000;
607    --color-success: #006400;
608    --color-white: #FFFFFF;
609    --color-white-rgb: 255 255 255;
610    --color-black: #000000;
611    --color-instock: #3ED660;
612    --color-lowstock: #EE9441;
613    --color-outofstock: #C8C8C8;
614
615    /* Opacity */
616    --opacity-5: 0.05;
617    --opacity-8: 0.08;
618    --opacity-10: 0.1;
619    --opacity-15: 0.15;
620    --opacity-20: 0.2;
621    --opacity-25: 0.25;
622    --opacity-30: 0.3;
623    --opacity-40: 0.4;
624    --opacity-50: 0.5;
625    --opacity-60: 0.6;
626    --opacity-70: 0.7;
627    --opacity-80: 0.8;
628    --opacity-85: 0.85;
629    --opacity-90: 0.9;
630    --opacity-subdued-text: var(--opacity-70);
631
632    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
633    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
634
635    /* Spacing */
636    --margin-3xs: 0.125rem;
637    --margin-2xs: 0.3rem;
638    --margin-xs: 0.5rem;
639    --margin-sm: 0.7rem;
640    --margin-md: 0.8rem;
641    --margin-lg: 1rem;
642    --margin-xl: 1.25rem;
643    --margin-2xl: 1.5rem;
644    --margin-3xl: 1.75rem;
645    --margin-4xl: 2rem;
646    --margin-5xl: 3rem;
647    --margin-6xl: 5rem;
648
649    --scroll-margin: 50px;
650
651    --padding-3xs: 0.125rem;
652    --padding-2xs: 0.25rem;
653    --padding-xs: 0.5rem;
654    --padding-sm: 0.7rem;
655    --padding-md: 0.8rem;
656    --padding-lg: 1rem;
657    --padding-xl: 1.25rem;
658    --padding-2xl: 1.5rem;
659    --padding-3xl: 1.75rem;
660    --padding-4xl: 2rem;
661    --padding-5xl: 3rem;
662    --padding-6xl: 4rem;
663
664    --gap-3xs: 0.125rem;
665    --gap-2xs: 0.3rem;
666    --gap-xs: 0.5rem;
667    --gap-sm: 0.7rem;
668    --gap-md: 0.9rem;
669    --gap-lg: 1rem;
670    --gap-xl: 1.25rem;
671    --gap-2xl: 2rem;
672    --gap-3xl: 3rem;
673
674    --spacing-scale-sm: 0.6;
675    --spacing-scale-md: 0.7;
676    --spacing-scale-default: 1.0;
677
678    /* Checkout buttons gap */
679    --checkout-button-gap: 10px;
680
681    /* Borders */
682    --style-border-width: 1px;
683    --style-border-radius-xs: 0.2rem;
684    --style-border-radius-sm: 0.6rem;
685    --style-border-radius-md: 0.8rem;
686    --style-border-radius-50: 50%;
687    --style-border-radius-lg: 1rem;
688    --style-border-radius-pills: 40px;
689    --style-border-radius-inputs: 4px;
690    --style-border-radius-buttons-primary: 14px;
691    --style-border-radius-buttons-secondary: 14px;
692    --style-border-width-primary: 0px;
693    --style-border-width-secondary: 1px;
694    --style-border-width-inputs: 1px;
695    --style-border-radius-popover: 14px;
696    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
697    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
698    --style-border-swatch-opacity: 10%;
699    --style-border-swatch-width: 1px;
700    --style-border-swatch-style: solid;
701
702    /* Animation */
703    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
704    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
705    --animation-speed-fast: 0.0625s;
706    --animation-speed: 0.125s;
707    --animation-speed-slow: 0.2s;
708    --animation-speed-medium: 0.15s;
709    --animation-easing: ease-in-out;
710    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
711    --drawer-animation-speed: 0.2s;
712    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
713    --animation-values: var(--animation-speed) var(--animation-easing);
714    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
715    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
716    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
717    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
718    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
719    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
720    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
721    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
722
723    /* View transitions */
724    /* View transition old */
725    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
726
727    /* View transition new */
728    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
729
730    /* Focus */
731    --focus-outline-width: 0.09375rem;
732    --focus-outline-offset: 0.2em;
733
734    /* Badges */
735    --badge-blob-padding-block: 1px;
736    --badge-blob-padding-inline: 12px 8px;
737    --badge-rectangle-padding-block: 1px;
738    --badge-rectangle-padding-inline: 6px;
739    @media screen and (min-width: 750px) {
740      --badge-blob-padding-block: 4px;
741      --badge-blob-padding-inline: 16px 12px;
742      --badge-rectangle-padding-block: 4px;
743      --badge-rectangle-padding-inline: 10px;
744    }
745
746    /* Icons */
747    --icon-size-2xs: 0.6rem;
748    --icon-size-xs: 0.85rem;
749    --icon-size-sm: 1.25rem;
750    --icon-size-md: 1.375rem;
751    --icon-size-lg: 1.5rem;
752    --icon-stroke-width: 1.5px;
753
754    /* Input */
755    --input-email-min-width: 200px;
756    --input-search-max-width: 650px;
757    --input-padding-y: 0.8rem;
758    --input-padding-x: 0.8rem;
759    --input-padding: var(--input-padding-y) var(--input-padding-x);
760    --input-box-shadow-width: var(--style-border-width-inputs);
761    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
762    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
763    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
764    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
765    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
766    --input-textarea-min-height: 55px;
767
768    /* Button size */
769    --button-size-sm: 30px;
770    --button-size-md: 36px;
771    --button-size: var(--minimum-touch-target);
772    --button-padding-inline: 24px;
773    --button-padding-block: 16px;
774
775    /* Button font-family */
776    --button-font-family-primary: var(--font-body--family);
777    --button-font-family-secondary: var(--font-body--family);
778
779    /* Button text case */
780    --button-text-case: ;
781    --button-text-case-primary: default;
782    --button-text-case-secondary: default;
783
784    /* Borders */
785    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
786    --border-width-sm: 1px;
787    --border-width-md: 2px;
788    --border-width-lg: 5px;
789    --border-radius-sm: 0.25rem;
790
791    /* Drawers */
792    --drawer-inline-padding: 25px;
793    --drawer-menu-inline-padding: 2.5rem;
794    --drawer-header-block-padding: 20px;
795    --drawer-content-block-padding: 10px;
796    --drawer-header-desktop-top: 0rem;
797    --drawer-padding: calc(var(--padding-sm) + 7px);
798    --drawer-height: 100dvh;
799    --drawer-width: 95vw;
800    --drawer-max-width: 500px;
801
802    /* Variant Picker Swatches */
803    --variant-picker-swatch-width-unitless: 34;
804    --variant-picker-swatch-height-unitless: 34;
805    --variant-picker-swatch-width: 34px;
806    --variant-picker-swatch-height: 34px;
807    --variant-picker-swatch-radius: 32px;
808    --variant-picker-border-width: 1px;
809    --variant-picker-border-style: solid;
810    --variant-picker-border-opacity: 10%;
811
812    /* Variant Picker Buttons */
813    --variant-picker-button-radius: 14px;
814    --variant-picker-button-border-width: 1px;
815
816    /* Slideshow */
817    --slideshow-controls-size: 3.5rem;
818    --slideshow-controls-icon: 2rem;
819    --peek-next-slide-size: 3rem;
820
821    /* Utilities */
822    --backdrop-opacity: 0.15;
823    --backdrop-color-rgb: var(--color-shadow-rgb);
824    --minimum-touch-target: 44px;
825    --disabled-opacity: 0.5;
826    --skeleton-opacity: 0.025;
827
828    /* Shapes */
829    --shape--circle: circle(50% at center);
830    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
831    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
832    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883
832% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
833
834    /* Buy buttons */
835    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
836
837    /* Card image width and height variables */
838    --card-width-small: 10rem;
839
840    --height-small: 10rem;
841    --height-medium: 11.5rem;
842    --height-large: 13rem;
843    --height-full: 100vh;
844
845    @media screen and (min-width: 750px) {
846      --height-small: 17.5rem;
847      --height-medium: 21.25rem;
848      --height-large: 25rem;
849    }
850
851    /* Modal */
852    --modal-max-height: 65dvh;
853
854    /* Card styles for search */
855    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
856    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
857    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
858
859    /* Cart */
860    --cart-primary-font-family: var(--font-body--family);
861    --cart-primary-font-style: var(--font-body--style);
862    --cart-primary-font-weight: var(--font-body--weight);
863    --cart-secondary-font-family: var(--font-secondary--family);
864    --cart-secondary-font-style: var(--font-secondary--style);
865    --cart-secondary-font-weight: var(--font-secondary--weight);
866  }
867</style>
868<style data-shopify>
869  
870    
871      :root,
872    
873    
874    
875    .color-scheme-1 {
876        --color-background: rgb(255 255 255 / 1.0);
877        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
878        --color-background-rgb: 255 255 255;
879        --opacity-5-15: 0.05;
880        --opacity-10-25: 0.1;
881        --opacity-35-55: 0.35;
882        --opacity-40-60: 0.4;
883        --opacity-30-60: 0.3;
884        --color-foreground: rgb(0 0 0 / 1.0);
885        --color-foreground-rgb: 0 0 0;
886        --color-foreground-heading: rgb(0 0 0 / 1.0);
887        --color-foreground-heading-rgb: 0 0 0;
888        --color-primary: rgb();
889        --color-primary-rgb: ;
890        --color-primary-hover: rgb(0 0 0 / 1.0);
891        --color-primary-hover-rgb: 0 0 0;
892        --color-border: rgb(255 255 255 / 1.0);
893        --color-border-rgb: 255 255 255;
894        --color-shadow: rgb(0 0 0 / 1.0);
895        --color-shadow-rgb: 0 0 0;
896        --color-primary-button-text: rgb(255 255 255 / 1.0);
897        --color-primary-button-background: rgb(0 0 0 / 1.0);
898        --color-primary-button-border: rgb(0 0 0 / 1.0);
899        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
900        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
901        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
902        --color-secondary-button-text: rgb(0 0 0 / 1.0);
903        --color-secondary-button-background: rgb(0 0 0 / 0.0);
904        --color-secondary-button-border: rgb(0 0 0 / 1.0);
905        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
906        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
907        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
908        --color-input-background: rgb(255 255 255 / 0.78);
909        --color-input-text: rgb(51 51 51 / 1.0);
910        --color-input-text-rgb: 51 51 51;
911        --color-input-border: rgb(223 223 223 / 1.0);
912        --color-input-hover-background: rgb(0 0 0 / 0.01);
913        --color-variant-background: rgb(255 255 255 / 1.0);
914        --color-variant-border: rgb(0 0 0 / 0.13);
915        --color-variant-text: rgb(0 0 0 / 1.0);
916        --color-variant-text-rgb: 0 0 0;
917        --color-variant-hover-background: rgb(245 245 245 / 1.0);
918        --color-variant-hover-text: rgb(0 0 0 / 1.0);
919        --color-variant-hover-border: rgb(230 230 230 / 1.0);
920        --color-selected-variant-background: rgb(0 0 0 / 1.0);
921        --color-selected-variant-border: rgb(0 0 0 / 1.0);
922        --color-selected-variant-text: rgb(255 255 255 / 1.0);
923        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
924        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
925        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
926
927        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
928        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
929        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
930        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
931        --font-h1--color: var(--color-foreground-heading);
932        --font-h2--color: var(--color-foreground-heading);
933        --font-h3--color: var(--color-foreground-heading);
934        --font-h4--color: var(--color-foreground-heading);
935        --font-h5--color: var(--color-foreground-heading);
936        --font-h6--color: var(--color-foreground-heading);
937
938        /* Shadows */
939        
940          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
941        
942        
943          --shadow-blur: 20px;
944          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
945        
946      }
947  
948    
949    
950    
951    .color-scheme-2 {
952        --color-background: rgb(245 245 245 / 1.0);
953        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
954        --color-background-rgb: 245 245 245;
955        --opacity-5-15: 0.05;
956        --opacity-10-25: 0.1;
957        --opacity-35-55: 0.35;
958        --opacity-40-60: 0.4;
959        --opacity-30-60: 0.3;
960        --color-foreground: rgb(0 0 0 / 0.81);
961        --color-foreground-rgb: 0 0 0;
962        --color-foreground-heading: rgb(0 0 0 / 1.0);
963        --color-foreground-heading-rgb: 0 0 0;
964        --color-primary: rgb();
965        --color-primary-rgb: ;
966        --color-primary-hover: rgb(255 255 255 / 1.0);
967        --color-primary-hover-rgb: 255 255 255;
968        --color-border: rgb(223 223 223 / 1.0);
969        --color-border-rgb: 223 223 223;
970        --color-shadow: rgb(0 0 0 / 1.0);
971        --color-shadow-rgb: 0 0 0;
972        --color-primary-button-text: rgb(255 255 255 / 1.0);
973        --color-primary-button-background: rgb(0 0 0 / 1.0);
974        --color-primary-button-border: rgb(0 0 0 / 1.0);
975        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
976        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
977        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
978        --color-secondary-button-text: rgb(0 0 0 / 1.0);
979        --color-secondary-button-background: rgb(0 0 0 / 0.0);
980        --color-secondary-button-border: rgb(0 0 0 / 1.0);
981        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
982        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
983        --color-secondary-button-hover-border: rgb(51 51 51 / 0.73);
984        --color-input-background: rgb(0 0 0 / 0.0);
985        --color-input-text: rgb(0 0 0 / 0.53);
986        --color-input-text-rgb: 0 0 0;
987        --color-input-border: rgb(0 0 0 / 0.13);
988        --color-input-hover-background: rgb(255 255 255 / 0.36);
989        --color-variant-background: rgb(255 255 255 / 1.0);
990        --color-variant-border: rgb(230 230 230 / 1.0);
991        --color-variant-text: rgb(0 0 0 / 1.0);
992        --color-variant-text-rgb: 0 0 0;
993        --color-variant-hover-background: rgb(245 245 245 / 1.0);
994        --color-variant-hover-text: rgb(0 0 0 / 1.0);
995        --color-variant-hover-border: rgb(230 230 230 / 1.0);
996        --color-selected-variant-background: rgb(0 0 0 / 1.0);
997        --color-selected-variant-border: rgb(0 0 0 / 1.0);
998        --color-selected-variant-text: rgb(255 255 255 / 1.0);
999        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1000        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1001        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1002
1003        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1004        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1005        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1006        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1007        --font-h1--color: var(--color-foreground-heading);
1008        --font-h2--color: var(--color-foreground-heading);
1009        --font-h3--color: var(--color-foreground-heading);
1010        --font-h4--color: var(--color-foreground-heading);
1011        --font-h5--color: var(--color-foreground-heading);
1012        --font-h6--color: var(--color-foreground-heading);
1013
1014        /* Shadows */
1015        
1016          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1017        
1018        
1019          --shadow-blur: 20px;
1020          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1021        
1022      }
1023  
1024    
1025    
1026    
1027    .color-scheme-3 {
1028        --color-background: rgb(238 241 234 / 1.0);
1029        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1030        --color-background-rgb: 238 241 234;
1031        --opacity-5-15: 0.05;
1032        --opacity-10-25: 0.1;
1033        --opacity-35-55: 0.35;
1034        --opacity-40-60: 0.4;
1035        --opacity-30-60: 0.3;
1036        --color-foreground: rgb(0 0 0 / 0.81);
1037        --color-foreground-rgb: 0 0 0;
1038        --color-foreground-heading: rgb(0 0 0 / 1.0);
1039        --color-foreground-heading-rgb: 0 0 0;
1040        --color-primary: rgb(0 0 0 / 0.81);
1041        --color-primary-rgb: 0 0 0;
1042        --color-primary-hover: rgb(0 0 0 / 1.0);
1043        --color-primary-hover-rgb: 0 0 0;
1044        --color-border: rgb(0 0 0 / 0.81);
1045        --color-border-rgb: 0 0 0;
1046        --color-shadow: rgb(0 0 0 / 1.0);
1047        --color-shadow-rgb: 0 0 0;
1048        --color-primary-button-text: rgb(255 255 255 / 1.0);
1049        --color-primary-button-background: rgb(0 0 0 / 1.0);
1050        --color-primary-button-border: rgb(0 0 0 / 1.0);
1051        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1052        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1053        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1054        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1055        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1056        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1057        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
1058        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1059        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
1060        --color-input-background: rgb(0 0 0 / 0.0);
1061        --color-input-text: rgb(0 0 0 / 0.81);
1062        --color-input-text-rgb: 0 0 0;
1063        --color-input-border: rgb(0 0 0 / 0.81);
1064        --color-input-hover-background: rgb(255 255 255 / 0.36);
1065        --color-variant-background: rgb(255 255 255 / 1.0);
1066        --color-variant-border: rgb(230 230 230 / 1.0);
1067        --color-variant-text: rgb(0 0 0 / 1.0);
1068        --color-variant-text-rgb: 0 0 0;
1069        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1070        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1071        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1072        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1073        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1074        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1075        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1076        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1077        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1078
1079        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1080        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1081        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1082        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1083        --font-h1--color: var(--color-foreground-heading);
1084        --font-h2--color: var(--color-foreground-heading);
1085        --font-h3--color: var(--color-foreground-heading);
1086        --font-h4--color: var(--color-foreground-heading);
1087        --font-h5--color: var(--color-foreground-heading);
1088        --font-h6--color: var(--color-foreground-heading);
1089
1090        /* Shadows */
1091        
1092          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1093        
1094        
1095          --shadow-blur: 20px;
1096          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1097        
1098      }
1099  
1100    
1101    
1102    
1103    .color-scheme-4 {
1104        --color-background: rgb(225 237 245 / 1.0);
1105        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1106        --color-background-rgb: 225 237 245;
1107        --opacity-5-15: 0.05;
1108        --opacity-10-25: 0.1;
1109        --opacity-35-55: 0.35;
1110        --opacity-40-60: 0.4;
1111        --opacity-30-60: 0.3;
1112        --color-foreground: rgb(0 0 0 / 0.81);
1113        --color-foreground-rgb: 0 0 0;
1114        --color-foreground-heading: rgb(0 0 0 / 1.0);
1115        --color-foreground-heading-rgb: 0 0 0;
1116        --color-primary: rgb(0 0 0 / 0.81);
1117        --color-primary-rgb: 0 0 0;
1118        --color-primary-hover: rgb(0 0 0 / 1.0);
1119        --color-primary-hover-rgb: 0 0 0;
1120        --color-border: rgb(29 54 134 / 0.5);
1121        --color-border-rgb: 29 54 134;
1122        --color-shadow: rgb(0 0 0 / 1.0);
1123        --color-shadow-rgb: 0 0 0;
1124        --color-primary-button-text: rgb(255 255 255 / 1.0);
1125        --color-primary-button-background: rgb(0 0 0 / 1.0);
1126        --color-primary-button-border: rgb(29 54 134 / 1.0);
1127        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1128        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1129        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1130        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1131        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1132        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1133        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
1134        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1135        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
1136        --color-input-background: rgb(0 0 0 / 0.0);
1137        --color-input-text: rgb(0 0 0 / 0.81);
1138        --color-input-text-rgb: 0 0 0;
1139        --color-input-border: rgb(0 0 0 / 0.81);
1140        --color-input-hover-background: rgb(255 255 255 / 0.36);
1141        --color-variant-background: rgb(255 255 255 / 1.0);
1142        --color-variant-border: rgb(230 230 230 / 1.0);
1143        --color-variant-text: rgb(0 0 0 / 1.0);
1144        --color-variant-text-rgb: 0 0 0;
1145        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1146        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1147        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1148        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1149        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1150        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1151        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1152        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1153        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1154
1155        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1156        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1157        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1158        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1159        --font-h1--color: var(--color-foreground-heading);
1160        --font-h2--color: var(--color-foreground-heading);
1161        --font-h3--color: var(--color-foreground-heading);
1162        --font-h4--color: var(--color-foreground-heading);
1163        --font-h5--color: var(--color-foreground-heading);
1164        --font-h6--color: var(--color-foreground-heading);
1165
1166        /* Shadows */
1167        
1168          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1169        
1170        
1171          --shadow-blur: 20px;
1172          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1173        
1174      }
1175  
1176    
1177    
1178    
1179    .color-scheme-5 {
1180        --color-background: rgb(51 51 51 / 1.0);
1181        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1182        --color-background-rgb: 51 51 51;
1183        --opacity-5-15: 0.15;
1184        --opacity-10-25: 0.25;
1185        --opacity-35-55: 0.55;
1186        --opacity-40-60: 0.6;
1187        --opacity-30-60: 0.6;
1188        --color-foreground: rgb(255 255 255 / 1.0);
1189        --color-foreground-rgb: 255 255 255;
1190        --color-foreground-heading: rgb(255 255 255 / 1.0);
1191        --color-foreground-heading-rgb: 255 255 255;
1192        --color-primary: rgb(255 255 255 / 1.0);
1193        --color-primary-rgb: 255 255 255;
1194        --color-primary-hover: rgb(255 255 255 / 0.69);
1195        --color-primary-hover-rgb: 255 255 255;
1196        --color-border: rgb(255 255 255 / 0.69);
1197        --color-border-rgb: 255 255 255;
1198        --color-shadow: rgb(0 0 0 / 1.0);
1199        --color-shadow-rgb: 0 0 0;
1200        --color-primary-button-text: rgb(236 65 65 / 1.0);
1201        --color-primary-button-background: rgb(255 255 255 / 1.0);
1202        --color-primary-button-border: rgb(255 255 255 / 1.0);
1203        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1204        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1205        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1206        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1207        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1208        --color-secondary-button-border: rgb(255 255 255 / 0.69);
1209        --color-secondary-button-hover-text: rgb(255 255 255 / 0.93);
1210        --color-secondary-button-hover-background: rgb(255 255 255 / 0.04);
1211        --color-secondary-button-hover-border: rgb(255 255 255 / 0.69);
1212        --color-input-background: rgb(51 51 51 / 1.0);
1213        --color-input-text: rgb(255 255 255 / 0.93);
1214        --color-input-text-rgb: 255 255 255;
1215        --color-input-border: rgb(255 255 255 / 0.69);
1216        --color-input-hover-background: rgb(255 255 255 / 0.04);
1217        --color-variant-background: rgb(255 255 255 / 1.0);
1218        --color-variant-border: rgb(230 230 230 / 1.0);
1219        --color-variant-text: rgb(0 0 0 / 1.0);
1220        --color-variant-text-rgb: 0 0 0;
1221        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1222        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1223        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1224        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1225        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1226        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1227        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1228        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1229        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1230
1231        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1232        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1233        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1234        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1235        --font-h1--color: var(--color-foreground-heading);
1236        --font-h2--color: var(--color-foreground-heading);
1237        --font-h3--color: var(--color-foreground-heading);
1238        --font-h4--color: var(--color-foreground-heading);
1239        --font-h5--color: var(--color-foreground-heading);
1240        --font-h6--color: var(--color-foreground-heading);
1241
1242        /* Shadows */
1243        
1244          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1245        
1246        
1247          --shadow-blur: 20px;
1248          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1249        
1250      }
1251  
1252    
1253    
1254    
1255    .color-scheme-6 {
1256        --color-background: rgb(112 112 112 / 1.0);
1257        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1258        --color-background-rgb: 112 112 112;
1259        --opacity-5-15: 0.05;
1260        --opacity-10-25: 0.1;
1261        --opacity-35-55: 0.35;
1262        --opacity-40-60: 0.4;
1263        --opacity-30-60: 0.3;
1264        --color-foreground: rgb(255 255 255 / 1.0);
1265        --color-foreground-rgb: 255 255 255;
1266        --color-foreground-heading: rgb(255 255 255 / 1.0);
1267        --color-foreground-heading-rgb: 255 255 255;
1268        --color-primary: rgb(255 255 255 / 1.0);
1269        --color-primary-rgb: 255 255 255;
1270        --color-primary-hover: rgb(255 255 255 / 0.69);
1271        --color-primary-hover-rgb: 255 255 255;
1272        --color-border: rgb(230 230 230 / 1.0);
1273        --color-border-rgb: 230 230 230;
1274        --color-shadow: rgb(0 0 0 / 1.0);
1275        --color-shadow-rgb: 0 0 0;
1276        --color-primary-button-text: rgb(0 0 0 / 1.0);
1277        --color-primary-button-background: rgb(255 255 255 / 1.0);
1278        --color-primary-button-border: rgb(255 255 255 / 1.0);
1279        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1280        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1281        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1282        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1283 
1283       --color-secondary-button-background: rgb(0 0 0 / 0.0);
1284        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1285        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
1286        --color-secondary-button-hover-background: rgb(255 255 255 / 0.08);
1287        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
1288        --color-input-background: rgb(255 255 255 / 1.0);
1289        --color-input-text: rgb(0 0 0 / 0.53);
1290        --color-input-text-rgb: 0 0 0;
1291        --color-input-border: rgb(0 0 0 / 0.13);
1292        --color-input-hover-background: rgb(250 250 250 / 1.0);
1293        --color-variant-background: rgb(255 255 255 / 1.0);
1294        --color-variant-border: rgb(230 230 230 / 1.0);
1295        --color-variant-text: rgb(0 0 0 / 1.0);
1296        --color-variant-text-rgb: 0 0 0;
1297        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1298        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1299        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1300        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1301        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1302        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1303        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1304        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1305        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1306
1307        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1308        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1309        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1310        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1311        --font-h1--color: var(--color-foreground-heading);
1312        --font-h2--color: var(--color-foreground-heading);
1313        --font-h3--color: var(--color-foreground-heading);
1314        --font-h4--color: var(--color-foreground-heading);
1315        --font-h5--color: var(--color-foreground-heading);
1316        --font-h6--color: var(--color-foreground-heading);
1317
1318        /* Shadows */
1319        
1320          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1321        
1322        
1323          --shadow-blur: 20px;
1324          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1325        
1326      }
1327  
1328    
1329    
1330    
1331    .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
1332        --color-background: rgb(239 228 206 / 1.0);
1333        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1334        --color-background-rgb: 239 228 206;
1335        --opacity-5-15: 0.05;
1336        --opacity-10-25: 0.1;
1337        --opacity-35-55: 0.35;
1338        --opacity-40-60: 0.4;
1339        --opacity-30-60: 0.3;
1340        --color-foreground: rgb(0 0 0 / 1.0);
1341        --color-foreground-rgb: 0 0 0;
1342        --color-foreground-heading: rgb(0 0 0 / 1.0);
1343        --color-foreground-heading-rgb: 0 0 0;
1344        --color-primary: rgb(0 0 0 / 1.0);
1345        --color-primary-rgb: 0 0 0;
1346        --color-primary-hover: rgb(0 0 0 / 0.53);
1347        --color-primary-hover-rgb: 0 0 0;
1348        --color-border: rgb(230 230 230 / 1.0);
1349        --color-border-rgb: 230 230 230;
1350        --color-shadow: rgb(0 0 0 / 1.0);
1351        --color-shadow-rgb: 0 0 0;
1352        --color-primary-button-text: rgb(255 255 255 / 1.0);
1353        --color-primary-button-background: rgb(0 0 0 / 1.0);
1354        --color-primary-button-border: rgb(0 0 0 / 1.0);
1355        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1356        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1357        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1358        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1359        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1360        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1361        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
1362        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
1363        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
1364        --color-input-background: rgb(255 255 255 / 1.0);
1365        --color-input-text: rgb(0 0 0 / 0.53);
1366        --color-input-text-rgb: 0 0 0;
1367        --color-input-border: rgb(0 0 0 / 0.13);
1368        --color-input-hover-background: rgb(250 250 250 / 1.0);
1369        --color-variant-background: rgb(255 255 255 / 1.0);
1370        --color-variant-border: rgb(230 230 230 / 1.0);
1371        --color-variant-text: rgb(0 0 0 / 1.0);
1372        --color-variant-text-rgb: 0 0 0;
1373        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1374        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1375        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1376        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1377        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1378        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1379        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1380        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1381        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1382
1383        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1384        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1385        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1386        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1387        --font-h1--color: var(--color-foreground-heading);
1388        --font-h2--color: var(--color-foreground-heading);
1389        --font-h3--color: var(--color-foreground-heading);
1390        --font-h4--color: var(--color-foreground-heading);
1391        --font-h5--color: var(--color-foreground-heading);
1392        --font-h6--color: var(--color-foreground-heading);
1393
1394        /* Shadows */
1395        
1396          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1397        
1398        
1399          --shadow-blur: 20px;
1400          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1401        
1402      }
1403  
1404
1405  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
1406    color: var(--color-foreground);
1407    background-color: var(--color-background);
1408  }
1409</style>
1410
1411
1412    
1412<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1412<meta name="google-site-verification" content="GMppawtFX8XaSLF73aCaUvsJYPE7CnC5rMa7WOlcZLg">
1413<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/94600200578/digital_wallets/dialog">
1414<meta id="in-context-paypal-metadata" data-shop-id="94600200578" data-venmo-supported="false" data-environment="production" data-locale="de_DE" data-paypal-v4="true" data-currency="EUR">
1415<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/56160995279234:1?ucp/version=2026-08-25" payment="com.google.pay dev.shopify.card dev.shopify.shop_pay"><link rel="alternate" type="application/json+oembed" href="https://www.holz-bauplan.de/products/gartenhaus-1.oembed">
1416<script async="async" src="/checkouts/internal/preloads.js?locale=de-DE"></script>
vendor: 1 bytes, line 1416
1416
1417<script id="shopify-features" type="application/json">{"accessToken":"2d99fa4175359fb79a8b9f4f32b4a4d7","betas":["rich-media-storefront-analytics"],"domain":"www.holz-bauplan.de","predictiveSearch":true,"shopId":94600200578,"locale":"de"}</script>
vendor: 1 bytes, line 1417
1417
1418<script>var Shopify = Shopify || {};
1419Shopify.shop = "7dt1q1-0m.myshopify.com";
1420Shopify.locale = "de";
1421Shopify.currency = {"active":"EUR","rate":"1.0"};
1422Shopify.country = "DE";
1423Shopify.theme = {"name":"Original","id":188680176002,"schema_name":"Horizon","schema_version":"3.2.0","theme_store_id":2481,"role":"main"};
1424Shopify.theme.handle = "null";
1425Shopify.theme.style = {"id":null,"handle":null};
1426Shopify.cdnHost = "www.holz-bauplan.de/cdn";
1427Shopify.routes = Shopify.routes || {};
1428Shopify.routes.root = "/";
1429Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1430Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1431Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1432Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1432
1432
1433<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1433
1433
1434<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 1434
1434
1435<script>
1436  window.Shopify = window.Shopify || {};
1437  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1438  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1439  window.Shopify.SignInWithShop.eligible = true;
1440</script>
vendor: 1 bytes, line 1440
1440
1441<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 1441
1441
1442<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.de.esm.js"></script>
vendor: 1 bytes, line 1442
1442
1443<script type="module">
1444  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.de.esm.js");
1445
1446  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1447
1448</script>
vendor: 1 bytes, line 1448
1448
1449<script>
1450  window.Shopify = window.Shopify || {};
1451  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1452  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.de.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.de.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.de.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.de.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.de.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.de.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.de.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.de.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.de.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.de.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.de.esm.js"],"listener":["modules/v2/loader.listener.de.esm.js"],"pay-button":["modules/v2/loader.pay-button.de.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.de.esm.js"],"shop-button":["modules/v2/loader.shop-button.de.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.de.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.de.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.de.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.de.esm.js"],"shop-login":["modules/v2/loader.shop-login.de.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.de.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.de.esm.js"]};
1453</script>
vendor: 1 bytes, line 1453
1453
1454<script id="__st">var __st={"a":94600200578,"offset":7200,"reqid":"b5d6170e-225d-4c05-bd69-b89fcf68f589-1791408908","pageurl":"www.holz-bauplan.de\/products\/gartenhaus-1?variant=56160995279234","u":"28aa800d46e2","p":"product","rtyp":"product","rid":15225320178050};</script>
vendor: 1 bytes, line 1454
1454
1455<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1455
1455
1456<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Durch hCaptcha geschützt',privacyText:'Datenschutz',termsText:'Allgemeine Geschäftsbedingungen'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 1456
1456
1457<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.holz-bauplan.de/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1457
1457
1458<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//www.holz-bauplan.de/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
1458<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 1458
1458
1459<script>
1460  window.Shopify = window.Shopify || {};
1461  window.Shopify.MCP = window.Shopify.MCP || {};
1462  window.Shopify.MCP.enabled = true;
1463  window.Shopify.MCP.shop = "7dt1q1-0m.myshopify.com";
1464  window.Shopify.MCP.mcpEndpoint = "https:\/\/www.holz-bauplan.de\/api\/mcp";
1465  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\nSet policy_types to also get the store's written policies (full text and URL).\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}];
1466</script>
vendor: 1 bytes, line 1466
1466
1467<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/www.holz-bauplan.de\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
1468</script>
vendor: 1 bytes, line 1468
1468
1469<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.holz-bauplan.de/cdn/shopifycloud/portable-wallets/latest/portable-wallets.de.js",t.type="module",document.head.appendChild(t)}};
1470</script>
vendor: 1 bytes, line 1470
1470
1471<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1472  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
1473</script>
vendor: 1 bytes, line 1473
1473
1474<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
1475</script>
vendor: 1 bytes, line 1475
1475
1476<script id='scb4127' type='text/javascript' async='' src='https://www.holz-bauplan.de/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
1476<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.holz-bauplan.de/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
1477<style id="shopify-accelerated-checkout-cart">
1478        #shopify-buyer-consent {
1479  margin-top: 1em;
1480  display: inline-block;
1481  width: 100%;
1482}
1483
1484#shopify-buyer-consent.hidden {
1485  display: none;
1486}
1487
1488#shopify-subscription-policy-button {
1489  background: none;
1490  border: none;
1491  padding: 0;
1492  text-decoration: underline;
1493  font-size: inherit;
1494  cursor: pointer;
1495}
1496
1497#shopify-subscription-policy-button::before {
1498  box-shadow: none;
1499}
1500
1501      </style>
1502<link rel="stylesheet" media="screen" href="//www.holz-bauplan.de/cdn/shop/t/6/compiled_assets/styles.css?v=142388765352427393991779877734">
1503<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
vendor: 1 bytes, line 1503
1503
1504<script src="https://www.digistore24-scripts.com/service/digistore.js" defer></script>
vendor: 1 bytes, line 1504
1504
1505<script>
1506  document.addEventListener('DOMContentLoaded', function () {
1507    digistorePromocode({ "product_id": 65687, "adjust_domain": true });
1508  });
1509</script>
1509
1510
1511<script src="https://www.digistore24.com/socialproof/4549/MKaLWDwwh3xG0w3XCCrTaZ3tPsr9aR/70/330.js" defer="defer"></script>
1511
1512
1513<meta name="msvalidate.01" content="D62B081166D22728B04134C046097ACC" />
1514<meta name="verification" content="51fbb55fe35419ef2df536ba057a7e4f" />
1515
1516
1517
1518
1519<meta name="google-site-verification" content="kiiITo4dcVCX7qfYaf3lNHzK4ufTtWXL3U70__F_4fY" />
1520
1521<script type="application/ld+json">
1522{
1523  "@context": "https://schema.org",
1524  "@type": "Organization",
1525  "name": "Holz-Bauplan",
1526  "url": "https://www.holz-bauplan.de",
1527  "logo": "https://cdn.shopify.com/s/files/1/0946/0020/0578/files/01_JPG.jpg?v=1771855883",
1528  "contactPoint": {
1529    "@type": "ContactPoint",
1530    "contactType": "customer service",
1531    "email": "[email protected]"
1532  }
1533}
1534</script>
1534
1535<style>
1536#shopify-section-template--27410489475458__slideshow_8BmhcJ .slide__image-container {
1537  display: none !important;
1538}
1539
1540#shopify-section-template--27410489475458__slideshow_8BmhcJ slideshow-slide {
1541  --grid-template-rows: 1fr !important;
1542  --grid-template-rows-desktop: 1fr !important;
1543}
1544#shopify-section-template--27410489475458__slideshow_8BmhcJ slideshow-slide[aria-hidden="false"] .slide__content {
1545  opacity: 1 !important;
1546  visibility: visible !important;
1547}
1548#shopify-section-template--27410489475458__slideshow_8BmhcJ .slide__content {
1549  width: 100% !important;
1550margin-left: 0 !important;
1551  box-sizing: border-box;
1552  text-align: center;
1553}
1554@supports (-moz-appearance: none) {
1555  @media (min-width: 990px) {
1556    #shopify-section-template--27410489475458__slideshow_8BmhcJ .slide__content {
1557      transform: translateX(100px) !important;
1558    }
1559  }
1560}
1561</style>
1562  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1563<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 94600200578,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 1563
1563
1564<script>
1565  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1566</script>
vendor: 1 bytes, line 1566
1566
1567<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1567).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 94600200578,storefrontBaseUrl: "https://www.holz-bauplan.de",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.holz-bauplan.de/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b"],webPixelsConfigList: [{"id":"3218473346","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-CTSCEJGF12\\\",\\\"GT-5R7VTCFF\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-CTSCEJGF12\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-CTSCEJGF12\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-CTSCEJGF12\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-CTSCEJGF12\\\",\\\"MC-YF107GDEQR\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-CTSCEJGF12\\\",\\\"MC-YF107GDEQR\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-CTSCEJGF12\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-CTSCEJGF12\\\",\\\"MC-YF107GDEQR\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-CTSCEJGF12\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-CTSCEJGF12\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-CTSCEJGF12\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-CTSCEJGF12\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"2536636802","configuration":"{\"tagID\":\"2612769243391\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"holz-bauplan.de","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"7dt1q1-0m.myshopify.com","countryCode":"DE","storefrontUrl":"https:\/\/www.holz-bauplan.de"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":29.99,"currencyCode":"EUR"},"product":{"title":"Gartenhaus 1","vendor":"holz-bauplan.de","id":"15225320178050","untranslatedTitle":"Gartenhaus 1","url":"\/products\/gartenhaus-1","type":"Gartenhaus"},"id":"56160995279234","image":{"src":"\/\/www.holz-bauplan.de\/cdn\/shop\/files\/Gartenhaus1.png?v=1767694800"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"}
1567],"products":[{"id":"15225320178050","handle":"gartenhaus-1","isCollective":null,"title":"Gartenhaus 1","type":"Gartenhaus","untranslatedTitle":"Gartenhaus 1","url":"\/products\/gartenhaus-1","vendor":"holz-bauplan.de","remoteShopId":null,"variants":[{"id":"56160995279234","image":{"src":"\/\/www.holz-bauplan.de\/cdn\/shop\/files\/Gartenhaus1.png?v=1767694800"},"price":{"amount":29.99,"currencyCode":"EUR"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"}]}],"purchasingCompany":null},},"https://www.holz-bauplan.de/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"188680176002","themeStoreId":"2481","themePublished":"true","eventMetadataId":"5929eab3-4f6c-43c6-833f-e41d589a4753","pageType":"product","resourceId":"15225320178050","shopId":"94600200578","storefrontBaseUrl":"https:\/\/www.holz-bauplan.de","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"7ec887c8w14f9f074p854094e1m1370c602","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":29.99,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"Gartenhaus 1\",\"vendor\":\"holz-bauplan.de\",\"id\":\"15225320178050\",\"untranslatedTitle\":\"Gartenhaus 1\",\"url\":\"\/products\/gartenhaus-1\",\"type\":\"Gartenhaus\"},\"id\":\"56160995279234\",\"image\":{\"src\":\"\/\/www.holz-bauplan.de\/cdn\/shop\/files\/Gartenhaus1.png?v=1767694800\"},\"sku\":null,\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}}]]"});})();</script>
1567<script>
1568  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1569  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1570  window.ShopifyAnalytics.meta.currency = 'EUR';
1571  var meta = {"product":{"id":15225320178050,"gid":"gid:\/\/shopify\/Product\/15225320178050","vendor":"holz-bauplan.de","type":"Gartenhaus","handle":"gartenhaus-1","variants":[{"id":56160995279234,"price":2999,"name":"Gartenhaus 1","public_title":null,"sku":null}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":15225320178050,"requestId":"b5d6170e-225d-4c05-bd69-b89fcf68f589-1791408908"}};
1572  for (var attr in meta) {
1573    window.ShopifyAnalytics.meta[attr] = meta[attr];
1574  }
1575</script>
vendor: 1 bytes, line 1575
1575
1576<script class="analytics">
1577  (function () {
1578    var customDocumentWrite = function(content) {
1579      var jquery = null;
1580
1581      if (window.jQuery) {
1582        jquery = window.jQuery;
1583      } else if (window.Checkout && window.Checkout.$) {
1584        jquery = window.Checkout.$;
1585      }
1586
1587      if (jquery) {
1588        jquery('body').append(content);
1589      }
1590    };
1591
1592    var hasLoggedConversion = function(token) {
1593      if (token) {
1594        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1595      }
1596      return false;
1597    }
1598
1599    var setCookieIfConversion = function(token) {
1600      if (token) {
1601        var twoMonthsFromNow = new Date(Date.now());
1602        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1603
1604        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1605      }
1606    }
1607
1608    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1609    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1610    if (trekkie.integrations) {
1611      return;
1612    }
1613    trekkie.methods = [
1614      'identify',
1615      'page',
1616      'ready',
1617      'track',
1618      'trackForm',
1619      'trackLink'
1620    ];
1621    trekkie.factory = function(method) {
1622      return function() {
1623        var args = Array.prototype.slice.call(arguments);
1624        args.unshift(method);
1625        trekkie.push(args);
1626        if (method == 'track' || method == 'page') {
1627          var pageUrl;
1628          try {
1629            pageUrl = window.location.href;
1630          } catch (e) {}
1631          var pageReferrer;
1632          try {
1633            pageReferrer = document.referrer;
1634          } catch (e) {}
1635          try {
1636            if (window.__TREKKIE_SHIM_QUEUE == null) {
1637              window.__TREKKIE_SHIM_QUEUE = [];
1638            }
1639            window.__TREKKIE_SHIM_QUEUE.push({
1640              from: 'trekkie-stub',
1641              method: method,
1642              args: args.slice(1),
1643              pageContext: {
1644                url: pageUrl,
1645                referrer: pageReferrer
1646              }
1647            });
1648          } catch (e) {
1649            // no-op
1650          }
1651        }
1652        return trekkie;
1653      };
1654    };
1655    for (var i = 0; i < trekkie.methods.length; i++) {
1656      var key = trekkie.methods[i];
1657      trekkie[key] = trekkie.factory(key);
1658    }
1659    trekkie.load = function(config) {
1660      trekkie.config = config || {};
1661      trekkie.config.initialDocumentCookie = document.cookie;
1662      var first = document.getElementsByTagName('script')[0];
1663var script = document.createElement('script');
1664script.type = 'text/javascript';
1665script.onerror = function(e) {
1666  var scriptFallback = document.createElement('script');
1667  scriptFallback.type = 'text/javascript';
1668  scriptFallback.onerror = function(error) {
1669          var Monorail = {
1670      produce: function produce(monorailDomain, schemaId, payload) {
1671        var currentMs = new Date().getTime();
1672        var event = {
1673          schema_id: schemaId,
1674          payload: payload,
1675          metadata: {
1676            event_created_at_ms: currentMs,
1677            event_sent_at_ms: currentMs
1678          }
1679        };
1680        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1681      },
1682      sendRequest: function sendRequest(endpointUrl, payload) {
1683        // Try the sendBeacon API
1684        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1685          var blobData = new window.Blob([payload], {
1686            type: 'text/plain'
1687          });
1688
1689          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1690            return true;
1691          } // sendBeacon was not successful
1692
1693        } // XHR beacon
1694
1695        var xhr = new XMLHttpRequest();
1696
1697        try {
1698          xhr.open('POST', endpointUrl);
1699          xhr.setRequestHeader('Content-Type', 'text/plain');
1700          xhr.send(payload);
1701        } catch (e) {
1702          console.log(e);
1703        }
1704
1705        return false;
1706      },
1707      isIos12: function isIos12() {
1708        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1709      }
1710    };
1711    Monorail.produce('monorail-edge.shopifysvc.com',
1712      'trekkie_storefront_load_errors/1.1',
1713      {shop_id: 94600200578,
1714      theme_id: 188680176002,
1715      app_name: "storefront",
1716      context_url: window.location.href,
1717      source_url: "//www.holz-bauplan.de/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"});
1718
1719  };
1720  scriptFallback.async = true;
1721  scriptFallback.src = '//www.holz-bauplan.de/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
1722  first.parentNode.insertBefore(scriptFallback, first);
1723};
1724script.async = true;
1725script.src = '//www.holz-bauplan.de/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
1726first.parentNode.insertBefore(script, first);
1727
1728    };
1729    trekkie.load(
1730      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":94600200578,"isMerchantRequest":null,"themeId":188680176002,"themeCityHash":"13728301490833791406","contentLanguage":"de","currency":"EUR","eventMetadataId":"5929eab3-4f6c-43c6-833f-e41d589a4753"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1731    );
1732
1733    var loaded = false;
1734    trekkie.ready(function() {
1735      if (loaded) return;
1736      loaded = true;
1737
1738      window.ShopifyAnalytics.lib = window.trekkie;
1739
1740      var originalDocumentWrite = document.write;
1741      document.write = customDocumentWrite;
1742      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1743      document.write = originalDocumentWrite;
1744
1745      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1746      var token = match? match[1]: undefined;
1747      if (!hasLoggedConversion(token)) {
1748        setCookieIfConversion(token);
1749        window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"EUR","variantId":56160995279234,"productId":15225320178050,"productGid":"gid:\/\/shopify\/Product\/15225320178050","name":"Gartenhaus 1","price":"29.99","sku":null,"brand":"holz-bauplan.de","variant":null,"category":"Gartenhaus","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true});
1750      }
1751    });
1752
1753    window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":15225320178050,"requestId":"b5d6170e-225d-4c05-bd69-b89fcf68f589-1791408908","shopifyEmitted":true});
1754
1755    var eventsListenerScript = document.createElement('script');
1756    eventsListenerScript.async = true;
1757    eventsListenerScript.src = "//www.holz-bauplan.de/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1758    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1759})();</script>
vendor: 1 bytes, line 1759
1759
1760<script
1761  defer
1762  src="https://www.holz-bauplan.de/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.6.min.js"
1763  data-application="storefront-renderer"
1764  data-shop-id="94600200578"
1765  data-render-region="gcp-us-west1"
1766  data-page-type="product"
1767  data-theme-instance-id="188680176002"
1768  data-theme-name="Horizon"
1769  data-theme-version="3.2.0"
1770  data-monorail-region="shop_domain"
1771  data-resource-timing-sampling-rate="10"
1772  data-shs="true"
1773  data-shs-beacon="true"
1774  data-shs-export-with-fetch="true"
1775  data-shs-logs-sample-rate="1"
1776  data-shs-beacon-endpoint="https://www.holz-bauplan.de/api/collect"
1777></script>
1777
1778<meta name="shopify-y" content="372eaf67-298e-4a0f-8cab-be3e64834411" data-expiration="1822966508000"><meta name="shopify-s" content="1e513fbc-8b10-4e14-a2d7-b76dc35ed812" data-expiration="1791410708000"><meta name="new-cookie-storage-activated" content="t">
1779</head>
1780
1781  <body class="page-width-narrow card-hover-effect-none">
1782    <a
1783  class="skip-to-content-link button-secondary"
1784  href="#MainContent"
1785>
1786  Direkt zum Inhalt
1787</a>
1788
1789    <div id="header-group">
1790      <!-- BEGIN sections: header-group -->
1791<header id="shopify-section-sections--27410484068738__header_section" class="shopify-section shopify-section-group-header-group header-section">
1792
1793
1794
1795<script type="application/ld+json">
1796  {
1797    "@context": "http://schema.org",
1798    "@type": "Organization",
1799    "name": "holz-bauplan.de",
1800    
1801      "logo": "https:\/\/www.holz-bauplan.de\/cdn\/shop\/files\/01_JPG.jpg?v=1771855883\u0026width=500",
1802    
1803    "url": "https:\/\/www.holz-bauplan.de"
1804  }
1805</script>
1805
1806
1807<header-component
1808  id="header-component"
1809  class="header"
1810  
1811  
1812    sticky="always"
1813  
1814  data-skip-node-update
1815  data-scroll-direction="none"
1816>
1817    
1818
1819    
1820
1821    
1822    
1823      <div
1824        class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width"
1825        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
1826        <div class="header__columns spacing-style">
1827          <div
1828      class="header__column header__column--left"
1829      data-testid="header-top-left"
1830    >
1831      
1832        
1833          
1834              
1835
1836
1837
1838    <div
1839      class="header__drawer desktop:hidden"
1840      ref="headerDrawerContainer"
1841      
1842    >
1843      
1844
1845<script
1846  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/header-drawer.js?v=160607022407653843031779877734"
1847  type="module"
1848  fetchpriority="low"
1849></script>
1849
1850
1851<header-drawer
1852  class="header-drawer header__drawer--mobile"
1853  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
1854>
1855  <details
1856    id="Details-menu-drawer-container"
1857    data-skip-node-update="true"
1858    class="menu-drawer-container"
1859    ref="details"
1860    scroll-lock
1861  >
1862    <summary
1863      class="header__icon header__icon--menu header__icon--summary"
1864      aria-label="Menü"
1865      on:click="/toggle"
1866    >
1867      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1868  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
1869  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
1870</svg>
1871</span>
1872      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1873  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1874  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1875</svg>
1876</span>
1877    </summary>
1878    <div
1879      data-header-drawer
1880      class="
1881        menu-drawer
1882        motion-reduce
1883        color-scheme-1
1884      "
1885    >
1886      <button
1887        class="button button-unstyled close-button menu-drawer__close-button"
1888        type="button"
1889        aria-label="Schließen"
1890        on:click="/close"
1891      >
1892        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1893  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1894  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1895</svg>
1896</span>
1897      </button>
1898      <nav
1899        class="menu-drawer__navigation"
1900        style="--menu-top-level-font-family: var(--font-subheading--family);
1901--menu-top-level-font-size-desktop: 1.125rem; --menu-top-level-font-style: var(--font-subheading--style); --menu-top-level-font-weight: var(--font-subheading--weight); --menu-top-level-font-case:none;
1902
1903  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
1904  var(--menu-font-2xl--line-height);
1905
1906--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
1907
1908--menu-parent-font-family: var(--font-subheading--family); --menu-parent-font-style:
1909var(--font-subheading--style); --menu-parent-font-weight: var(--font-subheading--weight); --menu-parent-font-case:
1910none;
1911
1912    --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
1913    var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
1914    --menu-parent-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
1915  
1916--menu-child-font-family: var(--font-subheading--family); --menu-child-font-style:
1917var(--font-subheading--style); --menu-child-font-weight: var(--font-subheading--weight); --menu-child-font-case:
1918none;
1919
1920    --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height);
1921    --menu-child-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
1922    --menu-child-active-font-color: var(--color-foreground);
1923  
1924
1925        "
1926      >
1927        <ul
1928          class="menu-drawer__menu has-submenu"
1929          role="list"
1930        >
1931
1932
1933              <li
1934                class="menu-drawer__list-item"
1935                style="--menu-drawer-animation-index: 1;"
1936              ><details
1937                    id="Details-menu-drawer-menu-item-1"
1938                    class="menu-drawer__menu-container"
1939                  >
1940                    <summary
1941                      id="HeaderDrawer-bauplane"
1942                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
1943                      on:click="header-drawer/open"
1944                    >
1945                      <span class="menu-drawer__menu-item-text wrap-text">Baupläne</span>
1946                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1947  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1948</svg>
1949</span>
1950                    </summary>
1951                    <div
1952                      id="link-bauplane"
1953                      class="menu-drawer__submenu has-submenu gradient motion-reduce"
1954                      tabindex="-1"
1955                      style="--menu-drawer-animation-index: 1;"
1956                    >
1957                      <div class="menu-drawer__inner-submenu">
1958                        <div class="menu-drawer__nav-buttons">
1959                          <button
1960                            class="button menu-drawer__back-button focus-inset"
1961                            aria-expanded="true"
1962                            on:click="header-drawer/back"
1963                            aria-label="Zurück"
1964                          >
1965                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1966  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1967</svg>
1968</span>
1969                            <span class="menu-drawer__menu-item-text wrap-text">Baupläne</span>
1970                          </button>
1971                          <button
1972                            class="button close-button menu-drawer__close-button"
1973                            type="button"
1974                            aria-label="Schließen"
1975                            on:click="header-drawer/close"
1976                          >
1977                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1978  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1979  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1980</svg>
1981</span>
1982                          </button>
1983                        </div>
1984                        
1985                        <ul
1986                          class="menu-drawer__menu menu-drawer__menu--childlist"
1987                          role="list"
1988                          tabindex="-1"
1989                        >
1990                          <li
1991                              class="
1992                                menu-drawer__list-item
1993                                menu-drawer__list-item--deep
1994                              "
1995                            >
1996                                
1997<accordion-custom >
1998                                    <details
1999                                      id="Details-menu-drawer-bauplane-carporte"
2000                                    >
2001                                      <summary
2002                                        id="HeaderDrawer-bauplane-carporte"
2003                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
2004                                      >
2005                                        <span class="menu-drawer__menu-item-text wrap-text">Carporte</span>
2006                                        <span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2007  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2008  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2009</svg>
2010</span>
2011                                      </summary>
2012                                      
2013                                      <ul
2014                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
2015                                        role="list"
2016                                        tabindex="-1"
2017                                      ><li
2018                                            class="menu-drawer__list-item"
2019                                            style="--menu-drawer-animation-index: 1;"
2020                                          >
2021                                            <a
2022                                              id="HeaderDrawer-bauplane-carporte-einzelcarport"
2023                                              href="/collections/einzelcarport-selber-bauen"
2024                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2025                                              
2026                                            >
2027                                              
2028                                              <span class="menu-drawer__menu-item-text wrap-text">Einzelcarport</span>
2029                                            </a>
2030                                          </li><li
2031                                            class="menu-drawer__list-item"
2032                                            style="--menu-drawer-animation-index: 2;"
2033                                          >
2034                                            <a
2035                                              id="HeaderDrawer-bauplane-carporte-doppelcarport"
2036                                              href="/collections/doppelcarport"
2037                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2038                                              
2039                                            >
2040                                              
2041                                              <span class="menu-drawer__menu-item-text wrap-text">Doppelcarport</span>
2042                                            </a>
2043                                          </li><li
2044                                            class="menu-drawer__list-item"
2045                                            style="--menu-drawer-animation-index: 3;"
2046                                          >
2047                                            <a
2048                                              id="HeaderDrawer-bauplane-carporte-carport-mit-gerateschuppen"
2049                                              href="/collections/carport-mit-schuppen"
2050                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2051                                              
2052                                            >
2053                                              
2054                                              <span class="menu-drawer__menu-item-text wrap-text">Carport mit Geräteschuppen</span>
2055                                            </a>
2056                                          </li></ul>
2057                                    </details>
2058                                  </accordion-custom>
2059                                </li><li
2060                              class="
2061                                menu-drawer__list-item
2062                                
2063                              "
2064                            ><a
2065                                  id="HeaderDrawer-bauplane-gartenhauser"
2066                                  href="/collections/gartenhaus-selbst-bauen"
2067                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
2068                                  
2069                                >
2070                                  
2071                                  <span class="menu-drawer__menu-item-text wrap-text">Gartenhäuser</span>
2072                                </a></li><li
2073                              class="
2074                                menu-drawer__list-item
2075                                
2076                              "
2077                            ><a
2078                                  id="HeaderDrawer-bauplane-gerateschuppen"
2079                                  href="/collections/geraeteschuppen-selber-bauen"
2080                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
2081                                  
2082                                >
2083                                  
2084                                  <span class="menu-drawer__menu-item-text wrap-text">Geräteschuppen</span>
2085                                </a></li><li
2086                              class="
2087                                menu-drawer__list-item
2088                                
2089                              "
2090                            ><a
2091                                  id="HeaderDrawer-bauplane-pavillon"
2092                                  href="/collections/holzpavillon-selber-bauen"
2093                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
2094                                  
2095                                >
2096                                  
2097                                  <span class="menu-drawer__menu-item-text wrap-text">Pavillon</span>
2098                                </a></li><li
2099                              class="
2100                                menu-drawer__list-item
2101                                
2102                              "
2103                            ><a
2104                                  id="HeaderDrawer-bauplane-uberdachung"
2105                                  href="/collections/ueberdachung-selber-bauen"
2106                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
2107                                  
2108                                >
2109                                  
2110                                  <span class="menu-drawer__menu-item-text wrap-text">Überdachung</span>
2111                                </a></li><li
2112                              class="
2113                                menu-drawer__list-item
2114                                
2115                              "
2116                            ><a
2117                                  id="HeaderDrawer-bauplane-spielturm"
2118                                  href="/collections/spielturm-im-garten-selber-bauen"
2119                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
2120                                  
2121                                >
2122                                  
2123                                  <span class="menu-drawer__menu-item-text wrap-text">Spielturm</span>
2124                                </a></li><li
2125                              class="
2126                                menu-drawer__list-item
2127                                
2128                              "
2129                            ><a
2130                                  id="HeaderDrawer-bauplane-spielhaus"
2131                                  href="/collections/spielhaus-aus-holz"
2132                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
2133                                  
2134                                >
2135                                  
2136                                  <span class="menu-drawer__menu-item-text wrap-text">Spielhaus</span>
2137                                </a></li><li
2138                              class="
2139                                menu-drawer__list-item
2140                                
2141                              "
2142                            ><a
2143                                  id="HeaderDrawer-bauplane-gartenlaube"
2144                                  href="/collections/gartenlaube-selber-bauen"
2145                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
2146                                  
2147                                >
2148                                  
2149                                  <span class="menu-drawer__menu-item-text wrap-text">Gartenlaube</span>
2150                                </a></li><li
2151                              class="
2152                                menu-drawer__list-item
2153                                
2154                              "
2155                            ><a
2156                                  id="HeaderDrawer-bauplane-pergola-terrasse"
2157                                  href="/collections/pergola-selber-bauen"
2158                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
2159                                  
2160                                >
2161                                  
2162                                  <span class="menu-drawer__menu-item-text wrap-text">Pergola/Terrasse</span>
2163                                </a></li><li
2164                              class="
2165                                menu-drawer__list-item
2166                                
2167                              "
2168                            ><a
2169                                  id="HeaderDrawer-bauplane-vordach"
2170                                  href="/collections/vordach-aus-holz-selber-bauen"
2171                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
2172                                  
2173                                >
2174                                  
2175                                  <span class="menu-drawer__menu-item-text wrap-text">Vordach</span>
2176                                </a></li><li
2177                              class="
2178                                menu-drawer__list-item
2179                                
2180                              "
2181                            ><a
2182                                  id="HeaderDrawer-bauplane-holzlagerung"
2183                                  href="/collections/holzlagerung-selber-bauen"
2184                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
2185                                  
2186                                >
2187                                  
2188                                  <span class="menu-drawer__menu-item-text wrap-text">Holzlagerung</span>
2189                                </a></li><li
2190                              class="
2191                                menu-drawer__list-item
2192                                
2193                              "
2194                            ><a
2195                                  id="HeaderDrawer-bauplane-balkon"
2196                                  href="/collections/holzbalkon-selber-bauen"
2197                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
2198                                  
2199                                >
2200                                  
2201                                  <span class="menu-drawer__menu-item-text wrap-text">Balkon</span>
2202                                </a></li><li
2203                              class="
2204                                menu-drawer__list-item
2205                                
2206                              "
2207                            ><a
2208                                  id="HeaderDrawer-bauplane-sonstige-bauplane"
2209                                  href="/collections/sonstige-holz-bauplaene"
2210                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
2211                                  
2212                                >
2213                                  
2214                                  <span class="menu-drawer__menu-item-text wrap-text">sonstige Baupläne</span>
2215                                </a></li></ul>
2216                        
2217                      </div>
2218                    </div>
2219                  </details></li>
2220              <li
2221                class="menu-drawer__list-item"
2222                style="--menu-drawer-animation-index: 2;"
2223              ><a
2224                    id="HeaderDrawer-individueller-bauplan"
2225                    href="/pages/individueller-bauplan"
2226                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2227                    
2228                  >
2229                    <span class="menu-drawer__menu-item-text wrap-text">Individueller Bauplan</span>
2230                  </a></li>
2231              <li
2232                class="menu-drawer__list-item"
2233                style="--menu-drawer-animation-index: 3;"
2234              ><details
2235                    id="Details-menu-drawer-menu-item-3"
2236                    class="menu-drawer__menu-container"
2237                  >
2238                    <summary
2239                      id="HeaderDrawer-kontakt-faq"
2240                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2241                      on:click="header-drawer/open"
2242                    >
2243                      <span class="menu-drawer__menu-item-text wrap-text">Kontakt/FAQ</span>
2244                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2245  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2246</svg>
2247</span>
2248                    </summary>
2249                    <div
2250                      id="link-kontakt-faq"
2251                      class="menu-drawer__submenu has-submenu gradient motion-reduce"
2252                      tabindex="-1"
2253                      style="--menu-drawer-animation-index: 3;"
2254                    >
2255                      <div class="menu-drawer__inner-submenu">
2256                        <div class="menu-drawer__nav-buttons">
2257                          <button
2258                            class="button menu-drawer__back-button focus-inset"
2259                            aria-expanded="true"
2260                            on:click="header-drawer/back"
2261                            aria-label="Zurück"
2262                          >
2263                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2264  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2265</svg>
2266</span>
2267                            <span class="menu-drawer__menu-item-text wrap-text">Kontakt/FAQ</span>
2268                          </button>
2269                          <button
2270                            class="button close-button menu-drawer__close-button"
2271                            type="button"
2272                            aria-label="Schließen"
2273                            on:click="header-drawer/close"
2274                          >
2275                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2276  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2277  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2278</svg>
2279</span>
2280                          </button>
2281                        </div>
2282                        
2283                        <ul
2284                          class="menu-drawer__menu menu-drawer__menu--childlist"
2285                          role="list"
2286                          tabindex="-1"
2287                        >
2288                          <li
2289                              class="
2290                                menu-drawer__list-item
2291                                
2292                              "
2293                            ><a
2294                                  id="HeaderDrawer-kontakt-faq-kontakt"
2295                                  href="/pages/kontakt-faq"
2296                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
2297                                  
2298                                >
2299                                  
2300                                  <span class="menu-drawer__menu-item-text wrap-text">Kontakt</span>
2301                                </a></li><li
2302                              class="
2303                                menu-drawer__list-item
2304                                
2305                              "
2306                            ><a
2307                                  id="HeaderDrawer-kontakt-faq-faq"
2308                                  href="/pages/faq"
2309                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
2310                                  
2311                                >
2312                                  
2313                                  <span class="menu-drawer__menu-item-text wrap-text">FAQ</span>
2314                                </a></li></ul>
2315                        
2316                      </div>
2317                    </div>
2318                  </details></li>
2319        </ul>
2320      </nav>
2321      <div
2322        class="menu-drawer__utility-links menu-drawer__animated-element"
2323        style="--menu-drawer-animation-index: 3;"
2324      >
2325        
2326        </div>
2327
2328      
2329    </div>
2330    <div
2331      class="menu-drawer__backdrop"
2332      on:click="header-drawer/close"
2333    ></div>
2334  </details>
2335</header-drawer>
2336
2337
2338
2339    </div>
2340
2341  
2342
2343
2344
2345
2346
2347            
2348        
2349      
2350        
2351          
2352              
2353
2354
2355
2356    <header-menu
2357      ref="headerMenu"
2358      class="header-menu mobile:hidden"
2359      data-animation-delay="200"
2360      
2361      style="--submenu-animation-speed: 200ms;"
2362    >
2363      <div class="header-menu__inner">
2364
2365
2366
2367<nav header-menu>
2368  <div
2369    class="menu-list"
2370    style="--menu-top-level-font-family: var(--font-subheading--family);
2371--menu-top-level-font-size-desktop: 1.125rem; --menu-top-level-font-style: var(--font-subheading--style); --menu-top-level-font-weight: var(--font-subheading--weight); --menu-top-level-font-case:none;
2372
2373  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
2374  var(--menu-font-sm--line-height);
2375
2376--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
2377"
2378  >
2379    
2380    <overflow-list
2381  
2382    ref="overflowMenu"
2383  
2384  
2385    class="overflow-menu color-scheme-matches-parent"
2386  
2387  
2388    minimum-items="2"
2389  
2390  
2391    data-testid="header-menu-overflow-list"
2392  
2393  
2394    data-skip-node-update
2395  
2396>
2397  <template shadowrootmode="open">
2398    <link href="//www.holz-bauplan.de/cdn/shop/t/6/assets/overflow-list.css?v=101911674359793798601779877734" rel="stylesheet" type="text/css" media="all" />
2399
2400    <ul part="list">
2401      <slot></slot>
2402      <slot
2403        name="more"
2404        part="more"
2405        hidden
2406        
2407      >
2408        <li
2409          part="more"
2410        >
2411          <button
2412            class="button"
2413            type="button"
2414            tabindex="0"
2415          >
2416            Mehr
2417          </button>
2418        </li>
2419      </slot>
2420      <li
2421        part="placeholder"
2422        hidden
2423      ></li>
2424    </ul>
2425
2426    <div part="overflow">
2427      <ul part="overflow-list">
2428        <slot name="overflow"></slot>
2429      </ul>
2430    </div>
2431  </template>
2432
2433  
2434  
2435    <li
2436      role="presentation"
2437      class="menu-list__list-item"
2438      on:focus="/activate"
2439      on:blur="/deactivate"
2440      on:pointerenter="/activate"
2441      on:pointerleave="/deactivate"
2442    >
2443      <a
2444        href="/pages/bauplane"
2445        data-skip-node-update="true"
2446        class="menu-list__link"aria-controls="submenu-1"
2447          aria-haspopup="true"
2448          aria-expanded="false"ref="menuitem"
2449      >
2450        <span class="menu-list__link-title">Baupläne</span>
2451      </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
2452          <div
2453            id="submenu-1"
2454            class="menu-list__submenu-inner"
2455            style="--menu-parent-font-family: var(--font-subheading--family); --menu-parent-font-style:
2456var(--font-subheading--style); --menu-parent-font-weight: var(--font-subheading--weight); --menu-parent-font-case:
2457none;
2458
2459    --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
2460    var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
2461    --menu-parent-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
2462  
2463--menu-child-font-family: var(--font-subheading--family); --menu-child-font-style:
2464var(--font-subheading--style); --menu-child-font-weight: var(--font-subheading--weight); --menu-child-font-case:
2465none;
2466
2467    --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height);
2468    --menu-child-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
2469    --menu-child-active-font-color: var(--color-foreground);
2470  
2471"
2472          >
2473            
2474            <div class="mega-menu section section--full-width-margin section--page-width">
2475  <div
2476    class="mega-menu__grid"
2477    data-menu-grid-id="MegaMenuList-1"
2478  >
2479    
2480<ul
2481  data-menu-list-id="MegaMenuList-1"
2482  class="mega-menu__list list-unstyled"
2483  style="--menu-image-border-radius: 0px;"
2484>
2485  
2486    <li class="mega-menu__column mega-menu__column--span-1">
2487    <div>
2488      <a
2489        href="/collections/carport-selbst-bauen"
2490        class="mega-menu__link mega-menu__link--parent"
2491      >
2492        
2493        <span
2494          class="mega-menu__link-title wrap-text"
2495        >Carporte</span>
2496      </a>
2497      
2498        <ul
2499          class="list-unstyled"
2500          
2501            style="column-count: 1;"
2502          
2503        >
2504          
2505            
2506            <li
2507              
2508            >
2509              <a
2510                href="/collections/einzelcarport-selber-bauen"
2511                class="mega-menu__link"
2512              >
2513                <span class="mega-menu__link-title wrap-text">Einzelcarport</span>
2514              </a>
2515            </li>
2516          
2517            
2518            <li
2519              
2520            >
2521              <a
2522                href="/collections/doppelcarport"
2523                class="mega-menu__link"
2524              >
2525                <span class="mega-menu__link-title wrap-text">Doppelcarport</span>
2526              </a>
2527            </li>
2528          
2529            
2530            <li
2531              
2532            >
2533              <a
2534                href="/collections/carport-mit-schuppen"
2535                class="mega-menu__link"
2536              >
2537                <span class="mega-menu__link-title wrap-text">Carport mit Geräteschuppen</span>
2538              </a>
2539            </li>
2540          
2541        </ul>
2542      
2543    </div>
2544
2545    </li>
2546  
2547    <li class="mega-menu__column mega-menu__column--span-1">
2548    <div>
2549      <a
2550        href="/collections/gartenhaus-selbst-bauen"
2551        class="mega-menu__link "
2552      >
2553        
2554        <span
2555          class="mega-menu__link-title wrap-text"
2556        >Gartenhäuser</span>
2557      </a>
2558      
2559    </div>
2560
2561    
2562  
2563    
2564    <div>
2565      <a
2566        href="/collections/geraeteschuppen-selber-bauen"
2567        class="mega-menu__link "
2568      >
2569        
2570        <span
2571          class="mega-menu__link-title wrap-text"
2572        >Geräteschuppen</span>
2573      </a>
2574      
2575    </div>
2576
2577    
2578  
2579    
2580    <div>
2581      <a
2582        href="/collections/holzpavillon-selber-bauen"
2583        class="mega-menu__link "
2584      >
2585        
2586        <span
2587          class="mega-menu__link-title wrap-text"
2588        >Pavillon</span>
2589      </a>
2590      
2591    </div>
2592
2593    
2594  
2595    
2596    <div>
2597      <a
2598        href="/collections/ueberdachung-selber-bauen"
2599        class="mega-menu__link "
2600      >
2601        
2602        <span
2603          class="mega-menu__link-title wrap-text"
2604        >Überdachung</span>
2605      </a>
2606      
2607    </div>
2608
2609    
2610  
2611    
2612    <div>
2613      <a
2614        href="/collections/spielturm-im-garten-selber-bauen"
2615        class="mega-menu__link "
2616      >
2617        
2618        <span
2619          class="mega-menu__link-title wrap-text"
2620        >Spielturm</span>
2621      </a>
2622      
2623    </div>
2624
2625    
2626  
2627    
2628    <div>
2629      <a
2630        href="/collections/spielhaus-aus-holz"
2631        class="mega-menu__link "
2632      >
2633        
2634        <span
2635          class="mega-menu__link-title wrap-text"
2636        >Spielhaus</span>
2637      </a>
2638      
2639    </div>
2640
2641    
2642  
2643    
2644    <div>
2645      <a
2646        href="/collections/gartenlaube-selber-bauen"
2647        class="mega-menu__link "
2648      >
2649        
2650        <span
2651          class="mega-menu__link-title wrap-text"
2652        >Gartenlaube</span>
2653      </a>
2654      
2655    </div>
2656
2657    
2658  
2659    
2660    <div>
2661      <a
2662        href="/collections/pergola-selber-bauen"
2663        class="mega-menu__link "
2664      >
2665        
2666        <span
2667          class="mega-menu__link-title wrap-text"
2668        >Pergola/Terrasse</span>
2669      </a>
2670      
2671    </div>
2672
2673    
2674  
2675    
2676    <div>
2677      <a
2678        href="/collections/vordach-aus-holz-selber-bauen"
2679        class="mega-menu__link "
2680      >
2681        
2682        <span
2683          class="mega-menu__link-title wrap-text"
2684        >Vordach</span>
2685      </a>
2686      
2687    </div>
2688
2689    
2690  
2691    
2692    <div>
2693      <a
2694        href="/collections/holzlagerung-selber-bauen"
2695        class="mega-menu__link "
2696      >
2697        
2698        <span
2699          class="mega-menu__link-title wrap-text"
2700        >Holzlagerung</span>
2701      </a>
2702      
2703    </div>
2704
2705    
2706  
2707    
2708    <div>
2709      <a
2710        href="/collections/holzbalkon-selber-bauen"
2711        class="mega-menu__link "
2712      >
2713        
2714        <span
2715          class="mega-menu__link-title wrap-text"
2716        >Balkon</span>
2717      </a>
2718      
2719    </div>
2720
2721    
2722  
2723    
2724    <div>
2725      <a
2726        href="/collections/sonstige-holz-bauplaene"
2727        class="mega-menu__link "
2728      >
2729        
2730        <span
2731          class="mega-menu__link-title wrap-text"
2732        >sonstige Baupläne</span>
2733      </a>
2734      
2735    </div>
2736
2737    </li>
2738  
2739</ul>
2740
2741
2742
2743<style data-shopify>
2744  [data-menu-grid-id="MegaMenuList-1"] {
2745    
2746      --menu-columns-desktop: 6;
2747      --menu-columns-tablet: 4;
2748    
2749  }
2750
2751  [data-menu-list-id="MegaMenuList-1"] {
2752    
2753      --menu-columns-desktop: 6;
2754      --menu-columns-tablet: 4;
2755    
2756  }
2757</style>
2758
2759
2760
2761  </div>
2762</div>
2763
2764          </div>
2765        </div></li>
2766  
2767    <li
2768      role="presentation"
2769      class="menu-list__list-item"
2770      on:focus="/activate"
2771      on:blur="/deactivate"
2772      on:pointerenter="/activate"
2773      on:pointerleave="/deactivate"
2774    >
2775      <a
2776        href="/pages/individueller-bauplan"
2777        data-skip-node-update="true"
2778        class="menu-list__link"ref="menuitem"
2779      >
2780        <span class="menu-list__link-title">Individueller Bauplan</span>
2781      </a></li>
2782  
2783    <li
2784      role="presentation"
2785      class="menu-list__list-item"
2786      on:focus="/activate"
2787      on:blur="/deactivate"
2788      on:pointerenter="/activate"
2789      on:pointerleave="/deactivate"
2790    >
2791      <a
2792        href="/pages/kontakt-faq"
2793        data-skip-node-update="true"
2794        class="menu-list__link"aria-controls="submenu-3"
2795          aria-haspopup="true"
2796          aria-expanded="false"ref="menuitem"
2797      >
2798        <span class="menu-list__link-title">Kontakt/FAQ</span>
2799      </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
2800          <div
2801            id="submenu-3"
2802            class="menu-list__submenu-inner"
2803            style="--menu-parent-font-family: var(--font-subheading--family); --menu-parent-font-style:
2804var(--font-subheading--style); --menu-parent-font-weight: var(--font-subheading--weight); --menu-parent-font-case:
2805none;
2806
2807    --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
2808    var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
2809    --menu-parent-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
2810  
2811--menu-child-font-family: var(--font-subheading--family); --menu-child-font-style:
2812var(--font-subheading--style); --menu-child-font-weight: var(--font-subheading--weight); --menu-child-font-case:
2813none;
2814
2815    --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height);
2816    --menu-child-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
2817    --menu-child-active-font-color: var(--color-foreground);
2818  
2819"
2820          >
2821            
2822            <div class="mega-menu section section--full-width-margin section--page-width">
2823  <div
2824    class="mega-menu__grid"
2825    data-menu-grid-id="MegaMenuList-3"
2826  >
2827    
2828<ul
2829  data-menu-list-id="MegaMenuList-3"
2830  class="mega-menu__list list-unstyled"
2831  style="--menu-image-border-radius: 0px;"
2832>
2833  
2834    <li class="mega-menu__column mega-menu__column--span-1">
2835    <div>
2836      <a
2837        href="/pages/kontakt-faq"
2838        class="mega-menu__link "
2839      >
2840        
2841        <span
2842          class="mega-menu__link-title wrap-text"
2843        >Kontakt</span>
2844      </a>
2845      
2846    </div>
2847
2848    
2849  
2850    
2851    <div>
2852      <a
2853        href="/pages/faq"
2854        class="mega-menu__link "
2855      >
2856        
2857        <span
2858          class="mega-menu__link-title wrap-text"
2859        >FAQ</span>
2860      </a>
2861      
2862    </div>
2863
2864    </li>
2865  
2866</ul>
2867
2868
2869
2870<style data-shopify>
2871  [data-menu-grid-id="MegaMenuList-3"] {
2872    
2873      --menu-columns-desktop: 6;
2874      --menu-columns-tablet: 4;
2875    
2876  }
2877
2878  [data-menu-list-id="MegaMenuList-3"] {
2879    
2880      --menu-columns-desktop: 6;
2881      --menu-columns-tablet: 4;
2882    
2883  }
2884</style>
2885
2886
2887
2888  </div>
2889</div>
2890
2891          </div>
2892        </div></li>
2893  
2894  <li
2895    class="menu-list__list-item"
2896    role="presentation"
2897    slot="more"
2898    on:focus="/activate"
2899    on:blur="/deactivate"
2900    on:pointerenter="/activate"
2901    on:pointerleave="/deactivate"
2902  >
2903    <button role="menuitem" class="button menu-list__link button-unstyled">
2904      <span class="menu-list__link-title">Mehr</span>
2905    </button>
2906  </li>
2907
2908</overflow-list>
2909
2910  </div>
2911</nav>
2912
2913      </div>
2914
2915      
2915<script
2916        src="//www.holz-bauplan.de/cdn/shop/t/6/assets/header-menu.js?v=79711101891621171861779877734"
2917        type="module"
2918        fetchpriority="low"
2919      ></script>
2919
2920    </header-menu>
2921
2922
2923
2924
2925
2926
2927            
2928        
2929      
2930        
2931          
2932              
2933  <search-button class="search-action desktop:hidden">
2934    <button
2935      on:click="#search-modal/showDialog"
2936      class="button button-unstyled search-modal__button header-actions__action"
2937      aria-label="Suchen"
2938      aria-haspopup="dialog"
2939    >
2940      <span
2941        aria-hidden="true"
2942        class="svg-wrapper"
2943      >
2944        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
2945
2946      </span>
2947    </button>
2948  </search-button>
2949
2950
2951
2952
2953            
2954        
2955      
2956    </div><div
2957      class="header__column header__column--center"
2958      data-testid="header-top-center"
2959    >
2960      
2961        
2962          
2963              
2964
2965
2966
2967
2968<a
2969  aria-label="Zur Startseite"
2970  
2971  href="/"
2972  class="size-style spacing-style header-logo"
2973  style="
2974    --size-style-width: ;--size-style-height: ;
2975    --padding-block-start: 0px;--padding-block-end: 3px;--padding-inline-start: 0px;--padding-inline-end: 0px;
2976    --font-family: var(--font-body--family);
2977    --font-style: var(--font-body--style);
2978    --font-weight: 600;
2979  "
2980  
2981>
2982  
2983
2984  <span
2985    class="header-logo__image-container header-logo__image-container--original"
2986    data-testid="header-logo"
2987  >
2988    
2989  
2990  
2991  
2992
2993  
2994
2995  
2996
2997  
2998
2999  <img src="//www.holz-bauplan.de/cdn/shop/files/01_JPG.jpg?height=50&amp;v=1771855883" alt="" width="133" height="50" class="header-logo__image" srcset="//www.holz-bauplan.de/cdn/shop/files/01_JPG.jpg?height=50&amp;v=1771855883 1x, //www.holz-bauplan.de/cdn/shop/files/01_JPG.jpg?height=100&amp;v=1771855883 2x, //www.holz-bauplan.de/cdn/shop/files/01_JPG.jpg?height=150&amp;v=1771855883 3x" style="--header-logo-image-width: 134px;--header-logo-image-width-mobile: 120px; --header-logo-image-height: 50px; --header-logo-image-height-mobile: 45px;">
3000
3001
3002  </span>
3003
3004  
3005</a>
3006
3007
3008
3009
3010
3011            
3012        
3013      
3014    </div><div
3015      class="header__column header__column--right"
3016      data-testid="header-top-right"
3017    >
3018      
3019        
3020          
3021              
3022            
3023        
3024      
3025        
3026          
3027              
3028  <search-button class="search-action">
3029    <button
3030      on:click="#search-modal/showDialog"
3031      class="button button-unstyled search-modal__button header-actions__action"
3032      aria-label="Suchen"
3033      aria-haspopup="dialog"
3034    >
3035      <span
3036        aria-hidden="true"
3037        class="svg-wrapper"
3038      >
3039        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
3040
3041      </span>
3042    </button>
3043  </search-button>
3044
3045
3046
3047
3048            
3049        
3050      
3051        
3052          
3053              
3054          
3055        
3056      
3057    </div>
3058        </div>
3059      </div>
3060    
3061  
3062    
3063
3064    
3065
3066    
3067    
3068  
3069
3070  
3071</header-component>
3072
3073<script
3074  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/header.js?v=44054527098996434631779877734"
3075  type="module"
3076></script>
3076
3077
3078
3079
3080
3081  
3081<script type="module">
3082    import { hydrate } from '@theme/section-hydration';
3083    const url = new URL(window.location.href);
3084    url.searchParams.delete('page');
3085    hydrate('sections--27410484068738__header_section', url);
3086  </script>
3086
3087
3088
3089
3090</header>
3091<!-- END sections: header-group -->
3092    </div>
3093
3094
3095
3096
3097
3098
3099<style>
3100.breadcrumbs { font-size: 14px; margin: 16px auto; line-height: 1.4; }
3101.breadcrumbs a { text-decoration: none; }
3102.breadcrumbs span { margin: 0 5px; }
3103</style>
3104
3105<nav class="breadcrumbs page-width" aria-label="Breadcrumb">
3106  <a href="/">Startseite</a>
3107
3108  
3109
3110    <span>›</span>
3111    <a href="/pages/bauplane">Baupläne</a>
3112
3113    
3114    
3115    
3116
3117    
3118
3119    
3120      
3121    
3122      
3123        
3124        
3125
3126    
3127
3128    
3129      
3130        <span>›</span>
3131        <a href="/collections/gartenhaus-selbst-bauen">Gartenhäuser</a>
3132      
3133    
3134
3135    <span>›</span>
3136    <span>Gartenhaus 1</span>
3137
3138  
3139</nav>
3140
3141
3142    
3142<script>
3143      // Inline header height calculation to prevent layout shift
3144      // Note: Updates in calculateHeaderGroupHeight() and updateTransparentHeaderOffset()utilities.js should be kept in sync with this function
3145      (function setHeaderHeighCustomProperties() {
3146        /*
3147         * Header calculation functions for maintaining CSS variables
3148         * Mimic calculateHeaderGroupHeight() in utilities.js
3149         */
3150        const header = document.querySelector('header-component');
3151        const headerGroup = document.querySelector('#header-group');
3152        const hasHeaderSection = headerGroup?.querySelector('.header-section');
3153
3154        if (!header || !headerGroup) return;
3155
3156        const headerHeight = header.offsetHeight;
3157
3158        // Calculate the total height of the header group
3159        let headerGroupHeight = 0;
3160        const children = headerGroup.children;
3161        for (let i = 0; i < children.length; i++) {
3162          const element = children[i];
3163          if (element === header || !(element instanceof HTMLElement)) continue;
3164          headerGroupHeight += element.offsetHeight;
3165        }
3166
3167        // Check for transparent header special case
3168        if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
3169          headerGroupHeight += headerHeight;
3170        }
3171
3172        // Set CSS variables
3173        document.body.style.setProperty('--header-height', `${headerHeight}px`);
3174        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
3175
3176        /**
3177         * Updates CSS custom properties for transparent header offset calculation
3178         * Mimic updateTransparentHeaderOffset() in utilities.js
3179         */
3180
3181        if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
3182          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
3183          return;
3184        }
3185
3186        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
3187
3188        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
3189        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
3190      })();
3191    </script>
3191
3192
3193    <main
3194      id="MainContent"
3195      class="content-for-layout"
3196      role="main"
3197      data-page-transition-enabled="false"
3198      data-product-transition="false"
3199      data-template="product"
3200    >
3201      <div id="shopify-section-template--27410489835906__main" class="shopify-section">
3202
3203<script type="application/ld+json">
3204  {"@context":"http:\/\/schema.org\/","@id":"\/products\/gartenhaus-1#product","@type":"Product","brand":{"@type":"Brand","name":"holz-bauplan.de"},"category":"Gartenhäuschen \u0026 Gartenbauten","description":"\nWandstärke 0,12 m\nBreite: 3,50 m\nLänge: 3,50 m\nDachüberstand rechts: 0,30 m\nDachüberstand-Links: 1,30 m\nDachüberstand Eingang: 0,70 m\nDachüberstand hinten: 0,20 m\nHöhe: 3,28 m\nDachneigung: 25°\nErforderliche Holzmenge: 2,39 m³\nDachfläche: 24,76 m²\n","image":"https:\/\/www.holz-bauplan.de\/cdn\/shop\/files\/Gartenhaus1.png?v=1767694800\u0026width=1920","name":"Gartenhaus 1","offers":{"@id":"\/products\/gartenhaus-1?variant=56160995279234#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"29.99","priceCurrency":"EUR","url":"https:\/\/www.holz-bauplan.de\/products\/gartenhaus-1?variant=56160995279234"},"url":"https:\/\/www.holz-bauplan.de\/products\/gartenhaus-1"}
3205</script>
3205
3206
3207
3208
3209
3210
3211
3212
3213
3214  
3215
3216  <sticky-add-to-cart
3217    class="sticky-add-to-cart"
3218    data-variant-available="true"
3219    data-product-id="15225320178050"
3220    data-current-variant-id="56160995279234"
3221    data-initial-quantity="1"
3222    data-default-variant-title=""
3223  >
3224    <div
3225      class="sticky-add-to-cart__bar color-scheme-1"
3226      data-stuck="false"
3227      ref="stickyBar"
3228      role="region"
3229      aria-label=""
3230    >
3231      
3232      
3233        <div
3234          class="sticky-add-to-cart__image"
3235        >
3236          
3237          <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=120" alt="Bauplan Gartenhaus 1 3D-Ansicht schräg von vorn" width="120" height="120" loading="lazy" class="sticky-add-to-cart__image-img" data-testid="sticky-product-image" ref="productImage">
3238        </div>
3239      
3240
3241      
3242      <div
3243        class="sticky-add-to-cart__info"
3244        data-has-image="true"
3245        data-singleton="true"
3246        data-single-option="false"
3247      >
3248        <h3
3249          class="sticky-add-to-cart__title"
3250          data-testid="sticky-product-title"
3251        >
3252          Gartenhaus 1
3253        </h3>
3254        <div
3255          class="sticky-add-to-cart__variant"
3256          data-testid="sticky-variant-title"
3257          
3258            style="display: none;"
3259          
3260        >
3261          
3262        </div>
3263      </div>
3264
3265      <div
3266        class="sticky-add-to-cart__price"
3267        data-testid="sticky-price-display"
3268      >
3269        <div ref="priceContainer">
3270  
3271    
3272    
3273
3274    
3275      <span class="price">29,99 €</span>
3276    
3277
3278    
3279  
3280</div>
3281      </div>
3282
3283      <button
3284        type="button"
3285        class="sticky-add-to-cart__button add-to-cart-button button button--primary"
3286        ref="addToCartButton"
3287        on:click="/handleAddToCartClick"
3288        
3289      >
3290        <span
3291          class="add-to-cart-text"
3292        >
3293          
3294            <span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
3295</span>
3296          
3297          <span class="add-to-cart-text__content">
3298            <span>Jetzt Bauplan herunterladen</span>
3299            <span
3300              class="quantity-display"
3301              ref="quantityDisplay"
3302              
3303                style="display: none;"
3304              
3305            > (<span ref="quantityNumber">1</span>)</span>
3306          </span>
3307        </span>
3308        <span class="add-to-cart__added">
3309          <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3310  <g class="check">
3311    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3312    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3313  </g>
3314  <g class="burst">
3315    <g style="--index: 0;">
3316      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3317    </g>
3318    <g style="--index: 1;">
3319      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3320    </g>
3321    <g style="--index: 2;">
3322      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3323    </g>
3324    <g style="--index: 3;">
3325      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3326    </g>
3327    <g style="--index: 4;">
3328      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3329    </g>
3330    <g style="--index: 5;">
3331      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3332    </g>
3333    <g style="--index: 6;">
3334      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3335    </g>
3336    <g style="--index: 7;">
3337      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3338    </g>
3339  </g>
3340</svg>
3341</span>
3342        </span>
3343      </button>
3344    </div>
3345  </sticky-add-to-cart>
3346
3347
3348
3349
3350
3351
3352<div class="section-background color-scheme-1"></div>
3353<div
3354  class="product-information section section--page-width spacing-style color-scheme-1 relative"
3355  style="--padding-block-start: 0px;--padding-block-end: 0px; --gap: 48px;"
3356  data-testid="product-information"
3357>
3358  
3359    
3360    <a
3361  class="skip-to-content-link button-secondary"
3362  href="#ProductInformation-template--27410489835906__main"
3363>
3364  Zu Produktinformationen springen
3365</a>
3366
3367  
3368  <div
3369    class="product-information__grid product-information--media-left"
3370    data-product-grid-content
3371  >
3372    
3373    
3374
3375    
3376      
3377        
3378      <div
3379        class="product-information__media"
3380        data-testid="product-information-media"
3381      >
3382        
3383
3384
3385<script
3386    src="//www.holz-bauplan.de/cdn/shop/t/6/assets/zoom-dialog.js?v=82028443406372487331779877734"
3387    type="module"
3388  ></script>
3388<script
3389    src="//www.holz-bauplan.de/cdn/shop/t/6/assets/drag-zoom-wrapper.js?v=52868656766563354141779877734"
3390    type="module"
3391  ></script>
3391<style data-shopify>
3392  
3393
3394  
3395    .media-fit-contain {
3396      --product-media-fit: contain;
3397    }
3398
3399    /* Media fit for all media elements */
3400    .media-fit-contain :is(img, video, iframe, .deferred-media__poster-image) {
3401      object-fit: contain;
3402      width: 100%;
3403      height: 100%;
3404    }
3405
3406    /* 3D Models (no object-fit support, just sizing) */
3407    .media-fit-contain model-viewer {
3408      width: 100%;
3409      height: 100%;
3410    }
3411  
3412
3413  
3414
3415  /* Add background color so carousel arrows' mix-blend-mode works correctly even on transparent areas. */
3416  
3417    .media-fit-contain :is(img, .deferred-media__poster-image) {
3418      background-color: var(--color-background);
3419    }
3420  
3421</style>
3422
3423
3424  <media-gallery
3425    class="
3426      spacing-style
3427      sticky-content
3428      
3429        media-gallery--two-column
3430        
3431      
3432      media-gallery--grid
3433      
3434      
3435    "
3436    style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --thumbnail-width: 44px; --media-radius: 0px; --slideshow-icon-padding: 0px;--image-gap: 0px;"
3437    data-presentation="grid"
3438    
3439  >
3440    
3441
3442    
3443
3444    
3445
3446    <slideshow-component
3447  
3448    ref="slideshow"
3449  
3450  
3451  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;--slide-min-height: auto;--slide-min-height-desktop: auto;"
3452  
3453  initial-slide="0"
3454  
3455  
3456    infinite
3457  
3458
3459  
3460>
3461  
3462  <slideshow-container ref="slideshowContainer">
3463    
3464    
3465    <slideshow-slides
3466      tabindex="-1"
3467      ref="scroller"
3468      
3469    >
3470      
3471      
3472        
3473        
3474        
3475        
3476
3477        <slideshow-slide
3478  ref="slides[]"
3479  aria-hidden="false"
3480  style="--slideshow-timeline: --slide-0; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
3481  
3482    class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable product-media-container--tallest"
3483  
3484  on:click="#zoom-dialog-AeHRod0xkaC9iT1Q5L__media-gallery/open/0"
3485  
3486    style="--media-preview-ratio: 1.0;"
3487  
3488  
3489  
3490  
3491  on:click="#zoom-dialog-AeHRod0xkaC9iT1Q5L__media-gallery/open/0"
3492>
3493  
3494
3495
3496
3497<div
3498  class="product-media"
3499  style="--ratio: 1.0"
3500  data-media-id="66516290011522"
3501>
3502  
3503  <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=3840" alt="Bauplan Gartenhaus 1 3D-Ansicht schräg von vorn" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 95rem) calc((65rem) / 2 - 0px), (min-width: 750px) calc((100vw - 25rem) / 2 - 40px - 12px - 0px), 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
3504
3505  
3506
3507  
3508</div>
3509
3510
3511
3512        
3513</slideshow-slide>
3514
3515      
3516        
3517        
3518        
3519        
3520
3521        <slideshow-slide
3522  ref="slides[]"
3523  aria-hidden="true"
3524  style="--slideshow-timeline: --slide-1; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
3525  
3526    class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable"
3527  
3528  on:click="#zoom-dialog-AeHRod0xkaC9iT1Q5L__media-gallery/open/1"
3529  
3530    style="--media-preview-ratio: 1.0;"
3531  
3532  
3533  
3534  
3535  on:click="#zoom-dialog-AeHRod0xkaC9iT1Q5L__media-gallery/open/1"
3536>
3537  
3538
3539
3540
3541<div
3542  class="product-media"
3543  style="--ratio: 1.0"
3544  data-media-id="66516289880450"
3545>
3546  
3547  <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=3840" alt="Bauplan Gartenhaus 1 3D-Frontansicht" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 95rem) calc((65rem) / 2 - 0px), (min-width: 750px) calc((100vw - 25rem) / 2 - 40px - 12px - 0px), 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
3548
3549  
3550
3551  
3552</div>
3553
3554
3555
3556        
3557</slideshow-slide>
3558
3559      
3560        
3561        
3562        
3563        
3564
3565        <slideshow-slide
3566  ref="slides[]"
3567  aria-hidden="true"
3568  style="--slideshow-timeline: --slide-2; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
3569  
3570    class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable"
3571  
3572  on:click="#zoom-dialog-AeHRod0xkaC9iT1Q5L__media-gallery/open/2"
3573  
3574    style="--media-preview-ratio: 1.0;"
3575  
3576  
3577  
3578  
3579  on:click="#zoom-dialog-AeHRod0xkaC9iT1Q5L__media-gallery/open/2"
3580>
3581  
3582
3583
3584
3585<div
3586  class="product-media"
3587  style="--ratio: 1.0"
3588  data-media-id="66516289847682"
3589>
3590  
3591  <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=3840" alt="Bauplan Gartenhaus 1 3D-Draufsicht" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 95rem) calc((65rem) / 2 - 0px), (min-width: 750px) calc((100vw - 25rem) / 2 - 40px - 12px - 0px), 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
3592
3593  
3594
3595  
3596</div>
3597
3598
3599
3600        
3601</slideshow-slide>
3602
3603      
3604        
3605        
3606        
3607        
3608
3609        <slideshow-slide
3610  ref="slides[]"
3611  aria-hidden="true"
3612  style="--slideshow-timeline: --slide-3; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
3613  
3614    class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable"
3615  
3616  on:click="#zoom-dialog-AeHRod0xkaC9iT1Q5L__media-gallery/open/3"
3617  
3618    style="--media-preview-ratio: 1.0;"
3619  
3620  
3621  
3622  
3623  on:click="#zoom-dialog-AeHRod0xkaC9iT1Q5L__media-gallery/open/3"
3624>
3625  
3626
3627
3628
3629<div
3630  class="product-media"
3631  style="--ratio: 1.0"
3632  data-media-id="66516289913218"
3633>
3634  
3635  <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=3840" alt="Bauplan Gartenhaus 1 Draufsicht mit Bemaßung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 95rem) calc((65rem) / 2 - 0px), (min-width: 750px) calc((100vw - 25rem) / 2 - 40px - 12px - 0px), 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
3636
3637  
3638
3639  
3640</div>
3641
3642
3643
3644        
3645</slideshow-slide>
3646
3647      
3648        
3649        
3650        
3651        
3652
3653        <slideshow-slide
3654  ref="slides[]"
3655  aria-hidden="true"
3656  style="--slideshow-timeline: --slide-4; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
3657  
3658    class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable"
3659  
3660  on:click="#zoom-dialog-AeHRod0xkaC9iT1Q5L__media-gallery/open/4"
3661  
3662    style="--media-preview-ratio: 1.0;"
3663  
3664  
3665  
3666  
3667  on:click="#zoom-dialog-AeHRod0xkaC9iT1Q5L__media-gallery/open/4"
3668>
3669  
3670
3671
3672
3673<div
3674  class="product-media"
3675  style="--ratio: 1.0"
3676  data-media-id="66516289945986"
3677>
3678  
3679  <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=3840" alt="Bauplan Gartenhaus 1 Querschnitt mit Bemaßung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 95rem) calc((65rem) / 2 - 0px), (min-width: 750px) calc((100vw - 25rem) / 2 - 40px - 12px - 0px), 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
3680
3681  
3682
3683  
3684</div>
3685
3686
3687
3688        
3689</slideshow-slide>
3690
3691      
3692        
3693        
3694        
3695        
3696
3697        <slideshow-slide
3698  ref="slides[]"
3699  aria-hidden="true"
3700  style="--slideshow-timeline: --slide-5; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
3701  
3702    class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable"
3703  
3704  on:click="#zoom-dialog-AeHRod0xkaC9iT1Q5L__media-gallery/open/5"
3705  
3706    style="--media-preview-ratio: 1.0;"
3707  
3708  
3709  
3710  
3711  on:click="#zoom-dialog-AeHRod0xkaC9iT1Q5L__media-gallery/open/5"
3712>
3713  
3714
3715
3716
3717<div
3718  class="product-media"
3719  style="--ratio: 1.0"
3720  data-media-id="66516289978754"
3721>
3722  
3723  <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=3840" alt="Bauplan Gartenhaus 1 Seitenansicht mit Bemaßung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 95rem) calc((65rem) / 2 - 0px), (min-width: 750px) calc((100vw - 25rem) / 2 - 40px - 12px - 0px), 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
3724
3725  
3726
3727  
3728</div>
3729
3730
3731
3732        
3733</slideshow-slide>
3734
3735      
3736    
3737    </slideshow-slides>
3738  </slideshow-container>
3739  
3740        
3741
3742        
3743
3744  <slideshow-controls
3745    
3746      ref="slideshowControls"
3747    
3748    pagination-position="center"
3749    scroll-mode="horizontal"
3750    
3751    
3752    
3753      thumbnails
3754    
3755    
3756      class="desktop:hidden media-gallery__mobile-controls"
3757    
3758    
3759      style="--thumbnail-radius: 7px;"
3760    
3761  >
3762    
3763
3764    
3765
3766    
3767        <scroll-hint
3768          ref="thumbnailsContainer"
3769          class="slideshow-controls__thumbnails-container"
3770        >
3771          <div class="slideshow-controls__thumbnails">
3772            
3773              <button
3774                class="slideshow-control button button-unstyled slideshow-controls__thumbnail"
3775                aria-label="Folie 1 von 6"
3776                on:click="/select/0"
3777                style="--aspect-ratio: 1.0;"
3778                ref="thumbnails[]"
3779                
3780                  aria-selected="true"
3781                
3782              >
3783                
3784                <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=144" alt="Bauplan Gartenhaus 1 3D-Ansicht schräg von vorn" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=144 144w" width="144" height="144" loading="lazy" style="object-position: 50.0% 50.0%;">
3785
3786                
3787              </button>
3788            
3789              <button
3790                class="slideshow-control button button-unstyled slideshow-controls__thumbnail"
3791                aria-label="Folie 2 von 6"
3792                on:click="/select/1"
3793                style="--aspect-ratio: 1.0;"
3794                ref="thumbnails[]"
3795                
3796              >
3797                
3798                <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=144" alt="Bauplan Gartenhaus 1 3D-Frontansicht" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=144 144w" width="144" height="144" loading="lazy" style="object-position: 50.0% 50.0%;">
3799
3800                
3801              </button>
3802            
3803              <button
3804                class="slideshow-control button button-unstyled slideshow-controls__thumbnail"
3805                aria-label="Folie 3 von 6"
3806                on:click="/select/2"
3807                style="--aspect-ratio: 1.0;"
3808                ref="thumbnails[]"
3809                
3810              >
3811                
3812                <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=144" alt="Bauplan Gartenhaus 1 3D-Draufsicht" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=144 144w" width="144" height="144" loading="lazy" style="object-position: 50.0% 50.0%;">
3813
3814                
3815              </button>
3816            
3817              <button
3818                class="slideshow-control button button-unstyled slideshow-controls__thumbnail"
3819                aria-label="Folie 4 von 6"
3820                on:click="/select/3"
3821                style="--aspect-ratio: 1.0;"
3822                ref="thumbnails[]"
3823                
3824              >
3825                
3826                <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=144" alt="Bauplan Gartenhaus 1 Draufsicht mit Bemaßung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=144 144w" width="144" height="144" loading="lazy" style="object-position: 50.0% 50.0%;">
3827
3828                
3829              </button>
3830            
3831              <button
3832                class="slideshow-control button button-unstyled slideshow-controls__thumbnail"
3833                aria-label="Folie 5 von 6"
3834                on:click="/select/4"
3835                style="--aspect-ratio: 1.0;"
3836                ref="thumbnails[]"
3837                
3838              >
3839                
3840                <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=144" alt="Bauplan Gartenhaus 1 Querschnitt mit Bemaßung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=144 144w" width="144" height="144" loading="lazy" style="object-position: 50.0% 50.0%;">
3841
3842                
3843              </button>
3844            
3845              <button
3846                class="slideshow-control button button-unstyled slideshow-controls__thumbnail"
3847                aria-label="Folie 6 von 6"
3848                on:click="/select/5"
3849                style="--aspect-ratio: 1.0;"
3850                ref="thumbnails[]"
3851                
3852              >
3853                
3854                <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=144" alt="Bauplan Gartenhaus 1 Seitenansicht mit Bemaßung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=144 144w" width="144" height="144" loading="lazy" style="object-position: 50.0% 50.0%;">
3855
3856                
3857              </button>
3858            
3859          </div>
3860        </scroll-hint>
3861      
3862
3863    
3864  </slideshow-controls>
3865
3866  
3867
3868
3869
3870
3871      
3872</slideshow-component>
3873
3874
3875
3876
3877    
3878      <ul
3879        class="media-gallery__grid list-unstyled"
3880        data-testid="media-gallery-grid"
3881      >
3882        
3883          <li
3884            ref="media[]"
3885            class="product-media-container constrain-height media-fit-contain product-media-container--image"
3886            style=" --media-preview-ratio: 1.0;"
3887            
3888          ><button
3889                type="button"
3890                class="button button-unstyled product-media-container__zoom-button"
3891                aria-label="Zoomen"
3892                on:click="/zoom/0"
3893              >
3894                <span class="visually-hidden">Bild im Vollbildmodus öffnen</span>
3895              </button>
3896
3897
3898<div
3899  class="product-media"
3900  style="--ratio: 1.0"
3901  data-media-id="66516290011522"
3902>
3903  
3904  <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=3840" alt="Bauplan Gartenhaus 1 3D-Ansicht schräg von vorn" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 95rem) calc((65rem) / 2 - 0px), (min-width: 750px) calc((100vw - 25rem) / 2 - 40px - 12px - 0px), 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
3905
3906  
3907
3908  
3909</div>
3910
3911
3912
3913          </li>
3914        
3915          <li
3916            ref="media[]"
3917            class="product-media-container constrain-height media-fit-contain product-media-container--image"
3918            style=" --media-preview-ratio: 1.0;"
3919            
3920          ><button
3921                type="button"
3922                class="button button-unstyled product-media-container__zoom-button"
3923                aria-label="Zoomen"
3924                on:click="/zoom/1"
3925              >
3926                <span class="visually-hidden">Bild im Vollbildmodus öffnen</span>
3927              </button>
3928
3929
3930<div
3931  class="product-media"
3932  style="--ratio: 1.0"
3933  data-media-id="66516289880450"
3934>
3935  
3936  <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=3840" alt="Bauplan Gartenhaus 1 3D-Frontansicht" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 95rem) calc((65rem) / 2 - 0px), (min-width: 750px) calc((100vw - 25rem) / 2 - 40px - 12px - 0px), 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
3937
3938  
3939
3940  
3941</div>
3942
3943
3944
3945          </li>
3946        
3947          <li
3948            ref="media[]"
3949            class="product-media-container constrain-height media-fit-contain product-media-container--image"
3950            style=" --media-preview-ratio: 1.0;"
3951            
3952          ><button
3953                type="button"
3954                class="button button-unstyled product-media-container__zoom-button"
3955                aria-label="Zoomen"
3956                on:click="/zoom/2"
3957              >
3958                <span class="visually-hidden">Bild im Vollbildmodus öffnen</span>
3959              </button>
3960
3961
3962<div
3963  class="product-media"
3964  style="--ratio: 1.0"
3965  data-media-id="66516289847682"
3966>
3967  
3968  <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=3840" alt="Bauplan Gartenhaus 1 3D-Draufsicht" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 95rem) calc((65rem) / 2 - 0px), (min-width: 750px) calc((100vw - 25rem) / 2 - 40px - 12px - 0px), 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
3969
3970  
3971
3972  
3973</div>
3974
3975
3976
3977          </li>
3978        
3979          <li
3980            ref="media[]"
3981            class="product-media-container constrain-height media-fit-contain product-media-container--image"
3982            style=" --media-preview-ratio: 1.0;"
3983            
3984          ><button
3985                type="button"
3986                class="button button-unstyled product-media-container__zoom-button"
3987                aria-label="Zoomen"
3988                on:click="/zoom/3"
3989              >
3990                <span class="visually-hidden">Bild im Vollbildmodus öffnen</span>
3991              </button>
3992
3993
3994<div
3995  class="product-media"
3996  style="--ratio: 1.0"
3997  data-media-id="66516289913218"
3998>
3999  
4000  <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=3840" alt="Bauplan Gartenhaus 1 Draufsicht mit Bemaßung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 95rem) calc((65rem) / 2 - 0px), (min-width: 750px) calc((100vw - 25rem) / 2 - 40px - 12px - 0px), 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
4001
4002  
4003
4004  
4005</div>
4006
4007
4008
4009          </li>
4010        
4011          <li
4012            ref="media[]"
4013            class="product-media-container constrain-height media-fit-contain product-media-container--image"
4014            style=" --media-preview-ratio: 1.0;"
4015            
4016          ><button
4017                type="button"
4018                class="button button-unstyled product-media-container__zoom-button"
4019                aria-label="Zoomen"
4020                on:click="/zoom/4"
4021              >
4022                <span class="visually-hidden">Bild im Vollbildmodus öffnen</span>
4023              </button>
4024
4025
4026<div
4027  class="product-media"
4028  style="--ratio: 1.0"
4029  data-media-id="66516289945986"
4030>
4031  
4032  <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=3840" alt="Bauplan Gartenhaus 1 Querschnitt mit Bemaßung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 95rem) calc((65rem) / 2 - 0px), (min-width: 750px) calc((100vw - 25rem) / 2 - 40px - 12px - 0px), 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
4033
4034  
4035
4036  
4037</div>
4038
4039
4040
4041          </li>
4042        
4043          <li
4044            ref="media[]"
4045            class="product-media-container constrain-height media-fit-contain product-media-container--image"
4046            style=" --media-preview-ratio: 1.0;"
4047            
4048          ><button
4049                type="button"
4050                class="button button-unstyled product-media-container__zoom-button"
4051                aria-label="Zoomen"
4052                on:click="/zoom/5"
4053              >
4054                <span class="visually-hidden">Bild im Vollbildmodus öffnen</span>
4055              </button>
4056
4057
4058<div
4059  class="product-media"
4060  style="--ratio: 1.0"
4061  data-media-id="66516289978754"
4062>
4063  
4064  <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=3840" alt="Bauplan Gartenhaus 1 Seitenansicht mit Bemaßung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 95rem) calc((65rem) / 2 - 0px), (min-width: 750px) calc((100vw - 25rem) / 2 - 40px - 12px - 0px), 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
4065
4066  
4067
4068  
4069</div>
4070
4071
4072
4073          </li>
4074        
4075      </ul>
4076    
4077<zoom-dialog
4078        ref="zoomDialogComponent"
4079        id="zoom-dialog-AeHRod0xkaC9iT1Q5L__media-gallery"
4080      >
4081        <dialog
4082          ref="dialog"
4083          on:keydown="/handleKeyDown"
4084          scroll-lock
4085        >
4086          <button
4087            type="button"
4088            class="button button-unstyled close-button dialog-zoomed-gallery__close-button"
4089            aria-label="Schließen"
4090            on:click="/close"
4091          >
4092            <span class="visually-hidden">Schließen</span>
4093            <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4094  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4095  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4096</svg>
4097
4098          </button>
4099          <div class="dialog-thumbnails-list-container">
4100            <scroll-hint
4101              class="dialog-thumbnails-list list-unstyled"
4102              ref="thumbnails"
4103            >
4104              
4105
4106                  <button
4107                    type="button"
4108                    class="button button-unstyled dialog-thumbnails-list__thumbnail"
4109                    aria-label="Zu Bauplan Gartenhaus 1 3D-Ansicht schräg von vorn scrollen"
4110                    on:click="/handleThumbnailClick/0"
4111                    on:pointerenter="/handleThumbnailPointerEnter/0"
4112                    style="--aspect-ratio: 1.0; --gallery-aspect-ratio: 1.0;"
4113                    
4114                      aria-selected="true"
4115                    
4116                  >
4117                    
4118                    <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=1024" alt="Bauplan Gartenhaus 1 3D-Ansicht schräg von vorn" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=832 832w" width="1024" height="1024" loading="lazy" sizes="auto, 110, (min-width: 750px) 160" style="object-position: 50.0% 50.0%;">
4119                  </button>
4120                  <button
4121                    type="button"
4122                    class="button button-unstyled dialog-thumbnails-list__thumbnail"
4123                    aria-label="Zu Bauplan Gartenhaus 1 3D-Frontansicht scrollen"
4124                    on:click="/handleThumbnailClick/1"
4125                    on:pointerenter="/handleThumbnailPointerEnter/1"
4126                    style="--aspect-ratio: 1.0; --gallery-aspect-ratio: 1.0;"
4127                    
4128                  >
4129                    
4130                    <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=1024" alt="Bauplan Gartenhaus 1 3D-Frontansicht" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=832 832w" width="1024" height="1024" loading="lazy" sizes="auto, 110, (min-width: 750px) 160" style="object-position: 50.0% 50.0%;">
4131                  </button>
4132                  <button
4133                    type="button"
4134                    class="button button-unstyled dialog-thumbnails-list__thumbnail"
4135                    aria-label="Zu Bauplan Gartenhaus 1 3D-Draufsicht scrollen"
4136                    on:click="/handleThumbnailClick/2"
4137                    on:pointerenter="/handleThumbnailPointerEnter/2"
4138                    style="--aspect-ratio: 1.0; --gallery-aspect-ratio: 1.0;"
4139                    
4140                  >
4141                    
4142                    <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=1024" alt="Bauplan Gartenhaus 1 3D-Draufsicht" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=832 832w" width="1024" height="1024" loading="lazy" sizes="auto, 110, (min-width: 750px) 160" style="object-position: 50.0% 50.0%;">
4143                  </button>
4144                  <button
4145                    type="button"
4146                    class="button button-unstyled dialog-thumbnails-list__thumbnail"
4147                    aria-label="Zu Bauplan Gartenhaus 1 Draufsicht mit Bemaßung scrollen"
4148                    on:click="/handleThumbnailClick/3"
4149                    on:pointerenter="/handleThumbnailPointerEnter/3"
4150                    style="--aspect-ratio: 1.0; --gallery-aspect-ratio: 1.0;"
4151                    
4152                  >
4153                    
4154                    <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=1024" alt="Bauplan Gartenhaus 1 Draufsicht mit Bemaßung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=832 832w" width="1024" height="1024" loading="lazy" sizes="auto, 110, (min-width: 750px) 160" style="object-position: 50.0% 50.0%;">
4155                  </button>
4156                  <button
4157                    type="button"
4158                    class="button button-unstyled dialog-thumbnails-list__thumbnail"
4159                    aria-label="Zu Bauplan Gartenhaus 1 Querschnitt mit Bemaßung scrollen"
4160                    on:click="/handleThumbnailClick/4"
4161                    on:pointerenter="/handleThumbnailPointerEnter/4"
4162                    style="--aspect-ratio: 1.0; --gallery-aspect-ratio: 1.0;"
4163                    
4164                  >
4165                    
4166                    <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=1024" alt="Bauplan Gartenhaus 1 Querschnitt mit Bemaßung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=832 832w" width="1024" height="1024" loading="lazy" sizes="auto, 110, (min-width: 750px) 160" style="object-position: 50.0% 50.0%;">
4167                  </button>
4168                  <button
4169                    type="button"
4170                    class="button button-unstyled dialog-thumbnails-list__thumbnail"
4171                    aria-label="Zu Bauplan Gartenhaus 1 Seitenansicht mit Bemaßung scrollen"
4172                    on:click="/handleThumbnailClick/5"
4173                    on:pointerenter="/handleThumbnailPointerEnter/5"
4174                    style="--aspect-ratio: 1.0; --gallery-aspect-ratio: 1.0;"
4175                    
4176                  >
4177                    
4178                    <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=1024" alt="Bauplan Gartenhaus 1 Seitenansicht mit Bemaßung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=832 832w" width="1024" height="1024" loading="lazy" sizes="auto, 110, (min-width: 750px) 160" style="object-position: 50.0% 50.0%;">
4179                  </button>
4180            </scroll-hint>
4181          </div>
4182          <ul
4183            class="dialog-zoomed-gallery list-unstyled"
4184          ><li
4185                id="product-66516290011522-1"
4186                class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable"
4187                style=" --media-preview-ratio: 1.0;"
4188                ref="media[]"
4189                
4190                  on:click="/close"
4191                
4192              >
4193                
4194                  <drag-zoom-wrapper class="product-media__drag-zoom-wrapper">
4195
4196<div
4197  class="product-media"
4198  style="--ratio: 1.0"
4199  data-media-id="66516290011522"
4200>
4201  
4202  <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=3840" alt="Bauplan Gartenhaus 1 3D-Ansicht schräg von vorn" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&amp;width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
4203
4204  
4205
4206  
4207</div>
4208
4209
4210</drag-zoom-wrapper>
4211                
4212              </li><li
4213                id="product-66516289880450-2"
4214                class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable"
4215                style=" --media-preview-ratio: 1.0;"
4216                ref="media[]"
4217                
4218                  on:click="/close"
4219                
4220              >
4221                
4222                  <drag-zoom-wrapper class="product-media__drag-zoom-wrapper">
4223
4224<div
4225  class="product-media"
4226  style="--ratio: 1.0"
4227  data-media-id="66516289880450"
4228>
4229  
4230  <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=3840" alt="Bauplan Gartenhaus 1 3D-Frontansicht" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
4231
4232  
4233
4234  
4235</div>
4236
4237
4238</drag-zoom-wrapper>
4239                
4240              </li><li
4241                id="product-66516289847682-3"
4242                class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable"
4243                style=" --media-preview-ratio: 1.0;"
4244                ref="media[]"
4245                
4246                  on:click="/close"
4247                
4248              >
4249                
4250                  <drag-zoom-wrapper class="product-media__drag-zoom-wrapper">
4251
4252<div
4253  class="product-media"
4254  style="--ratio: 1.0"
4255  data-media-id="66516289847682"
4256>
4257  
4258  <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=3840" alt="Bauplan Gartenhaus 1 3D-Draufsicht" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
4259
4260  
4261
4262  
4263</div>
4264
4265
4266</drag-zoom-wrapper>
4267                
4268              </li><li
4269                id="product-66516289913218-4"
4270                class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable"
4271                style=" --media-preview-ratio: 1.0;"
4272                ref="media[]"
4273                
4274                  on:click="/close"
4275                
4276              >
4277                
4278                  <drag-zoom-wrapper class="product-media__drag-zoom-wrapper">
4279
4280<div
4281  class="product-media"
4282  style="--ratio: 1.0"
4283  data-media-id="66516289913218"
4284>
4285  
4286  <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=3840" alt="Bauplan Gartenhaus 1 Draufsicht mit Bemaßung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
4287
4288  
4289
4290  
4291</div>
4292
4293
4294</drag-zoom-wrapper>
4295                
4296              </li><li
4297                id="product-66516289945986-5"
4298                class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable"
4299                style=" --media-preview-ratio: 1.0;"
4300                ref="media[]"
4301                
4302                  on:click="/close"
4303                
4304              >
4305                
4306                  <drag-zoom-wrapper class="product-media__drag-zoom-wrapper">
4307
4308<div
4309  class="product-media"
4310  style="--ratio: 1.0"
4311  data-media-id="66516289945986"
4312>
4313  
4314  <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=3840" alt="Bauplan Gartenhaus 1 Querschnitt mit Bemaßung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
4315
4316  
4317
4318  
4319</div>
4320
4321
4322</drag-zoom-wrapper>
4323                
4324              </li><li
4325                id="product-66516289978754-6"
4326                class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable"
4327                style=" --media-preview-ratio: 1.0;"
4328                ref="media[]"
4329                
4330                  on:click="/close"
4331                
4332              >
4333                
4334                  <drag-zoom-wrapper class="product-media__drag-zoom-wrapper">
4335
4336<div
4337  class="product-media"
4338  style="--ratio: 1.0"
4339  data-media-id="66516289978754"
4340>
4341  
4342  <img src="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=3840" alt="Bauplan Gartenhaus 1 Seitenansicht mit Bemaßung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
4343
4344  
4345
4346  
4347</div>
4348
4349
4350</drag-zoom-wrapper>
4351                
4352              </li></ul>
4353        </dialog>
4354      </zoom-dialog></media-gallery>
4355
4356
4357
4358
4359
4360
4361
4362      </div>
4363    
4364      
4365    
4366      
4367        
4368  
4369<div
4370  id="ProductInformation-template--27410489835906__main"
4371  class="
4372    product-details
4373     sticky-content--desktop
4374    full-height--desktop"
4375  style="--details-position: flex-start;"
4376  data-testid="product-information-details"
4377  
4378>
4379  
4380
4381  <div
4382  class="
4383    group-block
4384    group-block--height-fill
4385    group-block--width-custom
4386    border-style
4387    spacing-style
4388    size-style
4389    
4390    
4391  "
4392  style="
4393    --border-width: 1px; --border-style: none; --border-color:
4394rgb(var(--color-border-rgb) / 1.0); --border-radius:
43950px; 
4396
4397    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: 0px;--padding-inline-end: 0px;
4398    --size-style-width:100%;--size-style-height: 100%;
4399  --size-style-width-mobile:100%; --size-style-width-mobile-min:100%;
4400    
4401  "
4402  
4403  data-testid="group-block"
4404><div class="group-block__media-wrapper">
4405    
4406
4407    
4408  </div>
4409
4410  <div
4411    class="
4412      group-block-content
4413      
4414      layout-panel-flex
4415      layout-panel-flex--column
4416      
4417    "
4418    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
4419
4420--gap: max(24px, calc(var(--gap-scale, 1.0) * 27px));
4421
4422--horizontal-alignment: ; --vertical-alignment: ;
4423--vertical-alignment-mobile: ;
4424"
4425  >
4426    <div class="view-product-title">
4427      <a
4428        href="/products/gartenhaus-1?variant=56160995279234"
4429        class="link"
4430      >Gartenhaus 1
4431      </a>
4432    </div>
4433    
4434
4435
4436<div
4437  class="
4438    group-block
4439    group-block--height-fit
4440    group-block--width-fill
4441    border-style
4442    spacing-style
4443    size-style
4444    
4445    
4446  "
4447  style="
4448    --border-width: 1px; --border-style: none; --border-color:
4449rgb(var(--color-border-rgb) / 1.0); --border-radius:
44500px; 
4451
4452    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4453    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
4454    
4455  "
4456  
4457  data-testid="group-block"
4458><div class="group-block__media-wrapper">
4459    
4460
4461    
4462  </div>
4463
4464  <div
4465    class="
4466      group-block-content
4467      
4468      layout-panel-flex
4469      layout-panel-flex--column
4470       mobile-column
4471    "
4472    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
4473
4474--gap: 12px;
4475
4476--horizontal-alignment: flex-start; --vertical-alignment: center;
4477--vertical-alignment-mobile: center;
4478"
4479  >
4480  
4481
4482
4483
4484
4485
4486
4487
4488
4489  <div class=" spacing-style text-block text-block--ASFRtSUV6NzE4YjA4V__text_xrnftG h3    text-block--align-left  "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
4490    <h1>Gartenhaus 1</h1>
4491  </div>
4492
4493
4494
4495
4496
4497
4498
4499</div>
4500</div>
4501
4502
4503
4504
4505
4506
4507
4508
4509
4510
4511
4512
4513
4514
4515  <rte-formatter class=" spacing-style text-block text-block--AeGlrVjFCQ3IrMC95e__text_NP8D8R rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
4516    <p><span class="metafield-multi_line_text_field">3,50m x 3,50m mit Vordach.  <br />
4517Das Gartenhaus 1 mit Satteldach umfasst 12,25 m² Grundfläche und begeistert durch seine Bauweise im Fachwerkstil.</span></p>
4518  </rte-formatter>
4519
4520
4521
4522
4523
4524
4525
4526
4527
4528<product-price
4529  class="text-block text-block--align-left text-left h3 spacing-style"
4530  data-block-id="AOGVteDI4T3cxeG81R__price_TgmaHX"
4531  data-product-id="15225320178050"
4532  style="
4533    
4534--color: var(--color-foreground);
4535    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4536    --width: 100%;
4537  "
4538  
4539>
4540  <div ref="priceContainer">
4541  
4542    
4543    
4544
4545    
4546      <span class="price">29,99 €</span>
4547    
4548
4549    
4550  
4551</div>
4552
4553  
4554</product-price>
4555
4556
4557
4558
4559
4560
4561
4562
4563<div>
4564  <style>
4565.kundenwrap{
4566  text-align:center;
4567}
4568.kundenlink{
4569  display:inline-flex;
4570  align-items:center;
4571  justify-content:center;
4572  gap:6px;
4573  color:#000;
4574  text-decoration:none;
4575  font-size:13px;
4576  font-weight:500;
4577  line-height:1;
4578}
4579.kundenlink:hover{
4580  color:#b11226;
4581}
4582.kundenicon{
4583  width:14px;
4584  height:14px;
4585  flex-shrink:0;
4586}
4587</style>
4588
4589<div class="kundenwrap">
4590  <a href="/pages/kundenmeinungen-erfahrungen" class="kundenlink">
4591    <svg class="kundenicon" viewBox="0 0 24 24"
4592      style="stroke:currentColor; stroke-width:1.6; fill:none;">
4593      <circle cx="12" cy="8" r="4"></circle>
4594      <path d="M4 20c0-4 4-6 8-6s8 2 8 6"></path>
4595    </svg>
4596    Kundenmeinungen &amp; Erfahrungen
4597  </a>
4598</div>
4599</div>
4600
4601
4602
4603
4604
4605<a
4606  
4607    href="https://www.digistore24.com/product/65687"
4608  
4609  class="
4610    size-style
4611    button
4612    button--AQW5iaXpLcjlTOWVoa__button_Da7Lbz
4613  "
4614  style="--size-style-width:100%;--size-style-height: ;
4615  --size-style-width-mobile:100%; --size-style-width-mobile-min:100%;"target="_blank"
4616    rel="noopener noreferrer"
4617>
4618  Jetzt Bauplan herunterladen
4619</a>
4620
4621
4622
4623
4624
4625
4626
4627<div>
4628  <div style="
4629  margin-top:-8px;
4630  text-align:center;
4631  font-size:12px;
4632  line-height:1.25;
4633  font-weight:700;
4634  color:#b11226;
4635">
4636  +1 GRATIS Bauplan inklusive<br>
4637  <span style="font-weight:400; color:#000;">
4638    Digitaler Bauplan (PDF) – sofort als Download verfügbar
4639  </span>
4640</div>
4641</div>
4642
4643
4644
4645
4646
4647
4648
4649
4650
4651
4652
4653
4654
4655
4656
4657
4658
4659  <div
4660    class="
4661  image-block image-block--AVEtDU1VhcGVZZjRQU__image_pHYK9i image-block--height-fill spacing-style size-style
4662"
4663    style="
4664  --ratio: 8.0;
4665  --size-style-width:85%;--size-style-height: 100%;
4666  --size-style-width-mobile:85%; --size-style-width-mobile-min:85%;
4667  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: max(20px, calc(var(--spacing-scale) * 70px));--padding-inline-end: 0px;
4668"
4669    
4670  >
4671    
4672<img src="//www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&amp;width=3840" alt="Zahlungsarten: PayPal, Kreditkarte, Klarna, Apple Pay, Google Pay, Überweisung" srcset="//www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&amp;width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&amp;width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&amp;width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&amp;width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&amp;width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&amp;width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&amp;width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&amp;width=3840 3840w" width="1200" height="150" class="image-block__image border-style" style="
4673  --ratio: 8.0;
4674  --border-width: 1px; --border-style: none; --border-color:
4675rgb(var(--color-border-rgb) / 1.0); --border-radius:
46760px; 
4677
4678" sizes="auto, (min-width: 750px) 100vw, 100vw">
4679
4680  </div>
4681
4682
4683
4684
4685
4686
4687
4688<div
4689  class="divider divider-AWFJKMklmRnNPbHdXM__divider_VJhene spacing-style"
4690  style="
4691    --divider-justify-content: center;
4692    --padding-block-start: 0px;--padding-block-end: 0px;
4693  "
4694  
4695
4696>
4697  <span
4698    class="divider__line"
4699    style="
4700      --divider-border-thickness: 1px;
4701      
4702        --divider-border-rounded: 0;
4703      
4704      --divider-flex-basis: 100%;
4705    "
4706  ></span>
4707</div>
4708
4709
4710
4711
4712
4713
4714
4715
4716  
4717
4718
4719
4720
4721
4722
4723
4724
4725
4726
4727
4728
4729
4730
4731
4732
4733
4734  <rte-formatter class=" spacing-style text-block text-block--Ab0JrZS9qWTVEUjUyW__text_aEtTtq paragraph    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
4735    <ul>
4736<li><span dir="auto" style="vertical-align: inherit;"><span dir="auto" style="vertical-align: inherit;">Wandstärke 0,12 m</span></span></li>
4737<li><span dir="auto" style="vertical-align: inherit;"><span dir="auto" style="vertical-align: inherit;">Breite: 3,50 m</span></span></li>
4738<li><span dir="auto" style="vertical-align: inherit;"><span dir="auto" style="vertical-align: inherit;">Länge: 3,50 m</span></span></li>
4739<li><span dir="auto" style="vertical-align: inherit;"><span dir="auto" style="vertical-align: inherit;">Dachüberstand rechts: 0,30 m</span></span></li>
4740<li><span dir="auto" style="vertical-align: inherit;"><span dir="auto" style="vertical-align: inherit;">Dachüberstand-Links: 1,30 m</span></span></li>
4741<li><span dir="auto" style="vertical-align: inherit;"><span dir="auto" style="vertical-align: inherit;">Dachüberstand Eingang: 0,70 m</span></span></li>
4742<li><span dir="auto" style="vertical-align: inherit;"><span dir="auto" style="vertical-align: inherit;">Dachüberstand hinten: 0,20 m</span></span></li>
4743<li><span dir="auto" style="vertical-align: inherit;"><span dir="auto" style="vertical-align: inherit;">Höhe: 3,28 m</span></span></li>
4744<li><span dir="auto" style="vertical-align: inherit;"><span dir="auto" style="vertical-align: inherit;">Dachneigung: 25°</span></span></li>
4745<li><span dir="auto" style="vertical-align: inherit;"><span dir="auto" style="vertical-align: inherit;">Erforderliche Holzmenge: 2,39 m³</span></span></li>
4746<li><span dir="auto" style="vertical-align: inherit;"><span dir="auto" style="vertical-align: inherit;">Dachfläche: 24,76 m²</span></span></li>
4747</ul>
4748  </rte-formatter>
4749
4750
4751
4752
4753
4754
4755
4756
4757
4758<div
4759  class="accordion accordion--Aa3EvNjh5LzVaTkU4S__accordion_btCbeX accordion--caret border-style spacing-style accordion--dividers"
4760  style="
4761    --summary-font-family: var(--font-h6--family);
4762     --summary-font-style: var(--font-h6--style);
4763     --summary-font-weight: var(--font-h6--weight);
4764     --summary-font-size: var(--font-h6--size);
4765     --summary-font-line-height: var(--font-h6--line-height);
4766     --summary-font-case: var(--font-h6--case);
4767    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4768    --border-width: 1px; --border-style: none; --border-color:
4769rgb(var(--color-border-rgb) / 1.0); --border-radius:
47700px; 
4771
4772  "
4773  
4774>
4775  
4776
4777
4778<accordion-custom
4779  
4780>
4781  <details
4782    class="details"
4783    data-testid="accordion-details"
4784    
4785    
4786  >
4787    <summary class="details__header">
4788      <svg
4789    class="details__icon icon-default"
4790    aria-hidden="true"
4791    focusable="false"
4792    xmlns="http://www.w3.org/2000/svg"
4793    width="20"
4794    height="20"
4795    viewBox="0 0 20 20"
4796    
4797  >
4798<path
4799      clip-rule="evenodd"
4800      d="m11.246 5.31759c.0322-.07821.0833-.14723.1486-.20093.0654-.0537.143-.09041.2259-.10686.083-.01645.1688-.01214.2497.01257.0808.0247.1544.06902.214.12902l4.104 4.104c.0478.04765.0857.10426.1115.16659.0259.06232.0392.12913.0392.19661 0 .06747-.0133.13429-.0392.19661-.0258.06233-.0637.11893-.1115.16659l-4.104 4.10401c-.0963.0963-.227.1504-.3632.1504s-.2669-.0541-.3632-.1504-.1504-.227-.1504-.3632.0541-.2669.1504-.3632l3.2288-3.2278h-11.0736c-.13606 0-.26654-.0541-.36275-.15027-.0962-.0962-.15025-.22669-.15025-.36274 0-.13606.05405-.26654.15025-.36275.09621-.0962.22669-.15025.36275-.15025h11.0736l-3.2288-3.2278c-.0721-.07178-.1212-.16335-.1411-.2631s-.0097-.20316.0293-.2971z"
4801      fill="currentColor"
4802      fill-rule="evenodd"
4803    /></svg>
4804      Inhalt eines Bauplanes
4805      <span class="svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4806  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4807</svg>
4808</span>
4809      <span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4810  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4811  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4812</svg>
4813</span>
4814    </summary>
4815
4816    <div class="details-content">
4817      
4818
4819
4820
4821
4822
4823
4824
4825
4826  <rte-formatter class=" spacing-style text-block text-block--AQnJLVzF6VWMycUV2N__text_FpE3gT rte    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
4827    <p><span class="metafield-multi_line_text_field">78-Seiten als E-Book im PDF-Datei-Format, sofort lieferbar als Download<br />
4828<br />
48293D-Zeichnung:<br />
4830Darstellung des Endproduktes anhand mehrerer 3D-Zeichnungen.<br />
4831<br />
4832Schnitte:<br />
4833Querschnitte, Längsschnitte und Ansichten durch jede Wand.<br />
4834<br />
4835Einzelzeichnung:<br />
4836Detaillierte Einzelzeichnungen mit Maßangaben sämtlicher Hölzer (Jedes verbaute Holz auf einer DIN A4 Seite in 3 Ansichten)<br />
4837<br />
4838Draufsicht:<br />
4839Vogelperspektive des Endproduktes mit allen Ebenen und Bemaßungen.<br />
4840<br />
4841Einkaufsliste:<br />
4842Übersichtliche Nummerierung und Auflistung aller Hölzer inkl. Einkaufsliste.<br />
4843<br />
4844Massenermittlung:<br />
4845Zusammenfassung der Holzliste, Abschnitte, Balkenschnitte, Dachziegeln, Dachkanten und Dachflächen.<br />
4846</span></p>
4847  </rte-formatter>
4848
4849
4850
4851
4852
4853
4854
4855
4856
4857
4858
4859
4860
4861
4862
4863  <rte-formatter class=" spacing-style text-block text-block--AVmxBVExhVmhCcW9Zd__text_qQKtHF rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
4864    <p></p><p></p><p></p><p></p><p></p><p><a href="/pages/faq" title="FAQ">Eine detaillierte Beschreibung unserer Baupläne findest du im FAQ-Bereich.</a></p>
4865  </rte-formatter>
4866
4867
4868
4869
4870
4871
4872
4873    </div>
4874  </details>
4875</accordion-custom>
4876
4877
4878
4879
4880
4881</div>
4882
4883
4884
4885
4886
4887  </div>
4888</div>
4889
4890
4891
4892</div>
4893
4894
4895
4896
4897
4898
4899      
4900    
4901  </div>
4902
4903  
4904  
4905
4906</div>
4907
4908
4909
4910
4911
4912
4913
4914</div>
4915    </main>
4916
4917    <!-- BEGIN sections: footer-group -->
4918<div id="shopify-section-sections--27410483937666__section_P74MBy" class="shopify-section shopify-section-group-footer-group section-wrapper">
4919
4920
4921
4922<div class="section-background color-scheme-2"></div>
4923<div
4924  class="section section--page-width color-scheme-2"
4925  data-testid="ui-test-section"
4926
4927  
4928
4929  style="
4930    
4931      --section-min-height: 19svh;
4932    
4933
4934    
4935     --section-preview-height: 600px;
4936     
4937  "
4938>
4939  <div class="custom-section-background">
4940    
4941
4942  </div>
4943
4944  <div
4945    class="border-style custom-section-content"
4946    style="--border-width: 1px; --border-style: none; --border-color:
4947rgb(var(--color-border-rgb) / 1.0); --border-radius:
49480px; 
4949"
4950  >
4951    
4952
4953    <div
4954      class="
4955        spacing-style
4956        layout-panel-flex
4957        layout-panel-flex--column
4958        section-content-wrapper
4959         mobile-column
4960      "
4961      style="
4962        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
4963
4964--gap: 20px;
4965
4966--horizontal-alignment: center; --vertical-alignment: center;
4967--vertical-alignment-mobile: center;
4968
4969        --padding-block-start: max(20px, calc(var(--spacing-scale) * 25px));--padding-block-end: 20px;
4970      "
4971      data-testid="section-content"
4972    >
4973      
4974  
4975
4976
4977
4978
4979
4980
4981
4982
4983  <rte-formatter class=" spacing-style text-block text-block--AT3lHTTZXbmlsaVdDW__text_zFgiQK rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
4984    <h3>Jetzt Newsletter abonnieren</h3>
4985  </rte-formatter>
4986
4987
4988
4989
4990
4991
4992
4993
4994
4995
4996
4997
4998
4999
5000
5001  <rte-formatter class=" spacing-style text-block text-block--ALy9nYVdHS3daalNBe__text_EkFxpj rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
5002    <p>Gratis-Bauplan sichern </p><p>und exklusive Angebote sowie neue Produkte als Erster sehen</p>
5003  </rte-formatter>
5004
5005
5006
5007
5008
5009
5010
5011
5012    </div>
5013  </div>
5014</div>
5015
5016
5017
5018
5019
5020</div><div id="shopify-section-sections--27410483937666__custom_liquid_YwNBMD" class="shopify-section shopify-section-group-footer-group">
5021
5022<div class="section-background color-scheme-2"></div>
5023<div
5024  class="section section--page-width spacing-style color-scheme-2"
5025  style="--padding-block-start: 0px; --padding-block-end:20px; 
5026--padding-inline-start:0px; --padding-inline-end:0px; 
5027"
5028>
5029  
5030<div style="width:100%;max-width:500px;margin:0 auto;text-align:center;">
5031<iframe class="ktv2" title="Newsletter-Anmeldung" src="https://assets.klicktipp.com/userimages/52
50316674/forms/262997/64o7zc9wtz8z586d.html" style="position:relative;display:inline-block;border:none;background:transparent none no-repeat scroll 0 0;margin:0;" width="100%"height="240" scrolling="no"></iframe>
5032</div>
5033
5034</div>
5035
5036
5037</div><footer id="shopify-section-sections--27410483937666__footer_xL6kxG" class="shopify-section shopify-section-group-footer-group section-wrapper">
5038
5039<div class="section-background color-scheme-6"></div>
5040<div
5041  class="section section--page-width color-scheme-6"
5042>
5043  
5044  <div
5045    class="
5046      footer-content
5047      spacing-style
5048      
5049      
5050    "
5051    style="
5052      --padding-block-start: max(20px, calc(var(--spacing-scale) * 36px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 36px));
5053      --footer-gap: 20px;
5054      --grid-columns: 4;
5055      --last-row-count: 4;
5056      --tablet-last-row-count: 2;
5057    "
5058  >
5059    
5060
5061
5062<div
5063  class="
5064    group-block
5065    group-block--height-fit
5066    group-block--width-fit-content
5067    border-style
5068    spacing-style
5069    size-style
5070    
5071    
5072  "
5073  style="
5074    --border-width: 1px; --border-style: none; --border-color:
5075rgb(var(--color-border-rgb) / 1.0); --border-radius:
50760px; 
5077
5078    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5079    --size-style-width: fit-content;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
5080    
5081  "
5082  
5083  data-testid="group-block"
5084><div class="group-block__media-wrapper">
5085    
5086
5087    
5088  </div>
5089
5090  <div
5091    class="
5092      group-block-content
5093      
5094      layout-panel-flex
5095      layout-panel-flex--column
5096       mobile-column
5097    "
5098    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
5099
5100--gap: 12px;
5101
5102--horizontal-alignment: flex-start; --vertical-alignment: center;
5103--vertical-alignment-mobile: center;
5104"
5105  >
5106  
5107
5108
5109
5110
5111
5112
5113
5114
5115  <rte-formatter class=" spacing-style text-block text-block--AaGQwa0Zrald1ZFZuY__text_4a4JMx rte    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-narrow);          --text-align: left;          ">
5116    <h5><strong>holz-bauplan.de</strong></h5><h6>Inh. Jürgen Tranziska<br/>Rosengasse, 7<br/>96145 Seßlach</h6><h6></h6><h6>Bei Fragen können Sie uns über unsere <a href="/pages/kontakt-faq" title="Kontakt/FAQ"><strong>Kontaktseite</strong></a> erreichen<br/><br/></h6>
5117  </rte-formatter>
5118
5119
5120
5121
5122
5123
5124
5125</div>
5126</div>
5127
5128
5129
5130
5131
5132
5133
5134
5135<div
5136  class="
5137    group-block
5138    group-block--height-fit
5139    group-block--width-fit-content
5140    border-style
5141    spacing-style
5142    size-style
5143    
5144    
5145  "
5146  style="
5147    --border-width: 1px; --border-style: none; --border-color:
5148rgb(var(--color-border-rgb) / 1.0); --border-radius:
51490px; 
5150
5151    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5152    --size-style-width: fit-content;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
5153    
5154  "
5155  
5156  data-testid="group-block"
5157><div class="group-block__media-wrapper">
5158    
5159
5160    
5161  </div>
5162
5163  <div
5164    class="
5165      group-block-content
5166      
5167      layout-panel-flex
5168      layout-panel-flex--column
5169       mobile-column
5170    "
5171    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
5172
5173--gap: 12px;
5174
5175--horizontal-alignment: flex-start; --vertical-alignment: center;
5176--vertical-alignment-mobile: center;
5177"
5178  >
5179  
5180
5181
5182
5183
5184
5185
5186
5187
5188  <rte-formatter class=" spacing-style text-block text-block--AZWUxNktCSGo3aERXc__text_A7EnBy rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
5189    <h5><strong>Weitere Links</strong></h5><h6><a href="/pages/bauplane" title="Baupläne">Baupläne</a></h6><h6><a href="/pages/bauplan-individuell" title="Individueller Bauplan">Individueller Bauplan</a></h6><h6><a href="/pages/kundenmeinungen-erfahrungen" title="Kundenmeinungen & Erfahrungen">Kundenmeinungen</a></h6><h6>
5189<a href="/blogs/ratgeber-holzbau" title="Ratgeber Holzbau">Ratgeber Holzbau</a></h6><h6><a href="/pages/kontakt" title="FAQ">Fragen u. Antworten</a></h6><p></p>
5190  </rte-formatter>
5191
5192
5193
5194
5195
5196
5197
5198</div>
5199</div>
5200
5201
5202
5203
5204
5205
5206
5207
5208<div
5209  class="
5210    group-block
5211    group-block--height-fit
5212    group-block--width-fit-content
5213    border-style
5214    spacing-style
5215    size-style
5216    
5217    
5218  "
5219  style="
5220    --border-width: 1px; --border-style: none; --border-color:
5221rgb(var(--color-border-rgb) / 1.0); --border-radius:
52220px; 
5223
5224    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5225    --size-style-width: fit-content;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
5226    
5227  "
5228  
5229  data-testid="group-block"
5230><div class="group-block__media-wrapper">
5231    
5232
5233    
5234  </div>
5235
5236  <div
5237    class="
5238      group-block-content
5239      
5240      layout-panel-flex
5241      layout-panel-flex--column
5242       mobile-column
5243    "
5244    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
5245
5246--gap: 12px;
5247
5248--horizontal-alignment: flex-start; --vertical-alignment: center;
5249--vertical-alignment-mobile: center;
5250"
5251  >
5252  
5253
5254
5255
5256
5257
5258
5259
5260
5261  <rte-formatter class=" spacing-style text-block text-block--AVWg5eDJScjdTUWlPZ__text_LyKg4G rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
5262    <h5><strong>Rechtliches</strong></h5><h6><a href="/pages/haftungsausschluss-fur-unsere-bauplane" title="Haftungsausschluss für unsere Baupläne">Haftungsausschluss</a></h6><h6><a href="/policies/privacy-policy" title="Privacy Policy">Datenschutz</a></h6><h6><a href="/policies/refund-policy" title="Refund Policy">Widerrufsrecht</a></h6><h6><a href="/policies/terms-of-service" title="Terms of Service">AGB</a></h6><h6><a href="/policies/legal-notice" title="Legal Notice">Impressum</a></h6>
5263  </rte-formatter>
5264
5265
5266
5267
5268
5269
5270
5271</div>
5272</div>
5273
5274
5275
5276
5277
5278
5279
5280
5281<div
5282  class="
5283    group-block
5284    group-block--height-fit
5285    group-block--width-fit-content
5286    border-style
5287    spacing-style
5288    size-style
5289    
5290    
5291  "
5292  style="
5293    --border-width: 1px; --border-style: none; --border-color:
5294rgb(var(--color-border-rgb) / 1.0); --border-radius:
52950px; 
5296
5297    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5298    --size-style-width: fit-content;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
5299    
5300  "
5301  
5302  data-testid="group-block"
5303><div class="group-block__media-wrapper">
5304    
5305
5306    
5307  </div>
5308
5309  <div
5310    class="
5311      group-block-content
5312      
5313      layout-panel-flex
5314      layout-panel-flex--column
5315       mobile-column
5316    "
5317    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
5318
5319--gap: 22px;
5320
5321--horizontal-alignment: flex-start; --vertical-alignment: center;
5322--vertical-alignment-mobile: center;
5323"
5324  >
5325  
5326
5327
5328
5329
5330
5331
5332
5333
5334  <rte-formatter class=" spacing-style text-block text-block--AUEhDQ2RHM0xKWWd3Y__text_jVmdTj rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
5335    <h5><strong>Zahlungsmethoden</strong></h5><h4></h4>
5336  </rte-formatter>
5337
5338
5339
5340
5341
5342
5343
5344
5345
5346
5347
5348
5349
5350
5351
5352
5353
5354
5355
5356
5357
5358  <div
5359    class="
5360  image-block image-block--AZ0FvZTRTRkluTllBc__image_PQXJLX image-block--height-fit spacing-style size-style
5361"
5362    style="
5363  --ratio: 8.0;
5364  --size-style-width:59%;--size-style-height: fit;
5365  --size-style-width-mobile:74%; --size-style-width-mobile-min:74%;
5366  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5367"
5368    
5369  >
5370    
5371<img src="//www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&amp;width=3840" alt="Zahlungsarten: PayPal, Kreditkarte, Klarna, Apple Pay, Google Pay, Überweisung" srcset="//www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&amp;width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&amp;width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&amp;width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&amp;width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&amp;width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&amp;width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&amp;width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&amp;width=3840 3840w" width="1200" height="150" class="image-block__image border-style" style="
5372  --ratio: 8.0;
5373  --border-width: 1px; --border-style: solid; --border-color:
5374rgb(var(--color-border-rgb) / 1.0); --border-radius:
53750px; 
5376
5377" sizes="auto, (min-width: 750px) 100vw, 100vw">
5378
5379  </div>
5380
5381
5382
5383
5384
5385
5386
5387<div
5388  class="social-icons__wrapper footer-utilities__icons"
5389  
5390>
5391  
5392
5393  
5394    
5395
5396    
5397    
5398      
5399        <div
5400          class="social-icons__icon-wrapper"
5401        >
5402          <a
5403            href="https://www.facebook.com/holzbauplan.de"
5404            target="_blank"
5405            rel="noopener noreferrer"
5406            aria-label="Facebook"
5407            
5408          >
5409            <span class="social-icons__icon-label">Facebook</span>
5410            
5411              <svg
5412                class="social-icons__icon icon-default"
5413                aria-hidden="true"
5414                focusable="false"
5415                xmlns="http://www.w3.org/2000/svg"
5416                viewBox="0 0 20 20"
5417              >
5418<path d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z" /></svg>
5419            
5420          </a>
5421        </div>
5422      
5423    
5424  
5425    
5426
5427    
5428    
5429      
5430        <div
5431          class="social-icons__icon-wrapper"
5432        >
5433          <a
5434            href="https://www.instagram.com/holzbauplande"
5435            target="_blank"
5436            rel="noopener noreferrer"
5437            aria-label="Instagram"
5438            
5439          >
5440            <span class="social-icons__icon-label">Instagram</span>
5441            
5442              <svg
5443                class="social-icons__icon icon-default"
5444                aria-hidden="true"
5445                focusable="false"
5446                xmlns="http://www.w3.org/2000/svg"
5447                viewBox="0 0 20 20"
5448              >
5449<path
5450      fill-rule="evenodd"
5451      d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z"
5452      clip-rule="evenodd"
5453    /></svg>
5454            
5455          </a>
5456        </div>
5457      
5458    
5459  
5460    
5461
5462    
5463    
5464      
5465        <div
5466          class="social-icons__icon-wrapper"
5467        >
5468          <a
5469            href="https://www.youtube.com/channel/UCsjcIzA21YwYCdxq66fSnBA"
5470            target="_blank"
5471            rel="noopener noreferrer"
5472            aria-label="Youtube"
5473            
5474          >
5475            <span class="social-icons__icon-label">Youtube</span>
5476            
5477              <svg
5478                class="social-icons__icon icon-default"
5479                aria-hidden="true"
5480                focusable="false"
5481                xmlns="http://www.w3.org/2000/svg"
5482                viewBox="0 0 20 20"
5483              >
5484<path d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z" /></svg>
5485            
5486          </a>
5487        </div>
5488      
5489    
5490  
5491    
5492
5493    
5494    
5495  
5496    
5497
5498    
5499    
5500  
5501    
5502
5503    
5504    
5505  
5506    
5507
5508    
5509    
5510  
5511    
5512
5513    
5514    
5515  
5516    
5517
5518    
5519    
5520  
5521    
5522
5523    
5524    
5525      
5526        <div
5527          class="social-icons__icon-wrapper"
5528        >
5529          <a
5530            href="https://de.pinterest.com/holzbauplande/"
5531            target="_blank"
5532            rel="noopener noreferrer"
5533            aria-label="Pinterest"
5534            
5535          >
5536            <span class="social-icons__icon-label">Pinterest</span>
5537            
5538              <svg
5539                class="social-icons__icon icon-default"
5540                aria-hidden="true"
5541                focusable="false"
5542                xmlns="http://www.w3.org/2000/svg"
5543                viewBox="0 0 20 20"
5544              >
5545<path d="M10 2.01c2.124.01 4.16.855 5.666 2.353a8.087 8.087 0 0 1 1.277 9.68A7.952 7.952 0 0 1 10 18.04a8.164 8.164 0 0 1-2.276-.307c.403-.653.672-1.24.816-1.729l.567-2.2c.134.27.393.5.768.702.384.192.768.297 1.19.297.836 0 1.585-.24 2.248-.72a4.678 4.678 0 0 0 1.537-1.969c.37-.89.554-1.848.537-2.813 0-1.249-.48-2.315-1.43-3.227a5.061 5.061 0 0 0-3.65-1.374c-.893 0-1.729.154-2.478.461a5.023 5.023 0 0 0-3.236 4.552c0 .72.134 1.355.413 1.902.269.538.672.922 1.22 1.152.096.039.182.039.25 0 .066-.028.114-.096.143-.192l.173-.653c.048-.144.02-.288-.105-.432a2.257 2.257 0 0 1-.548-1.565 3.803 3.803 0 0 1 3.976-3.861c1.047 0 1.863.288 2.44.855.585.576.883 1.315.883 2.228 0 .768-.106 1.479-.317 2.122a3.813 3.813 0 0 1-.893 1.556c-.384.384-.836.576-1.345.576-.413 0-.749-.144-1.018-.451-.259-.307-.345-.672-.25-1.085.147-.514.298-1.026.452-1.537l.173-.701c.057-.25.086-.451.086-.624 0-.346-.096-.634-.269-.855-.192-.22-.451-.336-.797-.336-.432 0-.797.192-1.085.595-.288.394-.442.893-.442 1.499.005.374.063.746.173 1.104l.058.144c-.576 2.478-.913 3.938-1.037 4.36-.116.528-.154 1.153-.125 1.863A8.067 8.067 0 0 1 2 10.03c0-2.208.778-4.11 2.343-5.666A7.721 7.721 0 0 1 10 2.001v.01Z" /></svg>
5546            
5547          </a>
5548        </div>
5549      
5550    
5551  
5552    
5553
5554    
5555    
5556  
5557    
5558
5559    
5560    
5561  
5562    
5563
5564    
5565    
5566  
5567</div>
5568
5569
5570
5571
5572
5573</div>
5574</div>
5575
5576
5577
5578
5579
5580
5581  </div>
5582</div>
5583
5584
5585
5586
5587</footer><div id="shopify-section-sections--27410483937666__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities">
5588
5589<div class="section-background color-scheme-6"></div>
5590<div
5591  class="section section--page-width color-scheme-6"
5592  
5593>
5594  <div
5595    class="utilities utilities--blocks-1 spacing-style"
5596    style="--padding-block-start: 20px;--padding-block-end: 20px; --border-width: 0px; --gap: 24px;"
5597    data-testid="footer-utilities"
5598  >
5599    
5600
5601<div
5602  class="
5603    footer-utilities__group-copyright
5604    custom-typography
5605    footer-utilities__text
5606    custom-font-size
5607  "
5608  style="
5609--color: ;--font-size: 1rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
5610  
5611>
5612  <span class="footer-utilities__text">
5613    &copy; 2026
5614    <a href="/" title="">holz-bauplan.de</a></span>
5615</div>
5616
5617
5618
5619  </div>
5620</div>
5621
5622
5623
5624
5625</div>
5626<!-- END sections: footer-group -->
5627
5628    
5628<script
5629  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/dialog.js?v=122984339961420548111779877734"
5630  type="module"
5631></script>
5631
5632
5633<dialog-component
5634  id="search-modal"
5635  class="search-modal"
5636  
5637>
5638  <dialog
5639    ref="dialog"
5640    on:click="/closeDialogOnClickOutside"
5641    on:keydown="/closeDialogOnEscapePress"
5642    class="search-modal__content dialog-modal"
5643    scroll-lock
5644    aria-labelledby="search-modal-heading"
5645  >
5646    <h2
5647      id="search-modal-heading"
5648      class="visually-hidden"
5649    >
5650      Suche
5651    </h2>
5652    
5652<script
5653  src="//www.holz-bauplan.de/cdn/shop/t/6/assets/predictive-search.js?v=53445493388242646041779877734"
5654  type="module"
5655  fetchpriority="low"
5656></script>
5656
5657
5658<predictive-search-component
5659  class="predictive-search color-scheme-1"
5660  style="--product-corner-radius: 0px; --card-corner-radius: 4px;"
5661  data-section-id="predictive-search"
5662  data-testid="search-component--modal"
5663  role="search"
5664  aria-label="Suchen"
5665>
5666  <form
5667    action="/search"
5668    method="get"
5669    role="search"
5670    class="predictive-search-form"
5671    ref="form"
5672    on:keydown="/onSearchKeyDown"
5673  >
5674    <div
5675      class="predictive-search-form__header"
5676    >
5677      <div class="predictive-search-form__header-inner">
5678        <label
5679          for="cmdk-input"
5680          class="visually-hidden"
5681        >Suchen</label>
5682        <input
5683          class="search-input"
5684          id="cmdk-input"
5685          type="search"
5686          name="q"
5687          role="combobox"
5688          aria-expanded="false"
5689          aria-owns="predictive-search-results"
5690          aria-controls="predictive-search-results"
5691          aria-haspopup="listbox"
5692          aria-autocomplete="list"
5693          autocomplete="off"
5694          placeholder="Suchen"
5695          ref="searchInput"
5696          on:input="/search"
5697          on:keydown="/onSearchKeyDown"
5698        >
5699        <input
5700          name="options[prefix]"
5701          type="hidden"
5702          value="last"
5703        >
5704        <span class="svg-wrapper predictive-search__icon">
5705          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
5706
5707        </span>
5708        <button
5709          type="button"
5710          class="button-unstyled predictive-search__reset-button"
5711          ref="resetButton"
5712          hidden
5713          on:click="/resetSearch"
5714        >
5715          Löschen
5716        </button>
5717      </div>
5718      <button
5719        type="button"
5720        class="button predictive-search__close-modal-button"
5721        aria-label="Dialogfeld schließen"
5722        on:click="dialog-component/closeDialog"
5723        ref="closeModalButton"
5724      >
5725        <span class="svg-wrapper">
5726          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5727  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5728  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5729</svg>
5730
5731        </span>
5732      </button>
5733    </div>
5734
5735    <div class="predictive-search-form__content-wrapper">
5736      <div
5737        class="predictive-search-form__content"
5738        tabindex="-1"
5739        ref="predictiveSearchResults"
5740        on:click="/handleModalClick"
5741      >
5742        
5743
5744<div
5745  id="predictive-search-results"
5746  class="predictive-search-dropdown"
5747  role="listbox"
5748  aria-expanded="true"
5749  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
5750>
5751  
5752</div>
5753
5754      </div>
5755
5756      <div class="predictive-search-form__footer">
5757        <button
5758          class="button button-primary predictive-search__search-button"
5759          ref="viewAllButton"
5760        >
5761          Alle anzeigen
5762        </button>
5763      </div>
5764    </div>
5765  </form>
5766</predictive-search-component>
5767
5768
5769
5770  </dialog>
5771</dialog-component>
5772
5773
5774
5775
5776    
5777  <style> .card {border-radius: 30px;} </style>
5778<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
5778
5779</body>
5780</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.