
<!doctype html>
<html lang="de-de" prefix="og: https://ogp.me/ns#" data-country="US">


<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="google-site-verification" content="O1qJQ1tQPO-R7j97npJFNRxmvUXgwfLxI-_b9_XVeRI" />
	<meta name="msvalidate.01" content="67A0B0928F502FC05C78741822BA4163" />
		<link rel="profile" href="http://gmpg.org/xfn/11">
	<link rel="icon" href="https://www.vtex.com/wp-content/uploads/2018/05/cropped-apple-icon-60x60-32x32.png" sizes="32x32">
	<link rel="apple-touch-icon-precomposed" href="https://www.vtex.com/wp-content/uploads/2018/05/cropped-apple-icon-60x60-180x180.png">
	<meta name="facebook-domain-verification" content="6mw7ccc5zc35makgb1k6lpc6fxz1ra" />
	<script src="https://998aafd877774305ba3b3690197376a8.js.ubembed.com" async></script>
	<script src="https://privacyportal-br-cdn.onetrust.com/consent-receipt-scripts/scripts/otconsent-1.0.min.js" type="text/javascript" data-ot-id="03454f78-6d74-4d09-b042-1cc7a8a87963" charset="UTF-8" id="consent-receipt-script" data-ot-consent-register-event="page-load"></script>


	
	<!-- Google Tag Manager (GA4) -->
	<script>
		(function(w, d, s, l, i) {
			w[l] = w[l] || [];
			w[l].push({
				'gtm.start': new Date().getTime(),
				event: 'gtm.js'
			});
			var f = d.getElementsByTagName(s)[0],
				j = d.createElement(s),
				dl = l != 'dataLayer' ? '&l=' + l : '';
			j.async = true;
			j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
			f.parentNode.insertBefore(j, f);
		})(window, document, 'script', 'dataLayer', 'GTM-MRL2D53');
	</script>
	<!-- End Google Tag Manager -->
			<!-- Google Tag Manager -->
		<script>
			(function(w, d, s, l, i) {
				var time = "1707147796";
				w[l] = w[l] || [];
				w[l].push({
					'gtm.start': new Date().getTime(),
					event: 'gtm.js'
				});
				var f = d.getElementsByTagName(s)[0],
					j = d.createElement(s),
					dl = l != 'dataLayer' ? '&l=' + l : '';
				j.async = true;
				j.src =
					'https://www.googletagmanager.com/gtm.js?id=' + i + "&cache=" + time + dl;
				f.parentNode.insertBefore(j, f);
			})(window, document, 'script', 'dataLayer', 'GTM-59P72K7');
		</script>
		<!-- End Google Tag Manager -->
			<style>
		.hidden {
			display: none !important;
		}
	</style>

	<link rel="alternate" hreflang="en-us" href="https://vtex.com/us-en/" />
<link rel="alternate" hreflang="pt-br" href="https://vtex.com/br-pt/" />
<link rel="alternate" hreflang="pt-pt" href="https://vtex.com/pt-pt/" />
<link rel="alternate" hreflang="es-ar" href="https://vtex.com/ar-es/" />
<link rel="alternate" hreflang="en-gb" href="https://vtex.com/gb-en/" />
<link rel="alternate" hreflang="es-es" href="https://vtex.com/es-es/" />
<link rel="alternate" hreflang="it-it" href="https://vtex.com/it-it/" />
<link rel="alternate" hreflang="es-cl" href="https://vtex.com/cl-es/" />
<link rel="alternate" hreflang="en-sg" href="https://vtex.com/sg-en/" />
<link rel="alternate" hreflang="es-mx" href="https://vtex.com/mx-es/" />
<link rel="alternate" hreflang="es-pe" href="https://vtex.com/pe-es/" />
<link rel="alternate" hreflang="ro" href="https://vtex.com/ro/" />
<link rel="alternate" hreflang="fr-fr" href="https://vtex.com/fr-fr/" />
<link rel="alternate" hreflang="en-au" href="https://vtex.com/au-en/" />
<link rel="alternate" hreflang="en-in" href="https://vtex.com/in-en/" />
<link rel="alternate" hreflang="pl-pl" href="https://vtex.com/pl-pl/" />
<link rel="alternate" hreflang="es-co" href="https://vtex.com/co-es/" />
<link rel="alternate" hreflang="de-de" href="https://vtex.com/de-de/" />
<link rel="alternate" hreflang="x-default" href="https://vtex.com/us-en/" />

<!-- Search Engine Optimization by Rank Math - https://s.rankmath.com/home -->
<title>VTEX Commerce Plattform für B2B &amp; B2C ecommerce, Markteplace, OMS &amp; mehr</title>
<meta name="description" content="Wirf einen genaueren Blick auf alle Funktionen der VTEX-Plattform und entdecke Lösungen für den Handel, Markeplace und die Bestellverwaltung. Fordere eine Demo an."/>
<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/>
<link rel="canonical" href="https://vtex.com/de-de/" />
<meta property="og:locale" content="de_DE" />
<meta property="og:type" content="website" />
<meta property="og:title" content="VTEX Commerce Plattform für B2B &amp; B2C ecommerce, Markteplace, OMS &amp; mehr" />
<meta property="og:description" content="Wirf einen genaueren Blick auf alle Funktionen der VTEX-Plattform und entdecke Lösungen für den Handel, Markeplace und die Bestellverwaltung. Fordere eine Demo an." />
<meta property="og:url" content="https://vtex.com/de-de/" />
<meta property="og:site_name" content="VTEX" />
<meta property="og:updated_time" content="2024-01-30T19:21:54+00:00" />
<meta property="article:published_time" content="2023-09-28T14:04:25+00:00" />
<meta property="article:modified_time" content="2024-01-30T19:21:54+00:00" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="VTEX Commerce Plattform für B2B &amp; B2C ecommerce, Markteplace, OMS &amp; mehr" />
<meta name="twitter:description" content="Wirf einen genaueren Blick auf alle Funktionen der VTEX-Plattform und entdecke Lösungen für den Handel, Markeplace und die Bestellverwaltung. Fordere eine Demo an." />
<meta name="twitter:label1" content="Written by" />
<meta name="twitter:data1" content="Rodrigo Siqueira" />
<meta name="twitter:label2" content="Time to read" />
<meta name="twitter:data2" content="Less than a minute" />
<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://vtex.com/de-de/#organization/","name":"VTEX","url":"https://vtex.com/us-en/"},{"@type":"WebSite","@id":"https://vtex.com/de-de/#website/","url":"https://vtex.com/de-de/","name":"VTEX","publisher":{"@id":"https://vtex.com/de-de/#organization/"},"inLanguage":"de","potentialAction":{"@type":"SearchAction","target":"https://vtex.com/de-de/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage","@id":"https://vtex.com/de-de/#webpage","url":"https://vtex.com/de-de/","name":"VTEX Commerce Plattform f\u00fcr B2B &amp; B2C ecommerce, Markteplace, OMS &amp; mehr","datePublished":"2023-09-28T14:04:25+00:00","dateModified":"2024-01-30T19:21:54+00:00","about":{"@id":"https://vtex.com/de-de/#organization/"},"isPartOf":{"@id":"https://vtex.com/de-de/#website/"},"inLanguage":"de"},{"@type":"Person","@id":"https://vtex.com/de-de/author/rodrigo-siqueiramesainc-com-br/","name":"Rodrigo Siqueira","url":"https://vtex.com/de-de/author/rodrigo-siqueiramesainc-com-br/","image":{"@type":"ImageObject","caption":"Rodrigo Siqueira","inLanguage":"de"},"worksFor":{"@id":"https://vtex.com/de-de/#organization/"}},{"@type":"Article","headline":"VTEX Commerce Plattform f\u00fcr B2B &amp; B2C ecommerce, Markteplace, OMS &amp; mehr","datePublished":"2023-09-28T14:04:25+00:00","dateModified":"2024-01-30T19:21:54+00:00","author":{"@id":"https://vtex.com/de-de/author/rodrigo-siqueiramesainc-com-br/"},"publisher":{"@id":"https://vtex.com/de-de/#organization/"},"description":"Wirf einen genaueren Blick auf alle Funktionen der VTEX-Plattform und entdecke L\u00f6sungen f\u00fcr den Handel, Markeplace und die Bestellverwaltung. Fordere eine Demo an.","name":"VTEX Commerce Plattform f\u00fcr B2B &amp; B2C ecommerce, Markteplace, OMS &amp; mehr","@id":"https://vtex.com/de-de/#richSnippet","isPartOf":{"@id":"https://vtex.com/de-de/#webpage"},"inLanguage":"de","mainEntityOfPage":{"@id":"https://vtex.com/de-de/#webpage"}}]}</script>
<meta name="google-site-verification" content="tsCRzAqAuGSBvSfIKZwY6cmJ869kQMCXC-VM00aiCi4" />
<!-- /Rank Math WordPress SEO plugin -->

<link rel='dns-prefetch' href='//js.hs-scripts.com' />
<link rel='dns-prefetch' href='//unpkg.com' />
<link rel='dns-prefetch' href='//www.google.com' />
<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' />
<link rel='dns-prefetch' href='//s.w.org' />
<link rel="alternate" type="application/rss+xml" title="VTEX &raquo; Feed" href="https://vtex.com/de-de/feed/" />
<link rel="alternate" type="application/rss+xml" title="VTEX &raquo; Comments Feed" href="https://vtex.com/de-de/comments/feed/" />
<style id='global-styles-inline-css' type='text/css'>
body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
</style>
<link rel='stylesheet' id='multistep_form_custom_style-css'  href='https://vtex.com/wp-content/plugins/custom-multistep-form//css/multistep_form_style.css?ver=6.0.6' type='text/css' media='all' />
<link rel='stylesheet' id='cf7mls-css'  href='https://vtex.com/wp-content/plugins/cf7-multi-step/assets/frontend/css/cf7mls.css?ver=2.7.3' type='text/css' media='all' />
<link rel='stylesheet' id='cf7mls_animate-css'  href='https://vtex.com/wp-content/plugins/cf7-multi-step/assets/frontend/animate/animate.min.css?ver=2.7.3' type='text/css' media='all' />
<link rel='stylesheet' id='cf7cf-style-css'  href='https://vtex.com/wp-content/plugins/cf7-conditional-fields/style.css?ver=2.2.1' type='text/css' media='all' />
<link rel='stylesheet' id='404-style-css'  href='https://vtex.com/wp-content/themes/VTEXTheme/v2/css/404.css?ver=6.0.6' type='text/css' media='all' />
<link rel='stylesheet' id='aos-style-css'  href='https://unpkg.com/aos@2.3.1/dist/aos.css?ver=6.0.6' type='text/css' media='all' />
<link rel='stylesheet' id='animate-style-css'  href='https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css?ver=6.0.6' type='text/css' media='all' />
<link rel='stylesheet' id='form-mesa-css'  href='https://vtex.com/wp-content/themes/VTEXTheme/v2/css/form-mesa.css?ver=6.0.6' type='text/css' media='all' />
<link rel='stylesheet' id='style-page-css'  href='https://vtex.com/wp-content/themes/VTEXTheme/v2/css/2023-platform-overview.css?ver=7.0.0' type='text/css' media='all' />
<link rel='stylesheet' id='new-nav-style-css'  href='https://vtex.com/wp-content/themes/VTEXTheme/v2/css/header-footer-new.css?var=1112&#038;ver=6.0.6' type='text/css' media='all' />
<!--n2css--><script type='text/javascript' src='https://vtex.com/wp-includes/js/jquery/jquery.min.js?ver=3.6.0' id='jquery-core-js'></script>
<script type='text/javascript' src='https://vtex.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2' id='jquery-migrate-js'></script>
<script type='text/javascript' src='https://vtex.com/wp-content/plugins/custom-multistep-form/js/multistep_form.js?id=456&#038;ver=6.0.6' id='multistep_form_custom_script-js'></script>
<script type='text/javascript' src='https://unpkg.com/aos@2.3.1/dist/aos.js?ver=6.0.6' id='aos-js-js'></script>
<script type='text/javascript' src='https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js?ver=6.0.6' id='lottie-js-js'></script>
<script type='text/javascript' src='https://unpkg.com/@dotlottie/player-component@1.0.0/dist/dotlottie-player.js?ver=6.0.6' id='dot-lottie-js-js'></script>
<link rel="https://api.w.org/" href="https://vtex.com/de-de/wp-json/" /><link rel="alternate" type="application/json" href="https://vtex.com/de-de/wp-json/wp/v2/pages/5979243" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://vtex.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://vtex.com/wp-includes/wlwmanifest.xml" /> 
<link rel='shortlink' href='https://vtex.com/de-de/' />
<link rel="alternate" type="application/json+oembed" href="https://vtex.com/de-de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fvtex.com%2Fde-de%2F" />
<link rel="alternate" type="text/xml+oembed" href="https://vtex.com/de-de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fvtex.com%2Fde-de%2F&#038;format=xml" />
<meta name="generator" content="WPML ver:4.5.2 stt:71,64,82,69,73,74,85,66,1,68,80,4,83,27,78,75,76,84,43,42,45,81,2,65;" />
			<!-- DO NOT COPY THIS SNIPPET! Start of Page Analytics Tracking for HubSpot WordPress plugin v10.2.16-->
			<script type="text/javascript" class="hsq-set-content-id" data-content-id="standard-page">
				var _hsq = _hsq || [];
				_hsq.push(["setContentType", "standard-page"]);
			</script>
			<!-- DO NOT COPY THIS SNIPPET! End of Page Analytics Tracking for HubSpot WordPress plugin -->
			
<!-- Generated with Outfunnel Web Tracking plugin v2.9.3 -->
<script>
window.OFID = "654a2e44f225783a82499e2d";
window.OF_WP_VERSION = "2.9.3";
(function(){
var script = document.createElement('script');
var url = 'https://cdn.outfunnel.com/c.js?v='+ new Date().toISOString().substring(0,10);
script.setAttribute('src', url);
document.getElementsByTagName('head')[0].appendChild(script);
})();
</script>
<!-- / Outfunnel Web Tracking plugin -->

<style type="text/css">div[id^="wpcf7-f5982161"] button.cf7mls_next {   }div[id^="wpcf7-f5982161"] button.cf7mls_back {   }div[id^="wpcf7-f5982145"] button.cf7mls_next {   }div[id^="wpcf7-f5982145"] button.cf7mls_back {   }div[id^="wpcf7-f5982129"] button.cf7mls_next {   }div[id^="wpcf7-f5982129"] button.cf7mls_back {   }div[id^="wpcf7-f5979632"] button.cf7mls_next {   }div[id^="wpcf7-f5979632"] button.cf7mls_back {   }div[id^="wpcf7-f5979312"] button.cf7mls_next {   }div[id^="wpcf7-f5979312"] button.cf7mls_back {   }div[id^="wpcf7-f5979249"] button.cf7mls_next {   }div[id^="wpcf7-f5979249"] button.cf7mls_back {   }div[id^="wpcf7-f5888190"] button.cf7mls_next {   }div[id^="wpcf7-f5888190"] button.cf7mls_back {   }div[id^="wpcf7-f5888189"] button.cf7mls_next {   }div[id^="wpcf7-f5888189"] button.cf7mls_back {   }div[id^="wpcf7-f5888188"] button.cf7mls_next {   }div[id^="wpcf7-f5888188"] button.cf7mls_back {   }div[id^="wpcf7-f5864400"] button.cf7mls_next {   }div[id^="wpcf7-f5864400"] button.cf7mls_back {   }div[id^="wpcf7-f5849679"] button.cf7mls_next {   }div[id^="wpcf7-f5849679"] button.cf7mls_back {   }div[id^="wpcf7-f5836437"] button.cf7mls_next {   }div[id^="wpcf7-f5836437"] button.cf7mls_back {   }div[id^="wpcf7-f5774462"] button.cf7mls_next {   }div[id^="wpcf7-f5774462"] button.cf7mls_back {   }div[id^="wpcf7-f5774455"] button.cf7mls_next {   }div[id^="wpcf7-f5774455"] button.cf7mls_back {   }div[id^="wpcf7-f5774454"] button.cf7mls_next {   }div[id^="wpcf7-f5774454"] button.cf7mls_back {   }div[id^="wpcf7-f5774453"] button.cf7mls_next {   }div[id^="wpcf7-f5774453"] button.cf7mls_back {   }div[id^="wpcf7-f5774451"] button.cf7mls_next {   }div[id^="wpcf7-f5774451"] button.cf7mls_back {   }div[id^="wpcf7-f5774452"] button.cf7mls_next {   }div[id^="wpcf7-f5774452"] button.cf7mls_back {   }div[id^="wpcf7-f5774449"] button.cf7mls_next {   }div[id^="wpcf7-f5774449"] button.cf7mls_back {   }div[id^="wpcf7-f5774450"] button.cf7mls_next {   }div[id^="wpcf7-f5774450"] button.cf7mls_back {   }div[id^="wpcf7-f5774447"] button.cf7mls_next {   }div[id^="wpcf7-f5774447"] button.cf7mls_back {   }div[id^="wpcf7-f5774445"] button.cf7mls_next {   }div[id^="wpcf7-f5774445"] button.cf7mls_back {   }div[id^="wpcf7-f5774446"] button.cf7mls_next {   }div[id^="wpcf7-f5774446"] button.cf7mls_back {   }div[id^="wpcf7-f5774441"] button.cf7mls_next {   }div[id^="wpcf7-f5774441"] button.cf7mls_back {   }div[id^="wpcf7-f5774403"] button.cf7mls_next {   }div[id^="wpcf7-f5774403"] button.cf7mls_back {   }div[id^="wpcf7-f5696316"] button.cf7mls_next {   }div[id^="wpcf7-f5696316"] button.cf7mls_back {   }div[id^="wpcf7-f5694140"] button.cf7mls_next {   }div[id^="wpcf7-f5694140"] button.cf7mls_back {   }div[id^="wpcf7-f5683916"] button.cf7mls_next {   }div[id^="wpcf7-f5683916"] button.cf7mls_back {   }div[id^="wpcf7-f5683913"] button.cf7mls_next {   }div[id^="wpcf7-f5683913"] button.cf7mls_back {   }div[id^="wpcf7-f5683843"] button.cf7mls_next {   }div[id^="wpcf7-f5683843"] button.cf7mls_back {   }div[id^="wpcf7-f5683841"] button.cf7mls_next {   }div[id^="wpcf7-f5683841"] button.cf7mls_back {   }div[id^="wpcf7-f5683538"] button.cf7mls_next {   }div[id^="wpcf7-f5683538"] button.cf7mls_back {   }div[id^="wpcf7-f5683537"] button.cf7mls_next {   }div[id^="wpcf7-f5683537"] button.cf7mls_back {   }div[id^="wpcf7-f5683536"] button.cf7mls_next {   }div[id^="wpcf7-f5683536"] button.cf7mls_back {   }div[id^="wpcf7-f5683535"] button.cf7mls_next {   }div[id^="wpcf7-f5683535"] button.cf7mls_back {   }div[id^="wpcf7-f5683534"] button.cf7mls_next {   }div[id^="wpcf7-f5683534"] button.cf7mls_back {   }div[id^="wpcf7-f5683504"] button.cf7mls_next {   }div[id^="wpcf7-f5683504"] button.cf7mls_back {   }div[id^="wpcf7-f5683503"] button.cf7mls_next {   }div[id^="wpcf7-f5683503"] button.cf7mls_back {   }div[id^="wpcf7-f5683502"] button.cf7mls_next {   }div[id^="wpcf7-f5683502"] button.cf7mls_back {   }div[id^="wpcf7-f5683501"] button.cf7mls_next {   }div[id^="wpcf7-f5683501"] button.cf7mls_back {   }div[id^="wpcf7-f5682317"] button.cf7mls_next { background-color: #e31c58; color: #ffffff }div[id^="wpcf7-f5682317"] button.cf7mls_back { background-color: #e31c58; color: #ffffff }div[id^="wpcf7-f5682165"] button.cf7mls_next {   }div[id^="wpcf7-f5682165"] button.cf7mls_back {   }div[id^="wpcf7-f5682140"] button.cf7mls_next {   }div[id^="wpcf7-f5682140"] button.cf7mls_back {   }div[id^="wpcf7-f5677842"] button.cf7mls_next {   }div[id^="wpcf7-f5677842"] button.cf7mls_back {   }div[id^="wpcf7-f5677259"] button.cf7mls_next {   }div[id^="wpcf7-f5677259"] button.cf7mls_back {   }div[id^="wpcf7-f5677257"] button.cf7mls_next {   }div[id^="wpcf7-f5677257"] button.cf7mls_back {   }div[id^="wpcf7-f5669153"] button.cf7mls_next {   }div[id^="wpcf7-f5669153"] button.cf7mls_back {   }div[id^="wpcf7-f5669152"] button.cf7mls_next {   }div[id^="wpcf7-f5669152"] button.cf7mls_back {   }div[id^="wpcf7-f5668677"] button.cf7mls_next {   }div[id^="wpcf7-f5668677"] button.cf7mls_back {   }div[id^="wpcf7-f5668298"] button.cf7mls_next {   }div[id^="wpcf7-f5668298"] button.cf7mls_back {   }div[id^="wpcf7-f5667652"] button.cf7mls_next {   }div[id^="wpcf7-f5667652"] button.cf7mls_back {   }div[id^="wpcf7-f5666262"] button.cf7mls_next {   }div[id^="wpcf7-f5666262"] button.cf7mls_back {   }div[id^="wpcf7-f5666241"] button.cf7mls_next {   }div[id^="wpcf7-f5666241"] button.cf7mls_back {   }div[id^="wpcf7-f5666089"] button.cf7mls_next {   }div[id^="wpcf7-f5666089"] button.cf7mls_back {   }div[id^="wpcf7-f5665151"] button.cf7mls_next {   }div[id^="wpcf7-f5665151"] button.cf7mls_back {   }div[id^="wpcf7-f5636256"] button.cf7mls_next {   }div[id^="wpcf7-f5636256"] button.cf7mls_back {   }div[id^="wpcf7-f5619621"] button.cf7mls_next {   }div[id^="wpcf7-f5619621"] button.cf7mls_back {   }div[id^="wpcf7-f5575622"] button.cf7mls_next {   }div[id^="wpcf7-f5575622"] button.cf7mls_back {   }div[id^="wpcf7-f5553040"] button.cf7mls_next {   }div[id^="wpcf7-f5553040"] button.cf7mls_back {   }div[id^="wpcf7-f5514358"] button.cf7mls_next {   }div[id^="wpcf7-f5514358"] button.cf7mls_back {   }div[id^="wpcf7-f5485372"] button.cf7mls_next {   }div[id^="wpcf7-f5485372"] button.cf7mls_back {   }div[id^="wpcf7-f5485351"] button.cf7mls_next {   }div[id^="wpcf7-f5485351"] button.cf7mls_back {   }div[id^="wpcf7-f5485310"] button.cf7mls_next {   }div[id^="wpcf7-f5485310"] button.cf7mls_back {   }div[id^="wpcf7-f5485296"] button.cf7mls_next {   }div[id^="wpcf7-f5485296"] button.cf7mls_back {   }div[id^="wpcf7-f5485290"] button.cf7mls_next {   }div[id^="wpcf7-f5485290"] button.cf7mls_back {   }div[id^="wpcf7-f5485286"] button.cf7mls_next {   }div[id^="wpcf7-f5485286"] button.cf7mls_back {   }div[id^="wpcf7-f5485271"] button.cf7mls_next {   }div[id^="wpcf7-f5485271"] button.cf7mls_back {   }div[id^="wpcf7-f5485250"] button.cf7mls_next {   }div[id^="wpcf7-f5485250"] button.cf7mls_back {   }div[id^="wpcf7-f5485047"] button.cf7mls_next {   }div[id^="wpcf7-f5485047"] button.cf7mls_back {   }div[id^="wpcf7-f5485030"] button.cf7mls_next {   }div[id^="wpcf7-f5485030"] button.cf7mls_back {   }div[id^="wpcf7-f5484979"] button.cf7mls_next {   }div[id^="wpcf7-f5484979"] button.cf7mls_back {   }div[id^="wpcf7-f5483491"] button.cf7mls_next {   }div[id^="wpcf7-f5483491"] button.cf7mls_back {   }div[id^="wpcf7-f5483057"] button.cf7mls_next {   }div[id^="wpcf7-f5483057"] button.cf7mls_back {   }div[id^="wpcf7-f5482870"] button.cf7mls_next {   }div[id^="wpcf7-f5482870"] button.cf7mls_back {   }div[id^="wpcf7-f5457998"] button.cf7mls_next {   }div[id^="wpcf7-f5457998"] button.cf7mls_back {   }div[id^="wpcf7-f5457987"] button.cf7mls_next {   }div[id^="wpcf7-f5457987"] button.cf7mls_back {   }div[id^="wpcf7-f5457971"] button.cf7mls_next {   }div[id^="wpcf7-f5457971"] button.cf7mls_back {   }div[id^="wpcf7-f5457931"] button.cf7mls_next {   }div[id^="wpcf7-f5457931"] button.cf7mls_back {   }div[id^="wpcf7-f5457891"] button.cf7mls_next {   }div[id^="wpcf7-f5457891"] button.cf7mls_back {   }div[id^="wpcf7-f5457838"] button.cf7mls_next {   }div[id^="wpcf7-f5457838"] button.cf7mls_back {   }div[id^="wpcf7-f5457759"] button.cf7mls_next {   }div[id^="wpcf7-f5457759"] button.cf7mls_back {   }div[id^="wpcf7-f3891748"] button.cf7mls_next {   }div[id^="wpcf7-f3891748"] button.cf7mls_back {   }div[id^="wpcf7-f3881707"] button.cf7mls_next {   }div[id^="wpcf7-f3881707"] button.cf7mls_back {   }div[id^="wpcf7-f3679157"] button.cf7mls_next {   }div[id^="wpcf7-f3679157"] button.cf7mls_back {   }div[id^="wpcf7-f3679116"] button.cf7mls_next {   }div[id^="wpcf7-f3679116"] button.cf7mls_back {   }div[id^="wpcf7-f3679093"] button.cf7mls_next {   }div[id^="wpcf7-f3679093"] button.cf7mls_back {   }div[id^="wpcf7-f3679034"] button.cf7mls_next {   }div[id^="wpcf7-f3679034"] button.cf7mls_back {   }div[id^="wpcf7-f3679021"] button.cf7mls_next {   }div[id^="wpcf7-f3679021"] button.cf7mls_back {   }div[id^="wpcf7-f3678956"] button.cf7mls_next {   }div[id^="wpcf7-f3678956"] button.cf7mls_back {   }div[id^="wpcf7-f3678860"] button.cf7mls_next {   }div[id^="wpcf7-f3678860"] button.cf7mls_back {   }div[id^="wpcf7-f3669295"] button.cf7mls_next {   }div[id^="wpcf7-f3669295"] button.cf7mls_back {   }div[id^="wpcf7-f3654135"] button.cf7mls_next {   }div[id^="wpcf7-f3654135"] button.cf7mls_back {   }div[id^="wpcf7-f204793"] button.cf7mls_next {   }div[id^="wpcf7-f204793"] button.cf7mls_back {   }div[id^="wpcf7-f203355"] button.cf7mls_next {   }div[id^="wpcf7-f203355"] button.cf7mls_back {   }div[id^="wpcf7-f202302"] button.cf7mls_next {   }div[id^="wpcf7-f202302"] button.cf7mls_back {   }div[id^="wpcf7-f195979"] button.cf7mls_next {   }div[id^="wpcf7-f195979"] button.cf7mls_back {   }div[id^="wpcf7-f184116"] button.cf7mls_next {   }div[id^="wpcf7-f184116"] button.cf7mls_back {   }div[id^="wpcf7-f184113"] button.cf7mls_next {   }div[id^="wpcf7-f184113"] button.cf7mls_back {   }div[id^="wpcf7-f183856"] button.cf7mls_next {   }div[id^="wpcf7-f183856"] button.cf7mls_back {   }div[id^="wpcf7-f181508"] button.cf7mls_next {   }div[id^="wpcf7-f181508"] button.cf7mls_back {   }div[id^="wpcf7-f173496"] button.cf7mls_next {   }div[id^="wpcf7-f173496"] button.cf7mls_back {   }div[id^="wpcf7-f172827"] button.cf7mls_next {   }div[id^="wpcf7-f172827"] button.cf7mls_back {   }div[id^="wpcf7-f172808"] button.cf7mls_next {   }div[id^="wpcf7-f172808"] button.cf7mls_back {   }div[id^="wpcf7-f172806"] button.cf7mls_next {   }div[id^="wpcf7-f172806"] button.cf7mls_back {   }div[id^="wpcf7-f172804"] button.cf7mls_next {   }div[id^="wpcf7-f172804"] button.cf7mls_back {   }div[id^="wpcf7-f172046"] button.cf7mls_next {   }div[id^="wpcf7-f172046"] button.cf7mls_back {   }div[id^="wpcf7-f171969"] button.cf7mls_next {   }div[id^="wpcf7-f171969"] button.cf7mls_back {   }div[id^="wpcf7-f170262"] button.cf7mls_next {   }div[id^="wpcf7-f170262"] button.cf7mls_back {   }div[id^="wpcf7-f167213"] button.cf7mls_next {   }div[id^="wpcf7-f167213"] button.cf7mls_back {   }div[id^="wpcf7-f166857"] button.cf7mls_next {   }div[id^="wpcf7-f166857"] button.cf7mls_back {   }div[id^="wpcf7-f166833"] button.cf7mls_next {   }div[id^="wpcf7-f166833"] button.cf7mls_back {   }div[id^="wpcf7-f166831"] button.cf7mls_next {   }div[id^="wpcf7-f166831"] button.cf7mls_back {   }div[id^="wpcf7-f166829"] button.cf7mls_next {   }div[id^="wpcf7-f166829"] button.cf7mls_back {   }div[id^="wpcf7-f165421"] button.cf7mls_next {   }div[id^="wpcf7-f165421"] button.cf7mls_back {   }div[id^="wpcf7-f160303"] button.cf7mls_next {   }div[id^="wpcf7-f160303"] button.cf7mls_back {   }div[id^="wpcf7-f159695"] button.cf7mls_next {   }div[id^="wpcf7-f159695"] button.cf7mls_back {   }div[id^="wpcf7-f155008"] button.cf7mls_next {   }div[id^="wpcf7-f155008"] button.cf7mls_back {   }div[id^="wpcf7-f155007"] button.cf7mls_next {   }div[id^="wpcf7-f155007"] button.cf7mls_back {   }div[id^="wpcf7-f151135"] button.cf7mls_next {   }div[id^="wpcf7-f151135"] button.cf7mls_back {   }div[id^="wpcf7-f150068"] button.cf7mls_next {   }div[id^="wpcf7-f150068"] button.cf7mls_back {   }div[id^="wpcf7-f149802"] button.cf7mls_next {   }div[id^="wpcf7-f149802"] button.cf7mls_back {   }div[id^="wpcf7-f149588"] button.cf7mls_next {   }div[id^="wpcf7-f149588"] button.cf7mls_back {   }div[id^="wpcf7-f149537"] button.cf7mls_next {   }div[id^="wpcf7-f149537"] button.cf7mls_back {   }div[id^="wpcf7-f140705"] button.cf7mls_next {   }div[id^="wpcf7-f140705"] button.cf7mls_back {   }div[id^="wpcf7-f139574"] button.cf7mls_next {   }div[id^="wpcf7-f139574"] button.cf7mls_back {   }div[id^="wpcf7-f133476"] button.cf7mls_next {   }div[id^="wpcf7-f133476"] button.cf7mls_back {   }div[id^="wpcf7-f133444"] button.cf7mls_next {   }div[id^="wpcf7-f133444"] button.cf7mls_back {   }div[id^="wpcf7-f132704"] button.cf7mls_next {   }div[id^="wpcf7-f132704"] button.cf7mls_back {   }div[id^="wpcf7-f132356"] button.cf7mls_next {   }div[id^="wpcf7-f132356"] button.cf7mls_back {   }div[id^="wpcf7-f124515"] button.cf7mls_next {   }div[id^="wpcf7-f124515"] button.cf7mls_back {   }div[id^="wpcf7-f123851"] button.cf7mls_next {   }div[id^="wpcf7-f123851"] button.cf7mls_back {   }div[id^="wpcf7-f119986"] button.cf7mls_next {   }div[id^="wpcf7-f119986"] button.cf7mls_back {   }div[id^="wpcf7-f119984"] button.cf7mls_next {   }div[id^="wpcf7-f119984"] button.cf7mls_back {   }div[id^="wpcf7-f119862"] button.cf7mls_next {   }div[id^="wpcf7-f119862"] button.cf7mls_back {   }div[id^="wpcf7-f118430"] button.cf7mls_next {   }div[id^="wpcf7-f118430"] button.cf7mls_back {   }div[id^="wpcf7-f112049"] button.cf7mls_next {   }div[id^="wpcf7-f112049"] button.cf7mls_back {   }div[id^="wpcf7-f111265"] button.cf7mls_next {   }div[id^="wpcf7-f111265"] button.cf7mls_back {   }div[id^="wpcf7-f108862"] button.cf7mls_next {   }div[id^="wpcf7-f108862"] button.cf7mls_back {   }div[id^="wpcf7-f108276"] button.cf7mls_next {   }div[id^="wpcf7-f108276"] button.cf7mls_back {   }div[id^="wpcf7-f104544"] button.cf7mls_next {   }div[id^="wpcf7-f104544"] button.cf7mls_back {   }div[id^="wpcf7-f104534"] button.cf7mls_next {   }div[id^="wpcf7-f104534"] button.cf7mls_back {   }div[id^="wpcf7-f104525"] button.cf7mls_next {   }div[id^="wpcf7-f104525"] button.cf7mls_back {   }div[id^="wpcf7-f103937"] button.cf7mls_next {   }div[id^="wpcf7-f103937"] button.cf7mls_back {   }div[id^="wpcf7-f103879"] button.cf7mls_next {   }div[id^="wpcf7-f103879"] button.cf7mls_back {   }div[id^="wpcf7-f103843"] button.cf7mls_next {   }div[id^="wpcf7-f103843"] button.cf7mls_back {   }div[id^="wpcf7-f103582"] button.cf7mls_next {   }div[id^="wpcf7-f103582"] button.cf7mls_back {   }div[id^="wpcf7-f100141"] button.cf7mls_next {   }div[id^="wpcf7-f100141"] button.cf7mls_back {   }div[id^="wpcf7-f100140"] button.cf7mls_next {   }div[id^="wpcf7-f100140"] button.cf7mls_back {   }div[id^="wpcf7-f99548"] button.cf7mls_next {   }div[id^="wpcf7-f99548"] button.cf7mls_back {   }div[id^="wpcf7-f98532"] button.cf7mls_next {   }div[id^="wpcf7-f98532"] button.cf7mls_back {   }div[id^="wpcf7-f98526"] button.cf7mls_next {   }div[id^="wpcf7-f98526"] button.cf7mls_back {   }div[id^="wpcf7-f98518"] button.cf7mls_next {   }div[id^="wpcf7-f98518"] button.cf7mls_back {   }div[id^="wpcf7-f96695"] button.cf7mls_next {   }div[id^="wpcf7-f96695"] button.cf7mls_back {   }div[id^="wpcf7-f95273"] button.cf7mls_next {   }div[id^="wpcf7-f95273"] button.cf7mls_back {   }div[id^="wpcf7-f78881"] button.cf7mls_next {   }div[id^="wpcf7-f78881"] button.cf7mls_back {   }div[id^="wpcf7-f78682"] button.cf7mls_next {   }div[id^="wpcf7-f78682"] button.cf7mls_back {   }div[id^="wpcf7-f78456"] button.cf7mls_next {   }div[id^="wpcf7-f78456"] button.cf7mls_back {   }div[id^="wpcf7-f65115"] button.cf7mls_next {   }div[id^="wpcf7-f65115"] button.cf7mls_back {   }div[id^="wpcf7-f65114"] button.cf7mls_next {   }div[id^="wpcf7-f65114"] button.cf7mls_back {   }div[id^="wpcf7-f58868"] button.cf7mls_next {   }div[id^="wpcf7-f58868"] button.cf7mls_back {   }div[id^="wpcf7-f58867"] button.cf7mls_next {   }div[id^="wpcf7-f58867"] button.cf7mls_back {   }div[id^="wpcf7-f58866"] button.cf7mls_next {   }div[id^="wpcf7-f58866"] button.cf7mls_back {   }div[id^="wpcf7-f58859"] button.cf7mls_next {   }div[id^="wpcf7-f58859"] button.cf7mls_back {   }div[id^="wpcf7-f58143"] button.cf7mls_next {   }div[id^="wpcf7-f58143"] button.cf7mls_back {   }div[id^="wpcf7-f44759"] button.cf7mls_next {   }div[id^="wpcf7-f44759"] button.cf7mls_back {   }div[id^="wpcf7-f44758"] button.cf7mls_next {   }div[id^="wpcf7-f44758"] button.cf7mls_back {   }div[id^="wpcf7-f21006"] button.cf7mls_next {   }div[id^="wpcf7-f21006"] button.cf7mls_back {   }div[id^="wpcf7-f21005"] button.cf7mls_next {   }div[id^="wpcf7-f21005"] button.cf7mls_back {   }div[id^="wpcf7-f21004"] button.cf7mls_next {   }div[id^="wpcf7-f21004"] button.cf7mls_back {   }div[id^="wpcf7-f21003"] button.cf7mls_next {   }div[id^="wpcf7-f21003"] button.cf7mls_back {   }div[id^="wpcf7-f21002"] button.cf7mls_next {   }div[id^="wpcf7-f21002"] button.cf7mls_back {   }div[id^="wpcf7-f21001"] button.cf7mls_next {   }div[id^="wpcf7-f21001"] button.cf7mls_back {   }div[id^="wpcf7-f21000"] button.cf7mls_next {   }div[id^="wpcf7-f21000"] button.cf7mls_back {   }div[id^="wpcf7-f20778"] button.cf7mls_next {   }div[id^="wpcf7-f20778"] button.cf7mls_back {   }div[id^="wpcf7-f20773"] button.cf7mls_next {   }div[id^="wpcf7-f20773"] button.cf7mls_back {   }div[id^="wpcf7-f20403"] button.cf7mls_next {   }div[id^="wpcf7-f20403"] button.cf7mls_back {   }div[id^="wpcf7-f10019"] button.cf7mls_next {   }div[id^="wpcf7-f10019"] button.cf7mls_back {   }div[id^="wpcf7-f10018"] button.cf7mls_next {   }div[id^="wpcf7-f10018"] button.cf7mls_back {   }div[id^="wpcf7-f9132"] button.cf7mls_next {   }div[id^="wpcf7-f9132"] button.cf7mls_back {   }div[id^="wpcf7-f9053"] button.cf7mls_next {   }div[id^="wpcf7-f9053"] button.cf7mls_back {   }div[id^="wpcf7-f9050"] button.cf7mls_next {   }div[id^="wpcf7-f9050"] button.cf7mls_back {   }div[id^="wpcf7-f9047"] button.cf7mls_next {   }div[id^="wpcf7-f9047"] button.cf7mls_back {   }div[id^="wpcf7-f6691"] button.cf7mls_next {   }div[id^="wpcf7-f6691"] button.cf7mls_back {   }div[id^="wpcf7-f6690"] button.cf7mls_next {   }div[id^="wpcf7-f6690"] button.cf7mls_back {   }div[id^="wpcf7-f4562"] button.cf7mls_next {   }div[id^="wpcf7-f4562"] button.cf7mls_back {   }div[id^="wpcf7-f4560"] button.cf7mls_next {   }div[id^="wpcf7-f4560"] button.cf7mls_back {   }div[id^="wpcf7-f4559"] button.cf7mls_next {   }div[id^="wpcf7-f4559"] button.cf7mls_back {   }div[id^="wpcf7-f4558"] button.cf7mls_next {   }div[id^="wpcf7-f4558"] button.cf7mls_back {   }</style><link rel="icon" href="https://vtex.com/wp-content/uploads/2018/05/cropped-apple-icon-60x60-32x32.png" sizes="32x32" />
<link rel="icon" href="https://vtex.com/wp-content/uploads/2018/05/cropped-apple-icon-60x60-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://vtex.com/wp-content/uploads/2018/05/cropped-apple-icon-60x60-180x180.png" />
<meta name="msapplication-TileImage" content="https://vtex.com/wp-content/uploads/2018/05/cropped-apple-icon-60x60-270x270.png" />
		<style type="text/css" id="wp-custom-css">
			.bf-footer__developed {
    display: none;
}
.header__nav li.current-menu-item a,.footer__nav li.current-menu-item a, .header__nav li.current-menu-ancestor a{
	color: #f71a63;
}
.header__nav li.item-contact.current-menu-item  a:after{
	background: url(/wp-content/themes/VTEXTheme/v2/images/icons/arrow-contact-pink.svg) top center no-repeat;
}
.page-contact .vtex-form__control-checkbox input+span{
	margin-bottom: 0;
}
.page-contact .vtex-form__submit{
	margin-bottom: 16px;
}
.page-id-203352 .page-contact{
	display:none;
}
.page-contact__form p{
	margin-bottom: 0!important;
}
.vtex-form__support-small{
	margin-top: 0;
}
.vtex-form__submit:hover{
	  background-color: #d3074b;
    border-color: #d3074b;
}
.vtex-form__support a:hover {
    text-decoration: underline;
}
.page-template-homepage:lang(sg-en) .customer-stories .button-primary,.page-id-page-id-203969:lang(sg-en) .testimonies-tabs__content .button,.page-id-203947:lang(sg-en) .testimonies-tabs__content .button{
	display:none;
}


@media (max-width: 992px) {
	.v2#salesModal .modal-close .close {
		left: 0;
    text-align: left;
    padding-left: 15px;
		font-size: 10.5px;
	}
}

.bf-header-page .bf-btn-call {
    width: auto;
    padding: 0 1.25rem;
}

.bf-header-page .bf-btn-call span {
	opacity: 1;
}

#menu-item-3671,
#menu-item-3013,
#menu-item-3696,

#menu-item-3738,
#menu-item-295,
#menu-item-3756,

#menu-item-302,
#menu-item-3747,
#menu-item-3765 {
	display: none;
}

.page-template-contact #modal-aba > div.modal-abatitle {
	display:none !important;
}
select.form-control:not([size]):not([multiple]) {
	    height: -webkit-calc(3.25rem + 2px) !important;
    height: calc(3.25rem + 2px) !important;
}

#contato-partner option {
	background-color: #111c2d !important;
}
.form-control, .bf-select-custom {
	color: #9BA7C3 !important;
}

.wpml-ls-item-ro {
	display: none !important;
}

.wpml-ls-item-bo-es, 
.wpml-ls-item-pe-es,
.wpml-ls-item-de-en {
	display: none !important;
}
.card-cookies{
	display:none;
}
.about__investors{
	display : none;
}
.page-id-202295 .page-contact__phone{
	display : none;
}
.footer__nav ul li{
	/*width: 25%;*/
}
.hero__picture__div__image__video{
	position: relative;
}
.hero__picture__div__image__video > video {
  width: 580px;
  border-radius: 26px;
  max-width: 100%;
}

@media (max-width: 1024px){
	.steps{
		border-top: unset;
	}
	.about__section-image__bg img{
		width: 100%;
	}
	.about__careers__list{
		justify-content: center;
	}
	.template-partner__brands__item__card{
		height: 280px;
	}
	.page-template-v2-template-products-first .content-left-right{
		margin-top: 0;
	}
	.content-left-right__item:nth-child(2n+2) .content-left-right__item__content{
		padding: 0;
	}
	.page-id-199555 .content-left-right__item__image{
		margin-bottom: 40px;
	}
	.cards__container-once{
		max-width: 980px;
		width: 100%;
	}
	.list-features .container{
		max-width: 570px;
    margin: 0 auto;
	}
	}
@media (max-width: 1024px) and (min-width: 768px){
	.about__leadership__item{
		height: 395px;
	}
	.about__numbers{
		padding-left: 20px;
	}
	 .content-left-right__item:last-child {
    margin-bottom: 0px;
}
	.cards__list__item__content{
		height: 350px;
	}
	.page-template-v2-template-products-second .content-left-right__item:last-child{
		margin-bottom: 64px;
	}
		.page-id-203356 div#cards-resources > .col-lg-12 {
    display: flex;
    justify-content: center;
}
	.page-id-203356 .cards__list__item-single .cards__list__item__image {
    height: 200px;
}
	.content-left-right__item:nth-child(2n+2) .content-left-right__item__content{
		order: 2!important;
	}
	.content-left-right__item:nth-child(2n+2) .content-left-right__item__picture{
		order: 1!important;
	}
}
@media (max-width: 1366px) and (min-width: 1024px){
	.gartner__title{
		margin-right: 40px;
	}
	.start__list__item-description{
		height: 150px;
	}
	.offices__address{
		height: 380px;
	}
	.percentage-list .container{
		max-width: unset;
	}
	.page-template-v2-template-products-second .content-left-right__item:last-child{
		flex-direction: row-reverse;
		margin-bottom: 64px;
	}
	.page-id-203356 .cards__list__item-single .cards__list__item__image{
		height: 100%!important;
	}
	.page-id-203356 .cards__list__item__button{
		margin-bottom: 20px;
	}
	.content-left-right__item:nth-child(2n+2){
		flex-direction: row-reverse;
	}
	.content-left-right-reverse .content-left-right__item:nth-child(2n+2) .content-left-right__item__content{
		order: 2;
	}
	.content-left-right__item__image-mobile{
	  max-width: 400px;
    width: 100%;
	}
}
@media (max-width: 767px){
	.about__investors__logos{
		display: flex;
    justify-content: space-around;
	}
	.hero-without-image{
		text-align: center;
	}
	.hero-without-image__title, .hero-without-image__description{
		text-align: left;
	}
	.hero-without-image__button{
		width: unset;
	}
	.content-left-right__item:last-child {
    margin-bottom: 16px;
}
	.list-features__list__item__title{
		margin-top: 0;
	}
	.main {
    padding-top: 80px;
	}
	.about__history__timeline__item{
		display: flex;
	}
.about__history__timeline__item__year{
	 order: 1;	
	 width: 31%;
	}
.about__history__timeline__item__image{
	 width: 38%;
	 order: 3;
}
.about__history__timeline__item__description{
		width: 31%;
    order: 2;
}
.footer__nav ul li{
	width: 100%;
}
	.sitemap ul li a{
		width: 100%;
	}
	body .footer__nav ul .menu-item-204558 ul{
		display:block;
	}
}
@media (max-width: 500px){
	.about__history__timeline__item{
		display: inline-block;
	}
.about__history__timeline__item__description,.about__history__timeline__item__image{
		order: unset;
	width: 225px
	}
.about__history__timeline__item__year{
		order: unset; 
    width: unset;
	}
	
}
@media (max-width: 1200px){
	.lang-active{
		display: none;
	}
}
/* @media (max-width: 1340px){
	.hero-v2__picture__image{
		 max-width: 400px;
	}
	.hero-content__figure__image{
		 max-width: 360px;
	}
} */
/* @media (max-width: 1680px){
	.hero-v2__picture__image{
		 max-width: 440px;
	}
	.hero-content__figure__image{
		 max-width: 420px;
	}
	.hero-with-image__image{
		max-width: 500px;
	}
	.hero-v2__picture-smaller{
		 width: 400px;
	}
} */
/* @media (max-width: 1023px){
	.hero-v2__picture__image, .hero-content__figure__image, .hero-with-image__image{
		 max-width: 100%;
	}
	.hero-v2__picture-smaller{
		width: 100%;
	}
} */
.page-id-203798 .page-contact{
	display: none;
}
.about__investors{
	display:none;
}
.content-bullet{
  padding-bottom: 64px;
  background-color: #F8F7FC;
	margin-bottom: 0;
}
.content-left-right {
    padding-top: 64px!important;
}
@media only screen and (max-width: 1440px){
	.content-left-right__item:nth-child(2n+2){
		flex-direction: row-reverse;
	}
	.content-left-right__item:nth-child(2n+2) .content-left-right__item__picture, .content-left-right__item:nth-child(2n+2) .content-left-right__item__content{
		order: unset;
	}
}
@media screen and (max-width:1199px){
.footer__nav ul.menu {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.footer__nav ul.menu > .menu-item {
	width: 33.33%;
	margin-bottom: 20px;
}
}
@media screen and (max-width:767px){
.footer__nav ul.menu > .menu-item {
	width: 100%;
}
	.content-bullet__content__button{
		 margin-bottom: 0;
	}
	.content-bullet{
		padding-top: 56px;
		padding-bottom: 32px;
	}
	.content-left-right {
    padding-top: 32px!important;
}
	.hero__picture__div__image__video{
		padding: 0 15px;
	}
}
.case-filter-section {
    position: relative;
}

.content-left-right__item ul li{
	position: relative;
}
.content-left-right__item ul li:before{
	content: '';
	position: absolute;
	background-image: url('/wp-content/themes/VTEXTheme/v2/images/pink-check.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 28px;
	height: 28px;
}
.content-left-right__item ul li .list-content{
	 padding-left: 36px;
}		</style>
		
	<link href='https://vtex.com/wp-content/themes/VTEXTheme/css/new-site/v2-template-products-first.css' rel='stylesheet' type='text/css'>
	
</head>

<body class="home page-template page-template-page-templates page-template-2023-platform-overview page-template-page-templates2023-platform-overview-php page page-id-5979243" id="page-5979243" data-languagecode="de-de" data-messageformerror="Something went wrong. Please, review your data.">
	
	
	<script type="text/javascript" src="https://secure.fear7calk.com/js/209323.js"></script>
	<noscript><img alt="" src="https://secure.bali6nora.com/209323.png" style="display:none;" /></noscript>

	
	


	

		<header class="header__container  ">
			<div class="header">

				<a class="header__logo" href="https://vtex.com/de-de/" title="VTEX - Accelerate Commerce Transformation">
					VTEX - Accelerate Commerce Transformation
				</a>

				<div class="header__navigation">
					<div class="header__nav header__nav-left">
						<div id="main-menu" class="menu-menu-de-de-2023-container"><ul id="menu-menu-de-de-2023" class="menu"><li id="menu-item-5972293" class="fullwidthmenu nav-extended menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5972293"><a href="#">Products</a>
<ul class="sub-menu">
	<li id="menu-item-5973126" class="vmtitle menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5973126"><a href="#">How our <br/> platform works<p class="menu-item-description">Explora new ways to sell and fulfil with an all-in-one platform.</p></a>
	<ul class="sub-menu">
		<li id="menu-item-5973127" class="vpinklinkicon menu-item menu-item-type-custom menu-item-object-custom menu-item-5973127"><a href="/de-de/platform-overview/">Get a Platform Overview</a></li>
	</ul>
</li>
	<li id="menu-item-5973128" class="dnone menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5973128"><a href="#">product col2</a>
	<ul class="sub-menu">
		<li id="menu-item-5973129" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973129"><a href="/gb-en/core-commerce/">Digital Commerce Platform</a></li>
		<li id="menu-item-5973130" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973130"><a href="/gb-en/order-management-system/">Order Management System</a></li>
		<li id="menu-item-5973131" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973131"><a href="/gb-en/vtex-io/">VTEX IO Development Platform</a></li>
		<li id="menu-item-5973132" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973132"><a href="/gb-en/marketplace-seller-management/">Marketplace &#038; Seller Management</a></li>
	</ul>
</li>
	<li id="menu-item-5973133" class="dnone menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5973133"><a href="#">product col3</a>
	<ul class="sub-menu">
		<li id="menu-item-5973134" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973134"><a href="/gb-en/live-shopping/">Live Shopping</a></li>
	</ul>
</li>
</ul>
</li>
<li id="menu-item-5973135" class="fullwidthmenu nav-extended menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5973135"><a href="#">Solutions</a>
<ul class="sub-menu">
	<li id="menu-item-5973136" class="vmsubtitle menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5973136"><a href="#">BY USE CASE</a>
	<ul class="sub-menu">
		<li id="menu-item-5973137" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973137"><a href="/gb-en/digital-commerce/">B2C Commerce</a></li>
		<li id="menu-item-5973138" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973138"><a href="/gb-en/b2b-commerce/">B2B Commerce</a></li>
		<li id="menu-item-5973139" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973139"><a href="/gb-en/ecommerce-marketplace/">Ecommerce Marketplace</a></li>
		<li id="menu-item-5973140" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973140"><a href="/gb-en/headless-commerce/">Headless Commerce</a></li>
		<li id="menu-item-5973141" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973141"><a href="/gb-en/omnichannel/">Omnichannel</a></li>
	</ul>
</li>
	<li id="menu-item-5973142" class="vmsubtitle menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5973142"><a href="#">BY INDUSTRY</a>
	<ul class="sub-menu">
		<li id="menu-item-5973147" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973147"><a href="/gb-en/grocery/">Grocery</a></li>
		<li id="menu-item-5973152" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973152"><a href="/gb-en/fashion-gb/">Fashion</a></li>
		<li id="menu-item-5973153" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973153"><a href="/gb-en/manufacturing/">Manufacturing</a></li>
	</ul>
</li>
</ul>
</li>
<li id="menu-item-5973154" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973154"><a href="/gb-en/cases/">Customers</a></li>
<li id="menu-item-5973156" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973156"><a href="/gb-en/partner/">Partners</a></li>
<li id="menu-item-5973155" class="fullwidthmenu nav-extended menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5973155"><a href="#">Company</a>
<ul class="sub-menu">
	<li id="menu-item-5973158" class="dnone menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5973158"><a href="#">Company col1</a>
	<ul class="sub-menu">
		<li id="menu-item-5973159" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973159"><a href="/gb-en/about-us/">About Us</a></li>
		<li id="menu-item-5973157" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973157"><a target="_blank" rel="noopener" href="https://careers.vtex.com/">Careers</a></li>
		<li id="menu-item-5973160" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973160"><a href="/gb-en/contact/">Contact Us</a></li>
	</ul>
</li>
	<li id="menu-item-5973161" class="dnone menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5973161"><a href="#">Company col2</a>
	<ul class="sub-menu">
		<li id="menu-item-5973162" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973162"><a href="/gb-en/press-media/">Press &#038; Media</a></li>
		<li id="menu-item-5973163" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973163"><a target="_blank" rel="noopener" href="https://www.investors.vtex.com/">Investors Relations</a></li>
	</ul>
</li>
</ul>
</li>
<li id="menu-item-5973164" class="fullwidthmenu nav-extended menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5973164"><a href="#">Resources</a>
<ul class="sub-menu">
	<li id="menu-item-5973165" class="vmtitle menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5973165"><a href="/gb-en/resources/">Explore our <br/> Resource Center<p class="menu-item-description">From ebooks to videos, find great content about business and commerce</p></a>
	<ul class="sub-menu">
		<li id="menu-item-5973166" class="vpinklinkicon menu-item menu-item-type-custom menu-item-object-custom menu-item-5973166"><a href="/gb-en/resources/">Explore our Resource Center</a></li>
	</ul>
</li>
	<li id="menu-item-5973167" class="dnone menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5973167"><a href="#">Resources col2</a>
	<ul class="sub-menu">
		<li id="menu-item-5973362" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973362"><a href="/gb-en/resources-category/demo-videos/">Product Demo Videos</a></li>
		<li id="menu-item-5973363" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973363"><a target="_blank" rel="noopener" href="/en/blog/">Blog</a></li>
		<li id="menu-item-5973364" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973364"><a target="_blank" rel="noopener" href="https://apps.vtex.com/">App Store</a></li>
		<li id="menu-item-5973365" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973365"><a target="_blank" rel="noopener" href="https://developers.vtex.com/">Developer Portal</a></li>
		<li id="menu-item-5973366" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973366"><a href="https://help.vtex.com/">Help Center</a></li>
	</ul>
</li>
</ul>
</li>
</ul></div>						<!-- mobile menu -->
													<div id="main-mobile" class="menu-menu-mobile-de-de-2023-container"><ul id="menu-menu-mobile-de-de-2023" class="menu"><li id="menu-item-5973659" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5973659"><a href="#">Product</a>
<ul class="sub-menu">
	<li id="menu-item-5973660" class="vpinklinkicon menu-item menu-item-type-custom menu-item-object-custom menu-item-5973660"><a href="/de-de/platform-overview/">How our platform works?<p class="menu-item-description">Explore new ways to sell and fulfill with a an all-in-one platform.</p></a></li>
	<li id="menu-item-5973661" class="vmsubtitle menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5973661"><a href="#">PLATFORM</a>
	<ul class="sub-menu">
		<li id="menu-item-5973662" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973662"><a href="/gb-en/core-commerce/">Commerce Platform</a></li>
		<li id="menu-item-5973663" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973663"><a href="/gb-en/marketplace-seller-management/">Marketplace &#038; Seller Management</a></li>
		<li id="menu-item-5973664" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973664"><a href="/gb-en/order-management-system/">Order Management System</a></li>
		<li id="menu-item-5973665" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973665"><a href="/gb-en/vtex-io/">VTEX IO Development Platform</a></li>
	</ul>
</li>
</ul>
</li>
<li id="menu-item-5973666" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5973666"><a href="#">Solutions</a>
<ul class="sub-menu">
	<li id="menu-item-5973667" class="vmsubtitle menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5973667"><a href="#">BY USE CASE</a>
	<ul class="sub-menu">
		<li id="menu-item-5973670" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973670"><a href="/gb-en/digital-commerce/">B2C Commerce</a></li>
		<li id="menu-item-5973669" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973669"><a href="/gb-en/b2b/">B2B Commerce</a></li>
		<li id="menu-item-5973668" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973668"><a href="/gb-en/ecommerce-marketplace/">Ecommerce Marketplace</a></li>
		<li id="menu-item-5973671" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973671"><a href="/gb-en/headless-commerce/">Headless Commerce</a></li>
		<li id="menu-item-5973673" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973673"><a href="/gb-en/omnichannel/">Omnichannel B2C Commerce</a></li>
	</ul>
</li>
	<li id="menu-item-5973672" class="vmsubtitle menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5973672"><a href="#">BY INDUSTRY</a>
	<ul class="sub-menu">
		<li id="menu-item-5973674" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973674"><a href="/gb-en/consumer-packaged-goods/">Consumer Packaged Goods</a></li>
		<li id="menu-item-5973675" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973675"><a href="/gb-en/grocery/">Grocery Page</a></li>
		<li id="menu-item-5973676" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973676"><a href="/gb-en/manufacturing/">Manufacturing</a></li>
		<li id="menu-item-5973677" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973677"><a href="/gb-en/fashion-gb/">Fashion</a></li>
	</ul>
</li>
</ul>
</li>
<li id="menu-item-5973678" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973678"><a href="/gb-en/cases/">Customers</a></li>
<li id="menu-item-5973687" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973687"><a href="/gb-en/partner/">Partner</a></li>
<li id="menu-item-5973688" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5973688"><a href="#">Company</a>
<ul class="sub-menu">
	<li id="menu-item-5973689" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973689"><a href="/gb-en/about-us/">About Us</a></li>
	<li id="menu-item-5973690" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973690"><a target="_blank" rel="noopener" href="https://investors.vtex.com/">Investors Relations</a></li>
	<li id="menu-item-5973691" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973691"><a href="/gb-en/press-media/">Press &#038; Media</a></li>
	<li id="menu-item-5973692" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973692"><a href="/de-de/contact/">Contact Us</a></li>
	<li id="menu-item-5973693" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973693"><a target="_blank" rel="noopener" href="https://careers.vtex.com/">Careers</a></li>
</ul>
</li>
<li id="menu-item-5973694" class="menuTitle position-relative lead text-secondary mb-0 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5973694"><a href="#">Resources</a>
<ul class="sub-menu">
	<li id="menu-item-5973695" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973695"><a href="/gb-en/resources/">Resources Center</a></li>
	<li id="menu-item-5973696" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973696"><a href="/en/blog/">Blog</a></li>
	<li id="menu-item-5973697" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973697"><a href="/gb-en/cases/">Customers Stories</a></li>
	<li id="menu-item-5973698" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973698"><a target="_blank" rel="noopener" href="http://apps.vtex.com/">App Store</a></li>
	<li id="menu-item-5973700" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973700"><a target="_blank" rel="noopener" href="https://developers.vtex.com/">Developer Portal</a></li>
	<li id="menu-item-5973699" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5973699"><a target="_blank" rel="noopener" href="http://help.vtex.com/">Help Center</a></li>
</ul>
</li>
</ul></div>											</div>

					<div class="header__nav header__nav-right" id="button-contact">
						<div class="menu-menu-secondary-de-de-2023-container"><ul id="menu-menu-secondary-de-de-2023" class="menu"><li id="menu-item-5978198" class="item-contact menu-item menu-item-type-custom menu-item-object-custom menu-item-5978198"><a href="/de-de/contact/">Contact Us</a></li>
</ul></div>					</div>
				</div>

				<div class="header__right">
					<div class="header__menu">
						<div class="header__menu__icon">
							<span></span>
							<span></span>
							<span></span>
							<span></span>
						</div>
					</div>
					<div class="header__languages">
						<div class="header__languages__icon">
							<svg role="img" class="header__languages__globe">
								<use xlink:href="https://vtex.com/wp-content/themes/VTEXTheme/v2/images/svg-symbols.svg#world"></use>
							</svg>
							<svg role="img" class="header__languages__arrow-down">
								<use xlink:href="https://vtex.com/wp-content/themes/VTEXTheme/v2/images/svg-symbols.svg#down"></use>
							</svg>
						</div>

						<ul class="header__languages__list">
							<li class="header__languages__item"><a href="https://vtex.com/us-en/" class="header__languages__link">United States</a></li><li class="header__languages__item"><a href="https://vtex.com/br-pt/" class="header__languages__link">Brasil</a></li><li class="header__languages__item"><a href="https://vtex.com/pt-pt/" class="header__languages__link">Portugal</a></li><li class="header__languages__item"><a href="https://vtex.com/ar-es/" class="header__languages__link">Argentina</a></li><li class="header__languages__item"><a href="https://vtex.com/gb-en/" class="header__languages__link">United Kingdom</a></li><li class="header__languages__item"><a href="https://vtex.com/es-es/" class="header__languages__link">España</a></li><li class="header__languages__item"><a href="https://vtex.com/it-it/" class="header__languages__link"> Italia</a></li><li class="header__languages__item"><a href="https://vtex.com/cl-es/" class="header__languages__link">Chile</a></li><li class="header__languages__item"><a href="https://vtex.com/sg-en/" class="header__languages__link">Singapore</a></li><li class="header__languages__item"><a href="https://vtex.com/mx-es/" class="header__languages__link">México</a></li><li class="header__languages__item"><a href="https://vtex.com/pe-es/" class="header__languages__link">Perú</a></li><li class="header__languages__item"><a href="https://vtex.com/ro/" class="header__languages__link">România</a></li><li class="header__languages__item"><a href="https://vtex.com/fr-fr/" class="header__languages__link">France</a></li><li class="header__languages__item"><a href="https://vtex.com/au-en/" class="header__languages__link">Australia</a></li><li class="header__languages__item"><a href="https://vtex.com/in-en/" class="header__languages__link">India</a></li><li class="header__languages__item"><a href="https://vtex.com/pl-pl/" class="header__languages__link">Polska</a></li><li class="header__languages__item"><a href="https://vtex.com/co-es/" class="header__languages__link">Colombia & North LATAM</a></li><li class="header__languages__item"><a href="https://vtex.com/de-de/" class="header__languages__link active">Deutschland</a></li>						</ul>
					</div>
				</div>
			</div>
		</header>
	
	<script src="" async></script>
	<main class="main">
    
<style>
    .platform-section {
        height: auto;
        width: 100%;
    }

    .platform-banner img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }

    .platform-title-content {
        width: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;

    }

    .platform-title-heading {
        font-weight: 400;
        margin: 0 auto;
        max-width: 794px;
    }

    .platform-title-desc {
        font-style: normal;
        font-weight: 400;
        max-width: 540px;
        line-height: 135%;
        margin: 16px auto 32px auto;
    }

    .button-primary svg {

        display: inherit;
    }

    .button.button-primary {
        text-transform: none;
        font-size: 1rem;
        line-height: 20px;
        font-weight: 400;
    }

    #banner_video {
        width: 100%;
        overflow: hidden;
    }

    #lottie-hero, video {
        width: 120vw;
        margin-left: -8vw;
        background: transparent
    }

    #banner_video video {
        max-width: none;
    }

    @media screen and (max-width: 640px) {
        #banner_video {
            display: block;
            position: relative;
            height: 186px;
        }

        #lottie-hero, video {
            display: block;
            position: absolute;
            height: auto;
            width: 154vw;
            left: -22vw
        }
    }
</style>

<div class="platform-section">
    <div class="platform-title-content vt-px-8 vt-my-8 lg:vt-mt-16 lg:vt-mb-[46px]">
                    <h1 class="platform-title-heading vt-text-gray-800 vt-w-auto sm:vt-w-3/4 vt-text-[34px] md:vt-text-[38px] lg:vt-text-[64px] vt-leading-tight">
                Informiere dich über Investitionen in den digitalen Handel            </h1>
                            <p class="platform-title-desc vt-text-gray-600 vt-text-sm md:vt-text-[22px] vt-leading-none">
                Modernisiere deine Stack und reduziere die Wartungskosten mit der Composable und Complete Plattform von VTEX.            </p>
                            <a class="button button-primary mb-2" onclick="platformOverviewModalShow()" id="button-demo" href="#">DEMO ANSEHEN                <svg width="18" height="18" viewBox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M12.0752 6.8543C12.9437 7.37125 12.9437 8.6288 12.0752 9.14575L2.01531 15.1338C1.12654 15.6628 5.55839e-08 15.0223 9.94361e-08 13.988L6.07194e-07 2.012C6.51046e-07 0.977697 1.12654 0.337248 2.01531 0.866278L12.0752 6.8543Z" fill="#FFF" />
                </svg>
            </a>
            </div>
    <div class="lg:vt-w-full lg:vt-h-auto lg:vt-mx-auto" id="banner_video">
                                    <lottie-player loop src="https://vtex.com/wp-content/uploads/2023/03/Hero.json" id='lottie-hero' speed="1" loop autoplay></lottie-player>
                        </div>
</div>
<div id="platform-overview-modal" class="vt-relative vt-z-10 vt-hidden" aria-labelledby="modal-title" role="dialog" aria-modal="true">
    <div class="vt-fixed vt-inset-0 vt-bg-gray-500 vt-bg-opacity-80 vt-transition-opacity"></div>
    <div class="vt-fixed vt-inset-0 vt-z-10 vt-overflow-y-auto">
        <div class="vt-flex vt-items-center vt-min-h-full vt-justify-center vt-p-4 vt-text-center sm:vt-p-0" onclick="platformOverviewModalHidden()">
            <div class="vt-flex vt-flex-col">
                <div class="vt-w-full" id="platform-overview-iframe"></div>
                                    <div class="vt-basis-full">
                        <div class="vt-w-fit vt-mt-16 vt-rounded-xl vt-p-px vt-m-auto vt-bg-gradient-to-tl vt-from-white">
                            <div class="vt-w-fit vt-rounded-xl vt-p-2 vt-m-auto vt-bg-gradient-to-tl vt-from-gray-500 vt-bg-opacity-80 vt-transition-opacity">
                                <a class="vt-leading-10 vt-rounded-md vt-px-6 vt-py-3 vt-bg-pink-500 vt-rounded-md vt-text-white play-icon" href="#cards">
                                    Mehr ansehen                                    <svg class="vt-inline-block" width="18" height="18" viewBox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M12.0752 6.8543C12.9437 7.37125 12.9437 8.6288 12.0752 9.14575L2.01531 15.1338C1.12654 15.6628 5.55839e-08 15.0223 9.94361e-08 13.988L6.07194e-07 2.012C6.51046e-07 0.977697 1.12654 0.337248 2.01531 0.866278L12.0752 6.8543Z" fill="#FFF" />
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                            </div>
        </div>
    </div>
</div>
<script>
    function platformOverviewModalShow() {
        document.querySelector('#platform-overview-modal').classList.remove('vt-hidden')

        let iframeDiv = document.querySelector('#platform-overview-iframe')
        iframeDiv.innerHTML = '<iframe width="100%" height="100%" src="https://www.youtube.com/embed/http://hKPWqrMXubY?autoplay=1"></iframe>'

        let iframe = document.querySelector('iframe')
        iframe.width = window.innerWidth > 1080 ? window.innerWidth * 0.70 : window.innerWidth * 0.80
        iframe.height = iframe.width / (16 / 9) // keeps 16:9 aspect ratio
    }

    function platformOverviewModalHidden() {
        document.querySelector('#platform-overview-iframe').innerHTML = ''
        document.querySelector('#platform-overview-modal').classList.add('vt-hidden')
    }
</script><section class="vt-hidden sm:vt-block vt-container vt-mx-auto vt-pb-16">
    <div class="vt-flex vt-flex-row vt-justify-center">
            </div>
    <div class="vt-flex vt-flex-row vt-justify-center" id="platformOverviewBrands"></div>
</section>

<script type="text/javascript">
    const brandsImages = [{"ID":5474421,"id":5474421,"title":"logo.coca-cola","filename":"logo.coca-cola.svg","filesize":9444,"url":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/logo.coca-cola.svg","link":"https:\/\/vtex.com\/de-de\/consumer-packaged-goods\/attachment\/logo-coca-cola-4\/","alt":"","author":"331","description":"","caption":"","name":"logo-coca-cola-4","status":"inherit","uploaded_to":103553,"date":"2022-06-20 05:15:48","modified":"2022-06-20 05:15:48","menu_order":0,"mime_type":"image\/svg+xml","type":"image","subtype":"svg+xml","icon":"https:\/\/vtex.com\/wp-includes\/images\/media\/default.png","width":1,"height":1,"sizes":{"thumbnail":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/logo.coca-cola.svg","thumbnail-width":1,"thumbnail-height":1,"medium":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/logo.coca-cola.svg","medium-width":1,"medium-height":1,"medium_large":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/logo.coca-cola.svg","medium_large-width":1,"medium_large-height":1,"large":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/logo.coca-cola.svg","large-width":1,"large-height":1,"1536x1536":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/logo.coca-cola.svg","1536x1536-width":1,"1536x1536-height":1,"2048x2048":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/logo.coca-cola.svg","2048x2048-width":1,"2048x2048-height":1}},{"ID":5995511,"id":5995511,"title":"logo.walmart","filename":"logo.walmart.svg","filesize":6433,"url":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/01\/logo.walmart.svg","link":"https:\/\/vtex.com\/de-de\/logo-walmart-4\/","alt":"","author":"331","description":"","caption":"","name":"logo-walmart-4","status":"inherit","uploaded_to":0,"date":"2022-01-12 17:28:33","modified":"2022-01-12 17:28:33","menu_order":0,"mime_type":"image\/svg+xml","type":"image","subtype":"svg+xml","icon":"https:\/\/vtex.com\/wp-includes\/images\/media\/default.png","width":120,"height":70,"sizes":{"thumbnail":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/01\/logo.walmart.svg","thumbnail-width":96,"thumbnail-height":96,"medium":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/01\/logo.walmart.svg","medium-width":"300","medium-height":"300","medium_large":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/01\/logo.walmart.svg","medium_large-width":768,"medium_large-height":1,"large":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/01\/logo.walmart.svg","large-width":"1300","large-height":"1300","1536x1536":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/01\/logo.walmart.svg","1536x1536-width":120,"1536x1536-height":70,"2048x2048":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/01\/logo.walmart.svg","2048x2048-width":120,"2048x2048-height":70}},{"ID":5464036,"id":5464036,"title":"carrefour-2-9","filename":"carrefour-2-9.svg","filesize":16036,"url":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/carrefour-2-9.svg","link":"https:\/\/vtex.com\/de-de\/core-commerce\/attachment\/carrefour-2-9-2\/","alt":"","author":"331","description":"","caption":"","name":"carrefour-2-9-2","status":"inherit","uploaded_to":5437853,"date":"2022-06-16 13:40:54","modified":"2022-06-16 13:40:54","menu_order":0,"mime_type":"image\/svg+xml","type":"image","subtype":"svg+xml","icon":"https:\/\/vtex.com\/wp-includes\/images\/media\/default.png","width":1,"height":1,"sizes":{"thumbnail":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/carrefour-2-9.svg","thumbnail-width":1,"thumbnail-height":1,"medium":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/carrefour-2-9.svg","medium-width":1,"medium-height":1,"medium_large":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/carrefour-2-9.svg","medium_large-width":1,"medium_large-height":1,"large":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/carrefour-2-9.svg","large-width":1,"large-height":1,"1536x1536":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/carrefour-2-9.svg","1536x1536-width":1,"1536x1536-height":1,"2048x2048":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/carrefour-2-9.svg","2048x2048-width":1,"2048x2048-height":1}},{"ID":5468305,"id":5468305,"title":"vans-2","filename":"vans-2.svg","filesize":2249,"url":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/vans-2.svg","link":"https:\/\/vtex.com\/de-de\/vans-2-2\/","alt":"","author":"331","description":"","caption":"","name":"vans-2-2","status":"inherit","uploaded_to":0,"date":"2022-06-17 08:55:07","modified":"2022-06-17 08:55:07","menu_order":0,"mime_type":"image\/svg+xml","type":"image","subtype":"svg+xml","icon":"https:\/\/vtex.com\/wp-includes\/images\/media\/default.png","width":1,"height":1,"sizes":{"thumbnail":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/vans-2.svg","thumbnail-width":1,"thumbnail-height":1,"medium":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/vans-2.svg","medium-width":1,"medium-height":1,"medium_large":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/vans-2.svg","medium_large-width":1,"medium_large-height":1,"large":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/vans-2.svg","large-width":1,"large-height":1,"1536x1536":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/vans-2.svg","1536x1536-width":1,"1536x1536-height":1,"2048x2048":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/vans-2.svg","2048x2048-width":1,"2048x2048-height":1}},{"ID":5461504,"id":5461504,"title":"eletrolux-9","filename":"eletrolux-9.svg","filesize":3670,"url":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/eletrolux-9.svg","link":"https:\/\/vtex.com\/de-de\/new-messaging-home\/attachment\/eletrolux-9-2\/","alt":"","author":"331","description":"","caption":"","name":"eletrolux-9-2","status":"inherit","uploaded_to":1942857,"date":"2022-06-16 10:23:22","modified":"2022-09-27 11:49:28","menu_order":0,"mime_type":"image\/svg+xml","type":"image","subtype":"svg+xml","icon":"https:\/\/vtex.com\/wp-includes\/images\/media\/default.png","width":121,"height":70,"sizes":{"thumbnail":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/eletrolux-9.svg","thumbnail-width":121,"thumbnail-height":70,"medium":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/eletrolux-9.svg","medium-width":121,"medium-height":70,"medium_large":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/eletrolux-9.svg","medium_large-width":768,"medium_large-height":1,"large":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/eletrolux-9.svg","large-width":121,"large-height":70,"1536x1536":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/eletrolux-9.svg","1536x1536-width":121,"1536x1536-height":70,"2048x2048":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/eletrolux-9.svg","2048x2048-width":121,"2048x2048-height":70}},{"ID":5464006,"id":5464006,"title":"stanley-2-9","filename":"stanley-2-9-1.svg","filesize":10732,"url":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/stanley-2-9-1.svg","link":"https:\/\/vtex.com\/de-de\/core-commerce\/attachment\/stanley-2-9-2-2\/","alt":"","author":"331","description":"","caption":"","name":"stanley-2-9-2-2","status":"inherit","uploaded_to":5435517,"date":"2022-06-16 13:40:48","modified":"2022-06-16 13:40:48","menu_order":0,"mime_type":"image\/svg+xml","type":"image","subtype":"svg+xml","icon":"https:\/\/vtex.com\/wp-includes\/images\/media\/default.png","width":1,"height":1,"sizes":{"thumbnail":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/stanley-2-9-1.svg","thumbnail-width":1,"thumbnail-height":1,"medium":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/stanley-2-9-1.svg","medium-width":1,"medium-height":1,"medium_large":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/stanley-2-9-1.svg","medium_large-width":1,"medium_large-height":1,"large":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/stanley-2-9-1.svg","large-width":1,"large-height":1,"1536x1536":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/stanley-2-9-1.svg","1536x1536-width":1,"1536x1536-height":1,"2048x2048":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/stanley-2-9-1.svg","2048x2048-width":1,"2048x2048-height":1}},{"ID":5474479,"id":5474479,"title":"logo.nestle","filename":"logo.nestle.svg","filesize":24907,"url":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/logo.nestle.svg","link":"https:\/\/vtex.com\/de-de\/consumer-packaged-goods\/attachment\/logo-nestle-3-2\/","alt":"","author":"331","description":"","caption":"","name":"logo-nestle-3-2","status":"inherit","uploaded_to":99325,"date":"2022-06-20 05:15:54","modified":"2022-06-20 05:15:54","menu_order":0,"mime_type":"image\/svg+xml","type":"image","subtype":"svg+xml","icon":"https:\/\/vtex.com\/wp-includes\/images\/media\/default.png","width":1,"height":1,"sizes":{"thumbnail":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/logo.nestle.svg","thumbnail-width":1,"thumbnail-height":1,"medium":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/logo.nestle.svg","medium-width":1,"medium-height":1,"medium_large":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/logo.nestle.svg","medium_large-width":1,"medium_large-height":1,"large":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/logo.nestle.svg","large-width":1,"large-height":1,"1536x1536":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/logo.nestle.svg","1536x1536-width":1,"1536x1536-height":1,"2048x2048":"https:\/\/vtex.com\/wp-content\/uploads\/2022\/06\/logo.nestle.svg","2048x2048-width":1,"2048x2048-height":1}}];
    const brandsLink = "";
    const breakPoints = {
        mobile: 640,
        tablet: 1280
    }

    function numberOfBrands() {
        if (screen.width < breakPoints.mobile) return 0
        if (screen.width >= breakPoints.mobile && screen.width < breakPoints.tablet) return 4
        return 6
    }

    function buildBrands(brandsImages, brandsLink, numberOfBrands) {
        let tags = ''
        if (brandsImages.length) {
            for (let index = 0; index < brandsImages.length; index++) {
                if (index > numberOfBrands) break
                const image = brandsImages[index]
                tags += brandsLink ? `<a class="vt-px-4 href="${brandsLink['url']}">` : `<div class="vt-px-4">`;
                tags += `<img class="vt-h-16 vt-w-auto" src="${image['sizes']['thumbnail']}" alt="${image['alt']}" />`
                tags += brandsLink ? '</a>' : '</div>'

            }
        }
        return tags
    }
    const platformOverviewBrands = document.querySelector('#platformOverviewBrands')
    platformOverviewBrands.innerHTML = buildBrands(brandsImages, brandsLink, numberOfBrands())
</script>
<style>
    .image {
        box-shadow: 16px 18px 35px rgba(74, 89, 107, 0.35);
    }

    .image-animation {
        animation: slide-up 2s;
    }

    .title-animation {
        animation: slide-title 2s;
    }

    .title-pre-animation {
        opacity: 0;
    }

    @keyframes slide-up {
        from {
            translate: 0 6rem;
        }
        to {
            translate: 0rem;
        }
    }
    @keyframes slide-title {
        from {
            opacity: 0;
            translate: 0 1rem;
        }
        to {
            opacity: 1;
            translate: 0rem;
        }
    }
</style>

<section class="vt-container vt-mx-auto vt-mt-16 vt-px-8 sm:vt-px-16">
    <div class="vt-flex vt-flex-row">
        <div class="vt-hidden sm:vt-inline-block vt-basis-full sm:vt-basis-1/12">
            <svg width="64" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path opacity="0.4" d="M11.0303 31L11.0303 2364.96" stroke="#CCCED8" />
                <g clip-path="url(#clip0_6288_418507)">
                    <rect y="0.0178223" width="22" height="15.8341" rx="2" fill="#FFC4DD" fill-opacity="0.3" />
                    <path d="M20.073 15.8519H1.92701C0.863942 15.8519 0 15.0167 0 13.9891V1.88066C0 0.852993 0.863942 0.0178223 1.92701 0.0178223H20.073C21.1361 0.0178223 22 0.852993 22 1.88066V13.9891C22 15.0167 21.1361 15.8519 20.073 15.8519ZM1.92701 0.949239C1.39547 0.949239 0.963504 1.36682 0.963504 1.88066V13.9891C0.963504 14.5029 1.39547 14.9205 1.92701 14.9205H20.073C20.6045 14.9205 21.0365 14.5029 21.0365 13.9891V1.88066C21.0365 1.36682 20.6045 0.949239 20.073 0.949239H1.92701Z" fill="#FFC4DD" />
                </g>
                <path d="M16 17.8311H6V18.9144H16V17.8311Z" fill="#FFC4DD" />
                <circle cx="11.0303" cy="32.0537" r="4.5" fill="#FFC4DD" stroke="white" />
                <path d="M11 32.0925H64" stroke="url(#paint0_linear_6288_418507)" stroke-dasharray="2 2" />
                <circle cx="11.0303" cy="360" r="4.5" fill="#FFC4DD" stroke="white" id="circle-2" />
                <defs>
                    <linearGradient id="paint0_linear_6288_418507" x1="13.0921" y1="32.0925" x2="105.842" y2="32.0925" gradientUnits="userSpaceOnUse">
                        <stop stop-color="#FFC4DD" />
                        <stop offset="0.609344" stop-color="#FFC4DD" stop-opacity="0" />
                    </linearGradient>
                    <clipPath id="clip0_6288_418507">
                        <rect y="0.0178223" width="22" height="15.8341" rx="2" fill="white" />
                    </clipPath>
                </defs>
            </svg>

        </div>
        <div class="vt-basis-full sm:vt-basis-11/12">
            <div class="vt-flex vt-flex-row vt-mb-3">
                <div class="vt-basis-full xl:vt-basis-9/12 vt-mx-auto title-pre-animation" data-text-animation>
                    <h3 id="content-light-title" class="vt-text-gray-800 vt-text-center vt-text-3xl sm:vt-text-[32px] xl:vt-text-5xl xl:vt-leading-tight">
                        Migriere von der alten Plattform und betreibe mehrere Geschäftsmodelle auf derselben Plattform                    </h3>
                </div>
            </div>
            <div class="vt-flex vt-flex-row">
                <div class="vt-basis-full sm:vt-basis-8/12 vt-mx-auto sm:vt-mt-6">
                    <p class="vt-text-center vt-text-sm sm:vt-text-lg vt-text-gray-600">
                        Ersetze alte Lösungen zügig, erweitere sie effektiv und reduziere die Wartungskosten mit einer einzigen Plattform für den gesamten B2C-, B2B-, Markeplace- und Omnichannel-Bereich.                    </p>
                </div>
            </div>
            <div class="vt-hidden sm:vt-inline-block vt-mt-16 vt-items-start vt-p-2 vt-rounded-xl vt-bg-gray-100">
                <div class="vt-flex">
                                                <button class="vt-text-gray-600 vt-tab-item vt-px-4 vt-py-2 vt-rounded vt-text-sm" data-tab-group-id="light">
                                Digitaler Handel                            </button>
                                                <button class="vt-text-gray-600 vt-tab-item vt-px-4 vt-py-2 vt-rounded vt-text-sm" data-tab-group-id="light">
                                Marktplace & Verkäufermanagement                            </button>
                                                <button class="vt-text-gray-600 vt-tab-item vt-px-4 vt-py-2 vt-rounded vt-text-sm" data-tab-group-id="light">
                                Bestellmanagement                            </button>
                                    </div>
            </div>
                                <div class="vt-tab-content vt-flex vt-flex-row vt-flex-wrap vt-pb-16" data-tab-group-id="light">
                                                <div class="vt-basis-full xl:vt-basis-4/12 sm:vt-mt-10">
                            <div>
                                <h2 class="vt-text-gray-800 vt-text-2xl sm:vt-text-4xl content-light-page">
                                    Digitaler Handel                                </h2>

                                <p class="vt-text-sm sm:vt-text-lg vt-mt-4 vt-text-gray-600">
                                    Migriere schnell von deiner bestehenden Plattform zu einer fortschrittlichen B2C- und B2B-Software mit nativen Integrationen in deine Infrastruktur.                                </p>
                            </div>
                            <div>
                                <ul class="vt-mt-8">
                                                                                <li class="vt-flex vt-my-6">
                                                <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                <p class="vt-text-gray-600 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                    Headless Storefront Aktivatoren und integriertes CMS                                                </p>

                                            </li>
                                                                                <li class="vt-flex vt-my-6">
                                                <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                <p class="vt-text-gray-600 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                    KI-unterstützte Suchmaschine                                                </p>

                                            </li>
                                                                                <li class="vt-flex vt-my-6">
                                                <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                <p class="vt-text-gray-600 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                    Fortgeschrittenes PIM, Preisgestaltung und Werbeaktionen                                                </p>

                                            </li>
                                                                                <li class="vt-flex vt-my-6">
                                                <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                <p class="vt-text-gray-600 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                    Unterstützung für mehrere Sprachen und Währungen                                                </p>

                                            </li>
                                                                                <li class="vt-flex vt-my-6">
                                                <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                <p class="vt-text-gray-600 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                    Native Integration mit mehreren Kanälen                                                </p>

                                            </li>
                                                                                <li class="vt-flex vt-my-6">
                                                <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                <p class="vt-text-gray-600 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                    B2B-Kundenbetreuung                                                </p>

                                            </li>
                                                                                <li class="vt-flex vt-my-6">
                                                <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                <p class="vt-text-gray-600 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                    Produktkonfiguration                                                </p>

                                            </li>
                                                                                <li class="vt-flex vt-my-6">
                                                <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                <p class="vt-text-gray-600 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                    Preisgestaltung und Angebotserstellung                                                </p>

                                            </li>
                                     
                                </ul>
                            </div>
                            <div class="vt-mt-12 xl:vt-mb-28 vt-mb-0">
                                <a href="https://vtex.com/gb-en/core-commerce/" class="vt-text-sm sm:vt-text-base vt-text-gray-700 vt-bg-gray-100 hover:vt-bg-gray-500 hover:vt-text-white vt-rounded-md vt-px-4 vt-py-2 sm:vt-px-6 sm:vt-py-3.5 vt-text-center vt-inline-flex vt-items-center">
                                    Entdecke unsere Ecommerce-Funktionen                                    <svg aria-hidden="true" class="vt-w-2.5 vt-h-2.5 vt-ml-2 vt-mr-1 anima" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                        <use xlink:href="https://vtex.com/wp-content/themes/VTEXTheme/v2/images/svg-symbols.svg#right"></use>
                                    </svg>
                                </a>
                            </div>
                        </div>
                        <div class="vt-basis-full xl:vt-basis-8/12 vt-mt-10">
                            <div class="vt-flex vt-flex-row vt-w-full vt-items-start xl:vt-justify-end vt-h-full xl:vt-mr-16 vt-mx-auto">
                                                                <div class="vt-w-80 sm:vt-w-auto lg:vt-w-11/12 vt-relative lg:vt-mr-[-4rem] image-animation" data-tab-image>
                                    <img class="vt-w-full xl:vt-absolute image" data-src=" https://vtex.com/wp-content/uploads/2023/03/digital_commerce.png">
                                </div>
                            </div>
                        </div>
                    </div>
                                <div class="vt-tab-content vt-flex vt-flex-row vt-flex-wrap vt-pb-16" data-tab-group-id="light">
                                                <div class="vt-basis-full xl:vt-basis-4/12 sm:vt-mt-10">
                            <div>
                                <h2 class="vt-text-gray-800 vt-text-2xl sm:vt-text-4xl content-light-page">
                                    Marktplace & Verkäufermanagement                                </h2>

                                <p class="vt-text-sm sm:vt-text-lg vt-mt-4 vt-text-gray-600">
                                    Erweitere dein Produktsortiment durch den Verkauf von Drittanbieterprodukten oder schließe dich mit Vertriebspartnern, Anbietern und Händlern in einem zentralen Marketplace zusammen.                                </p>
                            </div>
                            <div>
                                <ul class="vt-mt-8">
                                                                                <li class="vt-flex vt-my-6">
                                                <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                <p class="vt-text-gray-600 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                    Lade bequem neue Verkäufer ein und integriere sie.                                                </p>

                                            </li>
                                                                                <li class="vt-flex vt-my-6">
                                                <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                <p class="vt-text-gray-600 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                    Übernehme und verwalte in großem Umfang Produkte und Bestände von all deinen Verkäufern                                                </p>

                                            </li>
                                                                                <li class="vt-flex vt-my-6">
                                                <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                <p class="vt-text-gray-600 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                    Überlasse Verkäufern das Management ihrer eigenen Produkte, Preise und Bestellungen                                                </p>

                                            </li>
                                                                                <li class="vt-flex vt-my-6">
                                                <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                <p class="vt-text-gray-600 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                    Verfolge und verwalte mit unseren Verkaufsanalysen und Dashboards die Leistung deiner Verkäufer                                                </p>

                                            </li>
                                                                                <li class="vt-flex vt-my-6">
                                                <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                <p class="vt-text-gray-600 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                    Vernetze dich mit über 2.400 VTEX-Verkäufern und entdecke neue Handelsmöglichkeiten                                                </p>

                                            </li>
                                     
                                </ul>
                            </div>
                            <div class="vt-mt-12 xl:vt-mb-28 vt-mb-0">
                                <a href="https://vtex.com/gb-en/marketplace-seller-management/" class="vt-text-sm sm:vt-text-base vt-text-gray-700 vt-bg-gray-100 hover:vt-bg-gray-500 hover:vt-text-white vt-rounded-md vt-px-4 vt-py-2 sm:vt-px-6 sm:vt-py-3.5 vt-text-center vt-inline-flex vt-items-center">
                                    Entdecke den VTEX-Marketplace                                    <svg aria-hidden="true" class="vt-w-2.5 vt-h-2.5 vt-ml-2 vt-mr-1 anima" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                        <use xlink:href="https://vtex.com/wp-content/themes/VTEXTheme/v2/images/svg-symbols.svg#right"></use>
                                    </svg>
                                </a>
                            </div>
                        </div>
                        <div class="vt-basis-full xl:vt-basis-8/12 vt-mt-10">
                            <div class="vt-flex vt-flex-row vt-w-full vt-items-start xl:vt-justify-end vt-h-full xl:vt-mr-16 vt-mx-auto">
                                                                <div class="vt-w-80 sm:vt-w-auto lg:vt-w-11/12 vt-relative lg:vt-mr-[-4rem] image-animation" data-tab-image>
                                    <img class="vt-w-full xl:vt-absolute image" data-src=" https://vtex.com/wp-content/uploads/2023/03/marketplace_seller_management.png">
                                </div>
                            </div>
                        </div>
                    </div>
                                <div class="vt-tab-content vt-flex vt-flex-row vt-flex-wrap vt-pb-16" data-tab-group-id="light">
                                                <div class="vt-basis-full xl:vt-basis-4/12 sm:vt-mt-10">
                            <div>
                                <h2 class="vt-text-gray-800 vt-text-2xl sm:vt-text-4xl content-light-page">
                                    Bestellmanagement                                </h2>

                                <p class="vt-text-sm sm:vt-text-lg vt-mt-4 vt-text-gray-600">
                                    Mache Bestand und Fulfillment zu deiner Stärke, indem du dein Netzwerk von Shops und Verkäufern in eine native Marketplace und OMS-Lösung einbindest.                                </p>
                            </div>
                            <div>
                                <ul class="vt-mt-8">
                                                                                <li class="vt-flex vt-my-6">
                                                <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                <p class="vt-text-gray-600 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                    Sieh den gesamten Bestand an einem einzigen Ort                                                </p>

                                            </li>
                                                                                <li class="vt-flex vt-my-6">
                                                <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                <p class="vt-text-gray-600 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                    Verwalte Bestellungen aus allen Kanälen                                                </p>

                                            </li>
                                                                                <li class="vt-flex vt-my-6">
                                                <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                <p class="vt-text-gray-600 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                    Biete Omnichannel-Fulfillment-Optionen wie BOPIS, Versand ab Geschäft und Endless Aisle                                                </p>

                                            </li>
                                                                                <li class="vt-flex vt-my-6">
                                                <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                <p class="vt-text-gray-600 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                    Verwandle Ladengeschäfte in Vertriebszentren                                                </p>

                                            </li>
                                                                                <li class="vt-flex vt-my-6">
                                                <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                <p class="vt-text-gray-600 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                    Konfiguriere Fulfillmentregeln basierend auf Lieferkapazität, Region, Produktkategorie und mehr                                                </p>

                                            </li>
                                                                                <li class="vt-flex vt-my-6">
                                                <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                <p class="vt-text-gray-600 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                    Integriere mit Backend-Systemen wie ERP, WMS, TMS und mehr                                                </p>

                                            </li>
                                     
                                </ul>
                            </div>
                            <div class="vt-mt-12 xl:vt-mb-28 vt-mb-0">
                                <a href="https://vtex.com/gb-en/order-management-system/" class="vt-text-sm sm:vt-text-base vt-text-gray-700 vt-bg-gray-100 hover:vt-bg-gray-500 hover:vt-text-white vt-rounded-md vt-px-4 vt-py-2 sm:vt-px-6 sm:vt-py-3.5 vt-text-center vt-inline-flex vt-items-center">
                                    Entdecke VTEX OMS                                    <svg aria-hidden="true" class="vt-w-2.5 vt-h-2.5 vt-ml-2 vt-mr-1 anima" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                        <use xlink:href="https://vtex.com/wp-content/themes/VTEXTheme/v2/images/svg-symbols.svg#right"></use>
                                    </svg>
                                </a>
                            </div>
                        </div>
                        <div class="vt-basis-full xl:vt-basis-8/12 vt-mt-10">
                            <div class="vt-flex vt-flex-row vt-w-full vt-items-start xl:vt-justify-end vt-h-full xl:vt-mr-16 vt-mx-auto">
                                                                <div class="vt-w-80 sm:vt-w-auto lg:vt-w-11/12 vt-relative lg:vt-mr-[-4rem] image-animation" data-tab-image>
                                    <img class="vt-w-full xl:vt-absolute image" data-src=" https://vtex.com/wp-content/uploads/2023/03/order_management.png">
                                </div>
                            </div>
                        </div>
                    </div>
                    </div>
    </div>
</section>
<script>
    const contentLightTitle = document.querySelector('#content-light-title')
    const contentLightPage = document.querySelector('.content-light-page')
    const circle2 = document.querySelector('#circle-2')
    const cy2 = contentLightPage.offsetTop - contentLightTitle.offsetTop + 15
    circle2.setAttribute("cy", cy2);

    const title = document.querySelectorAll('[data-text-animation]')


    addEventListener("scroll", (event) => {
        const { pageYOffset, innerHeight } = window
        playTextAnimationOnScroll(title)
    });

    function playTextAnimationOnScroll(element) {
        element.forEach(el => {
            const elementBox = el.getBoundingClientRect()
            if (pageYOffset >= elementBox.top + elementBox.height) {
                el.classList.add('title-animation')
                el.classList.remove('title-pre-animation')
            }
        })
    }
</script><section class="vt-bg-gray-800">
    <div class="vt-container vt-mx-auto vt-px-8 sm:vt-px-16">
        <div class="vt-flex vt-flex-row">
            <div class="vt-hidden sm:vt-block sm:vt-basis-1/12">
                <svg width="63" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path opacity="0.6" d="M11 141V141C25.9733 150.776 35 167.45 35 185.333V1454.14C35 1471.75 26.2077 1488.21 11.5625 1498V1498" stroke="#4A596B" />
                    <path opacity="0.4" d="M10.9987 3027.5L10.9987 0" stroke="#4A596B" />
                    <circle cx="11" cy="137" r="4.5" fill="#FFC4DD" stroke="#142032" />
                    <circle id="circle-4" cx="35" cy="360" r="4.5" fill="#FFC4DD" stroke="#142032" />
                    <path d="M12 137H63" stroke="url(#paint0_linear_6288_418507)" stroke-dasharray="2 2" />
                    <path d="M20.073 117H1.92701C0.863942 117 0 116.156 0 115.118V102.882C0 101.844 0.863942 101 1.92701 101H20.073C21.1361 101 22 101.844 22 102.882V115.118C22 116.156 21.1361 117 20.073 117ZM1.92701 101.941C1.39547 101.941 0.963504 102.363 0.963504 102.882V115.118C0.963504 115.637 1.39547 116.059 1.92701 116.059H20.073C20.6045 116.059 21.0365 115.637 21.0365 115.118V102.882C21.0365 102.363 20.6045 101.941 20.073 101.941H1.92701Z" fill="white" />
                    <path d="M3.84068 113.758L3.15981 113.093L7.10214 109.242C7.47791 108.874 7.47791 108.277 7.10214 107.91L3.1582 104.06L3.83908 103.395L7.78141 107.246C8.53295 107.98 8.53295 109.174 7.78141 109.908L3.83908 113.759L3.84068 113.758Z" fill="white" />
                    <path d="M18.1487 112.784H9.75977V113.725H18.1487V112.784Z" fill="white" />
                    <defs>
                        <linearGradient id="paint0_linear_6288_418507" x1="14.0132" y1="137" x2="103.263" y2="137" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#FFC4DD" />
                            <stop offset="0.609344" stop-color="#FFC4DD" stop-opacity="0" />
                        </linearGradient>
                    </defs>
                </svg>
            </div>
            <div class="vt-basis-full sm:vt-basis-11/12">
                <div class="vt-flex vt-flex-row vt-mb-3">
                    <div class="vt-basis-full xl:vt-basis-9/12 vt-mx-auto ">
                        <h3 id="content-dark-title" class="sm:vt-mx-16 lg:vt-mx-32 vt-text-pink-300 vt-mt-8 sm:vt-mt-24 xl:vt-mt-24 vt-text-center vt-text-[28px] sm:vt-text-[38px] vt-leading-tight sm:vt-leading-tight xl:vt-text-5xl xl:vt-leading-tight">
                            Verbinde und entwickle Apps effektiv                        </h3>
                    </div>
                </div>
                <div class="vt-flex vt-flex-row">
                    <div class="vt-basis-full xl:vt-basis-8/12 vt-mx-auto vt-mt-2 sm:vt-mt-6">
                        <p class="sm:vt-mx-16 lg:vt-mx-24 vt-text-center vt-text-lg sm:vt-text-xl vt-text-gray-300">
                            Nimm' nur das heraus, was für dein Wachstum strategisch wichtig ist. Erschließe die Flexibilität mit kompatiblen Lösungen, die entwickelt wurden, um deine geschäftlichen Möglichkeiten zu erweitern.                        </p>
                    </div>
                </div>
                <div class="vt-hidden sm:vt-inline-block vt-mt-16 vt-items-start vt-p-2 vt-rounded-xl vt-bg-gray-700">
                    <div class="vt-flex">
                                                        <button class="vt-tab-item vt-px-4 vt-py-2 vt-rounded vt-text-sm vt-text-white" data-tab-group-id="dark" onclick="onPlayLottie(1)">
                                    Headless Storefront                                </button>
                                                        <button class="vt-tab-item vt-px-4 vt-py-2 vt-rounded vt-text-sm vt-text-white" data-tab-group-id="dark" onclick="onPlayLottie(2)">
                                    Live-Verbindungen                                </button>
                                                        <button class="vt-tab-item vt-px-4 vt-py-2 vt-rounded vt-text-sm vt-text-white" data-tab-group-id="dark" onclick="onPlayLottie(3)">
                                    Composable Apps                                </button>
                                            </div>
                </div>
                                        <div class="vt-flex vt-flex-row vt-flex-wrap vt-tab-content" data-tab-group-id="dark">
                                                        <div class="vt-basis-full xl:vt-basis-5/12 vt-mt-10">
                                <div>
                                    <p class="vt-text-pink-300 vt-text-sm sm:vt-hidden">Headless Storefront</p>
                                    <h2 class="vt-text-3xl sm:vt-text-4xl vt-mt-2 vt-text-white  content-dark-page">
                                        Stell' deine Headless Storefront schneller bereit                                    </h2>
                                    <p class="vt-text-sm sm:vt-text-lg sm:vt-text-lg vt-mt-4 vt-text-gray-200">
                                        Mit der nativen Headless Storefront von VTEX erhältst du alle Leistungs- und Flexibilitätsvorteile eines Headless-Ansatzes, ohne den Zeit- und Kostenaufwand, alles von Grund auf neu zu entwickeln.                                    </p>
                                </div>
                                <div>
                                    <ul class="vt-mt-8">
                                                                                        <li class="vt-flex vt-my-6">
                                                    <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                    <p class="vt-text-gray-200 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                        React-basiertes Store-Framework und Komponenten                                                    </p>

                                                </li>
                                                                                        <li class="vt-flex vt-my-6">
                                                    <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                    <p class="vt-text-gray-200 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                        Headless CMS                                                    </p>

                                                </li>
                                                                                        <li class="vt-flex vt-my-6">
                                                    <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                    <p class="vt-text-gray-200 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                        Cloud-basierte Frontend-Infrastruktur                                                    </p>

                                                </li>
                                                                                        <li class="vt-flex vt-my-6">
                                                    <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                    <p class="vt-text-gray-200 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                        Management und Optimierung der Shop-Leistung                                                    </p>

                                                </li>
                                                                            </ul>
                                </div>
                                <div class="vt-mt-12 xl:vt-mb-28 vt-mb-0">
                                                                            <a class="vt-bg-gray-700 vt-text-white hover:vt-text-gray-600 hover:vt-bg-gray-300 vt-rounded-md vt-px-4 vt-py-2 sm:vt-px-6 sm:vt-py-3.5 vt-text-center vt-inline-flex vt-items-center" href="https://vtex.com/gb-en/headless-commerce/" target="http://_blank">Entdecke unsere Headless-Funktionen                                            <svg aria-hidden="true" class="vt-w-2.5 vt-h-2.5 vt-ml-2 vt--mr-1" fill="currentColor" viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
                                                <use xlink:href="https://vtex.com/wp-content/themes/VTEXTheme/v2/images/svg-symbols.svg#right"></use>
                                            </svg>
                                        </a>
                                                                    </div>
                            </div>
                            <div class="vt-basis-full xl:vt-basis-7/12">
                                <div class="vt-flex vt-flex-row vt-w-full sm:vt-w-3/4 vt-items-start xl:vt-justify-end vt-h-full vt-mt-8 xl:-vt-mr-16 vt-mx-auto">
                                                                            <lottie-player src="https://vtex.com/wp-content/uploads/2023/03/composable1.json" data-lottie-dark id='lottie-1' background="transparent" speed="1" style="height: auto; " autoplay></lottie-player>
                                                                    </div>
                            </div>
                        </div>
                                        <div class="vt-flex vt-flex-row vt-flex-wrap vt-tab-content" data-tab-group-id="dark">
                                                        <div class="vt-basis-full xl:vt-basis-5/12 vt-mt-10">
                                <div>
                                    <p class="vt-text-pink-300 vt-text-sm sm:vt-hidden">Live-Verbindungen</p>
                                    <h2 class="vt-text-3xl sm:vt-text-4xl vt-mt-2 vt-text-white  content-dark-page">
                                        Nahtlose Verbindung mit deiner Infrastruktur                                    </h2>
                                    <p class="vt-text-sm sm:vt-text-lg sm:vt-text-lg vt-mt-4 vt-text-gray-200">
                                        Reduziere die Abhängigkeit von Middleware mit unseren nativen Live-Verbindungen. Oder baue neue Verbindungen mit unseren APIs und Erweiterungspunkten auf.                                    </p>
                                </div>
                                <div>
                                    <ul class="vt-mt-8">
                                                                                        <li class="vt-flex vt-my-6">
                                                    <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                    <p class="vt-text-gray-200 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                        API-First Plattform                                                    </p>

                                                </li>
                                                                                        <li class="vt-flex vt-my-6">
                                                    <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                    <p class="vt-text-gray-200 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                        Integrierte Erweiterungspunkte                                                    </p>

                                                </li>
                                                                                        <li class="vt-flex vt-my-6">
                                                    <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                    <p class="vt-text-gray-200 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                        Native Integrationen und Live-Verbindungen zu Serviceleistungen und Apps von Drittanbietern                                                    </p>

                                                </li>
                                                                                        <li class="vt-flex vt-my-6">
                                                    <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                    <p class="vt-text-gray-200 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                        VTEX App Store                                                    </p>

                                                </li>
                                                                            </ul>
                                </div>
                                <div class="vt-mt-12 xl:vt-mb-28 vt-mb-0">
                                                                            <a class="vt-bg-gray-700 vt-text-white hover:vt-text-gray-600 hover:vt-bg-gray-300 vt-rounded-md vt-px-4 vt-py-2 sm:vt-px-6 sm:vt-py-3.5 vt-text-center vt-inline-flex vt-items-center" href="https://developers.vtex.com/" target="http://_blank">Erkunde unsere Entwicklungsplattform                                            <svg aria-hidden="true" class="vt-w-2.5 vt-h-2.5 vt-ml-2 vt--mr-1" fill="currentColor" viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
                                                <use xlink:href="https://vtex.com/wp-content/themes/VTEXTheme/v2/images/svg-symbols.svg#right"></use>
                                            </svg>
                                        </a>
                                                                    </div>
                            </div>
                            <div class="vt-basis-full xl:vt-basis-7/12">
                                <div class="vt-flex vt-flex-row vt-w-full sm:vt-w-3/4 vt-items-start xl:vt-justify-end vt-h-full vt-mt-8 xl:-vt-mr-16 vt-mx-auto">
                                                                            <lottie-player src="https://vtex.com/wp-content/uploads/2023/03/composable2.json" data-lottie-dark id='lottie-2' background="transparent" speed="1" style="height: auto; " autoplay></lottie-player>
                                                                    </div>
                            </div>
                        </div>
                                        <div class="vt-flex vt-flex-row vt-flex-wrap vt-tab-content" data-tab-group-id="dark">
                                                        <div class="vt-basis-full xl:vt-basis-5/12 vt-mt-10">
                                <div>
                                    <p class="vt-text-pink-300 vt-text-sm sm:vt-hidden">Composable Apps</p>
                                    <h2 class="vt-text-3xl sm:vt-text-4xl vt-mt-2 vt-text-white  content-dark-page">
                                        Passe den VTEX-Admin an deine spezifischen Bedürfnisse an und stelle ihn zusammen                                    </h2>
                                    <p class="vt-text-sm sm:vt-text-lg sm:vt-text-lg vt-mt-4 vt-text-gray-200">
                                        Kombiniere VTEX-Komponenten mit Apps von Drittanbietern und benutzerdefinierten Applikationen, um deinen eigenen Commerce-Admin zu erstellen. Skaliere das System über Teams und Abteilungen hinweg, um Abläufe und das App-Management zu vereinfachen.                                    </p>
                                </div>
                                <div>
                                    <ul class="vt-mt-8">
                                                                                        <li class="vt-flex vt-my-6">
                                                    <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                    <p class="vt-text-gray-200 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                        Anpassbarer und zusammenstellbarer Admin                                                    </p>

                                                </li>
                                                                                        <li class="vt-flex vt-my-6">
                                                    <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                    <p class="vt-text-gray-200 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                        Unbegrenzte Arbeitsbereiche und Testumgebungen                                                    </p>

                                                </li>
                                                                                        <li class="vt-flex vt-my-6">
                                                    <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                    <p class="vt-text-gray-200 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                        Datenschema-Erweiterung und -Modellierung                                                    </p>

                                                </li>
                                                                                        <li class="vt-flex vt-my-6">
                                                    <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                    <p class="vt-text-gray-200 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                        Datenschema-Erweiterung und -Modellierung                                                    </p>

                                                </li>
                                                                                        <li class="vt-flex vt-my-6">
                                                    <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg">
                                                    <p class="vt-text-gray-200 sm:vt-text-base vt-ml-2 vt-inline-block vt-align-middle">
                                                        Versionsmanagement und App-Bereitstellung                                                    </p>

                                                </li>
                                                                            </ul>
                                </div>
                                <div class="vt-mt-12 xl:vt-mb-28 vt-mb-0">
                                                                            <a class="vt-bg-gray-700 vt-text-white hover:vt-text-gray-600 hover:vt-bg-gray-300 vt-rounded-md vt-px-4 vt-py-2 sm:vt-px-6 sm:vt-py-3.5 vt-text-center vt-inline-flex vt-items-center" href="https://vtex.com/gb-en/vtex-io/" target="">Entdecke unsere zusammenstellbaren Funktionen                                            <svg aria-hidden="true" class="vt-w-2.5 vt-h-2.5 vt-ml-2 vt--mr-1" fill="currentColor" viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
                                                <use xlink:href="https://vtex.com/wp-content/themes/VTEXTheme/v2/images/svg-symbols.svg#right"></use>
                                            </svg>
                                        </a>
                                                                    </div>
                            </div>
                            <div class="vt-basis-full xl:vt-basis-7/12">
                                <div class="vt-flex vt-flex-row vt-w-full sm:vt-w-3/4 vt-items-start xl:vt-justify-end vt-h-full vt-mt-8 xl:-vt-mr-16 vt-mx-auto">
                                                                            <lottie-player src="https://vtex.com/wp-content/uploads/2023/03/composable3.json" data-lottie-dark id='lottie-3' background="transparent" speed="1" style="height: auto; " autoplay></lottie-player>
                                                                    </div>
                            </div>
                        </div>
                
                <!-- Infrastructure -->
                <div class="vt-mt-8 vt-p-4 sm:vt-p-14 vt-pb-20 vt-mx-auto vt-rounded-md sm:vt-rounded-xl vt-bg-gradient-to-b vt-from-[#FFFFFF1C] vt-to-[#FFFFFF00]">
                                        <div class="vt-row vt-mb-8">
                        <span class="vt-text-pink-300">
                            VTEX-Infrastruktur                        </span>
                    </div>
                    <div class="vt-grid vt-grid-cols-1 sm:vt-grid-cols-2 vt-gap-16">
                        <div class="">
                            <span class="vt-text-2xl sm:vt-text-xl md:vt-text-xl lg:vt-text-4xl vt-text-white ">
                                Skalierbar, sicher, zuverlässig und leistungsstark                            </span>
                            <div class="vt-font-sm vt-text-gray-300 vt-mt-12">
                                                                        <li class="vt-flex vt-my-2">
                                            <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg" class="vt-self-baseline">
                                            <p class="vt-text-gray-200 vt-ml-2 vt-self-baseline vt-text-xs lg:vt-text-sm">
                                                Sicherheit auf mehreren Ebenen mit SOC Typ 1, 2 und 3 Konformität und PCI DSS Zertifizierung                                            </p>
                                        </li>
                                                                        <li class="vt-flex vt-my-2">
                                            <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg" class="vt-self-baseline">
                                            <p class="vt-text-gray-200 vt-ml-2 vt-self-baseline vt-text-xs lg:vt-text-sm">
                                                AWS-Cloud-Infrastruktur mit integrierter Redundanz und dynamischer Skalierbarkeit                                            </p>
                                        </li>
                                                                        <li class="vt-flex vt-my-2">
                                            <img src="https://vtex.com/wp-content/uploads/2023/03/light-pink-check.svg" class="vt-self-baseline">
                                            <p class="vt-text-gray-200 vt-ml-2 vt-self-baseline vt-text-xs lg:vt-text-sm">
                                                Schrittweiser Roll-out und Roll-back                                            </p>
                                        </li>
                                                            </div>
                        </div>
                        <div>
                            <span class="vt-text-gray-300 vt-text-xs lg:vt-text-base">
                                Stelle sicher, dass dein Shop immer für das Geschäft bereit ist. Bewältige mit der mandantenfähigen und automatisch skalierbaren Cloud-Infrastruktur problemlos Spitzenbelastungen und verlass' dich dabei auf die Sicherheit in mehreren Ebenen.                            </span>
                            <img data-src="https://vtex.com/wp-content/uploads/2023/03/grafico.png" class="lazyload vt-mt-12" alt="">
                        </div>
                    </div>
                </div>
            </div>
</section>
<script>
    const contentDarkTitle = document.querySelector('#content-dark-title')
    const contentDarkPage = document.querySelector('.content-dark-page')
    const circle4 = document.querySelector('#circle-4')
    const cy4 = contentDarkPage.offsetTop - contentDarkTitle.offsetTop + 112
    circle4.setAttribute("cy", cy4);

    const lottiesDark = document.querySelectorAll('[data-lottie-dark]')
    let isNotPlayed = Array(lottiesDark.length).fill(true)


    addEventListener("scroll", (event) => {
        const {
            pageYOffset,
            innerHeight
        } = window
        playLottieOnScroll(lottiesDark, isNotPlayed)
    });

    function playLottieOnScroll(lottiesDark, isNotPlayed) {

        lottiesDark.forEach((lottie, i) => {
            const {
                offsetTop,
                clientHeight
            } = lottie
            if (isNotPlayed[i] && pageYOffset >= offsetTop - clientHeight) {
                isNotPlayed[i] = false
                onPlayLottie(i + 1)
            }
            if (isInViewport(lottie, clientHeight, innerHeight)) isNotPlayed[i] = true
        })
    }

    function onPlayLottie(index) {
        let p = $('#lottie-' + index);
        p.get(0).stop();
        p.get(0).play();
    }

    function isInViewport(element, clientHeight, innerHeight) {
        const rect = element.getBoundingClientRect();
        return (
            rect.top > innerHeight || rect.bottom < 0)
    }
</script><style>
  /************  Compiado e adaptado de oms-style.css  *****************/
  .capabilities-section {
    background: #F8F7FC;
    padding-top: 0px;
    padding-bottom: 112px;
    overflow: hidden;
    white-space: nowrap;
  }

  .capabilities-title-content {
    white-space: normal;
  }

  .capabilities-box {
    background: #FFFFFF;
    border: 1px solid #CCCED8;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 8%);
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
    transition: 1s all ease-in-out;
    min-height: 400px;
  }

  .capabilities-section .slick-list {
    overflow: inherit;
  }

  .capabilities-box-title {
    font-weight: 400;
    font-size: 22px;
    line-height: 1.4;
    color: #142032;
  }

  .capabilities-box-content {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #4A596B;
    margin-top: 12px;
    margin-bottom: 28px;
    max-width: 280px;
    overflow-wrap: break-word;
    white-space: normal;
    min-height: 70px;
  }

  .capabilities-box-link {
    display: flex;
    align-items: baseline;
    font-weight: 400;
    font-size: 14px;
    line-height: 0.9;
    text-transform: uppercase;
    color: #4A596B;
  }

  .capabilities-box-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .capabilities-box-img {
    overflow: hidden;
    position: relative;
    padding-top: 64%;
  }

  .capabilities-box-img img {
    position: absolute;
    top: -12px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: 0.5s all ease-in-out;
  }

  .capabilities-box:hover {
    border: 1px solid #FFFFFF;
    box-shadow: 0px 3.02734px 14.1276px rgb(17 49 97 / 30%);
  }

  .capabilities-box:hover .capabilities-box-img img {
    transform: scale(1.05);
  }

  .capabilities-box:hover .capabilities-box-link {
    color: #142032;
  }

  .capabilities-box-link svg {
    position: relative;
    top: 6px;
    transition: 0.5s all ease-in-out;
  }

  .capabilities-box:hover .capabilities-box-link svg {
    margin-left: 5px;
  }

  .capabilities-box:hover .capabilities-box-link svg path {
    fill: #142032;
  }

  .capabilities-box-content-wrap {
    padding: 0 32px 32px;
  }

  .capabilities-section .slick-list {
    margin: 0 -15px;
  }

  .capabilities-box-col {
    margin: 0 15px;
    margin: 0;
    padding: 15px;
    width: 384px !important;
    display: inline-block;
  }

  .capabilities-box-col-dark .capabilities-box {
    background: #000711;
    border: 1px solid #F5F9FF;
  }

  .capabilities-box-col-dark .capabilities-box .capabilities-box-title {
    color: #F5F9FF;
  }

  .capabilities-box-col-dark .capabilities-box .capabilities-box-content {
    color: #A1A8B3;
  }

  .capabilities-box-col-dark .capabilities-box .capabilities-box-link {
    color: #A1A8B3;
  }

  .capabilities-box-col-dark .capabilities-box .capabilities-box-link path {
    fill: #A1A8B3;
  }

  .capabilities-box-col-dark .capabilities-box:hover .capabilities-box-link {
    color: #F5F9FF;
  }

  .capabilities-box-col-dark .capabilities-box:hover .capabilities-box-link path {
    fill: #F5F9FF;
  }

  .capabilities-section .slick-arrow {
    padding-top: 50px;
    display: none !important;
  }

  .capabilities-section.capabilities-fixed .scroll-sticky-div {
    position: sticky;
    top: 0;
    z-index: 2;
  }

  #circle-5 {
    filter: drop-shadow(0 0 7px #E31C58);
  }

  .slick-track {
    width: 3000px !important;
  }
</style>


<div class="vt-bg-gray-50">
  <div class="vt-container vt-mx-auto vt-px-16">
    <div class="vt-flex vt-flex-row">
      <div class="vt-hidden sm:vt-block vt-basis-full" style="padding-left: 9px;">
        <svg width="100%" viewBox="0 0 1100 185" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMaxYMax meet">>
          <path opacity="0.4" d="M550 174.5L550 114C550 86.3858 527.614 64 500 64L267.5 64L51 64C23.3858 64 1 41.6142 1.00001 14L1.00001 0" stroke="#4A596B" />
          <circle id="circle-5" cx="550" cy="172" r="4.15" fill="#E31C58" stroke="white" stroke-width="0.3" />
        </svg>
      </div>
    </div>
  </div>
</div>
<div class="capabilities-section sm:vt-block md:vt-flex md:vt-justify-center" id="cards">
      <div class="scroll-height-div">
      <div class="scroll-sticky-div">
        <div class="scroll-overflow-div">
          <div class="capabilities-title-content vt-my-8 vt-flex vt-flex-col vt-items-center vt-px-4 md:vt-px-auto">

                          <div class="capabilities-subtitle vt-mb-4 vt-text-xl lg:text-[22px] vt-text-gray-600">
                Eine Plattform, die sich mit dir weiterentwickelt              </div>
                                      <div class="capabilities-title vt-text-gray-800 vt-text-center vt-text-4xl lg:vt-text-6xl">
                Schau dir unsere Lösungsdemos an              </div>
                      </div>
          <div class="container vt-inline md:vt-block">
            <div class="capabilities-box-row vt-ml-3">
                              <div class="capabilities-box-col ">
                  <div class="capabilities-box">
                    <a href="https://vtex.com/gb-en/core-commerce/" target="_blank">
                      <div class="capabilities-box-img">
                                                  <img src="https://vtex.com/wp-content/uploads/2023/03/cart1.png" alt="" />
                                              </div>
                      <div class="capabilities-box-content-wrap">
                                                  <h4 class="capabilities-box-title">
                            Handel                          </h4>
                                                                          <p class="capabilities-box-content">
                            Erstelle, verwalte und liefere fortschrittliche B2B- und B2C-Erlebnisse.                          </p>
                                                <span class="capabilities-box-link">
                          <svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M12.0752 6.8543C12.9437 7.37125 12.9437 8.6288 12.0752 9.14575L2.01531 15.1338C1.12654 15.6628 5.55839e-08 15.0223 9.94361e-08 13.988L6.07194e-07 2.012C6.51046e-07 0.977697 1.12654 0.337248 2.01531 0.866278L12.0752 6.8543Z" fill="#142032" />
                          </svg>
                          <span>
                            DEMO ANSEHEN                          </span>
                        </span>
                      </div>
                    </a>
                  </div>
                </div>
                              <div class="capabilities-box-col ">
                  <div class="capabilities-box">
                    <a href="https://vtex.com/gb-en/resources/product-demo-vtex-order-management-system/" target="_blank">
                      <div class="capabilities-box-img">
                                                  <img src="https://vtex.com/wp-content/uploads/2023/03/card2.png" alt="" />
                                              </div>
                      <div class="capabilities-box-content-wrap">
                                                  <h4 class="capabilities-box-title">
                            OMS                          </h4>
                                                                          <p class="capabilities-box-content">
                            Schalte Bestände frei, um von überall aus zu verkaufen und abzuwickeln.                          </p>
                                                <span class="capabilities-box-link">
                          <svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M12.0752 6.8543C12.9437 7.37125 12.9437 8.6288 12.0752 9.14575L2.01531 15.1338C1.12654 15.6628 5.55839e-08 15.0223 9.94361e-08 13.988L6.07194e-07 2.012C6.51046e-07 0.977697 1.12654 0.337248 2.01531 0.866278L12.0752 6.8543Z" fill="#142032" />
                          </svg>
                          <span>
                            DEMO ANSEHEN                          </span>
                        </span>
                      </div>
                    </a>
                  </div>
                </div>
                              <div class="capabilities-box-col ">
                  <div class="capabilities-box">
                    <a href="https://vtex.com/gb-en/resources/product-demo-marketplace-seller-management/" target="_blank">
                      <div class="capabilities-box-img">
                                                  <img src="https://vtex.com/wp-content/uploads/2023/03/card3.png" alt="" />
                                              </div>
                      <div class="capabilities-box-content-wrap">
                                                  <h4 class="capabilities-box-title">
                            Marketplace                          </h4>
                                                                          <p class="capabilities-box-content">
                            Erweitere dein Produktsortiment ohne Bestand.                          </p>
                                                <span class="capabilities-box-link">
                          <svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M12.0752 6.8543C12.9437 7.37125 12.9437 8.6288 12.0752 9.14575L2.01531 15.1338C1.12654 15.6628 5.55839e-08 15.0223 9.94361e-08 13.988L6.07194e-07 2.012C6.51046e-07 0.977697 1.12654 0.337248 2.01531 0.866278L12.0752 6.8543Z" fill="#142032" />
                          </svg>
                          <span>
                            DEMO ANSEHEN                          </span>
                        </span>
                      </div>
                    </a>
                  </div>
                </div>
                              <div class="capabilities-box-col capabilities-box-col-dark">
                  <div class="capabilities-box">
                    <a href="https://vtex.com/gb-en/resources/product-demo-vtex-io-custom-applications/" target="_blank">
                      <div class="capabilities-box-img">
                                                  <img src="https://vtex.com/wp-content/uploads/2023/03/card4.png" alt="" />
                                              </div>
                      <div class="capabilities-box-content-wrap">
                                                  <h4 class="capabilities-box-title">
                            VTEX IO                          </h4>
                                                                          <p class="capabilities-box-content">
                            Entwickle, integriere und wechsle Komponenten.                          </p>
                                                <span class="capabilities-box-link">
                          <svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M12.0752 6.8543C12.9437 7.37125 12.9437 8.6288 12.0752 9.14575L2.01531 15.1338C1.12654 15.6628 5.55839e-08 15.0223 9.94361e-08 13.988L6.07194e-07 2.012C6.51046e-07 0.977697 1.12654 0.337248 2.01531 0.866278L12.0752 6.8543Z" fill="#142032" />
                          </svg>
                          <span>
                            DEMO ANSEHEN                          </span>
                        </span>
                      </div>
                    </a>
                  </div>
                </div>
                          </div>
          </div>
        </div>
      </div>
    </div>
  </div><style>
    .nh-tabslider-section {
        background: #F8F7FC;
    }


    /*
     CSS COPIADO DO ARQUIVO hstyle.css
     Não foi importado porque deu conflito com 2022-platform-overview.css
    */
    /* tabslider css */
    .nh-tabslider_tabs {
        display: flex;
        align-items: stretch;
        padding: 30px 0;
    }

    .nhtabslider_tabs_content {
        width: 100%;
        background: #142032;
        border-radius: 6px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 96px;
    }

    .nhtabslider_tabs_content-item {
        display: flex;
        flex-direction: row;
        align-items: center;
        -webkit-transition: All 0.2s ease-in-out;
        -moz-transition: All 0.2s ease-in-out;
        -o-transition: All 0.2s ease-in-out;
        transition: All 0.2s ease-in-out;
        width: 100%;
        display: none;
    }

    .nh-tabslider_tabs-item .tab-hover-logo {
        display: none;
    }


    .nhtabslider_tabs_content-item.active {
        display: flex;
        align-items: center;
    }

    .nhtabslider_tabs_content-content {
        width: 70%;
        max-width: 100%;
        padding-right: 80px;
    }

    .nhtabslider_tabs_content-content .button {
        margin-top: 30px;
    }

    .nhtabslider_tabs_content-figure img {
        width: 100%;
        max-width: 100%;
    }

    .nh-tabslider_tabs-item {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 16px 24px;
        position: relative;
        cursor: pointer;
    }

    .nh-tabslider_tabs-item.active:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        left: 0px;
        bottom: 0px;
        background: #e31c58;
    }

    .nhtabslider_tabs_content-content p {
        font-size: 22px;
        line-height: 34px;
        color: #ffffff;
        /* padding-bottom: 30px; */
    }

    .customer-stories__pagination {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-top: 32px;
        margin-bottom: 64px;

    }

    .customer-stories__pagination-item {
        width: 16px;
        height: 16px;
        background-color: #ccced8;
        display: inline-block;
        margin: 0 12px;
        border-radius: 50%;
    }

    .customer-stories__pagination-item.active {
        background-color: #142032;
    }

    .nh-tabslider-section .customer-stories__pagination {
        display: inline-block;
        margin-bottom: 42px;
    }

    .customer-stories__pagination-item {
        width: 8px;
        height: 8px;
        margin: 0 5px;
    }

    @media screen and (max-width: 640px) {
        .nhtabslider_tabs_content {
            padding: 32px;
        }

        .nhtabslider_tabs_content-content {
            width: 100%;
            padding-right: unset;
        }

        .nhtabslider_tabs_content-figure {
            display: none;
        }

        .nhtabslider_tabs_content-content p {
            font-size: 12px;
            line-height: 14px;
        }
    }
</style>
    <div class="nh-tabslider-section">
        <div class="container">

            <div class="nh-tabslider_tabs">
                                        <div class="nh-tabslider_tabs-item">
                            <img src="https://vtex.com/wp-content/uploads/2023/03/idc.png" alt="" class="tab-black-logo">
                            <img src="" alt="" class="tab-hover-logo">
                        </div>

                                        <div class="nh-tabslider_tabs-item">
                            <img src="https://vtex.com/wp-content/uploads/2023/03/gartner.png" alt="" class="tab-black-logo">
                            <img src="" alt="" class="tab-hover-logo">
                        </div>

                            </div>

            <div class="nhtabslider_tabs_content">
                                                                <div class="nhtabslider_tabs_content-item">

                            <div class="nhtabslider_tabs_content-content">
                                <p class="">
                                    IDC MarketScape stuft VTEX als einen der führenden Anbieter von digitalen B2C-Handelsplattformen ein                                </p>
                                <a class="vt-inline-block vt-bg-pink-500 vt-text-white vt-py-4 vt-px-6 vt-mt-7 vt-rounded-md vt-lowercase lg:vt-normal-case" href="https://vtex.com/gb-en/idc-report/" target="http://_blank">Bericht erhalten</a>
                                                            </div>
                            <div class="nhtabslider_tabs_content-figure">
                                <img class="" src="https://vtex.com/wp-content/uploads/2023/03/IDC-white.png" alt="">
                            </div>

                        </div>
                                                                <div class="nhtabslider_tabs_content-item">

                            <div class="nhtabslider_tabs_content-content">
                                <p class="">
                                    Gartner ernennt VTEX zum Visionär im 2021 Magic Quadrant for Digital Commerce                                </p>
                                <a class="vt-inline-block vt-bg-pink-500 vt-text-white vt-py-4 vt-px-6 vt-mt-7 vt-rounded-md vt-lowercase lg:vt-normal-case" href="https://content.vtex.com/gartner-magic-quadrant/?utm_source=website&#038;utm_medium=organic&#038;utm_campaign=gartner_mq_2022_website_banner&#038;_ga=2.242274699.803613642.1683028171-1556982273.1675974662" target="http://_blank">Bericht erhalten</a>
                                                            </div>
                            <div class="nhtabslider_tabs_content-figure">
                                <img class="" src="https://vtex.com/wp-content/uploads/2023/03/Gartner-white.png" alt="">
                            </div>

                        </div>
                            </div>

            <div class="customer-stories__pagination">
                                        <button class="customer-stories__pagination-item"></button>
                                        <button class="customer-stories__pagination-item"></button>
                            </div>
        </div>
    </div>
    <style>
        .ready-form-section {
            padding: 112px 0 112px 0;
            background-color: #fcabcd;
            background-image: url('https://vtex.com/wp-content/uploads/2023/03/image-49.png');
            background-position: right bottom 20px;
            background-repeat: no-repeat;
            background-size: 345px;
        }

        .ready-form-section h2 {
            font-weight: 400;
            font-size: 48px;
            line-height: 1.2;
            color: var(--gray-800);
        }

        .ready-form-section .row {
            align-items: center;
        }

        .page-multistep-form #progressbar li:not(:last-child):after {
            left: 28px
        }

        @media screen and (max-width: 640px) {
            .ready-form-section {
                background-position: center 230px;
            }

            .ready-form-section .row.align-center {
                padding-left: 48px;
                padding-right: 48px;
                padding-bottom: 120px;
            }

            .ready-form-section h2 {
                font-size: 34px;
            }
        }

        @media screen and (min-width: 640px) and (max-width: 768px) {
            .ready-form-section {
                background-position: right bottom;
            }

            .ready-form-section .row.row.align-center {
                padding: 48px;
                padding-bottom: 96px;
            }

            .ready-form-section h2 {
                font-size: 48px;
            }

            .page-multistep-form {
                margin: auto;
                background-size: auto;
            }
        }
    </style>

            <div id="contact-form" class="ready-form-section">
            <div class="container">
                <div class="row">
                    <div class="col-lg-7">
                                                    <div class="row align-center">
                                <h2 class="vt-hidden sm:vt-block">
                                    Bist du bereit, loszulegen?                                </h2>
                                <h2>
                                    Sprich jetzt mit einem unserer Produktspezialisten.                                </h2>
                            </div>
                                            </div>
                                            <div class="col-lg-5">
                            <div class="ready-form-col">
                            
					<script>
						window.hsFormsOnReady = window.hsFormsOnReady || [];
						window.hsFormsOnReady.push(()=>{
							hbspt.forms.create({
								portalId: 23522428,
								formId: "77ecf761-1a40-4b85-9dc1-af77857325c2",
								target: "#hbspt-form-1707147797000-8615961635",
								region: "na1",
								
						})});
					</script>
					<div class="hbspt-form" id="hbspt-form-1707147797000-8615961635"></div>                            </div>
                        </div>
                                    </div>
            </div>
        </div>
    </main>
<div class="overflow"></div>

	<!-- <div class="cookie-policy"> -->
	<!-- <button class="cookie-policy__close" aria-label="Right Align">
			<svg role="img" class="cookie-policy__close__icon">
				<use xlink:href="https://vtex.com/wp-content/themes/VTEXTheme/v2/blog/assets/svg-symbols.svg#close"></use>
			</svg>
		</button> -->
		<!-- </div> -->


	<footer class="footer">
		<div class="top-footer">
			<div class="container">
				<div class="row footer__logo-div">
					<a href="https://vtex.com/de-de/">
						<img src="https://vtex.com/wp-content/themes/VTEXTheme/assets/imgs/base/logo-vtex.svg" class="footer__logo" alt="VTEX - Accelerate Commerce Transformation" title="VTEX - Accelerate Commerce Transformation" width="81" height="89">
					</a>
				</div>
				<div class="row">
					<div class="footer__nav">
						<div id="footer-desktop" class="menu-footer-de-de-2023-container"><ul id="menu-footer-de-de-2023" class="menu"><li id="menu-item-5978214" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-5978214"><a href="#">Products</a>
<ul class="sub-menu">
	<li id="menu-item-5978215" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-5978215"><a href="/de-de/" aria-current="page">Platform Overview</a></li>
	<li id="menu-item-5978213" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978213"><a href="/gb-en/core-commerce/">Digital Commerce Platform</a></li>
	<li id="menu-item-5978216" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978216"><a href="/gb-en/order-management-system/">Order Management System</a></li>
	<li id="menu-item-5978217" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978217"><a href="/gb-en/marketplace-seller-management/">Marketplace &#038; Seller Management</a></li>
	<li id="menu-item-5978218" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978218"><a href="/gb-en/vtex-io/">VTEX IO</a></li>
	<li id="menu-item-5978219" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978219"><a href="/gb-en/live-shopping/">Live Shopping</a></li>
</ul>
</li>
<li id="menu-item-5978220" class="submenu menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5978220"><a href="#">Solutions</a>
<ul class="sub-menu">
	<li id="menu-item-5978221" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978221"><a href="/gb-en/digital-commerce/">B2C Commerce</a></li>
	<li id="menu-item-5978222" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978222"><a href="/gb-en/b2b-commerce/">B2B Commerce</a></li>
	<li id="menu-item-5978223" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978223"><a href="/gb-en/headless-commerce/">Headless Commerce</a></li>
	<li id="menu-item-5978224" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978224"><a href="/gb-en/ecommerce-marketplace/">Ecommerce Marketplace</a></li>
	<li id="menu-item-5978225" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978225"><a href="/gb-en/omnichannel/">Omnichannel B2C Commerce</a></li>
</ul>
</li>
<li id="menu-item-5978226" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5978226"><a href="#">Partner</a>
<ul class="sub-menu">
	<li id="menu-item-5978227" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978227"><a href="/gb-en/partner/">Become a partner</a></li>
	<li id="menu-item-5978228" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978228"><a href="/gb-en/partner-aws/">Partner AWS</a></li>
	<li id="menu-item-5978229" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978229"><a href="/gb-en/lengow/">Lengow</a></li>
</ul>
</li>
<li id="menu-item-5978230" class="submenu menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5978230"><a href="#">Company</a>
<ul class="sub-menu">
	<li id="menu-item-5978231" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978231"><a href="/gb-en/about-us/">About Us</a></li>
	<li id="menu-item-5978232" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978232"><a href="/gb-en/cases/">Customers</a></li>
	<li id="menu-item-5978233" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978233"><a href="/gb-en/press-media/">Press &#038; Media</a></li>
	<li id="menu-item-5978234" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978234"><a target="_blank" rel="noopener" href="https://investors.vtex.com/">Investor Relations</a></li>
	<li id="menu-item-5978235" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978235"><a target="_blank" rel="noopener" href="https://careers.vtex.com/">Careers</a></li>
	<li id="menu-item-5978236" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978236"><a href="/de-de/contact/">Contact Us</a></li>
</ul>
</li>
<li id="menu-item-5978237" class="submenu menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5978237"><a href="#">Resources</a>
<ul class="sub-menu">
	<li id="menu-item-5978238" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978238"><a target="_blank" rel="noopener" href="/en/blog">Blog</a></li>
	<li id="menu-item-5978239" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978239"><a href="/gb-en/resources/">Resource Center</a></li>
	<li id="menu-item-5978275" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978275"><a target="_blank" rel="noopener" href="https://apps.vtex.com/">App Store</a></li>
	<li id="menu-item-5978274" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978274"><a target="_blank" rel="noopener" href="https://developers.vtex.com/">Developer Portal</a></li>
	<li id="menu-item-5978276" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978276"><a target="_blank" rel="noopener" href="https://help.vtex.com/">Help Center</a></li>
</ul>
</li>
</ul></div>						<!-- mobile menu -->
													<div id="footer-mobile" class="menu-footer-mobile-de-de-2023-container"><ul id="menu-footer-mobile-de-de-2023" class="menu"><li id="menu-item-5978646" class="submenu menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-5978646"><a href="#">Products</a>
<ul class="sub-menu">
	<li id="menu-item-5978647" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-5978647"><a href="/de-de/" aria-current="page">Platform Overview</a></li>
	<li id="menu-item-5978648" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978648"><a href="/gb-en/core-commerce/">Digital Commerce Platform</a></li>
	<li id="menu-item-5978650" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978650"><a href="/gb-en/marketplace-seller-management/">Marketplace &#038; Seller Management</a></li>
	<li id="menu-item-5978649" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978649"><a href="/gb-en/order-management-system/">Order Management System</a></li>
	<li id="menu-item-5978651" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978651"><a href="/gb-en/vtex-io/">VTEX IO</a></li>
	<li id="menu-item-5978652" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978652"><a href="/us-en/live-shopping/">Live Shopping</a></li>
</ul>
</li>
<li id="menu-item-5978653" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5978653"><a href="#">Solutions</a>
<ul class="sub-menu">
	<li id="menu-item-5978654" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978654"><a href="/gb-en/digital-commerce/">B2C Commerce</a></li>
	<li id="menu-item-5978656" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978656"><a href="/gb-en/b2b-commerce/">B2B Commerce</a></li>
	<li id="menu-item-5978655" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978655"><a href="/gb-en/headless-commerce/">Headless Commerce</a></li>
	<li id="menu-item-5978657" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978657"><a href="/gb-en/ecommerce-marketplace/">Ecommerce Marketplace</a></li>
	<li id="menu-item-5978658" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978658"><a href="/gb-en/omnichannel/">Omnichannel B2C Commerce</a></li>
</ul>
</li>
<li id="menu-item-5978660" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5978660"><a href="#">Partners</a>
<ul class="sub-menu">
	<li id="menu-item-5978659" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978659"><a href="/gb-en/partner/">Become a Partner</a></li>
	<li id="menu-item-5978661" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978661"><a href="/gb-en/partner-aws/">Partners AWS</a></li>
	<li id="menu-item-5978662" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978662"><a href="/gb-en/lengow/">Lengow</a></li>
</ul>
</li>
<li id="menu-item-5978663" class="submenu menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5978663"><a href="#">Company</a>
<ul class="sub-menu">
	<li id="menu-item-5978664" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978664"><a href="/gb-en/about-us/">About Us</a></li>
	<li id="menu-item-5978665" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978665"><a href="/gb-en/customers/">Customers</a></li>
	<li id="menu-item-5978666" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978666"><a href="/gb-en/press-media/">Press &#038; Media</a></li>
	<li id="menu-item-5978667" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978667"><a target="_blank" rel="noopener" href="https://investors.vtex.com">Investor Relations</a></li>
	<li id="menu-item-5978668" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978668"><a target="_blank" rel="noopener" href="https://careers.vtex.com/">Careers</a></li>
	<li id="menu-item-5978669" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978669"><a href="/de-de/contact/">Contact Us</a></li>
</ul>
</li>
<li id="menu-item-5978671" class="submenu menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5978671"><a href="#">Resources</a>
<ul class="sub-menu">
	<li id="menu-item-5978670" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978670"><a href="/gb-en/blog/">Blog</a></li>
	<li id="menu-item-5978672" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978672"><a href="/gb-en/resources/">Resource Center</a></li>
	<li id="menu-item-5978673" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978673"><a target="_blank" rel="noopener" href="https://apps.vtex.com/">App Store</a></li>
	<li id="menu-item-5978674" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978674"><a href="https://developers.vtex.com/">Developer Portal</a></li>
	<li id="menu-item-5978675" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5978675"><a href="https://help.vtex.com/">Help Center</a></li>
</ul>
</li>
</ul></div>											</div>
				</div>
			</div>
		</div>
		<div class="bottom-footer">
			<div class="footer__copywrite">
				<div class="container">
					<div class="footer_social-wrap">
						<ul class="footer__social">
															<li class="footer__social__item">
									<a href="https://www.facebook.com/vtexcommerce/" target="_blank" class="footer__social__link" title="Facebook" rel="noreferrer">
										<svg role="img" class="footer__social__icon">
											<use xlink:href="https://vtex.com/wp-content/themes/VTEXTheme/assets/images/svg-symbols.svg#facebook"></use>
										</svg>
									</a>
								</li>
							
															<li class="footer__social__item">
									<a href="https://www.instagram.com/vtexbrasil/" target="_blank" class="footer__social__link" title="Instagram" rel="noreferrer">
										<svg role="img" class="footer__social__icon">
											<use xlink:href="https://vtex.com/wp-content/themes/VTEXTheme/assets/images/svg-symbols.svg#instagram"></use>
										</svg>
									</a>
								</li>
							
															<li class="footer__social__item">
									<a href="https://www.youtube.com/c/VTEX-Commerce/featured" target="_blank" class="footer__social__link" title="Youtube" rel="noreferrer">
										<svg role="img" class="footer__social__icon">
											<use xlink:href="https://vtex.com/wp-content/themes/VTEXTheme/assets/images/svg-symbols.svg#youtube"></use>
										</svg>
									</a>
								</li>
							
															<li class="footer__social__item">
									<a href="https://www.linkedin.com/company/vtex/" target="_blank" class="footer__social__link" title="Linkedin" rel="noreferrer">
										<svg role="img" class="footer__social__icon">
											<use xlink:href="https://vtex.com/wp-content/themes/VTEXTheme/assets/images/svg-symbols.svg#linkedin"></use>
										</svg>
									</a>
								</li>
							
															<li class="footer__social__item">
									<a href="https://twitter.com/vtexonline" target="_blank" class="footer__social__link" title="Twitter" rel="noreferrer">
										<svg role="img" class="footer__social__icon">
											<use xlink:href="https://vtex.com/wp-content/themes/VTEXTheme/assets/images/svg-symbols.svg#twitter"></use>
										</svg>
									</a>
								</li>
							
						</ul>
					</div>

					<div class="footer__copywrite__nav">
											</div>
				</div>
			</div>
		</div>
	</footer>
	<div class="modal-form" id="custom-modal-form">
		<div class="modal-form-body">
			<div class="modal-form-close">
				<button id="close-button">X</button>
			</div>
						<div class="popup-logo">
				<img src="https://vtex.com/wp-content/uploads/2022/12/logo-vtex.svg">
			</div>
			<div class="popup-wrap">
				<div class="popup-title">
					<h2>Request a demo</h2>
				</div>
				<div class="popup-conent">
					<h2>Experience a live demo, get answers to your specific questions, and find out why VTEX is the right choice for your organization.</h2>
				</div>
				<div class="page-contact" id="contact">
					<div class="page-contact__form">
						<div class="vtex-form vtex-form__show-error" data-endpoint="https://us.vtex.com/l/870431/2022-12-12/n7ykvm">
							<div role="form" class="wpcf7" id="wpcf7-f5677842-o1" lang="en-US" dir="ltr">
<div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
<form action="/de-de/#wpcf7-f5677842-o1" method="post" class="wpcf7-form init cf7mls-no-scroll cf7mls-no-moving-animation" novalidate="novalidate" data-status="init">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="5677842" />
<input type="hidden" name="_wpcf7_version" value="5.6.3" />
<input type="hidden" name="_wpcf7_locale" value="en_US" />
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f5677842-o1" />
<input type="hidden" name="_wpcf7_container_post" value="0" />
<input type="hidden" name="_wpcf7_posted_data_hash" value="" />
<input type="hidden" name="_wpcf7cf_hidden_group_fields" value="[]" />
<input type="hidden" name="_wpcf7cf_hidden_groups" value="[]" />
<input type="hidden" name="_wpcf7cf_visible_groups" value="[]" />
<input type="hidden" name="_wpcf7cf_repeaters" value="[]" />
<input type="hidden" name="_wpcf7cf_steps" value="{}" />
<input type="hidden" name="_wpcf7cf_options" value="{&quot;form_id&quot;:5677842,&quot;conditions&quot;:[],&quot;settings&quot;:{&quot;animation&quot;:&quot;yes&quot;,&quot;animation_intime&quot;:200,&quot;animation_outtime&quot;:200,&quot;conditions_ui&quot;:&quot;normal&quot;,&quot;notice_dismissed&quot;:false,&quot;notice_dismissed_rollback-cf7-5.6.1&quot;:true}}" />
<input type="hidden" name="_wpcf7_recaptcha_response" value="" />
</div>
<p><span class="wpcf7-form-control-wrap" data-name="first_name-Default"><input type="text" name="first_name-Default" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required vtex-form__control" aria-required="true" aria-invalid="false" placeholder="First Name" /></span><br />
<span class="wpcf7-form-control-wrap" data-name="last_name-Default"><input type="text" name="last_name-Default" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required vtex-form__control" aria-required="true" aria-invalid="false" placeholder="Last Name" /></span><br />
<span class="wpcf7-form-control-wrap" data-name="email-Default"><input type="email" name="email-Default" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email vtex-form__control" aria-required="true" aria-invalid="false" placeholder="Corporate Email" /></span><br />
<span class="wpcf7-form-control-wrap" data-name="phone"><input type="tel" name="phone" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-tel wpcf7-validates-as-required wpcf7-validates-as-tel vtex-form__control" id="phone" aria-required="true" aria-invalid="false" /></span><br />
<span class="wpcf7-form-control-wrap" data-name="company"><input type="text" name="company" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required vtex-form__control" aria-required="true" aria-invalid="false" placeholder="Company" /></span><br />
<span class="wpcf7-form-control-wrap" data-name="comments"><textarea name="comments" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea vtex-form__control" aria-invalid="false" placeholder="Message"></textarea></span></p>
<p><span class="wpcf7-form-control-wrap" data-name="PrivacyPolicy"><span class="wpcf7-form-control wpcf7-checkbox wpcf7-exclusive-checkbox vtex-form__control-checkbox"><span class="wpcf7-list-item first last"><label><input type="checkbox" name="PrivacyPolicy" value="By checking the box you agree to be contacted by VTEX by any means of communication, including email or phone, in order to receive the latest updates on VTEX content, products or services." /><span class="wpcf7-list-item-label">By checking the box you agree to be contacted by VTEX by any means of communication, including email or phone, in order to receive the latest updates on VTEX content, products or services.</span></label></span></span></span></p>
<p><span class="wpcf7-form-control-wrap" data-name="TestDevloper"><span class="wpcf7-form-control wpcf7-checkbox"></span></span></p>
<input type="hidden" name="country" value="Please select a country for your phone number." class="wpcf7-form-control wpcf7-hidden input-country-listbox" />
<input type="hidden" name="utm_source" value="" class="wpcf7-form-control wpcf7-hidden input-utm_source" />
<input type="hidden" name="utm_medium" value="" class="wpcf7-form-control wpcf7-hidden input-utm_medium" />
<input type="hidden" name="utm_campaign" value="" class="wpcf7-form-control wpcf7-hidden input-utm_campaign" />
<p><input type="hidden" name="page_name_URL" value="" class="wpcf7-form-control cf7-rfr wpcf7-cf7rfr_referrer" /></p>
<button id="btn-form-default" class="g-recaptcha vtex-form__submit" data-sitekey="6Lc5hqYZAAAAABN9e0WcACgc--3FSpaVwYfcO0Uw" data-callback="onSubmit" data-size="invisible">REQUEST A Demo</button>
<div class="wpcf7-response-output" aria-hidden="true"></div></form></div>
							<div class="vtex-form__support vtex-form__support-small">
								<p>By sending you understand and agree to the <a href="https://compliance.vtex.com/gdpr/policies/vtex-privacy-policy" target="_blank" rel="noopener">Privacy Terms</a>.</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

<link rel='stylesheet' id='contact-form-7-css'  href='https://vtex.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.6.3' type='text/css' media='all' />
<script type='text/javascript' id='leadin-script-loader-js-js-extra'>
/* <![CDATA[ */
var leadin_wordpress = {"userRole":"visitor","pageType":"home","leadinPluginVersion":"10.2.16"};
/* ]]> */
</script>
<script type='text/javascript' src='https://js.hs-scripts.com/23522428.js?integration=WordPress&#038;ver=10.2.16' async defer id='hs-script-loader'></script>
<script type='text/javascript' id='cf7mls-js-extra'>
/* <![CDATA[ */
var cf7mls_object = {"ajax_url":"https:\/\/vtex.com\/wp-admin\/admin-ajax.php","is_rtl":"","disable_submit":"true","cf7mls_error_message":"","scroll_step":"true","disable_enter_key":"false","check_step_before_submit":"true"};
/* ]]> */
</script>
<script type='text/javascript' src='https://vtex.com/wp-content/plugins/cf7-multi-step/assets/frontend/js/cf7mls.js?ver=2.7.3' id='cf7mls-js'></script>
<script type='text/javascript' src='https://vtex.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.6.3' id='swv-js'></script>
<script type='text/javascript' id='contact-form-7-js-extra'>
/* <![CDATA[ */
var wpcf7 = {"api":{"root":"https:\/\/vtex.com\/de-de\/wp-json\/","namespace":"contact-form-7\/v1"},"cached":"1"};
/* ]]> */
</script>
<script type='text/javascript' src='https://vtex.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.6.3' id='contact-form-7-js'></script>
<script type='text/javascript' id='wpcf7cf-scripts-js-extra'>
/* <![CDATA[ */
var wpcf7cf_global_settings = {"ajaxurl":"https:\/\/vtex.com\/wp-admin\/admin-ajax.php"};
/* ]]> */
</script>
<script type='text/javascript' src='https://vtex.com/wp-content/plugins/cf7-conditional-fields/js/scripts.js?ver=2.2.1' id='wpcf7cf-scripts-js'></script>
<script type='text/javascript' src='https://vtex.com/wp-content/themes/VTEXTheme/v2/assets/js/plugins/jquery.js?ver=1.0.0' id='jquery-main-js'></script>
<script type='text/javascript' src='https://vtex.com/wp-content/themes/VTEXTheme/v2/assets/js/plugins/jquery.cookie.js?ver=1.0.0' id='cookie-main-js'></script>
<script type='text/javascript' src='https://vtex.com/wp-content/themes/VTEXTheme/v2/assets/js/plugins/slick.js?ver=1.0.0' id='slick-js'></script>
<script type='text/javascript' id='main-js-extra'>
/* <![CDATA[ */
var my_ajax_object = {"ajax_url":"https:\/\/vtex.com\/wp-admin\/admin-ajax.php"};
/* ]]> */
</script>
<script type='text/javascript' src='https://vtex.com/wp-content/themes/VTEXTheme/v2/assets/js/components/main.js?ver=1.3.6' id='main-js'></script>
<script type='text/javascript' src='https://vtex.com/wp-content/themes/VTEXTheme/v2/assets/js/components/top-bar.js?ver=1.0.0' id='top-bar-js'></script>
<script type='text/javascript' src='https://vtex.com/wp-content/themes/VTEXTheme/v2/assets/js/components/card-cookies.js?ver=1.0.0' id='card-cookies-js'></script>
<script type='text/javascript' src='https://vtex.com/wp-content/themes/VTEXTheme/v2/assets/js/plugins/mask.js?ver=1.0.0' id='mask-js'></script>
<script type='text/javascript' src='https://vtex.com/wp-content/themes/VTEXTheme/v2/assets/js/components/phone.js?ver=1.0.2' id='phone-js'></script>
<script type='text/javascript' src='https://vtex.com/wp-content/themes/VTEXTheme/v2/assets/js/plugins/validade.js?ver=1.0.0' id='validade-js'></script>
<script type='text/javascript' src='https://vtex.com/wp-content/themes/VTEXTheme/v2/assets/js/plugins/intlTelInput.min.js?ver=1.0.0' id='intlTelInput-js'></script>
<script type='text/javascript' src='https://vtex.com/wp-content/themes/VTEXTheme/v2/assets/js/plugins/vtex-validate-recaptcha.js?ver=1.0.0' id='vtex-validate-js'></script>
<script type='text/javascript' src='https://vtex.com/wp-content/themes/VTEXTheme/v2/assets/js/page/contact-default.js?ver=1.0.0' id='contact-default-js'></script>
<script type='text/javascript' src='https://vtex.com/wp-content/themes/VTEXTheme/v2/assets/js/plugins/lazyload.js?ver=1.0.0' id='lazyload-js'></script>
<script type='text/javascript' src='https://vtex.com/wp-content/themes/VTEXTheme/v2/assets/js/components/tabs.js?ver=1.0.0' id='tabs-js'></script>
<script type='text/javascript' src='https://vtex.com/wp-content/themes/VTEXTheme/v2/assets/js/plugins/jquery-modal-video.min.js?ver=1.0.0' id='jquery-modal-video-js'></script>
<script type='text/javascript' src='https://vtex.com/wp-content/themes/VTEXTheme/v2/assets/js/components/player_lottie.js?ver=1.0.0' id='lottie-play-js'></script>
<script type='text/javascript' src='https://vtex.com/wp-content/themes/VTEXTheme/v2/assets/js/components/new-oms.js?ver=1.2.2' id='new_oms-js'></script>
<script type='text/javascript' src='https://vtex.com/wp-content/themes/VTEXTheme/v2/assets/js/components/new_template.js?ver=1.3.2' id='new_template-js'></script>
<script type='text/javascript' src='https://vtex.com/wp-content/themes/VTEXTheme/v2/assets/js/components/mesa-tabs.js?ver=1.2.0' id='mesa-tabs-js'></script>
<script type='text/javascript' src='https://www.google.com/recaptcha/api.js?render=6LfIu04eAAAAAF5XgHd-iQQrKy4Z_xujaLMEGVhV&#038;ver=3.0' id='google-recaptcha-js'></script>
<script type='text/javascript' src='https://vtex.com/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.13.9' id='regenerator-runtime-js'></script>
<script type='text/javascript' src='https://vtex.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0' id='wp-polyfill-js'></script>
<script type='text/javascript' id='wpcf7-recaptcha-js-extra'>
/* <![CDATA[ */
var wpcf7_recaptcha = {"sitekey":"6LfIu04eAAAAAF5XgHd-iQQrKy4Z_xujaLMEGVhV","actions":{"homepage":"homepage","contactform":"contactform"}};
/* ]]> */
</script>
<script type='text/javascript' src='https://vtex.com/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=5.6.3' id='wpcf7-recaptcha-js'></script>
<script type='text/javascript' defer src='https://js.hsforms.net/forms/embed/v2.js?ver=10.2.16' id='leadin-forms-v2-js'></script>
<script type='text/javascript' src='https://vtex.com/wp-content/plugins/referrer-input-for-contact-form-7/script.min.js?ver=1.0.0' id='cf7-rfr-js-js'></script>
<script type='text/javascript' id='cf7-extras-js-extra'>
/* <![CDATA[ */
var cf7_extras = {"events":{"track-ga":[],"redirect-success":[]},"forms":{"5677842":{"title":"[Form US \ud83c\uddfa\ud83c\uddf8] - Request Demo(POP-UP)","redirect_url":""}}};
/* ]]> */
</script>
<script type='text/javascript' src='https://vtex.com/wp-content/plugins/contact-form-7-extras/assets/js/controls.js?ver=0.8.0' id='cf7-extras-js'></script>


</body>

</html>