PageSourceSearch

https://www.extantia.com/stories/not-the-product

html extantia.com collected 2026-09-25 18:38:29 UTC 55,775 bytes, 715 lines download raw bytes

1<!DOCTYPE html><!-- Last Published: Thu Mar 26 2026 12:13:29 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="www.extantia.com" data-wf-page="674895386ac71c83935cd8c8" data-wf-site="672f66b023ca1f0c1a90667f" lang="en" data-wf-collection="674895386ac71c83935cd87f" data-wf-item-slug="not-the-product"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>The One Thing Climate Tech Founders Get Wrong: It’s Not the Product! | Extantia Capital</title><meta content="Founders need to be thinking about the market and its needs from Day 1, building a plan that will allow them to enter the market while prioritising customers whose needs align most with their capabilities and their story. The product needs to conform to the needs of the market and customers, not the other way around. By taking this into consideration from the very beginning, founders can actually design their product around the needs of their customers, ensuring a place for their product even in a crowded market." name="description"/><meta content="The One Thing Climate Tech Founders Get Wrong: It’s Not the Product! | Extantia Capital" property="og:title"/><meta content="Founders need to be thinking about the market and its needs from Day 1, building a plan that will allow them to enter the market while prioritising customers whose needs align most with their capabilities and their story. The product needs to conform to the needs of the market and customers, not the other way around. By taking this into consideration from the very beginning, founders can actually design their product around the needs of their customers, ensuring a place for their product even in a crowded market." property="og:description"/><meta content="https://cdn.prod.website-files.com/673a1cd5f6987d012bf30c68/6752faef777fd9f7f0fb2c35_not%20the%20product.avif" property="og:image"/><meta content="The One Thing Climate Tech Founders Get Wrong: It’s Not the Product! | Extantia Capital" name="twitter:title"/><meta content="Founders need to be thinking about the market and its needs from Day 1, building a plan that will allow them to enter the market while prioritising customers whose needs align most with their capabilities and their story. The product needs to conform to the needs of the market and customers, not the other way around. By taking this into consideration from the very beginning, founders can actually design their product around the needs of their customers, ensuring a place for their product even in a crowded market." name="twitter:description"/><meta content="https://cdn.prod.website-files.com/673a1cd5f6987d012bf30c68/6752faef777fd9f7f0fb2c35_not%20the%20product.avif" name="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/672f66b023ca1f0c1a90667f/css/extantia-staging.webflow.shared.3d18a55c8.min.css" rel="stylesheet" type="text/css" integrity="sha384-PRilXIaP4elpx7uTN6NMzMIIVrW4QLrDlt6WbZ7XOELttiHxIPqMQUDh6il2sC6O" crossorigin="anonymous"/>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/672f66b023ca1f0c1a90667f/673b92bef80f8bf9e871938e_Favicon%20Extantia.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/672f66b023ca1f0c1a90667f/673b92c3114069554fe41ad2_webclip.png" rel="apple-touch-icon"/><link href="https://www.extantia.com/stories/not-the-product" rel="canonical"/><style>
2
3@view-transition {
4  navigation: auto;
5}
6
7/* Define keyframes */
8@keyframes move-out {
9  from {
10    opacity: 1;
11  }
12
13  to {
14    opacity: 0;
15  }
16}
17
18@keyframes move-in {
19  from {
20    opacity: 0;
21  }
22
23  to {
24    opacity: 1;
25  }
26}
27
28::view-transition-old(root) {
29  animation: 0.8s ease both move-out;
30}
31
32::view-transition-new(root) {
33  animation: 0.8s ease both move-in;
34}
35
36.svg_wrap svg[data-animate] path {
37  opacity: 0;
38}
39
40.nav_menu {
41    transition: none !important;
42}
43.nav_link_wrap {
44    transition: none !important;
45}
46
47</style>
48
49<script>
50document.addEventListener("DOMContentLoaded", function() {
51    var pathArray = window.location.pathname.split("/").filter(Boolean);
52    var breadcrumbItems = [];
53    var siteUrl = "https://www.extantia.com";
54    var breadcrumbJson = {
55        "@context": "https://schema.org",
56        "@type": "BreadcrumbList",
57        "itemListElement": []
58    };
59
60    breadcrumbItems.push({
61        "@type": "ListItem",
62        "position": 1,
63        "name": "Startseite",
64        "item": siteUrl
65    });
66
67    var currentPath = siteUrl;
68    for (var i = 0; i < pathArray.length; i++) {
69        currentPath += "/" + pathArray[i];
70        breadcrumbItems.push({
71            "@type": "ListItem",
72            "position": i + 2,
73            "name": pathArray[i].replace("-", " ").toUpperCase(),
74            "item": currentPath
75        });
76    }
77
78    breadcrumbJson.itemListElement = breadcrumbItems;
79    var scriptTag = document.createElement("script");
80    scriptTag.type = "application/ld+json";
81    scriptTag.innerHTML = JSON.stringify(breadcrumbJson);
82    document.head.appendChild(scriptTag);
83});
84</script>
84
85
86<!-- This script is managed by Finsweet Cookie Consent -->
vendor: 67 bytes, lines 86-87
86
87<script async="" src="https://www.googletagmanager.com/gtag/js?id=
87G-9XDF5YWXQH
vendor: 105 bytes, lines 87-88
87" fs-consent-categories="analytics" fs-consent-scripttype="text/javascript" type="fs-consent"></script>
88
89<script fs-consent-categories="analytics" fs-consent-scripttype="text/javascript" type="fs-consent"> 
vendor: 127 bytes, line 89
89window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
89G-9XDF5YWXQH
vendor: 4 bytes, line 89
89'); 
89</script>
89
90<!-- [Attributes by Finsweet] Table of Contents -->
91<script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-toc@1/toc.js"></script>
91
92<!-- [Attributes by Finsweet] Social Share -->
93<script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-socialshare@1/socialshare.js"></script>
vendor: 1 bytes, line 93
93
94<script type="application/ld+json">
95{
96  "@context": "https://schema.org",
97  "@type": "Article",
98  "headline": "It’s Not the Product!",
99  "author": {
100    "@type": "Person",
101    "name": "Yair Reem"
102  },
103  "publisher": {
104    "@type": "Organization",
105    "name": "Extantia",
106    "logo": {
107      "@type": "ImageObject",
108      "url": "https://cdn.prod.website-files.com/672f66b023ca1f0c1a90667f/673b92c3114069554fe41ad2_webclip.avif"
109    }
110  },
111  "datePublished": "Aug 14, 2025",
112  "dateModified": "Aug 14, 2025",
113  "mainEntityOfPage": {
114    "@type": "WebPage",
115    "@id": "https://www.extantia.com/stories/not-the-product"
116  },
117  "image": "https://cdn.prod.website-files.com/673a1cd5f6987d012bf30c68/6752faef777fd9f7f0fb2c35_not%20the%20product.avif",
118  "description": "Founders need to be thinking about the market and its needs from Day 1, building a plan that will allow them to enter the market while prioritising customers whose needs align most with their capabilities and their story. The product needs to conform to the needs of the market and customers, not the other way around. By taking this into consideration from the very beginning, founders can actually design their product around the needs of their customers, ensuring a place for their product even in a crowded market.",
119  "articleSection": "Product market fit",
120  "keywords": "The One Thing Climate Tech Founders Get Wrong: It’s Not the Product! | Extantia Capital"
121}
122</script>
vendor: 1 bytes, line 122
122
123<script src="https://cdn.prod.website-files.com/672f66b023ca1f0c1a90667f%2F6544eda5f000985a163a8687%2F67fe156925d3d8b230749029%2Ffinsweetcomponentsconfig-1.0.2.js" type="module" async="" siteId="672f66b023ca1f0c1a90667f" finsweet="components"></script>
123</head><body><div class="page-wrapper"><div id="achor-link" class="nav_wrap"><div class="nav_animation w-embed"><style>
124@media (min-width: 992px) {
125  .nav_dropdown_wrap {
126      height: 0rem;
127      overflow: hidden;
128      transition: height 0.3s cubic-bezier(.7, 0, .1, 1);
129  }
130
131  .nav_link:hover + .nav_dropdown_wrap {
132      height: 20.1875rem;
133      transition-delay: 0.15s; /* Verzögerung nur beim Hover-In */
134  }
135
136  .nav_dropdown_wrap:hover {
137      height: 20.1875rem;
138  }
139
140  .menu_link {
141    opacity: 0;
142    transform: translateY(-10px);
143  }
144
145  .menu_link_wrap .menu_link {
146    color: var(--base-color-neutral--off-white);
147  }
148
149  .menu_link_wrap .menu_link:hover {
150    color: var(--base-color-neutral--off-white);
151  }
152
153  .menu_link_wrap .menu_link:hover ~ .menu_link {
154    color: var(--base-color-neutral--grey_light);
155  }
156
157  .menu_link_wrap:hover .menu_link:not(:hover) {
158    color: var(--base-color-neutral--grey_light);
159  }
160
161  .menu_link_icon {
162    transition: transform 0.2s ease-in-out;
163  }
164
165  .menu_link:hover .menu_link_icon {
166    transform: scale(1.4);
167  }
168
169  .menu_icon_arrow {
170    position: absolute;
171    right: 32%;
172    transition: right 0.2s ease-in-out;
173  }
174
175  .menu_link:hover .menu_icon_arrow {
176    right: 20%;
177  }
178
179  .menu_link:active .menu_icon_arrow {
180    right: 0%;
181    transition: right 0.1s ease-in;
182  }
183}
184
185@media (min-width: 2100px) {
186  .nav_link:hover + .nav_dropdown_wrap {
187      height: 30rem; /* Höhe auf großen Bildschirmen */
188  }
189
190  .nav_dropdown_wrap:hover {
191      height: 30rem;
192  }
193}
194
195	.current_state {
196  		display: none;
197  }
198
199	.nav_link.w-inline-block.w--current .current_state {
200  		display: block;
201  }
202  
203</style></div><div data-w-id="1b25af3c-3e74-f702-fff1-69a9fc8594bb" data-animation="default" data-collapse="medium" data-duration="0" data-easing="ease" data-easing2="ease" role="banner" class="nav_contain w-nav"><div class="max-width-full w-container"><div class="nav_inner"><a href="/" class="logo_wrap w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/672f66b023ca1f0c1a90667f/672fb06ff32f43b8500bfe78_extantia_logo.svg" alt="" class="logo_img"/><img loading="lazy" src="https://cdn.prod.website-files.com/672f66b023ca1f0c1a90667f/673d0403f0fdc5a42fd1b3f7_Extantia%20Logo%20mobile.svg" alt="" class="logo_img_mobile"/><div class="logo_lottie" data-w-id="1b25af3c-3e74-f702-fff1-69a9fc8594c1" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/672f66b023ca1f0c1a90667f/6757cb0237558e6a1f7972f9_E%20logo%20B6.json" data-loop="0" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="6" data-loading="eager"></div><div class="logo_lottie_mobile" data-w-id="1b25af3c-3e74-f702-fff1-69a9fc8594c2" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/672f66b023ca1f0c1a90667f/6757cfdcb58e0f5f5988ef1d_E%20logo%20A10%20modified%203.json" data-loop="0" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="5.02" data-loading="eager"></div></a><a href="/stories" class="button is-back hide-desktop w-inline-block"><div>back</div><div class="button_icon_wrap"><div class="icon_circle"></div><div class="icon_arrow is-back w-embed"><svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
204<path d="M9.1582 4.59888L0.658203 4.59888V5.44276H9.1582V4.59888Z" fill="black"/>
205<path d="M5.33008 9.27075L5.33008 0.770752L4.4862 0.770752L4.4862 9.27075L5.33008 9.27075Z" fill="black"/>
206</svg></div></div></a><nav role="navigation" class="nav_menu is-pioneers w-nav-menu"><div class="nav_menu_left"><div class="nav_link_wrap is-first"><div class="nav_link is-mobile"><div>About</div><div class="current_state"></div><div class="member_open_toggle is-nav"><div class="member_icon is-white"><div class="item_toggle_inner"><div class="toggle_x_line is-white"></div><div class="toggle_x_line is-animated is-white"></div></div></div></div></div><a href="/about" class="nav_link w-inline-block"><div>About</div><div class="current_state"></div><div class="member_open_toggle is-nav"><div class="member_icon is-white"><div class="item_toggle_inner"><div class="toggle_x_line is-white"></div><div class="toggle_x_line is-animated is-white"></div></div></div></div></a><div class="nav_dropdown_wrap"><div class="nav_dropdown_inner"><div class="nav_menu_wrap"><div class="nav_menu_headline"><h2 class="text-size-medium">Industries re-engineered.<br/>For good.</h2></div><div class="menu_link_wrap"><a href="/about" class="menu_link w-inline-block"><div class="text-size-medium">Who we are</div><div class="menu_link_icon"><div class="menu_icon_arrow w-embed"><svg width="27" height="4" viewBox="0 0 27 4" fill="none" xmlns="http://www.w3.org/2000/svg">
207<path d="M20.8297 1.36719H0V2.63301H20.8297V1.36719Z" fill="currentColor"/>
208<path d="M19.5752 3.83859L26.4289 2.00315L19.5752 0.161377V3.83859Z" fill="currentColor"/>
209</svg></div><div class="menu_icon_circle"></div></div></a><a href="/about#mission" class="menu_link w-inline-block"><div class="text-size-medium">Mission</div><div class="menu_link_icon"><div class="menu_icon_arrow w-embed"><svg width="27" height="4" viewBox="0 0 27 4" fill="none" xmlns="http://www.w3.org/2000/svg">
210<path d="M20.8297 1.36719H0V2.63301H20.8297V1.36719Z" fill="currentColor"/>
211<path d="M19.5752 3.83859L26.4289 2.00315L19.5752 0.161377V3.83859Z" fill="currentColor"/>
212</svg></div><div class="menu_icon_circle"></div></div></a><a href="/about#journey" class="menu_link w-inline-block"><div class="text-size-medium">Journey</div><div class="menu_link_icon"><div class="menu_icon_arrow w-embed"><svg width="27" height="4" viewBox="0 0 27 4" fill="none" xmlns="http://www.w3.org/2000/svg">
213<path d="M20.8297 1.36719H0V2.63301H20.8297V1.36719Z" fill="currentColor"/>
214<path d="M19.5752 3.83859L26.4289 2.00315L19.5752 0.161377V3.83859Z" fill="currentColor"/>
215</svg></div><div class="menu_icon_circle"></div></div></a><a href="/about#team" class="menu_link w-inline-block"><div class="text-size-medium">Team</div><div class="menu_link_icon"><div class="menu_icon_arrow w-embed"><svg width="27" height="4" viewBox="0 0 27 4" fill="none" xmlns="http://www.w3.org/2000/svg">
216<path d="M20.8297 1.36719H0V2.63301H20.8297V1.36719Z" fill="currentColor"/>
217<path d="M19.5752 3.83859L26.4289 2.00315L19.5752 0.161377V3.83859Z" fill="currentColor"/>
218</svg></div><div class="menu_icon_circle"></div></div></a></div></div></div></div></div><div class="nav_link_wrap"><div class="nav_link is-mobile"><div>Strategy</div><div class="current_state"></div><div class="member_open_toggle is-nav"><div class="member_icon is-white"><div class="item_toggle_inner"><div class="toggle_x_line is-white"></div><div class="toggle_x_line is-animated is-white"></div></div></div></div></div><a href="/strategy" class="nav_link w-inline-block"><div>Strategy</div><div class="current_state"></div><div class="member_open_toggle is-nav"><div class="member_icon is-white"><div class="item_toggle_inner"><div class="toggle_x_line is-white"></div><div class="toggle_x_line is-animated is-white"></div></div></div></div></a><div class="nav_dropdown_wrap"><div class="nav_dropdown_inner"><div class="nav_menu_wrap"><div class="nav_menu_headline"><h2 class="text-size-medium">The future belongs<br/>to the brave.</h2></div><div class="menu_link_wrap"><a href="/strategy" class="menu_link w-inline-block"><div class="text-size-medium">Approach</div><div class="menu_link_icon"><div class="menu_icon_arrow w-embed"><svg width="27" height="4" viewBox="0 0 27 4" fill="none" xmlns="http://www.w3.org/2000/svg">
219<path d="M20.8297 1.36719H0V2.63301H20.8297V1.36719Z" fill="currentColor"/>
220<path d="M19.5752 3.83859L26.4289 2.00315L19.5752 0.161377V3.83859Z" fill="currentColor"/>
221</svg></div><div class="menu_icon_circle"></div></div></a><a href="/strategy#principles" class="menu_link w-inline-block"><div class="text-size-medium">Principles</div><div class="menu_link_icon"><div class="menu_icon_arrow w-embed"><svg width="27" height="4" viewBox="0 0 27 4" fill="none" xmlns="http://www.w3.org/2000/svg">
222<path d="M20.8297 1.36719H0V2.63301H20.8297V1.36719Z" fill="currentColor"/>
223<path d="M19.5752 3.83859L26.4289 2.00315L19.5752 0.161377V3.83859Z" fill="currentColor"/>
224</svg></div><div class="menu_icon_circle"></div></div></a><a href="/pitch" class="menu_link w-inline-block"><div class="text-size-medium">Work with us</div><div class="menu_link_icon"><div class="menu_icon_arrow w-embed"><svg width="27" height="4" viewBox="0 0 27 4" fill="none" xmlns="http://www.w3.org/2000/svg">
225<path d="M20.8297 1.36719H0V2.63301H20.8297V1.36719Z" fill="currentColor"/>
226<path d="M19.5752 3.83859L26.4289 2.00315L19.5752 0.161377V3.83859Z" fill="currentColor"/>
227</svg></div><div class="menu_icon_circle"></div></div></a></div></div></div></div></div><div class="nav_link_wrap"><div class="nav_link is-mobile"><div>Pioneers</div><div class="current_state"></div><div class="member_open_toggle is-nav"><div class="member_icon is-white"><div class="item_toggle_inner"><div class="toggle_x_line is-white"></div><div class="toggle_x_line is-animated is-white"></div></div></div></div></div><a href="/pioneers" class="nav_link w-inline-block"><div>Pioneers</div><div class="current_state"></div><div class="member_open_toggle is-nav"><div class="member_icon is-white"><div class="item_toggle_inner"><div class="toggle_x_line is-white"></div><div class="toggle_x_line is-animated is-white"></div></div></div></div></a><div class="nav_dropdown_wrap"><div class="nav_dropdown_inner"><div class="nav_menu_wrap"><div class="nav_menu_headline"><h2 class="text-size-medium">All-invested in a<br/>better future.</h2></div><div class="menu_link_wrap"><a href="/pioneers" class="menu_link w-inline-block"><div class="text-size-medium">Pioneers</div><div class="menu_link_icon"><div class="menu_icon_arrow w-embed"><svg width="27" height="4" viewBox="0 0 27 4" fill="none" xmlns="http://www.w3.org/2000/svg">
228<path d="M20.8297 1.36719H0V2.63301H20.8297V1.36719Z" fill="currentColor"/>
229<path d="M19.5752 3.83859L26.4289 2.00315L19.5752 0.161377V3.83859Z" fill="currentColor"/>
230</svg></div><div class="menu_icon_circle"></div></div></a><a href="/pioneers#portfolio" class="menu_link w-inline-block"><div class="text-size-medium">Portfolio</div><div class="menu_link_icon"><div class="menu_icon_arrow w-embed"><svg width="27" height="4" viewBox="0 0 27 4" fill="none" xmlns="http://www.w3.org/2000/svg">
231<path d="M20.8297 1.36719H0V2.63301H20.8297V1.36719Z" fill="currentColor"/>
232<path d="M19.5752 3.83859L26.4289 2.00315L19.5752 0.161377V3.83859Z" fill="currentColor"/>
233</svg></div><div class="menu_icon_circle"></div></div></a></div></div></div></div></div><div class="nav_link_wrap"><a href="#" class="nav_link is-mobile w-inline-block"><div>Stories</div><div class="current_state"></div><div class="member_open_toggle is-nav"><div class="member_icon is-white"><div class="item_toggle_inner"><div class="toggle_x_line is-white"></div><div class="toggle_x_line is-animated is-white"></div></div></div></div></a><a href="/stories" class="nav_link w-inline-block"><div>Stories</div><div class="current_state"></div><div class="member_open_toggle is-nav"><div class="member_icon is-white"><div class="item_toggle_inner"><div class="toggle_x_line is-white"></div><div class="toggle_x_line is-animated is-white"></div></div></div></div></a></div></div><div class="nav_menu_right"><div class="nav_menu_right"><a href="/stories" class="button is-back hide-tablet w-inline-block"><div>back</div><div class="button_icon_wrap"><div class="icon_circle"></div><div class="icon_arrow is-back w-embed">
233<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
234<path d="M9.1582 4.59888L0.658203 4.59888V5.44276H9.1582V4.59888Z" fill="black"/>
235<path d="M5.33008 9.27075L5.33008 0.770752L4.4862 0.770752L4.4862 9.27075L5.33008 9.27075Z" fill="black"/>
236</svg></div></div></a></div></div></nav><div class="menu_btn_contain"><div class="menu_btn w-nav-button"><div class="menu_icon_wrap"><div class="menu_icon_line"></div><div class="menu_icon_line"></div></div></div></div></div></div></div></div><div class="global-styles w-embed"><style>
237
238/* Make text look crisper and more legible in all browsers */
239body {
240  -webkit-font-smoothing: antialiased;
241  -moz-osx-font-smoothing: grayscale;
242  font-smoothing: antialiased;
243  text-rendering: optimizeLegibility;
244}
245
246/* Focus state style for keyboard navigation for the focusable elements */
247*[tabindex]:focus-visible,
248  input[type="file"]:focus-visible {
249   outline: 0.125rem solid #4d65ff;
250   outline-offset: 0.125rem;
251}
252
253/* Set color style to inherit */
254.inherit-color * {
255    color: inherit;
256}
257
258/* Get rid of top margin on first element in any rich text element */
259.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
260  margin-top: 0 !important;
261}
262
263/* Get rid of bottom margin on last element in any rich text element */
264.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
265	margin-bottom: 0 !important;
266}
267
268
269/* Make sure containers never lose their center alignment */
270.container-medium,.container-small, .container-large {
271	margin-right: auto !important;
272  margin-left: auto !important;
273}
274
275/* 
276Make the following elements inherit typography styles from the parent and not have hardcoded values. 
277Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
278Uncomment this CSS to use it in the project. Leave this message for future hand-off.
279*/
280/*
281a,
282.w-input,
283.w-select,
284.w-tab-link,
285.w-nav-link,
286.w-dropdown-btn,
287.w-dropdown-toggle,
288.w-dropdown-link {
289  color: inherit;
290  text-decoration: inherit;
291  font-size: inherit;
292}
293*/
294
295/* Apply "..." after 3 lines of text */
296.text-style-3lines {
297	display: -webkit-box;
298	overflow: hidden;
299	-webkit-line-clamp: 3;
300	-webkit-box-orient: vertical;
301}
302
303/* Apply "..." after 2 lines of text */
304.text-style-2lines {
305	display: -webkit-box;
306	overflow: hidden;
307	-webkit-line-clamp: 2;
308	-webkit-box-orient: vertical;
309}
310
311/* These classes are never overwritten */
312.hide {
313  display: none !important;
314}
315
316@media screen and (max-width: 991px) {
317    .hide, .hide-tablet {
318        display: none !important;
319    }
320}
321  @media screen and (max-width: 767px) {
322    .hide-mobile-landscape{
323      display: none !important;
324    }
325}
326  @media screen and (max-width: 479px) {
327    .hide-mobile{
328      display: none !important;
329    }
330}
331 
332.margin-0 {
333  margin: 0rem !important;
334}
335  
336.padding-0 {
337  padding: 0rem !important;
338}
339
340.spacing-clean {
341padding: 0rem !important;
342margin: 0rem !important;
343}
344
345.margin-top {
346  margin-right: 0rem !important;
347  margin-bottom: 0rem !important;
348  margin-left: 0rem !important;
349}
350
351.padding-top {
352  padding-right: 0rem !important;
353  padding-bottom: 0rem !important;
354  padding-left: 0rem !important;
355}
356  
357.margin-right {
358  margin-top: 0rem !important;
359  margin-bottom: 0rem !important;
360  margin-left: 0rem !important;
361}
362
363.padding-right {
364  padding-top: 0rem !important;
365  padding-bottom: 0rem !important;
366  padding-left: 0rem !important;
367}
368
369.margin-bottom {
370  margin-top: 0rem !important;
371  margin-right: 0rem !important;
372  margin-left: 0rem !important;
373}
374
375.padding-bottom {
376  padding-top: 0rem !important;
377  padding-right: 0rem !important;
378  padding-left: 0rem !important;
379}
380
381.margin-left {
382  margin-top: 0rem !important;
383  margin-right: 0rem !important;
384  margin-bottom: 0rem !important;
385}
386  
387.padding-left {
388  padding-top: 0rem !important;
389  padding-right: 0rem !important;
390  padding-bottom: 0rem !important;
391}
392  
393.margin-horizontal {
394  margin-top: 0rem !important;
395  margin-bottom: 0rem !important;
396}
397
398.padding-horizontal {
399  padding-top: 0rem !important;
400  padding-bottom: 0rem !important;
401}
402
403.margin-vertical {
404  margin-right: 0rem !important;
405  margin-left: 0rem !important;
406}
407  
408.padding-vertical {
409  padding-right: 0rem !important;
410  padding-left: 0rem !important;
411}
412
413/* Basisklassen für die Animation */
414.icon_circle {
415  transition: transform 0.2s ease-in-out;
416}
417
418.icon_arrow {
419  position: absolute;
420  right: 32%;
421  transition: right 0.2s ease-in-out;
422}
423
424/* Hover-Animationen, ausgelöst durch das Attribut data-animate="icon-hover" */
425[data-animate="icon-hover"]:hover .icon_circle {
426  transform: scale(1.1);
427}
428
429[data-animate="icon-hover"]:hover .icon_arrow {
430  right: 20%;
431}
432
433[data-animate="icon-hover"]:active .icon_arrow {
434  right: 0%;
435  transition: right 0.1s ease-in;
436}
437
438/* Basisklasse für das animierte Element */
439.icon_arrow_external {
440  position: absolute;
441  inset: 0; /* Kurzschreibweise für top, right, bottom, left */
442  display: flex;
443  justify-content: flex-start;
444  align-items: flex-end;
445  transition: justify-content 0.3s ease, align-items 0.3s ease; /* Sanfter Übergang */
446}
447
448/* Hover-Animationen, ausgelöst durch das Attribut data-animate="hover-external" */
449[data-animate="hover-external"]:hover .icon_arrow_external {
450  justify-content: center;
451  align-items: center;
452}
453
454/* Active-Animationen, ausgelöst durch das Attribut data-animate="hover-external" */
455[data-animate="hover-external"]:active .icon_arrow_external {
456  justify-content: flex-end;
457  align-items: flex-start;
458}
459
460</style></div><div class="main-wrapper"><section class="home_hero_wrap"><div class="home_hero_contain"><div class="home_hero_bg"><img src="https://cdn.prod.website-files.com/673a1cd5f6987d012bf30c68/6752faef777fd9f7f0fb2c35_not%20the%20product.avif" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/673a1cd5f6987d012bf30c68/6752faef777fd9f7f0fb2c35_not%20the%20product-p-500.avif 500w, https://cdn.prod.website-files.com/673a1cd5f6987d012bf30c68/6752faef777fd9f7f0fb2c35_not%20the%20product-p-800.avif 800w, https://cdn.prod.website-files.com/673a1cd5f6987d012bf30c68/6752faef777fd9f7f0fb2c35_not%20the%20product-p-1080.avif 1080w, https://cdn.prod.website-files.com/673a1cd5f6987d012bf30c68/6752faef777fd9f7f0fb2c35_not%20the%20product.avif 1400w" class="home_hero_vid"/><div class="video_gradient"></div></div><div class="story_hero_headline"><h1 class="heading-style-h2">It’s Not the Product!</h1></div></div><div class="story_hero_banner"><div class="pioneer_hero_inner"><div class="padding-global"><div class="w-layout-grid grid-main"><div id="w-node-_8be6bd2c-3195-00cd-dcd3-5ec2e8c7fa3c-935cd8c8" class="grid-item"><div class="pioneer_sector_wrap"><div class="sector_text"><div class="text-size-small">DATE</div><div class="text-size-regular">2024-10-07</div></div></div></div><div id="w-node-_8be6bd2c-3195-00cd-dcd3-5ec2e8c7fa45-935cd8c8" class="grid-item"><div class="pioneer_stage_wrap"><div class="text-size-small">TOPIC</div><div class="text-size-regular">Product market fit</div></div></div><div id="w-node-_8be6bd2c-3195-00cd-dcd3-5ec2e8c7fa4b-935cd8c8" class="grid-item"><div class="pioneer_stage_wrap"><div class="text-size-small">READ TIME</div><div class="read_time_wrap"><div class="text-size-regular">6</div><div class="text-size-regular">min</div></div></div></div>
460<div id="w-node-_99b1b19f-be75-2e4e-79f4-0289b1f8dae2-935cd8c8" class="grid-item"><div class="pioneer_stage_wrap"><div class="text-size-small">AUTHOR</div><div class="text-size-regular">Yair Reem</div></div></div></div></div></div></div></section><section class="pioneer_content_wrap"><div class="pioneer_content_contain"><div class="padding-global"><div class="pioneer_content_inner"><div class="pioneer_img_item w-condition-invisible"><img src="https://cdn.prod.website-files.com/672f66b023ca1f0c1a90667f/674859f375dd9531e9a90f39_Module%20Photo%20Big.jpg" loading="lazy" alt="It’s Not the Product!" class="pioneer_img_main w-dyn-bind-empty"/></div><div class="pioneer_text_item align-right"><div class="w-layout-grid grid-main"><div id="w-node-_8be6bd2c-3195-00cd-dcd3-5ec2e8c7fa6d-935cd8c8" class="grid-item"><div class="pioneer_text_wrap"><div class="text-rich-text-big w-condition-invisible w-dyn-bind-empty w-richtext"></div><div class="spacer-xlarge w-condition-invisible"></div><div fs-toc-offsettop="4rem" fs-toc-element="contents" class="text-rich-text w-richtext"><p>There’s a classic founder adage. First-time founders are obsessed with products, second-time founders are obsessed with distribution.</p><p>This means that first-time founders will be highly focused on developing a great product. They believe that if they build a superior product, customers will naturally come to it. And sure, products are important. Your product is the actual thing that you are selling. It’s natural to want it to be the best it can be. Product quality is still a very critical factor for a start-up’s success, and we’re not saying that’s not important.</p><p>But the difference between first and second-time founders is that second-time founders understand that a great product isn’t enough. Second-time founders know that they need to have a plan for how their product will get into the hands of their customers. This process, known as distribution or marketing and sales, is key to the success of their business, and plans for distribution need to be in place from Day 1.</p><p>This is especially true for climate tech, and here’s why.</p><p>Many first-time founders come from scientific or engineering backgrounds. For them, the most exciting thing about their product is the technical aspect, particularly their green product’s impact. They believe that developing a superior technical alternative to fossil-fuel based products is the key to success, and their customers will naturally see it that way too.</p><p>That means that when first-time climate tech founders are developing and presenting their products, they’re focusing on the technological merits of their innovation and the fact that their products are green. Their products might be more expensive, but they believe that their customers will be willing to pay a premium for a sustainable, innovative product.</p><p>For example, have you ever heard a pitch that sounds a bit like this?</p><p>“I have an exciting new product. It’s a green product that replaces the current fossil-fuel based one, it can be sourced locally and thus has a resilient supply chain, it’s 30% better performing than the current one, and oh, by the way, it’s more expensive than the current one. But that should only last for the next ten years until we really scale up, and then the prices will level off.”</p><p>Sounds familiar, right?</p><p>This type of pitch usually goes in the following order: sustainability first, supply chain second, performance third, and price last. There may be a few permutations for this but guess what, price is always last.The challenge is that customers have a completely different set of priorities. For them, price and performance come first. It’s nice to have something that has better efficiency, but it’s worthless if its durability is not proven and it costs even a few cents more than the usual commodity. When it comes to big projects, those issues are a must and sustainability is a nice to have.This is because many industrial 
460companies suffer from major macro challenges. They’re caught between rising energy and material prices and increasing competition from China, and they’re affected by factors like the slower-than-expected adoption of clean technologies (like EV cars). Squeezing margins is a common theme, and price parity is more important than ever.</p><p>Case in point, let’s talk about lithium.</p><p>If you’ve been anywhere near the climate tech/green energy space in the last few years, you know that lithium is vital to the energy transition. This rare metal is a key component of batteries, especially the enormous batteries powering EVs, so for a while, it was worth a lot more than its weight in gold. In 2022, the lithium price peaked, with mining companies being able to offload their ore for over $4000 per dry tonne. That boom was driven by a sudden surge in EV manufacturing and purchasing, particularly in China.</p><p>But <a target="_blank" href="https://www.abc.net.au/news/2024-09-03/lithium-price-crashes-and-australian-miners-in-damage-control/104262228">when Chinese EV sales started falling</a>, driven by massive tariffs in Europe, the US, and Canada, they took lithium prices down with them. Suddenly, the entire EV market was down, and with no one wanting to purchase EVs, no one wanted to purchase the raw materials needed to make them. That led to lithium stocks piling up with no buyers, and lithium prices crashing to almost the price of production. The <a target="_blank" href="https://www.fastmarkets.com/metals-and-mining/battery-raw-materials/lithium/lithium-prices/">current price for lithium ore</a> nowadays doesn’t even break $1000 per dry tonne, less than a quarter of what it was in 2022.</p><p>But it’s not just rare metals like lithium that can feel the squeeze. “Common” metals like iron can also be affected by these issues. In 2021, iron ore prices peaked at about $214.43 per dry tonne, driven by increased manufacturing. But in late August 2024, one dry tonne of iron ore went for about $98.7, less than half its former price. That price dropped <a target="_blank" href="https://markets.businessinsider.com/commodities/iron-ore-price">even further</a> in September, down to $91.4 per dry tonne. That’s a significant tumble, and it can partially be tied to a <a target="_blank" href="https://www.mining.com/web/iron-ore-price-tumbles-back-below-100-as-china-property-woes-deepen/">downturn in China’s economic market</a>.</p><p>Changes in the price of iron have a ripple effect throughout the entire market, and there are now fears that the price of steel, which is made from iron ore, could drop next. ArcelorMittal, a global steel manufacturer based in Luxembourg, <a target="_blank" href="https://www.recyclingtoday.com/news/arcelormittal-q2-2024-results-profits-overcapacity-china-investments-recycling/">has already pointed out</a> that the current ‘overcapacity’ in the global steel market is likely to lead to trouble down the line.</p><p>So with all of these volatilities and uncertainties in the markets, it’s no wonder why price is at the forefront of every business’s mind, and sustainability, while important, takes a backseat to the very practical concern of whether your product can do the job on the cheap. That means founders need to ensure that their product can do it all <em>while being green</em>, not the other way around.</p><p><strong>Diving a little deeper, this reality means that founders cannot rely on technologies that are only justified when the prices of commodities are higher. </strong>As we’ve seen, those prices can easily go down, and then you’ll be out of business.</p><p>Instead, founders need to be thinking about the market and its needs from Day 1, building a plan that will allow them to enter the market while prioritising customers whose needs align most with their capabilities and their story. The product needs to conform to the needs of the market and customers, not the other way around. By taking this into consideration from the very beginning, founders can actually design their product around the needs of their customers, ensuring a place for their product even in a crowded market.</p><p>For example, if you know that your product is going to be somewhat pricey, or if you know you cannot match a competitor’s quality at their price point, you definitely shouldn’t target an industry where both price and quality are critical. Instead, you should focus on different markets where you can play to your strengths and outshine your competitors. For instance, startups entering the battery industry should probably target energy storage applications rather than the automotive sector, where the focus is on high quality and low prices.</p><p>You also need to think about who you’ll be talking to when you start selling your product to your customers. If you’re relying on advertising to people in procurement roles, for example, they’re not likely to be very helpful. Procurement specialists are looking for cheap, proven, and currently-available technology, so they’re not going to be interested in your brand-new, exciting, and possibly expensive idea. Instead, you should reach out to people in sustainability, R&amp;D, or strategy roles, so you can really make the most of what you have to offer.</p><p>It might seem like a lot of planning to do, especially when your company is so new, and especially because you need to do some of this before you’ve even developed your product. We get it, but trust us, having a plan in place for these things will help you be more intentional about the decisions you’ll make throughout your company’s development, saving you a lot of time and trouble in the long haul.</p></div></div></div><div id="w-node-_047e8a74-d6d8-5823-5b0d-c54d2c5ddd34-935cd8c8" class="grid-item"><div class="w-embed"><style>
461.toc_link_inner,
462.button_icon_wrap {
463  transition: margin-left 0.3s ease, color 0.3s ease, opacity 0.3s ease;
464}
465
466.toc_link .button_icon_wrap {
467  opacity: 0;
468}
469
470.toc_link:hover .button_icon_wrap, .toc_link.w-inline-block.w--current .button_icon_wrap {
471  opacity: 1;
472}
473
474.toc_link:hover .toc_link_inner,
475.toc_link.w-inline-block.w--current .toc_link_inner {
476  margin-left: 5px;
477  color: black;
478}
479
480.text-rich-text.w-richtext strong sup,
481.text-rich-text.w-richtext sup strong {
482  color: var(--base-color-neutral--grey_light);
483  font-weight: normal;
484}
485
486.text-rich-text.w-richtext sup {
487  font-size: clamp(1.25rem, 0.9866rem + 1.0724vw, 100vw);
488  vertical-align: super;
489  line-height: 120%;
490  vertical-align: baseline !important;
491}
492
493sup {
494  top: 0em !important;
495}
496
497figure {
498	margin-top: 2.5rem;
499  margin-bottom: 2.5rem;
500}
501
502</style></div><div class="sticky_story_wrap"><div class="story_content_item"><div class="text-size-small text-style-allcaps">Written by</div><div class="story_author_content"><div class="w-dyn-list"><div role="list" class="story_author_wrap w-dyn-items"><div role="listitem" class="w-dyn-item"><div class="author_img_wrap"><div class="author_img_item"><img src="https://cdn.prod.website-files.com/673a1cd5f6987d012bf30c68/68679cddc909e7c8c3612a6b_Screenshot%202025-07-04%20at%2011.20.07.png" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/673a1cd5f6987d012bf30c68/68679cddc909e7c8c3612a6b_Screenshot%202025-07-04%20at%2011.20.07-p-500.png 500w, https://cdn.prod.website-files.com/673a1cd5f6987d012bf30c68/68679cddc909e7c8c3612a6b_Screenshot%202025-07-04%20at%2011.20.07-p-800.png 800w, https://cdn.prod.website-files.com/673a1cd5f6987d012bf30c68/68679cddc909e7c8c3612a6b_Screenshot%202025-07-04%20at%2011.20.07-p-1080.png 1080w, https://cdn.prod.website-files.com/673a1cd5f6987d012bf30c68/68679cddc909e7c8c3612a6b_Screenshot%202025-07-04%20at%2011.20.07.png 1338w" class="author_img"/></div></div></div></div></div><div class="w-dyn-list"><div role="list" class="story_author_name w-dyn-items"><div role="listitem" class="author_name_item w-dyn-item"><div class="text-size-regular">Yair Reem</div></div></div></div></div></div><div class="story_content_item"><div class="text-size-small text-style-allcaps">share this</div><div class="story_author_content"><div class="story_author_wrap"><div fs-socialshare-element="Facebook" class="author_img_wrap"><div class="author_img_item is-social"><div class="w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
503<path d="M13.9062 12.9777H11.5625V20C14.0481 19.6044 16.2941 18.2803 17.8523 16.2921C19.4105 14.3038 20.1664 11.7976 19.9692 9.27329C19.772 6.74902 18.6362 4.39236 16.7883 2.67351C14.9405 0.954661 12.5165 0 10 0C7.4835 0 5.05951 0.954661 3.21166 2.67351C1.36382 4.39236 0.22798 6.74902 0.0307718 9.27329C-0.166436 11.7976 0.589483 14.3038 2.14771 16.2921C3.70594 18.2803 5.95191 19.6044 8.4375 20V12.9777H5.88542V10.043H8.4375V7.68479C8.57639 4.57541 10.5903 3.38756 14.4792 4.12123V6.58428H13.125C12.1181 6.61921 11.5972 7.14327 11.5625 8.15643V10.043H14.3489" fill="currentColor"/>
504</svg></div></div></div><div fs-socialshare-element="LinkedIn" class="author_img_wrap"><div class="author_img_item is-social"><div class="w-embed"><svg preserveAspectRatio="xMidYMid meet" width="100%" height="100%" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
505<path d="M24 4H6C4.895 4 4 4.895 4 6V24C4 25.105 4.895 26 6 26H24C25.105 26 26 25.105 26 24V6C26 4.895 25.105 4 24 4ZM10.954 22H8.004V12.508H10.954V22ZM9.449 11.151C8.498 11.151 7.729 10.38 7.729 9.431C7.729 8.482 8.499 7.712 9.449 7.712C10.397 7.712 11.168 8.483 11.168 9.431C11.168 10.38 10.397 11.151 9.449 11.151ZM22.004 22H19.056V17.384C19.056 16.283 19.036 14.867 17.523 14.867C15.988 14.867 15.752 16.066 15.752 17.304V22H12.804V12.508H15.634V13.805H15.674C16.068 13.059 17.03 12.272 18.465 12.272C21.452 12.272 22.004 14.238 22.004 16.794V22Z" fill="currentColor"/>
506</svg></div></div></div><div fs-socialshare-element="Twitter" class="author_img_wrap"><div class="author_img_item is-social"><div class="w-embed"><svg preserveAspectRatio="xMidYMid meet" width="100%" height="100%" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
507<path d="M6.59844 2.3999C4.27884 2.3999 2.39844 4.2803 2.39844 6.5999V23.3999C2.39844 25.7195 4.27884 27.5999 6.59844 27.5999H23.3984C25.718 27.5999 27.5984 25.7195 27.5984 23.3999V6.5999C27.5984 4.2803 25.718 2.3999 23.3984 2.3999H6.59844ZM7.85 7.7999H12.6125L15.9945 12.6058L20.0984 7.7999H21.5984L16.6719 13.5679L22.7469 22.1999H17.9855L14.0609 16.6241L9.29844 22.1999H7.79844L13.3836 15.662L7.85 7.7999ZM10.1469 8.9999L18.6113 20.9999H20.45L11.9855 8.9999H10.1469Z" fill="currentColor"/>
508</svg></div></div></div></div></div></div><div class="story_content_item hide-mobile-landscape"><div class="text-size-small text-style-allcaps">Table of content</div><div class="toc_wrap"><div class="toc_content"><div class="toc_item">
508<a data-animate="icon-hover" href="#" class="toc_link w-inline-block"><div class="toc_link_inner"><div class="button_icon_wrap"><div class="icon_circle"></div><div class="icon_arrow w-embed"><svg width="18" height="4" viewBox="0 0 18 4" fill="none" xmlns="http://www.w3.org/2000/svg">
509<path d="M14.0907 1.57806H0V2.42195H14.0907V1.57806Z" fill="black"/>
510<path d="M13.2422 3.22574L17.8785 2.00211L13.2422 0.774261V3.22574Z" fill="black"/>
511</svg></div></div><div fs-toc-element="link" class="text-size-regular">This is some text inside of a div block.</div></div></a><div data-animate="icon-hover" class="toc_item h3"><a data-animate="icon-hover" href="#" class="toc_link w-inline-block"><div class="toc_link_inner"><div class="button_icon_wrap"><div class="icon_circle toc-h3"></div><div class="icon_arrow toc-h3 w-embed"><svg width="18" height="4" viewBox="0 0 18 4" fill="none" xmlns="http://www.w3.org/2000/svg">
512<path d="M14.0907 1.57806H0V2.42195H14.0907V1.57806Z" fill="black"/>
513<path d="M13.2422 3.22574L17.8785 2.00211L13.2422 0.774261V3.22574Z" fill="black"/>
514</svg></div></div><div fs-toc-element="link" class="text-size-small">This is some text inside of a div block.</div></div></a><div data-animate="icon-hover" class="toc_item h3"><a data-animate="icon-hover" href="#" class="toc_link w-inline-block"><div class="toc_link_inner"><div class="button_icon_wrap"><div class="icon_circle toc-h3"></div><div class="icon_arrow toc-h3 w-embed"><svg width="18" height="4" viewBox="0 0 18 4" fill="none" xmlns="http://www.w3.org/2000/svg">
515<path d="M14.0907 1.57806H0V2.42195H14.0907V1.57806Z" fill="black"/>
516<path d="M13.2422 3.22574L17.8785 2.00211L13.2422 0.774261V3.22574Z" fill="black"/>
517</svg></div></div><div fs-toc-element="link" class="text-size-small">This is some text inside of a div block.</div></div></a><div data-animate="icon-hover" class="toc_item h3"><a data-animate="icon-hover" href="#" class="toc_link w-inline-block"><div class="toc_link_inner"><div class="button_icon_wrap"><div class="icon_circle toc-h3"></div><div class="icon_arrow toc-h3 w-embed"><svg width="18" height="4" viewBox="0 0 18 4" fill="none" xmlns="http://www.w3.org/2000/svg">
518<path d="M14.0907 1.57806H0V2.42195H14.0907V1.57806Z" fill="black"/>
519<path d="M13.2422 3.22574L17.8785 2.00211L13.2422 0.774261V3.22574Z" fill="black"/>
520</svg></div></div><div fs-toc-element="link" class="text-size-small">This is some text inside of a div block.</div></div></a></div></div></div></div></div></div></div></div></div></div></div></div></div></div></section><section class="pioneer_cta_wrap"><div class="padding-global"><div class="pioneer_cta_contain"><div class="w-layout-grid grid-main"><div id="w-node-_8be6bd2c-3195-00cd-dcd3-5ec2e8c7fa80-935cd8c8" class="grid-item"><div class="pioneer_cta_text"><div class="cta_text_wrap"><div class="text-size-regular text-color-orange">Become a part of the clean industrial revolution.</div><p>If you’re looking for a job with actual impact, both for your career as well as for the planet have a look at the job openings within our eco system.</p></div><a data-animate="icon-hover" data-wf--button-prim--variant="base" href="https://careers.extantia.com/jobs" class="button w-inline-block"><div>careers</div><div class="button_icon_wrap"><div class="icon_circle"></div><div class="icon_arrow w-embed"><svg width="18" height="4" viewBox="0 0 18 4" fill="none" xmlns="http://www.w3.org/2000/svg">
521<path d="M14.0907 1.57806H0V2.42195H14.0907V1.57806Z" fill="black"/>
522<path d="M13.2422 3.22574L17.8785 2.00211L13.2422 0.774261V3.22574Z" fill="black"/>
523</svg></div></div></a></div></div></div></div></div></section><div class="cms_nest_collection w-dyn-list"><div fs-cmsnest-collection="category" fs-cmsnest-element="template-reference" role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/story-category/insights">Insights</a></div></div></div><div class="cms_nest_collection w-dyn-list"><div fs-cmsnest-collection="category-2" fs-cmsnest-element="template-reference" role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/story-category/insights">Text Link</a></div></div></div></div><footer class="footer_wrap"><div class="padding-global"><div class="footer_contain"><div class="footer_inner"><div class="w-layout-grid grid-main"><div class="grid-item"><div class="logo_footer_wrap"><img src="https://cdn.prod.website-files.com/672f66b023ca1f0c1a90667f/67311d6403630cb9d3ecd51a_extantia_logo.svg" loading="lazy" alt="" class="loog_img"/></div></div><div id="w-node-_4ab19344-68b6-450c-4ea9-795dfb8f3a2c-fb8f3a24" class="grid-item"><div class="footer_link_contain"><div class="text-size-small text-color-light-grey">Links</div><div class="spacer-small"></div><div class="footer_link_wrap"><a href="https://drive.google.com/drive/folders/1s-2hetElQvgaDRA3Drs5lv8ukTIr2zWz" target="_blank" class="footer_link">Media Kit</a><a href="/resources" class="footer_link">Resources</a><a href="https://careers.extantia.com/" class="footer_link">Careers</a></div></div></div><div id="w-node-_4ab19344-68b6-450c-4ea9-795dfb8f3a38-fb8f3a24" class="grid-item"><div class="footer_link_contain"><div class="text-size-small text-color-light-grey">Connect</div><div class="spacer-small"></div><div class="footer_link_wrap"><a href="/pitch" class="footer_link">Pitch Us!</a><a href="mailto:[email protected]?subject=Request%20from%20Website" class="footer_link">Contact Us</a><a href="https://www.linkedin.com/company/extantia/" target="_blank" class="footer_link">LinkedIn</a><a href="https://medium.com/extantia-capital" target="_blank" class="footer_link">Medium</a></div></div></div><div id="w-node-_4ab19344-68b6-450c-4ea9-795dfb8f3a44-fb8f3a24" class="grid-item"><div class="footer_link_contain"><div class="banner_contain"><div class="banner_wrap"><div class="text-size-small text-color-light-grey">Recipient of</div><div class="spacer-small"></div><img src="https://cdn.prod.website-files.com/672f66b023ca1f0c1a90667f/67312018b4c68c8bc6cab787_KfW-logo-300x144.svg" loading="lazy" alt=""/></div><div class="banner_wrap"><div class="footer_link_headline">Signatory of</div><div class="spacer-small"></div><img src="https://cdn.prod.website-files.com/672f66b023ca1f0c1a90667f/67312065f2232b3e5e214636_PRI-Sig-Web-V1-4-300x111.svg" loading="lazy" alt=""/></div></div></div></div></div></div><div class="footer_inner"><div class="w-layout-grid grid-main is-footer"><div id="w-node-_4ab19344-68b6-450c-4ea9-795dfb8f3a61-fb8f3a24" class="grid-item"><div class="footer_link_headline">©2024 Extantia. All rights reserved.</div></div><div id="w-node-_4ab19344-68b6-450c-4ea9-795dfb8f3a64-fb8f3a24" class="grid-item"><div class="footer_link_wrap"><a href="/imprint" class="footer_link is-light-grey">Imprint and Privacy</a><a fs-consent-element="open-preferences" href="#" class="footer_link">Cookie Settings</a></div></div><div id="w-node-_4ab19344-68b6-450c-4ea9-795dfb8f3a67-fb8f3a24" class="grid-item"><a href="/esg-and-sfdr" class="footer_link is-light-grey">ESG and SFDR</a></div><div id="w-node-_4ab19344-68b6-450c-4ea9-795dfb8f3a6a-fb8f3a24" class="grid-item"><a href="https://auth.fundrbird.com/0d0c604f-716b-4251-a04d-8aad282f190a" target="_blank" class="footer_link is-light-grey">Investor Login</a></div></div></div></div></div></footer></div>
523<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=672f66b023ca1f0c1a90667f" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
523<script src="https://cdn.prod.website-files.com/672f66b023ca1f0c1a90667f/js/webflow.schunk.e0c428ff9737f919.js" type="text/javascript" integrity="sha384-ar82P9eriV3WGOD8Lkag3kPxxkFE9GSaSPalaC0MRlR/5aACGoFQNfyqt0dNuYvt" crossorigin="anonymous"></script>
523<script src="https://cdn.prod.website-files.com/672f66b023ca1f0c1a90667f/js/webflow.schunk.f7df6f57a42e3d2e.js" type="text/javascript" integrity="sha384-mVHV1aORgv2ALvjOL4JRhJ6C1tcFgpgLsaJmkXsd0qZxUZaTQ12bcfogn2FvTReV" crossorigin="anonymous"></script>
523<script src="https://cdn.prod.website-files.com/672f66b023ca1f0c1a90667f/js/webflow.6e98a9f2.18e08c84abf9f89d.js" type="text/javascript" integrity="sha384-mj9BXmeiG8HJgRyq0902MIcYp+AeRd7VATEOP7nWvyeLvuNojmQEYxYvX33rGHVI" crossorigin="anonymous"></script>
523<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/gsap.min.js"></script>
vendor: 1 bytes, line 523
523
524<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/ScrollTrigger.min.js"></script>
524
525<!-- Smooth Scroll -->
526
527<script>
528$("[data-animate='headline']").each(function () {
529  let tl = gsap.timeline({
530    scrollTrigger: {
531      trigger: $(this),
532      start: "top 90%",
533      toggleActions: "play none none none",
534    }
535  });
536
537  // Sofort bei 100vw starten
538  tl.set($(this), { x: "100vw" })
539
540    // Sofort zu 66vw springen
541    .to($(this), { x: "66vw", duration: 0 })
542
543    // Verweilen bei 66vw
544    .to($(this), {}, "+=0.00001") // Pause für 0.3 Sekunden
545
546    // Sofort zu 33vw springen
547    .to($(this), { x: "33vw", duration: 0 })
548
549    // Verweilen bei 33vw
550    .to($(this), {}, "+=0.00001") // Pause für 0.3 Sekunden
551
552    // Sofort zu 0vw springen
553    .to($(this), { x: "0vw", duration: 0 });
554});
555
556const linkWraps = document.querySelectorAll(".nav_link_wrap");
557
558gsap.matchMedia().add("(min-width: 992px)", () => {
559  linkWraps.forEach((linkWrap) => {
560    let hoverTimeout; // Variable zum Speichern des Timeout-Handlers
561
562    // Hover In mit Verzögerung
563    linkWrap.addEventListener("mouseenter", () => {
564      hoverTimeout = setTimeout(() => {
565        const menuLinks = linkWrap.querySelectorAll(".menu_link");
566        gsap.to(menuLinks, {
567          opacity: 1,
568          y: 0,
569          duration: 0.3, // Dauer der gesamten Animation
570          ease: "power2.out",
571          stagger: {
572            amount: 0.2, // Gesamtdauer der Stagger-Animation
573          },
574        });
575      }, 200); // Verzögerung von 0.2 Sekunden
576    });
577
578    // Hover Out: Sofortiges Zurücksetzen der Animation
579    linkWrap.addEventListener("mouseleave", () => {
580      clearTimeout(hoverTimeout); // Timeout abbrechen, falls Hover vorzeitig endet
581      const menuLinks = linkWrap.querySelectorAll(".menu_link");
582      gsap.to(menuLinks, {
583        opacity: 0,
584        y: -10,
585        duration: 0.3, // Dauer der gesamten Animation
586        ease: "power2.in",
587        stagger: {
588          amount: 0.2, // Gesamtdauer der Stagger-Animation
589        },
590      });
591    });
592  });
593});
594
595const navMenu = document.querySelector('.nav_menu');
596
597// Beobachte Änderungen am `data-nav-menu-open`-Attribut
598const observer = new MutationObserver((mutationsList) => {
599  mutationsList.forEach((mutation) => {
600    if (mutation.attributeName === 'data-nav-menu-open') {
601      const isOpen = navMenu.hasAttribute('data-nav-menu-open');
602
603      if (isOpen) {
604        // Animation beim Öffnen mit Verzögerung
605        gsap.fromTo(
606          ".nav_menu .nav_link_wrap", { opacity: 0, y: "-2rem" },
607          {
608            opacity: 1,
609            y: "0rem",
610            duration: 0.8,
611            ease: "power1.out",
612            stagger: { amount: 0.4, each: 0.2 },
613            delay: 0.1 // Verzögerung von 0.1 Sekunden
614          }
615        );
616      } else {
617        // Animation beim Schließen
618        gsap.to(
619          ".nav_menu .nav_link_wrap",
620          {
621            opacity: 0,
622            y: "-2rem",
623            duration: 0.8,
624            ease: "power1.out"
625          }
626        );
627      }
628    }
629  });
630});
631
632// Startet die Beobachtung für Attributänderungen
633observer.observe(navMenu, { attributes: true });
634
635let startColor = "#ecebe3";
636let endColor = "#FD5300";
637let finalColor = "#ecebe3";
638
639gsap.utils.toArray('.svg_wrap').forEach(wrap => {
640  let svgs = wrap.querySelectorAll('svg[data-animate]');
641
642  let tl = gsap.timeline({
643    scrollTrigger: {
644      trigger: wrap,
645      start: "top 85%", // Wenn die Oberkante von .svg_wrap 85% in den Viewport kommt
646      toggleActions: "play none none reverse",
647    }
648  });
649
650  svgs.forEach(svg => {
651    let paths = svg.querySelectorAll('path');
652    let animationType = svg.getAttribute('data-animate');
653
654    // Standardfarben setzen, abhängig vom Animationstyp
655    let startColor = "#000000";
656    let endColor = "#FD5300";
657    let finalColor = "#000000";
658
659    if (animationType === "svg-icon-orange") {
660      startColor = "#FD5300";
661      endColor = "#ecebe3";
662      finalColor = "#FD5300";
663    } else if (animationType === "svg-icon-alternate") {
664      startColor = "#FD5300";
665      endColor = "#000000";
666      finalColor = "#FD5300";
667    } else if (animationType === "svg-icon-white") {
668      startColor = "#ecebe3";
669      endColor = "#FD5300";
670      finalColor = "#ecebe3";
671    } else if (animationType === "svg-icon-black") {
672      startColor = "#000000";
673      endColor = "#ecebe3";
674      finalColor = "#000000";
675    }
676
677    // Sicherstellen, dass alle Pfade initial unsichtbar sind und die Startfarbe haben
678    gsap.set(paths, { opacity: 0, fill: startColor });
679
680    // Gruppiere Animation für alle Pfade eines SVGs
681    tl.to(paths, {
682      opacity: 1,
683      fill: endColor, // Füllfarbe wechseln
684      duration: 0.1
685    }).to(paths, {
686      fill: finalColor, // Füllfarbe zurücksetzen
687      duration: 0.1
688    }, "+=0.1");
689  });
690
691  // Setze Stagger zwischen den SVGs im Wrapper
692  tl.to(
693    svgs,
694    {
695      stagger: 0.1, // Verzögerung zwischen den SVGs
696      duration: 0.1
697    },
698    0 // Startzeit
699  );
700});
701</script>
701<script>
702  document.addEventListener("DOMContentLoaded", function () {
703    const list = document.querySelector('.story_author_name');
704    const items = list?.querySelectorAll('.author_name_item .text-size-regular');
705
706    if (items && items.length > 1) {
707      items.forEach((el, index) => {
708        if (index < items.length - 1) {
709          el.innerHTML += ',';
710        }
711      });
712    }
713  });
714</script>
714
715</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.