| _wordpressResponse |
Symfony\Component\HttpFoundation\Response {#693
+headers: Symfony\Component\HttpFoundation\ResponseHeaderBag {#5557 …}
#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>How to write a good pitch deck for early-stage startups - STARTPLATZ</title>\n
\t<meta name="description" content="Writing a good pitch deck takes time but it will help you in many ways, both internally and externally. This guide helps you with the fundamentals." />\n
\t<link rel="canonical" href="https://www.startplatz.de/en/startup-wiki/pitch-deck-guide/" />\n
\t<meta property="og:locale" content="de_DE" />\n
\t<meta property="og:type" content="article" />\n
\t<meta property="og:title" content="How to write a good pitch deck for early-stage startups" />\n
\t<meta property="og:description" content="Writing a good pitch deck takes time but it will help you in many ways, both internally and externally. This guide helps you with the fundamentals." />\n
\t<meta property="og:url" content="https://www.startplatz.de/en/startup-wiki/pitch-deck-guide/" />\n
\t<meta property="og:site_name" content="STARTPLATZ" />\n
\t<meta property="article:published_time" content="2021-07-05T14:32:55+00:00" />\n
\t<meta property="article:modified_time" content="2021-07-07T12:02:21+00:00" />\n
\t<meta property="og:image" content="https://www.startplatz.de/wp-content/uploads/2021/07/Kopie-von-Kopie-von-Ohne-Titel-3-1024x614.png" />\n
\t<meta name="author" content="Lukas Gräf" />\n
\t<meta name="twitter:label1" content="Verfasst von" />\n
\t<meta name="twitter:data1" content="Lukas Gräf" />\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.startplatz.de\/en\/startup-wiki\/pitch-deck-guide\/#article","isPartOf":{"@id":"https:\/\/www.staging.startplatz.de\/pitch-deck-early-stage-startup\/"},"author":{"name":"Lukas Gräf","@id":"https:\/\/www.staging.startplatz.de\/#\/schema\/person\/24b816bc45ad2efe061caa47897c4b9d"},"headline":"How to write a good pitch deck for early-stage startups","datePublished":"2021-07-05T14:32:55+00:00","dateModified":"2021-07-07T12:02:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.staging.startplatz.de\/pitch-deck-early-stage-startup\/"},"wordCount":2271,"commentCount":0,"image":{"@id":"https:\/\/www.startplatz.de\/en\/startup-wiki\/pitch-deck-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.startplatz.de\/wp-content\/uploads\/2021\/07\/Kopie-von-Kopie-von-Ohne-Titel-3-1024x614.png","articleSection":["Accelerator"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.startplatz.de\/en\/startup-wiki\/pitch-deck-guide\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.staging.startplatz.de\/pitch-deck-early-stage-startup\/","url":"https:\/\/www.startplatz.de\/en\/startup-wiki\/pitch-deck-guide\/","name":"How to write a good pitch deck for early-stage startups - STARTPLATZ","isPartOf":{"@id":"https:\/\/www.staging.startplatz.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.startplatz.de\/en\/startup-wiki\/pitch-deck-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.startplatz.de\/en\/startup-wiki\/pitch-deck-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.startplatz.de\/wp-content\/uploads\/2021\/07\/Kopie-von-Kopie-von-Ohne-Titel-3-1024x614.png","datePublished":"2021-07-05T14:32:55+00:00","dateModified":"2021-07-07T12:02:21+00:00","author":{"@id":"https:\/\/www.staging.startplatz.de\/#\/schema\/person\/24b816bc45ad2efe061caa47897c4b9d"},"description":"Writing a good pitch deck takes time but it will help you in many ways, both internally and externally. This guide helps you with the fundamentals.","breadcrumb":{"@id":"https:\/\/www.startplatz.de\/en\/startup-wiki\/pitch-deck-guide\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.startplatz.de\/en\/startup-wiki\/pitch-deck-guide\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.startplatz.de\/en\/startup-wiki\/pitch-deck-guide\/#primaryimage","url":"https:\/\/www.startplatz.de\/wp-content\/uploads\/2021\/07\/Kopie-von-Kopie-von-Ohne-Titel-3-1024x614.png","contentUrl":"https:\/\/www.startplatz.de\/wp-content\/uploads\/2021\/07\/Kopie-von-Kopie-von-Ohne-Titel-3-1024x614.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.startplatz.de\/en\/startup-wiki\/pitch-deck-guide\/#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":"How to write a good pitch deck for early-stage startups"}]},{"@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\/24b816bc45ad2efe061caa47897c4b9d","name":"Lukas Gräf","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/fcc5c2fbcb550074a024b214632c6ac38e0063b077363422e3e59797c85a4c70?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/fcc5c2fbcb550074a024b214632c6ac38e0063b077363422e3e59797c85a4c70?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/fcc5c2fbcb550074a024b214632c6ac38e0063b077363422e3e59797c85a4c70?s=96&r=g","caption":"Lukas Gräf"},"url":"https:\/\/www.staging.startplatz.de\/author\/lsgraef\/"}]}</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 How to write a good pitch deck for early-stage startups" href="https://www.staging.startplatz.de/pitch-deck-early-stage-startup/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%2Fpitch-deck-early-stage-startup%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%2Fpitch-deck-early-stage-startup%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:6a762c3a20fb3*/\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/71690" /><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=71690' />\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/pitch-deck-early-stage-startup/"><img class="img-responsive" src="" alt="" style="width: 7830px; "></a>\n
</div>\n
<div class="separator"></div>\n
<h1 style="line-height: 2em;">How to write a good pitch deck for early-stage startups</h1>\n
<p class="date">5. Juli 2021, 16:32 :: <a href="https://www.staging.startplatz.de/category/accelerator-old/" rel="category tag">Accelerator</a></p>\n
<p class="date">Autor: Lukas Gräf</p>\n
<p><h2><span style="font-weight: 400;"><a href="https://www.startplatz.de/wp-content/uploads/2021/07/Kopie-von-Kopie-von-Ohne-Titel-3.png"><img fetchpriority="high" decoding="async" class="size-large wp-image-71691 aligncenter" src="https://www.startplatz.de/wp-content/uploads/2021/07/Kopie-von-Kopie-von-Ohne-Titel-3-1024x614.png" alt="" width="640" height="384" srcset="https://www.staging.startplatz.de/wp-content/uploads/2021/07/Kopie-von-Kopie-von-Ohne-Titel-3-1024x614.png 1024w, https://www.staging.startplatz.de/wp-content/uploads/2021/07/Kopie-von-Kopie-von-Ohne-Titel-3-300x180.png 300w, https://www.staging.startplatz.de/wp-content/uploads/2021/07/Kopie-von-Kopie-von-Ohne-Titel-3-768x461.png 768w, https://www.staging.startplatz.de/wp-content/uploads/2021/07/Kopie-von-Kopie-von-Ohne-Titel-3-1536x922.png 1536w, https://www.staging.startplatz.de/wp-content/uploads/2021/07/Kopie-von-Kopie-von-Ohne-Titel-3.png 1800w" sizes="(max-width: 640px) 100vw, 640px" /></a></span></h2>\n
<h2>Introduction to pitch decks</h2>\n
<p><span style="font-weight: 400;">If you are a founder who recently started their first startup, then the topic of writing a pitch deck has most likely already become relevant for you (or will very soon). Writing a good pitch deck takes time but it will help you in many ways, both internally and externally. Internally because it will help to challenge your main assumptions on why you are building this specific startup and externally because a pitch deck is a great tool to present/pitch your startup to early outside stakeholders. These can include potential co-founders, investors, pilot customers or accelerator programs. Pitching your startup and idea to others in the early stages can be very difficult and thus a good pitch deck can support you in convincing others to follow you on your journey.\u{A0}</span></p>\n
<p><span id="more-71690"></span></p>\n
<p><span style="font-weight: 400;">Many founders do not fully utilize this opportunity because they do not have a good pitch deck, be it unstructured, complicated or missing information. If externals are not able to understand or follow your pitch deck, it conveys a negative signal and therefore hinders the success chances of your startup. This pitch deck guide gives you the fundamentals that will help you create a great pitch deck independent of the specific content.\u{A0}</span></p>\n
<p><span style="font-weight: 400;">Note on differences between pitch decks you present in person and those you sent out via email. This pitch deck guide is focusing on the content and the design of the slide, not the presentation style in front of an audience. The presentation style is also important but another topic that needs to be addressed separately. Generally speaking, a pitch deck can have different purposes (winning a customer or raising money from investors) and you should always be clear with respect to what your target is.\u{A0}</span></p>\n
<p><span style="font-weight: 400;">The team at STARTPLATZ created a template for a pitch deck that includes many of the tips that are written in the following guide. Feel free to use it as an inspiration. You can find it here:</span><a href="https://docs.google.com/presentation/d/1ezRM6W4UIQ05ROuOByWY0m6AGW7lkHAntUENfIem-M4/edit?usp=sharing"> <span style="font-weight: 400;">Link to pitch deck template</span></a></p>\n
<p> </p>\n
<h2>📖<span style="font-weight: 400;"> Telling an interesting story throughout your pitch deck</span></h2>\n
<p><span style="font-weight: 400;">Whether you send your pitch deck via email (typically, </span><a href="https://www.docsend.com/index/docsend-startup-index/"><span style="font-weight: 400;">investors spend 2-3 minutes</span></a><span style="font-weight: 400;"> on a pitch deck) or present it in front of an audience (the attention span is now down to 8 seconds, </span><a href="https://muckrack.com/blog/2020/07/14/how-declining-attention-spans-impact-your-social-media"><span style="font-weight: 400;">link</span></a><span style="font-weight: 400;">), people have a very short attention span these days and get distracted if your pitch deck does not catch their attention. Therefore it is helpful to build your pitch deck around a specific storyline that supports your argument on why you started this company and why you want to solve this specific problem. In a good story a person or company faces the specific problem you are solving, therefore your startup improves their lives by solving this problem. Humans are triggered by stories because stories have always been the main format that uses emotions. The story you are telling should therefore trigger the reader’s emotions, as this can enhance their reading experience. It is crucial to include various elements of emotion in your written pitch deck that you send out via email, even if the story is harder to portray than if you were pitching it live on stage.</span></p>\n
<p> </p>\n
<h2 id="447a" class="it iu gt ba iv iw ix iy iz ja jb jc jd je jf jg jh ji jj jk jl jm jn jo jp jq ev">✅ <span style="font-weight: 400;">Use a logical pitch deck structure that follows a thread\u{A0}</span></h2>\n
<p><span style="font-weight: 400;">A good pitch deck should make logical sense when you read it from the beginning to the end. That means each slide builds upon the information of the previous slides and strengthens the argument on why your startup has a high potential. Remember, this should still feel like a story and not like a list of boring slides. Boring slides mean a lot of text and too much information.\u{A0}</span></p>\n
<p><span style="font-weight: 400;">A logical structure may look like the following example:</span></p>\n
<ol>\n
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>COVER</strong> – Use a strong picture and a very short sentence to give the reader an initial idea about what you are doing. What is the essence of your startup?\u{A0}</span></li>\n
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>PROBLEM</strong> – Explain and if necessary quantify the problem you are solving. Who is facing the problem? Why is it relevant? How is this problem being solved today?</span><span style="font-weight: 400;"><br />\n
</span><span style="font-weight: 400;">Reference to the AirBnb Pitchdeck from 2009</span><span style="font-weight: 400;"><br />\n
</span></li>\n
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>SOLUTION</strong> – Now that the problem is understood, is there a solution that can fix or mitigate it? What exactly does your solution do? Why is it a good solution? Why now? Include an optional second slide for product features and/ or screenshots.</span><span style="font-weight: 400;"><br />\n
</span></li>\n
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>MARKET</strong> – OK, there is a relevant problem and you have a good solution for it. But is there a big enough market for it? Is the market growing? Specify </span><a href="https://en.wikipedia.org/wiki/Total_addressable_market"><span style="font-weight: 400;">TAM, SAM and SOM</span><span style="font-weight: 400;">.</span></a><span style="font-weight: 400;">\u{A0}</span></li>\n
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>BUSINESS MODEL</strong> –\u{A0} Now the reader knows that there is a big enough market to justify going after it (or it is growing so fast, that it is attractive enough). Is it possible to monetise this? How do you plan to make money?\u{A0}</span></li>\n
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>COMPETITION</strong> – Alright. There is a market and you can make money. How about the competition? What sets you apart from other companies in this space and/or from substitutive solutions? There is almost always competition, even if it is just a small startup on the other side of the world.</span></li>\n
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>GO TO MARKET</strong> – Cool, you seem to have an interesting opportunity here. How are you planning to acquire customers and get market adoption? Depending on whether you are B2B or B2C focused, it is important to show the relevant channels and strategies here.</span><span style="font-weight: 400;"><br />\n
</span></li>\n
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>STATUS QUO/TRACTION</strong> –\u{A0} Now that you have covered many important parts: What is your status quo? How many users do you have? Are you already making money? If you are a B2C company, make sure to show your CAC and CLTV.</span></li>\n
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>ROAD MAP</strong> – What is the roadmap ahead? How do you want to scale?\u{A0}</span></li>\n
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>TEAM</strong> – The most important part of any early-stage startup. Who is the team behind this idea? And what makes them uniquely skilled to execute on this problem? Do they have the key positions covered? (Some pitch deck guides will place the team slide in the beginning of the pitch deck but in my opinion, it is helpful to elaborate on all aspects of the startup first, before introducing the team. This allows the reader to identify whether the team’s professional expertise is suitable for the execution of this problem.)</span></li>\n
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>The ASK</strong> – What do you want from the reader? An investment? Customers? Have one slide at the end with a </span><b>call to action</b><span style="font-weight: 400;">.\u{A0}</span></li>\n
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">\u{A0}<strong>SUMMARY</strong> – You can wrap up the pitch deck with a summary and – very important – your contact data including your email and website.</span></li>\n
</ol>\n
<p><span style="font-weight: 400;">Using this kind of logical structure immensely helps the reader to follow your story and argumentation.</span></p>\n
<p><span style="font-weight: 400;">\u{A0}</span></p>\n
<h2 id="20ed" class="it iu gt ba iv iw ix iy iz ja jb jc jd je jf jg jh ji jj jk jl jm jn jo jp jq ev">👀\u{A0}<span style="font-weight: 400;">Thinking about the reader’s perspective</span></h2>\n
<p><span style="font-weight: 400;">Who is the audience and how much do they already know about your business, market or customers? How much do they need to know? Throughout your whole presentation it is crucial that you always put yourself in the perspective of the reader or listener. In general, the reader will know much less about the problem you are solving than you. That means, it is always useful to keep your pitch deck simple to understand and also not filled with too much information. Most of that is probably not super relevant to the reader in the beginning. Remember that a good pitch deck is often just the key to getting a second meeting or call in which you can go into more detail.</span></p>\n
<p><span style="font-weight: 400;">Depending on your audience, you can use different versions of the pitch so that it is tailored more specifically: If you’re pitching to investors, your main goal should be to show that your startup has the potential to scale rapidly and for a billion-dollar exit. You need to include information such as competition in this scenario. Also, investors often know many industries and you don’t need several slides explaining the problem you are solving. They get it. When pitching to potential customers, however, it’s much more important to go more in depth on your product offering. In this version, you probably do not want to show them all potential competitors.</span></p>\n
<p> </p>\n
<h2 id="28e3" class="it iu gt ba iv iw ix iy iz ja jb jc jd je jf jg jh ji jj jk jl jm jn jo jp jq ev">🎨\u{A0}<span style="font-weight: 400;">Design versus content in pitch decks</span></h2>\n
<p><span style="font-weight: 400;">The design and layout of your pitch deck are as important as your content but often do not receive the equal amount of love. A bad design distracts you from the content itself and is confusing. A great design doubles down on the content provided by making the content easier to read, easier to understand and easier to follow, supplementing the logical structure provided before.\u{A0}</span></p>\n
<p><span style="font-weight: 400;">In fact, the content itself is made up of design. The text on your slides can be influenced by many factors such as the position on the slide, the size, the intensity, the colour or the font. So what are some design features that you should think about when creating a pitch deck? Here are three design features that will go a long way:</span></p>\n
<h3><span style="font-weight: 400;">1. </span> <span style="font-weight: 400;">White space as a guidance tool.</span></h3>\n
<p><span style="font-weight: 400;">\u{A0}</span> <span style="font-weight: 400;">The most important space is the one you don’t use. Think about a slide with a lot of information. It is very difficult to focus on what to look at and read first. You want to use lots of empty space instead to guide the viewer’s attention towards the important parts of the slide (similar concepts apply to websites). As a founder, you often feel like there is a lot of information you want to convey that you want to share and need to cover. That is why many startup pitch decks feel overly stuffed and sometimes chaotic. Don’t do that and use space to guide your reader.</span></p>\n
<h3><span style="font-weight: 400;">2. </span> <span style="font-weight: 400;">Colour matching.</span></h3>\n
<p><span style="font-weight: 400;">\u{A0}</span> <span style="font-weight: 400;">If you look at a very well-done pitch deck, you will see a common theme when it comes to colour picking throughout the presentation. Only very few colours are used and they support each other. It is also helpful to use one colour that generally highlights key points or visually guides the reader through the slides. For that, you don’t necessarily need to have a complete CI (corporate identity) document ready but it is advisable to stick to two to three colours max throughout the pitch deck. An easy start here is to decide on your main colour and then</span><a href="https://www.canva.com/colors/color-wheel/"><span style="font-weight: 400;"> use the colour wheel</span></a><span style="font-weight: 400;">. Mark your main colour and then look at the opposite colour on the wheel for the complementary colour. Another option is to pick the two colours to the left and to the right of your main colour, called analogous. Or you pick two colours that form a triangle with your main colour, called triad. According to color theory these combinations work best. This should give you a good enough start and obviously you can then use various intensity levels of the colours that you picked to add certain emphasis.</span></p>\n
<h3><span style="font-weight: 400;">3. </span> <span style="font-weight: 400;">Icons and pictures or screenshots.</span></h3>\n
<p><span style="font-weight: 400;">\u{A0}</span> <span style="font-weight: 400;">Visual elements such as icons, pictures, or product screenshots can make a pitch deck much more appealing to look at, as well as help you deliver the message more easily. Humans can understand pictures faster than text and emotions are transferred much easier. You should therefore use this to your advantage. Specific parts in the pitch decks where this makes more sense are for example: The problem slide, the solution slide or the business model slide. It works better for some startups and industries than others. So play around and see what works for you.</span></p>\n
<p><span style="font-weight: 400;">Note: It is generally good to have (at least) two versions of the pitch deck, one for sending out and one for presenting in front of an audience. If you are presenting in front of an audience, you can keep the slides even cleaner and focus mainly on visuals, everything else you will explain verbally.</span></p>\n
<p> </p>\n
<h2 id="0ee2" class="it iu gt ba iv iw ix iy iz ja jb jc jd je jf jg jh ji jj jk jl jm jn jo jp jq ev">🚫 <span style="font-weight: 400;">Common mistakes in pitch decks</span></h2>\n
<ul>\n
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Important info is missing. Often: competition and go-to-market slides.</span></li>\n
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Too many slides. Try to keep it at around 12 slides.</span></li>\n
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Too much info/content on some slides. Don’t confuse the reader, help them focus on the most important points instead. You want to create curiosity to get a follow-up meeting/call, not dump all info at once.</span></li>\n
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Slides are in the wrong order, thus making it harder to follow the logical flow and structure of the pitch deck (see B)</span></li>\n
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">The design is ugly or distracts too much from the content</span></li>\n
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Ambitions are too low. This is a specific problem for mainland European startups. You should aim high if you want to convince investors, meaning setting high goals for yourself and show that you as the team are hungry to execute</span></li>\n
</ul>\n
<p> </p>\n
<h2 id="da07" class="it iu gt ba iv iw ix iy iz ja jb jc jd je jf jg jh ji jj jk jl jm jn jo jp jq ev">🤓\u{A0}<span style="font-weight: 400;">Final advice</span></h2>\n
<p><span style="font-weight: 400;">Your pitch deck is a never-ending document and requires constant iteration and improvement. So don’t worry if it is not perfect, it will probably never be and many people will have opinions about it. If you can manage to keep it clean and simple, clearly convey your vision and make it easy to understand, you have a higher chance of succeeding with your investor or customer meetings. This guide hopefully helps you to avoid some mistakes and gives you some useful tips on how to improve your pitch deck.</span></p>\n
<p> </p>\n
<p><span style="font-weight: 400;">As a best practice for pitch deck, you often come across the deck that AirBnb used to raise their Seed round. It is indeed very clean and simple and you can study it in detail here: </span><a href="https://www.alexanderjarvis.com/airbnb-seed-pitch-deck/"><span style="font-weight: 400;">link</span></a><span style="font-weight: 400;">.</span></p>\n
<p><span style="font-weight: 400;">Many thanks to the following people for feedback on the draft: Emmet, Victoria, Marius and Johannes.</span></p>\n
<p><span style="font-weight: 400;">You can find out more about the STARTPLATZ Accelerator here:</span><a href="https://www.startplatz.de/accelerator/"> <span style="font-weight: 400;">Link to website</span></a></p>\n
<p> </p>\n
<p><em>Author:<strong> Lukas Gräf</strong>, Managing Director STARTPLATZ Accelerator</em></p>\n
<p> </p>\n
<p> </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="1786129466" /><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
\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
\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="sfwdt3f4c7f"> <div id="sfToolbarClearer-3f4c7f" class="sf-toolbar-clearer"></div><div id="sfToolbarMainContent-3f4c7f" 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/3f4c7f?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-3f4c7f"></span> </div> <div class="sf-toolbar-info-piece"> <b> <button class="sf-cancel-button" type="button" id="sfLoadCancel-3f4c7f" title="Cancel loading">Cancel</button> </b> </div> </div></div> <button class="sf-toolbar-toggle-button" type="button" id="sfToolbarToggleButton-3f4c7f" accesskey="D" aria-expanded="true" aria-controls="sfToolbarMainContent-3f4c7f" 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="57ab31b3e8a87903a7caa8f15fcb02dc" href="https://www.staging.startplatz.de/_wdt/styles" /> <script nonce="fc400ea5c8211170d5738279699d37a0">/*<![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('3f4c7f'); /*]]>*/</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
} |