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 – 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&v=1771855883" alt="" width="133" height="50" class="header-logo__image" srcset="//www.holz-bauplan.de/cdn/shop/files/01_JPG.jpg?height=50&v=1771855883 1x, //www.holz-bauplan.de/cdn/shop/files/01_JPG.jpg?height=100&v=1771855883 2x, //www.holz-bauplan.de/cdn/shop/files/01_JPG.jpg?height=150&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&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&width=3840" alt="Bauplan Gartenhaus 1 3D-Ansicht schräg von vorn" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&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&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&width=3840" alt="Bauplan Gartenhaus 1 3D-Frontansicht" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&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&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&width=3840" alt="Bauplan Gartenhaus 1 3D-Draufsicht" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&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&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&width=3840" alt="Bauplan Gartenhaus 1 Draufsicht mit BemaÃung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&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&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&width=3840" alt="Bauplan Gartenhaus 1 Querschnitt mit BemaÃung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&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&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&width=3840" alt="Bauplan Gartenhaus 1 Seitenansicht mit BemaÃung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&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&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&width=144" alt="Bauplan Gartenhaus 1 3D-Ansicht schräg von vorn" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&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&width=144" alt="Bauplan Gartenhaus 1 3D-Frontansicht" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&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&width=144" alt="Bauplan Gartenhaus 1 3D-Draufsicht" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&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&width=144" alt="Bauplan Gartenhaus 1 Draufsicht mit BemaÃung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&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&width=144" alt="Bauplan Gartenhaus 1 Querschnitt mit BemaÃung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&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&width=144" alt="Bauplan Gartenhaus 1 Seitenansicht mit BemaÃung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&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&width=3840" alt="Bauplan Gartenhaus 1 3D-Ansicht schräg von vorn" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&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&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&width=3840" alt="Bauplan Gartenhaus 1 3D-Frontansicht" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&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&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&width=3840" alt="Bauplan Gartenhaus 1 3D-Draufsicht" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&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&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&width=3840" alt="Bauplan Gartenhaus 1 Draufsicht mit BemaÃung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&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&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&width=3840" alt="Bauplan Gartenhaus 1 Querschnitt mit BemaÃung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&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&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&width=3840" alt="Bauplan Gartenhaus 1 Seitenansicht mit BemaÃung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&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&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&width=1024" alt="Bauplan Gartenhaus 1 3D-Ansicht schräg von vorn" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&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&width=1024" alt="Bauplan Gartenhaus 1 3D-Frontansicht" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&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&width=1024" alt="Bauplan Gartenhaus 1 3D-Draufsicht" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&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&width=1024" alt="Bauplan Gartenhaus 1 Draufsicht mit BemaÃung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&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&width=1024" alt="Bauplan Gartenhaus 1 Querschnitt mit BemaÃung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&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&width=1024" alt="Bauplan Gartenhaus 1 Seitenansicht mit BemaÃung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&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&width=3840" alt="Bauplan Gartenhaus 1 3D-Ansicht schräg von vorn" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1.png?v=1767694800&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&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&width=3840" alt="Bauplan Gartenhaus 1 3D-Frontansicht" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_2.png?v=1767694800&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&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&width=3840" alt="Bauplan Gartenhaus 1 3D-Draufsicht" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_1.png?v=1767694800&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&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&width=3840" alt="Bauplan Gartenhaus 1 Draufsicht mit BemaÃung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_3.png?v=1767694800&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&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&width=3840" alt="Bauplan Gartenhaus 1 Querschnitt mit BemaÃung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_4.png?v=1767694800&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&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&width=3840" alt="Bauplan Gartenhaus 1 Seitenansicht mit BemaÃung" srcset="//www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=640 640w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=720 720w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Gartenhaus1_5.png?v=1767694800&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&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 & 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&width=3840" alt="Zahlungsarten: PayPal, Kreditkarte, Klarna, Apple Pay, Google Pay, Ãberweisung" srcset="//www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&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&width=3840" alt="Zahlungsarten: PayPal, Kreditkarte, Klarna, Apple Pay, Google Pay, Ãberweisung" srcset="//www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&width=240 240w, //www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&width=352 352w, //www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&width=832 832w, //www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&width=1200 1200w, //www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&width=1600 1600w, //www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&width=1920 1920w, //www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&width=2560 2560w, //www.holz-bauplan.de/cdn/shop/files/Zahlungssymbole.png?v=1766047080&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 © 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.