| _wordpressResponse |
Symfony\Component\HttpFoundation\Response {#693
+headers: Symfony\Component\HttpFoundation\ResponseHeaderBag {#4677 …}
#content: """
<!DOCTYPE html>\n
<html lang="de">\n
<head>\n
<meta charset="utf-8">\n
<meta name="viewport" content="width=device-width, initial-scale=1">\n
\n
<link rel="profile" href="http://gmpg.org/xfn/11">\n
<link rel="pingback" href="https://www.staging.startplatz.de/xmlrpc.php">\n
<!-- Apple Touch Icon (180x180 auto-scales) -->\n
<link rel="apple-touch-icon" href="/apple-touch-icon.png">\n
<!-- Favicon -->\n
\n
<link rel="icon" href="/favicon.png" sizes="32x32">\n
\n
\n
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->\n
<!--[if lt IE 9]>\n
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>\n
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>\n
<![endif]-->\n
<script>\n
window.dataLayer = window.dataLayer || [];\n
function gtag(){dataLayer.push(arguments);}\n
window.__spConsentDefaultSet = true;\n
gtag('consent', 'default', {\n
ad_storage: 'denied', analytics_storage: 'denied',\n
ad_user_data: 'denied', ad_personalization: 'denied',\n
functionality_storage: 'granted', security_storage: 'granted',\n
wait_for_update: 500\n
});\n
window.SP_CONSENT_CONFIG = {\n
ga4: 'G-XYVL4EFW9X',\n
gtm: 'GTM-5WTVWDT',\n
metaPixel: '767917863396798',\n
clarity: 'xfldwusw5h',\n
privacyUrl: 'https://www.startplatz.de/datenschutz'\n
};\n
if(!window.fbq){var n=window.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!window._fbq)window._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];}\n
</script>\n
<link rel="stylesheet" href="/css/sp-consent.css">\n
<script src="/js/sp-consent.js" defer></script>\n
<script src="/js/sp-conversion.js" defer></script>\n
\n
\n
<!-- wp_head starts -->\n
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />\n
\n
\t<!-- This site is optimized with the Yoast SEO Premium plugin v27.6 (Yoast SEO v28.1) - https://yoast.com/product/yoast-seo-premium-wordpress/ -->\n
\t<title>What is Value Proposition Design? - STARTPLATZ</title>\n
\t<meta name="description" content="Am 27. Januar findet unser erster Value Proposition Design Workshop mit Lars Olbrich im STARTPLATZ Köln statt." />\n
\t<link rel="canonical" href="https://www.staging.startplatz.de/what-is-value-proposition-design/" />\n
\t<meta property="og:locale" content="de_DE" />\n
\t<meta property="og:type" content="article" />\n
\t<meta property="og:title" content="What is Value Proposition Design?" />\n
\t<meta property="og:description" content="Am 27. Januar findet unser erster Value Proposition Design Workshop mit Lars Olbrich im STARTPLATZ Köln statt." />\n
\t<meta property="og:url" content="https://www.staging.startplatz.de/what-is-value-proposition-design/" />\n
\t<meta property="og:site_name" content="STARTPLATZ" />\n
\t<meta property="article:published_time" content="2016-01-07T09:34:42+00:00" />\n
\t<meta property="article:modified_time" content="2020-11-25T11:38:20+00:00" />\n
\t<meta property="og:image" content="https://www.staging.startplatz.de/wp-content/uploads/2016/01/Value-Proposition-Canvas-e1488875877719.jpg" />\n
\t<meta property="og:image:width" content="4688" />\n
\t<meta property="og:image:height" content="2232" />\n
\t<meta property="og:image:type" content="image/jpeg" />\n
\t<meta name="author" content="lgraef" />\n
\t<meta name="twitter:label1" content="Verfasst von" />\n
\t<meta name="twitter:data1" content="lgraef" />\n
\t<meta name="twitter:label2" content="Geschätzte Lesezeit" />\n
\t<meta name="twitter:data2" content="10\u{A0}Minuten" />\n
\t<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.staging.startplatz.de\/what-is-value-proposition-design\/#article","isPartOf":{"@id":"https:\/\/www.staging.startplatz.de\/what-is-value-proposition-design\/"},"author":{"name":"lgraef","@id":"https:\/\/www.staging.startplatz.de\/#\/schema\/person\/3208e98b262dae03e85cfe5c8ee4cfae"},"headline":"What is Value Proposition Design?","datePublished":"2016-01-07T09:34:42+00:00","dateModified":"2020-11-25T11:38:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www.staging.startplatz.de\/what-is-value-proposition-design\/"},"wordCount":1970,"commentCount":0,"image":{"@id":"https:\/\/www.staging.startplatz.de\/what-is-value-proposition-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.staging.startplatz.de\/wp-content\/uploads\/2016\/01\/Value-Proposition-Canvas-e1488875877719.jpg","keywords":["business model canvas","know-how-startup-best-practices","sp-connect"],"articleSection":["Aktuelle Trends"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.staging.startplatz.de\/what-is-value-proposition-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.staging.startplatz.de\/what-is-value-proposition-design\/","url":"https:\/\/www.staging.startplatz.de\/what-is-value-proposition-design\/","name":"What is Value Proposition Design? - STARTPLATZ","isPartOf":{"@id":"https:\/\/www.staging.startplatz.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.staging.startplatz.de\/what-is-value-proposition-design\/#primaryimage"},"image":{"@id":"https:\/\/www.staging.startplatz.de\/what-is-value-proposition-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.staging.startplatz.de\/wp-content\/uploads\/2016\/01\/Value-Proposition-Canvas-e1488875877719.jpg","datePublished":"2016-01-07T09:34:42+00:00","dateModified":"2020-11-25T11:38:20+00:00","author":{"@id":"https:\/\/www.staging.startplatz.de\/#\/schema\/person\/3208e98b262dae03e85cfe5c8ee4cfae"},"description":"Am 27. Januar findet unser erster Value Proposition Design Workshop mit Lars Olbrich im STARTPLATZ Köln statt.","breadcrumb":{"@id":"https:\/\/www.staging.startplatz.de\/what-is-value-proposition-design\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.staging.startplatz.de\/what-is-value-proposition-design\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.staging.startplatz.de\/what-is-value-proposition-design\/#primaryimage","url":"https:\/\/www.staging.startplatz.de\/wp-content\/uploads\/2016\/01\/Value-Proposition-Canvas-e1488875877719.jpg","contentUrl":"https:\/\/www.staging.startplatz.de\/wp-content\/uploads\/2016\/01\/Value-Proposition-Canvas-e1488875877719.jpg","width":4688,"height":2232,"caption":"Value Proposition Canvas"},{"@type":"BreadcrumbList","@id":"https:\/\/www.staging.startplatz.de\/what-is-value-proposition-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.staging.startplatz.de\/"},{"@type":"ListItem","position":2,"name":"Blog – Hauptseite","item":"https:\/\/www.staging.startplatz.de\/blog\/"},{"@type":"ListItem","position":3,"name":"What is Value Proposition Design?"}]},{"@type":"WebSite","@id":"https:\/\/www.staging.startplatz.de\/#website","url":"https:\/\/www.staging.startplatz.de\/","name":"STARTPLATZ","description":"Startup Inkubator in Köln und Düsseldorf","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.staging.startplatz.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/www.staging.startplatz.de\/#\/schema\/person\/3208e98b262dae03e85cfe5c8ee4cfae","name":"lgraef","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/c91ce354a125a4aa961b5875d604e79cab9b6d96ec555a0d9c9b065fb8eef5f5?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c91ce354a125a4aa961b5875d604e79cab9b6d96ec555a0d9c9b065fb8eef5f5?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c91ce354a125a4aa961b5875d604e79cab9b6d96ec555a0d9c9b065fb8eef5f5?s=96&r=g","caption":"lgraef"},"sameAs":["https:\/\/x.com\/lgraef"],"url":"https:\/\/www.staging.startplatz.de\/author\/lgraef\/"}]}</script>\n
\t<!-- / Yoast SEO Premium plugin. -->\n
\n
\n
<link rel='dns-prefetch' href='//www.staging.startplatz.de' />\n
<link rel="alternate" type="application/rss+xml" title="STARTPLATZ » Feed" href="https://www.staging.startplatz.de/feed/" />\n
<link rel="alternate" type="application/rss+xml" title="STARTPLATZ » Kommentar-Feed" href="https://www.staging.startplatz.de/comments/feed/" />\n
<link rel="alternate" type="application/rss+xml" title="STARTPLATZ » Kommentar-Feed zu What is Value Proposition Design?" href="https://www.staging.startplatz.de/what-is-value-proposition-design/feed/" />\n
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.staging.startplatz.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.staging.startplatz.de%2Fwhat-is-value-proposition-design%2F" />\n
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.staging.startplatz.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.staging.startplatz.de%2Fwhat-is-value-proposition-design%2F&format=xml" />\n
<style id="wp-img-auto-sizes-contain-inline-css">\n
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}\n
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */\n
</style>\n
<style id="wp-emoji-styles-inline-css">\n
\n
\timg.wp-smiley, img.emoji {\n
\t\tdisplay: inline !important;\n
\t\tborder: none !important;\n
\t\tbox-shadow: none !important;\n
\t\theight: 1em !important;\n
\t\twidth: 1em !important;\n
\t\tmargin: 0 0.07em !important;\n
\t\tvertical-align: -0.1em !important;\n
\t\tbackground: none !important;\n
\t\tpadding: 0 !important;\n
\t}\n
/*# sourceURL=wp-emoji-styles-inline-css */\n
</style>\n
<style id="wp-block-library-inline-css">\n
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}\n
/*wp_block_styles_on_demand_placeholder:6a762c30437f4*/\n
/*# sourceURL=wp-block-library-inline-css */\n
</style>\n
<style id="classic-theme-styles-inline-css">\n
/*! This file is auto-generated */\n
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}\n
/*# sourceURL=/wp-includes/css/classic-themes.min.css */\n
</style>\n
<style id="wp-block-styles-placeholder-inline-css">\n
:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the block styles printed at wp_footer." }\n
/*# sourceURL=wp-block-styles-placeholder-inline-css */\n
</style>\n
<style id="wp-global-styles-placeholder-inline-css">\n
:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the global-styles printed at wp_footer." }\n
/*# sourceURL=wp-global-styles-placeholder-inline-css */\n
</style>\n
<link rel='stylesheet' id='mc4wp-form-styles-builder-css' href='//www.staging.startplatz.de/wp-content/uploads/mc4wp-stylesheets/bundle.css?ver=1649164263' media='all' />\n
<link rel="https://api.w.org/" href="https://www.staging.startplatz.de/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.staging.startplatz.de/wp-json/wp/v2/posts/31858" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.staging.startplatz.de/xmlrpc.php?rsd" />\n
<meta name="generator" content="WordPress 7.0.2" />\n
<link rel='shortlink' href='https://www.staging.startplatz.de/?p=31858' />\n
<!-- wp_head ends -->\n
<!-- startplatz default styles starts -->\n
<link rel='stylesheet' id='bootstrap.min-css' href='/wp-content/themes/startplatz/css/bootstrap.min.css?ver=5.3.2' type='text/css' media='all' />\n
<link rel='stylesheet' id='main.css-css' href='/wp-content/themes/startplatz/styles/main.css?ver=5.3.2' type='text/css' media='all' />\n
<!-- startplatz default styles ends -->\n
\n
<!-- Custom CSS per page (after Bootstrap) -->\n
</head>\n
\n
\n
<body id="top" >\n
<!--[if lt IE 10]>\n
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>\n
<![endif]-->\n
<!-- menu -->\n
\n
\n
\n
\n
<link rel="preconnect" href="https://fonts.googleapis.com">\n
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>\n
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap" rel="stylesheet">\n
<style id="sp-public-nav-css">\n
#sp-public-nav{\n
--ink:#1d1d1f;\n
--grey:#6e6e73;\n
--grey-soft:#86868b;\n
--line:#e8e8ed;\n
--panel:#ffffff;\n
--bar-h:60px;\n
--radius:18px;\n
--font:'Source Sans Pro',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;\n
}\n
#sp-public-nav *{box-sizing:border-box;margin:0;padding:0}\n
#sp-public-nav a{text-decoration:none;color:inherit}\n
\n
#sp-public-nav .bar{\n
position:fixed;top:0;left:0;right:0;z-index:1000;\n
height:var(--bar-h);\n
background:rgba(255,255,255,.86);\n
backdrop-filter:saturate(180%) blur(20px);\n
-webkit-backdrop-filter:saturate(180%) blur(20px);\n
border-bottom:1px solid var(--line);\n
}\n
#sp-public-nav .bar-inner{\n
max-width:1360px;margin:0 auto;height:100%;\n
display:flex;align-items:center;gap:8px;\n
padding:0 22px;\n
}\n
#sp-public-nav .logo img{height:24px;display:block}\n
\n
#sp-public-nav .nav{display:flex;align-items:center;height:100%;margin-left:14px}\n
#sp-public-nav .nav-item{position:relative;height:100%}\n
#sp-public-nav .nav-link{\n
display:flex;align-items:center;height:100%;\n
padding:0 12px;\n
font-size:.95rem;font-weight:400;color:var(--ink);\n
opacity:.82;cursor:pointer;white-space:nowrap;\n
transition:opacity .18s ease;\n
}\n
#sp-public-nav .nav-item:hover>.nav-link,\n
#sp-public-nav .nav-item.is-open>.nav-link{opacity:1}\n
#sp-public-nav .nav-link{position:relative}\n
#sp-public-nav .nav-item:hover>.nav-link::after,\n
#sp-public-nav .nav-item.is-open>.nav-link::after{\n
content:"";position:absolute;left:12px;right:12px;bottom:11px;\n
height:2px;border-radius:2px;background:#7AB800;\n
}\n
\n
#sp-public-nav .bar-right{margin-left:auto;display:flex;align-items:center;gap:14px}\n
#sp-public-nav .lang{position:relative;display:flex;align-items:center}\n
#sp-public-nav .lang-btn{display:flex;align-items:center;gap:3px;background:none;border:0;cursor:pointer;color:var(--grey);padding:8px 4px}\n
#sp-public-nav .lang-btn:hover{color:var(--ink)}\n
#sp-public-nav .lang-btn svg{width:20px;height:20px}\n
#sp-public-nav .lang-btn .lang-caret{width:12px;height:12px}\n
#sp-public-nav .lang-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 36px -8px rgba(0,0,0,.16);padding:6px;display:none;flex-direction:column;min-width:70px;z-index:1002}\n
#sp-public-nav .lang:hover .lang-menu{display:flex}\n
#sp-public-nav .lang-menu a{padding:7px 14px;font-size:.92rem;border-radius:7px;color:var(--ink)}\n
#sp-public-nav .lang-menu a:hover{background:var(--line)}\n
#sp-public-nav .lang-menu a.active{font-weight:600}\n
/* B-2177: Konto-Menü für eingeloggte Nutzer — gleiche Hover-Mechanik wie der\n
Sprachumschalter darüber, damit kein zusätzliches JS nötig ist. */\n
#sp-public-nav .user{position:relative;display:flex;align-items:center}\n
#sp-public-nav .user-btn{\n
display:flex;align-items:center;gap:4px;\n
background:none;border:0;cursor:pointer;padding:4px 0;color:var(--grey);\n
}\n
#sp-public-nav .user-btn:hover{color:var(--ink)}\n
#sp-public-nav .user-btn .lang-caret{width:12px;height:12px}\n
#sp-public-nav .user-avatar{\n
width:30px;height:30px;border-radius:50%;object-fit:cover;\n
border:1px solid var(--line);display:block;\n
}\n
#sp-public-nav .user-initials{\n
width:30px;height:30px;border-radius:50%;\n
background:#7AB800;color:#fff;\n
display:flex;align-items:center;justify-content:center;\n
font-size:.85rem;font-weight:700;\n
}\n
#sp-public-nav .user-menu{\n
position:absolute;top:100%;right:0;\n
background:#fff;border:1px solid var(--line);border-radius:12px;\n
box-shadow:0 14px 36px -8px rgba(0,0,0,.16);\n
padding:6px;display:none;flex-direction:column;min-width:170px;z-index:1002;\n
}\n
#sp-public-nav .user:hover .user-menu{display:flex}\n
#sp-public-nav .user-menu a{padding:8px 14px;font-size:.92rem;border-radius:7px;color:var(--ink);white-space:nowrap}\n
#sp-public-nav .user-menu a:hover{background:var(--line)}\n
#sp-public-nav .user-name{\n
padding:8px 14px 6px;font-size:.82rem;color:var(--grey-soft);\n
border-bottom:1px solid var(--line);margin-bottom:4px;\n
max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;\n
}\n
#sp-public-nav .user-logout{margin-top:4px;border-top:1px solid var(--line);border-radius:0 0 7px 7px}\n
#sp-public-nav .login{font-size:.95rem;color:var(--ink);opacity:.82}\n
#sp-public-nav .login:hover{opacity:1}\n
#sp-public-nav .join{\n
font-size:.95rem;font-weight:600;\n
color:#fff;background:#7AB800;\n
padding:9px 18px;border-radius:980px;\n
transition:background .18s ease;\n
}\n
#sp-public-nav .join:hover{background:#5a8a00}\n
\n
#sp-public-nav .panel{\n
position:absolute;top:calc(100% + 0px);left:50%;\n
transform:translateX(-50%) translateY(6px);\n
background:var(--panel);\n
border:1px solid var(--line);\n
border-radius:var(--radius);\n
box-shadow:0 18px 60px -12px rgba(0,0,0,.18),0 4px 14px rgba(0,0,0,.05);\n
padding:24px 28px;\n
opacity:0;visibility:hidden;pointer-events:none;\n
transition:opacity .2s ease,transform .2s ease,visibility .2s;\n
z-index:1001;\n
}\n
#sp-public-nav .nav-item:hover>.panel,\n
#sp-public-nav .nav-item.is-open>.panel{\n
opacity:1;visibility:visible;pointer-events:auto;\n
transform:translateX(-50%) translateY(0);\n
}\n
\n
#sp-public-nav .slim{display:flex;flex-direction:column;min-width:230px}\n
#sp-public-nav .slim-2col{display:flex;gap:48px}\n
#sp-public-nav .slim-city{display:flex;flex-direction:column}\n
#sp-public-nav .slim-head{\n
font-size:.72rem;font-weight:600;letter-spacing:.01em;\n
color:var(--grey);\n
margin-bottom:16px;white-space:nowrap;\n
}\n
#sp-public-nav .big-list{display:flex;flex-direction:column;gap:11px}\n
#sp-public-nav .big-list a{\n
font-size:1.55rem;font-weight:700;line-height:1.18;\n
color:var(--ink);letter-spacing:-.01em;white-space:nowrap;\n
transition:color .15s ease;\n
}\n
#sp-public-nav .big-list a:hover{color:#000;opacity:.7}\n
/* B-1733: In Dropdowns mit Rangfolge (Events, Für Unternehmen, Startupwelt, AI Hub, Über uns)\n
trägt nur der erste Eintrag die volle Größe — die folgenden treten zurück und führen den Blick\n
auf das Hauptziel. Coworking/Konferenzräume bleiben ungestuft (Einträge dort sind gleichrangig). */\n
#sp-public-nav .big-list-tiered a:not(:first-child){\n
font-size:1.05rem;font-weight:600;line-height:1.3;\n
color:var(--grey);letter-spacing:0;\n
}\n
#sp-public-nav .big-list-tiered a:not(:first-child):hover{color:var(--ink);opacity:1}\n
/* B-2155: Nebeneintrag im Stadt-Block (AI Community Pass) — tritt gegenüber den\n
gleichrangigen Hauptprodukten zurück, bleibt aber mit Badge auffindbar. */\n
#sp-public-nav .big-list a.nav-sub{\n
font-size:1.05rem;font-weight:600;line-height:1.3;\n
color:var(--grey);letter-spacing:0;\n
display:inline-flex;align-items:center;gap:8px;\n
}\n
#sp-public-nav .big-list a.nav-sub:hover{color:var(--ink);opacity:1}\n
#sp-public-nav .nav-badge{\n
background:#9535ff;color:#fff;\n
font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;\n
padding:2px 7px;border-radius:999px;line-height:1.4;\n
}\n
#sp-public-nav .slim-divider{height:1px;background:var(--line);margin:20px 0 14px}\n
#sp-public-nav .slim-foot{\n
display:flex;align-items:center;justify-content:space-between;\n
gap:24px;white-space:nowrap;\n
}\n
#sp-public-nav .slim-cta{\n
font-size:.95rem;font-weight:600;color:#5a8a00;\n
transition:color .15s ease,opacity .15s ease;\n
}\n
#sp-public-nav .slim-cta:hover{color:#7AB800;opacity:.85}\n
/* B-1473: Probetag-CTA pro Stadt-Spalte; Footer nur noch Memberships (rechtsbündig) */\n
/* B-2174: Der Probetag-CTA hing per festem margin-top direkt unter der Liste und\n
rutschte damit mit jeder zusaetzlichen Zeile nach unten. Seit dem AI Community Pass\n
(B-2155) hat Duesseldorf einen Eintrag mehr als Koeln -> die beiden CTAs standen\n
33px versetzt. margin-top:auto schiebt ihn an den Spaltenboden; die Spalten sind\n
durch das flex-stretch in .slim-2col ohnehin gleich hoch. Das padding haelt den\n
Abstand zur Liste, wenn eine Spalte exakt ausgefuellt ist. */\n
#sp-public-nav .slim-city-cta{margin-top:auto;padding-top:16px}\n
#sp-public-nav .slim-foot-single{justify-content:flex-end}\n
#sp-public-nav .slim-over{\n
font-size:.9rem;font-weight:400;color:var(--grey);\n
transition:color .15s ease;\n
}\n
#sp-public-nav .slim-over:hover{color:var(--ink)}\n
\n
#sp-public-nav .burger{display:none;margin-left:auto;background:none;border:0;cursor:pointer;\n
width:32px;height:32px;align-items:center;justify-content:center}\n
#sp-public-nav .burger span{display:block;width:18px;height:1.5px;background:var(--ink);position:relative}\n
#sp-public-nav .burger span::before,#sp-public-nav .burger span::after{content:"";position:absolute;left:0;width:18px;height:1.5px;background:var(--ink)}\n
#sp-public-nav .burger span::before{top:-5px}#sp-public-nav .burger span::after{top:5px}\n
\n
/* ===== Mobile Drill-Down-Overlay (Apple-Stil) ===== */\n
#sp-public-nav .mobile{\n
display:none;position:fixed;inset:0;z-index:1005;\n
background:#fff;flex-direction:column;overflow:hidden;\n
}\n
#sp-public-nav .mobile.open{display:flex}\n
\n
/* Header: Logo + Schließen */\n
#sp-public-nav .mob-topbar{\n
flex:0 0 auto;height:var(--bar-h);\n
display:flex;align-items:center;justify-content:space-between;\n
padding:0 22px;border-bottom:1px solid var(--line);\n
background:rgba(255,255,255,.92);\n
backdrop-filter:saturate(180%) blur(14px);\n
-webkit-backdrop-filter:saturate(180%) blur(14px);\n
}\n
#sp-public-nav .mob-logo img{height:24px;display:block}\n
#sp-public-nav .mob-close{\n
width:32px;height:32px;border:0;background:transparent;\n
color:var(--grey-soft);font-size:22px;line-height:1;cursor:pointer;\n
display:flex;align-items:center;justify-content:center;border-radius:50%;\n
}\n
#sp-public-nav .mob-close:active{background:#f2f2f4}\n
\n
/* Sliding viewport */\n
#sp-public-nav .mob-viewport{flex:1 1 auto;position:relative;overflow:hidden}\n
#sp-public-nav .mob-level{\n
position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;\n
background:#fff;transition:transform .3s cubic-bezier(.32,.72,0,1);\n
}\n
\n
/* Level 1 */\n
#sp-public-nav .mob-level1{transform:translateX(0);display:flex;flex-direction:column;z-index:1}\n
#sp-public-nav .mobile.in-sub .mob-level1{transform:translateX(-26%)}\n
#sp-public-nav .mob-l1-list{flex:1 1 auto;padding:6px 0 4px}\n
#sp-public-nav .mob-l1-row{\n
display:flex;align-items:center;justify-content:space-between;width:100%;\n
background:transparent;border:0;text-align:left;\n
padding:17px 22px;font-size:17px;color:var(--ink);font-weight:500;\n
letter-spacing:-.012em;cursor:pointer;position:relative;font-family:inherit;\n
}\n
#sp-public-nav .mob-l1-row + .mob-l1-row::before{\n
content:"";position:absolute;top:0;left:22px;right:0;height:1px;background:var(--line);\n
}\n
#sp-public-nav .mob-l1-row:active{background:#f7f7f8}\n
#sp-public-nav .mob-chev{color:#aeaeb2;font-size:20px;font-weight:400;line-height:1;margin-left:12px}\n
\n
/* Level 1 footer */\n
#sp-public-nav .mob-foot{\n
flex:0 0 auto;border-top:1px solid var(--line);\n
padding:16px 22px 22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;\n
}\n
#sp-public-nav .mob-lang{font-size:13px;color:var(--grey);letter-spacing:.02em}\n
#sp-public-nav .mob-lang a{color:var(--grey)}\n
#sp-public-nav .mob-lang a.active{color:var(--ink);font-weight:600}\n
#sp-public-nav .mob-lang .sep{color:#aeaeb2;margin:0 4px}\n
#sp-public-nav .mob-login{font-size:14px;color:var(--ink);font-weight:500}\n
#sp-public-nav .mob-pill{\n
margin-left:auto;background:#7AB800;color:#fff;font-size:14px;font-weight:600;\n
padding:9px 18px;border-radius:999px;letter-spacing:-.01em;white-space:nowrap;\n
}\n
#sp-public-nav .mob-pill:active{background:#6aa300}\n
\n
/* Level 2 panels */\n
#sp-public-nav .mob-panel{\n
transform:translateX(100%);display:flex;flex-direction:column;z-index:2;\n
}\n
#sp-public-nav .mob-panel.active{transform:translateX(0)}\n
#sp-public-nav .mob-sub-header{\n
position:sticky;top:0;flex:0 0 auto;\n
background:rgba(255,255,255,.92);\n
backdrop-filter:saturate(180%) blur(14px);\n
-webkit-backdrop-filter:saturate(180%) blur(14px);\n
border-bottom:1px solid var(--line);z-index:5;\n
}\n
#sp-public-nav .mob-back{\n
display:flex;align-items:center;gap:4px;width:100%;\n
background:transparent;border:0;text-align:left;\n
padding:15px 20px;font-size:17px;font-weight:600;letter-spacing:-.015em;\n
color:var(--ink);cursor:pointer;font-family:inherit;\n
}\n
#sp-public-nav .mob-back-arrow{color:#7AB800;font-size:21px;line-height:1;margin-right:2px}\n
#sp-public-nav .mob-back:active{opacity:.6}\n
#sp-public-nav .mob-l2-body{flex:1 1 auto;padding:8px 0 4px}\n
#sp-public-nav .mob-group-head{\n
font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;\n
color:#aeaeb2;padding:18px 22px 7px;\n
}\n
#sp-public-nav .mob-l2-row{\n
display:block;padding:14px 22px;font-size:16px;color:var(--ink);\n
font-weight:400;letter-spacing:-.01em;position:relative;\n
}\n
#sp-public-nav .mob-l2-row + .mob-l2-row::before{\n
content:"";position:absolute;top:0;left:22px;right:22px;height:1px;background:var(--line);\n
}\n
#sp-public-nav .mob-l2-row:active{background:#f7f7f8}\n
#sp-public-nav .mob-ext{font-size:12px;color:#aeaeb2;margin-left:5px;vertical-align:1px}\n
\n
/* CTA area */\n
#sp-public-nav .mob-cta-area{\n
flex:0 0 auto;border-top:1px solid var(--line);\n
padding:18px 22px 24px;display:flex;flex-direction:column;gap:12px;\n
}\n
#sp-public-nav .mob-cta{\n
display:block;text-align:center;background:#7AB800;color:#fff;\n
font-size:16px;font-weight:600;padding:14px 18px;border-radius:14px;letter-spacing:-.01em;\n
}\n
#sp-public-nav .mob-cta:active{background:#6aa300}\n
#sp-public-nav .mob-cta-secondary{\n
display:block;text-align:center;color:var(--ink);font-size:15px;font-weight:500;padding:2px;\n
}\n
\n
@media(max-width:1023px){\n
#sp-public-nav .nav,#sp-public-nav .bar-right{display:none}\n
#sp-public-nav .burger{display:flex}\n
}\n
</style>\n
<div id="sp-public-nav">\n
\n
<!-- ============ TOP BAR ============ -->\n
<header class="bar">\n
<div class="bar-inner">\n
<a class="logo" href="/" aria-label="STARTPLATZ">\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,w_180/v1614775163/logos/STARTPLATZ_Logos/STARTPLATZ_Logo.png" alt="STARTPLATZ">\n
</a>\n
\n
<nav class="nav" id="nav">\n
\n
<!-- ===== Büros & Coworking ===== -->\n
<div class="nav-item" data-menu>\n
<div class="nav-link">Büros & Coworking</div>\n
<div class="panel">\n
<div class="slim">\n
<div class="slim-2col">\n
<div class="slim-city">\n
<div class="slim-head">Köln</div>\n
<div class="big-list">\n
<a href="https://www.startplatz.de/coworking-koeln/">Coworking</a>\n
<a href="https://www.startplatz.de/teambuero-koeln/">Teambüros</a>\n
<a href="https://www.startplatz.de/geschaeftsanschrift-koeln/">Geschäftsadresse</a>\n
</div>\n
<a class="slim-cta slim-city-cta" href="https://cal.eu/startplatz/coworking-probetag-koln">Probetag buchen →</a>\n
</div>\n
<div class="slim-city">\n
<div class="slim-head">Düsseldorf</div>\n
<div class="big-list">\n
<a href="https://www.startplatz.de/coworking-duesseldorf/">Coworking</a>\n
<a href="https://www.startplatz.de/buero-duesseldorf/">Teambüros</a>\n
<a href="https://www.startplatz.de/geschaeftsanschrift-duesseldorf/">Geschäftsadresse</a>\n
<a class="nav-sub" href="https://www.startplatz.de/ai-community-pass-duesseldorf/">AI Community Pass<span class="nav-badge">Neu</span></a>\n
</div>\n
<a class="slim-cta slim-city-cta" href="https://cal.eu/startplatz-dus/coworking-probetag-dusseldorf">Probetag buchen →</a>\n
</div>\n
</div>\n
<div class="slim-divider"></div>\n
<div class="slim-foot slim-foot-single">\n
<a class="slim-over" href="https://www.startplatz.de/memberships/">Memberships & Tarife →</a>\n
</div>\n
</div>\n
</div>\n
</div>\n
\n
<!-- ===== Konferenzräume ===== -->\n
<div class="nav-item" data-menu>\n
<div class="nav-link">Konferenzräume</div>\n
<div class="panel">\n
<div class="slim">\n
<div class="slim-head">Konferenzräume entdecken</div>\n
<div class="big-list">\n
<a href="https://www.startplatz.de/koeln-tagungsraeume-und-konferenzraeume/">Konferenzräume Köln</a>\n
<a href="https://www.startplatz.de/duesseldorf-tagungsraeume-und-konferenzraeume/">Konferenzräume Düsseldorf</a>\n
</div>\n
<div class="slim-divider"></div>\n
<div class="slim-foot">\n
<a class="slim-cta" href="https://www.startplatz.de/raumanfrage?standort=koeln">Raum in Köln buchen</a>\n
<a class="slim-cta" href="https://www.startplatz.de/raumanfrage?standort=duesseldorf">Raum in Düsseldorf buchen</a>\n
</div>\n
</div>\n
</div>\n
</div>\n
\n
<!-- ===== Events ===== -->\n
<div class="nav-item" data-menu>\n
<div class="nav-link">Events</div>\n
<div class="panel">\n
<div class="slim">\n
<div class="slim-head">Events entdecken</div>\n
<div class="big-list big-list-tiered">\n
<a href="https://www.startplatz.de/events">Alle Events</a>\n
<a href="https://www.startplatz.de/ki-weiterbildung/meetups/">Meetups</a>\n
<a href="https://www.startplatz.de/ki-weiterbildung/hackathons/">Hackathons</a>\n
</div>\n
<div class="slim-divider"></div>\n
<div class="slim-foot">\n
<a class="slim-cta" href="https://www.startplatz.de/events">Zu allen Events</a>\n
</div>\n
</div>\n
</div>\n
</div>\n
\n
<!-- ===== Für Unternehmen (Business Innovation) ===== -->\n
<div class="nav-item" data-menu>\n
<div class="nav-link">Für Unternehmen</div>\n
<div class="panel">\n
<div class="slim">\n
<div class="slim-head">Business Innovation entdecken</div>\n
<div class="big-list big-list-tiered">\n
<a href="/business-innovation/">Für Unternehmen</a>\n
<a href="/business-innovation/ai-experience-day/">AI Experience Day</a>\n
<a href="/business-innovation/startup-scouting/">Startup Scouting</a>\n
<a href="/business-innovation/trusted-advisor/">Trusted Advisor</a>\n
<a href="/business-innovation/partnerschaften/">Partnerschaften & Sponsoring</a>\n
</div>\n
<div class="slim-divider"></div>\n
<div class="slim-foot">\n
<a class="slim-cta" href="https://www.cal.eu/julian-palaszewski-aqkzwq" target="_blank" rel="noopener">Gespräch vereinbaren</a>\n
<a class="slim-over" href="https://startplatz-ai-academy.de/unternehmen" target="_blank" rel="noopener">AI Academy →</a>\n
</div>\n
</div>\n
</div>\n
</div>\n
\n
<!-- ===== Startupwelt ===== -->\n
<div class="nav-item" data-menu>\n
<div class="nav-link">Startupwelt</div>\n
<div class="panel">\n
<div class="slim">\n
<div class="slim-head">Startupwelt entdecken</div>\n
<div class="big-list big-list-tiered">\n
<a href="https://www.startplatz.de/accelerator/">KI Accelerator</a>\n
<a href="https://www.startplatz.de/open-accelerator">Inkubator</a>\n
<a href="https://www.startplatz.de/gruendungsstipendium-nrw/">Gründungsstipendium NRW</a>\n
<a href="https://www.rheinlandpitch.de" target="_blank" rel="noopener">Rheinland-Pitch</a>\n
<a href="https://www.startplatz.de/startups">Unsere Startups</a>\n
</div>\n
<div class="slim-divider"></div>\n
<div class="slim-foot">\n
<a class="slim-cta" href="https://www.startplatz.de/accelerator/">Jetzt bewerben</a>\n
<a class="slim-over" href="https://www.startplatz.de/sprechstunden/">Sprechstunden, Mentoring & mehr →</a>\n
</div>\n
</div>\n
</div>\n
</div>\n
\n
<!-- ===== AI Hub ===== -->\n
<div class="nav-item" data-menu>\n
<div class="nav-link">AI Hub</div>\n
<div class="panel">\n
<div class="slim">\n
<div class="slim-head">AI Hub entdecken</div>\n
<div class="big-list big-list-tiered">\n
<a href="https://www.startplatz.de/ki-weiterbildung/masterclasses/">Webinare & Masterclasses</a>\n
<a href="https://www.startplatz.de/ki-weiterbildung/ki-campus/">KI Campus</a>\n
<a href="https://www.startplatz.de/ki-weiterbildung/meetups/">Meetups</a>\n
<a href="https://www.startplatz.de/ki-weiterbildung/hackathons/">Hackathons</a>\n
<a href="https://www.startplatz.de/ai-hub-rheinland-koeln-frankreich-startplatz/">Frankreich-Initiative</a>\n
</div>\n
<div class="slim-divider"></div>\n
<div class="slim-foot">\n
<a class="slim-cta" href="https://www.startplatz.de/ki-experten">Dozent:in werden</a>\n
<a class="slim-over" href="https://startplatz-ai-academy.de/" target="_blank" rel="noopener">Zur AI Academy →</a>\n
</div>\n
</div>\n
</div>\n
</div>\n
\n
<!-- ===== Über uns ===== -->\n
<div class="nav-item" data-menu>\n
<div class="nav-link">Über uns</div>\n
<div class="panel">\n
<div class="slim">\n
<div class="slim-head">STARTPLATZ entdecken</div>\n
<div class="big-list big-list-tiered">\n
<a href="https://www.startplatz.de/ueber-uns/">Über STARTPLATZ</a>\n
<a href="https://www.startplatz.de/startplatz-team/">STARTPLATZ Team</a>\n
<a href="https://www.startplatz.de/standorte/">Standorte</a>\n
<a href="https://www.startplatz.de/partner">Partner</a>\n
</div>\n
<div class="slim-divider"></div>\n
<div class="slim-foot">\n
<a class="slim-cta" href="https://www.startplatz.de/karriere/">Karriere</a>\n
<a class="slim-cta" href="https://www.startplatz.de/partner-werden/">Partner werden</a>\n
</div>\n
</div>\n
</div>\n
</div>\n
\n
<!-- ===== Blog (direct link) ===== -->\n
<div class="nav-item">\n
<a class="nav-link" href="https://www.startplatz.de/blog/">Blog</a>\n
</div>\n
\n
</nav>\n
\n
<div class="bar-right">\n
<div class="lang">\n
<button class="lang-btn" aria-label="Sprache wählen">\n
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"/></svg>\n
<svg class="lang-caret" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/></svg>\n
</button>\n
<div class="lang-menu">\n
<a href="/" class="active">DE</a>\n
<a href="/en/" class="">EN</a>\n
<a href="/fr/" class="">FR</a>\n
</div>\n
</div>\n
<a class="login" href="https://www.startplatz.de/login/">Login</a>\n
<a class="join" href="https://www.startplatz.de/memberships/">Mitglied werden</a>\n
</div>\n
\n
<button class="burger" id="burger" aria-label="Menü"><span></span></button>\n
</div>\n
</header>\n
\n
<!-- ============ MOBILE DRILL-DOWN (Apple-Stil) ============ -->\n
<div class="mobile" id="mobile">\n
\n
<!-- Header: Logo + Schließen -->\n
<div class="mob-topbar">\n
<a class="mob-logo" href="/" aria-label="STARTPLATZ">\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,w_180/v1614775163/logos/STARTPLATZ_Logos/STARTPLATZ_Logo.png" alt="STARTPLATZ">\n
</a>\n
<button class="mob-close" type="button" aria-label="Menü schließen">✕</button>\n
</div>\n
\n
<!-- Sliding viewport -->\n
<div class="mob-viewport">\n
\n
<!-- LEVEL 1 -->\n
<div class="mob-level mob-level1" id="mob-level1">\n
<nav class="mob-l1-list">\n
<button class="mob-l1-row" type="button" data-target="mob-sub-bueros">Büros & Coworking <span class="mob-chev">›</span></button>\n
<button class="mob-l1-row" type="button" data-target="mob-sub-konf">Konferenzräume <span class="mob-chev">›</span></button>\n
<button class="mob-l1-row" type="button" data-target="mob-sub-events">Events <span class="mob-chev">›</span></button>\n
<button class="mob-l1-row" type="button" data-target="mob-sub-corporate">Für Unternehmen <span class="mob-chev">›</span></button>\n
<button class="mob-l1-row" type="button" data-target="mob-sub-startup">Startupwelt <span class="mob-chev">›</span></button>\n
<button class="mob-l1-row" type="button" data-target="mob-sub-aihub">AI Hub <span class="mob-chev">›</span></button>\n
<button class="mob-l1-row" type="button" data-target="mob-sub-ueber">Über uns <span class="mob-chev">›</span></button>\n
<a class="mob-l1-row" href="https://www.startplatz.de/blog/">Blog <span class="mob-chev">›</span></a>\n
</nav>\n
<div class="mob-foot">\n
<span class="mob-lang"><a href="/" class="active">DE</a><span class="sep">·</span><a href="/en/" class="">EN</a><span class="sep">·</span><a href="/fr/" class="">FR</a></span>\n
<a class="mob-login" href="https://www.startplatz.de/login/">Login</a>\n
<a class="mob-pill" href="https://www.startplatz.de/memberships/">Mitglied werden</a>\n
</div>\n
</div>\n
\n
<!-- LEVEL 2: Büros & Coworking -->\n
<div class="mob-level mob-panel" id="mob-sub-bueros">\n
<div class="mob-sub-header">\n
<button class="mob-back" type="button"><span class="mob-back-arrow">‹</span> Büros & Coworking</button>\n
</div>\n
<div class="mob-l2-body">\n
<div class="mob-group">\n
<div class="mob-group-head">Köln</div>\n
<a class="mob-l2-row" href="https://www.startplatz.de/coworking-koeln/">Coworking</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/teambuero-koeln/">Teambüros</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/geschaeftsanschrift-koeln/">Geschäftsadresse</a>\n
</div>\n
<div class="mob-group">\n
<div class="mob-group-head">Düsseldorf</div>\n
<a class="mob-l2-row" href="https://www.startplatz.de/coworking-duesseldorf/">Coworking</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/buero-duesseldorf/">Teambüros</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/geschaeftsanschrift-duesseldorf/">Geschäftsadresse</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/ai-community-pass-duesseldorf/">AI Community Pass <span class="nav-badge">Neu</span></a>\n
</div>\n
</div>\n
<div class="mob-cta-area">\n
<a class="mob-cta" href="https://cal.eu/startplatz/coworking-probetag-koln">Probetag Köln buchen</a>\n
<a class="mob-cta" href="https://cal.eu/startplatz-dus/coworking-probetag-dusseldorf">Probetag Düsseldorf buchen</a>\n
<a class="mob-cta-secondary" href="https://www.startplatz.de/memberships/">Memberships & Tarife →</a>\n
</div>\n
</div>\n
\n
<!-- LEVEL 2: Konferenzräume -->\n
<div class="mob-level mob-panel" id="mob-sub-konf">\n
<div class="mob-sub-header">\n
<button class="mob-back" type="button"><span class="mob-back-arrow">‹</span> Konferenzräume</button>\n
</div>\n
<div class="mob-l2-body">\n
<a class="mob-l2-row" href="https://www.startplatz.de/koeln-tagungsraeume-und-konferenzraeume/">Konferenzräume Köln</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/duesseldorf-tagungsraeume-und-konferenzraeume/">Konferenzräume Düsseldorf</a>\n
</div>\n
<div class="mob-cta-area">\n
<a class="mob-cta" href="https://www.startplatz.de/raumanfrage?standort=koeln">Raum in Köln buchen</a>\n
<a class="mob-cta" href="https://www.startplatz.de/raumanfrage?standort=duesseldorf">Raum in Düsseldorf buchen</a>\n
</div>\n
</div>\n
\n
<!-- LEVEL 2: Events -->\n
<div class="mob-level mob-panel" id="mob-sub-events">\n
<div class="mob-sub-header">\n
<button class="mob-back" type="button"><span class="mob-back-arrow">‹</span> Events</button>\n
</div>\n
<div class="mob-l2-body">\n
<a class="mob-l2-row" href="https://www.startplatz.de/events">Alle Events</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/ki-weiterbildung/meetups/">Meetups</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/ki-weiterbildung/hackathons/">Hackathons</a>\n
</div>\n
<div class="mob-cta-area">\n
<a class="mob-cta" href="https://www.startplatz.de/events">Zu allen Events</a>\n
</div>\n
</div>\n
\n
<!-- LEVEL 2: Für Unternehmen (Business Innovation) -->\n
<div class="mob-level mob-panel" id="mob-sub-corporate">\n
<div class="mob-sub-header">\n
<button class="mob-back" type="button"><span class="mob-back-arrow">‹</span> Für Unternehmen</button>\n
</div>\n
<div class="mob-l2-body">\n
<a class="mob-l2-row" href="/business-innovation/">Für Unternehmen</a>\n
<a class="mob-l2-row" href="/business-innovation/ai-experience-day/">AI Experience Day</a>\n
<a class="mob-l2-row" href="/business-innovation/startup-scouting/">Startup Scouting</a>\n
<a class="mob-l2-row" href="/business-innovation/trusted-advisor/">Trusted Advisor</a>\n
<a class="mob-l2-row" href="/business-innovation/partnerschaften/">Partnerschaften & Sponsoring</a>\n
</div>\n
<div class="mob-cta-area">\n
<a class="mob-cta" href="https://www.cal.eu/julian-palaszewski-aqkzwq" target="_blank" rel="noopener">Gespräch vereinbaren</a>\n
<a class="mob-cta-secondary" href="https://startplatz-ai-academy.de/unternehmen" target="_blank" rel="noopener">AI Academy →</a>\n
</div>\n
</div>\n
\n
<!-- LEVEL 2: Startupwelt -->\n
<div class="mob-level mob-panel" id="mob-sub-startup">\n
<div class="mob-sub-header">\n
<button class="mob-back" type="button"><span class="mob-back-arrow">‹</span> Startupwelt</button>\n
</div>\n
<div class="mob-l2-body">\n
<a class="mob-l2-row" href="https://www.startplatz.de/accelerator/">KI Accelerator</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/open-accelerator">Inkubator</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/gruendungsstipendium-nrw/">Gründungsstipendium NRW</a>\n
<a class="mob-l2-row" href="https://www.rheinlandpitch.de" target="_blank" rel="noopener">Rheinland-Pitch<span class="mob-ext">↗</span></a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/startups">Unsere Startups</a>\n
</div>\n
<div class="mob-cta-area">\n
<a class="mob-cta" href="https://www.startplatz.de/accelerator/">Jetzt bewerben</a>\n
<a class="mob-cta-secondary" href="https://www.startplatz.de/sprechstunden/">Sprechstunden, Mentoring & mehr →</a>\n
</div>\n
</div>\n
\n
<!-- LEVEL 2: AI Hub -->\n
<div class="mob-level mob-panel" id="mob-sub-aihub">\n
<div class="mob-sub-header">\n
<button class="mob-back" type="button"><span class="mob-back-arrow">‹</span> AI Hub</button>\n
</div>\n
<div class="mob-l2-body">\n
<a class="mob-l2-row" href="https://www.startplatz.de/ki-weiterbildung/masterclasses/">Webinare & Masterclasses</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/ki-weiterbildung/ki-campus/">KI Campus</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/ki-weiterbildung/meetups/">Meetups</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/ki-weiterbildung/hackathons/">Hackathons</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/ai-hub-rheinland-koeln-frankreich-startplatz/">Frankreich-Initiative</a>\n
</div>\n
<div class="mob-cta-area">\n
<a class="mob-cta" href="https://www.startplatz.de/ki-experten">Dozent:in werden</a>\n
<a class="mob-cta-secondary" href="https://startplatz-ai-academy.de/" target="_blank" rel="noopener">Zur AI Academy →</a>\n
</div>\n
</div>\n
\n
<!-- LEVEL 2: Über uns -->\n
<div class="mob-level mob-panel" id="mob-sub-ueber">\n
<div class="mob-sub-header">\n
<button class="mob-back" type="button"><span class="mob-back-arrow">‹</span> Über uns</button>\n
</div>\n
<div class="mob-l2-body">\n
<a class="mob-l2-row" href="https://www.startplatz.de/ueber-uns/">Über STARTPLATZ</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/startplatz-team/">STARTPLATZ Team</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/standorte/">Standorte</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/partner">Partner</a>\n
</div>\n
<div class="mob-cta-area">\n
<a class="mob-cta" href="https://www.startplatz.de/partner-werden/">Partner werden</a>\n
<a class="mob-cta-secondary" href="https://www.startplatz.de/karriere/">Karriere</a>\n
</div>\n
</div>\n
\n
</div><!-- /mob-viewport -->\n
</div>\n
\n
<script>\n
(function(){\n
var root = document.getElementById('sp-public-nav');\n
if (!root) return;\n
\n
var items = Array.prototype.slice.call(root.querySelectorAll('.nav-item[data-menu]'));\n
\n
// click-to-toggle on desktop (hover already works via CSS)\n
items.forEach(function(item){\n
var link = item.querySelector('.nav-link');\n
link.addEventListener('click', function(e){\n
e.stopPropagation();\n
var wasOpen = item.classList.contains('is-open');\n
items.forEach(function(i){ i.classList.remove('is-open'); });\n
if(!wasOpen) item.classList.add('is-open');\n
});\n
});\n
\n
// click outside closes\n
document.addEventListener('click', function(){\n
items.forEach(function(i){ i.classList.remove('is-open'); });\n
});\n
\n
// hovering any item clears a click-locked panel so hover feels native\n
items.forEach(function(item){\n
item.addEventListener('mouseenter', function(){\n
items.forEach(function(i){ if(i!==item) i.classList.remove('is-open'); });\n
});\n
});\n
\n
// ---- mobile drill-down (Apple-Stil) ----\n
var burger = root.querySelector('#burger');\n
var mobile = root.querySelector('#mobile');\n
\n
function eachIn(sel, fn){\n
if (!mobile) return;\n
Array.prototype.forEach.call(mobile.querySelectorAll(sel), fn);\n
}\n
\n
// Overlay auf Level 1 zuruecksetzen (alle Sub-Panels parken, hoch scrollen)\n
function resetMobile(){\n
if (!mobile) return;\n
mobile.classList.remove('in-sub');\n
eachIn('.mob-panel.active', function(p){ p.classList.remove('active'); });\n
var lvl1 = mobile.querySelector('.mob-level1');\n
if (lvl1) lvl1.scrollTop = 0;\n
}\n
\n
function openMobile(){\n
if (!mobile) return;\n
resetMobile();\n
mobile.classList.add('open');\n
}\n
\n
function closeMobile(){\n
if (!mobile) return;\n
mobile.classList.remove('open');\n
resetMobile();\n
}\n
\n
// Level-2-Panel von rechts einschieben\n
function openSub(id){\n
if (!mobile) return;\n
var panel = mobile.querySelector('#' + id);\n
if (!panel) return;\n
eachIn('.mob-panel', function(p){ if (p !== panel) p.classList.remove('active'); });\n
panel.scrollTop = 0;\n
void panel.offsetWidth; // Reflow erzwingen fuer sauberen Slide\n
panel.classList.add('active');\n
mobile.classList.add('in-sub');\n
}\n
\n
// Zurueck zu Level 1\n
function closeSub(){\n
if (!mobile) return;\n
mobile.classList.remove('in-sub');\n
eachIn('.mob-panel.active', function(p){ p.classList.remove('active'); });\n
}\n
\n
if (burger && mobile) {\n
burger.addEventListener('click', function(){\n
if (mobile.classList.contains('open')) { closeMobile(); }\n
else { openMobile(); }\n
});\n
}\n
\n
eachIn('.mob-l1-row[data-target]', function(btn){\n
btn.addEventListener('click', function(){ openSub(btn.getAttribute('data-target')); });\n
});\n
eachIn('.mob-back', function(b){ b.addEventListener('click', closeSub); });\n
eachIn('.mob-close', function(c){ c.addEventListener('click', closeMobile); });\n
})();\n
</script>\n
</div><div aria-hidden="true" style="height:68px"></div> <!-- menu -->\n
\n
<div class="container-fluid cut-bottom">\n
<div class="banner banner-wide top-blog-item">\n
<div class="banner-content">\n
<strong style="font-size:36px">Blog</strong>\n
<p>News rund um den STARTPLATZ, die Startup-Szene und Digitalthemen.</p>\n
</div>\n
</div>\n
</div>\n
\n
<style type="text/css">\n
</style>\n
\n
<div class="container">\n
<div class="row row-equal page">\n
<div class="col-xs-12 col-md-8 page-main">\n
\n
\n
<div class="row">\n
<a href="https://www.staging.startplatz.de/what-is-value-proposition-design/"><img class="img-responsive" src="https://www.staging.startplatz.de/wp-content/uploads/2016/01/Value-Proposition-Canvas-e1488875877719-1024x488.jpg" alt="" style="width: 7830px; "></a>\n
</div>\n
<div class="separator"></div>\n
<h1 style="line-height: 2em;">What is Value Proposition Design?</h1>\n
<p class="date">7. Januar 2016, 10:34 :: <a href="https://www.staging.startplatz.de/category/aktuelle-trends/" rel="category tag">Aktuelle Trends</a> | <a href="https://www.staging.startplatz.de/category/allgemein/" rel="category tag">Allgemein</a></p>\n
<p class="date">Autor: lgraef</p>\n
<p><p><strong>No Market Need – 9 von 10 Startups scheitern</strong><span id="more-31858"></span></p>\n
<p>9 von 10 Start Ups scheitern, über 75% der neu eingeführten Produkte im Konsumgütermarkt erzielen nicht den gewünschten Erfolg und verschwinden schnell wieder. So berichten es zahlreiche Statistiken. Aber worin liegt der Hauptgrund für das Scheitern?</p>\n
<p>Oftmals wird ein Produkt am Kunden vorbei geplant, man schaut nicht genau hin und hört nicht zu, was der Markt eigentlich will oder braucht. Aus diesem Grund konzentriere ich mich in diesem Blogbeitrag auf die Nutzerorientierung im Rahmen von Innovationstätigkeit.</p>\n
<p><strong>Will ich eine Bohrmaschine besitzen, oder möchte ich nicht einfach nur ein Bild an meiner Wand hängen haben?</strong></p>\n
<p>Erfolgreiche Gründer stellen den Nutzer in das Zentrum der Entwicklung und fokussieren sich auf die Lösung real existierender und zuvor validierter Probleme. Sie suchen nach dem eigentlichen Ergebnis, das der Nutzer erzielen will.</p>\n
<p>Bezogen auf die eingangs gestellte Frage geht es also bei der Produktinnovation nicht um die Anzahl neuer Features einer Bohrmaschine. Der Nutzer will schlichtweg sein Bild an die Wand bekommen, eventuell wünscht er sich unterstützende Leistungen und macht sich Gedanken über die Risiken, die ihm bei seinem Unterfangen begegnen könnten. An immer neuen technischen Features der Bohrmaschine sind nun die wenigsten Nutzer wirklich interessiert.</p>\n
<p>Es gibt eine Möglichkeit, sich strukturiert mit diesen Fragen auseinander zu setzen.</p>\n
<h3><strong>Value Proposition Canvas als Ausschnitt des Business Model Canvas</strong></h3>\n
<p>In seinem Buch „Value Proposition Design“ bietet Alex Osterwalder ein Canvas-Modell, das euch hilft, Produkte zu entwickeln, die der Kunde auch wirklich will. Der Value Proposition Canvas ist ein „Zoom In“ in den umfassenderen Business Model Canvas und besteht aus zwei Segmenten. Zunächst erstellt man ein Kundenprofil, bevor anschließend die sogenannte Value Map gefüllt wird.</p>\n
<p style="text-align: center;"><a href="https://www.startplatz.de/wp-content/uploads/2016/01/Business-Model-Canvas.png"><img decoding="async" class="aligncenter size-medium wp-image-31867" src="https://www.startplatz.de/wp-content/uploads/2016/01/Business-Model-Canvas-300x208.png" alt="Business Model Canvas" width="400" height"auto" srcset="https://www.staging.startplatz.de/wp-content/uploads/2016/01/Business-Model-Canvas-300x208.png 300w, https://www.staging.startplatz.de/wp-content/uploads/2016/01/Business-Model-Canvas-1024x711.png 1024w, https://www.staging.startplatz.de/wp-content/uploads/2016/01/Business-Model-Canvas.png 1035w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>\n
<p style="text-align: center;">\u{A0}<a href="https://www.startplatz.de/wp-content/uploads/2016/01/The-Value-Proposition-Canvas.jpg"><img decoding="async" class="aligncenter wp-image-32017 size-medium" src="https://www.startplatz.de/wp-content/uploads/2016/01/The-Value-Proposition-Canvas-300x212.jpg" alt="The Value Proposition Canvas" width="400" height="auto" srcset="https://www.staging.startplatz.de/wp-content/uploads/2016/01/The-Value-Proposition-Canvas-300x212.jpg 300w, https://www.staging.startplatz.de/wp-content/uploads/2016/01/The-Value-Proposition-Canvas.jpg 694w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>\n
<p> </p>\n
<h3></h3>\n
<h3><strong>Das Kundenprofil als Ausgangspunkt</strong></h3>\n
<p>Um erfolgreich zu sein, soll man den Kunden ins Zentrum seiner Überlegungen stellen. Also macht es auch Sinn, bei der Erstellung des Value Proposition Canvas mit dem Kundenprofil zu beginnen.</p>\n
<p>Das Kundenprofil besteht in dieser Methodik aus drei Bereichen und bildet im Ergebnis ein Kundensegment im Business Model Canvas ab. Es besteht immer aus Beobachtungen, die außerhalb des eigenen Einflussbereichs liegen.</p>\n
<p><strong>Customer Jobs – Welche Aufgabe will der Nutzer erledigen?</strong></p>\n
<p>Die Customer Jobs sind die Dinge, die der Nutzer erledigen möchte oder auch die Ergebnisse, die er erzielen möchte. Hier geht es bereits um die Einnahme der Kundenperspektive. Ziel ist es, den Kunden und seine Jobs wirklich zu verstehen und nicht das eigene Produktangebot auf mögliche Anwendungen beim Kunden zu transferieren.</p>\n
<p> </p>\n
<p><a href="https://www.startplatz.de/wp-content/uploads/2016/01/Bildschirmfoto-2016-01-06-um-15.27.34.png"><img fetchpriority="high" decoding="async" class="aligncenter size-medium wp-image-31875" src="https://www.startplatz.de/wp-content/uploads/2016/01/Bildschirmfoto-2016-01-06-um-15.27.34-213x300.png" alt="The Customer Profile" width="213" height="300" srcset="https://www.staging.startplatz.de/wp-content/uploads/2016/01/Bildschirmfoto-2016-01-06-um-15.27.34-213x300.png 213w, https://www.staging.startplatz.de/wp-content/uploads/2016/01/Bildschirmfoto-2016-01-06-um-15.27.34.png 512w" sizes="(max-width: 213px) 100vw, 213px" /></a></p>\n
<p> </p>\n
<p>Die Aufgaben, die unser Produkt „können“ muss, kann man nun wiederum aufteilen und zwar in funktionale, soziale und emotionale Aufgaben, die den Customer Job ausmachen.</p>\n
<p><strong>Funktionale Aufgaben</strong> sind die praktischen Aufgaben oder das spezifische Problem, welches gelöst werden soll. Möchte unser Kunde ganz pragmatisch eine Aufgabe lösen, wie z.B. ein Bild aufhängen, einen Report erstellen, oder eine Überweisung tätigen?</p>\n
<p>Die<strong> sozialen Aufgaben</strong> beschreiben, wie der Kunde durch die Nutzung des Produkts durch sein Umfeld wahrgenommen werden möchte. Möchte er trendy, professionell oder als ökologisch handelnder Mensch wahrgenommen werden? Fragen wir uns mal selber, welche Bedeutung die soziale Komponente bei unseren Kaufentscheidungen einnimmt.</p>\n
<p>Die <strong>emotionale Aufgabe</strong> des Produkts zielt auf den emotionalen Zustand ab, den der Kunde während der Produktnutzung erzielen möchte. Möchte er sich sicher fühlen, ist ihm Freiheit in seinem Handeln wichtig oder sucht er nach innerer Ruhe?</p>\n
<p>Nehmen wir das Beispiel eines hochwertigen Bürostuhls: Im Gegensatz zu einem normalen Stuhl, ist der Bürostuhl als Beispiel hinreichend konkret, da es sich um einen spezifischen Anwendungsfall handelt und es hierzu konkrete Customer-Jobs, -Pains und -Gains gibt.</p>\n
<p>Zunächst beginnen wir natürlich mit einer Annahme, wer die potentiellen Kunden sind. Nutzer könnten hochspezialisierte Fachkräfte, wie beispielweise Softwareentwickler sein, die viele Stunden auf ihrem Stuhl sitzen.</p>\n
<p>Kommen wir nun zu den Jobs, welche im Kundenprofil aus der Sicht der Nutzer analysiert werden.</p>\n
<p><strong>Funktionale Jobs:</strong></p>\n
<ul>\n
<li>Produktiv Arbeiten</li>\n
<li>Ohne Verspannungen arbeiten können</li>\n
<li>Den Rücken schonen</li>\n
</ul>\n
<p><strong>Soziale Jobs:</strong></p>\n
<ul>\n
<li>Darstellung \u{A0}der Leistungsorientierung \u{A0}– in einem perfekten Umfeld höchste Leistung erzielen können</li>\n
<li>Darstellung seiner Position / Status</li>\n
</ul>\n
<p><strong>Emotionale Jobs:</strong></p>\n
<ul>\n
<li>Sich bei der Arbeit körperlich gut fühlen</li>\n
<li>Wissen, dass man das beste für seinen Körper tut, obwohl man viele Stunden nur im Sitzen verbringt</li>\n
<li>Ein positives Eigenbild erzeugen, weil man weiß, dass man in einem positiven Umfeld das bestmögliche leisten kann</li>\n
</ul>\n
<p><strong>Customer Pains – Welche Probleme hat er auf dem Weg zu seinem gewünschten Ergebnis?</strong></p>\n
<p>Die Customer Pains sind die Probleme, welche dem Nutzer während der Erledigung seines Jobs begegnen. Was ist es, das den Kunden an der Erledigung seines Jobs hindert? Welchen Risiken, die zu einem möglicherweise schlechten Ergebnis führen, ist der Kunde während der Erledigung des Jobs ausgesetzt? Dieser Teil der Analyse befasst sich also mit den unangenehmen Erlebnissen des Kunden bei der Lösung seiner Aufgaben.</p>\n
<p>Am Beispiel des Bürostuhls könnten die Customer Pains wie folgt lauten:</p>\n
<p><strong>Funktionale Pains:</strong></p>\n
<ul>\n
<li>Bandscheibenvorfall</li>\n
<li>Rückenschmerzen</li>\n
<li>Tägliche Kopfschmerzen durch Verspannungen</li>\n
<li>Unbequeme Position</li>\n
<li>Fehlende Konzentration</li>\n
<li>Zu wenig Einstellmöglichkeiten / fehlende Beweglichkeit</li>\n
<li>Minderwertige und schnell fehleranfällige Materialien und Einstellmöglichkeiten</li>\n
</ul>\n
<p><strong>Soziale Pains:</strong></p>\n
<p>Nicht alle Faktoren haben gleichermaßen Bedeutung für jede mögliche Produktgruppe. Es ist also auch möglich, nicht für jedes Produkt jede Art von Pains zu definieren. Beispielweise sind mir keine wesentlichen sozialen Pains für einen Bürostuhl aufgefallen. Mit der künstlichen Schaffung von Punkten möchte ich mich nicht aufhalten.</p>\n
<p><strong>Emotionale Pains:</strong></p>\n
<ul>\n
<li>Frust über unbequemen Stuhl</li>\n
<li>Angst vor einem schmerzhaften und langfristigen Bandscheibenvorfall</li>\n
<li>Bei billigem Stuhl das Gefühl einer fehlenden Wertschätzung zu erfahren, weil man keinen rückenschonenden Stuhl erhält</li>\n
</ul>\n
<p><strong>Customer Gains – Welche Gewinne versucht der Kunde durch die Nutzung eines Produkts zu erzielen?</strong></p>\n
<p>Die Customer Gains beschreiben die Ergebnisse und Vorteile, welche sich die Kunden wünschen. Grob eingeteilt können dies funktionelle Brauchbarkeit, soziale Vorteile, positive Emotionen oder auch Kosteneinsparungen sein.</p>\n
<p>Es ist durchaus möglich, dass die Gains ein Spiegelbild der Pains sind. Jedoch sollte versucht werden über diese Punkte hinaus offen für weitere eigenständige Gains zu sein, welche dem Kunden einen wirklichen Wert bieten.</p>\n
<p>Möglicherweise fällt die Trennung zwischen Jobs und Gains an der ein oder anderen Stelle ein wenig schwer. Mein Ratschlag ist es, sich hier nicht unnötig lange mit der Trennung zu beschäftigen. Bei einem Canvas Model handelt es sich um keine exakte Wissenschaft und in meinen Augen ist die Auseinandersetzung mit dem eigenen Kunden der zentrale Punkt des Value Proposition Canvas.</p>\n
<p><strong>Hierarchisierung der Gains und Pains</strong></p>\n
<p>Diese Gewinne können nach der Relevanz für den Kunden hierarchisiert werden, in dem man weiter fragt, welchen Nutzen der Kunde benötigt, welchen er darüber hinaus erwartet, welchen er sich vielleicht wünscht und mit welchem unerwarteten Nutzen man den Kunden sogar noch überraschen kann?</p>\n
<p><strong>Quantifizierung der Gains und Pains</strong></p>\n
<p>Indem man versucht die einzelnen Gains und Pains messbar zu machen, ergibt sich häufig eine Priorisierung.</p>\n
<p>Zurück zu unserem Beispiel des Bürostuhls:</p>\n
<p><strong>Funktionale Gains:</strong></p>\n
<ul>\n
<li>Individuelle Einstellmöglichkeiten an min. 3 Stellen</li>\n
<li>Körperliche Fitness trotz Bürojob – keine Verspannungen oder Rückenschmerzen mehr</li>\n
<li>Gesunde Körperhaltung</li>\n
<li>Komfortable Sitzposition</li>\n
</ul>\n
<p><strong>Soziale Gains:</strong></p>\n
<ul>\n
<li>Kollegen bemerken die Qualität und den Funktionsumfang</li>\n
</ul>\n
<p><strong>Emotionale Gains:</strong></p>\n
<ul>\n
<li>Stolz empfinden, dass man bewusst lebt und arbeitet</li>\n
<li>Sich auch nach mehreren Stunden Arbeit noch entspannt fühlen</li>\n
</ul>\n
<p>Als Ergebnis erhält man ein Kundenprofil, welches ein spezifisches Kundensegment im eigenen Geschäftsmodell abbildet.</p>\n
<div class="hr"><hr></div>\n
<h3 style="text-align: center;“>Du möchtest mehr erfahren?</h3>\n
<p style="text-align: center;“>Der Startplatz bietet ein starkes Netzwerk sowie Events zu jeglichen Themen rund ums Thema Digitalisierung und Entrepreneurship!<br />\n
<br />\n
<a class="btn btn-success text-uppercase" style="margin-top: 5px; margin-bottom: 5px; font-weight: bold;" href="https://startplatz.de/corporate-innovation">Informationen für Unternehmen</a><br />\n
<a class="btn btn-success text-uppercase" style="margin-top: 5px; margin-bottom: 5px; font-weight: bold;" href="https://www.startplatz.de/tarife/">Informationen zur Startplatz Membership</a></p>\n
<p><a title="Value - Proposition - Design" href="https://www.startplatz.de/event/startplatz-veranstaltung-value-proposition-design/v"></a><div class="hr"><hr></div></p>\n
<h3>Die Value Map als Beschreibung der Charakteristika des Werteangebots</h3>\n
<p>In der sogenannten „Value Map“ werden dem erarbeiteten Kundenprofil nun die Produkte gegenübergestellt, welche das eigene Werteangebot abbilden.</p>\n
<p><a href="https://www.startplatz.de/wp-content/uploads/2016/01/Gains-and-Pains.png"><img decoding="async" class="aligncenter size-medium wp-image-31869" src="https://www.startplatz.de/wp-content/uploads/2016/01/Gains-and-Pains-213x300.png" alt="Gains and Pains" width="213" height="300" srcset="https://www.staging.startplatz.de/wp-content/uploads/2016/01/Gains-and-Pains-213x300.png 213w, https://www.staging.startplatz.de/wp-content/uploads/2016/01/Gains-and-Pains.png 512w" sizes="(max-width: 213px) 100vw, 213px" /></a></p>\n
<p><strong>Produkte & Services – die eigenen Produkte und Dienstleistungen</strong></p>\n
<p>Hier können alle Produkte und Services aufgeführt werden, welche der Kunde nutzen kann und auf denen das Werteversprechen des eigenen Unternehmens basiert. Ein Produkt alleine schafft jedoch niemals einen Wert. Erst die Beziehung zum definierten Kundensegment mit seinen Jobs, Pains und Gains schafft einen Nutzen und damit einen Wert.</p>\n
<p>Beispiele:</p>\n
<ul>\n
<li>Moderner, individuell einstellbarer Bürostuhl aus hochwertigen Materialen</li>\n
<li>Ergänzende Stützkissen</li>\n
<li>Ergänzende Kopfstütze</li>\n
</ul>\n
<p><strong>Pain Reliever – Die Problemlöser im Prozess</strong></p>\n
<p>Was sind nun die Punkte am eigenen Produkt, welche dem Kunden helfen, seine spezifischen Probleme zu lösen? Wie werden diese Probleme eliminiert oder reduziert, welche den Kunden bei seinen „Jobs“ gestört oder von der Erledigung sogar abgehalten haben?</p>\n
<p>Natürlich kann das eigene Produkt niemals alle Probleme aller Kunden bei der Erledigung seiner Aufgabe lösen. Daher ist es entscheidend, zuvor ein Kundenprofil erstellt zu haben und im Vorfeld dessen Probleme identifiziert und priorisiert zu haben. Gute Werteversprechen versuchen nicht alle potentiellen Probleme zu lösen, sondern konzentrieren sich auf die relevanten Probleme der eigenen Zielgruppe und bedienen diese sehr gut und treffend.</p>\n
<p>Beispiele:</p>\n
<ul>\n
<li>individuelle Stützmöglichkeiten der Wirbelsäule und des Kopfes</li>\n
<li>individuelle Einstellmöglichkeit an min. 6 Stellen</li>\n
<li>Verwendung hochwertiger und robuster Materialien</li>\n
</ul>\n
<p><strong>Gain Creator – Die Gewinnerzeuger im Prozess</strong></p>\n
<p>Die Gain Creator sind die Teile des eigenen Angebots, welche einen konkreten Wert für den Kunden darstellen und einen konkreten Gewinn schaffen. Es sind die konkreten Merkmale des Produkts, welche den Nutzer zu seinem beabsichtigten Ziel bringen.</p>\n
<p>Welche Ergebnisse und Vorteile, die meine Kunden sich wünschen, werden durch die Leistung des Produkts geschaffen? Auch hier kann eine Priorisierung vorgenommen werden, indem man eine Hierarchie der Nutzen von Features erstellt, die der Kunde erwartet, über solche, die er sich wünscht, bis hin zu wirklichen Überraschungen.</p>\n
<p>Beispiele:</p>\n
<ul>\n
<li>Gutes, funktionales Design</li>\n
<li>Verwendung edler und hochwertiger Materialien</li>\n
<li>Lange Lebensdauer</li>\n
<li>Massagefunktion</li>\n
<li>Eingebaute Air Condition</li>\n
</ul>\n
<h3>Hypothesen</h3>\n
<p>Wie auch bei sämtlichen Methoden aus der Startup-Welt gilt auch beim Value Proposition Canvas die Grundregel, dass es sich zunächst um Annahmen handelt, die in einem iterativen Prozess getestet und validiert werden müssen. Dazu beginnt man sinnvollerweise immer mit den riskantesten Hypothesen. Hat man diese formuliert, sollten sie systematisch getestet und validiert werden. Ein sogenanntes Experiment Board als Tool zu nutzen, bringt den Vorteil der Klarheit in den Testprozess.</p>\n
<h3>Ableitung eines Werteversprechens für den potentiellen Kunden</h3>\n
<p>Sind die eigenen Hypothesen nun validiert, so habe ich ein klareres Bild meiner Nutzer gewonnen. Auf Basis dieses Wissens kann ich nun ein Werteversprechen, also eine klare Botschaft an den Kunden formulieren. Diese sollte seine Aufmerksamkeit erregen und zu den gewünschten positiven Reaktionen führen.</p>\n
<p>Die Botschaft muss so zieltreffend formuliert sein, dass sie den Interessenten dazu veranlasst</p>\n
<ul>\n
<li>mit Dir in Kontakt zu treten,</li>\n
<li>weitere Informationen über das Produkt einzuholen,</li>\n
<li>das Produkt zu testen,</li>\n
<li>oder direkt so zu überzeugen, dass er das Produkt kauft.</li>\n
</ul>\n
<p><strong>Erzielung eines Fits</strong></p>\n
<p>Wenn sich nun Kunden aufgrund des Werteversprechens für das eigene Angebot interessieren, wenn mein Produkt also die vom Nutzer</p>\n
<ul>\n
<li>zu erledigenden Aufgaben getroffen hat,</li>\n
<li>seine Probleme löst,</li>\n
<li>dem Entstehen von Problemen bei der Erledigung von Aufgaben vorbeugt und</li>\n
<li>einen Nutzen schafft, welchen der Kunde wirklich schätzt,</li>\n
</ul>\n
<p>so ist es gelungen, einen Fit zu erzielen.</p>\n
<p>Dieser Fit bedeutet ganz konkret, dass es gelungen sein könnte, ein zu lösendes Problem identifiziert zu haben, oder aber auch über ein Produkt zu verfügen, welches die Kunden wirklich nutzen möchten.</p>\n
<p>Damit ist die Chance groß der 1 unter den 10 zu sein.</p>\n
<p>Somit gehört man nicht mehr zu der Mehrheit der Innovatoren, die ein technisch hoch komplexes Produkt entwickelt haben, das aber niemand wirklich nutzen möchte und es daher möglicherweise auch nicht erwirbt.<br />\n
<div class="hr"><hr></div><br />\n
</p>\n
<h3 style="text-align: center;“>Du möchtest mehr erfahren?</h3>\n
<p style="text-align: center;“>Der Startplatz bietet ein starkes Netzwerk sowie Events zu jeglichen Themen rund ums Thema Digitalisierung und Entrepreneurship!<br />\n
<br />\n
<a class="btn btn-success text-uppercase" style="margin-top: 5px; margin-bottom: 5px; font-weight: bold;" href="https://startplatz.de/corporate-innovation">Informationen für Unternehmen</a><br />\n
<a class="btn btn-success text-uppercase" style="margin-top: 5px; margin-bottom: 5px; font-weight: bold;" href="https://www.startplatz.de/tarife/">Informationen zur Startplatz Membership</a></p>\n
<p><a title="Value - Proposition - Design" href="https://www.startplatz.de/event/startplatz-veranstaltung-value-proposition-design/v"></a><div class="hr"><hr></div><br />\n
<a title="Value - Proposition - Design" align="left" href="https://www.startplatz.de/event/startplatz-veranstaltung-value-proposition-design/v"> Quelle: www.strategyzer.com</a></p>\n
</p>\n
\n
\n
<script>(function() {\n
\twindow.mc4wp = window.mc4wp || {\n
\t\tlisteners: [],\n
\t\tforms: {\n
\t\t\ton: function(evt, cb) {\n
\t\t\t\twindow.mc4wp.listeners.push(\n
\t\t\t\t\t{\n
\t\t\t\t\t\tevent : evt,\n
\t\t\t\t\t\tcallback: cb\n
\t\t\t\t\t}\n
\t\t\t\t);\n
\t\t\t}\n
\t\t}\n
\t}\n
})();\n
</script><!-- Mailchimp for WordPress v4.13.1 - https://wordpress.org/plugins/mailchimp-for-wp/ --><form id="mc4wp-form-1" class="mc4wp-form mc4wp-form-53992 mc4wp-form-styles-builder mc4wp-ajax" method="post" data-id="53992" data-name="Blogartikel" ><div class="mc4wp-form-fields"><p>\r\n
\t<label>Jetzt unseren Newsletter abonnieren und keine News aus der Startup-Szene mehr verpassen!</label>\r\n
\t<label> \r\n
\t\t<input type="email" name="EMAIL" placeholder="Deine E-Mail Adresse" required />\r\n
</label>\r\n
</p>\r\n
<p>\r\n
\t<input type="submit" value="Registrieren" />\r\n
</p></div><label style="display: none !important;">Wenn du ein Mensch bist, lasse das Feld leer: <input type="text" name="_mc4wp_honeypot" value="" tabindex="-1" autocomplete="off" /></label><input type="hidden" name="_mc4wp_timestamp" value="1786129456" /><input type="hidden" name="_mc4wp_form_id" value="53992" /><input type="hidden" name="_mc4wp_form_element_id" value="mc4wp-form-1" /><div class="mc4wp-response"></div></form><!-- / Mailchimp for WordPress Plugin -->\n
\n
<div id="relatedposts">\n
<div class="section-header">\n
<h2>Ähnliche Beiträge</h2>\n
</div>\n
<ul> <h3><a href="https://www.staging.startplatz.de/die-vier-ps-des-marketing-schnell-und-einfach-erklaert/">Die vier P’s des Marketing – schnell und einfach erklärt!</a></h3>\n
<div class="media">\n
<div class="media-left">\n
<img width="80" height="80" src="https://www.staging.startplatz.de/wp-content/uploads/2019/09/©By-stoatphoto_shutterstock_528340360-80x80.jpg" class="media-object img-rounded wp-post-image" alt="" decoding="async" /> </div>\n
<div class="media-body">\n
<p>Inhalt: Warum ist der Marketing-Mix so wichtig? Die 4 P’s des Marketing 1. Product (Produktpolitik) 2. Price (Preispolitik) 3. Place (Distributionspolitik) 4. Promotion (Kommunikationspolitik) Wer sich mit Marketingstrategien auseinandergesetzt hat, der wird bestimmt schon einmal von den sogenannten 4 P‘s oder vom Marketing-Mix gehört haben. Unter diesem Begriff werden alle Entscheidungen und Handlungen einbezogen, welche […]</p>\n
</div>\n
</div>\n
<hr>\n
<h3><a href="https://www.staging.startplatz.de/offsite-meetings-wie-die-alternative-zu-klassischen-meetings-raum-fuer-innovative-ideen-schafft/">Offsite-Meetings: Wie die Alternative zu klassischen Meetings Raum für innovative Ideen schafft</a></h3>\n
<div class="media">\n
<div class="media-left">\n
<img width="80" height="80" src="https://www.staging.startplatz.de/wp-content/uploads/2019/09/vancouver-offsite-80x80.jpg" class="media-object img-rounded wp-post-image" alt="" decoding="async" loading="lazy" /> </div>\n
<div class="media-body">\n
<p>Für ein Unternehmen stellen Meetings einen essentiellen Bestandteil für die Festsetzung und Erreichung wirtschaftlicher Ziele dar. Was sich als effektive Besprechung anpreist, entpuppt sich jedoch nicht selten als Pflichtveranstaltung und führt oftmals nicht zu den erwarteten Resultaten.</p>\n
</div>\n
</div>\n
<hr>\n
<h3><a href="https://www.staging.startplatz.de/praesentationen-der-bpd-8-in-koeln/">Präsentationen der BPD #8 in Köln</a></h3>\n
<div class="media">\n
<div class="media-left">\n
<img width="80" height="80" src="https://www.staging.startplatz.de/wp-content/uploads/2018/10/BPD-80x80.png" class="media-object img-rounded wp-post-image" alt="" decoding="async" loading="lazy" /> </div>\n
<div class="media-body">\n
<p>Liebe Teilnehmer, hier finden Sie die Präsentationen der Referenten der Best Practice Digitalisierung #8 vom 17.1.2019 in Köln. Benjamin Dammertz –\u{A0}„So funktioniert Digitalisierung im B2B Vertrieb“ Frank Heimbürger – „DKV Digital Solutions – Make a difference“ Kai Wussow – „Digitalisierung mit der SAP – der Weg zur Intelligent Enterprise“ Mike Schnoor – „Digitalisierungsprojekte für kleine […]</p>\n
</div>\n
</div>\n
<hr>\n
<h3><a href="https://www.staging.startplatz.de/en/startup-wiki/was-sind-security-token-offerings-sto/">Was sind Security Token Offerings/STO? – Begriffe & Grundlagen</a></h3>\n
<div class="media">\n
<div class="media-left">\n
</div>\n
<div class="media-body">\n
<p>Security Token Offerings sollen die nächste vielversprechende Investitionsmöglichkeit für 2019 sein, nachdem ICOs Ende 2018 immer mehr in die Kritik geraten sind und die amerikanische Börsenaufsicht SEC diesen Markt immer mehr reguliert. Das liegt nicht zuletzt das daran, dass Security Token im Gegensatz zu Utility Token sicher sind, da sie den Anlegern Eigentumsrechte übermitteln.</p>\n
</div>\n
</div>\n
<hr>\n
<h3><a href="https://www.staging.startplatz.de/google-ads/">Google Ads: Fünf Fehler, die richtig Geld kosten!</a></h3>\n
<div class="media">\n
<div class="media-left">\n
<img width="80" height="80" src="https://www.staging.startplatz.de/wp-content/uploads/2018/05/Google_Adwords-80x80.jpg" class="media-object img-rounded wp-post-image" alt="" decoding="async" loading="lazy" /> </div>\n
<div class="media-body">\n
<p>Inhalt: Fehler Nr. 1: Smart Google Ads Kampagnen blind vertrauen Fehler Nr. 2: Suche und Display Netzwerk in einer Google Ads Kampagne verwenden Fehler Nr. 3: Blindes Vertrauen in die Option „weitestgehend passend“ Fehler Nr. 4: Keyword-Eintopf bei der Google Ads Kampagnen-Struktur Fehler Nr. 5: Wir testen Google Ads jetzt einfach mal… Wer heute in […]</p>\n
</div>\n
</div>\n
<hr>\n
</ul></div>\n
\n
\n
\n
\n
<hr class="hr-section">\n
\n
\n
<div class="separator"></div>\n
\n
<div class="section-header">\n
</div>\n
<div class="section-header">\n
<h2>Kommende Events</h2>\n
<div class="btn-group pull-right">\n
<button type="button" class="btn btn-gray dropdown-toggle" data-toggle="dropdown">\n
Alle anzeigen <span class="caret"></span>\n
</button>\n
<ul class="dropdown-menu">\n
<li><a href="/events?tag=network">Network events</a></li>\n
<li><a href="/events?tag=workshop">Workshops</a></li>\n
<li><a href="/events?tag=konferenz">Conferences</a></li>\n
<li><a href="/events?tag=talk">Talks</a></li>\n
<li><a href="/events?tag=pitch">Pitch events</a></li>\n
</ul>\n
</div>\n
</div>\n
\n
\n
\n
<div class="post post-event">\n
<div class="row visible-xs-block">\n
<div class="col-xs-12">\n
<h3><a href="/event/speed-networking/">Speed Networking</a></h3>\n
</div>\n
</div>\n
<div class="row">\n
<div class="col-xs-4">\n
<a href="/event/speed-networking/">\n
<div class="calendar">\n
<img class="hidden-xs img-responsive" src="https://res.cloudinary.com/startplatz/image/upload/v1632746030/events/Speed%20Networking/Speed_Networking_Event_2.0.png" alt="">\n
<div class="date visible-xs">\n
<div class="day">07</div>\n
<div class="year">Aug 2026</div>\n
</div>\n
<div class="type">community-event</div>\n
</div>\n
</a>\n
</div>\n
<div class="col-xs-8">\n
<div class="post-head">\n
<h2 class="hidden-xs"><a href="/event/speed-networking/">Speed Networking</a></h2>\n
</div>\n
<div class="post-body">\n
<ul class="list-unstyled">\n
<li><i class="fa fa-clock-o fa-fw"></i>Friday, 07.08.26, 12:00 - 13:00 Uhr</li>\n
<li><i class="fa fa-map-marker fa-fw"></i>Remote per zoom call, </li>\n
<li><i class="fa fa-bullhorn fa-fw"></i> Lorenz Gräf</li>\n
</ul>\n
</div>\n
</div>\n
</div>\n
<div class="row hidden-xs">\n
<div class="col-xs-12">\n
<a href="/events?tag=remote" class="btn btn-sort sort-gray">remote</a> \n
<a href="/events?tag=startup" class="btn btn-sort sort-gray">startup</a> \n
<a href="/events?tag=networking" class="btn btn-sort sort-gray">networking</a> \n
<a href="/events?tag=netzwerk" class="btn btn-sort sort-gray">netzwerk</a> \n
<a href="/events?tag=agile-startup-methoden" class="btn btn-sort sort-gray">agile-startup-methoden</a> \n
<a href="/events?tag=digitaler-startplatz" class="btn btn-sort sort-gray">digitaler-startplatz</a> \n
\n
</div>\n
</div>\n
<div class="row">\n
<div class="col-xs-6"></div>\n
<div class="col-xs-6">\n
<a href="/event/speed-networking/" class="btn btn-green">Mehr Infos</a>\n
<a href="/event/speed-networking/" class="btn btn-green hidden-xs">Jetzt buchen!</a>\n
</div>\n
</div>\n
</div>\n
\n
<hr class="hr-section">\n
\n
\n
<div class="post post-event">\n
<div class="row visible-xs-block">\n
<div class="col-xs-12">\n
<h3><a href="/event/ai-friday-ki-community-meetup-koeln/">AI Friday Köln: KI-Community & Networking</a></h3>\n
</div>\n
</div>\n
<div class="row">\n
<div class="col-xs-4">\n
<a href="/event/ai-friday-ki-community-meetup-koeln/">\n
<div class="calendar">\n
<img class="hidden-xs img-responsive" src="https://res.cloudinary.com/startplatz/image/upload/f_auto,q_auto/v1739970908/ai-hub/Artikelbilder/1.png" alt="">\n
<div class="date visible-xs">\n
<div class="day">07</div>\n
<div class="year">Aug 2026</div>\n
</div>\n
<div class="type">ai-friday</div>\n
</div>\n
</a>\n
</div>\n
<div class="col-xs-8">\n
<div class="post-head">\n
<h2 class="hidden-xs"><a href="/event/ai-friday-ki-community-meetup-koeln/">AI Friday Köln: KI-Community & Networking</a></h2>\n
</div>\n
<div class="post-body">\n
<ul class="list-unstyled">\n
<li><i class="fa fa-clock-o fa-fw"></i>Friday, 07.08.26, 15:00 - 17:00 Uhr</li>\n
<li><i class="fa fa-map-marker fa-fw"></i>STARTPLATZ AI Hub Köln, Im Mediapark 5 50670 Köln</li>\n
<li><i class="fa fa-bullhorn fa-fw"></i> AI Hub Community</li>\n
</ul>\n
</div>\n
</div>\n
</div>\n
<div class="row hidden-xs">\n
<div class="col-xs-12">\n
<a href="/events?tag=ai" class="btn btn-sort sort-gray">ai</a> \n
<a href="/events?tag=ai-friday" class="btn btn-sort sort-gray">ai-friday</a> \n
<a href="/events?tag=startplatz-ai-hub" class="btn btn-sort sort-gray">startplatz-ai-hub</a> \n
<a href="/events?tag=koeln" class="btn btn-sort sort-gray">koeln</a> \n
<a href="/events?tag=community" class="btn btn-sort sort-gray">community</a> \n
<a href="/events?tag=meetup" class="btn btn-sort sort-gray">meetup</a> \n
\n
</div>\n
</div>\n
<div class="row">\n
<div class="col-xs-6"></div>\n
<div class="col-xs-6">\n
<a href="/event/ai-friday-ki-community-meetup-koeln/" class="btn btn-green">Mehr Infos</a>\n
<a href="/event/ai-friday-ki-community-meetup-koeln/" class="btn btn-green hidden-xs">Jetzt buchen!</a>\n
</div>\n
</div>\n
</div>\n
\n
<hr class="hr-section">\n
\n
\n
<div class="post post-event">\n
<div class="row visible-xs-block">\n
<div class="col-xs-12">\n
<h3><a href="/event/tech-tuesday-deine-it-sprechstunde-2026-06-02/">TechTuesday deine IT-Sprechstunde</a></h3>\n
</div>\n
</div>\n
<div class="row">\n
<div class="col-xs-4">\n
<a href="/event/tech-tuesday-deine-it-sprechstunde-2026-06-02/">\n
<div class="calendar">\n
<img class="hidden-xs img-responsive" src="https://res.cloudinary.com/startplatz/image/upload/v1778060076/Slyngshot_Labs-IT-Sprechstunde_Website_Vorschau-500x400-E1_a0g4gu.png" alt="">\n
<div class="date visible-xs">\n
<div class="day">11</div>\n
<div class="year">Aug 2026</div>\n
</div>\n
<div class="type">workshop</div>\n
</div>\n
</a>\n
</div>\n
<div class="col-xs-8">\n
<div class="post-head">\n
<h2 class="hidden-xs"><a href="/event/tech-tuesday-deine-it-sprechstunde-2026-06-02/">TechTuesday deine IT-Sprechstunde</a></h2>\n
</div>\n
<div class="post-body">\n
<ul class="list-unstyled">\n
<li><i class="fa fa-clock-o fa-fw"></i>Tuesday, 11.08.26, 09:00 - 18:00 Uhr</li>\n
<li><i class="fa fa-map-marker fa-fw"></i>Remote, Im Mediapark 5, 50670 Köln</li>\n
</ul>\n
</div>\n
</div>\n
</div>\n
<div class="row hidden-xs">\n
<div class="col-xs-12">\n
<a href="/events?tag=startplatz" class="btn btn-sort sort-gray">startplatz</a> \n
<a href="/events?tag=workshop" class="btn btn-sort sort-gray">workshop</a> \n
<a href="/events?tag=sprechstunde" class="btn btn-sort sort-gray">sprechstunde</a> \n
\n
</div>\n
</div>\n
<div class="row">\n
<div class="col-xs-6"></div>\n
<div class="col-xs-6">\n
<a href="/event/tech-tuesday-deine-it-sprechstunde-2026-06-02/" class="btn btn-green">Mehr Infos</a>\n
<a href="/event/tech-tuesday-deine-it-sprechstunde-2026-06-02/" class="btn btn-green hidden-xs">Jetzt buchen!</a>\n
</div>\n
</div>\n
</div>\n
\n
<hr class="hr-section">\n
\n
<div class="separator quadruple"></div>\n
\n
</div>\n
<div class="col-xs-12 col-md-4 page-aside">\n
\n
\n
\n
\n
<style>\r\n
.single {\r\n
padding: 1px 30px 14px;\r\n
margin-top: 0px;\r\n
background: #525459;\r\n
border: 0px solid #f0f0f0; }\r\n
.single ul {\r\n
margin-bottom: 0; }\r\n
.single li a {\r\n
color: #ffffff;\r\n
font-size: 14px;\r\n
font-weight: bold;\r\n
text-transform: uppercase;\r\n
border-bottom: 1px solid #f0f0f0;\r\n
line-height: 32px;\r\n
display: block;\r\n
text-decoration: none; }\r\n
.single li a:hover {\r\n
color: #7ab800; }\r\n
.single li:last-child a {\r\n
border-bottom: 0px; }\r\n
</style>\r\n
<div class="row">\r\n
<div class="single category">\r\n
<div class="section-header">\r\n
\t\t<center><h2 style="color: #ffffff;">Kategorien</h2></center>\r\n
</div>\r\n
\t\t<ul class="list-unstyled">\r\n
\t\t\t<li><a href="https://www.startplatz.de/blog" title="">Alle Blogbeiträge </a></li>\r\n
\t\t\t<li><a href="https://www.startplatz.de/category/erfolgsgeschichten/" title="">Erfolgsgeschichten</a></li>\r\n
\t\t\t<li><a href="https://www.startplatz.de/category/accelerator/" title="">Accelerator </a></li>\r\n
<li><a href="https://www.startplatz.de/category/success-story/" title="">Success Stories </a></li>\r\n
\t\t\t<li><a href="https://www.startplatz.de/category/community/" title="">Community </a></li>\r\n
\t\t\t<li><a href="https://www.startplatz.de/category/corporate-services/" title="">Corporate Services </a></li>\r\n
\t\t\t<li><a href="https://www.startplatz.de/category/rheinland-pitch/" title="">Rheinland-Pitch </a></li>\r\n
\t\t\t<li><a href="https://www.startplatz.de/category/aktuelle-trends/" title="">Aktuelle Trends </a></li>\r\n
\t\t\t<li><a href="https://www.startplatz.de/category/veranstaltungen/" title="">Events </a></li>\r\n
\t\t\t<li><a href="https://www.startplatz.de/category/news/" title="">News </a></li>\r\n
\t\t</ul>\r\n
</div>\r\n
</div>\n
\n
<div class="separator"></div>\n
<div class="section-header">\n
<form role="search" method="get" class="search-form" action="https://www.staging.startplatz.de/">\n
\t\t\t\t<label>\n
\t\t\t\t\t<span class="screen-reader-text">Suchen nach:</span>\n
\t\t\t\t\t<input type="search" class="search-field" placeholder="Suchen\u{A0}…" value="" name="s" />\n
\t\t\t\t</label>\n
\t\t\t\t<input type="submit" class="search-submit" value="Suchen" />\n
\t\t\t</form></div>\n
\n
\n
<style>\r\n
.pricingTable{\r\n
background: #a1a2a3;\r\n
}\r\n
.pricingTable .pricingTable-header > .heading{\r\n
display: block;\r\n
padding: 20px 0;\r\n
background: #7AB800;\r\n
}\r\n
.pricingTable > .pricingContent > ul{\r\n
list-style: none;\r\n
margin-bottom: 0;\r\n
padding: 0;\r\n
}\r\n
.pricingTable > .pricingContent > ul > li{\r\n
border-top: 1px solid #cdcdcd;\r\n
border-bottom: 1px solid #fff;\r\n
padding: 5px 0;\r\n
padding-left: 5px;\r\n
position: relative;\r\n
}\r\n
a.sidebar:link { color: #000000; }\r\n
a.sidebar:visited { color: #000000; }\r\n
a.sidebar:hover { color: #ffffff; }\r\n
a.sidebar2:link { color: #ffffff; }\r\n
</style> \r\n
<div class="row">\r\n
<div class="pricingTable">\r\n
<div class="pricingTable-header">\r\n
<span class="heading">\r\n
<center><h2>Business Model Canvas</h2></center> \r\n
</div>\r\n
<div class="pricingContent">\r\n
<ul>\r\n
\t<li><a href="https://www.startplatz.de/startup-wiki/business-model-canvas/" class="sidebar">Business Model Canvas - Haupseite</a></li>\r\n
\r\n
<li><a href="https://www.startplatz.de/business-model-canvas-grundlagen/" class="sidebar">Business Model Canvas Grundlagen</a></li>\r\n
<li><a href="https://www.startplatz.de/business-model-canvas-die-9-bausteine-des-geschaeftsmodell-konzepts/" class="sidebar">Business Model Canvas: Die 9 Bausteine des Geschäftsmodell-Konzepts</a></li>\r\n
<li><a href="https://www.startplatz.de/business-model-canvas-vs-businessplan/" class="sidebar">Business Model Canvas vs. Businessplan – Die Geschäftsmodelle der Zukunft\r\n
</a></li>\r\n
<li><a href="https://www.startplatz.de/give-me-5-businessmodelcanvas/" class="sidebar">Give me 5 ►Business Model Canvas</a></li>\r\n
<li><a href="https://www.startplatz.de/business-model-canvas-beispiele/" class="sidebar">Business Model Canvas Beispiele und Anwendung</a></li>\r\n
<li><a href="https://www.startplatz.de/business-model-buecher/" class="sidebar">Drei Business Model Bücher, die jeder Gründer lesen sollte</a></li> \r\n
<li><a href="https://www.startplatz.de/startup-academy-2/alle-streams/webinar-business-model-canvas/" class="sidebar">Webinar: Business Model Canvas</a></li> \r\n
</ul>\r\n
</div>\r\n
</div>\r\n
</div>\n
\n
<div class="separator"></div>\n
<div class="section-header">\n
<h2>Neueste Beiträge</h2>\n
</div>\n
<div class="tweet">\n
\n
<div class="media">\n
<div class="media-left">\n
<img width="80" height="80" src="https://www.staging.startplatz.de/wp-content/uploads/2026/08/Titelbild-Blogbeitrag-Blog-Website-2-80x80.png" class="media-object img-rounded wp-post-image" alt="" decoding="async" loading="lazy" /> </div>\n
<div class="media-body">\n
<a href="https://www.staging.startplatz.de/10-vorteile-der-nutzung-von-cloud-speicher/">10 Vorteile der Nutzung von Cloud-Speicher</a> <br> 7. August </div>\n
\n
</div>\n
\n
<div class="media">\n
<div class="media-left">\n
<img width="80" height="80" src="https://www.staging.startplatz.de/wp-content/uploads/2026/08/Titelbild-Blogbeitrag-Blog-Website-1-80x80.png" class="media-object img-rounded wp-post-image" alt="" decoding="async" loading="lazy" /> </div>\n
<div class="media-body">\n
<a href="https://www.staging.startplatz.de/ki-inhalte-richtig-kennzeichnen-was-unternehmen-jetzt-wissen-muessen/">KI-Inhalte richtig kennzeichnen: Was Unternehmen jetzt wissen müssen</a> <br> 6. August </div>\n
\n
</div>\n
\n
<div class="media">\n
<div class="media-left">\n
<img width="80" height="80" src="https://www.staging.startplatz.de/wp-content/uploads/2026/08/Titelbild-Blogbeitrag-Blog-Website-80x80.png" class="media-object img-rounded wp-post-image" alt="" decoding="async" loading="lazy" /> </div>\n
<div class="media-body">\n
<a href="https://www.staging.startplatz.de/vom-mvp-zur-professionellen-digitalen-infrastruktur-was-startups-in-welcher-wachstumsphase-brauchen/">Vom MVP zur professionellen digitalen Infrastruktur: Was Startups in welcher Wachstumsphase brauchen</a> <br> 5. August </div>\n
\n
</div>\n
\n
<div class="media">\n
<div class="media-left">\n
<img width="80" height="80" src="https://www.staging.startplatz.de/wp-content/uploads/2026/08/Titelbild-Blogbeitrag-Blog-Website-19-80x80.jpg" class="media-object img-rounded wp-post-image" alt="" decoding="async" loading="lazy" /> </div>\n
<div class="media-body">\n
<a href="https://www.staging.startplatz.de/barrierefreiheit-fuer-websites-ist-seit-juni-2025-pflicht-robin-oehler-erklaert-was-unternehmen-jetzt-tun-muessen/">Barrierefreiheit für Websites ist seit Juni 2025 Pflicht: Robin Oehler erklärt, was Unternehmen jetzt tun müssen</a> <br> 5. August </div>\n
\n
</div>\n
\n
<div class="media">\n
<div class="media-left">\n
<img width="80" height="80" src="https://www.staging.startplatz.de/wp-content/uploads/2026/07/Titelbild-Blogbeitrag-Blog-Website-18-80x80.jpg" class="media-object img-rounded wp-post-image" alt="" decoding="async" loading="lazy" /> </div>\n
<div class="media-body">\n
<a href="https://www.staging.startplatz.de/wie-optimieren-startups-ihr-e-mail-marketing/">Wie optimieren Startups ihr E-Mail-Marketing?</a> <br> 16. Juli </div>\n
\n
</div>\n
\n
</div>\n
\n
<div class="banner text-white tarife">\r\n
<div class="banner-content">\r\n
<h2>Community Membership</h2>\r\n
\r\n
<hr class="hr-white" />\r\n
\r\n
<h4>\r\n
Werde Teil der <b>größten Startup Community im Rheinland\r\n
<br><br>\r\n
<i>Bereits ab 10 €/Monat!</i></b>\r\n
<!--Jetzt 14 Tage kostenlos testen!-->\r\n
</h4>\r\n
\r\n
<a class="btn btn-transparent hover-black" href="/community-membership/">Jetzt informieren!</a>\r\n
\r\n
</div>\r\n
</div>\n
\n
<div class="banner grunderstipendium_s text-white">\r\n
<div class="banner-content">\r\n
<h2>Gastbeiträge</h2>\r\n
\r\n
<hr class="hr-white" />\r\n
\r\n
„Du schreibst interessante Artikel, die auf unsere Zielgruppe zugeschnitten sind und willst deinen Content auf unserem Blog präsentieren? \r\n
<a class="btn btn-transparent" href="mailto:marketing@startplatz.de?subject=Gastbeitrag%20STARTPLATZ">Kontaktiere uns!</a>\r\n
\r\n
</div>\r\n
</div>\n
\n
\n
<div class="banner bg-white">\n
<div class="banner-content">\n
<h2>Konferenzräume mieten</h2>\n
<hr class="hr-green">\n
<p class="text-gray">Durch klicken Standort wählen.</p>\n
<a href="/koeln-tagungsraeume-und-konferenzraeume" class="btn btn-green">Köln</a>\n
<a href="/duesseldorf-tagungsraeume-und-konferenzraeume" class="btn btn-green">Düsseldorf</a>\n
</div>\n
</div>\n
\n
<div class="separator"></div>\n
<div class="section-header">\n
<h2>Latest tweets</h2>\n
</div>\n
<div class="tweet">\n
<h3>STARTPLATZ</h3>\n
<a class="twitter-timeline" href="https://twitter.com/STARTPLATZ" data-widget-id="604687445137993728">Tweets von @STARTPLATZ </a>\n
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>\n
</div>\n
</div>\n
</div>\n
</div>\n
\n
\n
\n
\n
\n
\n
\n
\n
<footer>\n
<div class="startplatz-footer">\n
<div class="container">\n
<div class="row">\n
<div class="newsletter col-xs-12 col-md-8">\n
<div class="section-header">\n
<h2>Newsletter</h2>\n
</div>\n
<p>Immer auf dem Laufenden bleiben?<br>Erhalte regelmäßig alle News aus dem STARTPLATZ, zu Workshops und Events.</p>\n
\n
<!-- Begin MailChimp Signup Form -->\n
<div id="mc_embed_signup">\n
<form id="mc-embedded-subscribe-form" class="validate" action="https://startplatz.us5.list-manage.com/subscribe?u=8a2b498caca4323b774191382&id=be73f77d94" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank">\n
<div id="mc_embed_signup_scroll form-group email-wrapper">\n
<button type="submit" class="btn btn-green">Hier Abonnieren</button>\n
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n
<div style="position: absolute; left: -5000px;"><input tabindex="-1" name="b_8a2b498caca4323b774191382_51dae9d56a" type="text" value="" /></div>\n
<div class="clear"></div>\n
</div>\n
</form></div>\n
<!--End mc_embed_signup-->\n
\n
</div>\n
<div class="social col-xs-12 col-md-4">\n
<div class="section-header">\n
<h2>Folge uns</h2>\n
</div>\n
<p>Folge uns auf Facebook, Twitter oder Instagram</p>\n
<ul class="icons-list list-inline list-unstyled">\n
<li><a target="_blank" href="https://www.facebook.com/startplatz"><i class="fa fa-facebook fa-4x"></i></a></li>\n
<li><a target="_blank" href="https://twitter.com/startplatz"><i class="fa fa-twitter fa-4x"></i></a> </li>\n
<li><a target="_blank" href="https://instagram.com/startplatz/"><i class="fa fa-instagram fa-4x"></i></a> </li>\n
<!-- <li><a href="blog.html"><i class="fa fa-wordpress fa-4x"></i></a></li> -->\n
</ul>\n
<div class="pe-richsnippets"></div>\n
<script type="text/javascript" src="https://www.provenexpert.com/widget/richsnippet.js?u=1HQBkRmo1xQpmqGB1xmA5DGAlMwpkxQZ&v=2" async></script>\n
</div>\n
</div>\n
<div class="row row-equal">\n
<div class="footer-menu col-md-8 visible-md visible-lg">\n
<div class="row">\n
<div class="col-xs-4">\n
<div class="section-header">\n
<h3>STARTPLATZ</h3>\n
</div>\n
<ul class="list-unstyled list-sm">\n
<li><a href="/kontakt-aufnehmen">Kontakt</a></li>\n
<li><a href="/pressebereich">Presse</a></li>\n
<li><a href="/jobs">Jobs</a></li>\n
<li><a href="/standorte">Standorte</a></li>\n
</ul>\n
</div>\n
<div class="col-xs-4">\n
<div class="section-header">\n
<h3>Über diese Website</h3>\n
</div>\n
<ul class="list-unstyled list-sm">\n
<li><a href="/wlan-am-startplatz-koeln">WLAN am STARTPLATZ Koeln</a></li>\n
<li><a href="/startplatz-archiv">Archiv</a></li>\n
<li><a href="/startplatz-agb">AGB</a></li>\n
<li><a href="/impressum">Impressum</a></li>\n
<li><a href="/datenschutz">Datenschutz</a></li>\n
</ul>\n
</div>\n
<div class="col-xs-4">\n
<div class="section-header">\n
<h3>Top Themen</h3>\n
</div>\n
<ul class="list-unstyled list-sm">\n
<li><a href="/coworking-koeln"><span class="fas fa-long-arrow-alt-right mr-2"></span>Coworking Köln</a></li>\n
<li><a href="/coworking-duesseldorf"><span class="fas fa-long-arrow-alt-right mr-2"></span>Coworking Düsseldorf</a></li>\n
<li><a href="/konferenzraum"><span class="fas fa-long-arrow-alt-right mr-2"></span>Konferenzraum mieten in Köln</a></li>\n
<li><a href="/duesseldorf-tagungsraeume-und-konferenzraeume/"><span class="fas fa-long-arrow-alt-right mr-2"></span>Konferenzraum mieten in Düsseldorf</a></li>\n
<li><a href="/startup-wiki/business-model-canvas"><span class="fas fa-long-arrow-alt-right mr-2"></span>Business Model Canvas</a></li>\n
<li><a href="/accelerator/"><span class="fas fa-long-arrow-alt-right mr-2"></span>STARTPLATZ Accelerator</a></li>\n
<li><a href="/corporate-innovation-page"><span class="fas fa-long-arrow-alt-right mr-2"></span>Corporate Innovation</a></li>\n
<li><a href="/startup-wiki/pitch"><span class="fas fa-long-arrow-alt-right mr-2"></span>Pitch</a></li>\n
<li><a href="/projektbuero-mieten"><span class="fas fa-long-arrow-alt-right mr-2"></span>Projektbüro mieten</a></li>\n
<li><a href="/meetingraeume-mieten"><span class="fas fa-long-arrow-alt-right mr-2"></span>Meetingräume mieten</a></li>\n
<li><a href="/coworker-werden"><span class="fas fa-long-arrow-alt-right mr-2"></span>Coworker werden</a></li>\n
<li><a href="/startup-membership"><span class="fas fa-long-arrow-alt-right mr-2"></span>Startup Firmenmitgliedschaft</a></li>\n
<li><a href="/karriere"><span class="fas fa-long-arrow-alt-right mr-2"></span>Startup Jobs am STARTPLATZ</a></li>\n
<li><a href="/digital-speed-networking"><span class="fas fa-long-arrow-alt-right mr-2"></span>Speed Networking</a></li>\n
<li><a href="/open-accelerator"><span class="fas fa-long-arrow-alt-right mr-2"></span>Inkubator</a></li>\n
<li><a href="/benefits/perks"><span class="fas fa-long-arrow-alt-right mr-2"></span>Software für Startups</a></li>\n
<li><a href="/startup-wiki"><span class="fas fa-long-arrow-alt-right mr-2"></span>Startup Wiki</a></li>\n
<li><a href="/sprechstunden"><span class="fas fa-long-arrow-alt-right mr-2"></span>Sprechstunden</a></li>\n
<li><a href="/mentoring"><span class="fas fa-long-arrow-alt-right mr-2"></span>Mentorinnen und Mentoren</a></li>\n
</ul>\n
</div>\n
</div>\n
</div>\n
<div class="kontakt col-xs-12 col-md-4">\n
<div class="content-wrapper">\n
<div class="section-header">\n
<h2 class="visible-sm visible-xs">Kontakt</h2>\n
<h3 class="visible-md visible-lg">Kontakt</h3>\n
</div>\n
<div class="row">\n
<div class="col-xs-6">\n
<p class="address city">Köln</p>\n
<p class="address">Im Mediapark 5 <br>50670 Köln</p>\n
<p class="address">info@startplatz.de</p>\n
<p class="address">+49 221 975 802 00</p>\n
</div>\n
<div class="col-xs-6">\n
<p class="address city">Düsseldorf</p>\n
<p class="address">Speditionstraße 15a <br>40221 Düsseldorf</p>\n
<p class="address">info@startplatz.de</p>\n
<p class="address">+49 211 936 725 20</p>\n
</div>\n
</div>\n
</div>\n
</div>\n
</div>\n
<div class="copyrights" style="color: black;">\n
© Copyright Startplatz 2026\n
</div>\n
</div>\n
</div>\n
</footer>\n
<link rel="stylesheet" type="text/css" href="/wp-includes/css/cookieconsent.min.css" />\n
<script src="/wp-includes/js/cookieconsent.min.js" defer></script>\n
<script>\n
window.addEventListener("load", function(){\n
window.cookieconsent.initialise({\n
"palette": {\n
"popup": {\n
"background": "#edeff5",\n
"text": "#838391"\n
},\n
"button": {\n
"background": "#4b81e8"\n
}\n
},\n
"content": {\n
"message": "Um unsere Webseite für Sie optimal zu gestalten und fortlaufend verbessern zu können, verwenden wir Cookies. Durch die weitere Nutzung der Webseite stimmen Sie der Verwendung von Cookies zu. Weitere Informationen zu Cookies erhalten Sie in unserer Datenschutzerklärung.",\n
"dismiss": "Akzeptieren",\n
"link": "Mehr Informationen",\n
"href": "https://www.startplatz.de/datenschutz"\n
}\n
})\n
});\n
</script>\n
\n
\n
<!-- wp_footer starts -->\n
<script type="speculationrules">\n
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/startplatz/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}\n
</script>\n
<script async>(function(s,u,m,o,j,v){j=u.createElement(m);v=u.getElementsByTagName(m)[0];j.async=1;j.src=o;j.dataset.sumoSiteId='39f60b00513044004a8fe0004ce6fc0099bffb000c2cd200cfc8f4006d6fae00';j.dataset.sumoPlatform='wordpress';v.parentNode.insertBefore(j,v)})(window,document,'script','//load.sumome.com/');</script> <script type="application/javascript">\r\n
const ajaxURL = "https://www.staging.startplatz.de/wp-admin/admin-ajax.php";\r\n
\r\n
function sumo_add_woocommerce_coupon(code) {\r\n
jQuery.post(ajaxURL, {\r\n
action: 'sumo_add_woocommerce_coupon',\r\n
code: code,\r\n
});\r\n
}\r\n
\r\n
function sumo_remove_woocommerce_coupon(code) {\r\n
jQuery.post(ajaxURL, {\r\n
action: 'sumo_remove_woocommerce_coupon',\r\n
code: code,\r\n
});\r\n
}\r\n
\r\n
function sumo_get_woocommerce_cart_subtotal(callback) {\r\n
jQuery.ajax({\r\n
method: 'POST',\r\n
url: ajaxURL,\r\n
dataType: 'html',\r\n
data: {\r\n
action: 'sumo_get_woocommerce_cart_subtotal',\r\n
},\r\n
success: function (subtotal) {\r\n
return callback(null, subtotal);\r\n
},\r\n
error: function (err) {\r\n
return callback(err, 0);\r\n
}\r\n
});\r\n
}\r\n
</script>\r\n
<script>(function() {function maybePrefixUrlField () {\n
const value = this.value.trim()\n
if (value !== '' && value.indexOf('http') !== 0) {\n
this.value = 'http://' + value\n
}\n
}\n
\n
const urlFields = document.querySelectorAll('.mc4wp-form input[type="url"]')\n
for (let j = 0; j < urlFields.length; j++) {\n
urlFields[j].addEventListener('blur', maybePrefixUrlField)\n
}\n
})();</script><script async data-wp-strategy="async" fetchpriority="low" id="comment-reply-js" src="https://www.staging.startplatz.de/wp-includes/js/comment-reply.min.js?ver=7.0.2"></script>\n
<script id="mc4wp-forms-api-js" defer src="https://www.staging.startplatz.de/wp-content/plugins/mailchimp-for-wp/assets/js/forms.js?ver=4.13.1"></script>\n
<script id="mc4wp-ajax-forms-js-extra">\n
var mc4wp_ajax_vars = {"loading_character":"\u2022","ajax_url":"https://www.staging.startplatz.de/wp-admin/admin-ajax.php?action=mc4wp-form","error_text":"Leider ist ein Fehler aufgetreten. "};\n
//# sourceURL=mc4wp-ajax-forms-js-extra\n
</script>\n
<script id="mc4wp-ajax-forms-js" src="https://www.staging.startplatz.de/wp-content/plugins/mc4wp-premium/ajax-forms/assets/js/ajax-forms.min.js?ver=4.5.4"></script>\n
<script id="wp-emoji-settings" type="application/json">\n
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://www.staging.startplatz.de/wp-includes/js/wp-emoji-release.min.js?ver=7.0.2"}}\n
</script>\n
<script type="module">\n
/*! This file is auto-generated */\n
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});\n
//# sourceURL=https://www.staging.startplatz.de/wp-includes/js/wp-emoji-loader.min.js\n
</script>\n
<!-- wp_footer ends -->\n
<!-- startplatz default js starts -->\n
<script type='text/javascript' src='/wp-content/themes/startplatz/scripts/jquery.js?ver=2016-4711'></script>\n
<script type='text/javascript' src='/wp-content/themes/startplatz/scripts/bootstrap.min.js?ver=2016-4711'></script>\n
<!-- startplatz default js ends -->\n
\n
\n
<!-- START of Symfony Web Debug Toolbar --><div class="sf-toolbar sf-toolbar-opened" role="region" aria-label="Symfony Web Debug Toolbar" data-frankenphp-hot-reload-preserve> <div id="sfwdte89f03"> <div id="sfToolbarClearer-e89f03" class="sf-toolbar-clearer"></div><div id="sfToolbarMainContent-e89f03" class="sf-toolbarreset notranslate clear-fix" data-no-turbolink data-turbo="false"> <div class="sf-toolbar-block sf-toolbar-block-request sf-toolbar-status-normal " > <a href="https://www.staging.startplatz.de/_profiler/e89f03?panel=request"> <div class="sf-toolbar-icon"> <svg xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Symfony" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .9C5.8.9.9 5.8.9 12a11 11 0 1 0 22.2 0A11 11 0 0 0 12 .9zm6.5 6c-.6 0-.9-.3-.9-.8 0-.2 0-.4.2-.6l.2-.4c0-.3-.5-.4-.6-.4-1.8.1-2.3 2.5-2.7 4.4l-.2 1c1 .2 1.8 0 2.2-.3.6-.4-.2-.7-.1-1.2.1-.3.5-.5.7-.6.5 0 .7.5.7.9 0 .7-1 1.8-3 1.8l-.6-.1-.6 2.4c-.4 1.6-.8 3.8-2.4 5.7-1.4 1.7-2.9 1.9-3.5 1.9-1.2 0-1.9-.6-2-1.5 0-.8.7-1.3 1.2-1.3.6 0 1.1.5 1.1 1s-.2.6-.4.6c-.1.1-.3.2-.3.4 0 .1.1.3.4.3.5 0 .8-.3 1.1-.5 1.2-.9 1.6-2.7 2.2-5.7l.1-.7.7-3.2c-.8-.6-1.3-1.4-2.4-1.7-.6-.1-1.1.1-1.5.5-.4.5-.2 1.1.2 1.5l.7.6c.7.8 1.2 1.6 1 2.5-.3 1.5-2 2.6-4 1.9-1.8-.6-2-1.8-1.8-2.5.2-.6.6-.7 1.1-.6.5.2.6.7.6 1.2l-.1.3c-.2.1-.3.3-.3.4-.1.4.4.6.7.7.7.3 1.6-.2 1.8-.8a1 1 0 0 0-.4-1.1l-.7-.8c-.4-.4-1.1-1.4-.7-2.6.1-.5.4-.9.7-1.3a4 4 0 0 1 2.8-.6c1.2.4 1.8 1.1 2.6 1.8.5-1.2 1-2.4 1.8-3.5.9-.9 1.9-1.6 3.1-1.7 1.3.2 2.2.7 2.2 1.6 0 .4-.2 1.1-.9 1.1z"/></svg> <span class="sf-toolbar-value sf-toolbar-ajax-request-counter"> Loading… </span> </div> </a> <div class="sf-toolbar-info"> <div class="sf-toolbar-info-piece"> <b>Loading the web debug toolbar…</b> </div> <div class="sf-toolbar-info-piece"> Attempt #<span id="sfLoadCounter-e89f03"></span> </div> <div class="sf-toolbar-info-piece"> <b> <button class="sf-cancel-button" type="button" id="sfLoadCancel-e89f03" title="Cancel loading">Cancel</button> </b> </div> </div></div> <button class="sf-toolbar-toggle-button" type="button" id="sfToolbarToggleButton-e89f03" accesskey="D" aria-expanded="true" aria-controls="sfToolbarMainContent-e89f03" aria-label="Toggle Symfony Toolbar"> <i class="sf-toolbar-icon-opened" title="Close Toolbar"><svg xmlns="http://www.w3.org/2000/svg" data-icon-name="icon-tabler-x" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <line x1="18" y1="6" x2="6" y2="18"></line> <line x1="6" y1="6" x2="18" y2="18"></line></svg></i> <i class="sf-toolbar-icon-closed" title="Open Toolbar"><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Symfony" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .9C5.8.9.9 5.8.9 12a11 11 0 1 0 22.2 0A11 11 0 0 0 12 .9zm6.5 6c-.6 0-.9-.3-.9-.8 0-.2 0-.4.2-.6l.2-.4c0-.3-.5-.4-.6-.4-1.8.1-2.3 2.5-2.7 4.4l-.2 1c1 .2 1.8 0 2.2-.3.6-.4-.2-.7-.1-1.2.1-.3.5-.5.7-.6.5 0 .7.5.7.9 0 .7-1 1.8-3 1.8l-.6-.1-.6 2.4c-.4 1.6-.8 3.8-2.4 5.7-1.4 1.7-2.9 1.9-3.5 1.9-1.2 0-1.9-.6-2-1.5 0-.8.7-1.3 1.2-1.3.6 0 1.1.5 1.1 1s-.2.6-.4.6c-.1.1-.3.2-.3.4 0 .1.1.3.4.3.5 0 .8-.3 1.1-.5 1.2-.9 1.6-2.7 2.2-5.7l.1-.7.7-3.2c-.8-.6-1.3-1.4-2.4-1.7-.6-.1-1.1.1-1.5.5-.4.5-.2 1.1.2 1.5l.7.6c.7.8 1.2 1.6 1 2.5-.3 1.5-2 2.6-4 1.9-1.8-.6-2-1.8-1.8-2.5.2-.6.6-.7 1.1-.6.5.2.6.7.6 1.2l-.1.3c-.2.1-.3.3-.3.4-.1.4.4.6.7.7.7.3 1.6-.2 1.8-.8a1 1 0 0 0-.4-1.1l-.7-.8c-.4-.4-1.1-1.4-.7-2.6.1-.5.4-.9.7-1.3a4 4 0 0 1 2.8-.6c1.2.4 1.8 1.1 2.6 1.8.5-1.2 1-2.4 1.8-3.5.9-.9 1.9-1.6 3.1-1.7 1.3.2 2.2.7 2.2 1.6 0 .4-.2 1.1-.9 1.1z"/></svg></i> </button></div> </div> <link rel="stylesheet" nonce="7f43912d2e29b9eae88ee9b1d927641f" href="https://www.staging.startplatz.de/_wdt/styles" /> <script nonce="cbcd375292512dd9fa8b822d844d8f30">/*<![CDATA[*/ if (typeof Sfjs === 'undefined' || typeof Sfjs.loadToolbar === 'undefined') { Sfjs = (function() { "use strict"; if ('classList' in document.documentElement) { var hasClass = function (el, cssClass) { return el.classList.contains(cssClass); }; var removeClass = function(el, cssClass) { el.classList.remove(cssClass); }; var addClass = function(el, cssClass) { el.classList.add(cssClass); }; var toggleClass = function(el, cssClass) { el.classList.toggle(cssClass); }; } else { var hasClass = function (el, cssClass) { return el.className.match(new RegExp('\\b' + cssClass + '\\b')); }; var removeClass = function(el, cssClass) { el.className = el.className.replace(new RegExp('\\b' + cssClass + '\\b'), ' '); }; var addClass = function(el, cssClass) { if (!hasClass(el, cssClass)) { el.className += " " + cssClass; } }; var toggleClass = function(el, cssClass) { hasClass(el, cssClass) ? removeClass(el, cssClass) : addClass(el, cssClass); }; } var noop = function() {}; var profilerStorageKey = 'symfony/profiler/'; var addEventListener; var el = document.createElement('div'); if (!('addEventListener' in el)) { addEventListener = function (element, eventName, callback) { element.attachEvent('on' + eventName, callback); }; } else { addEventListener = function (element, eventName, callback) { element.addEventListener(eventName, callback, false); }; } var request = function(url, onSuccess, onError, payload, options, tries) { url = new URL(url); url.searchParams.set('XDEBUG_IGNORE', '1'); url = url.toString(); var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP'); options = options || {}; options.retry = options.retry || false; tries = tries || 1; /* this delays for 125, 375, 625, 875, and 1000, ... */ var delay = tries < 5 ? (tries - 0.5) * 250 : 1000; xhr.open(options.method || 'GET', url, true); xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); xhr.onreadystatechange = function(state) { if (4 !== xhr.readyState) { return null; } if (xhr.status == 404 && options.retry && !options.stop) { setTimeout(function() { if (options.stop) { return; } request(url, onSuccess, onError, payload, options, tries + 1); }, delay); return null; } if (200 === xhr.status) { (onSuccess || noop)(xhr); } else { (onError || noop)(xhr); } }; if (options.onSend) { options.onSend(tries); } xhr.send(payload || ''); }; var getPreference = function(name) { if (!window.localStorage) { return null; } return localStorage.getItem(profilerStorageKey + name); }; var setPreference = function(name, value) { if (!window.localStorage) { return null; } localStorage.setItem(profilerStorageKey + name, value); }; var requestStack = []; var extractHeaders = function(xhr, stackElement) { /* Here we avoid to call xhr.getResponseHeader in order to */ /* prevent polluting the console with CORS security errors */ var allHeaders = xhr.getAllResponseHeaders(); var ret; if (ret = allHeaders.match(/^x-debug-token:\s+(.*)$/im)) { stackElement.profile = ret[1]; } if (ret = allHeaders.match(/^x-debug-token-link:\s+(.*)$/im)) { stackElement.profilerUrl = ret[1]; } if (ret = allHeaders.match(/^Symfony-Debug-Toolbar-Replace:\s+(.*)$/im)) { stackElement.toolbarReplaceFinished = false; stackElement.toolbarReplace = '1' === ret[1]; } }; var successStreak = 4; var pendingRequests = 0; var renderAjaxRequests = function() { var requestCounter = document.querySelector('.sf-toolbar-ajax-request-counter'); if (!requestCounter) { return; } requestCounter.textContent = requestStack.length; var infoSpan = document.querySelector(".sf-toolbar-ajax-info"); if (infoSpan) { infoSpan.textContent = requestStack.length + ' AJAX request' + (requestStack.length !== 1 ? 's' : ''); } var ajaxToolbarPanel = document.querySelector('.sf-toolbar-block-ajax'); if (requestStack.length) { ajaxToolbarPanel.style.display = ''; } else { ajaxToolbarPanel.style.display = 'none'; } if (pendingRequests > 0) { addClass(ajaxToolbarPanel, 'sf-ajax-request-loading'); } else if (successStreak < 4) { addClass(ajaxToolbarPanel, 'sf-toolbar-status-red'); removeClass(ajaxToolbarPanel, 'sf-ajax-request-loading'); } else { removeClass(ajaxToolbarPanel, 'sf-ajax-request-loading'); removeClass(ajaxToolbarPanel, 'sf-toolbar-status-red'); } }; var startAjaxRequest = function(index) { var tbody = document.querySelector('.sf-toolbar-ajax-request-list'); if (!tbody) { return; } var nbOfAjaxRequest = tbody.rows.length; if (nbOfAjaxRequest >= 100) { tbody.deleteRow(0); } var request = requestStack[index]; pendingRequests++; var row = document.createElement('tr'); request.DOMNode = row; var requestNumberCell = document.createElement('td'); requestNumberCell.textContent = index + 1; row.appendChild(requestNumberCell); var profilerCell = document.createElement('td'); profilerCell.textContent = 'n/a'; row.appendChild(profilerCell); var methodCell = document.createElement('td'); methodCell.textContent = request.method; row.appendChild(methodCell); var typeCell = document.createElement('td'); typeCell.textContent = request.type; row.appendChild(typeCell); var statusCodeCell = document.createElement('td'); var statusCode = document.createElement('span'); statusCode.textContent = 'n/a'; statusCodeCell.appendChild(statusCode); row.appendChild(statusCodeCell); var pathCell = document.createElement('td'); pathCell.className = 'sf-ajax-request-url'; if ('GET' === request.method) { var pathLink = document.createElement('a'); pathLink.setAttribute('href', request.url); pathLink.textContent = request.url; pathCell.appendChild(pathLink); } else { pathCell.textContent = request.url; } pathCell.setAttribute('title', request.url); row.appendChild(pathCell); var durationCell = document.createElement('td'); durationCell.className = 'sf-ajax-request-duration'; durationCell.textContent = 'n/a'; row.appendChild(durationCell); request.liveDurationHandle = setInterval(function() { durationCell.textContent = (new Date() - request.start) + ' ms'; }, 100); row.className = 'sf-ajax-request sf-ajax-request-loading'; tbody.insertBefore(row, null); var toolbarInfo = document.querySelector('.sf-toolbar-block-ajax .sf-toolbar-info'); toolbarInfo.scrollTop = toolbarInfo.scrollHeight; renderAjaxRequests(); }; var finishAjaxRequest = function(index) { var request = requestStack[index]; clearInterval(request.liveDurationHandle); if (!request.DOMNode) { return; } if (request.toolbarReplace && !request.toolbarReplaceFinished && request.profile) { /* Flag as complete because finishAjaxRequest can be called multiple times. */ request.toolbarReplaceFinished = true; /* Search up through the DOM to find the toolbar's container ID. */ for (var elem = request.DOMNode; elem && elem !== document; elem = elem.parentNode) { if (elem.id.match(/^sfwdt/)) { Sfjs.loadToolbar(elem.id.replace(/^sfwdt/, ''), request.profile); break; } } } if (pendingRequests > 0) { pendingRequests--; } var row = request.DOMNode; /* Unpack the children from the row */ var profilerCell = row.children[1]; var methodCell = row.children[2]; var statusCodeCell = row.children[4]; var statusCodeElem = statusCodeCell.children[0]; var durationCell = row.children[6]; if (request.error) { row.className = 'sf-ajax-request sf-ajax-request-error'; methodCell.className = 'sf-ajax-request-error'; successStreak = 0; } else { row.className = 'sf-ajax-request sf-ajax-request-ok'; successStreak++; } if (request.statusCode) { if (request.statusCode < 300) { statusCodeElem.setAttribute('class', 'sf-toolbar-status'); } else if (request.statusCode < 400) { statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-yellow'); } else { statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-red'); } statusCodeElem.textContent = request.statusCode; } else { statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-red'); } if (request.duration) { durationCell.textContent = request.duration + ' ms'; } if (request.profilerUrl) { profilerCell.textContent = ''; var profilerLink = document.createElement('a'); profilerLink.setAttribute('href', request.profilerUrl); profilerLink.textContent = request.profile; profilerCell.appendChild(profilerLink); } renderAjaxRequests(); }; if (window.EventSource) { var oldEventSource = window.EventSource; function patchedEventSource(url, options) { var es = new oldEventSource(url, options); if (!url.toString().match(new RegExp("^\/((index|app(_[\\w]+)?)\\.php\/)?_wdt"))) { var stackElement = { error: false, url: url, method: 'GET', type: 'event-stream', start: new Date() }; var idx = requestStack.push(stackElement) - 1; startAjaxRequest(idx); addEventListener(es, 'error', function () { stackElement.error = true; finishAjaxRequest(idx); }); addEventListener(es, 'open', function () { stackElement.statusCode = 200; stackElement.toolbarReplaceFinished = false; stackElement.toolbarReplace = true; }); addEventListener(es, 'symfony:debug:started', function (event) { var items = event.data.split('\n'); stackElement.profile = items[0]; stackElement.profilerUrl = items[1]; }); addEventListener(es, 'symfony:debug:error', function (event) { stackElement.error = true; stackElement.statusCode = event.data; finishAjaxRequest(idx); }); addEventListener(es, 'symfony:debug:finished', function () { stackElement.duration = new Date() - stackElement.start; stackElement.toolbarReplaceFinished = false; stackElement.toolbarReplace = true; finishAjaxRequest(idx); }); } return es; }; Object.defineProperties(patchedEventSource, Object.getOwnPropertyDescriptors(oldEventSource)); window.EventSource = patchedEventSource; } if (window.fetch && window.fetch.polyfill === undefined) { var oldFetch = window.fetch; window.fetch = function () { var promise = oldFetch.apply(this, arguments); var url = arguments[0]; var params = arguments[1]; var paramType = Object.prototype.toString.call(arguments[0]); if (paramType === '[object Request]') { url = arguments[0].url; params = { method: arguments[0].method, credentials: arguments[0].credentials, headers: arguments[0].headers, mode: arguments[0].mode, redirect: arguments[0].redirect }; } else { url = String(url); } if (!url.match(new RegExp("^\/((index|app(_[\\w]+)?)\\.php\/)?_wdt"))) { var method = 'GET'; if (params && params.method !== undefined) { method = params.method; } var stackElement = { error: false, url: url, method: method, type: 'fetch', start: new Date() }; var idx = requestStack.push(stackElement) - 1; promise.then(function (r) { stackElement.duration = new Date() - stackElement.start; stackElement.error = r.status < 200 || r.status >= 400; stackElement.statusCode = r.status; stackElement.profile = r.headers.get('x-debug-token'); stackElement.profilerUrl = r.headers.get('x-debug-token-link'); stackElement.toolbarReplaceFinished = false; stackElement.toolbarReplace = '1' === r.headers.get('Symfony-Debug-Toolbar-Replace'); finishAjaxRequest(idx); }, function (e){ stackElement.error = true; finishAjaxRequest(idx); }); startAjaxRequest(idx); } return promise; }; } if (window.XMLHttpRequest && XMLHttpRequest.prototype.addEventListener) { var proxied = XMLHttpRequest.prototype.open; XMLHttpRequest.prototype.open = function(method, url, async, user, pass) { var self = this; /* prevent logging AJAX calls to static and inline files, like templates */ var path = url; if (url.slice(0, 1) === '/') { if (0 === url.indexOf('')) { path = url.slice(0); } } else if (0 === url.indexOf('https\u003A\/\/www.staging.startplatz.de')) { path = url.slice(33); } if (!path.match(new RegExp("^\/((index|app(_[\\w]+)?)\\.php\/)?_wdt"))) { var stackElement = { error: false, url: url, method: method, type: 'xhr', start: new Date() }; var idx = requestStack.push(stackElement) - 1; this.addEventListener('readystatechange', function() { if (self.readyState == 4) { stackElement.duration = new Date() - stackElement.start; stackElement.error = self.status < 200 || self.status >= 400; stackElement.statusCode = self.status; extractHeaders(self, stackElement); finishAjaxRequest(idx); } }, false); startAjaxRequest(idx); } proxied.apply(this, Array.prototype.slice.call(arguments)); }; } return { hasClass: hasClass, removeClass: removeClass, addClass: addClass, toggleClass: toggleClass, getPreference: getPreference, setPreference: setPreference, addEventListener: addEventListener, request: request, renderAjaxRequests: renderAjaxRequests, getSfwdt: function(token) { return document.getElementById('sfwdt' + token); }, load: function(selector, url, onSuccess, onError, options) { var el = document.getElementById(selector); if (el && el.getAttribute('data-sfurl') !== url) { request( url, function(xhr) { el.innerHTML = xhr.responseText; el.setAttribute('data-sfurl', url); removeClass(el, 'loading'); var pending = pendingRequests; for (var i = 0; i < requestStack.length; i++) { startAjaxRequest(i); if (requestStack[i].duration || requestStack[i].error) { finishAjaxRequest(i); } } /* Revert the pending state in case there was a start called without a finish above. */ pendingRequests = pending; (onSuccess || noop)(xhr, el); }, function(xhr) { (onError || noop)(xhr, el); }, '', options ); } return this; }, showToolbar: function(token) { var sfwdt = this.getSfwdt(token); var toggleButton = document.querySelector(`#sfToolbarToggleButton-${token}`); if ('closed' === getPreference('toolbar/displayState')) { addClass(sfwdt.parentNode, 'sf-toolbar-closed'); removeClass(sfwdt.parentNode, 'sf-toolbar-opened'); if (toggleButton) { toggleButton.setAttribute('aria-expanded', 'false'); } } else { addClass(sfwdt.parentNode, 'sf-toolbar-opened'); removeClass(sfwdt.parentNode, 'sf-toolbar-closed'); if (toggleButton) { toggleButton.setAttribute('aria-expanded', 'true'); } } }, hideToolbar: function(token) { var sfwdt = this.getSfwdt(token); var toggleButton = document.querySelector(`#sfToolbarToggleButton-${token}`); addClass(sfwdt.parentNode, 'sf-toolbar-closed'); removeClass(sfwdt.parentNode, 'sf-toolbar-opened'); if (toggleButton) { toggleButton.setAttribute('aria-expanded', 'false'); } }, initToolbar: function(token) { this.showToolbar(token); var toggleButton = document.querySelector(`#sfToolbarToggleButton-${token}`); addEventListener(toggleButton, 'click', function (event) { event.preventDefault(); const newState = 'closed' === getPreference('toolbar/displayState') ? 'opened' : 'closed'; setPreference('toolbar/displayState', newState); 'opened' === newState ? Sfjs.showToolbar(token) : Sfjs.hideToolbar(token); }); }, loadToolbar: function(token, newToken) { var that = this; var triesCounter = document.getElementById('sfLoadCounter-' + token); var options = { retry: true, onSend: function (count) { if (count === 3) { that.initToolbar(token); } if (triesCounter) { triesCounter.textContent = count; } }, }; var cancelButton = document.getElementById('sfLoadCancel-' + token); if (cancelButton) { addEventListener(cancelButton, 'click', function (event) { event.preventDefault(); options.stop = true; that.hideToolbar(token); }); } newToken = (newToken || token); this.load( 'sfwdt' + token, 'https\u003A\/\/www.staging.startplatz.de\/_wdt\/xxxxxx'.replace(/xxxxxx/, newToken), function(xhr, el) { var toolbarContent = document.getElementById('sfToolbarMainContent-' + newToken); /* Do nothing in the edge case where the toolbar has already been replaced with a new one */ if (!toolbarContent) { return; } /* Replace the ID, it has to match the new token */ toolbarContent.parentElement.id = 'sfwdt' + newToken; /* Evaluate in global scope scripts embedded inside the toolbar */ var i, scripts = [].slice.call(el.querySelectorAll('script')); for (i = 0; i < scripts.length; ++i) { if (scripts[i].firstChild) { eval.call({}, scripts[i].firstChild.nodeValue); } } el.style.display = -1 !== xhr.responseText.indexOf('sf-toolbarreset') ? 'block' : 'none'; if (el.style.display == 'none') { return; } that.initToolbar(newToken); /* Handle toolbar-info position */ var toolbarBlocks = [].slice.call(el.querySelectorAll('.sf-toolbar-block')); for (i = 0; i < toolbarBlocks.length; ++i) { toolbarBlocks[i].onmouseover = function () { var toolbarInfo = this.querySelectorAll('.sf-toolbar-info')[0]; var pageWidth = document.body.clientWidth; var elementWidth = toolbarInfo.offsetWidth; var leftValue = (elementWidth + this.offsetLeft) - pageWidth; var rightValue = (elementWidth + (pageWidth - this.offsetLeft)) - pageWidth; /* Reset right and left value, useful on window resize */ toolbarInfo.style.right = ''; toolbarInfo.style.left = ''; if (elementWidth > pageWidth) { toolbarInfo.style.left = 0; } else if (leftValue > 0 && rightValue > 0) { toolbarInfo.style.right = (rightValue * -1) + 'px'; } else if (leftValue < 0) { toolbarInfo.style.left = 0; } else { toolbarInfo.style.right = '0px'; } }; } renderAjaxRequests(); addEventListener(document.querySelector('.sf-toolbar-ajax-clear'), 'click', function() { requestStack = []; renderAjaxRequests(); successStreak = 4; document.querySelector('.sf-toolbar-ajax-request-list').innerHTML = ''; }); addEventListener(document.querySelector('.sf-toolbar-block-ajax'), 'mouseenter', function (event) { var elem = document.querySelector('.sf-toolbar-block-ajax .sf-toolbar-info'); elem.scrollTop = elem.scrollHeight; }); addEventListener(document.querySelector('.sf-toolbar-block-ajax > .sf-toolbar-icon'), 'click', function (event) { event.preventDefault(); toggleClass(this.parentNode, 'hover'); }); var dumpInfo = document.querySelector('.sf-toolbar-block-dump .sf-toolbar-info'); if (null !== dumpInfo) { addEventListener(dumpInfo, 'sfbeforedumpcollapse', function () { dumpInfo.style.minHeight = dumpInfo.getBoundingClientRect().height+'px'; }); addEventListener(dumpInfo, 'mouseleave', function () { dumpInfo.style.minHeight = ''; }); } }, function(xhr) { if (xhr.status !== 0 && !options.stop) { var sfwdt = that.getSfwdt(token); sfwdt.innerHTML = '\ <div class="sf-toolbarreset notranslate">\ <div class="sf-toolbar-icon"><svg width="26" height="28" xmlns="http://www.w3.org/2000/svg" version="1.1" x="0px" y="0px" viewBox="0 0 26 28" enable-background="new 0 0 26 28" xml:space="preserve"><path fill="#FFFFFF" d="M13 0C5.8 0 0 5.8 0 13c0 7.2 5.8 13 13 13c7.2 0 13-5.8 13-13C26 5.8 20.2 0 13 0z M20 7.5 c-0.6 0-1-0.3-1-0.9c0-0.2 0-0.4 0.2-0.6c0.1-0.3 0.2-0.3 0.2-0.4c0-0.3-0.5-0.4-0.7-0.4c-2 0.1-2.5 2.7-2.9 4.8l-0.2 1.1 c1.1 0.2 1.9 0 2.4-0.3c0.6-0.4-0.2-0.8-0.1-1.3C18 9.2 18.4 9 18.7 8.9c0.5 0 0.8 0.5 0.8 1c0 0.8-1.1 2-3.3 1.9 c-0.3 0-0.5 0-0.7-0.1L15 14.1c-0.4 1.7-0.9 4.1-2.6 6.2c-1.5 1.8-3.1 2.1-3.8 2.1c-1.3 0-2.1-0.6-2.2-1.6c0-0.9 0.8-1.4 1.3-1.4 c0.7 0 1.2 0.5 1.2 1.1c0 0.5-0.2 0.6-0.4 0.7c-0.1 0.1-0.3 0.2-0.3 0.4c0 0.1 0.1 0.3 0.4 0.3c0.5 0 0.9-0.3 1.2-0.5 c1.3-1 1.7-2.9 2.4-6.2l0.1-0.8c0.2-1.1 0.5-2.3 0.8-3.5c-0.9-0.7-1.4-1.5-2.6-1.8c-0.8-0.2-1.3 0-1.7 0.4C8.4 10 8.6 10.7 9 11.1 l0.7 0.7c0.8 0.9 1.3 1.7 1.1 2.7c-0.3 1.6-2.1 2.8-4.3 2.1c-1.9-0.6-2.2-1.9-2-2.7c0.2-0.6 0.7-0.8 1.2-0.6 c0.5 0.2 0.7 0.8 0.6 1.3c0 0.1 0 0.1-0.1 0.3C6 15 5.9 15.2 5.9 15.3c-0.1 0.4 0.4 0.7 0.8 0.8c0.8 0.3 1.7-0.2 1.9-0.9 c0.2-0.6-0.2-1.1-0.4-1.2l-0.8-0.9c-0.4-0.4-1.2-1.5-0.8-2.8c0.2-0.5 0.5-1 0.9-1.4c1-0.7 2-0.8 3-0.6c1.3 0.4 1.9 1.2 2.8 1.9 c0.5-1.3 1.1-2.6 2-3.8c0.9-1 2-1.7 3.3-1.8C20 4.8 21 5.4 21 6.3C21 6.7 20.8 7.5 20 7.5z"/></svg></div>\ An error occurred while loading the web debug toolbar. <a href="https\u003A\/\/www.staging.startplatz.de\/_profiler\/' + newToken + '">Open the web profiler.</a>\ </div>\ '; sfwdt.parentElement.setAttribute('class', 'sf-toolbar sf-error-toolbar'); } }, options ); return this; }, toggle: function(selector, elOn, elOff) { var tmp = elOn.style.display, el = document.getElementById(selector); elOn.style.display = elOff.style.display; elOff.style.display = tmp; if (el) { el.style.display = 'none' === tmp ? 'none' : 'block'; } return this; }, }; })(); } Sfjs.loadToolbar('e89f03'); /*]]>*/</script></div><!-- END of Symfony Web Debug Toolbar -->\n
</body>\n
</html>\n
"""
#version: "1.1"
#statusCode: 200
#statusText: "OK"
#charset: "UTF-8"
-sentHeaders: ? array
} |