| _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>Produktdesign vs. Product Branding: Wo ist der Unterschied?</title>\n
\t<meta name="description" content="Erfahre die Unterschiede zwischen Produktdesign und Product Branding und warum du keinen der beiden Aspekte außen vor lassen solltest." />\n
\t<link rel="canonical" href="https://www.startplatz.de/produktdesign-product-branding-unterschied/" />\n
\t<meta property="og:locale" content="de_DE" />\n
\t<meta property="og:type" content="article" />\n
\t<meta property="og:title" content="Produktdesign vs. Product Branding: Wo ist der Unterschied?" />\n
\t<meta property="og:description" content="Erfahre die Unterschiede zwischen Produktdesign und Product Branding und warum du keinen der beiden Aspekte außen vor lassen solltest." />\n
\t<meta property="og:url" content="https://www.startplatz.de/produktdesign-product-branding-unterschied/" />\n
\t<meta property="og:site_name" content="STARTPLATZ" />\n
\t<meta property="article:published_time" content="2022-09-22T13:54:45+00:00" />\n
\t<meta property="article:modified_time" content="2022-09-22T13:55:51+00:00" />\n
\t<meta property="og:image" content="https://www.startplatz.de/wp-content/uploads/2022/09/Produktdesign-vs.-Product-Branding-Wo-ist-der-Unterschied.png" />\n
\t<meta property="og:image:width" content="740" />\n
\t<meta property="og:image:height" content="360" />\n
\t<meta property="og:image:type" content="image/png" />\n
\t<meta name="author" content="lgraef" />\n
\t<meta name="twitter:label1" content="Verfasst von" />\n
\t<meta name="twitter:data1" content="lgraef" />\n
\t<meta name="twitter:label2" content="Geschätzte Lesezeit" />\n
\t<meta name="twitter:data2" content="10\u{A0}Minuten" />\n
\t<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.startplatz.de\/produktdesign-product-branding-unterschied\/#article","isPartOf":{"@id":"https:\/\/www.startplatz.de\/produktdesign-product-branding-unterschied\/"},"author":{"name":"lgraef","@id":"https:\/\/www.startplatz.de\/#\/schema\/person\/3208e98b262dae03e85cfe5c8ee4cfae"},"headline":"Produktdesign vs. Product Branding: Wo ist der Unterschied?","datePublished":"2022-09-22T13:54:45+00:00","dateModified":"2022-09-22T13:55:51+00:00","mainEntityOfPage":{"@id":"https:\/\/www.startplatz.de\/produktdesign-product-branding-unterschied\/"},"wordCount":1637,"commentCount":0,"image":{"@id":"https:\/\/www.startplatz.de\/produktdesign-product-branding-unterschied\/#primaryimage"},"thumbnailUrl":"https:\/\/www.staging.startplatz.de\/wp-content\/uploads\/2022\/09\/Produktdesign-vs.-Product-Branding-Wo-ist-der-Unterschied.png","keywords":["Product Branding","Produktdesign"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.startplatz.de\/produktdesign-product-branding-unterschied\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.startplatz.de\/produktdesign-product-branding-unterschied\/","url":"https:\/\/www.startplatz.de\/produktdesign-product-branding-unterschied\/","name":"Produktdesign vs. Product Branding: Wo ist der Unterschied?","isPartOf":{"@id":"https:\/\/www.startplatz.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.startplatz.de\/produktdesign-product-branding-unterschied\/#primaryimage"},"image":{"@id":"https:\/\/www.startplatz.de\/produktdesign-product-branding-unterschied\/#primaryimage"},"thumbnailUrl":"https:\/\/www.staging.startplatz.de\/wp-content\/uploads\/2022\/09\/Produktdesign-vs.-Product-Branding-Wo-ist-der-Unterschied.png","datePublished":"2022-09-22T13:54:45+00:00","dateModified":"2022-09-22T13:55:51+00:00","author":{"@id":"https:\/\/www.startplatz.de\/#\/schema\/person\/3208e98b262dae03e85cfe5c8ee4cfae"},"description":"Erfahre die Unterschiede zwischen Produktdesign und Product Branding und warum du keinen der beiden Aspekte außen vor lassen solltest.","breadcrumb":{"@id":"https:\/\/www.startplatz.de\/produktdesign-product-branding-unterschied\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.startplatz.de\/produktdesign-product-branding-unterschied\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.startplatz.de\/produktdesign-product-branding-unterschied\/#primaryimage","url":"https:\/\/www.staging.startplatz.de\/wp-content\/uploads\/2022\/09\/Produktdesign-vs.-Product-Branding-Wo-ist-der-Unterschied.png","contentUrl":"https:\/\/www.staging.startplatz.de\/wp-content\/uploads\/2022\/09\/Produktdesign-vs.-Product-Branding-Wo-ist-der-Unterschied.png","width":740,"height":360},{"@type":"BreadcrumbList","@id":"https:\/\/www.startplatz.de\/produktdesign-product-branding-unterschied\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.startplatz.de\/"},{"@type":"ListItem","position":2,"name":"Blog – Hauptseite","item":"https:\/\/www.startplatz.de\/blog\/"},{"@type":"ListItem","position":3,"name":"Produktdesign vs. Product Branding: Wo ist der Unterschied?"}]},{"@type":"WebSite","@id":"https:\/\/www.startplatz.de\/#website","url":"https:\/\/www.startplatz.de\/","name":"STARTPLATZ","description":"Startup Inkubator in Köln und Düsseldorf","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.startplatz.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/www.startplatz.de\/#\/schema\/person\/3208e98b262dae03e85cfe5c8ee4cfae","name":"lgraef","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/c91ce354a125a4aa961b5875d604e79cab9b6d96ec555a0d9c9b065fb8eef5f5?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c91ce354a125a4aa961b5875d604e79cab9b6d96ec555a0d9c9b065fb8eef5f5?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c91ce354a125a4aa961b5875d604e79cab9b6d96ec555a0d9c9b065fb8eef5f5?s=96&r=g","caption":"lgraef"},"sameAs":["https:\/\/x.com\/lgraef"],"url":"https:\/\/www.staging.startplatz.de\/author\/lgraef\/"}]}</script>\n
\t<!-- / Yoast SEO Premium plugin. -->\n
\n
\n
<link rel='dns-prefetch' href='//www.staging.startplatz.de' />\n
<link rel="alternate" type="application/rss+xml" title="STARTPLATZ » Feed" href="https://www.staging.startplatz.de/feed/" />\n
<link rel="alternate" type="application/rss+xml" title="STARTPLATZ » Kommentar-Feed" href="https://www.staging.startplatz.de/comments/feed/" />\n
<link rel="alternate" type="application/rss+xml" title="STARTPLATZ » Kommentar-Feed zu Produktdesign vs. Product Branding: Wo ist der Unterschied?" href="https://www.staging.startplatz.de/produktdesign-product-branding-unterschied/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%2Fproduktdesign-product-branding-unterschied%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%2Fproduktdesign-product-branding-unterschied%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:6a760ee96b9cd*/\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/74278" /><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=74278' />\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/produktdesign-product-branding-unterschied/"><img class="img-responsive" src="https://www.staging.startplatz.de/wp-content/uploads/2022/09/Produktdesign-vs.-Product-Branding-Wo-ist-der-Unterschied.png" alt="" style="width: 7830px; "></a>\n
</div>\n
<div class="separator"></div>\n
<h1 style="line-height: 2em;">Produktdesign vs. Product Branding: Wo ist der Unterschied?</h1>\n
<p class="date">22. September 2022, 15:54 :: <a href="https://www.staging.startplatz.de/category/allgemein/" rel="category tag">Allgemein</a></p>\n
<p class="date">Autor: lgraef</p>\n
<p><p><strong>Erfolgreiche Produkte und Marken durchlaufen meist einen langen Entwicklungsprozess. Gerade bei den ganz einfachen Lösungen steckt besonders viel Arbeit und Kreativität dahinter. Produktdesign verbindet Käufererwartung, technische Möglichkeiten und finanzielle Rahmenbedingungen, um innovative Lösungen für die unterschiedlichsten Probleme zu finden.</strong></p>\n
<p><strong>Das, in Kombination mit dem richtigen <a href="https://www.sortlist.de/s/produkt-branding/deutschland-de" target="_blank" rel="noopener">Product Branding</a> und Marketing, verschafft Unternehmen langfristigen Erfolg. Erfahren Sie die Unterschiede zwischen Produktdesign und Product Branding und warum Sie keinen der beiden Aspekte außen vor lassen sollten, wenn Sie anhaltenden Erfolg anvisieren.</strong></p>\n
<p><span id="more-74278"></span></p>\n
<h3>Inhaltsverzeichnis</h3>\n
<ul>\n
<li>Was ist Produktdesign?\n
<ul>\n
<li>Von der Idee zum Produkt: Ein Überblick</li>\n
</ul>\n
</li>\n
<li>Was ist Product Branding?</li>\n
<li>Produktdesign oder Product Branding: Wofür wird beides genutzt?</li>\n
<li>Von Produkten zu Marken: Ein Überblick über wichtige Schritte im Product Branding und Bildung von Marken\n
<ul>\n
<li>Zielgruppe festlegen</li>\n
<li>Übernahme der Markenidentität ins Product Branding</li>\n
<li>Einheitlichkeit der Produkte im Unternehmen</li>\n
<li>Alle Mitarbeiter müssen an Bord sein</li>\n
</ul>\n
</li>\n
<li>Wie wichtig sind Produktdesigner im Prozess?</li>\n
<li>Fazit</li>\n
</ul>\n
<h2>Was ist Produktdesign?</h2>\n
<p><a href="https://www.sortlist.de/s/produktdesign/deutschland-de" target="_blank" rel="noopener">Produktdesign</a> umfasst den kompletten Prozess, den ein neues Produkt durchläuft, angefangen mit losen Skizzen und vagen Konzepten bis hin zum eigentlichen Prototyp und dem verkaufbaren Endprodukt.</p>\n
<p>Branchenwissen, Kreativität, technisches Verständnis und die Fähigkeit, innerhalb des vorgegebenen Budgets zu bleiben, spielen dabei eine wichtige Rolle, um etwas Neues zu entwerfen, das den Bedürfnissen der Kunden entspricht.</p>\n
<p>Generell können wir Produkte in physische und immaterielle Produkte unterteilen.</p>\n
<h3>Physische Produkte</h3>\n
<p>Physische Produkte umfassen all die Waren, die man anfassen kann. Dazu zählen beispielsweise Möbel, Autos, Einrichtungsaccessoires, Kleidung und Ähnliches.</p>\n
<h3>Immaterielle Produkte</h3>\n
<p>Wie der Name schon verrät, handelt es sich hier um Produkte, die in dem Sinne nicht in die Hand genommen werden können. Darunter fallen Dienstleistungen, Software-Produkte, aber auch Wissensvermittlung via <a href="https://www.startplatz.de/events/list?tag=workshop#kommendeEvents" target="_blank" rel="noopener">Workshops</a> oder Schulungen. Mit dem alltäglichen Gebrauch von Computern und des Internets werden diese virtuellen Produkte immer wichtiger.</p>\n
<p><center><img fetchpriority="high" decoding="async" class="img-responsive" src="https://www.startplatz.de/wp-content/uploads/2022/09/Produktdesign-physisches-Produkt.png" alt="Produktdesign physisches Produkt" width="512" height="342" /></center></p>\n
<h2>Von der Idee zum Produkt: Ein Überblick</h2>\n
<p>Damit ein neues Produkt auf dem Markt angeboten werden kann, müssen Designer und Entwickler einiges an Köpfchen in den Prozess stecken. Traditionell verstehen wir unter Produktdesign das Industriedesign, welches uns mit allen haptischen Gegenständen des Alltags versorgt. Ganz vereinfacht umfasst der Prozess diese Schritte:</p>\n
<h3>1. Definition des Problems</h3>\n
<p>Der erste Schritt ist die Definition des Problems, das für die Konsumenten gelöst werden soll. Welcher Bedarf besteht und wo fehlt eine intelligente Lösung, die unser Produkt liefern kann? Das sind Fragen, die mit der Erforschung des Marktes und der Konsumenten sowie deren Vorstellungen verbunden sind.</p>\n
<p>Ist anhand von Umfragen oder Interviews das Bedürfnis der Konsumenten entdeckt, geht es darum, Ideen zu sammeln, um das Problem zu lösen. Brainstorming und kreative Konzepte sind gefragt. Aus den verschiedenen Ideen kristallisieren sich wenige umsetzbare heraus, die verfeinert und genauer analysiert werden.</p>\n
<p><center><img decoding="async" class="img-responsive" src="https://www.startplatz.de/wp-content/uploads/2022/09/Produktdesign-Prototyp.png" alt="Produktdesign Prototyp" width="512" height="347" /></center></p>\n
<h3>2. Mockup, Demo & erster Prototyp</h3>\n
<p>Die ersten grafischen Umsetzungen und Mockup-Modelle werden in dieser Phase erstellt. Funktionieren diese so, wie gewollt und sind die Konsumenten daran interessiert, geht es weiter ins Detail. Intern können hierzu Umfragen stattfinden und Meinungen von Außenstehenden eingeholt werden. Änderungen und Optimierungen werden vorgenommen, bis es zu einem endgültigen Prototypen kommt, der einer ausgewählten Zielgruppe vorgestellt wird.</p>\n
<p>Dabei dürfen wir jedoch nie die Kosten und die Firmenmarke aus den Augen lassen. Wie teuer wird die Umsetzung, passt die Gestaltung zur Firmenleitlinie und ist der Verkaufspreis für die Nutzer akzeptabel? All diese Fragen spielen in den Prozess der Entwicklung des Produkts hinein.</p>\n
<h3>3. Finales Produkt in Produktion</h3>\n
<p>Nach den ersten Prototypen wird eventuell noch einmal das Design angepasst und kleinere Elemente verändert. Das geschieht so lange, bis das Team der Designer, die Chefetage und die Nutzer glücklich sind.</p>\n
<p>Erst dann geht es an die eigentliche Produktion und Auslieferung des Produkts.</p>\n
<h2>Was ist Product Branding?</h2>\n
<p>Das Product Branding ist mittlerweile genauso wichtig geworden wie das Industriedesign und das Entwerfen der Produkte. Viele Branchen unterliegen einem enormen Kampf um die Konsumenten. Bei der enormen Konkurrenz ist Product Branding mit starken Marken zu einer wichtigen Marketingstrategie geworden, um das eigene Produkt an die Kunden zu bringen.</p>\n
<p>Bei einem gelungenen Product Branding sieht jeder sofort, von welchem Unternehmen ein Produkt stammt und erkennt Folgeprodukte anhand ähnlicher optischer Eigenschaften. Die Produkte und Marken heben sich signifikant von der Masse ab. Eine exzellente Qualität, das richtige Markenversprechen und eine sehr ansprechende Optik spielen in das Product Branding hinein. Dabei ist es natürlich von Vorteil, wenn das Unternehmen schon ein rigoroses Branding nutzt und Kunden wissen, was sie bei den entsprechenden Marken erwartet.</p>\n
<p>Jedes Produkt kann sich durch ein geeignetes Product Branding von der Masse absetzen. Nehmen wir die technischen Geräte von Apple als Beispiel, die hohe Qualität versprechen und sich an leistungsorientierte, doch kreative und individuelle Konsumenten richten.</p>\n
<p>Doch es muss sich bei den Marken nicht immer um Autos, Laptops oder Ähnliches handeln. Denken wir an Taschentücher, kommt uns sofort Tempo in den Sinn. Das hat natürlich mit der Qualität des Produkts zu tun, aber auch mit der Brand, die einfach jeder wiedererkennt. Ziel und Funktion jeder Marketingstrategie ist die Abgrenzung von der Konkurrenz und das Hervorheben der besten Eigenschaften des Produkts.</p>\n
<h2>Produktdesign oder Product Branding: Wofür wird beides genutzt?</h2>\n
<p>Produktdesign und Product Branding sind beides wichtige Elemente, die für den Erfolg von Produkten verantwortlich sind. Dabei erfüllt jeder Aspekt eine ganz unterschiedliche Funktion.</p>\n
<h3>Produktdesign:</h3>\n
<ul>\n
<li>Entwicklung eines bestimmten Produkts, das die Bedürfnisse der Kunden erfüllen soll</li>\n
<li>Umfassender Prozess von der Analyse der Marktsituation über Ideen, Konzepte hin zum endgültigen Produkt</li>\n
<li>Fokus liegt auf der Produktentwicklung und der Qualität des Produkts selbst</li>\n
<li>Corporate Design des Unternehmens kann in optischen Elementen oder bei der Farbwahl berücksichtigt werden</li>\n
</ul>\n
<h3>Product Branding:</h3>\n
<ul>\n
<li>Fokus beim Product Branding liegt auf der Kommunikation der Markenidentität</li>\n
<li>Entwicklung wirkungsvoller Marketingstrategien für optimales Brand Positioning mithilfe von Werbung, Posts auf Social Media und Websites</li>\n
<li>Product Branding berücksichtigt die Vorgaben des Corporate Designs einer Marke oder des Unternehmens</li>\n
</ul>\n
<h2>Von Produkten zu Marken: Überblick über wichtige Schritte im Product Branding und der Markenbildung</h2>\n
<p>Gehen wir davon aus, dass wir ein wunderbares Produkt entwickelt haben und wollen es verkaufen. Die Tatsache, dass die Produktdesigner eines Unternehmens ein fantastisches Produkt fertiggestellt haben, heißt noch lange nicht, dass tolle Umsatzzahlen auf dem Markt folgen.</p>\n
<p>Genau an diesem Punkt kommt das Produkt Branding zum Einsatz, das mithilfe der Markenidentität den Kunden die vielen Vorteile des Produktes näherbringt. Die Bildung von Marken ist ein wichtiger Punkt in der Verkaufsstrategie. Anhand von Logos und der Gestaltung ansprechender Spots, Werbebannern oder anderer Präsenz in den Medien wird eine Verbindung zum Kunden aufgebaut.</p>\n
<p>Für eine erfolgreiche Product-Branding-Strategie sind im wesentlichen vier Schritte bedeutend:</p>\n
<h3>Zielgruppe festlegen</h3>\n
<p>Die Zielgruppe stimmt im Wesentlichen mit der Zielgruppe des Produktdesigns überein. Bei der Werbekampagne und beim Entwickeln und Gestalten der Marke müssen die gleichen Kunden im Mittelpunkt sein. Die richtige Zielgruppe zu finden, kann anfangs schwierig sein. Deshalb könnten Sie eine spezialisierte Agentur von <a href="https://www.sortlist.de/" target="_blank" rel="noopener">Sortlist</a> damit beauftragen, dies für Sie zu tun.</p>\n
<h3>Übernahme der Markenidentität ins Product Branding</h3>\n
<p>In vielen Fällen besitzt das Unternehmen bereits ein Corporate Design. Nehmen wir als Beispiel Coca Cola, eine leicht geschwungene Flasche mit einem einprägsamen Etikett – weiße Schrift auf rotem Untergrund. Neue Produkte der Marke übernehmen Kernelemente im individuellen Design.</p>\n
<p><center><img decoding="async" class="img-responsive" src="https://www.startplatz.de/wp-content/uploads/2022/09/Product-Branding-Markenidentität.png" alt="Product Branding Markenidentität" width="339" height="512" /></center></p>\n
<h3>Einheitlichkeit der Produkte im Unternehmen</h3>\n
<p>Bleiben wir beim Beispiel des meistverzehrten Erfrischungsgetränkes auf der Welt, so zeigt sich schnell, dass alle Produkte einer Linie den gleichen Vorgaben folgen. So verzichtet das Produkt Coca Cola Zero zwar auf den markanten roten Hintergrund, doch übernimmt den geschwungenen Schriftzug und die gleiche Verpackung. Auf diese Weise erkennen Verbraucher schnell, zu welcher Marke das Produkt gehört. Einzelne Produkte profitieren so von der jahrelangen Markenentwicklung und nutzen die starke Verankerung der Brand Coca Cola in der Gesellschaft.</p>\n
<p><center><img loading="lazy" decoding="async" class="img-responsive" src="https://www.startplatz.de/wp-content/uploads/2022/09/Product-Branding-eingeintliche-Produkte.png" alt="Product Branding eingeintliche Produkte" width="512" height="343" /></center></p>\n
<h3>Alle Mitarbeiter müssen an Bord sein</h3>\n
<p>Auf die Markenbildung und das Produkt Branding haben auch die Mitarbeiter einen gewissen Einfluss. Die Identität der Marke wird bereits bei der einheitlichen Optik der Uniform des Verkaufspersonals deutlich oder bei der Art und Weise, wie Kunden im Verkaufskanal betreut werden. Der direkte Kontakt des Support- und Verkaufsteams mit den Kunden ist ein wichtiger Aspekt, um Inhalte der Marke zu kommunizieren und die Wünsche der Kunden zu erkennen.</p>\n
<h2>Wie wichtig sind Produktdesigner im Prozess?</h2>\n
<p>Die Designer übernehmen eine wichtige Position im Unternehmen. Sie sind für die Entwicklung der neuen Produkte verantwortlich. Sie arbeiten optimalerweise mit Mitarbeitern der Verkaufskanäle und des Marketings zusammen. Je mehr Informationen das Team Produktdesign zu Kundengruppe, Marktverhältnissen und Bedürfnissen sammeln kann, desto besser fällt im Allgemeinen die Antwort auf Fragen im Design des Produkts aus.</p>\n
<p>Die Lösungen und Produkte des Produktdesigns bringen nur dann den gewünschten Erfolg für das Unternehmen, wenn intensiv am Marketing und dem Aufbau der Marke gearbeitet wird. Hochwertige Objekte oder digitale Dienstleistungen können nur dann den Umsatz erzielen, wenn dem Produktdesign ein ansprechendes Marketing folgt. Dies bezieht das Gestalten von Websites, Logos und der Marke selbst mit ein.</p>\n
<h2>Fazit</h2>\n
<p>Product Branding klingt für sich allein relevant und aktuell. Doch beide Bereiche, Produktdesign und Product Branding sind aufeinander angewiesen. Während sich das Design der Waren auf interessante Lösungen für Bedürfnisse der Kunden fokussiert, kümmert sich das Product Branding um die Vermarktung des Produkts.</p>\n
<p>Der Markt verlangt immer wieder nach neuen, innovativen und umweltfreundlichen Artikeln, die Ressourcen schonen. Ein Produkt, das diese Vorgaben erfüllt, wird kaum von allein erfolgreich. Ohne die passende Marketingstrategie mit Spots und Webseiten, die von Google als hochwertig eingestuft werden, wird es schwer, sich am Markt zu behaupten. Je besser das Unternehmen seine Zielgruppe und Kunden kennt, desto leichter lassen sich die richtigen Optionen finden, die die Qualität und das Design des Produkts hervorheben und die nötige Kundenbindung schaffen.</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="1786121961" /><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="sfwdt650624"> <div id="sfToolbarClearer-650624" class="sf-toolbar-clearer"></div><div id="sfToolbarMainContent-650624" 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/650624?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-650624"></span> </div> <div class="sf-toolbar-info-piece"> <b> <button class="sf-cancel-button" type="button" id="sfLoadCancel-650624" title="Cancel loading">Cancel</button> </b> </div> </div></div> <button class="sf-toolbar-toggle-button" type="button" id="sfToolbarToggleButton-650624" accesskey="D" aria-expanded="true" aria-controls="sfToolbarMainContent-650624" 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="38581c22bde76da3edbb1928697399b3" href="https://www.staging.startplatz.de/_wdt/styles" /> <script nonce="852d280449e95c4e92b712d99329ecb0">/*<![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('650624'); /*]]>*/</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
} |