<!doctype html>
<html
  
  lang="de"
>
  <head>
    
<meta charset="utf-8">
<meta
  http-equiv="X-UA-Compatible"
  content="IE=edge"
>
<meta
  name="viewport"
  content="width=device-width,initial-scale=1"
>
<meta
  name="view-transition"
  content="same-origin"
>
<meta
  name="theme-color"
  content=""
>

<meta
  property="og:site_name"
  content="TALVEL"
>
<meta
  property="og:url"
  content="https://talvel.de/"
>
<meta
  property="og:title"
  content="TALVEL"
>
<meta
  property="og:type"
  content="website"
>
<meta
  property="og:description"
  content="Handgefertigte Holzkunst seit 1990 – Stecker, Teelichthalter und einzigartige Dekorationen in limitierter Auflage. Entdecken Sie TALVEL."
><meta
    property="og:image"
    content="http://talvel.de/cdn/shop/files/DSC01302.jpg?v=1777470597"
  >
  <meta
    property="og:image:secure_url"
    content="https://talvel.de/cdn/shop/files/DSC01302.jpg?v=1777470597"
  >
  <meta
    property="og:image:width"
    content="5152"
  >
  <meta
    property="og:image:height"
    content="3864"
  ><meta
  name="twitter:card"
  content="summary_large_image"
>
<meta
  name="twitter:title"
  content="TALVEL"
>
<meta
  name="twitter:description"
  content="Handgefertigte Holzkunst seit 1990 – Stecker, Teelichthalter und einzigartige Dekorationen in limitierter Auflage. Entdecken Sie TALVEL."
>

<title>
  TALVEL
</title>

<link
  rel="canonical"
  href="https://talvel.de/"
>


  <meta
    name="description"
    content="Handgefertigte Holzkunst seit 1990 – Stecker, Teelichthalter und einzigartige Dekorationen in limitierter Auflage. Entdecken Sie TALVEL."
  >

<link href="//talvel.de/cdn/shop/t/1/assets/overflow-list.css?v=13500019909476584571773834400" as="style" rel="preload">
<link href="//talvel.de/cdn/shop/t/1/assets/base.css?v=63362083137007814421777466218" rel="stylesheet" type="text/css" media="all" />

<link
    rel="preload"
    as="font"
    href="//talvel.de/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//talvel.de/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//talvel.de/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//talvel.de/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  >
<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
  {
    "imports": {
      "@theme/overflow-list": "//talvel.de/cdn/shop/t/1/assets/overflow-list.js?v=46858356770684902511773834400",
      "@theme/product-title": "//talvel.de/cdn/shop/t/1/assets/product-title-truncation.js?v=81744426891537421781773834400",
      "@theme/component": "//talvel.de/cdn/shop/t/1/assets/component.js?v=184240237101443119871773834400",
      "@theme/dialog": "//talvel.de/cdn/shop/t/1/assets/dialog.js?v=150888536568694194021773834400",
      "@theme/events": "//talvel.de/cdn/shop/t/1/assets/events.js?v=1118589085892804011773834400",
      "@theme/focus": "//talvel.de/cdn/shop/t/1/assets/focus.js?v=60436577539430446401773834400",
      "@theme/morph": "//talvel.de/cdn/shop/t/1/assets/morph.js?v=102085577784545683451773834400",
      "@theme/paginated-list": "//talvel.de/cdn/shop/t/1/assets/paginated-list.js?v=95298315036233333871773834400",
      "@theme/performance": "//talvel.de/cdn/shop/t/1/assets/performance.js?v=171015751390534793081773834400",
      "@theme/product-form": "//talvel.de/cdn/shop/t/1/assets/product-form.js?v=87407172394809519131773834400",
      "@theme/recently-viewed-products": "//talvel.de/cdn/shop/t/1/assets/recently-viewed-products.js?v=94729125001750262651773834400",
      "@theme/scrolling": "//talvel.de/cdn/shop/t/1/assets/scrolling.js?v=162288454571026455011773834400",
      "@theme/section-renderer": "//talvel.de/cdn/shop/t/1/assets/section-renderer.js?v=152586934315572818121773834400",
      "@theme/section-hydration": "//talvel.de/cdn/shop/t/1/assets/section-hydration.js?v=108434990705342316311773834400",
      "@theme/money-formatting": "//talvel.de/cdn/shop/t/1/assets/money-formatting.js?v=182191346160333327151773834400",
      "@theme/utilities": "//talvel.de/cdn/shop/t/1/assets/utilities.js?v=28506172887375975941773834400",
      "@theme/variant-picker": "//talvel.de/cdn/shop/t/1/assets/variant-picker.js?v=177886063604495755331773834400",
      "@theme/media-gallery": "//talvel.de/cdn/shop/t/1/assets/media-gallery.js?v=14624021005636302161773834400",
      "@theme/quick-add": "//talvel.de/cdn/shop/t/1/assets/quick-add.js?v=8173316780029216301773834400",
      "@theme/paginated-list-aspect-ratio": "//talvel.de/cdn/shop/t/1/assets/paginated-list-aspect-ratio.js?v=25254270272143792451773834400",
      "@theme/popover-polyfill": "//talvel.de/cdn/shop/t/1/assets/popover-polyfill.js?v=119029313658895111201773834400",
      "@theme/component-quantity-selector": "//talvel.de/cdn/shop/t/1/assets/component-quantity-selector.js?v=67906657287482036641773834400",
      "@theme/comparison-slider": "//talvel.de/cdn/shop/t/1/assets/comparison-slider.js?v=106705562947035711941773834400",
      "@theme/sticky-add-to-cart": "//talvel.de/cdn/shop/t/1/assets/sticky-add-to-cart.js?v=48956925339276737091773834400",
      "@theme/fly-to-cart": "//talvel.de/cdn/shop/t/1/assets/fly-to-cart.js?v=48483246440248933081773834400"
    }
  }
</script>

<script
  src="//talvel.de/cdn/shop/t/1/assets/view-transitions.js?v=7106414069516106341773834400"
  async
  
></script>

<link
  rel="modulepreload"
  href="//talvel.de/cdn/shop/t/1/assets/utilities.js?v=28506172887375975941773834400"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//talvel.de/cdn/shop/t/1/assets/component.js?v=184240237101443119871773834400"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//talvel.de/cdn/shop/t/1/assets/section-renderer.js?v=152586934315572818121773834400"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//talvel.de/cdn/shop/t/1/assets/section-hydration.js?v=108434990705342316311773834400"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//talvel.de/cdn/shop/t/1/assets/morph.js?v=102085577784545683451773834400"
  fetchpriority="low"
>



<link
  rel="modulepreload"
  href="//talvel.de/cdn/shop/t/1/assets/focus.js?v=60436577539430446401773834400"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//talvel.de/cdn/shop/t/1/assets/recently-viewed-products.js?v=94729125001750262651773834400"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//talvel.de/cdn/shop/t/1/assets/scrolling.js?v=162288454571026455011773834400"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//talvel.de/cdn/shop/t/1/assets/events.js?v=1118589085892804011773834400"
  fetchpriority="low"
>
<script
  src="//talvel.de/cdn/shop/t/1/assets/popover-polyfill.js?v=119029313658895111201773834400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//talvel.de/cdn/shop/t/1/assets/overflow-list.js?v=46858356770684902511773834400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//talvel.de/cdn/shop/t/1/assets/quick-add.js?v=8173316780029216301773834400"
  type="module"
  fetchpriority="low"
></script>

  <script
    src="//talvel.de/cdn/shop/t/1/assets/cart-discount.js?v=107077853990124422021773834400"
    type="module"
    fetchpriority="low"
  ></script>


<script
  src="//talvel.de/cdn/shop/t/1/assets/dialog.js?v=150888536568694194021773834400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//talvel.de/cdn/shop/t/1/assets/variant-picker.js?v=177886063604495755331773834400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//talvel.de/cdn/shop/t/1/assets/product-card.js?v=28695665944407642501773834400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//talvel.de/cdn/shop/t/1/assets/product-form.js?v=87407172394809519131773834400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//talvel.de/cdn/shop/t/1/assets/fly-to-cart.js?v=48483246440248933081773834400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//talvel.de/cdn/shop/t/1/assets/accordion-custom.js?v=97588419883090888471773834400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//talvel.de/cdn/shop/t/1/assets/media.js?v=37825095869491791421773834400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//talvel.de/cdn/shop/t/1/assets/product-price.js?v=164492227269745550161773834400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//talvel.de/cdn/shop/t/1/assets/product-sku.js?v=121804655373531320511773834400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//talvel.de/cdn/shop/t/1/assets/product-title-truncation.js?v=81744426891537421781773834400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//talvel.de/cdn/shop/t/1/assets/product-inventory.js?v=81520546963552472391773834400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//talvel.de/cdn/shop/t/1/assets/show-more.js?v=94563802205717136101773834400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//talvel.de/cdn/shop/t/1/assets/slideshow.js?v=17868446697736367161773834400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//talvel.de/cdn/shop/t/1/assets/layered-slideshow.js?v=30135417790894624731773834400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//talvel.de/cdn/shop/t/1/assets/anchored-popover.js?v=95953304814728754461773834400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//talvel.de/cdn/shop/t/1/assets/floating-panel.js?v=151277338116891310371773834400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//talvel.de/cdn/shop/t/1/assets/video-background.js?v=25237992823806706551773834400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//talvel.de/cdn/shop/t/1/assets/component-quantity-selector.js?v=67906657287482036641773834400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//talvel.de/cdn/shop/t/1/assets/media-gallery.js?v=14624021005636302161773834400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//talvel.de/cdn/shop/t/1/assets/rte-formatter.js?v=40306132146590816021773834400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//talvel.de/cdn/shop/t/1/assets/volume-pricing.js?v=15442793518842484731773834400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//talvel.de/cdn/shop/t/1/assets/price-per-item.js?v=144512917617120124431773834400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//talvel.de/cdn/shop/t/1/assets/volume-pricing-info.js?v=94479640769665442661773834400"
  type="module"
  fetchpriority="low"
></script>


  <script
    src="//talvel.de/cdn/shop/t/1/assets/localization.js?v=15585934801240115691773834400"
    type="module"
    fetchpriority="low"
  ></script>




<script
  src="//talvel.de/cdn/shop/t/1/assets/auto-close-details.js?v=58350291535404441581773834400"
  defer="defer"
></script>

<script>
  const Theme = {
    translations: {
      placeholder_image: `Platzhalterbild`,
      added: `Hinzugefügt`,
      recipient_form_fields_visible: `Empfängerformularfelder sind jetzt sichtbar.`,
      recipient_form_fields_hidden: `Empfängerformularfelder sind jetzt ausgeblendet.`,
      recipient_form_error: `Beim Absenden des Formulars ist ein Fehler aufgetreten.`,
      items_added_to_cart_one: `1 Artikel zum Warenkorb hinzugefügt`,
      items_added_to_cart_other: `{{ count }} Artikel zum Warenkorb hinzugefügt`,
    },
    routes: {
      cart_add_url: '/cart/add.js',
      cart_change_url: '/cart/change',
      cart_update_url: '/cart/update',
      cart_url: '/cart',
      predictive_search_url: '/search/suggest',
      search_url: '/search',
    },
    template: {
      name: 'index',
    },
  };
</script>
<style data-shopify>
@font-face {
  font-family: Inter;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//talvel.de/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"),
       url("//talvel.de/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//talvel.de/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
       url("//talvel.de/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//talvel.de/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"),
       url("//talvel.de/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//talvel.de/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
       url("//talvel.de/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("//talvel.de/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"),
       url("//talvel.de/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("//talvel.de/cdn/fonts/inter/inter_i5.4474f48e6ab2b1e01aa2b6d942dd27fa24f2d99f.woff2") format("woff2"),
       url("//talvel.de/cdn/fonts/inter/inter_i5.493dbd6ee8e49f4ad722ebb68d92f201af2c2f56.woff") format("woff");
}


  :root {
    /* Page Layout */
    --sidebar-width: 25rem;
    --narrow-content-width: 36rem;
    --normal-content-width: 42rem;
    --wide-content-width: 46rem;
    --narrow-page-width: 90rem;
    --normal-page-width: 120rem;
    --wide-page-width: 150rem;

    /* Section Heights */
    --section-height-small: 15rem;
    --section-height-medium: 25rem;
    --section-height-large: 35rem;

    @media screen and (min-width: 40em) {
      --section-height-small: 40svh;
      --section-height-medium: 55svh;
      --section-height-large: 70svh;
    }

    @media screen and (min-width: 60em) {
      --section-height-small: 50svh;
      --section-height-medium: 65svh;
      --section-height-large: 80svh;
    }

    /* Letter spacing */
    --letter-spacing-sm: 0.06em;
    --letter-spacing-md: 0.13em;

    /* Font families */
    --font-body--family: Inter, sans-serif;
    --font-body--style: normal;
    --font-body--weight: 400;
    --font-subheading--family: Inter, sans-serif;
    --font-subheading--style: normal;
    --font-subheading--weight: 500;
    --font-heading--family: Inter, sans-serif;
    --font-heading--style: normal;
    --font-heading--weight: 700;
    --font-accent--family: Inter, sans-serif;
    --font-accent--style: normal;
    --font-accent--weight: 700;

    /* Margin sizes */
    --font-heading--spacing: 0.25em;
    --font-h1--spacing: var(--font-heading--spacing);
    --font-h2--spacing: var(--font-heading--spacing);
    --font-h3--spacing: var(--font-heading--spacing);
    --font-h4--spacing: var(--font-heading--spacing);
    --font-h5--spacing: var(--font-heading--spacing);
    --font-h6--spacing: var(--font-heading--spacing);
    --font-paragraph--spacing: 0.5em;

    /* Heading colors */
    --font-h1--color: var(--color-foreground-heading);
    --font-h2--color: var(--color-foreground-heading);
    --font-h3--color: var(--color-foreground-heading);
    --font-h4--color: var(--color-foreground-heading);
    --font-h5--color: var(--color-foreground-heading);
    --font-h6--color: var(--color-foreground-heading);

    /** Z-Index / Layering */
    --layer-section-background: -2;
    --layer-lowest: -1;
    --layer-base: 0;
    --layer-flat: 1;
    --layer-raised: 2;
    --layer-heightened: 4;
    --layer-sticky: 8;
    --layer-window-overlay: 10;
    --layer-header-menu: 12;
    --layer-overlay: 16;
    --layer-menu-drawer: 18;
    --layer-temporary: 20;

    /* Max-width / Measure */
    --max-width--body-normal: 32.5em;
    --max-width--body-narrow: 22.75em;

    --max-width--heading-normal: 32.5em;
    --max-width--heading-narrow: 19.5em;

    --max-width--display-normal: 13em;
    --max-width--display-narrow: 9.75em;
    --max-width--display-tight: 3.25em;

    /* Letter-spacing / Tracking */
    --letter-spacing--display-tight: -0.03em;
    --letter-spacing--display-normal: 0em;
    --letter-spacing--display-loose: 0.03em;

    --letter-spacing--heading-tight: -0.03em;
    --letter-spacing--heading-normal: 0em;
    --letter-spacing--heading-loose: 0.03em;

    --letter-spacing--body-tight: -0.03em;
    --letter-spacing--body-normal: 0em;
    --letter-spacing--body-loose: 0.03em;

    /* Line height / Leading */
    --line-height: 1;

    --line-height--display-tight: 1;
    --line-height--display-normal: 1.1;
    --line-height--display-loose: 1.2;

    --line-height--heading-tight: 1.15;
    --line-height--heading-normal: 1.25;
    --line-height--heading-loose: 1.35;

    --line-height--body-tight: 1.2;
    --line-height--body-normal: 1.4;
    --line-height--body-loose: 1.6;

    /* Typography presets */
    --font-size--paragraph: 0.875rem;--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: 0.875rem;--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-tight);--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);

    /* Hardcoded font sizes */
    --font-size--3xs: 0.625rem;
    --font-size--2xs: 0.75rem;
    --font-size--xs: 0.8125rem;
    --font-size--sm: 0.875rem;
    --font-size--md: 1rem;
    --font-size--lg: 1.125rem;
    --font-size--xl: 1.25rem;
    --font-size--2xl: 1.5rem;
    --font-size--3xl: 2rem;
    --font-size--4xl: 2.5rem;
    --font-size--5xl: 3rem;
    --font-size--6xl: 3.5rem;

    /* Menu font sizes */
    --menu-font-sm--size: 0.875rem;
    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
    --menu-font-md--size: 1rem;
    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
    --menu-font-lg--size: 1.125rem;
    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
    --menu-font-xl--size: 1.25rem;
    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
    --menu-font-2xl--size: 1.75rem;
    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));

    /* Colors */
    --color-error: #8B0000;
    --color-success: #006400;
    --color-white: #FFFFFF;
    --color-white-rgb: 255 255 255;
    --color-black: #000000;
    --color-instock: #3ED660;
    --color-lowstock: #EE9441;
    --color-outofstock: #C8C8C8;

    /* Opacity */
    --opacity-5: 0.05;
    --opacity-8: 0.08;
    --opacity-10: 0.1;
    --opacity-15: 0.15;
    --opacity-20: 0.2;
    --opacity-25: 0.25;
    --opacity-30: 0.3;
    --opacity-40: 0.4;
    --opacity-50: 0.5;
    --opacity-60: 0.6;
    --opacity-70: 0.7;
    --opacity-80: 0.8;
    --opacity-85: 0.85;
    --opacity-90: 0.9;
    --opacity-subdued-text: var(--opacity-70);

    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);

    /* Spacing */
    --margin-3xs: 0.125rem;
    --margin-2xs: 0.3rem;
    --margin-xs: 0.5rem;
    --margin-sm: 0.7rem;
    --margin-md: 0.8rem;
    --margin-lg: 1rem;
    --margin-xl: 1.25rem;
    --margin-2xl: 1.5rem;
    --margin-3xl: 1.75rem;
    --margin-4xl: 2rem;
    --margin-5xl: 3rem;
    --margin-6xl: 5rem;

    --scroll-margin: 50px;

    --padding-3xs: 0.125rem;
    --padding-2xs: 0.25rem;
    --padding-xs: 0.5rem;
    --padding-sm: 0.7rem;
    --padding-md: 0.8rem;
    --padding-lg: 1rem;
    --padding-xl: 1.25rem;
    --padding-2xl: 1.5rem;
    --padding-3xl: 1.75rem;
    --padding-4xl: 2rem;
    --padding-5xl: 3rem;
    --padding-6xl: 4rem;

    --gap-3xs: 0.125rem;
    --gap-2xs: 0.3rem;
    --gap-xs: 0.5rem;
    --gap-sm: 0.7rem;
    --gap-md: 0.9rem;
    --gap-lg: 1rem;
    --gap-xl: 1.25rem;
    --gap-2xl: 2rem;
    --gap-3xl: 3rem;

    --spacing-scale-sm: 0.6;
    --spacing-scale-md: 0.7;
    --spacing-scale-default: 1.0;

    /* Checkout buttons gap */
    --checkout-button-gap: 10px;

    /* Borders */
    --style-border-width: 1px;
    --style-border-radius-xs: 0.2rem;
    --style-border-radius-sm: 0.6rem;
    --style-border-radius-md: 0.8rem;
    --style-border-radius-50: 50%;
    --style-border-radius-lg: 1rem;
    --style-border-radius-pills: 40px;
    --style-border-radius-inputs: 4px;
    --style-border-radius-buttons-primary: 14px;
    --style-border-radius-buttons-secondary: 14px;
    --style-border-width-primary: 2px;
    --style-border-width-secondary: 1px;
    --style-border-width-inputs: 1px;
    --style-border-radius-popover: 14px;
    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
    --style-border-swatch-opacity: 10%;
    --style-border-swatch-width: 1px;
    --style-border-swatch-style: solid;

    /* Animation */
    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --animation-speed-fast: 0.0625s;
    --animation-speed: 0.125s;
    --animation-speed-slow: 0.2s;
    --animation-speed-medium: 0.15s;
    --animation-easing: ease-in-out;
    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
    --drawer-animation-speed: 0.2s;
    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
    --animation-values: var(--animation-speed) var(--animation-easing);
    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
    --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);
    --spring-d300-b0-duration: 0.4980s;
    --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);
    --spring-d280-b0-duration: 0.4648s;
    --spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%);
    --spring-d260-b0-duration: 0.4316s;
    --spring-d220-b0-easing: linear(
      0,
      0.0093 1.37%,
      0.0696 4.12%,
      0.4667 15.09%,
      0.6322 20.58%,
      0.6986 23.32%,
      0.7793 27.44%,
      0.8219 30.18%,
      0.8721,
      0.9089 38.42%,
      0.9427,
      0.9644,
      0.978 54.88%,
      0.9881 61.74%,
      0.9944 69.97%,
      0.998 80.95%,
      0.9996 98.78%
    );
    --spring-d220-b0-duration: 0.3818s;
    --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);
    --spring-d180-b0-duration: 0.2988s;

    /* View transitions */
    /* View transition old */
    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;

    /* View transition new */
    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;

    /* Focus */
    --focus-outline-width: 0.09375rem;
    --focus-outline-offset: 0.2em;

    /* Badges */
    --badge-blob-padding-block: 1px;
    --badge-blob-padding-inline: 12px 8px;
    --badge-rectangle-padding-block: 1px;
    --badge-rectangle-padding-inline: 6px;
    @media screen and (min-width: 750px) {
      --badge-blob-padding-block: 4px;
      --badge-blob-padding-inline: 16px 12px;
      --badge-rectangle-padding-block: 4px;
      --badge-rectangle-padding-inline: 10px;
    }

    /* Icons */
    --icon-size-2xs: 0.6rem;
    --icon-size-xs: 0.85rem;
    --icon-size-sm: 1.25rem;
    --icon-size-md: 1.375rem;
    --icon-size-lg: 1.5rem;
    --icon-stroke-width: 1.5px;

    /* Input */
    --input-email-min-width: 200px;
    --input-search-max-width: 650px;
    --input-padding-y: 0.8rem;
    --input-padding-x: 0.8rem;
    --input-padding: var(--input-padding-y) var(--input-padding-x);
    --input-box-shadow-width: var(--style-border-width-inputs);
    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
    --input-textarea-min-height: 55px;

    /* Checkbox */
    --checkbox-size: 22px;
    --checkbox-border-radius: 7px;
    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
    --checkbox-label-padding: 8px;

    @media screen and (min-width: 750px) {
      --checkbox-size: 16px;
      --checkbox-border-radius: 5px;
      --checkbox-label-padding: 6px;
    }

    /* Button size */
    --button-size-sm: 30px;
    --button-size-md: 36px;
    --button-size: var(--minimum-touch-target);
    --button-padding-inline: 24px;
    --button-padding-block: 16px;

    /* Button font-family */
    --button-font-family-primary: var(--font-body--family);
    --button-font-family-secondary: var(--font-body--family);

    /* Button text case */
    --button-text-case: ;
    --button-text-case-primary: default;
    --button-text-case-secondary: default;

    /* Borders */
    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
    --border-width-sm: 1px;
    --border-width-md: 2px;
    --border-width-lg: 5px;
    --border-radius-sm: 0.25rem;

    /* Drawers */
    --drawer-inline-padding: 25px;
    --drawer-menu-inline-padding: 2.5rem;
    --drawer-header-block-padding: 20px;
    --drawer-content-block-padding: 10px;
    --drawer-header-desktop-top: 0rem;
    --drawer-padding: calc(var(--padding-sm) + 7px);
    --drawer-height: 100dvh;
    --drawer-width: 95vw;
    --drawer-max-width: 500px;

    /* Variant Picker Swatches */
    --variant-picker-swatch-width-unitless: 34;
    --variant-picker-swatch-height-unitless: 34;
    --variant-picker-swatch-width: 34px;
    --variant-picker-swatch-height: 34px;
    --variant-picker-swatch-radius: 32px;
    --variant-picker-border-width: 1px;
    --variant-picker-border-style: solid;
    --variant-picker-border-opacity: 10%;

    /* Variant Picker Buttons */
    --variant-picker-button-radius: 14px;
    --variant-picker-button-border-width: 1px;

    /* Slideshow */
    --slideshow-controls-size: 3.5rem;
    --slideshow-controls-icon: 2rem;
    --peek-next-slide-size: 3rem;

    /* Utilities */
    --backdrop-opacity: 0.15;
    --backdrop-color-rgb: var(--color-shadow-rgb);
    --minimum-touch-target: 44px;
    --disabled-opacity: 0.5;
    --skeleton-opacity: 0.025;

    /* Shapes */
    --shape--circle: circle(50% at center);
    --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%);
    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    --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% 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%);

    /* Buy buttons */
    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));

    /* Card image width and height variables */
    --card-width-small: 10rem;

    --height-small: 10rem;
    --height-medium: 11.5rem;
    --height-large: 13rem;
    --height-full: 100vh;

    @media screen and (min-width: 750px) {
      --height-small: 17.5rem;
      --height-medium: 21.25rem;
      --height-large: 25rem;
    }

    /* Modal */
    --modal-max-height: 65dvh;
    --quick-add-modal-height: min(38.5rem, 96vh);
    --quick-add-modal-width: min(54rem, 96vw);
    --quick-add-modal-gallery-width: 24rem;

    /* Card styles for search */
    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));

    /* Cart */
    --cart-primary-font-family: var(--font-body--family);
    --cart-primary-font-style: var(--font-body--style);
    --cart-primary-font-weight: var(--font-body--weight);
    --cart-secondary-font-family: var(--font-heading--family);
    --cart-secondary-font-style: var(--font-heading--style);
    --cart-secondary-font-weight: var(--font-heading--weight);
  }
</style>
<style data-shopify>
  
    
      :root,
    
    
    
    .color-scheme-1 {
        --color-background: rgb(116 186 79 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 116 186 79;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.81);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.81);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(0 0 0 / 0.06);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-input-background: rgb(255 255 255 / 0.78);
        --color-input-text: rgb(51 51 51 / 1.0);
        --color-input-text-rgb: 51 51 51;
        --color-input-border: rgb(223 223 223 / 1.0);
        --color-input-hover-background: rgb(0 0 0 / 0.01);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(0 0 0 / 0.13);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-2 {
        --color-background: rgb(245 245 245 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 245 245 245;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.81);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.81);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(255 255 255 / 1.0);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: rgb(223 223 223 / 1.0);
        --color-border-rgb: 223 223 223;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
        --color-secondary-button-hover-border: rgb(51 51 51 / 0.73);
        --color-input-background: rgb(0 0 0 / 0.0);
        --color-input-text: rgb(0 0 0 / 0.53);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.13);
        --color-input-hover-background: rgb(255 255 255 / 0.36);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-3 {
        --color-background: rgb(238 241 234 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 238 241 234;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.81);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.81);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(0 0 0 / 0.81);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(123 203 80 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
        --color-input-background: rgb(0 0 0 / 0.0);
        --color-input-text: rgb(0 0 0 / 0.81);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.81);
        --color-input-hover-background: rgb(255 255 255 / 0.36);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-4 {
        --color-background: rgb(225 237 245 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 225 237 245;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.81);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.81);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(29 54 134 / 0.5);
        --color-border-rgb: 29 54 134;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(29 54 134 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
        --color-input-background: rgb(0 0 0 / 0.0);
        --color-input-text: rgb(0 0 0 / 0.81);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.81);
        --color-input-hover-background: rgb(255 255 255 / 0.36);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-5 {
        --color-background: rgb(51 51 51 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 51 51 51;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(255 255 255 / 1.0);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(255 255 255 / 1.0);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: rgb(255 255 255 / 0.69);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: rgb(255 255 255 / 0.69);
        --color-border-rgb: 255 255 255;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(0 0 0 / 1.0);
        --color-primary-button-background: rgb(255 255 255 / 1.0);
        --color-primary-button-border: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(255 255 255 / 0.69);
        --color-secondary-button-hover-text: rgb(255 255 255 / 0.93);
        --color-secondary-button-hover-background: rgb(255 255 255 / 0.04);
        --color-secondary-button-hover-border: rgb(255 255 255 / 0.69);
        --color-input-background: rgb(51 51 51 / 1.0);
        --color-input-text: rgb(255 255 255 / 0.93);
        --color-input-text-rgb: 255 255 255;
        --color-input-border: rgb(255 255 255 / 0.69);
        --color-input-hover-background: rgb(255 255 255 / 0.04);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-6 {
        --color-background: rgb(0 0 0 / 0.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 0 0 0;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(255 255 255 / 1.0);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(255 255 255 / 1.0);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: rgb(255 255 255 / 0.69);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: rgb(230 230 230 / 1.0);
        --color-border-rgb: 230 230 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(0 0 0 / 1.0);
        --color-primary-button-background: rgb(255 255 255 / 1.0);
        --color-primary-button-border: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 0.08);
        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 0.53);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.13);
        --color-input-hover-background: rgb(250 250 250 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
        --color-background: rgb(0 0 0 / 0.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 0 0 0;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(0 0 0 / 1.0);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 1.0);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 0.53);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(230 230 230 / 1.0);
        --color-border-rgb: 230 230 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 0.53);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.13);
        --color-input-hover-background: rgb(250 250 250 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  

  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 {
    color: var(--color-foreground);
    background-color: var(--color-background);
  }
</style>


    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/94250369290/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="db6f57cbc72fb4b5be41ecb5dcf2ffa3">
<meta id="in-context-paypal-metadata" data-shop-id="94250369290" data-venmo-supported="false" data-environment="production" data-locale="de_DE" data-paypal-v4="true" data-currency="EUR">
<link rel="alternate" hreflang="x-default" href="https://talvel.de/">
<link rel="alternate" hreflang="de" href="https://talvel.de/">
<link rel="alternate" hreflang="en" href="https://talvel.de/en">
<script async="async" src="/checkouts/internal/preloads.js?locale=de-DE"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=de-DE&shop_id=94250369290" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":94250369290,"countryCode":"DE","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/94250369290","merchantName":"TALVEL","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","maestro","masterCard","amex"],"total":{"type":"pending","label":"TALVEL","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"db6f57cbc72fb4b5be41ecb5dcf2ffa3","betas":["rich-media-storefront-analytics"],"domain":"talvel.de","predictiveSearch":true,"shopId":94250369290,"locale":"de"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "fx1r88-dh.myshopify.com";
Shopify.locale = "de";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "DE";
Shopify.theme = {"name":"Horizon","id":189271015690,"schema_name":"Horizon","schema_version":"3.4.0","theme_store_id":2481,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "talvel.de/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<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>
<script>
  window.ShopifyPay = window.ShopifyPay || {};
  window.ShopifyPay.apiHost = "shop.app\/pay";
  window.ShopifyPay.redirectState = null;
</script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.01 };
  window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//talvel.de/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.de.esm.js"></script>
<script type="module">
  await import("//talvel.de/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.de.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true,"transferSessionEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-cash-offers":["modules/v2/loader.shop-cash-offers.de.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.de.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.de.esm.js"],"shop-button":["modules/v2/loader.shop-button.de.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.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"],"avatar":["modules/v2/loader.avatar.de.esm.js"],"listener":["modules/v2/loader.listener.de.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.de.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.de.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.de.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.de.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.de.esm.js"],"pay-button":["modules/v2/loader.pay-button.de.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.de.esm.js"],"shop-login":["modules/v2/loader.shop-login.de.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.de.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.de.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.de.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.de.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.de.esm.js"]};
</script>
<script id="__st">var __st={"a":94250369290,"offset":7200,"reqid":"076e9a5d-9449-451d-aaa0-58b916a7f7a2-1781263409","pageurl":"talvel.de\/shop.css","u":"4b7028bdd16b","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<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.2.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>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//talvel.de/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//talvel.de/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<script id="shopify-origin-trials" async="async" integrity="sha256-MrpR+SbfwphjsvuxKsSWA5xxY07P36eahsNLLXSgEwo=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-c173577b.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
<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://talvel.de/cdn/shopifycloud/portable-wallets/latest/portable-wallets.de.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  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);
</script>
<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})}}));
</script>
<script id='scb4127' type='text/javascript' async='' src='https://talvel.de/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><script async crossorigin src="/cdn/shopifycloud/autosizes-uploader/autosizes.1.0.0.js"></script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://talvel.de/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>
<link rel="stylesheet" media="screen" href="//talvel.de/cdn/shop/t/1/compiled_assets/styles.css?v=53936038218140794061773834405">
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
  <!-- BEGIN app block: shopify://apps/massy-b2b-wholesale/blocks/massy-app-embed/755249cf-b2d3-401e-a5e9-91307113bce4 --><!-- BEGIN app snippet: massy-script -->



<script>
  (function() {
    const shopId = '94250369290';
    const shopUrl = "https:\/\/talvel.de";
    const shopDomain = "talvel.de";
    const shopPermanentDomain = "fx1r88-dh.myshopify.com";
    const template = 'index'
    const selectedOrFirstAvailableVariantId = '';
    const products = 
  
  
  
  [
    
    
  ]
;
    const cart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"EUR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
    const customer =undefined;
    const market ={
      id: 94950981898,
      handle: "de"
    };
    const currencyCodeEnabled = null;
    const moneyWithCurrency = "€1.234,56 EUR";
    const money = "€1.234,56";
    const locales = {};
    const assetUrl = "https://cdn.shopify.com/extensions/019eb144-a42f-75e3-b8ff-cd6828477567/massy-wholesale-b2b-pricing-620/assets/massy_asset_placeholder.css";
    const shop =[["version","shop","timezone","appFeatures"],[[["time"],["2026-04-29T19:08:12.470+07:00"]],[["appId","discountTitle","allowDiscountCode","allowCombine","combinePriority","useShopifyFunction","useCartTransform","volumeDiscountBasedOnCustomPricing","isShopifyPlus","storefrontAccessToken","timeFormat","lockTimezone","applyDst","currencyCode","masterdataHash"],["191167004673",null,1,0,[1,2],1,0,0,0,"5599e59c07939d1e56a214c2590081e7",0,0,0,"EUR","049eb76f06e8383481a0c4192195b5cf"]],[["timezone","gmtOffset"],["Europe/Berlin",3600]],[[],[]]]];
    const pricingRules =[["version","pricingRules","customPricings","applyCustomers","excludeCustomers","applyCustomerTags","excludeCustomerTags","applyMarkets","excludeMarkets","applyCollections","excludeCollections","applyProducts","excludeProducts","applyProductVariants","excludeProductVariants","applyProductTags","excludeProductTags"],[[["time"],["2026-04-29T19:08:12.986+07:00"]],[["id","pricingRuleType","priority","enableStartDate","enableEndDate","startAt","endAt","discountSettingType","applyLevel","applyMarketType","excludeMarketType","applyCustomerType","excludeCustomerType","applyProductType","excludeProductType","displayTableType","discountTitle","tax"],[26682,1,0,0,0,1777043096,1777043096,1,2,1,0,3,0,2,0,0,null,0]],[["id","discountType","discountValue","priority","quantityFrom","quantityTo","ruleId"],[42071,1,66.67,0,0,0,26682]],[[],[]],[[],[]],[["name","ruleId"],["händler",26682]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[["sProductId","ruleId"],["10452790214922",26682,"10452793065738",26682,"10452796571914",26682,"10452728545546",26682,"10449569841418",26682,"10447797584138",26682,"10452599472394",26682,"10449867702538",26682,"10450017747210",26682,"10460952035594",26682,"10461035462922",26682,"10462419124490",26682,"10462419091722",26682,"10462419583242",26682,"10461024616714",26682,"10461021176074",26682,"10458713522442",26682,"10458726629642",26682,"10458720665866",26682,"10458715029770",26682,"10458718961930",26682,"10456320442634",26682,"10445641416970",26682,"10455057891594",26682,"10454990323978",26682,"10454990651658",26682,"10454989209866",26682,"10455052026122",26682,"10455029383434",26682,"10455055925514",26682,"10455025090826",26682,"10455025516810",26682,"10451880018186",26682,"10451239764234",26682,"10461749149962",26682,"10451207094538",26682,"10451880804618",26682,"10460962455818",26682,"10455868014858",26682,"10456916230410",26682,"10455876206858",26682,"10455869849866",26682,"10461065773322",26682,"10461066002698",26682,"10461026844938",26682,"10459661861130",26682,"10460912222474",26682,"10460912320778",26682,"10459664351498",26682,"10461607002378",26682,"10459654488330",26682,"10459654586634",26682,"10445154648330",26682,"10460992438538",26682]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]]]];
    const orderLimits =[["version","orderLimits","applyCustomers","excludeCustomers","applyCustomerTags","excludeCustomerTags","applyMarkets","excludeMarkets","applyCollections","excludeCollections","applyProducts","excludeProducts","applyProductVariants","excludeProductVariants","applyProductTags","excludeProductTags"],[[["time"],["2026-04-29T19:08:15.872+07:00"]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]]]];
    const netPayments =[["version","netPayments","applyCustomers","excludeCustomers","applyCustomerTags","excludeCustomerTags","applyMarkets","excludeMarkets","applyCollections","excludeCollections","applyProducts","excludeProducts","applyProductVariants","excludeProductVariants","applyProductTags","excludeProductTags"],[[["time"],["2026-04-29T19:08:16.460+07:00"]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]]]];
    const taxDisplays =[["version","taxDisplays","applyCustomers","excludeCustomers","applyCustomerTags","excludeCustomerTags","applyMarkets","excludeMarkets","applyCollections","excludeCollections","applyProducts","excludeProducts","applyProductVariants","excludeProductVariants","applyProductTags","excludeProductTags"],[[["time"],["2026-04-29T19:08:17.159+07:00"]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]]]];
    const shippingRates =[["version","shippingRates","shippingValues","applyCustomers","excludeCustomers","applyCustomerTags","excludeCustomerTags","applyMarkets","excludeMarkets","applyCollections","excludeCollections","applyProducts","excludeProducts","applyProductVariants","excludeProductVariants","applyProductTags","excludeProductTags"],[[["time"],["2026-04-29T19:08:17.471+07:00"]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]],[[],[]]]];
    const widgets ={"version":1777464498,"widget":{"id":6478,"shopId":6495,"data":{"netPayment":{"font":"default","buttonColor":"#DEF0FE","buttonWidth":"150px","buttonHeight":"40px","buttonTextSize":"14px","buttonAlignment":0,"buttonTextColor":"#0063F2","buttonBorderRadius":"8px"},"orderLimit":{"font":"default","textSize":"14","textColor":"#303030","textWarningColor":"#8E1F0B"},"taxDisplay":{"taxLabel":{"regularPriceOnly":0,"regularAndCustomPrice":[0,0],"compareAtAndRegularPrice":[0,0]}},"discountCode":{"font":"default","headerTextSize":"20","headerTextColor":"#303030","discountCodeColor":"#303030","primaryButtonColor":"#0063F2","headerBackgroundColor":"#DEF0FE","primaryButtonTextColor":"#FFFFFF"},"customPricing":{"font":"default","badgeShow":0,"timerShow":0,"priceDisplay":2,"badgeFontSize":"14","priceFontSize":"14","timerDuration":1800,"timerFontSize":"14","badgeTextColor":"#FFFFFF","priceTextColor":"#0063F2","timerTextColor":"#0063F2","badgeBorderRadius":"8","timerBorderRadius":"8","badgeBackgroundColor":"#0063F2","timerBackgroundColor":"#E0F0FF","badgeRoundingPrecision":2},"volumeDiscount":{"font":"default","textSize":"14","textColor":"#303030","timerShow":0,"borderColor":"#0063F2","borderRadius":"8","dividerColor":"#EBEBEB","rangeDisplay":0,"timerDuration":1800,"timerFontSize":"14","headerTextSize":"14","textColorClick":"#175BCC","textColorHover":"#0063F2","timerTextColor":"#0063F2","headerTextColor":"#303030","clickInteraction":0,"textColorDiscount":"#0063F2","timerBorderRadius":"8","timerBackgroundColor":"#E0F0FF","headerBackgroundColor":"#DEF0FE"}}},"widgetLocalizations":[{"id":6788,"shopId":6495,"shopWidgetId":6478,"locale":"en","text":{"net_payment":{"net_payment_term":"Your payment is due on","pay_later_button":"Pay later","order_confirmation_title":"Thanks for your order!","order_confirmation_description":"We have received your order and will begin preparing it for shipment."},"order_limit":{"order_maximum_spend":"Please select maximum spend of {max_spend} for this order.","order_minimum_spend":"Please select minimum spend of {min_spend} for this order.","product_maximum_spend":"Please select maximum spend of {max_spend}.","product_minimum_spend":"Please select minimum spend of {min_spend}.","order_maximum_quantity":"Please select maximum of {max_quantity} products for this order.","order_minimum_quantity":"Please select minimum of {min_quantity} products for this order.","collection_maximum_spend":"Please select maximum spend of {max_spend} from this collection.","collection_minimum_spend":"Please select minimum spend of {min_spend} from this collection.","product_maximum_quantity":"Please select maximum of {max_quantity} products.","product_minimum_quantity":"Please select minimum of {min_quantity} products.","product_quantity_multiples":"Please select a quantity in multiples of {quantity_multiples}.","collection_maximum_quantity":"Please select maximum of {max_quantity} products from this collection.","collection_minimum_quantity":"Please select minimum of {min_quantity} products from this collection.","order_minimum_maximum_spend":"Please select minimum spend of {min_spend} and maximum spend of {max_spend} for this order.","product_minimum_maximum_spend":"Please select minimum spend of {min_spend} and maximum spend of{max_spend}.","order_minimum_maximum_quantity":"Please select minimum of {min_quantity} and maximum of {max_quantity} products for this order.","collection_minimum_maximum_spend":"Please select minimum spend of {min_spend} and maximum spend of {max_spend} from this collection.","product_minimum_maximum_quantity":"Please select minimum of {min_quantity} and maximum of {max_quantity} products.","collection_minimum_maximum_quantity":"Please select minimum of {min_quantity} and maximum of {max_quantity} products from this collection."},"tax_display":{"exclusive_text":"Tax excl.","inclusive_text":"Tax incl."},"discount_code":{"apply_button":"Apply","error_message":"Couldn't apply discount code, please try a different one.","success_message":"Discount code applied successfully.","discount_code_name":"{discount_code}: {discount_value} OFF","view_discount_code":"View discount code","discount_code_header":"Discount code","enter_code_placeholder":"Enter a discount code","unavailable_discount_code":"Discount code is no longer available."},"custom_pricing":{"badge_text":"Save {amount}","timer_text":"Offer ends in {time}"},"volume_discount":{"timer_text":"Offer ends in {time}","total_header":"Total","amount_header":"Amount","discount_header":"Discount","quantity_header":"Quantity","price_per_item_header":"Price per item"}}}]};
    const themeSettings ={"version":"2026-06-08T10:16:06.585+07:00","themes":[{"id":1,"storeId":null,"name":"default"},{"id":14,"storeId":2481,"name":"horizon"}],"themeSettings":[{"id":10001,"type":0,"themeId":1,"data":{}},{"id":10101,"type":1,"themeId":1,"data":{"enabled":true,"container":".massy-cart,cart-items,form.cart,.shopify-section.cart-section,.cart-section","orderLimit":{"containers":[{"selector":"form[action*=\"/cart\"]"}],"hideElements":null},"pricingRule":{"containers":[{"type":"custom-pricing","selector":".massy-cart-total-price,.cart__total>strong,.totals__total-value,.totals__subtotal-value,.cart__subtotal,.cart-total .amount"}],"hideElements":".massy-cart-total-price,.cart__total>strong,.totals__total-value,.totals__subtotal-value,.cart__subtotal,.cart-total .amount"},"discountCode":{"selector":".cart__footer"},"checkOutButton":".massy-cart-checkout-button,button#checkout,button[name=checkout]"}},{"id":10201,"type":2,"themeId":1,"data":{"enabled":true,"quantity":"input[name=\"updates[]\"]","container":".massy-cart-item,.cart-item,.cart-form-item,tr.cart__row,.cart-items tr[id*=CartItem]","orderLimit":{"containers":[{"selector":".cart-item__quantity"}],"hideElements":null},"pricingRule":{"containers":[{"type":"custom-pricing","selector":".massy-cart-item-price,.element--hide-on-small,.cart-item__details>div,td.cart__table-cell--price>span,.product-subtotal .unit-price","showUnitPrice":1},{"type":"custom-pricing","selector":".massy-cart-item-total-price,.cart-item__total,.cart-item__price-wrapper>span,td.cart__table-cell--line-price>span,.product-subtotal .amount"}],"hideElements":".massy-cart-item-price,.element--hide-on-small,.cart-item__details>div,td.cart__table-cell--price>span,.product-subtotal .unit-price,.massy-cart-item-total-price,.cart-item__total,.cart-item__price-wrapper>span,td.cart__table-cell--line-price>span,.product-subtotal .amount"},"quantityAttribute":null,"quantityContainer":null}},{"id":10301,"type":3,"themeId":1,"data":{"enabled":true,"container":".massy-cart-drawer,cart-drawer,aside#cart,#site-cart-sidebar,.cart-item","orderLimit":{"containers":[{"selector":["cart-drawer-items,form[action*=\"/cart\"",0]}],"hideElements":null},"pricingRule":{"containers":[{"type":"custom-pricing","selector":".massy-cart-drawer-total-price,.totals__total-value,.totals__subtotal-value,.cart-total .amount,.cart__total>strong"}],"hideElements":".massy-cart-drawer-total-price,.totals__total-value,.totals__subtotal-value,.cart-total .amount,.cart__total>strong"},"discountCode":{"selector":".cart__footer"},"checkOutButton":".massy-cart-drawer-checkout-button,button[name=checkout]"}},{"id":10401,"type":4,"themeId":1,"data":{"enabled":true,"quantity":"input[name=\"updates[]\"]","container":".massy-cart-item,.cart-item,.product-cart-item","orderLimit":{"containers":[{"selector":".cart-item__quantity"}],"hideElements":null},"pricingRule":{"containers":[{"type":"custom-pricing","selector":".massy-cart-item-price.cart-item__details>div,.product-cart-item-price .unit-price","showUnitPrice":1},{"type":"custom-pricing","selector":".massy-cart-item-total-price,.cart-item__price-wrapper>span,.product-cart-item-price .amount,.cart-item__price>strong"}],"hideElements":".massy-cart-item-price.cart-item__details>div,.product-cart-item-price .unit-price,.massy-cart-item-total-price,.cart-item__price-wrapper>span,.product-cart-item-price .amount,.cart-item__price>strong"},"quantityAttribute":null,"quantityContainer":null}},{"id":10501,"type":5,"themeId":1,"data":{"form":"form[action*=\"/cart/add\"]:not(.installment):not([id*=installment]):not(.js-instalments-form)","enabled":true,"variant":"input[name=\"id\"],select[name=\"id\"],#formVariantId","quantity":"input[name=quantity]","container":".product_details_info,.product-detail,.product:not(title):not(body),.product-single,.product-single__meta,div[data-product-featured],product-info,section[data-section-type=\"product\"],section.product--container,section.product-section,#main-product,form[action*=\"/cart/add\"]:not(.installment):not([id*=installment]):not(.js-instalments-form)","productId":"input[name=\"product-id\"]","orderLimit":{"containers":[{"selector":".product-form__quantity","inlineAlign":"center"}],"hideElements":".product-form__quantity .quantity__rules"},"pricingRule":{"containers":[{"type":"custom-pricing","selector":".price__container,.product-single__prices,.product-price-container .price","showUnitPrice":1},{"type":"volume-discount","selector":".price__container,.product-single__prices,.product-price-container .price"}],"hideElements":".price__regular,.price__sale,.old-price,.product-single__price,.product-single__price--compare,.price .product-price,.price .unit-price"},"buyNowButton":".shopify-payment-button,div.instant-buy","productHandle":"a[href*=\"products/\"]:not(.social)","addToCartButton":"button[name=\"add\"],input[type=\"submit\"],button[type=\"submit\"],button[type=\"submit\"]:not(.shopify-payment-button__more-options):not(.shopify-payment-button__button),input[type=\"button\"],.button_add_to_cart,.button--addToCart,.btn-add-to-cart,.btn-addtocart,.add-to-cart,.add-to-cart-button,.addtocart,.add_to_cart_btn,.addToCart,.AddToCart,.qsc-btn--add-to-cart,#AddToCart,#add-to-cart-btn,#shopify_add_to_cart,#btn-add-to-cart,#addToCartButton,#add-to-cart,#btnAddToCart,.add-to-cart-btn,.button-add-to-cart,.add_to_cart_button,.AddtoCart,.btn--sticky_addtocart,.add_to_cart,#addToCartBtn,.btn_add_to_cart,.hs-btn-add-to-cart-2,.product-atc__button,.g-stickybar-buynow,.btn--add-to-cart,#new-form-atc,.cart__checkout-btn,.product-atc-btn,.product-form--atc-button,.shg-btn,.product_buttonContainer-addToCart a,#mwAddToCart,.complete-design-a,#button-cart,.add-to-cart input.button,#addtc-sticky-bar .addtc-sticky-btn,.lh-external,.lh-buy-now,.product-form--add-to-cart,.product-buy-buttons--cta,.tt-btn-addtocart,#main-atc-btn,[data-product-menu-button-addtocart],.shopify-payment-btn,.product-submit","quantityContainer":null}},{"id":10502,"type":5,"themeId":1,"data":{"form":"form[action*=\"/cart/add\"]:not(.installment):not([id*=installment]):not(.js-instalments-form)","enabled":true,"variant":"input[name=\"id\"],select[name=\"id\"],#formVariantId","quantity":"input[name=\"updates[]\"]","container":"#main-collection-product-grid .grid__item,#main-collection-product-grid li.product-card,#main-collection-product-grid .product.grid__item,#main-collection-product-grid product-card,#main-collection-product-grid product-card-small,#main-collection-product-grid form[action*=\"/cart/add\"],#ProductGridContainer .grid__item,#ProductGridContainer li.product-card,#ProductGridContainer .product.grid__item,#ProductGridContainer product-card,#ProductGridContainer product-card-small,#ProductGridContainer form[action*=\"/cart/add\"],slider-component .grid__item,slider-component li.product-card,slider-component .product.grid__item,slider-component product-card,slider-component product-card-small,slider-component form[action*=\"/cart/add\"],product-recommendations .grid__item,product-recommendations li.product-card,product-recommendations .product.grid__item,product-recommendations product-card,product-recommendations product-card-small,product-recommendations form[action*=\"/cart/add\"],cart-recommendations .grid__item,cart-recommendations li.product-card,cart-recommendations .product.grid__item,cart-recommendations product-card,cart-recommendations product-card-small,cart-recommendations form[action*=\"/cart/add\"],collection-tabs .grid__item,collection-tabs li.product-card,collection-tabs .product.grid__item,collection-tabs product-card,collection-tabs product-card-small,collection-tabs form[action*=\"/cart/add\"],.related-products .grid__item,.related-products li.product-card,.related-products .product.grid__item,.related-products product-card,.related-products product-card-small,.related-products form[action*=\"/cart/add\"],#collection .grid__item,#collection li.product-card,#collection .product.grid__item,#collection product-card,#collection product-card-small,#collection form[action*=\"/cart/add\"],div[data-section-id=\"collection-template\"] .grid__item,div[data-section-id=\"collection-template\"] li.product-card,div[data-section-id=\"collection-template\"] .product.grid__item,div[data-section-id=\"collection-template\"] product-card,div[data-section-id=\"collection-template\"] product-card-small,div[data-section-id=\"collection-template\"] form[action*=\"/cart/add\"],aside#cart .grid__item,aside#cart li.product-card,aside#cart .product.grid__item,aside#cart product-card,aside#cart product-card-small,aside#cart form[action*=\"/cart/add\"],.collection-tabs .grid__item,.collection-tabs li.product-card,.collection-tabs .product.grid__item,.collection-tabs product-card,.collection-tabs product-card-small,.collection-tabs form[action*=\"/cart/add\"],mega-menu-sidebar .grid__item,mega-menu-sidebar li.product-card,mega-menu-sidebar .product.grid__item,mega-menu-sidebar product-card,mega-menu-sidebar product-card-small,mega-menu-sidebar form[action*=\"/cart/add\"]","productId":"input[name=\"product-id\"]","pricingRule":{"containers":[{"type":"custom-pricing","selector":".price__container,.price.s1pr,.product__prices,.product-card-info .price,.product-card-small--add-to-cart .price","showUnitPrice":1}],"hideElements":".price__regular,.price__sale,.price.s1pr,.product__price--on-sale,.product__prices>s,.product__price,.price .product-price,.price .unit-price"},"buyNowButton":".shopify-payment-button,div.instant-buy","productHandle":"a[href*=\"products/\"","addToCartButton":"button[name=\"add\"],input[type=\"submit\"],button[type=\"submit\"],button[type=\"submit\"]:not(.shopify-payment-button__more-options):not(.shopify-payment-button__button),input[type=\"button\"],.button_add_to_cart,.button--addToCart,.btn-add-to-cart,.btn-addtocart,.add-to-cart,.add-to-cart-button,.addtocart,.add_to_cart_btn,.addToCart,.AddToCart,.qsc-btn--add-to-cart,#AddToCart,#add-to-cart-btn,#shopify_add_to_cart,#btn-add-to-cart,#addToCartButton,#add-to-cart,#btnAddToCart,.add-to-cart-btn,.button-add-to-cart,.add_to_cart_button,.AddtoCart,.btn--sticky_addtocart,.add_to_cart,#addToCartBtn,.btn_add_to_cart,.hs-btn-add-to-cart-2,.product-atc__button,.g-stickybar-buynow,.btn--add-to-cart,#new-form-atc,.cart__checkout-btn,.product-atc-btn,.product-form--atc-button,.shg-btn,.product_buttonContainer-addToCart a,#mwAddToCart,.complete-design-a,#button-cart,.add-to-cart input.button,#addtc-sticky-bar .addtc-sticky-btn,.lh-external,.lh-buy-now,.product-form--add-to-cart,.product-buy-buttons--cta,.tt-btn-addtocart,#main-atc-btn,[data-product-menu-button-addtocart],.shopify-payment-btn,.product-submit","quantityContainer":null}},{"id":10503,"type":5,"themeId":1,"data":{"form":"form[action*=\"/cart/add\"]:not(.installment):not([id*=installment]):not(.js-instalments-form)","enabled":true,"variant":"input[name=\"id\"],select[name=\"id\"],#formVariantId","quantity":"input[name=\"quantity\"],input[name=\"updates[]\"]","container":"body quick-add-modal,body .quick-product-modal","productId":"input[name=\"product-id\"]","pricingRule":{"containers":[{"type":"custom-pricing","selector":".price__container","showUnitPrice":1},{"type":"volume-discount","selector":".price__container"}],"hideElements":".price__regular,.price__sale"},"buyNowButton":".shopify-payment-button,div.instant-buy","productHandle":"a[href*=\"products/\"","addToCartButton":"button[name=\"add\"],input[type=\"submit\"],button[type=\"submit\"],button[type=\"submit\"]:not(.shopify-payment-button__more-options):not(.shopify-payment-button__button),input[type=\"button\"],.button_add_to_cart,.button--addToCart,.btn-add-to-cart,.btn-addtocart,.add-to-cart,.add-to-cart-button,.addtocart,.add_to_cart_btn,.addToCart,.AddToCart,.qsc-btn--add-to-cart,#AddToCart,#add-to-cart-btn,#shopify_add_to_cart,#btn-add-to-cart,#addToCartButton,#add-to-cart,#btnAddToCart,.add-to-cart-btn,.button-add-to-cart,.add_to_cart_button,.AddtoCart,.btn--sticky_addtocart,.add_to_cart,#addToCartBtn,.btn_add_to_cart,.hs-btn-add-to-cart-2,.product-atc__button,.g-stickybar-buynow,.btn--add-to-cart,#new-form-atc,.cart__checkout-btn,.product-atc-btn,.product-form--atc-button,.shg-btn,.product_buttonContainer-addToCart a,#mwAddToCart,.complete-design-a,#button-cart,.add-to-cart input.button,#addtc-sticky-bar .addtc-sticky-btn,.lh-external,.lh-buy-now,.product-form--add-to-cart,.product-buy-buttons--cta,.tt-btn-addtocart,#main-atc-btn,[data-product-menu-button-addtocart],.shopify-payment-btn,.product-submit","quantityContainer":null}},{"id":11001,"type":10,"themeId":1,"data":{"enabled":true,"container":"quick-order-list","pricingRule":{"containers":[{"type":"custom-pricing","selector":".totals__product-total","inlineAlign":"end","showUnitPrice":1}],"hideElements":".totals__subtotal-value"}}},{"id":11101,"type":5,"themeId":1,"data":{"form":"form[action*=\"/cart/add\"]:not(.installment):not([id*=installment]):not(.js-instalments-form)","enabled":true,"variant":"input[name=\"id\"],select[name=\"id\"],#formVariantId","quantity":"input[name=\"updates[]\"]","container":"tr.variant-item","productId":"input[name=\"product-id\"]","pricingRule":{"containers":[{"type":"custom-pricing","selector":".variant-item__details,.variant-item__price","inlineAlign":"end","showUnitPrice":1},{"type":"custom-pricing","selector":".variant-item__totals","inlineAlign":"end"}],"hideElements":".price"},"buyNowButton":null,"productHandle":"a[href*=\"products/\"","addToCartButton":"button[name=\"add\"],input[type=\"submit\"],button[type=\"submit\"],button[type=\"submit\"]:not(.shopify-payment-button__more-options):not(.shopify-payment-button__button),input[type=\"button\"],.button_add_to_cart,.button--addToCart,.btn-add-to-cart,.btn-addtocart,.add-to-cart,.add-to-cart-button,.addtocart,.add_to_cart_btn,.addToCart,.AddToCart,.qsc-btn--add-to-cart,#AddToCart,#add-to-cart-btn,#shopify_add_to_cart,#btn-add-to-cart,#addToCartButton,#add-to-cart,#btnAddToCart,.add-to-cart-btn,.button-add-to-cart,.add_to_cart_button,.AddtoCart,.btn--sticky_addtocart,.add_to_cart,#addToCartBtn,.btn_add_to_cart,.hs-btn-add-to-cart-2,.product-atc__button,.g-stickybar-buynow,.btn--add-to-cart,#new-form-atc,.cart__checkout-btn,.product-atc-btn,.product-form--atc-button,.shg-btn,.product_buttonContainer-addToCart a,#mwAddToCart,.complete-design-a,#button-cart,.add-to-cart input.button,#addtc-sticky-bar .addtc-sticky-btn,.lh-external,.lh-buy-now,.product-form--add-to-cart,.product-buy-buttons--cta,.tt-btn-addtocart,#main-atc-btn,[data-product-menu-button-addtocart],.shopify-payment-btn,.product-submit","variantAttribute":"data-variant-id","quantityContainer":null}},{"id":140001,"type":0,"themeId":14,"data":{"customCss":"/*\n.massy-custom-pricing { --massy-custom-pricing-price-text-color: var(--color, var(--font-h6-color)); --massy-custom-pricing-price-font-size: var(--font-h6--family); font-weight: var(--font-h6--weight); }\n\n.massy-custom-pricing-price-compare-at, .massy-custom-pricing-price-original { opacity: 0.4; order: 1; }\n\n.product-information .massy-custom-pricing { --massy-custom-pricing-price-text-color: var(--color, var(--color-foreground)); --massy-custom-pricing-price-font-size: var(--font-paragraph--size); font-weight: var(--font-paragraph--weight); }\n*/"}},{"id":140301,"type":3,"themeId":14,"data":{"enabled":true,"container":"cart-items-component","orderLimit":{"containers":[{"selector":".cart__ctas","cloneSettings":{"insertPosition":"afterbegin"}}],"hideElements":null,"disableElements":".additional-checkout-buttons"},"pricingRule":{"containers":[{"type":"custom-pricing","selector":".cart__total-container .cart__total-value","cloneSettings":{"insertPosition":"afterend"}}],"hideElements":".cart__total-container .cart__total-value"},"discountCode":{"selector":".cart__footer"},"checkOutButton":"button[name=checkout]","checkOutButtonCloneSettings":{"insertPosition":"afterend","excludeAttributes":"id,type,form"}}},{"id":140401,"type":4,"themeId":14,"data":{"enabled":true,"quantity":"input[name=\"updates[]\"]","container":"tbody>tr.cart-items__table-row","pricingRule":{"containers":[{"type":"custom-pricing","selector":[".cart-items__details>div>span",1],"cloneSettings":{"insertPosition":"afterend"},"showUnitPrice":1},{"type":"custom-pricing","selector":".cart-items__price","cloneSettings":{"insertPosition":"afterend"}}],"hideElements":".cart-items__details>div>span:not([massy-clone-id]),.cart-items__price"},"quantityInput":"input[name=\"updates[]\"]","quantityAttribute":null,"quantityContainer":{"input":"input[name='updates[]']","selector":".cart-items__quantity-controls","plusButton":"button[name='plus']","minusButton":"button[name='minus']","removeButton":"button.cart-items__remove"}}},{"id":140501,"type":5,"themeId":14,"data":{"form":"form[action*=\"/cart/add\"]:not(.installment):not([id*=installment]):not(.js-instalments-form)","enabled":true,"variant":"input[name=\"id\"],select[name=\"id\"]","quantity":"input[name=quantity]","container":".product-information,quick-add-dialog","productId":"input[name=\"product-id\"]","orderLimit":{"containers":[{"selector":".product-form-buttons","cloneSettings":{"insertPosition":"beforebegin"}}],"hideElements":null},"pricingRule":{"containers":[{"type":"custom-pricing","selector":"product-price","showBadge":1,"showTimer":1,"showUnitPrice":1},{"type":"volume-discount","selector":"product-price"}],"hideElements":"product-price","invisibleElements":".product-information product-price,quick-add-dialog product-price"},"buyNowButton":".shopify-payment-button__button","addToCartButton":"button[type=\"submit\"][name=\"add\"]","quantityContainer":{"input":"input[name=\"quantity\"]","selector":"quantity-selector-component","plusButton":"button[name=\"plus\"]","minusButton":"button[name=\"minus\"]"}}},{"id":140502,"type":5,"themeId":14,"data":{"form":"form[action*=\"/cart/add\"]:not(.installment):not([id*=installment]):not(.js-instalments-form)","enabled":true,"variant":"input[name=\"id\"],select[name=\"id\"]","quantity":"input[name=\"quantity\"]","container":".resource-list .product-card,.product-grid .product-card","productId":"input[name=\"product-id\"]","pricingRule":{"containers":[{"type":"custom-pricing","selector":".group-block product-price,product-price.text-block","showBadge":1,"showTimer":1,"showUnitPrice":1}],"hideElements":".group-block product-price,product-price.text-block","invisibleElements":".resource-list .product-card .group-block product-price,.product-grid .product-card .group-block product-price,.resource-list .product-card product-price.text-block,.product-grid .product-card product-price.text-block","noFallbackContainer":1},"buyNowButton":"button.shopify-payment-button__button","productHandle":"a[href*=\"products\"]","addToCartButton":"button[type=\"submit\"][name=\"add\"]","quantityContainer":null}},{"id":140503,"type":5,"themeId":14,"data":{"form":"form[action*=\"/cart/add\"]:not(.installment):not([id*=installment]):not(.js-instalments-form)","enabled":true,"variant":"input[name=\"id\"],select[name=\"id\"]","quantity":"input[name=\"quantity\"]","container":"product-card-link","productId":"input[name=\"product-id\"]","pricingRule":{"containers":[{"type":"custom-pricing","selector":"[ref=\"priceContainer\"]","showBadge":1,"showTimer":1,"showUnitPrice":1}],"hideElements":"[ref=\"priceContainer\"]","invisibleElements":"product-card-link [ref=\"priceContainer\"]","noFallbackContainer":1},"buyNowButton":"button.shopify-payment-button__button","productHandle":"a[href*=\"products\"]","addToCartButton":"button[type=\"submit\"][name=\"add\"]","quantityContainer":null}}]};
    const routes = {
      rootUrl: "\/",
      accountUrl: "\/account",
      cartUrl: "\/cart",
    };
    const registrationForms = 
  [
      {"formUrl":"r","afterSubmitType":1,"redirectUrl":"","value":{"design":{"font":"inherit","textSize":14,"textColor":"#303030","switchColor":"#0063F2","dividerColor":"#E3E3E3","checkboxColor":"#303030","helpTextColor":"#616161","headerLabelSize":20,"headerLabelColor":"#303030","radioButtonColor":"#303030","errorMessageColor":"#F83446","successMessageColor":"#266EF1","headerDescriptionSize":14,"headerDescriptionColor":"#303030"},"elements":[{"data":{"value":"","alignment":0,"showHeader":1,"textLocalization":[{"text":{"label":"Become a Customer for Exclusive Benefits","description":"Unlock bargain perks, enjoy discounted privileges and extra benefits."},"locale":"en"}]},"index":0,"typeElement":0,"groupElementType":0},{"data":{"value":"","required":1,"columnWidth":1,"limitCharacter":1,"textLocalization":[{"text":{"label":"First name","helpText":"","placeholder":"Enter first name"},"locale":"en"}],"limitCharacterValue":100},"index":1,"typeElement":2,"groupElementType":0},{"data":{"value":"","required":1,"columnWidth":1,"limitCharacter":1,"textLocalization":[{"text":{"label":"Last name","helpText":"","placeholder":"Enter last name"},"locale":"en"}],"limitCharacterValue":100},"index":2,"typeElement":3,"groupElementType":0},{"data":{"value":"","required":1,"columnWidth":2,"limitCharacter":1,"textLocalization":[{"text":{"label":"Email","helpText":"","placeholder":"Enter your email","invalid_email_address":"Invalid email address.","customer_email_already_exists":"Customer email already exists."},"locale":"en"}],"limitCharacterValue":100},"index":3,"typeElement":4,"groupElementType":0},{"data":{"value":"","alignment":0,"columnWidth":2,"hoverButtonColor":"#266EF1","textLocalization":[{"text":{"buttonText":"Submit","description":""},"locale":"en"}],"submitButtonColor":"#0063F2","submitButtonTextSize":"14px","submitButtonTextColor":"#FFFFFF","submitButtonBorderRadius":"14px"},"index":4,"typeElement":1,"groupElementType":0}]}},]


    window.MassyInitData = window.MassyInitData || {
      shopId,
      shopUrl,
      shopDomain,
      shopPermanentDomain,
      template,
      selectedOrFirstAvailableVariantId,
      products,
      cart,
      customer,
      market,
      assetUrl,
      currencyCodeEnabled,
      moneyWithCurrency,
      money,
      locales,
      shop,
      pricingRules,
      orderLimits,
      netPayments,
      taxDisplays,
      shippingRates,
      widgets,
      themeSettings,
      routes,
      registrationForms,
    };
  })();
</script>
<!-- END app snippet --><!-- BEGIN app snippet: massy-style -->







<style>
  :root {
  }

  .massy-button-disabled {
    pointer-events: none !important;
  }

  .massy-page {
    margin: 0 auto;
    padding: 16px 16px;
    max-width: 960px;
    background-color: var(--massy-background);
  }
  .massy-page-full-width {
    width: 100%;
    max-width: 100%;
  }

  .massy-inline-stack {
    --massy-inline-stack-gap: initial;
    --massy-inline-stack-row-gap: initial;
    --massy-inline-stack-width: initial;
    flex-direction: row;
    display: flex;
    gap: var(--massy-inline-stack-gap);
    row-gap: var(--massy-inline-stack-row-gap);
    flex-wrap: var(--massy-inline-stack-wrap);
    align-items: var(--massy-inline-stack-block-align);
    justify-content: var(--massy-inline-stack-align);
    width: var(--massy-inline-stack-width);
    max-width: 100%;
  }

  .massy-block-stack {
    --massy-block-stack-gap: initial;
    flex-direction: column;
    display: flex;
    width: 100%;
    gap: var(--massy-block-stack-gap);
    align-items: var(--massy-block-stack-inline-align);
    justify-content: var(--massy-block-stack-align);
  }

  .massy-skeleton-display-text {
    background-color: #dfdfdf;
    height: 36px;
    border-radius: 4px;
    color: transparent;
  }

  .massy-skeleton-body-text {
    background-color: #dfdfdf;
    border-radius: 4px;
    color: transparent;
  }

  .massy-visible {
    --massy-visible-display: initial;
    display: var(--massy-visible-display) !important;
  }

  [massy-registration-form] {
    display: block !important;
    position: relative !important;
  }

  [massy-all-texts] {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -999999;
    color: #00000001;
    opacity: 0.000001;
    visibility: visible;
    transition: opacity 1000ms ease, visibility 0s linear 1000ms;
    pointer-events: none;
    user-select: none;
    overflow: hidden;
  }

  @media screen and (max-width: 490px) {
    .massy-page {
      padding: 4px 2px;
    }

    .massy-registration-form-wrapper {
      padding-inline: 16px;
    }
  }

  
.massy-theme-14 .product-information product-price,.massy-theme-14 quick-add-dialog product-price,.massy-theme-14 .resource-list .product-card .group-block product-price,.massy-theme-14 .product-grid .product-card .group-block product-price,.massy-theme-14 .resource-list .product-card product-price.text-block,.massy-theme-14 .product-grid .product-card product-price.text-block,.massy-theme-14 product-card-link [ref="priceContainer"]
    
  {visibility: hidden;}


  
</style>

<style id='massy-invisible-style'>
  
.product-information product-price,quick-add-dialog product-price,.resource-list .product-card .group-block product-price,.product-grid .product-card .group-block product-price,.resource-list .product-card product-price.text-block,.product-grid .product-card product-price.text-block,product-card-link [ref="priceContainer"]
    
  {visibility: hidden;}


</style><style id='massy-custom-css-theme-1'>
            
          </style><style id='massy-custom-css-theme-14'>
            /*
.massy-custom-pricing { --massy-custom-pricing-price-text-color: var(--color, var(--font-h6-color)); --massy-custom-pricing-price-font-size: var(--font-h6--family); font-weight: var(--font-h6--weight); }

.massy-custom-pricing-price-compare-at, .massy-custom-pricing-price-original { opacity: 0.4; order: 1; }

.product-information .massy-custom-pricing { --massy-custom-pricing-price-text-color: var(--color, var(--color-foreground)); --massy-custom-pricing-price-font-size: var(--font-paragraph--size); font-weight: var(--font-paragraph--weight); }
*/
          </style><!-- END app snippet -->


<!-- END app block --><script src="https://cdn.shopify.com/extensions/019eb144-a42f-75e3-b8ff-cd6828477567/massy-wholesale-b2b-pricing-620/assets/massy-index.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<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: 94250369290,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};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>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script id="web-pixels-manager-setup">(function(){var wpmLoader=function(){"use strict";return function(e,d,r,n){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(!Boolean(null==(i=null==(a=window.Shopify)?void 0:a.analytics)?void 0:i.replayQueue)){var a,i;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l,u,c,m,p,f,h,g,y,w,v,b,S,P=(u=(l={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:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-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:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-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,c=l.legacy,(m=navigator.userAgent).match(u)?"modern":m.match(c)?"legacy":"unknown"),C="modern"===P?"modern":"legacy",_=(null!=n?n:{modern:"",legacy:""})[C],O=[(p={baseUrl:d,hashVersion:r,buildTarget:C}).baseUrl,"/wpm","/b",p.hashVersion,"modern"===p.buildTarget?"m":"l",".js"].join(""),U=(f={version:r,bundleTarget:P,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint},h=f.version,g=f.bundleTarget,y=f.surface,w=f.pageUrl,v=f.monorailEndpoint,{emit:function(e){var d=e.status,r=e.errorMsg,n=(new Date).getTime(),o=JSON.stringify({metadata:{event_sent_at_ms:n},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:h,bundle_target:g,page_url:w,status:d,surface:y,error_msg:r},metadata:{event_created_at_ms:n}}]});if(!v)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(v,o)}catch(e){}var a=new XMLHttpRequest;try{return a.open("POST",v,!0),a.setRequestHeader("Content-Type","text/plain"),a.send(o),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}});try{o.browserTarget=P,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,a=e.onerror,i=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,i&&(l.integrity=i,l.crossOrigin="anonymous"),s)for(var m in s)if(Object.prototype.hasOwnProperty.call(s,m))try{l.dataset[m]=s[m]}catch(e){}if(o&&l.addEventListener("load",o),a&&l.addEventListener("error",a),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:O,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null==(d=null==(e=window.Shopify)?void 0:e.analytics)?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)}),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return U.emit({status:"failed",errorMsg:"".concat(O," has failed to load")})},sri:(b=_,S=/^sha384-[A-Za-z0-9+/=]+$/,"string"==typeof b&&S.test(b)?_:""),scriptDataAttributes:o}),U.emit({status:"loading"})}catch(e){U.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}}}();wpmLoader({shopId: 94250369290,storefrontBaseUrl: "https://talvel.de",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["d5bdd5d0","3209b71c","f36ec97b","5acaffe6","86d76263","3b3c7daf","6faea013"],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"TALVEL","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"fx1r88-dh.myshopify.com","countryCode":"DE","storefrontUrl":"https:\/\/talvel.de"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"10452790214922","handle":"butterblume-weiss-gelb-copy","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"52747495997706","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10452793065738","handle":"butterblume-blau-weiss-copy","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"52747509793034","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10452796571914","handle":"butterblume-blau-weiss-copy-1","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"52747540496650","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10452728545546","handle":"butterblume-weiss-gelb","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"52747326423306","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10449569841418","handle":"grundplatte-natur","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"52739414393098","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10447797584138","handle":"halbkreisteelicht-natur","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"52737067745546","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10452599472394","handle":"kerzenwelle-halter-rot","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"52747154293002","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10459661861130","handle":"mowe-auf-poller","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"52783811657994","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10449867702538","handle":"sockel-fur-einen-stecker","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"52739872751882","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10450017747210","handle":"sockel-fur-zwei-stecker","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"52740166484234","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10460952035594","handle":"sonneblume-gross","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"52791812555018","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10460912222474","handle":"stecker-anker-hellblau","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"52791669686538","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10460912320778","handle":"stecker-anker-natur","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"52791669981450","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10460992438538","handle":"stecker-elch","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"52792020599050","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10461035462922","handle":"stecker-rabe-copy","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"52792366760202","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10456026022154","handle":"stecker-fliegenpilz","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"52764496494858","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null,"page":{"pageType":"home","resourceId":null}},},"https://talvel.de/cdn","e9cdb0d3wf7a93d55pd80d1b79me3fb0d36",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","pageType":"home","shopId":"94250369290","storefrontBaseUrl":"https:\/\/talvel.de","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"d5bdd5d0\", \"3209b71c\", \"f36ec97b\", \"5acaffe6\", \"86d76263\", \"3b3c7daf\", \"6faea013\"]","isMerchantRequest":"false","hashVersion":"e9cdb0d3wf7a93d55pd80d1b79me3fb0d36","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'EUR';
  var meta = {"page":{"pageType":"home","requestId":"076e9a5d-9449-451d-aaa0-58b916a7f7a2-1781263409"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
          try {
            window.__TREKKIE_SHIM_QUEUE.push({
              from: 'trekkie-stub',
              method: method,
              args: args.slice(1)
            });
          } catch (e) {
            // no-op
          }
        }
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
  var scriptFallback = document.createElement('script');
  scriptFallback.type = 'text/javascript';
  scriptFallback.onerror = function(error) {
          var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 94250369290,
      theme_id: 189271015690,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//talvel.de/cdn/s/trekkie.storefront.370ef8ffef154dc56bb5a814fea4666724353464.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//talvel.de/cdn/s/trekkie.storefront.370ef8ffef154dc56bb5a814fea4666724353464.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//talvel.de/cdn/s/trekkie.storefront.370ef8ffef154dc56bb5a814fea4666724353464.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":94250369290,"isMerchantRequest":null,"themeId":189271015690,"themeCityHash":"12546681171637848202","contentLanguage":"de","currency":"EUR","eventMetadataId":"d5976c50-cbc3-4575-9579-092f1655f046"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"076e9a5d-9449-451d-aaa0-58b916a7f7a2-1781263409","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//talvel.de/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
  defer
  src="https://talvel.de/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.5.0.min.js"
  data-application="storefront-renderer"
  data-shop-id="94250369290"
  data-render-region="gcp-us-east1"
  data-page-type="index"
  data-theme-instance-id="189271015690"
  data-theme-name="Horizon"
  data-theme-version="3.4.0"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://talvel.de/api/collect"
></script>
<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script><script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"94250369290","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Anmelden oder Konto erstellen"},{"key":"account_menu.signed_out_state.section_divider","value":"Weitere Möglichkeiten zum Anmelden"},{"key":"account_menu.signed_out_state.alternate_divider","value":"ODER"},{"key":"account_menu.signed_out_state.email_field_label","value":"E-Mail-Adresse"},{"key":"account_menu.signed_out_state.orders_button","value":"Bestellungen"},{"key":"account_menu.signed_out_state.profile_button","value":"Profil"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Mit Shop anmelden"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Weiter mit Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Weiter mit Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Neuigkeiten und Angebote via E-Mail erhalten"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hallo {{first_name}}!"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Konto"},{"key":"account_menu.signed_in_state.orders_button","value":"Bestellungen"},{"key":"account_menu.signed_in_state.profile_button","value":"Profil"},{"key":"account_menu.location_picker.sheet_title","value":"Standorte"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Suche"},{"key":"account_menu.aria_labels.close_menu","value":"Menü schließen"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Zurück zum Hauptmenü von {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, öffnet Untermenü"},{"key":"account_menu.aria_labels.loading_menu","value":"Menü wird geladen"},{"key":"account_menu.aria_labels.account","value":"Konto"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Mit E-Mail-Adresse anmelden"},{"key":"account_menu.aria_labels.sign_in","value":"Anmelden"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"b2bEnabled":true,"marketingConsentSigninEnabled":false},"visitor":{"country":"DE","language":"de"}}</script>
</head>

  <body class="page-width-narrow card-hover-effect-none">
    <a
  class="skip-to-content-link button-secondary"
  href="#MainContent"
>
  Direkt zum Inhalt
</a>



    <div id="header-group">
      <!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--27482515702026__header_announcements_9jGBFp" class="shopify-section shopify-section-group-header-group">



<div class="section-background color-scheme-1"></div>
<aside
  class="announcement-bar spacing-style section section--page-width color-scheme-1"
  style="--padding-block-start: 15px; --padding-block-end:15px; 
--padding-inline-start:0px; --padding-inline-end:0px; 
; --border-bottom-width: 1px;"
>
  

  <announcement-bar-component
    class="announcement-bar__slider"
    
  >
    

    <div class="announcement-bar__slides">
      
<slideshow-slide
    ref="slides[]"
    class="
      announcement-bar__slide
      text-block
      text-block--AWW11S21IUnlhSEdXa__announcement_BxgCk9
      text-block--align-center
      text-block--full-width
      custom-typography
      custom-font-size
      
    "
    style="
      
--color: ;--font-size: 1.25rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
      --width: 100%;
      --text-align: center;
      --line-height: 1;
    "
    
    aria-hidden="false"
  >
    <p class="announcement-bar__text">
      Willkommen bei TALVEL
    </p>

    
  </slideshow-slide>



    </div>
  </announcement-bar-component>
</aside>




</div><header id="shopify-section-sections--27482515702026__header_section" class="shopify-section shopify-section-group-header-group header-section">





<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "TALVEL",
    
      "logo": "https:\/\/talvel.de\/cdn\/shop\/files\/Talvel_Kunsthandwerk_Logo_Shopify_54e58362-0db9-4513-9080-2d2ae1b3a95d.jpg?v=1774956028\u0026width=500",
    
    "url": "https:\/\/talvel.de"
  }
</script>

<header-component
  id="header-component"
  class="header"
  data-theme-color="rgb(116 186 79)"
  
  
    sticky="always"
  
  data-skip-node-update
  data-scroll-direction="none"
  
  
  style="
    --color-scheme-top-row: rgba(116 186 79 / 1.0);
    --color-scheme-bottom-row: rgba(116 186 79 / 1.0);
    
  "
>
  <div class="header__underlay header__underlay-closed"></div>
  <div
    class="header__underlay header__underlay-open"
  ></div><h1 class="visually-hidden">TALVEL</h1>
    

    

    
    
      <div
        class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width"
        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
        <div class="header__columns spacing-style">
          <div
      class="header__column header__column--left"
      data-testid="header-top-left"
    >
      
        
          
              



    <div
      class="header__drawer"
      ref="headerDrawerContainer"
      data-hydration-key="header-drawer-mobile"
      
    >
      

<script
  src="//talvel.de/cdn/shop/t/1/assets/header-drawer.js?v=121243031541024704371773834400"
  type="module"
  fetchpriority="low"
></script>

<header-drawer
  class="header-drawer "
  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
>
  <details
    id="Details-menu-drawer-container"
    data-skip-node-update="true"
    class="menu-drawer-container"
    ref="details"
    scroll-lock
  >
    <summary
      class="header__icon header__icon--menu header__icon--summary"
      aria-label="Menü"
      on:click="/toggle"
    >
      <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">
  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
      <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">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
    </summary>
    <div
      ref="menuDrawer"
      class="
        menu-drawer
        color-scheme-1
      "
    >
      <button
        class="button close-button menu-drawer__close-button"
        type="button"
        aria-label="Schließen"
        on:click="/close"
      >
        <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">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      </button>
      <nav
        class="menu-drawer__navigation"
        style="--menu-top-level-font-family: var(--font-body--family);
--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;

  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
  var(--menu-font-2xl--line-height);

--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);

--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
none;

    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
  
--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
none;

    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text));
  

        "
        aria-label="Haupt-"
      >
        <ul
          class="menu-drawer__menu has-submenu"
          role="list"
        >
            
            

              <li
                style="--menu-drawer-animation-index: 1;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-home"
                    href="/"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Home</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 2;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-katalog"
                    href="/collections/all"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Katalog</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 3;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-kontakt"
                    href="/pages/kontakt"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Kontakt</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 4;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-uber-uns"
                    href="/pages/uber-uns"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Über uns</span>
                  </a>
                
              </li>
        </ul>
      </nav>
      <div
        class="menu-drawer__utility-links menu-drawer__animated-element"
        style="--menu-drawer-animation-index: 4;"
      >
        
        
          
          
            <drawer-localization-component class="menu-drawer__localization">
              <details
                id="drawer-localization"
                class="drawer-localization"
                on:toggle="/toggle"
              >
                <summary
                  id="HeaderDrawer-localization"
                  class="drawer-localization__button h3 link focus-inset"
                  aria-expanded="false"
                  on:click="header-drawer/open/submenu"
                  style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
                >
                  <div class="drawer-localization__button--label h6"><div class="mobile-localization mobile-localization--country link"><span class="currency-code">EUR</span>
                      </div><span>/</span><div class="mobile-localization mobile-localization--country link">
                        <span>
                          DE
                        </span>
                      </div></div>
                  <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">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                </summary>

                <div
                  class="menu-drawer__submenu has-submenu color-scheme-1"
                  style=""
                >
                  <div
                    class="menu-drawer__nav-buttons"
                    ref="navButtons"
                  >
                    <button
                      class="button menu-drawer__back-button link focus-inset"
                      aria-expanded="true"
                      on:click="header-drawer/back"
                    >
                      <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">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                      Region und Sprache
                    </button>
                    <button
                      class="button close-button menu-drawer__close-button"
                      type="button"
                      aria-label="Schließen"
                      on:click="header-drawer/close"
                    >
                      <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">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                    </button>
                  </div>

                  
<localization-form-component
  ref="localizationForm"
  data-label-results-count="[count] Ergebnisse"
  data-show-filter="true"
  style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
  
<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region und Sprache"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
      
        <div class="country-filter">
          <div class="field">
            <div class="country-filter__search-icon field__button">
              <span class="svg-wrapper">
                <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>

              </span>
            </div>
            <input
              class="country-filter__input"
              id="country-filter-input"
              type="search"
              name="country_filter"
              value=""
              placeholder="Suchen"
              role="combobox"
              aria-owns="country-results"
              aria-controls="country-results"
              aria-haspopup="listbox"
              aria-autocomplete="list"
              aria-label="Land finden"
              autocorrect="off"
              autocomplete="off"
              autocapitalize="off"
              spellcheck="false"
              ref="search"
              on:keyup="/filterCountries"
            >
            <label
              class="field__label visually-hidden"
              for="country-filter-input"
            >Suche</label>
            <button
              type="reset"
              class="button button-unstyled country-filter__reset-button field__button"
              aria-label="Zurücksetzen"
              ref="resetButton"
              hidden
              on:click="/resetCountriesFilter"
            >
              <span class="svg-wrapper">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" 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 7.5-5 5M12.5 12.5l-5-5"/></svg>

              </span>
            </button>
          </div>
        </div>
      
      <div class="country-selector-form__wrapper">
        <h2
          class="visually-hidden"
          id="drawer-CountryLabel"
        >
          Country/Region
        </h2>
        
          <div
            id="sr-country-search-results-AaGY5RGNCOWJ0cmp4L__header-menu-1"
            class="visually-hidden"
            aria-live="polite"
            ref="liveRegion"
          ></div>
        
        <div
          class="localization-form__list"
          id="drawer-country-results"
          ref="countryList"
        >
          
          <ul
            role="list"
            class="list-unstyled countries"
          >
            <span
              class="localization-form__list-item localization-form__list-item-disabled"
              id="no-results-message"
              ref="noResultsMessage"
              hidden
            >Keine Ergebnisse gefunden</span>
              <li
                class="localization-form__list-item"
                
                data-value="BE"
                
                  data-aliases=""
                
                id="Belgien"
                aria-label="Belgien"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Belgien</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BG"
                
                  data-aliases=""
                
                id="Bulgarien"
                aria-label="Bulgarien"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bulgarien</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DK"
                
                  data-aliases=""
                
                id="Dänemark"
                aria-label="Dänemark"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DK"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Dänemark</span>
                <span
                  class="localization-form__currency"
                  
                >
                  DKK
                  kr.</span>
              </li>
              <li
                class="localization-form__list-item"
                
                  aria-current="true"
                
                data-value="DE"
                
                  data-aliases=""
                
                id="Deutschland"
                aria-label="Deutschland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Deutschland</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="EE"
                
                  data-aliases=""
                
                id="Estland"
                aria-label="Estland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/EE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Estland</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="FI"
                
                  data-aliases=""
                
                id="Finnland"
                aria-label="Finnland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FI"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Finnland</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="FR"
                
                  data-aliases=""
                
                id="Frankreich"
                aria-label="Frankreich"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Frankreich</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GR"
                
                  data-aliases=""
                
                id="Griechenland"
                aria-label="Griechenland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Griechenland</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IE"
                
                  data-aliases=""
                
                id="Irland"
                aria-label="Irland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Irland</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IT"
                
                  data-aliases=""
                
                id="Italien"
                aria-label="Italien"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Italien</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="HR"
                
                  data-aliases=""
                
                id="Kroatien"
                aria-label="Kroatien"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/HR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Kroatien</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LV"
                
                  data-aliases=""
                
                id="Lettland"
                aria-label="Lettland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LV"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Lettland</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LT"
                
                  data-aliases=""
                
                id="Litauen"
                aria-label="Litauen"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Litauen</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LU"
                
                  data-aliases=""
                
                id="Luxemburg"
                aria-label="Luxemburg"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LU"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Luxemburg</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MT"
                
                  data-aliases=""
                
                id="Malta"
                aria-label="Malta"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Malta</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NL"
                
                  data-aliases=""
                
                id="Niederlande"
                aria-label="Niederlande"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Niederlande</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AT"
                
                  data-aliases=""
                
                id="Österreich"
                aria-label="Österreich"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Österreich</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PL"
                
                  data-aliases=""
                
                id="Polen"
                aria-label="Polen"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Polen</span>
                <span
                  class="localization-form__currency"
                  
                >
                  PLN
                  zł</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PT"
                
                  data-aliases=""
                
                id="Portugal"
                aria-label="Portugal"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Portugal</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="RO"
                
                  data-aliases=""
                
                id="Rumänien"
                aria-label="Rumänien"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/RO"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Rumänien</span>
                <span
                  class="localization-form__currency"
                  
                >
                  RON
                  Lei</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SE"
                
                  data-aliases=""
                
                id="Schweden"
                aria-label="Schweden"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Schweden</span>
                <span
                  class="localization-form__currency"
                  
                >
                  SEK
                  kr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SK"
                
                  data-aliases=""
                
                id="Slowakei"
                aria-label="Slowakei"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SK"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Slowakei</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SI"
                
                  data-aliases=""
                
                id="Slowenien"
                aria-label="Slowenien"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SI"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Slowenien</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ES"
                
                  data-aliases=""
                
                id="Spanien"
                aria-label="Spanien"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ES"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Spanien</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CZ"
                
                  data-aliases=""
                
                id="Tschechien"
                aria-label="Tschechien"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tschechien</span>
                <span
                  class="localization-form__currency"
                  
                >
                  CZK
                  Kč</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="HU"
                
                  data-aliases=""
                
                id="Ungarn"
                aria-label="Ungarn"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/HU"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Ungarn</span>
                <span
                  class="localization-form__currency"
                  
                >
                  HUF
                  Ft</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CY"
                
                  data-aliases=""
                
                id="Zypern"
                aria-label="Zypern"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CY"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Zypern</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li></ul>
        </div>
        <div class="country-selector__overlay"></div>
        <input
          type="hidden"
          name="country_code"
          value="DE"
          ref="countryInput"
        >
      </div>
    

    
      <div class="language-selector top-shadow">
        <h2
          class="visually-hidden"
          id="drawer-LanguageLabel"
        >
          Sprache
        </h2>
        
          <span class="language-selector__label">Sprache</span>
        
        <select
          id="drawerSelect"
          class="localization-form__select"
          name="language_code"
          aria-label="Sprache"
          ref="languageInput"
          on:change="/changeLanguage"
        ><option
              value="de"
              lang="de"
              
                selected
              
            >
              Deutsch
            </option><option
              value="en"
              lang="en"
              
            >
              English
            </option></select>
        <span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      </div>
    
</form></localization-form-component>



                </div>
              </details>
            </drawer-localization-component>
          
</div>

      
    </div>
    <div
      class="menu-drawer__backdrop"
      on:click="header-drawer/close"
    ></div>
  </details>
</header-drawer>



    </div>

  

<style data-shopify>
  .header__underlay {
    --color-submenu: rgb(116 186 79 / 1.0);
  }
</style>




            
        
      
        
          
              
  <search-button
    class="search-action search-action--hidden-on-menu"
  >
    <button
      on:click="#search-modal/showDialog"
      class="button-unstyled header-actions__action"
      aria-label="Suchen"
      aria-haspopup="dialog"
    >
      <span class="hidden">
        Suche
      </span>

      <span class="svg-wrapper ">
        <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>

      </span>
    </button>
  </search-button>




            
        
      
        
          
              




<a
  
  href="/"
  class="size-style spacing-style header-logo"
  style="
    --size-style-width: ;--size-style-height: ;
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --font-family: var(--font-body--family);
    --font-style: var(--font-body--style);
    --font-weight: 600;
  "
  
>
  

  <span
    class="header-logo__image-container header-logo__image-container--original"
    data-testid="header-logo"
  >
    
  
  
  

  

  

  

  <img src="//talvel.de/cdn/shop/files/Talvel_Kunsthandwerk_Logo_Shopify_54e58362-0db9-4513-9080-2d2ae1b3a95d.jpg?height=88&amp;v=1774956028" alt="" width="149" height="88" class="header-logo__image" srcset="//talvel.de/cdn/shop/files/Talvel_Kunsthandwerk_Logo_Shopify_54e58362-0db9-4513-9080-2d2ae1b3a95d.jpg?height=88&amp;v=1774956028 1x, //talvel.de/cdn/shop/files/Talvel_Kunsthandwerk_Logo_Shopify_54e58362-0db9-4513-9080-2d2ae1b3a95d.jpg?height=176&amp;v=1774956028 2x, //talvel.de/cdn/shop/files/Talvel_Kunsthandwerk_Logo_Shopify_54e58362-0db9-4513-9080-2d2ae1b3a95d.jpg?height=264&amp;v=1774956028 3x" style="--header-logo-image-width: 150px;--header-logo-image-width-mobile: 96px; --header-logo-image-height: 88px; --header-logo-image-height-mobile: 56px;">


  </span>

  
</a>





            
        
      
        
          
              



    

    

    <header-menu
      ref="headerMenu"
      class="header-menu"
      
      data-hydration-key="header-menu"
    >
      <div class="header-menu__inner">
        <nav
          class="menu-list"
          aria-label="Haupt-"
          style="--menu-top-level-font-family: var(--font-body--family);
--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;

  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
  var(--menu-font-sm--line-height);

--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
"
        >
          
          <overflow-list
  
    ref="overflowMenu"
  
  
    class="overflow-menu color-scheme-matches-parent"
  
  
    minimum-items="2"
  
  
    data-testid="header-menu-overflow-list"
  
  
    data-skip-node-update
  
>
  <template shadowrootmode="open">
    <link href="//talvel.de/cdn/shop/t/1/assets/overflow-list.css?v=13500019909476584571773834400" rel="stylesheet" type="text/css" media="all" />

    <ul part="list">
      <slot></slot>
      <slot
        name="more"
        part="more"
        hidden
        
      >
        <li
          part="more"
        >
          <button
            class="button"
            type="button"
            tabindex="0"
          >
            Mehr
          </button>
        </li>
      </slot>
      <li
        part="placeholder"
        hidden
      ></li>
    </ul>

    <div part="overflow">
      <ul part="overflow-list">
        <slot name="overflow"></slot>
      </ul>
    </div>
  </template>

  
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/"
            data-skip-node-update="true"
            class="menu-list__link"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Home</span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/collections/all"
            data-skip-node-update="true"
            class="menu-list__link"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Katalog</span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/pages/kontakt"
            data-skip-node-update="true"
            class="menu-list__link"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Kontakt</span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/pages/uber-uns"
            data-skip-node-update="true"
            class="menu-list__link"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Über uns</span>
          </a></li>
      
      <li
        class="menu-list__list-item"
        role="presentation"
        slot="more"
        on:focus="/activate"
        on:blur="/deactivate"
        on:pointerenter="/activate"
        on:pointerleave="/deactivate"
      >
        <button role="listitem" class="menu-list__link button-unstyled">
          <span class="menu-list__link-title">Mehr</span>
        </button>
      </li>
    
</overflow-list>

        </nav>
      </div>

      <script
        src="//talvel.de/cdn/shop/t/1/assets/header-menu.js?v=138387690177295788221773834400"
        type="module"
        fetchpriority="low"
      ></script>
    </header-menu>


<style data-shopify>
  .header__underlay {
    --color-submenu: rgb(116 186 79 / 1.0);
  }
</style>




            
        
      
    </div><div
      class="header__column header__column--right"
      data-testid="header-top-right"
    >
      
        
          
              
  
  
    <dropdown-localization-component
      class="dropdown-localization mobile:hidden"
    >
      <button
        type="button"
        class="button dropdown-localization__button localization-selector header-actions__action"
        aria-expanded="false"
        aria-controls="dropdown-localization-results"
        ref="button"
        on:click="/toggleSelector"
        style="--menu-localization-font: var(--font-heading--family);  --menu-localization-font-size: 0.875rem; "
      >
        
          
          <span
            class="currency-code"
            data-testid="localization-currency-code"
          >EUR</span>
        
        <span
          class="visually-hidden"
          data-testid="localization-visually-hidden"
        >Region- und Sprachwahl</span><span>/</span><span>
            DE
          </span><span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      </button>

      <div
        class="localization-wrapper right-bound color-scheme-1"
        hidden
        ref="panel"
      >
        
<localization-form-component
  ref="localizationForm"
  data-label-results-count="[count] Ergebnisse"
  data-show-filter="true"
  style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 0.875rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
  
<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region und Sprache"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
      
        <div class="country-filter">
          <div class="field">
            <div class="country-filter__search-icon field__button">
              <span class="svg-wrapper">
                <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>

              </span>
            </div>
            <input
              class="country-filter__input"
              id="country-filter-input"
              type="search"
              name="country_filter"
              value=""
              placeholder="Suchen"
              role="combobox"
              aria-owns="country-results"
              aria-controls="country-results"
              aria-haspopup="listbox"
              aria-autocomplete="list"
              aria-label="Land finden"
              autocorrect="off"
              autocomplete="off"
              autocapitalize="off"
              spellcheck="false"
              ref="search"
              on:keyup="/filterCountries"
            >
            <label
              class="field__label visually-hidden"
              for="country-filter-input"
            >Suche</label>
            <button
              type="reset"
              class="button button-unstyled country-filter__reset-button field__button"
              aria-label="Zurücksetzen"
              ref="resetButton"
              hidden
              on:click="/resetCountriesFilter"
            >
              <span class="svg-wrapper">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" 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 7.5-5 5M12.5 12.5l-5-5"/></svg>

              </span>
            </button>
          </div>
        </div>
      
      <div class="country-selector-form__wrapper">
        <h2
          class="visually-hidden"
          id="dropdown-CountryLabel"
        >
          Country/Region
        </h2>
        
          <div
            id="sr-country-search-results-sections--27482515702026__header_section"
            class="visually-hidden"
            aria-live="polite"
            ref="liveRegion"
          ></div>
        
        <div
          class="localization-form__list"
          id="dropdown-country-results"
          ref="countryList"
        >
          
          <ul
            role="list"
            class="list-unstyled countries"
          >
            <span
              class="localization-form__list-item localization-form__list-item-disabled"
              id="no-results-message"
              ref="noResultsMessage"
              hidden
            >Keine Ergebnisse gefunden</span>
              <li
                class="localization-form__list-item"
                
                data-value="BE"
                
                  data-aliases=""
                
                id="Belgien"
                aria-label="Belgien"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Belgien</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BG"
                
                  data-aliases=""
                
                id="Bulgarien"
                aria-label="Bulgarien"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BG"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bulgarien</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DK"
                
                  data-aliases=""
                
                id="Dänemark"
                aria-label="Dänemark"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DK"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Dänemark</span>
                <span
                  class="localization-form__currency"
                  
                >
                  DKK
                  kr.</span>
              </li>
              <li
                class="localization-form__list-item"
                
                  aria-current="true"
                
                data-value="DE"
                
                  data-aliases=""
                
                id="Deutschland"
                aria-label="Deutschland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Deutschland</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="EE"
                
                  data-aliases=""
                
                id="Estland"
                aria-label="Estland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/EE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Estland</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="FI"
                
                  data-aliases=""
                
                id="Finnland"
                aria-label="Finnland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FI"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Finnland</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="FR"
                
                  data-aliases=""
                
                id="Frankreich"
                aria-label="Frankreich"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Frankreich</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GR"
                
                  data-aliases=""
                
                id="Griechenland"
                aria-label="Griechenland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Griechenland</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IE"
                
                  data-aliases=""
                
                id="Irland"
                aria-label="Irland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Irland</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IT"
                
                  data-aliases=""
                
                id="Italien"
                aria-label="Italien"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Italien</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="HR"
                
                  data-aliases=""
                
                id="Kroatien"
                aria-label="Kroatien"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/HR"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Kroatien</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LV"
                
                  data-aliases=""
                
                id="Lettland"
                aria-label="Lettland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LV"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Lettland</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LT"
                
                  data-aliases=""
                
                id="Litauen"
                aria-label="Litauen"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Litauen</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LU"
                
                  data-aliases=""
                
                id="Luxemburg"
                aria-label="Luxemburg"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LU"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Luxemburg</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MT"
                
                  data-aliases=""
                
                id="Malta"
                aria-label="Malta"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Malta</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NL"
                
                  data-aliases=""
                
                id="Niederlande"
                aria-label="Niederlande"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Niederlande</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AT"
                
                  data-aliases=""
                
                id="Österreich"
                aria-label="Österreich"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Österreich</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PL"
                
                  data-aliases=""
                
                id="Polen"
                aria-label="Polen"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PL"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Polen</span>
                <span
                  class="localization-form__currency"
                  
                >
                  PLN
                  zł</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PT"
                
                  data-aliases=""
                
                id="Portugal"
                aria-label="Portugal"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PT"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Portugal</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="RO"
                
                  data-aliases=""
                
                id="Rumänien"
                aria-label="Rumänien"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/RO"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Rumänien</span>
                <span
                  class="localization-form__currency"
                  
                >
                  RON
                  Lei</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SE"
                
                  data-aliases=""
                
                id="Schweden"
                aria-label="Schweden"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SE"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Schweden</span>
                <span
                  class="localization-form__currency"
                  
                >
                  SEK
                  kr</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SK"
                
                  data-aliases=""
                
                id="Slowakei"
                aria-label="Slowakei"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SK"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Slowakei</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SI"
                
                  data-aliases=""
                
                id="Slowenien"
                aria-label="Slowenien"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SI"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Slowenien</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ES"
                
                  data-aliases=""
                
                id="Spanien"
                aria-label="Spanien"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ES"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Spanien</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CZ"
                
                  data-aliases=""
                
                id="Tschechien"
                aria-label="Tschechien"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tschechien</span>
                <span
                  class="localization-form__currency"
                  
                >
                  CZK
                  Kč</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="HU"
                
                  data-aliases=""
                
                id="Ungarn"
                aria-label="Ungarn"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/HU"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Ungarn</span>
                <span
                  class="localization-form__currency"
                  
                >
                  HUF
                  Ft</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CY"
                
                  data-aliases=""
                
                id="Zypern"
                aria-label="Zypern"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CY"
              >
                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Zypern</span>
                <span
                  class="localization-form__currency"
                  
                >
                  EUR
                  €</span>
              </li></ul>
        </div>
        <div class="country-selector__overlay"></div>
        <input
          type="hidden"
          name="country_code"
          value="DE"
          ref="countryInput"
        >
      </div>
    

    
      <div class="language-selector top-shadow">
        <h2
          class="visually-hidden"
          id="dropdown-LanguageLabel"
        >
          Sprache
        </h2>
        
          <span class="language-selector__label">Sprache</span>
        
        <select
          id="dropdownSelect"
          class="localization-form__select"
          name="language_code"
          aria-label="Sprache"
          ref="languageInput"
          on:change="/changeLanguage"
        ><option
              value="de"
              lang="de"
              
                selected
              
            >
              Deutsch
            </option><option
              value="en"
              lang="en"
              
            >
              English
            </option></select>
        <span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      </div>
    
</form></localization-form-component>



      </div>
    </dropdown-localization-component>
  

            
        
      
        
          
              
  <search-button
    class="search-action search-action--hidden-on-drawer"
  >
    <button
      on:click="#search-modal/showDialog"
      class="button-unstyled header-actions__action"
      aria-label="Suchen"
      aria-haspopup="dialog"
    >
      <span class="hidden">
        Suche
      </span>

      <span class="svg-wrapper ">
        <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>

      </span>
    </button>
  </search-button>




            
        
      
        
          
              <script
  type="module"
  src="//talvel.de/cdn/shop/t/1/assets/cart-icon.js?v=157241182139685326961773834400"
  fetchpriority="low"
></script>





<header-actions
  
>
  
    
    <div
      class="account-button header-actions__action color-scheme-1"
    >
      <shopify-store store-domain="https://talvel.de" country="DE" language="de"></shopify-store>
<shopify-account
        menu="customer-account-main-menu"
        
      >
        
          <span
            slot="signed-out-avatar"
            class="account-button__text header-actions__text-style hidden"
          >
            Konto
          </span>

          <span
            slot="signed-out-avatar"
            class=""
            aria-hidden="true"
          >
            
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="15"
    height="17"
    viewBox="0 0 15 17"
    fill="none"
    slot="signed-out-avatar"
    class="account-button__icon"
  >
    <path
      stroke="currentColor"
      stroke-linejoin="round"
      stroke-width="var(--icon-stroke-width)"
      d="M10.375 3.813a3.063 3.063 0 1 1-6.125 0 3.063 3.063 0 0 1 6.125 0ZM7.313 9.5c-3.667 0-6.24 2.691-6.563 6.125h13.125C13.552 12.191 10.979 9.5 7.312 9.5Z"
    />
  </svg>

          </span>
        
      </shopify-account>
    </div>
  

  
    <script
      src="//talvel.de/cdn/shop/t/1/assets/cart-drawer.js?v=34004441742206350331773834400"
      type="module"
      fetchpriority="low"
    ></script>

    

    <cart-drawer-component
      class="cart-drawer"
      
      
    >
      <template id="empty-cart-template">
        
      <div class="cart-drawer__header">
        <button
          ref="closeButton"
          on:click="cart-drawer-component/close"
          class="button close-button cart-drawer__close-button button-unstyled"
          aria-label="Dialogfeld schließen"
        >
          <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
        </button>
      </div>

      <div
        class="cart-drawer__content"
        aria-label="Warenkorb"
      >
        <h2
          class="cart-drawer__heading h4 cart-drawer__heading--empty"
          id="cart-drawer-heading-empty"
        >
          Dein Warenkorb ist leer
        </h2>

        <div class="cart-drawer__items">
          



<script
  src="//talvel.de/cdn/shop/t/1/assets/component-cart-items.js?v=16199507049899445991773834400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//talvel.de/cdn/shop/t/1/assets/component-cart-quantity-selector.js?v=105130809908858639751773834400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//talvel.de/cdn/shop/t/1/assets/volume-pricing-info.js?v=94479640769665442661773834400"
  type="module"
  fetchpriority="low"
></script>

<div
  
  class="cart-items__wrapper"
  
>
  
<p>
        Hast du ein Konto? <a href="https://talvel.de/customer_authentication/redirect?locale=de&region_country=DE">Logge dich ein</a>, damit es beim Checkout schneller geht.
      </p><a
      class="button cart-items__empty-button"
      href="/collections/all"
    >
      <span class="button-text">
        Weiter einkaufen
      </span>
    </a></div>



        </div>
      </div>
    
      </template>
      <button
        class="header-actions__action button-unstyled"
        on:click="/open"
        aria-haspopup="dialog"
        aria-label="Warenkorb"
        aria-describedby="cart-bubble-text"
        data-testid="cart-drawer-trigger"
      >
        
  <cart-icon
    class="header-actions__cart-icon"
    data-testid="cart-icon"
  >
    <span class="hidden">
      Warenkorb
    </span>

    <span
      class="svg-wrapper "
      aria-hidden="true"
    >
      <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="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>

    </span>

    <div
  ref="cartBubble"
  class="cart-bubble visually-hidden"
  
  
    data-maintain-ratio
  
>
  <span class="cart-bubble__background"></span>
  <span
    ref="cartBubbleText"
    id="cart-bubble-text"
    class="cart-bubble__text"
    
      role="status"
    
  >
    <span class="visually-hidden">Artikel im Warenkorb insgesamt: 0
    </span>
    <span
      class="cart-bubble__text-count hidden"
      ref="cartBubbleCount"
      aria-hidden="true"
      data-testid="cart-bubble"
    >
0</span>
  </span>
</div>

  </cart-icon>

      </button>

      <dialog
        ref="dialog"
        class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
        data-testid="cart-drawer-dialog"
        aria-labelledby="cart-drawer-heading-empty"
        scroll-lock
        cart-summary-sticky="true"
      >
        <div
          class="cart-drawer__inner"
          data-hydration-key="cart-drawer-inner"
        >
          <cart-items-component
            class="cart-items-component"
            data-drawer
            data-section-id="sections--27482515702026__header_section"
          >
      <div class="cart-drawer__header">
        <button
          ref="closeButton"
          on:click="cart-drawer-component/close"
          class="button close-button cart-drawer__close-button button-unstyled"
          aria-label="Dialogfeld schließen"
        >
          <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
        </button>
      </div>

      <div
        class="cart-drawer__content"
        aria-label="Warenkorb"
      >
        <h2
          class="cart-drawer__heading h4 cart-drawer__heading--empty"
          id="cart-drawer-heading-empty"
        >
          Dein Warenkorb ist leer
        </h2>

        <div class="cart-drawer__items">
          



<script
  src="//talvel.de/cdn/shop/t/1/assets/component-cart-items.js?v=16199507049899445991773834400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//talvel.de/cdn/shop/t/1/assets/component-cart-quantity-selector.js?v=105130809908858639751773834400"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//talvel.de/cdn/shop/t/1/assets/volume-pricing-info.js?v=94479640769665442661773834400"
  type="module"
  fetchpriority="low"
></script>

<div
  
  class="cart-items__wrapper"
  
>
  
<p>
        Hast du ein Konto? <a href="https://talvel.de/customer_authentication/redirect?locale=de&region_country=DE">Logge dich ein</a>, damit es beim Checkout schneller geht.
      </p><a
      class="button cart-items__empty-button"
      href="/collections/all"
    >
      <span class="button-text">
        Weiter einkaufen
      </span>
    </a></div>



        </div>
      </div>
    
</cart-items-component>
        </div>
      </dialog>
    </cart-drawer-component>
  
</header-actions>



          
        
      
    </div>
        </div>
      </div>
    
  
    

    

    
    
  

  
    <div class="header__row header__navigation-bar-row color-scheme-1">
      



    
  

<style data-shopify>
  .header__underlay {
    --color-submenu: rgb(116 186 79 / 1.0);
  }
</style>




    </div>
  
</header-component>

<script
  src="//talvel.de/cdn/shop/t/1/assets/header.js?v=36718054510661947891773834400"
  type="module"
></script>




  <script type="module">
    import { hydrate } from '@theme/section-hydration';
    const url = new URL(window.location.href);
    url.searchParams.delete('page');
    hydrate('sections--27482515702026__header_section', url);
  </script>



</header>
<!-- END sections: header-group -->
    </div>

    <script>
      // Inline header height and menu style calculations to prevent layout shift
      // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
      (function setHeaderHeighCustomProperties() {
        /*
         * Header calculation functions for maintaining CSS variables
         * Mimic calculateHeaderGroupHeight() in utilities.js
         */
        const header = document.querySelector('header-component');
        const headerGroup = document.querySelector('#header-group');
        const hasHeaderSection = headerGroup?.querySelector('.header-section');

        if (!header || !headerGroup) return;

        const headerTopRow = header.querySelector('.header__row--top');
        const headerHeight = header.offsetHeight;

        // Calculate the total height of the header group
        let headerGroupHeight = 0;
        const children = headerGroup.children;
        for (let i = 0; i < children.length; i++) {
          const element = children[i];
          if (element === header || !(element instanceof HTMLElement)) continue;
          headerGroupHeight += element.offsetHeight;
        }

        // Check for transparent header special case
        if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
          headerGroupHeight += headerHeight;
        }

        // Set CSS variables
        document.body.style.setProperty('--header-height', `${headerHeight}px`);
        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);

        if (headerTopRow) {
          window.requestAnimationFrame(function () {
            document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
          });
        }

        /**
         * Updates CSS custom properties for transparent header offset calculation
         * Mimic updateTransparentHeaderOffset() in utilities.js
         */

        if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
          return;
        }

        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');

        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
      })();

      (function setHeaderMenuStyle() {
        const headerComponent = document.querySelector('#header-component');
        if (headerComponent) {
          const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
          const overflowList = headerComponent?.querySelector('overflow-list');
          const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
          headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
        }
      })();
    </script>

    <main
      id="MainContent"
      class="content-for-layout"
      role="main"
      data-page-transition-enabled="false"
      data-product-transition="false"
      data-template="index"
    >
      <section id="shopify-section-template--27482515308810__hero_jVaWmY" class="shopify-section hero-wrapper section-wrapper">













<div
  id="Hero-template--27482515308810__hero_jVaWmY"
  class="hero color-scheme-3"
  style="
    --hero-border-style: ;
    --hero-border-width: px;
    --hero-border-opacity: %;
    --blur-opacity: 0.75;
    
      --hero-min-height: var(--section-height-large);
    
  "
  
  
>
  

  

  <div
    class="hero__container spacing-style section section--full-width"
    style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 100px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 72px));"
  ><div
      class="hero__media-grid"
      style="--hero-media-count: 1;--hero-media-count-mobile: 1;--hero-media-aspect-ratio: 1.504;"
      data-testid="hero-media-wrapper"
    >
      <div
  class="overlay overlay--gradient"
  style="
    --overlay-layer: var(--layer-flat);
    --overlay-color: #12121266;
    --overlay-color--end: rgba(18, 18, 18, 0);
    --overlay-direction: to bottom;"
></div>



      
  
<div class="hero__media-wrapper hero__media-wrapper--desktop hero__media-wrapper--mobile">
      <img src="//talvel.de/cdn/shop/files/Shopify01.jpg?v=1773839609&amp;width=3840" srcset="//talvel.de/cdn/shop/files/Shopify01.jpg?v=1773839609&amp;width=832 832w, //talvel.de/cdn/shop/files/Shopify01.jpg?v=1773839609&amp;width=1200 1200w, //talvel.de/cdn/shop/files/Shopify01.jpg?v=1773839609&amp;width=1600 1600w, //talvel.de/cdn/shop/files/Shopify01.jpg?v=1773839609&amp;width=1920 1920w, //talvel.de/cdn/shop/files/Shopify01.jpg?v=1773839609&amp;width=2560 2560w, //talvel.de/cdn/shop/files/Shopify01.jpg?v=1773839609&amp;width=3840 3840w" width="3008" height="2000" class="hero__media" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="high" data-testid="hero-desktop-image-1">
    </div>
  


  
    </div>
    <div
      class="
        hero__content-wrapper
        layout-panel-flex
        layout-panel-flex--row
        mobile-column
        section-content-wrapper
        page-width
        
      "
      style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 10px;

--horizontal-alignment: space-between; --vertical-alignment: last baseline;
--vertical-alignment-mobile: flex-end;
"
    >
      








  <div class=" spacing-style text-block text-block--Ad2FyUWJ4bVRadWlZR__text_YLPk4p h2      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-narrow);          ">
    <p><em>Schau rein!</em></p>
  </div>









<a
  
    href="/collections/all"
  
  class="
    size-style
    button
    button--AYTRmQ0RXak9LLzR6Y__button_H9gpTf
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Zum Shop
</a>






    </div>
  </div>
</div>




</section><div id="shopify-section-template--27482515308810__product_list_fa6P9H" class="shopify-section ui-test-product-list">



<div class="section-background color-scheme-1"></div>
<div
  data-testid="product-list"
  class="
    section
    section--page-width
    color-scheme-1
    section-resource-list
    spacing-style
    gap-style
  "
  style="
    --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
    --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));
  "
>
  <div class="section-resource-list__header">
<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
      
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: space-between; --vertical-alignment: last baseline;
--vertical-alignment-mobile: last baseline;
"
  >











  <div class=" spacing-style text-block text-block--AbTVxRTJzaGdBaXU0a__product_list_text_YFtzcL h4      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>Produktvorschau</h3>
  </div>












  

<a
  
    href="/collections/all"
  
  class="
    size-style
    link
    link--ANGdXbWlBNllzWDhiT__product_list_button_MWeP9V
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  View all
</a>






</div>
</div>



</div>

  

  

  

<div
  class="
    resource-list
    
      force-full-width
    
    
    resource-list__carousel
  "
  style="--resource-list-column-gap-desktop: 5px;--column-count: 3;--column-count-mobile: 1;--mobile-card-size: 60cqw;"
  
    data-testid="resource-list-grid"
  
>
  
      



<div
  class="resource-list__carousel"
  style="--gutter-slide-width: var(--util-page-margin-offset); --slide-width-max: 450px;"
>
  <slideshow-component
  
    ref="resourceListCarousel"
  
  
    class="resource-list__carousel"
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12, --slide-13, --slide-14, --slide-15;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  

  
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
     slideshow-control--shape-square
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Vorherige Folie"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><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)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
     slideshow-control--shape-square
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Nächste Folie"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><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)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>

    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
        gutters="start end"
      
    >
      
  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="10452790214922"
  id="product-card-AOVIwTHFjSmgyVlBhN__static-product-card"
  
  
  
>
  <a
    id="c4780b73d7d59bf35300246404909523"
    
      href="/products/butterblume-weiss-gelb-copy?variant=52747495997706"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Butterblume blau weiß
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1.0;
  "
  data-product-id="10452790214922"
  
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/butterblume-weiss-gelb-copy?variant=52747495997706"
      aria-label="Butterblume blau weiß"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="2" disabled="true"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="49440685129994"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="49440685129994"
>
  
  <img src="//talvel.de/cdn/shop/files/Butterblumeblauweiss.jpg?v=1774010806&amp;width=3840" alt="Butterblume blau weiß" srcset="//talvel.de/cdn/shop/files/Butterblumeblauweiss.jpg?v=1774010806&amp;width=240 240w, //talvel.de/cdn/shop/files/Butterblumeblauweiss.jpg?v=1774010806&amp;width=352 352w, //talvel.de/cdn/shop/files/Butterblumeblauweiss.jpg?v=1774010806&amp;width=832 832w, //talvel.de/cdn/shop/files/Butterblumeblauweiss.jpg?v=1774010806&amp;width=1200 1200w, //talvel.de/cdn/shop/files/Butterblumeblauweiss.jpg?v=1774010806&amp;width=1600 1600w, //talvel.de/cdn/shop/files/Butterblumeblauweiss.jpg?v=1774010806&amp;width=1920 1920w, //talvel.de/cdn/shop/files/Butterblumeblauweiss.jpg?v=1774010806&amp;width=2560 2560w, //talvel.de/cdn/shop/files/Butterblumeblauweiss.jpg?v=1774010806&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//talvel.de/cdn/shop/files/Butterblumeblauweiss.jpg?v=1774010806&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Butterblume blau weiß"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--27482515308810__product_list_fa6P9H"
    data-product-id="10452790214922"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10452790214922-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="52747495997706"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//talvel.de/cdn/shop/files/Butterblumeblauweiss.jpg?v=1774010806&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          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>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Hinzufügen</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <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">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            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>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Auswählen
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="10452790214922" /><input type="hidden" name="section-id" value="template--27482515308810__product_list_fa6P9H" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Butterblume blau weiß</h3>
  
</div>







  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/butterblume-weiss-gelb-copy?variant=52747495997706"
  >
    






  <div class=" spacing-style text-block text-block--AM1BvU0NTSzdaMk1iW__product_title_YXxMTj rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p>Butterblume blau weiß</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AYkpiWUZJOVBBU1p0e__price_JQzVV4"
  data-product-id="10452790214922"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">€8,85</span>
    

    
  
</div>

  
</product-price>








  </div>
</product-card>






            
          </div>

          
            
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="10452793065738"
  id="product-card-AOVIwTHFjSmgyVlBhN__static-product-card-1"
  
  
  
>
  <a
    id="aafd177664de56b81eb89ac6e610f35b"
    
      href="/products/butterblume-blau-weiss-copy?variant=52747509793034"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Butterblume gelb weiß
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-1 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1.0;
  "
  data-product-id="10452793065738"
  
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/butterblume-blau-weiss-copy?variant=52747509793034"
      aria-label="Butterblume gelb weiß"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="1" disabled="true"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="49440803586314"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="49440803586314"
>
  
  <img src="//talvel.de/cdn/shop/files/Butterblumegelbweiss.jpg?v=1774011363&amp;width=3840" alt="Butterblume gelb weiß" srcset="//talvel.de/cdn/shop/files/Butterblumegelbweiss.jpg?v=1774011363&amp;width=240 240w, //talvel.de/cdn/shop/files/Butterblumegelbweiss.jpg?v=1774011363&amp;width=352 352w, //talvel.de/cdn/shop/files/Butterblumegelbweiss.jpg?v=1774011363&amp;width=832 832w, //talvel.de/cdn/shop/files/Butterblumegelbweiss.jpg?v=1774011363&amp;width=1200 1200w, //talvel.de/cdn/shop/files/Butterblumegelbweiss.jpg?v=1774011363&amp;width=1600 1600w, //talvel.de/cdn/shop/files/Butterblumegelbweiss.jpg?v=1774011363&amp;width=1920 1920w, //talvel.de/cdn/shop/files/Butterblumegelbweiss.jpg?v=1774011363&amp;width=2560 2560w, //talvel.de/cdn/shop/files/Butterblumegelbweiss.jpg?v=1774011363&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//talvel.de/cdn/shop/files/Butterblumegelbweiss.jpg?v=1774011363&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Butterblume gelb weiß"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--27482515308810__product_list_fa6P9H"
    data-product-id="10452793065738"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10452793065738-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-1" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="52747509793034"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//talvel.de/cdn/shop/files/Butterblumegelbweiss.jpg?v=1774011363&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          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>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Hinzufügen</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <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">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            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>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Auswählen
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="10452793065738" /><input type="hidden" name="section-id" value="template--27482515308810__product_list_fa6P9H" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Butterblume gelb weiß</h3>
  
</div>







  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/butterblume-blau-weiss-copy?variant=52747509793034"
  >
    






  <div class=" spacing-style text-block text-block--AM1BvU0NTSzdaMk1iW__product_title_YXxMTj-1 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p>Butterblume gelb weiß</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AYkpiWUZJOVBBU1p0e__price_JQzVV4-1"
  data-product-id="10452793065738"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">€8,85</span>
    

    
  
</div>

  
</product-price>








  </div>
</product-card>






            
          </div>

          
            
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="10452796571914"
  id="product-card-AOVIwTHFjSmgyVlBhN__static-product-card-2"
  
  
  
>
  <a
    id="de56dce18838ce5492260affb74b66bb"
    
      href="/products/butterblume-blau-weiss-copy-1?variant=52747540496650"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Butterblume rot weiß
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-2 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1.0;
  "
  data-product-id="10452796571914"
  
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/butterblume-blau-weiss-copy-1?variant=52747540496650"
      aria-label="Butterblume rot weiß"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="1" disabled="true"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="49440927514890"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="49440927514890"
>
  
  <img src="//talvel.de/cdn/shop/files/Butterblumeblaurotweiss.jpg?v=1774012221&amp;width=3840" alt="Butterblume rot weiß" srcset="//talvel.de/cdn/shop/files/Butterblumeblaurotweiss.jpg?v=1774012221&amp;width=240 240w, //talvel.de/cdn/shop/files/Butterblumeblaurotweiss.jpg?v=1774012221&amp;width=352 352w, //talvel.de/cdn/shop/files/Butterblumeblaurotweiss.jpg?v=1774012221&amp;width=832 832w, //talvel.de/cdn/shop/files/Butterblumeblaurotweiss.jpg?v=1774012221&amp;width=1200 1200w, //talvel.de/cdn/shop/files/Butterblumeblaurotweiss.jpg?v=1774012221&amp;width=1600 1600w, //talvel.de/cdn/shop/files/Butterblumeblaurotweiss.jpg?v=1774012221&amp;width=1920 1920w, //talvel.de/cdn/shop/files/Butterblumeblaurotweiss.jpg?v=1774012221&amp;width=2560 2560w, //talvel.de/cdn/shop/files/Butterblumeblaurotweiss.jpg?v=1774012221&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//talvel.de/cdn/shop/files/Butterblumeblaurotweiss.jpg?v=1774012221&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Butterblume rot weiß"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--27482515308810__product_list_fa6P9H"
    data-product-id="10452796571914"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10452796571914-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-2" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="52747540496650"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//talvel.de/cdn/shop/files/Butterblumeblaurotweiss.jpg?v=1774012221&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          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>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Hinzufügen</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <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">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            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>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Auswählen
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="10452796571914" /><input type="hidden" name="section-id" value="template--27482515308810__product_list_fa6P9H" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Butterblume rot weiß</h3>
  
</div>







  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/butterblume-blau-weiss-copy-1?variant=52747540496650"
  >
    






  <div class=" spacing-style text-block text-block--AM1BvU0NTSzdaMk1iW__product_title_YXxMTj-2 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p>Butterblume rot weiß</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AYkpiWUZJOVBBU1p0e__price_JQzVV4-2"
  data-product-id="10452796571914"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">€8,85</span>
    

    
  
</div>

  
</product-price>








  </div>
</product-card>






            
          </div>

          
            
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="10452728545546"
  id="product-card-AOVIwTHFjSmgyVlBhN__static-product-card-3"
  
  
  
>
  <a
    id="47f822bd363cff9e4faf83a2e272d5e0"
    
      href="/products/butterblume-weiss-gelb?variant=52747326423306"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Butterblume weiß gelb
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-3 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1.0;
  "
  data-product-id="10452728545546"
  
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/butterblume-weiss-gelb?variant=52747326423306"
      aria-label="Butterblume weiß gelb"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="2" disabled="true"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="49440231817482"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="49440231817482"
>
  
  <img src="//talvel.de/cdn/shop/files/Butterblumeblauweissgelb.jpg?v=1774008115&amp;width=3840" alt="Butterblume weiß gelb" srcset="//talvel.de/cdn/shop/files/Butterblumeblauweissgelb.jpg?v=1774008115&amp;width=240 240w, //talvel.de/cdn/shop/files/Butterblumeblauweissgelb.jpg?v=1774008115&amp;width=352 352w, //talvel.de/cdn/shop/files/Butterblumeblauweissgelb.jpg?v=1774008115&amp;width=832 832w, //talvel.de/cdn/shop/files/Butterblumeblauweissgelb.jpg?v=1774008115&amp;width=1200 1200w, //talvel.de/cdn/shop/files/Butterblumeblauweissgelb.jpg?v=1774008115&amp;width=1600 1600w, //talvel.de/cdn/shop/files/Butterblumeblauweissgelb.jpg?v=1774008115&amp;width=1920 1920w, //talvel.de/cdn/shop/files/Butterblumeblauweissgelb.jpg?v=1774008115&amp;width=2560 2560w, //talvel.de/cdn/shop/files/Butterblumeblauweissgelb.jpg?v=1774008115&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//talvel.de/cdn/shop/files/Butterblumeblauweissgelb.jpg?v=1774008115&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Butterblume weiß gelb"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--27482515308810__product_list_fa6P9H"
    data-product-id="10452728545546"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10452728545546-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-3" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="52747326423306"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//talvel.de/cdn/shop/files/Butterblumeblauweissgelb.jpg?v=1774008115&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          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>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Hinzufügen</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <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">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            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>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Auswählen
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="10452728545546" /><input type="hidden" name="section-id" value="template--27482515308810__product_list_fa6P9H" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Butterblume weiß gelb</h3>
  
</div>







  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/butterblume-weiss-gelb?variant=52747326423306"
  >
    






  <div class=" spacing-style text-block text-block--AM1BvU0NTSzdaMk1iW__product_title_YXxMTj-3 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p>Butterblume weiß gelb</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AYkpiWUZJOVBBU1p0e__price_JQzVV4-3"
  data-product-id="10452728545546"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">€8,85</span>
    

    
  
</div>

  
</product-price>








  </div>
</product-card>






            
          </div>

          
            
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="10449569841418"
  id="product-card-AOVIwTHFjSmgyVlBhN__static-product-card-4"
  
  
  
>
  <a
    id="000708247ba50abe2776858aabac6601"
    
      href="/products/grundplatte-natur?variant=52739414393098"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Grundplatte natur
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-4 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1.0;
  "
  data-product-id="10449569841418"
  
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/grundplatte-natur?variant=52739414393098"
      aria-label="Grundplatte natur"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="2" disabled="true"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="49429779579146"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="49429779579146"
>
  
  <img src="//talvel.de/cdn/shop/files/B021-2nGrundplattenatur.jpg?v=1773929356&amp;width=3840" alt="Grundplatte natur" srcset="//talvel.de/cdn/shop/files/B021-2nGrundplattenatur.jpg?v=1773929356&amp;width=240 240w, //talvel.de/cdn/shop/files/B021-2nGrundplattenatur.jpg?v=1773929356&amp;width=352 352w, //talvel.de/cdn/shop/files/B021-2nGrundplattenatur.jpg?v=1773929356&amp;width=832 832w, //talvel.de/cdn/shop/files/B021-2nGrundplattenatur.jpg?v=1773929356&amp;width=1200 1200w, //talvel.de/cdn/shop/files/B021-2nGrundplattenatur.jpg?v=1773929356&amp;width=1600 1600w, //talvel.de/cdn/shop/files/B021-2nGrundplattenatur.jpg?v=1773929356&amp;width=1920 1920w, //talvel.de/cdn/shop/files/B021-2nGrundplattenatur.jpg?v=1773929356&amp;width=2560 2560w, //talvel.de/cdn/shop/files/B021-2nGrundplattenatur.jpg?v=1773929356&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//talvel.de/cdn/shop/files/B021-2nGrundplattenatur.jpg?v=1773929356&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Grundplatte natur"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--27482515308810__product_list_fa6P9H"
    data-product-id="10449569841418"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10449569841418-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-4" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="52739414393098"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//talvel.de/cdn/shop/files/B021-2nGrundplattenatur.jpg?v=1773929356&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          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>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Hinzufügen</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <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">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            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>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Auswählen
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="10449569841418" /><input type="hidden" name="section-id" value="template--27482515308810__product_list_fa6P9H" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Grundplatte natur</h3>
  
</div>







  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/grundplatte-natur?variant=52739414393098"
  >
    






  <div class=" spacing-style text-block text-block--AM1BvU0NTSzdaMk1iW__product_title_YXxMTj-4 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p>Grundplatte natur</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AYkpiWUZJOVBBU1p0e__price_JQzVV4-4"
  data-product-id="10449569841418"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">€14,95</span>
    

    
  
</div>

  
</product-price>








  </div>
</product-card>






            
          </div>

          
            
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-5; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="10447797584138"
  id="product-card-AOVIwTHFjSmgyVlBhN__static-product-card-5"
  
  
  
>
  <a
    id="0c2624b59aaf052528d418f1d1784b64"
    
      href="/products/halbkreisteelicht-natur?variant=52737067745546"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Halbkreisteelicht natur
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-5 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1.0;
  "
  data-product-id="10447797584138"
  
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/halbkreisteelicht-natur?variant=52737067745546"
      aria-label="Halbkreisteelicht natur"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="2" disabled="true"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="49427992248586"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="49427992248586"
>
  
  <img src="//talvel.de/cdn/shop/files/B026Halbkreisteelicht.jpg?v=1773926136&amp;width=3840" alt="Halbkreisteelicht natur" srcset="//talvel.de/cdn/shop/files/B026Halbkreisteelicht.jpg?v=1773926136&amp;width=240 240w, //talvel.de/cdn/shop/files/B026Halbkreisteelicht.jpg?v=1773926136&amp;width=352 352w, //talvel.de/cdn/shop/files/B026Halbkreisteelicht.jpg?v=1773926136&amp;width=832 832w, //talvel.de/cdn/shop/files/B026Halbkreisteelicht.jpg?v=1773926136&amp;width=1200 1200w, //talvel.de/cdn/shop/files/B026Halbkreisteelicht.jpg?v=1773926136&amp;width=1600 1600w, //talvel.de/cdn/shop/files/B026Halbkreisteelicht.jpg?v=1773926136&amp;width=1920 1920w, //talvel.de/cdn/shop/files/B026Halbkreisteelicht.jpg?v=1773926136&amp;width=2560 2560w, //talvel.de/cdn/shop/files/B026Halbkreisteelicht.jpg?v=1773926136&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//talvel.de/cdn/shop/files/B026Halbkreisteelicht.jpg?v=1773926136&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Halbkreisteelicht natur"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--27482515308810__product_list_fa6P9H"
    data-product-id="10447797584138"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10447797584138-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-5" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="52737067745546"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//talvel.de/cdn/shop/files/B026Halbkreisteelicht.jpg?v=1773926136&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          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>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Hinzufügen</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <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">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            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>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Auswählen
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="10447797584138" /><input type="hidden" name="section-id" value="template--27482515308810__product_list_fa6P9H" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Halbkreisteelicht natur</h3>
  
</div>







  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/halbkreisteelicht-natur?variant=52737067745546"
  >
    






  <div class=" spacing-style text-block text-block--AM1BvU0NTSzdaMk1iW__product_title_YXxMTj-5 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p>Halbkreisteelicht natur</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AYkpiWUZJOVBBU1p0e__price_JQzVV4-5"
  data-product-id="10447797584138"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">€16,50</span>
    

    
  
</div>

  
</product-price>








  </div>
</product-card>






            
          </div>

          
            
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-6; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="10452599472394"
  id="product-card-AOVIwTHFjSmgyVlBhN__static-product-card-6"
  
  
  
>
  <a
    id="0528fa1972fd9c692f7366f9f0ddbf65"
    
      href="/products/kerzenwelle-halter-rot?variant=52747154293002"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Kerzenwelle Halter natur
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-6 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1.0;
  "
  data-product-id="10452599472394"
  
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/kerzenwelle-halter-rot?variant=52747154293002"
      aria-label="Kerzenwelle Halter natur"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="1" disabled="true"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="49474554429706"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="49474554429706"
>
  
  <img src="//talvel.de/cdn/shop/files/Kerzenwellenatur.jpg?v=1774373864&amp;width=3840" alt="Kerzenwelle Halter natur" srcset="//talvel.de/cdn/shop/files/Kerzenwellenatur.jpg?v=1774373864&amp;width=240 240w, //talvel.de/cdn/shop/files/Kerzenwellenatur.jpg?v=1774373864&amp;width=352 352w, //talvel.de/cdn/shop/files/Kerzenwellenatur.jpg?v=1774373864&amp;width=832 832w, //talvel.de/cdn/shop/files/Kerzenwellenatur.jpg?v=1774373864&amp;width=1200 1200w, //talvel.de/cdn/shop/files/Kerzenwellenatur.jpg?v=1774373864&amp;width=1600 1600w, //talvel.de/cdn/shop/files/Kerzenwellenatur.jpg?v=1774373864&amp;width=1920 1920w, //talvel.de/cdn/shop/files/Kerzenwellenatur.jpg?v=1774373864&amp;width=2560 2560w, //talvel.de/cdn/shop/files/Kerzenwellenatur.jpg?v=1774373864&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//talvel.de/cdn/shop/files/Kerzenwellenatur.jpg?v=1774373864&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Kerzenwelle Halter natur"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--27482515308810__product_list_fa6P9H"
    data-product-id="10452599472394"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10452599472394-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-6" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="52747154293002"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//talvel.de/cdn/shop/files/Kerzenwellenatur.jpg?v=1774373864&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          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>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Hinzufügen</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <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">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            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>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Auswählen
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="10452599472394" /><input type="hidden" name="section-id" value="template--27482515308810__product_list_fa6P9H" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Kerzenwelle Halter natur</h3>
  
</div>







  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/kerzenwelle-halter-rot?variant=52747154293002"
  >
    






  <div class=" spacing-style text-block text-block--AM1BvU0NTSzdaMk1iW__product_title_YXxMTj-6 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p>Kerzenwelle Halter natur</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AYkpiWUZJOVBBU1p0e__price_JQzVV4-6"
  data-product-id="10452599472394"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">€32,95</span>
    

    
  
</div>

  
</product-price>








  </div>
</product-card>






            
          </div>

          
            
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-7; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="10459661861130"
  id="product-card-AOVIwTHFjSmgyVlBhN__static-product-card-7"
  
  
  
>
  <a
    id="2a19ba0c2f0a7f2d59bd2d6bcaaa656c"
    
      href="/products/mowe-auf-poller?variant=52783811657994"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Möwe auf Poller
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-7 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1.0;
  "
  data-product-id="10459661861130"
  
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/mowe-auf-poller?variant=52783811657994"
      aria-label="Möwe auf Poller"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="1" disabled="true"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="49523970244874"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="49523970244874"
>
  
  <img src="//talvel.de/cdn/shop/files/SteckerMoweaufPollerg_59954aa5-275e-44ad-8caf-3258314b22be.jpg?v=1774707564&amp;width=3840" alt="Möwe auf Poller" srcset="//talvel.de/cdn/shop/files/SteckerMoweaufPollerg_59954aa5-275e-44ad-8caf-3258314b22be.jpg?v=1774707564&amp;width=240 240w, //talvel.de/cdn/shop/files/SteckerMoweaufPollerg_59954aa5-275e-44ad-8caf-3258314b22be.jpg?v=1774707564&amp;width=352 352w, //talvel.de/cdn/shop/files/SteckerMoweaufPollerg_59954aa5-275e-44ad-8caf-3258314b22be.jpg?v=1774707564&amp;width=832 832w, //talvel.de/cdn/shop/files/SteckerMoweaufPollerg_59954aa5-275e-44ad-8caf-3258314b22be.jpg?v=1774707564&amp;width=1200 1200w, //talvel.de/cdn/shop/files/SteckerMoweaufPollerg_59954aa5-275e-44ad-8caf-3258314b22be.jpg?v=1774707564&amp;width=1600 1600w, //talvel.de/cdn/shop/files/SteckerMoweaufPollerg_59954aa5-275e-44ad-8caf-3258314b22be.jpg?v=1774707564&amp;width=1920 1920w, //talvel.de/cdn/shop/files/SteckerMoweaufPollerg_59954aa5-275e-44ad-8caf-3258314b22be.jpg?v=1774707564&amp;width=2560 2560w, //talvel.de/cdn/shop/files/SteckerMoweaufPollerg_59954aa5-275e-44ad-8caf-3258314b22be.jpg?v=1774707564&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//talvel.de/cdn/shop/files/SteckerMoweaufPollerg_59954aa5-275e-44ad-8caf-3258314b22be.jpg?v=1774707564&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Möwe auf Poller"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--27482515308810__product_list_fa6P9H"
    data-product-id="10459661861130"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10459661861130-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-7" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="52783811657994"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//talvel.de/cdn/shop/files/SteckerMoweaufPollerg_59954aa5-275e-44ad-8caf-3258314b22be.jpg?v=1774707564&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          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>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Hinzufügen</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <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">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            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>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Auswählen
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="10459661861130" /><input type="hidden" name="section-id" value="template--27482515308810__product_list_fa6P9H" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Möwe auf Poller</h3>
  
</div>







  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/mowe-auf-poller?variant=52783811657994"
  >
    






  <div class=" spacing-style text-block text-block--AM1BvU0NTSzdaMk1iW__product_title_YXxMTj-7 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p>Möwe auf Poller</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AYkpiWUZJOVBBU1p0e__price_JQzVV4-7"
  data-product-id="10459661861130"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">€14,25</span>
    

    
  
</div>

  
</product-price>








  </div>
</product-card>






            
          </div>

          
            
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-8; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="10449867702538"
  id="product-card-AOVIwTHFjSmgyVlBhN__static-product-card-8"
  
  
  
>
  <a
    id="4f1855beb0aaff0d679bbd1a880d43ca"
    
      href="/products/sockel-fur-einen-stecker?variant=52739872751882"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Sockel für einen Stecker
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-8 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1.0;
  "
  data-product-id="10449867702538"
  
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/sockel-fur-einen-stecker?variant=52739872751882"
      aria-label="Sockel für einen Stecker"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="2" disabled="true"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="49430966239498"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="49430966239498"
>
  
  <img src="//talvel.de/cdn/shop/files/Sockel01natur.jpg?v=1773933078&amp;width=3840" alt="Sockel für einen Stecker" srcset="//talvel.de/cdn/shop/files/Sockel01natur.jpg?v=1773933078&amp;width=240 240w, //talvel.de/cdn/shop/files/Sockel01natur.jpg?v=1773933078&amp;width=352 352w, //talvel.de/cdn/shop/files/Sockel01natur.jpg?v=1773933078&amp;width=832 832w, //talvel.de/cdn/shop/files/Sockel01natur.jpg?v=1773933078&amp;width=1200 1200w, //talvel.de/cdn/shop/files/Sockel01natur.jpg?v=1773933078&amp;width=1600 1600w, //talvel.de/cdn/shop/files/Sockel01natur.jpg?v=1773933078&amp;width=1920 1920w, //talvel.de/cdn/shop/files/Sockel01natur.jpg?v=1773933078&amp;width=2560 2560w, //talvel.de/cdn/shop/files/Sockel01natur.jpg?v=1773933078&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//talvel.de/cdn/shop/files/Sockel01natur.jpg?v=1773933078&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Sockel für einen Stecker"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--27482515308810__product_list_fa6P9H"
    data-product-id="10449867702538"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10449867702538-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-8" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="52739872751882"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//talvel.de/cdn/shop/files/Sockel01natur.jpg?v=1773933078&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          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>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Hinzufügen</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <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">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            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>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Auswählen
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="10449867702538" /><input type="hidden" name="section-id" value="template--27482515308810__product_list_fa6P9H" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Sockel für einen Stecker</h3>
  
</div>







  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/sockel-fur-einen-stecker?variant=52739872751882"
  >
    






  <div class=" spacing-style text-block text-block--AM1BvU0NTSzdaMk1iW__product_title_YXxMTj-8 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p>Sockel für einen Stecker</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AYkpiWUZJOVBBU1p0e__price_JQzVV4-8"
  data-product-id="10449867702538"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">€3,60</span>
    

    
  
</div>

  
</product-price>








  </div>
</product-card>






            
          </div>

          
            
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-9; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="10450017747210"
  id="product-card-AOVIwTHFjSmgyVlBhN__static-product-card-9"
  
  
  
>
  <a
    id="bc0eb735cba3727e6e1a9595a050cdf9"
    
      href="/products/sockel-fur-zwei-stecker?variant=52740166484234"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Sockel für zwei Stecker
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-9 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1.0;
  "
  data-product-id="10450017747210"
  
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/sockel-fur-zwei-stecker?variant=52740166484234"
      aria-label="Sockel für zwei Stecker"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="2" disabled="true"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="49431449796874"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="49431449796874"
>
  
  <img src="//talvel.de/cdn/shop/files/Sockel02natur_a597de73-740e-4302-b544-aecd21e0fc49.jpg?v=1773934404&amp;width=3840" alt="Sockel für zwei Stecker" srcset="//talvel.de/cdn/shop/files/Sockel02natur_a597de73-740e-4302-b544-aecd21e0fc49.jpg?v=1773934404&amp;width=240 240w, //talvel.de/cdn/shop/files/Sockel02natur_a597de73-740e-4302-b544-aecd21e0fc49.jpg?v=1773934404&amp;width=352 352w, //talvel.de/cdn/shop/files/Sockel02natur_a597de73-740e-4302-b544-aecd21e0fc49.jpg?v=1773934404&amp;width=832 832w, //talvel.de/cdn/shop/files/Sockel02natur_a597de73-740e-4302-b544-aecd21e0fc49.jpg?v=1773934404&amp;width=1200 1200w, //talvel.de/cdn/shop/files/Sockel02natur_a597de73-740e-4302-b544-aecd21e0fc49.jpg?v=1773934404&amp;width=1600 1600w, //talvel.de/cdn/shop/files/Sockel02natur_a597de73-740e-4302-b544-aecd21e0fc49.jpg?v=1773934404&amp;width=1920 1920w, //talvel.de/cdn/shop/files/Sockel02natur_a597de73-740e-4302-b544-aecd21e0fc49.jpg?v=1773934404&amp;width=2560 2560w, //talvel.de/cdn/shop/files/Sockel02natur_a597de73-740e-4302-b544-aecd21e0fc49.jpg?v=1773934404&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//talvel.de/cdn/shop/files/Sockel02natur_a597de73-740e-4302-b544-aecd21e0fc49.jpg?v=1773934404&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Sockel für zwei Stecker"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--27482515308810__product_list_fa6P9H"
    data-product-id="10450017747210"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10450017747210-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-9" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="52740166484234"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//talvel.de/cdn/shop/files/Sockel02natur_a597de73-740e-4302-b544-aecd21e0fc49.jpg?v=1773934404&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          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>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Hinzufügen</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <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">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            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>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Auswählen
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="10450017747210" /><input type="hidden" name="section-id" value="template--27482515308810__product_list_fa6P9H" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Sockel für zwei Stecker</h3>
  
</div>







  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/sockel-fur-zwei-stecker?variant=52740166484234"
  >
    






  <div class=" spacing-style text-block text-block--AM1BvU0NTSzdaMk1iW__product_title_YXxMTj-9 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p>Sockel für zwei Stecker</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AYkpiWUZJOVBBU1p0e__price_JQzVV4-9"
  data-product-id="10450017747210"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">€4,20</span>
    

    
  
</div>

  
</product-price>








  </div>
</product-card>






            
          </div>

          
            
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-10; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="10460952035594"
  id="product-card-AOVIwTHFjSmgyVlBhN__static-product-card-10"
  
  
  
>
  <a
    id="24a312fcdb13d463688ea5362f3f5833"
    
      href="/products/sonneblume-gross?variant=52791812555018"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Sonneblume groß
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-10 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1.0;
  "
  data-product-id="10460952035594"
  
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/sonneblume-gross?variant=52791812555018"
      aria-label="Sonneblume groß"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="1" disabled="true"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="49536048955658"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="49536048955658"
>
  
  <img src="//talvel.de/cdn/shop/files/Sonnenblumegross.jpg?v=1774877981&amp;width=3840" alt="Sonneblume groß" srcset="//talvel.de/cdn/shop/files/Sonnenblumegross.jpg?v=1774877981&amp;width=240 240w, //talvel.de/cdn/shop/files/Sonnenblumegross.jpg?v=1774877981&amp;width=352 352w, //talvel.de/cdn/shop/files/Sonnenblumegross.jpg?v=1774877981&amp;width=832 832w, //talvel.de/cdn/shop/files/Sonnenblumegross.jpg?v=1774877981&amp;width=1200 1200w, //talvel.de/cdn/shop/files/Sonnenblumegross.jpg?v=1774877981&amp;width=1600 1600w, //talvel.de/cdn/shop/files/Sonnenblumegross.jpg?v=1774877981&amp;width=1920 1920w, //talvel.de/cdn/shop/files/Sonnenblumegross.jpg?v=1774877981&amp;width=2560 2560w, //talvel.de/cdn/shop/files/Sonnenblumegross.jpg?v=1774877981&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//talvel.de/cdn/shop/files/Sonnenblumegross.jpg?v=1774877981&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Sonneblume groß"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--27482515308810__product_list_fa6P9H"
    data-product-id="10460952035594"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10460952035594-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-10" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="52791812555018"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//talvel.de/cdn/shop/files/Sonnenblumegross.jpg?v=1774877981&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          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>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Hinzufügen</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <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">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            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>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Auswählen
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="10460952035594" /><input type="hidden" name="section-id" value="template--27482515308810__product_list_fa6P9H" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Sonneblume groß</h3>
  
</div>







  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/sonneblume-gross?variant=52791812555018"
  >
    






  <div class=" spacing-style text-block text-block--AM1BvU0NTSzdaMk1iW__product_title_YXxMTj-10 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p>Sonneblume groß</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AYkpiWUZJOVBBU1p0e__price_JQzVV4-10"
  data-product-id="10460952035594"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">€11,85</span>
    

    
  
</div>

  
</product-price>








  </div>
</product-card>






            
          </div>

          
            
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-11; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="10460912222474"
  id="product-card-AOVIwTHFjSmgyVlBhN__static-product-card-11"
  
  
  
>
  <a
    id="1b8bd13ecdd36ea570fab10d0e45a07b"
    
      href="/products/stecker-anker-hellblau?variant=52791669686538"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Stecker Anker hellblau
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-11 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1.0;
  "
  data-product-id="10460912222474"
  
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/stecker-anker-hellblau?variant=52791669686538"
      aria-label="Stecker Anker hellblau"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="1" disabled="true"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="49535625920778"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="49535625920778"
>
  
  <img src="//talvel.de/cdn/shop/files/Ankerblau.jpg?v=1774874845&amp;width=3840" alt="Stecker Anker hellblau" srcset="//talvel.de/cdn/shop/files/Ankerblau.jpg?v=1774874845&amp;width=240 240w, //talvel.de/cdn/shop/files/Ankerblau.jpg?v=1774874845&amp;width=352 352w, //talvel.de/cdn/shop/files/Ankerblau.jpg?v=1774874845&amp;width=832 832w, //talvel.de/cdn/shop/files/Ankerblau.jpg?v=1774874845&amp;width=1200 1200w, //talvel.de/cdn/shop/files/Ankerblau.jpg?v=1774874845&amp;width=1600 1600w, //talvel.de/cdn/shop/files/Ankerblau.jpg?v=1774874845&amp;width=1920 1920w, //talvel.de/cdn/shop/files/Ankerblau.jpg?v=1774874845&amp;width=2560 2560w, //talvel.de/cdn/shop/files/Ankerblau.jpg?v=1774874845&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//talvel.de/cdn/shop/files/Ankerblau.jpg?v=1774874845&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Stecker Anker hellblau"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--27482515308810__product_list_fa6P9H"
    data-product-id="10460912222474"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10460912222474-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-11" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="52791669686538"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//talvel.de/cdn/shop/files/Ankerblau.jpg?v=1774874845&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          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>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Hinzufügen</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <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">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            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>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Auswählen
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="10460912222474" /><input type="hidden" name="section-id" value="template--27482515308810__product_list_fa6P9H" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Stecker Anker hellblau</h3>
  
</div>







  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/stecker-anker-hellblau?variant=52791669686538"
  >
    






  <div class=" spacing-style text-block text-block--AM1BvU0NTSzdaMk1iW__product_title_YXxMTj-11 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p>Stecker Anker hellblau</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AYkpiWUZJOVBBU1p0e__price_JQzVV4-11"
  data-product-id="10460912222474"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">€8,25</span>
    

    
  
</div>

  
</product-price>








  </div>
</product-card>






            
          </div>

          
            
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-12; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="10460912320778"
  id="product-card-AOVIwTHFjSmgyVlBhN__static-product-card-12"
  
  
  
>
  <a
    id="a2f9af1d0d82031b41532e26d5a390b5"
    
      href="/products/stecker-anker-natur?variant=52791669981450"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Stecker Anker natur
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-12 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1.0;
  "
  data-product-id="10460912320778"
  
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/stecker-anker-natur?variant=52791669981450"
      aria-label="Stecker Anker natur"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="1" disabled="true"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="49535620874506"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="49535620874506"
>
  
  <img src="//talvel.de/cdn/shop/files/Ankernatur.jpg?v=1774874660&amp;width=3840" alt="Stecker Anker natur" srcset="//talvel.de/cdn/shop/files/Ankernatur.jpg?v=1774874660&amp;width=240 240w, //talvel.de/cdn/shop/files/Ankernatur.jpg?v=1774874660&amp;width=352 352w, //talvel.de/cdn/shop/files/Ankernatur.jpg?v=1774874660&amp;width=832 832w, //talvel.de/cdn/shop/files/Ankernatur.jpg?v=1774874660&amp;width=1200 1200w, //talvel.de/cdn/shop/files/Ankernatur.jpg?v=1774874660&amp;width=1600 1600w, //talvel.de/cdn/shop/files/Ankernatur.jpg?v=1774874660&amp;width=1920 1920w, //talvel.de/cdn/shop/files/Ankernatur.jpg?v=1774874660&amp;width=2560 2560w, //talvel.de/cdn/shop/files/Ankernatur.jpg?v=1774874660&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//talvel.de/cdn/shop/files/Ankernatur.jpg?v=1774874660&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Stecker Anker natur"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--27482515308810__product_list_fa6P9H"
    data-product-id="10460912320778"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10460912320778-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-12" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="52791669981450"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//talvel.de/cdn/shop/files/Ankernatur.jpg?v=1774874660&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          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>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Hinzufügen</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <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">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            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>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Auswählen
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="10460912320778" /><input type="hidden" name="section-id" value="template--27482515308810__product_list_fa6P9H" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Stecker Anker natur</h3>
  
</div>







  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/stecker-anker-natur?variant=52791669981450"
  >
    






  <div class=" spacing-style text-block text-block--AM1BvU0NTSzdaMk1iW__product_title_YXxMTj-12 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p>Stecker Anker natur</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AYkpiWUZJOVBBU1p0e__price_JQzVV4-12"
  data-product-id="10460912320778"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">€8,25</span>
    

    
  
</div>

  
</product-price>








  </div>
</product-card>






            
          </div>

          
            
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-13; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="10460992438538"
  id="product-card-AOVIwTHFjSmgyVlBhN__static-product-card-13"
  
  
  
>
  <a
    id="382caf70da2db921992105d4c6f727c6"
    
      href="/products/stecker-elch?variant=52792020599050"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Stecker Elch
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-13 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1.0;
  "
  data-product-id="10460992438538"
  
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/stecker-elch?variant=52792020599050"
      aria-label="Stecker Elch"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="1" disabled="true"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="49536311132426"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="49536311132426"
>
  
  <img src="//talvel.de/cdn/shop/files/SteckerElch.jpg?v=1774880447&amp;width=3840" alt="Stecker Elch" srcset="//talvel.de/cdn/shop/files/SteckerElch.jpg?v=1774880447&amp;width=240 240w, //talvel.de/cdn/shop/files/SteckerElch.jpg?v=1774880447&amp;width=352 352w, //talvel.de/cdn/shop/files/SteckerElch.jpg?v=1774880447&amp;width=832 832w, //talvel.de/cdn/shop/files/SteckerElch.jpg?v=1774880447&amp;width=1200 1200w, //talvel.de/cdn/shop/files/SteckerElch.jpg?v=1774880447&amp;width=1600 1600w, //talvel.de/cdn/shop/files/SteckerElch.jpg?v=1774880447&amp;width=1920 1920w, //talvel.de/cdn/shop/files/SteckerElch.jpg?v=1774880447&amp;width=2560 2560w, //talvel.de/cdn/shop/files/SteckerElch.jpg?v=1774880447&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//talvel.de/cdn/shop/files/SteckerElch.jpg?v=1774880447&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Stecker Elch"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--27482515308810__product_list_fa6P9H"
    data-product-id="10460992438538"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10460992438538-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-13" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="52792020599050"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//talvel.de/cdn/shop/files/SteckerElch.jpg?v=1774880447&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          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>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Hinzufügen</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <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">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            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>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Auswählen
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="10460992438538" /><input type="hidden" name="section-id" value="template--27482515308810__product_list_fa6P9H" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Stecker Elch</h3>
  
</div>







  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/stecker-elch?variant=52792020599050"
  >
    






  <div class=" spacing-style text-block text-block--AM1BvU0NTSzdaMk1iW__product_title_YXxMTj-13 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p>Stecker Elch</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AYkpiWUZJOVBBU1p0e__price_JQzVV4-13"
  data-product-id="10460992438538"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">€11,85</span>
    

    
  
</div>

  
</product-price>








  </div>
</product-card>






            
          </div>

          
            
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-14; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="10461035462922"
  id="product-card-AOVIwTHFjSmgyVlBhN__static-product-card-14"
  
  
  
>
  <a
    id="f272582ca37400b73910ec168b3ab005"
    
      href="/products/stecker-rabe-copy?variant=52792366760202"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Stecker Eule braun
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-14 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1.0;
  "
  data-product-id="10461035462922"
  
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/stecker-rabe-copy?variant=52792366760202"
      aria-label="Stecker Eule braun"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="1" disabled="true"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="49537240596746"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="49537240596746"
>
  
  <img src="//talvel.de/cdn/shop/files/SteckerEulebraun.jpg?v=1774887086&amp;width=3840" alt="Stecker Eule braun" srcset="//talvel.de/cdn/shop/files/SteckerEulebraun.jpg?v=1774887086&amp;width=240 240w, //talvel.de/cdn/shop/files/SteckerEulebraun.jpg?v=1774887086&amp;width=352 352w, //talvel.de/cdn/shop/files/SteckerEulebraun.jpg?v=1774887086&amp;width=832 832w, //talvel.de/cdn/shop/files/SteckerEulebraun.jpg?v=1774887086&amp;width=1200 1200w, //talvel.de/cdn/shop/files/SteckerEulebraun.jpg?v=1774887086&amp;width=1600 1600w, //talvel.de/cdn/shop/files/SteckerEulebraun.jpg?v=1774887086&amp;width=1920 1920w, //talvel.de/cdn/shop/files/SteckerEulebraun.jpg?v=1774887086&amp;width=2560 2560w, //talvel.de/cdn/shop/files/SteckerEulebraun.jpg?v=1774887086&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//talvel.de/cdn/shop/files/SteckerEulebraun.jpg?v=1774887086&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Stecker Eule braun"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--27482515308810__product_list_fa6P9H"
    data-product-id="10461035462922"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10461035462922-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-14" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="52792366760202"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//talvel.de/cdn/shop/files/SteckerEulebraun.jpg?v=1774887086&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          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>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Hinzufügen</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <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">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            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>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Auswählen
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="10461035462922" /><input type="hidden" name="section-id" value="template--27482515308810__product_list_fa6P9H" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Stecker Eule braun</h3>
  
</div>







  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/stecker-rabe-copy?variant=52792366760202"
  >
    






  <div class=" spacing-style text-block text-block--AM1BvU0NTSzdaMk1iW__product_title_YXxMTj-14 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p>Stecker Eule braun</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AYkpiWUZJOVBBU1p0e__price_JQzVV4-14"
  data-product-id="10461035462922"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">€11,85</span>
    

    
  
</div>

  
</product-price>








  </div>
</product-card>






            
          </div>

          
            
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-15; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="10456026022154"
  id="product-card-AOVIwTHFjSmgyVlBhN__static-product-card-15"
  
  
  
>
  <a
    id="c56570ca55dd4be490f3a869510a39a0"
    
      href="/products/stecker-fliegenpilz?variant=52764496494858"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Stecker Fliegenpilz
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-15 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1.0;
  "
  data-product-id="10456026022154"
  
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/stecker-fliegenpilz?variant=52764496494858"
      aria-label="Stecker Fliegenpilz"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="1" disabled="true"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="49473126433034"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="49473126433034"
>
  
  <img src="//talvel.de/cdn/shop/files/SteckerFliegenpilz.jpg?v=1774362179&amp;width=3840" alt="Stecker Fliegenpilz" srcset="//talvel.de/cdn/shop/files/SteckerFliegenpilz.jpg?v=1774362179&amp;width=240 240w, //talvel.de/cdn/shop/files/SteckerFliegenpilz.jpg?v=1774362179&amp;width=352 352w, //talvel.de/cdn/shop/files/SteckerFliegenpilz.jpg?v=1774362179&amp;width=832 832w, //talvel.de/cdn/shop/files/SteckerFliegenpilz.jpg?v=1774362179&amp;width=1200 1200w, //talvel.de/cdn/shop/files/SteckerFliegenpilz.jpg?v=1774362179&amp;width=1600 1600w, //talvel.de/cdn/shop/files/SteckerFliegenpilz.jpg?v=1774362179&amp;width=1920 1920w, //talvel.de/cdn/shop/files/SteckerFliegenpilz.jpg?v=1774362179&amp;width=2560 2560w, //talvel.de/cdn/shop/files/SteckerFliegenpilz.jpg?v=1774362179&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//talvel.de/cdn/shop/files/SteckerFliegenpilz.jpg?v=1774362179&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Stecker Fliegenpilz"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--27482515308810__product_list_fa6P9H"
    data-product-id="10456026022154"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10456026022154-AazQ1UXRPKzE1ejdNa__product_card_gallery_677WP3-15" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="52764496494858"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//talvel.de/cdn/shop/files/SteckerFliegenpilz.jpg?v=1774362179&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          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>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Hinzufügen</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <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">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            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>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Auswählen
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="10456026022154" /><input type="hidden" name="section-id" value="template--27482515308810__product_list_fa6P9H" /></form></product-form-component>
</quick-add-component>



    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Stecker Fliegenpilz</h3>
  
</div>







  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/stecker-fliegenpilz?variant=52764496494858"
  >
    






  <div class=" spacing-style text-block text-block--AM1BvU0NTSzdaMk1iW__product_title_YXxMTj-15 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p>Stecker Fliegenpilz</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AYkpiWUZJOVBBU1p0e__price_JQzVV4-15"
  data-product-id="10456026022154"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    

    
      <span class="price">€9,75</span>
    

    
  
</div>

  
</product-price>








  </div>
</product-card>






            
          </div>
</slideshow-slide>

  

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



</div>


    
</div>





  <div
    class="section-resource-list__content"
    style="--horizontal-alignment: flex-start;"
  ></div>
</div>


</div><div id="shopify-section-template--27482515308810__collection_list_NrfkLm" class="shopify-section ui-test-collection-list">



<div class="section-background color-scheme-1"></div>

<div
  class="
    section
    section--page-width
    color-scheme-1
    section-resource-list
    spacing-style
    gap-style
  "
  style="
    --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
    --gap: 12px;
  "
  data-testid="collection-list"
>
  <div class="section-resource-list__content">


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--AUzJIZnBSOFh5anQ1M__text_xiV9k9 h4      "  style="    --padding-block-start: 0px; --padding-block-end:16px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>Kollektionen</h3>
  </div>







</div>
</div>





</div>

  

  

  

  

<div
  class="
    resource-list
    
    
      hidden--mobile
    
    resource-list--grid
  "
  style="--resource-list-column-gap-desktop: 13px;--resource-list-row-gap-desktop: 13px;--resource-list-columns: repeat(5, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--column-count-mobile: 2;"
  
    data-testid="collections-list-grid"
  
>
  
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    collection-card--image-bg
    
    
    
  "
  data-block-id="ANU1yc2tlaGRKM1Rkb__static-collection-card"
  
  style="
    --border-width: 3px; --border-style: solid; --border-color:
rgb(var(--color-border-rgb) / 0.13); --border-radius:
24px;  overflow: hidden; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 15px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/stecker-fur-den-fruhling"
    
  >
    <span class="visually-hidden">Stecker für den Frühling</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="ANU1yc2tlaGRKM1Rkb__static-collection-card"] {
      --ratio: 1 / 1;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//talvel.de/cdn/shop/collections/Kollkektion_Stecker_Titel_e3afa8bd-95f5-48c9-b8d4-18e08958d082.jpg?v=1774961981&amp;width=3840" alt="Stecker für den Frühling" srcset="//talvel.de/cdn/shop/collections/Kollkektion_Stecker_Titel_e3afa8bd-95f5-48c9-b8d4-18e08958d082.jpg?v=1774961981&amp;width=240 240w, //talvel.de/cdn/shop/collections/Kollkektion_Stecker_Titel_e3afa8bd-95f5-48c9-b8d4-18e08958d082.jpg?v=1774961981&amp;width=352 352w, //talvel.de/cdn/shop/collections/Kollkektion_Stecker_Titel_e3afa8bd-95f5-48c9-b8d4-18e08958d082.jpg?v=1774961981&amp;width=832 832w, //talvel.de/cdn/shop/collections/Kollkektion_Stecker_Titel_e3afa8bd-95f5-48c9-b8d4-18e08958d082.jpg?v=1774961981&amp;width=1200 1200w, //talvel.de/cdn/shop/collections/Kollkektion_Stecker_Titel_e3afa8bd-95f5-48c9-b8d4-18e08958d082.jpg?v=1774961981&amp;width=1600 1600w, //talvel.de/cdn/shop/collections/Kollkektion_Stecker_Titel_e3afa8bd-95f5-48c9-b8d4-18e08958d082.jpg?v=1774961981&amp;width=1920 1920w, //talvel.de/cdn/shop/collections/Kollkektion_Stecker_Titel_e3afa8bd-95f5-48c9-b8d4-18e08958d082.jpg?v=1774961981&amp;width=2560 2560w, //talvel.de/cdn/shop/collections/Kollkektion_Stecker_Titel_e3afa8bd-95f5-48c9-b8d4-18e08958d082.jpg?v=1774961981&amp;width=3840 3840w" width="3840" height="4036" loading="eager" class="image-block__image" sizes="(min-width: 750px) 20vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AQmE5YnkwL2RXc0xuQ__collection_title_BgRerr custom     custom-typography  custom-font-size  custom-color  text-block--background   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);              --text-background-color: #7bcb50;      --text-corner-radius: 0px;      --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg))));      ">
    <p>Stecker für den Frühling</p>
  </div>









    </div>
  </div>
</div>






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    collection-card--image-bg
    
    
    
  "
  data-block-id="ANU1yc2tlaGRKM1Rkb__static-collection-card-1"
  
  style="
    --border-width: 3px; --border-style: solid; --border-color:
rgb(var(--color-border-rgb) / 0.13); --border-radius:
24px;  overflow: hidden; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 15px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/grundplatten-und-zubehor"
    
  >
    <span class="visually-hidden">Grundplatten und Zubehör</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="ANU1yc2tlaGRKM1Rkb__static-collection-card-1"] {
      --ratio: 1 / 1;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//talvel.de/cdn/shop/collections/Zubehor.jpg?v=1773930409&amp;width=3840" alt="Grundplatten und Zubehör" srcset="//talvel.de/cdn/shop/collections/Zubehor.jpg?v=1773930409&amp;width=240 240w, //talvel.de/cdn/shop/collections/Zubehor.jpg?v=1773930409&amp;width=352 352w, //talvel.de/cdn/shop/collections/Zubehor.jpg?v=1773930409&amp;width=832 832w, //talvel.de/cdn/shop/collections/Zubehor.jpg?v=1773930409&amp;width=1200 1200w, //talvel.de/cdn/shop/collections/Zubehor.jpg?v=1773930409&amp;width=1600 1600w, //talvel.de/cdn/shop/collections/Zubehor.jpg?v=1773930409&amp;width=1920 1920w, //talvel.de/cdn/shop/collections/Zubehor.jpg?v=1773930409&amp;width=2560 2560w, //talvel.de/cdn/shop/collections/Zubehor.jpg?v=1773930409&amp;width=3840 3840w" width="3840" height="2880" loading="eager" class="image-block__image" sizes="(min-width: 750px) 20vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AQmE5YnkwL2RXc0xuQ__collection_title_BgRerr-1 custom     custom-typography  custom-font-size  custom-color  text-block--background   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);              --text-background-color: #7bcb50;      --text-corner-radius: 0px;      --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg))));      ">
    <p>Grundplatten und Zubehör</p>
  </div>









    </div>
  </div>
</div>






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    collection-card--image-bg
    
    
    
  "
  data-block-id="ANU1yc2tlaGRKM1Rkb__static-collection-card-2"
  
  style="
    --border-width: 3px; --border-style: solid; --border-color:
rgb(var(--color-border-rgb) / 0.13); --border-radius:
24px;  overflow: hidden; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 15px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/stecker-fur-sommer-herbst"
    
  >
    <span class="visually-hidden">Stecker für Sommer & Herbst</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="ANU1yc2tlaGRKM1Rkb__static-collection-card-2"] {
      --ratio: 1 / 1;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//talvel.de/cdn/shop/collections/Kollekion_Sommer.jpg?v=1774363601&amp;width=3840" alt="Stecker für Sommer &amp; Herbst" srcset="//talvel.de/cdn/shop/collections/Kollekion_Sommer.jpg?v=1774363601&amp;width=240 240w, //talvel.de/cdn/shop/collections/Kollekion_Sommer.jpg?v=1774363601&amp;width=352 352w, //talvel.de/cdn/shop/collections/Kollekion_Sommer.jpg?v=1774363601&amp;width=832 832w, //talvel.de/cdn/shop/collections/Kollekion_Sommer.jpg?v=1774363601&amp;width=1200 1200w, //talvel.de/cdn/shop/collections/Kollekion_Sommer.jpg?v=1774363601&amp;width=1600 1600w, //talvel.de/cdn/shop/collections/Kollekion_Sommer.jpg?v=1774363601&amp;width=1920 1920w, //talvel.de/cdn/shop/collections/Kollekion_Sommer.jpg?v=1774363601&amp;width=2560 2560w, //talvel.de/cdn/shop/collections/Kollekion_Sommer.jpg?v=1774363601&amp;width=3840 3840w" width="3840" height="2681" loading="eager" class="image-block__image" sizes="(min-width: 750px) 20vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AQmE5YnkwL2RXc0xuQ__collection_title_BgRerr-2 custom     custom-typography  custom-font-size  custom-color  text-block--background   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);              --text-background-color: #7bcb50;      --text-corner-radius: 0px;      --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg))));      ">
    <p>Stecker für Sommer & Herbst</p>
  </div>









    </div>
  </div>
</div>






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    collection-card--image-bg
    
    
    
  "
  data-block-id="ANU1yc2tlaGRKM1Rkb__static-collection-card-3"
  
  style="
    --border-width: 3px; --border-style: solid; --border-color:
rgb(var(--color-border-rgb) / 0.13); --border-radius:
24px;  overflow: hidden; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 15px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/maritimes"
    
  >
    <span class="visually-hidden">Maritimes</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="ANU1yc2tlaGRKM1Rkb__static-collection-card-3"] {
      --ratio: 1 / 1;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//talvel.de/cdn/shop/collections/Kollekion_Maritimes.jpg?v=1774706837&amp;width=3840" alt="Maritimes" srcset="//talvel.de/cdn/shop/collections/Kollekion_Maritimes.jpg?v=1774706837&amp;width=240 240w, //talvel.de/cdn/shop/collections/Kollekion_Maritimes.jpg?v=1774706837&amp;width=352 352w, //talvel.de/cdn/shop/collections/Kollekion_Maritimes.jpg?v=1774706837&amp;width=832 832w, //talvel.de/cdn/shop/collections/Kollekion_Maritimes.jpg?v=1774706837&amp;width=1200 1200w, //talvel.de/cdn/shop/collections/Kollekion_Maritimes.jpg?v=1774706837&amp;width=1600 1600w, //talvel.de/cdn/shop/collections/Kollekion_Maritimes.jpg?v=1774706837&amp;width=1920 1920w, //talvel.de/cdn/shop/collections/Kollekion_Maritimes.jpg?v=1774706837&amp;width=2560 2560w, //talvel.de/cdn/shop/collections/Kollekion_Maritimes.jpg?v=1774706837&amp;width=3840 3840w" width="3840" height="3791" loading="eager" class="image-block__image" sizes="(min-width: 750px) 20vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AQmE5YnkwL2RXc0xuQ__collection_title_BgRerr-3 custom     custom-typography  custom-font-size  custom-color  text-block--background   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);              --text-background-color: #7bcb50;      --text-corner-radius: 0px;      --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg))));      ">
    <p>Maritimes</p>
  </div>









    </div>
  </div>
</div>






      </div>
      
    
  

    
</div>



  

  <div
    class="
      resource-list
      hidden--desktop
      resource-list__carousel
      force-full-width
    "
    style="
      --resource-list-column-gap-desktop: 13px;
      --column-count: 5;
      --column-count-mobile: 1;
      --mobile-card-size: 60cqw;
    "
  >
    
    



<div
  class="resource-list__carousel"
  style="--gutter-slide-width: var(--util-page-margin-offset); --slide-width-max: 450px;"
>
  <slideshow-component
  
    ref="collectionListMobile"
  
  
    class="resource-list__carousel"
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  

  
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Vorherige Folie"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><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)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Nächste Folie"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><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)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>

    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
        gutters="start end"
      
    >
      
  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    collection-card--image-bg
    
    
    
  "
  data-block-id="ANU1yc2tlaGRKM1Rkb__static-collection-card"
  
  style="
    --border-width: 3px; --border-style: solid; --border-color:
rgb(var(--color-border-rgb) / 0.13); --border-radius:
24px;  overflow: hidden; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 15px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/stecker-fur-den-fruhling"
    
  >
    <span class="visually-hidden">Stecker für den Frühling</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="ANU1yc2tlaGRKM1Rkb__static-collection-card"] {
      --ratio: 1 / 1;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//talvel.de/cdn/shop/collections/Kollkektion_Stecker_Titel_e3afa8bd-95f5-48c9-b8d4-18e08958d082.jpg?v=1774961981&amp;width=3840" alt="Stecker für den Frühling" srcset="//talvel.de/cdn/shop/collections/Kollkektion_Stecker_Titel_e3afa8bd-95f5-48c9-b8d4-18e08958d082.jpg?v=1774961981&amp;width=240 240w, //talvel.de/cdn/shop/collections/Kollkektion_Stecker_Titel_e3afa8bd-95f5-48c9-b8d4-18e08958d082.jpg?v=1774961981&amp;width=352 352w, //talvel.de/cdn/shop/collections/Kollkektion_Stecker_Titel_e3afa8bd-95f5-48c9-b8d4-18e08958d082.jpg?v=1774961981&amp;width=832 832w, //talvel.de/cdn/shop/collections/Kollkektion_Stecker_Titel_e3afa8bd-95f5-48c9-b8d4-18e08958d082.jpg?v=1774961981&amp;width=1200 1200w, //talvel.de/cdn/shop/collections/Kollkektion_Stecker_Titel_e3afa8bd-95f5-48c9-b8d4-18e08958d082.jpg?v=1774961981&amp;width=1600 1600w, //talvel.de/cdn/shop/collections/Kollkektion_Stecker_Titel_e3afa8bd-95f5-48c9-b8d4-18e08958d082.jpg?v=1774961981&amp;width=1920 1920w, //talvel.de/cdn/shop/collections/Kollkektion_Stecker_Titel_e3afa8bd-95f5-48c9-b8d4-18e08958d082.jpg?v=1774961981&amp;width=2560 2560w, //talvel.de/cdn/shop/collections/Kollkektion_Stecker_Titel_e3afa8bd-95f5-48c9-b8d4-18e08958d082.jpg?v=1774961981&amp;width=3840 3840w" width="3840" height="4036" loading="eager" class="image-block__image" sizes="(min-width: 750px) 20vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AQmE5YnkwL2RXc0xuQ__collection_title_BgRerr custom     custom-typography  custom-font-size  custom-color  text-block--background   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);              --text-background-color: #7bcb50;      --text-corner-radius: 0px;      --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg))));      ">
    <p>Stecker für den Frühling</p>
  </div>









    </div>
  </div>
</div>






      </div>
      
        
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    collection-card--image-bg
    
    
    
  "
  data-block-id="ANU1yc2tlaGRKM1Rkb__static-collection-card-1"
  
  style="
    --border-width: 3px; --border-style: solid; --border-color:
rgb(var(--color-border-rgb) / 0.13); --border-radius:
24px;  overflow: hidden; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 15px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/grundplatten-und-zubehor"
    
  >
    <span class="visually-hidden">Grundplatten und Zubehör</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="ANU1yc2tlaGRKM1Rkb__static-collection-card-1"] {
      --ratio: 1 / 1;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//talvel.de/cdn/shop/collections/Zubehor.jpg?v=1773930409&amp;width=3840" alt="Grundplatten und Zubehör" srcset="//talvel.de/cdn/shop/collections/Zubehor.jpg?v=1773930409&amp;width=240 240w, //talvel.de/cdn/shop/collections/Zubehor.jpg?v=1773930409&amp;width=352 352w, //talvel.de/cdn/shop/collections/Zubehor.jpg?v=1773930409&amp;width=832 832w, //talvel.de/cdn/shop/collections/Zubehor.jpg?v=1773930409&amp;width=1200 1200w, //talvel.de/cdn/shop/collections/Zubehor.jpg?v=1773930409&amp;width=1600 1600w, //talvel.de/cdn/shop/collections/Zubehor.jpg?v=1773930409&amp;width=1920 1920w, //talvel.de/cdn/shop/collections/Zubehor.jpg?v=1773930409&amp;width=2560 2560w, //talvel.de/cdn/shop/collections/Zubehor.jpg?v=1773930409&amp;width=3840 3840w" width="3840" height="2880" loading="eager" class="image-block__image" sizes="(min-width: 750px) 20vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AQmE5YnkwL2RXc0xuQ__collection_title_BgRerr-1 custom     custom-typography  custom-font-size  custom-color  text-block--background   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);              --text-background-color: #7bcb50;      --text-corner-radius: 0px;      --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg))));      ">
    <p>Grundplatten und Zubehör</p>
  </div>









    </div>
  </div>
</div>






      </div>
      
        
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    collection-card--image-bg
    
    
    
  "
  data-block-id="ANU1yc2tlaGRKM1Rkb__static-collection-card-2"
  
  style="
    --border-width: 3px; --border-style: solid; --border-color:
rgb(var(--color-border-rgb) / 0.13); --border-radius:
24px;  overflow: hidden; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 15px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/stecker-fur-sommer-herbst"
    
  >
    <span class="visually-hidden">Stecker für Sommer & Herbst</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="ANU1yc2tlaGRKM1Rkb__static-collection-card-2"] {
      --ratio: 1 / 1;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//talvel.de/cdn/shop/collections/Kollekion_Sommer.jpg?v=1774363601&amp;width=3840" alt="Stecker für Sommer &amp; Herbst" srcset="//talvel.de/cdn/shop/collections/Kollekion_Sommer.jpg?v=1774363601&amp;width=240 240w, //talvel.de/cdn/shop/collections/Kollekion_Sommer.jpg?v=1774363601&amp;width=352 352w, //talvel.de/cdn/shop/collections/Kollekion_Sommer.jpg?v=1774363601&amp;width=832 832w, //talvel.de/cdn/shop/collections/Kollekion_Sommer.jpg?v=1774363601&amp;width=1200 1200w, //talvel.de/cdn/shop/collections/Kollekion_Sommer.jpg?v=1774363601&amp;width=1600 1600w, //talvel.de/cdn/shop/collections/Kollekion_Sommer.jpg?v=1774363601&amp;width=1920 1920w, //talvel.de/cdn/shop/collections/Kollekion_Sommer.jpg?v=1774363601&amp;width=2560 2560w, //talvel.de/cdn/shop/collections/Kollekion_Sommer.jpg?v=1774363601&amp;width=3840 3840w" width="3840" height="2681" loading="eager" class="image-block__image" sizes="(min-width: 750px) 20vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AQmE5YnkwL2RXc0xuQ__collection_title_BgRerr-2 custom     custom-typography  custom-font-size  custom-color  text-block--background   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);              --text-background-color: #7bcb50;      --text-corner-radius: 0px;      --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg))));      ">
    <p>Stecker für Sommer & Herbst</p>
  </div>









    </div>
  </div>
</div>






      </div>
      
        
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    collection-card--image-bg
    
    
    
  "
  data-block-id="ANU1yc2tlaGRKM1Rkb__static-collection-card-3"
  
  style="
    --border-width: 3px; --border-style: solid; --border-color:
rgb(var(--color-border-rgb) / 0.13); --border-radius:
24px;  overflow: hidden; 

    --horizontal-alignment: flex-start;
    --vertical-alignment: flex-start;
    --background-overlay-color: ;
    --gap: 15px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/maritimes"
    
  >
    <span class="visually-hidden">Maritimes</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="ANU1yc2tlaGRKM1Rkb__static-collection-card-3"] {
      --ratio: 1 / 1;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  ><img src="//talvel.de/cdn/shop/collections/Kollekion_Maritimes.jpg?v=1774706837&amp;width=3840" alt="Maritimes" srcset="//talvel.de/cdn/shop/collections/Kollekion_Maritimes.jpg?v=1774706837&amp;width=240 240w, //talvel.de/cdn/shop/collections/Kollekion_Maritimes.jpg?v=1774706837&amp;width=352 352w, //talvel.de/cdn/shop/collections/Kollekion_Maritimes.jpg?v=1774706837&amp;width=832 832w, //talvel.de/cdn/shop/collections/Kollekion_Maritimes.jpg?v=1774706837&amp;width=1200 1200w, //talvel.de/cdn/shop/collections/Kollekion_Maritimes.jpg?v=1774706837&amp;width=1600 1600w, //talvel.de/cdn/shop/collections/Kollekion_Maritimes.jpg?v=1774706837&amp;width=1920 1920w, //talvel.de/cdn/shop/collections/Kollekion_Maritimes.jpg?v=1774706837&amp;width=2560 2560w, //talvel.de/cdn/shop/collections/Kollekion_Maritimes.jpg?v=1774706837&amp;width=3840 3840w" width="3840" height="3791" loading="eager" class="image-block__image" sizes="(min-width: 750px) 20vw, 100vw">
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AQmE5YnkwL2RXc0xuQ__collection_title_BgRerr-3 custom     custom-typography  custom-font-size  custom-color  text-block--background   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);              --text-background-color: #7bcb50;      --text-corner-radius: 0px;      --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg))));      ">
    <p>Maritimes</p>
  </div>









    </div>
  </div>
</div>






      </div>
</slideshow-slide>

  

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



</div>

  </div>


</div>


</div>
    </main>

    <footer>
      <!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--27482515734794__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper">

<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
>
  
  <div
    class="
      footer-content
      spacing-style
      
      
    "
    style="
      --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px));
      --footer-gap: 20px;
      --grid-columns: 4;
      --last-row-count: 4;
      --tablet-last-row-count: 2;
    "
  >
    


<a
  
    href="/pages/gechaftsbedingungen"
  
  class="
    size-style
    link
    link--AVGFqRlZzaFZQSWtUa__button_pnLWrC
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"target="_blank"
    rel="noopener noreferrer"
>
  Geschäftsbedingungen
</a>








<a
  
    href="/pages/impressum"
  
  class="
    size-style
    link
    link--AQTUzUThzWnJORkRHM__button_69XTkq
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Impressum
</a>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 6px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--AL1JOemN0NjJ0ZGFoc__text_LWt8Pz h4    text-block--align-left  "  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;          ">
    <h2>Trage deine Email Adresse ein</h2>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--ASHUwcVgvUFphSXlVR__text_f9CFLH 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;          ">
    <p>Wir halten dich auf dem Laufenden.</p>
  </rte-formatter>







</div>
</div>








<div
  class="email-signup-block size-style spacing-style"
  style="--size-style-width: 100%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
  
>
  
  
<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
    <input
      name="contact[id]"
      type="hidden"
      value="EmailSignup-ARENIK25ZRkR4YlgwZ__email_signup_crihX7"
    >

    <div
      class="email-signup__input-group email-signup__input-group--integrated   email-signup__input-group--arrow "
      style="--border-width: 1px; --border-radius: 100px;"
    >
      <label
        for="EmailInput-ARENIK25ZRkR4YlgwZ__email_signup_crihX7"
        class="visually-hidden"
      >
        E-Mail
      </label>
      <input
        id="EmailInput-ARENIK25ZRkR4YlgwZ__email_signup_crihX7"
        class="email-signup__input email-signup__input--all paragraph "
        type="email"
        name="contact[email]"
        autocorrect="off"
        autocapitalize="off"
        autocomplete="email"
        placeholder="E-Mail-Adresse"
        required
        
      >
      <button
        class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--ARENIK25ZRkR4YlgwZ__email_signup_crihX7 "
        
          aria-label="Registrieren"
        
      >
        
          <svg
            viewBox="0 0 20 20"
            xmlns="http://www.w3.org/2000/svg"
            focusable="false"
            aria-hidden="true"
            class="email-signup__button-icon"
          >
            
<path
      clip-rule="evenodd"
      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"
      fill="currentColor"
      fill-rule="evenodd"
    />
          </svg>
        
      </button>
    </div></form>
</div>





  </div>
</div>




</div><div id="shopify-section-sections--27482515734794__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities">

<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  
>
  <div
    class="utilities utilities--blocks-3 spacing-style"
    style="--padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --border-width: 0px; --gap: 24px;"
    data-testid="footer-utilities"
  >
    

<div
  class="
    footer-utilities__group-copyright
    custom-typography
    custom-font-size
  "
  style="
--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
  
>
  <span class="footer-utilities__text">
    &copy; 2026
    <a href="/" title="">TALVEL</a>, Powered by Shopify
</span>
</div>




  <anchored-popover-component
    data-hover-triggered="true"
  >
    <button
      class="policy-list-trigger button-unstyled"
      popovertarget="terms-policies-popover"
      popovertargetaction="toggle"
      ref="trigger"
      style="
--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
      
    >
      Geschäftsbedingungen und Richtlinien
    </button>
    <div
      class="terms-policies-popover color-scheme-1"
      id="terms-policies-popover"
      popover="auto"
      ref="popover"
    >
      <ul
        class="
          policy_list list-unstyled
          custom-typography
          custom-font-size
        "
      ><li>
              <a
                href="/policies/privacy-policy"
                class="footer-utilities__text"
              >Datenschutzerklärung</a>
            </li><li>
              <a
                href="/policies/contact-information"
                class="footer-utilities__text"
              >Kontaktinformationen</a>
            </li><li>
              <a
                href="/policies/refund-policy"
                class="footer-utilities__text"
              >Widerrufsrecht</a>
            </li><li>
              <a
                href="/policies/terms-of-service"
                class="footer-utilities__text"
              >AGB</a>
            </li></ul>
    </div>
  </anchored-popover-component>







<div
  class="social-icons__wrapper"
  
>
  

  
    

    
    
      
    
  
    

    
    
      
    
  
    

    
    
      
    
  
    

    
    
      
    
  
    

    
    
      
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
</div>





  </div>
</div>




</div>
<!-- END sections: footer-group -->
    </footer>

    <script
  src="//talvel.de/cdn/shop/t/1/assets/dialog.js?v=150888536568694194021773834400"
  type="module"
></script>

<script
  src="//talvel.de/cdn/shop/t/1/assets/predictive-search.js?v=149240552485540508541773834400"
  type="module"
  fetchpriority="low"
></script>

<dialog-component
  id="search-modal"
  class="search-modal"
  
>
  <dialog
    ref="dialog"
    on:click="/closeDialogOnClickOutside"
    on:keydown="/closeDialogOnEscapePress"
    class="search-modal__content dialog-modal"
    scroll-lock
    aria-labelledby="search-modal-heading"
  >
    <h2
      id="search-modal-heading"
      class="visually-hidden"
    >
      Suche
    </h2>
    <predictive-search-component
      class="predictive-search color-scheme-1"
      style="--product-corner-radius: 0px; --card-corner-radius: 4px;"
      data-section-id="predictive-search"
      data-testid="search-component--modal"
      role="search"
      aria-label="Suchen"
    >
      <form
        action="/search"
        method="get"
        role="search"
        class="predictive-search-form"
        ref="form"
        on:keydown="/onSearchKeyDown"
      >
        <div
          class="predictive-search-form__header"
        >
          <div class="predictive-search-form__header-inner">
            <label
              for="cmdk-input"
              class="visually-hidden"
            >Suchen</label>
            <input
              class="search-input"
              id="cmdk-input"
              type="search"
              name="q"
              role="combobox"
              aria-expanded="false"
              aria-owns="predictive-search-results"
              aria-controls="predictive-search-results"
              aria-haspopup="listbox"
              aria-autocomplete="list"
              autocomplete="off"
              placeholder="Suchen"
              ref="searchInput"
              on:input="/search"
              on:keydown="/onSearchKeyDown"
            >
            <input
              name="options[prefix]"
              type="hidden"
              value="last"
            >
            <span class="svg-wrapper predictive-search__icon">
              <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>

            </span>
            <button
              type="button"
              class="button-unstyled predictive-search__reset-button"
              ref="resetButton"
              hidden
              on:click="/resetSearch"
            >
              Löschen
            </button>
          </div>
          <button
            type="button"
            class="button predictive-search__close-modal-button"
            aria-label="Dialogfeld schließen"
            on:click="dialog-component/closeDialog"
            ref="closeModalButton"
          >
            <span class="svg-wrapper">
              <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

            </span>
          </button>
        </div>

        <div class="predictive-search-form__content-wrapper">
          <div
            class="predictive-search-form__content"
            tabindex="-1"
            ref="predictiveSearchResults"
            on:click="/handleModalClick"
          >
            

<div
  id="predictive-search-results"
  class="predictive-search-dropdown"
  role="listbox"
  aria-expanded="true"
  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
  
    <div class="predictive-search-results__inner">
      
      
        
        
        
          <div
  id="predictive-search-products"
  class="predictive-search-results__products"
  
    data-testid="products-list-default--modal"
  
>
  
    <h4 class="predictive-search-results__title">
      Produkte
    </h4>
    <ul
      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
      role="listbox"
      aria-label="Produkte"
    >
      
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/butterblume-weiss-gelb-copy"
  >
    <span class="visually-hidden">
      Butterblume blau weiß
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
  >
      
      

        <img src="//talvel.de/cdn/shop/files/Butterblumeblauweiss.jpg?v=1774010806&amp;width=500" alt="" srcset="//talvel.de/cdn/shop/files/Butterblumeblauweiss.jpg?v=1774010806&amp;width=240 240w, //talvel.de/cdn/shop/files/Butterblumeblauweiss.jpg?v=1774010806&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">

          <img src="//talvel.de/cdn/shop/files/Butterblume_blau_weiss_von_hinten.jpg?v=1774010957&amp;width=500" alt="Butterblume blau weiß" srcset="//talvel.de/cdn/shop/files/Butterblume_blau_weiss_von_hinten.jpg?v=1774010957&amp;width=240 240w, //talvel.de/cdn/shop/files/Butterblume_blau_weiss_von_hinten.jpg?v=1774010957&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="49440706396426" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Butterblume blau weiß</p>

    
      <div ref="priceContainer">
  
    
    

    
      <span class="price">€8,85</span>
    

    
  
</div>
    
  </div>
</div>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/butterblume-blau-weiss-copy"
  >
    <span class="visually-hidden">
      Butterblume gelb weiß
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
  >
      
      

        <img src="//talvel.de/cdn/shop/files/Butterblumegelbweiss.jpg?v=1774011363&amp;width=500" alt="" srcset="//talvel.de/cdn/shop/files/Butterblumegelbweiss.jpg?v=1774011363&amp;width=240 240w, //talvel.de/cdn/shop/files/Butterblumegelbweiss.jpg?v=1774011363&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Butterblume gelb weiß</p>

    
      <div ref="priceContainer">
  
    
    

    
      <span class="price">€8,85</span>
    

    
  
</div>
    
  </div>
</div>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/butterblume-blau-weiss-copy-1"
  >
    <span class="visually-hidden">
      Butterblume rot weiß
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
  >
      
      

        <img src="//talvel.de/cdn/shop/files/Butterblumeblaurotweiss.jpg?v=1774012221&amp;width=500" alt="" srcset="//talvel.de/cdn/shop/files/Butterblumeblaurotweiss.jpg?v=1774012221&amp;width=240 240w, //talvel.de/cdn/shop/files/Butterblumeblaurotweiss.jpg?v=1774012221&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Butterblume rot weiß</p>

    
      <div ref="priceContainer">
  
    
    

    
      <span class="price">€8,85</span>
    

    
  
</div>
    
  </div>
</div>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/butterblume-weiss-gelb"
  >
    <span class="visually-hidden">
      Butterblume weiß gelb
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
  >
      
      

        <img src="//talvel.de/cdn/shop/files/Butterblumeblauweissgelb.jpg?v=1774008115&amp;width=500" alt="" srcset="//talvel.de/cdn/shop/files/Butterblumeblauweissgelb.jpg?v=1774008115&amp;width=240 240w, //talvel.de/cdn/shop/files/Butterblumeblauweissgelb.jpg?v=1774008115&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">

          <img src="//talvel.de/cdn/shop/files/Butterblume_weiss_gelb_auf_Tropfen.jpg?v=1774008368&amp;width=500" alt="Butterblume weiß gelb" srcset="//talvel.de/cdn/shop/files/Butterblume_weiss_gelb_auf_Tropfen.jpg?v=1774008368&amp;width=240 240w, //talvel.de/cdn/shop/files/Butterblume_weiss_gelb_auf_Tropfen.jpg?v=1774008368&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="49440303382794" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Butterblume weiß gelb</p>

    
      <div ref="priceContainer">
  
    
    

    
      <span class="price">€8,85</span>
    

    
  
</div>
    
  </div>
</div>

        </li>
      
    </ul>
  
</div>



        
      
    </div>
  
</div>

          </div>

          <div class="predictive-search-form__footer">
            <button
              class="button predictive-search__search-button"
              ref="viewAllButton"
            >
              Alle anzeigen
            </button>
          </div>
        </div>
      </form>
    </predictive-search-component>
  </dialog>
</dialog-component>




    
      <quick-add-dialog id="quick-add-dialog">
  <dialog
    class="quick-add-modal dialog-modal color-scheme-1"
    ref="dialog"
    scroll-lock
  >
    <button
      ref="closeButton"
      on:click="/closeDialog"
      class="button button-unstyled close-button quick-add-modal__close"
      aria-label="Dialogfeld schließen"
    ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>

    <div
      id="quick-add-modal-content"
      class="quick-add-modal__content"
    ></div>
  </dialog>
</quick-add-dialog>



    
  <script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
