| _wordpressResponse |
Symfony\Component\HttpFoundation\Response {#693
+headers: Symfony\Component\HttpFoundation\ResponseHeaderBag {#5568 …}
#content: """
<!DOCTYPE html>\n
<html lang="en">\n
<head>\n
<!-- header-ai-bold-friendly.php starts -->\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
\n
<!-- Favicons -->\n
<link rel="icon" href="/favicon.png" sizes="32x32">\n
\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
<!-- Google Fonts: Noto Sans KR (Source Han Sans KR) + Source Sans Pro + JetBrains Mono -->\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=Noto+Sans+KR:wght@400;700&family=Source+Sans+Pro:wght@400;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet">\n
\n
<!-- Tailwind CSS CDN + Bold Friendly Config -->\n
<script src="https://cdn.tailwindcss.com"></script>\n
<script src="/js/tailwind-config-bold-friendly.js"></script>\n
\n
<!-- Alpine.js + Collapse Plugin (fuer Nav + FAQ) -->\n
<script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/collapse@3/dist/cdn.min.js"></script>\n
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3/dist/cdn.min.js"></script>\n
\n
<!-- WordPress Head -->\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>About Us - STARTPLATZ</title>\n
\t<link rel="canonical" href="https://www.startplatz.de/en/about-us/" />\n
\t<meta property="og:locale" content="de_DE" />\n
\t<meta property="og:type" content="article" />\n
\t<meta property="og:title" content="About Us" />\n
\t<meta property="og:description" content="About STARTPLATZ The Rhineland’s startup hub since 2012. STARTPLATZ is the meeting point and first port of call for innovative startups and companies at the heart of the Rhineland’s founder scene — founded in Cologne in 2012, and in Düsseldorf since 2015. Book a trial day Meet the team 1,500+ Startups supportedin Cologne & Düsseldorf […]" />\n
\t<meta property="og:url" content="https://www.startplatz.de/en/about-us/" />\n
\t<meta property="og:site_name" content="STARTPLATZ" />\n
\t<meta property="article:modified_time" content="2026-07-10T15:32:04+00:00" />\n
\t<meta property="og:image" content="https://res.cloudinary.com/startplatz/image/upload/c_fill,w_900,h_560,q_auto,f_auto/v1614775893/Offices/K%C3%B6ln/Au%C3%9Fenansicht/STARTPLATZ_Ko%CC%88ln_Au%C3%9Fenansicht9.jpg" />\n
\t<meta name="twitter:label1" content="Geschätzte Lesezeit" />\n
\t<meta name="twitter:data1" content="4\u{A0}Minuten" />\n
\t<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.startplatz.de\/en\/about-us\/","url":"https:\/\/www.startplatz.de\/en\/about-us\/","name":"About Us - STARTPLATZ","isPartOf":{"@id":"https:\/\/www.startplatz.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.startplatz.de\/en\/about-us\/#primaryimage"},"image":{"@id":"https:\/\/www.startplatz.de\/en\/about-us\/#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/startplatz\/image\/upload\/c_fill,w_900,h_560,q_auto,f_auto\/v1614775893\/Offices\/K%C3%B6ln\/Au%C3%9Fenansicht\/STARTPLATZ_Ko%CC%88ln_Au%C3%9Fenansicht9.jpg","datePublished":"2016-06-25T18:50:56+00:00","dateModified":"2026-07-10T15:32:04+00:00","breadcrumb":{"@id":"https:\/\/www.startplatz.de\/en\/about-us\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.startplatz.de\/en\/about-us\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.startplatz.de\/en\/about-us\/#primaryimage","url":"https:\/\/res.cloudinary.com\/startplatz\/image\/upload\/c_fill,w_900,h_560,q_auto,f_auto\/v1614775893\/Offices\/K%C3%B6ln\/Au%C3%9Fenansicht\/STARTPLATZ_Ko%CC%88ln_Au%C3%9Fenansicht9.jpg","contentUrl":"https:\/\/res.cloudinary.com\/startplatz\/image\/upload\/c_fill,w_900,h_560,q_auto,f_auto\/v1614775893\/Offices\/K%C3%B6ln\/Au%C3%9Fenansicht\/STARTPLATZ_Ko%CC%88ln_Au%C3%9Fenansicht9.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.startplatz.de\/en\/about-us\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.startplatz.de\/"},{"@type":"ListItem","position":2,"name":"STARTPLATZ: the hotspot of the NRW Startup-Scene","item":"https:\/\/www.startplatz.de\/en\/"},{"@type":"ListItem","position":3,"name":"About Us"}]},{"@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"}]}</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
\n
<!-- startplatz hreflang -->\n
<link rel="alternate" hreflang="de" href="https://www.staging.startplatz.de/ueber-uns/" />\n
<link rel="alternate" hreflang="en" href="https://www.staging.startplatz.de/en/about-us/" />\n
<link rel="alternate" hreflang="fr" href="https://www.staging.startplatz.de/fr/a-propos/" />\n
<link rel="alternate" hreflang="x-default" href="https://www.staging.startplatz.de/ueber-uns/" />\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%2Fen%2Fabout-us%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%2Fen%2Fabout-us%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:6a75f5f494280*/\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/pages/35866" /><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=35866' />\n
\n
<!-- Bold Friendly Design System -->\n
<link rel="stylesheet" href="/css/bold-friendly.css">\n
\n
<!-- Custom CSS per page -->\n
<style id="page-custom-css">\n
</style>\n
\n
<!-- header-ai-bold-friendly.php ends -->\n
</head>\n
\n
<body id="top" class="wp-singular page-template page-template-page-ai-bold-friendly page-template-page-ai-bold-friendly-php page page-id-35866 page-child parent-pageid-35826 wp-theme-startplatz ai-bold-friendly-template group-blog">\n
\n
<!-- page-ai-bold-friendly.php starts -->\n
\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="/en/" 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">Offices & 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">Cologne</div>\n
<div class="big-list">\n
<a href="https://www.startplatz.de/en/coworking-cologne">Coworking</a>\n
<a href="https://www.startplatz.de/en/offices-cologne">Team Offices</a>\n
<a href="https://www.startplatz.de/en/business-address-cologne">Business Address</a>\n
</div>\n
<a class="slim-cta slim-city-cta" href="https://cal.eu/startplatz/coworking-probetag-koln">Book a trial day →</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/en/coworking-duesseldorf">Coworking</a>\n
<a href="https://www.startplatz.de/en/offices-duesseldorf">Team Offices</a>\n
<a href="https://www.startplatz.de/en/business-address-duesseldorf">Business Address</a>\n
<a class="nav-sub" href="https://www.startplatz.de/en/ai-community-pass-duesseldorf/">AI Community Pass<span class="nav-badge">New</span></a>\n
</div>\n
<a class="slim-cta slim-city-cta" href="https://cal.eu/startplatz-dus/coworking-probetag-dusseldorf">Book a trial day →</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/en/memberships">Memberships & plans →</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">Conference Rooms</div>\n
<div class="panel">\n
<div class="slim">\n
<div class="slim-head">Explore Conference Rooms</div>\n
<div class="big-list">\n
<a href="https://www.startplatz.de/en/koeln-conference-and-meeting-rooms">Conference Rooms Cologne</a>\n
<a href="https://www.startplatz.de/en/duesseldorf-conference-and-meeting-rooms">Conference Rooms 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/en/room-inquiry?standort=koeln">Book a room in Cologne</a>\n
<a class="slim-cta" href="https://www.startplatz.de/en/room-inquiry?standort=duesseldorf">Book a room in Düsseldorf</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">Explore Events</div>\n
<div class="big-list big-list-tiered">\n
<a href="https://www.startplatz.de/en/events">All Events</a>\n
<a href="https://www.startplatz.de/en/ki-weiterbildung/meetups/">Meetups</a>\n
<a href="https://www.startplatz.de/en/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/en/events">See all 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">For Companies</div>\n
<div class="panel">\n
<div class="slim">\n
<div class="slim-head">Explore Business Innovation</div>\n
<div class="big-list big-list-tiered">\n
<a href="/business-innovation/?lang=en">For Companies</a>\n
<a href="/business-innovation/ai-experience-day/?lang=en">AI Experience Day</a>\n
<a href="/business-innovation/startup-scouting/?lang=en">Startup Scouting</a>\n
<a href="/business-innovation/trusted-advisor/?lang=en">Trusted Advisor</a>\n
<a href="/business-innovation/partnerschaften/?lang=en">Partnerships & 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">Book a call</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">Startup World</div>\n
<div class="panel">\n
<div class="slim">\n
<div class="slim-head">Explore the Startup World</div>\n
<div class="big-list big-list-tiered">\n
<a href="https://www.startplatz.de/en/accelerator">AI Accelerator</a>\n
<a href="https://www.startplatz.de/open-accelerator">Incubator</a>\n
<a href="https://www.startplatz.de/en/founders-scholarship/">Startup Grant NRW</a>\n
<a href="https://www.rheinlandpitch.de" target="_blank" rel="noopener">Rheinland Pitch</a>\n
<a href="https://www.startplatz.de/en/startups">Our 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/en/accelerator">Apply now</a>\n
<a class="slim-over" href="https://www.startplatz.de/en/open-office-hours">Office hours, mentoring & more →</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">Explore the AI Hub</div>\n
<div class="big-list big-list-tiered">\n
<a href="https://www.startplatz.de/en/ki-weiterbildung/masterclasses/">Webinars & Masterclasses</a>\n
<a href="https://www.startplatz.de/en/ki-weiterbildung/ki-campus/">KI Campus</a>\n
<a href="https://www.startplatz.de/en/ki-weiterbildung/meetups/">Meetups</a>\n
<a href="https://www.startplatz.de/en/ki-weiterbildung/hackathons/">Hackathons</a>\n
<a href="https://www.startplatz.de/en/ai-hub-rhineland-cologne-france-startplatz/">France 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/en/ki-experten">Become a lecturer</a>\n
<a class="slim-over" href="https://startplatz-ai-academy.de/" target="_blank" rel="noopener">To the 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">About us</div>\n
<div class="panel">\n
<div class="slim">\n
<div class="slim-head">Discover STARTPLATZ</div>\n
<div class="big-list big-list-tiered">\n
<a href="https://www.startplatz.de/en/about-us">About STARTPLATZ</a>\n
<a href="https://www.startplatz.de/en/startplatz-team">STARTPLATZ Team</a>\n
<a href="https://www.startplatz.de/en/locations">Locations</a>\n
<a href="https://www.startplatz.de/en/partner">Partners</a>\n
</div>\n
<div class="slim-divider"></div>\n
<div class="slim-foot">\n
<a class="slim-cta" href="https://www.startplatz.de/en/career/">Career</a>\n
<a class="slim-cta" href="https://www.startplatz.de/en/become-a-partner/">Become a partner</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="Choose language">\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="/about-us" class="">DE</a>\n
<a href="/en/" class="active">EN</a>\n
<a href="/fr/a-propos" 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/en/memberships">Become a member</a>\n
</div>\n
\n
<button class="burger" id="burger" aria-label="Menu"><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="/en/" 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="Close menu">✕</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">Offices & Coworking <span class="mob-chev">›</span></button>\n
<button class="mob-l1-row" type="button" data-target="mob-sub-konf">Conference Rooms <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">For Companies <span class="mob-chev">›</span></button>\n
<button class="mob-l1-row" type="button" data-target="mob-sub-startup">Startup World <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">About us <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="/about-us" class="">DE</a><span class="sep">·</span><a href="/en/" class="active">EN</a><span class="sep">·</span><a href="/fr/a-propos" 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/en/memberships">Become a member</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> Offices & Coworking</button>\n
</div>\n
<div class="mob-l2-body">\n
<div class="mob-group">\n
<div class="mob-group-head">Cologne</div>\n
<a class="mob-l2-row" href="https://www.startplatz.de/en/coworking-cologne">Coworking</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/en/offices-cologne">Team Offices</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/en/business-address-cologne">Business Address</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/en/coworking-duesseldorf">Coworking</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/en/offices-duesseldorf">Team Offices</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/en/business-address-duesseldorf">Business Address</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/en/ai-community-pass-duesseldorf/">AI Community Pass <span class="nav-badge">New</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">Book a trial day in Cologne</a>\n
<a class="mob-cta" href="https://cal.eu/startplatz-dus/coworking-probetag-dusseldorf">Book a trial day in Düsseldorf</a>\n
<a class="mob-cta-secondary" href="https://www.startplatz.de/en/memberships">Memberships & plans →</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> Conference Rooms</button>\n
</div>\n
<div class="mob-l2-body">\n
<a class="mob-l2-row" href="https://www.startplatz.de/en/koeln-conference-and-meeting-rooms">Conference Rooms Cologne</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/en/duesseldorf-conference-and-meeting-rooms">Conference Rooms Düsseldorf</a>\n
</div>\n
<div class="mob-cta-area">\n
<a class="mob-cta" href="https://www.startplatz.de/en/room-inquiry?standort=koeln">Book a room in Cologne</a>\n
<a class="mob-cta" href="https://www.startplatz.de/en/room-inquiry?standort=duesseldorf">Book a room in Düsseldorf</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/en/events">All Events</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/en/ki-weiterbildung/meetups/">Meetups</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/en/ki-weiterbildung/hackathons/">Hackathons</a>\n
</div>\n
<div class="mob-cta-area">\n
<a class="mob-cta" href="https://www.startplatz.de/en/events">See all 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> For Companies</button>\n
</div>\n
<div class="mob-l2-body">\n
<a class="mob-l2-row" href="/business-innovation/?lang=en">For Companies</a>\n
<a class="mob-l2-row" href="/business-innovation/ai-experience-day/?lang=en">AI Experience Day</a>\n
<a class="mob-l2-row" href="/business-innovation/startup-scouting/?lang=en">Startup Scouting</a>\n
<a class="mob-l2-row" href="/business-innovation/trusted-advisor/?lang=en">Trusted Advisor</a>\n
<a class="mob-l2-row" href="/business-innovation/partnerschaften/?lang=en">Partnerships & 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">Book a call</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> Startup World</button>\n
</div>\n
<div class="mob-l2-body">\n
<a class="mob-l2-row" href="https://www.startplatz.de/en/accelerator">AI Accelerator</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/open-accelerator">Incubator</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/en/founders-scholarship/">Startup Grant 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/en/startups">Our Startups</a>\n
</div>\n
<div class="mob-cta-area">\n
<a class="mob-cta" href="https://www.startplatz.de/en/accelerator">Apply now</a>\n
<a class="mob-cta-secondary" href="https://www.startplatz.de/en/open-office-hours">Office hours, mentoring & more →</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/en/ki-weiterbildung/masterclasses/">Webinars & Masterclasses</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/en/ki-weiterbildung/ki-campus/">KI Campus</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/en/ki-weiterbildung/meetups/">Meetups</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/en/ki-weiterbildung/hackathons/">Hackathons</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/en/ai-hub-rhineland-cologne-france-startplatz/">France Initiative</a>\n
</div>\n
<div class="mob-cta-area">\n
<a class="mob-cta" href="https://www.startplatz.de/en/ki-experten">Become a lecturer</a>\n
<a class="mob-cta-secondary" href="https://startplatz-ai-academy.de/" target="_blank" rel="noopener">To the 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> About us</button>\n
</div>\n
<div class="mob-l2-body">\n
<a class="mob-l2-row" href="https://www.startplatz.de/en/about-us">About STARTPLATZ</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/en/startplatz-team">STARTPLATZ Team</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/en/locations">Locations</a>\n
<a class="mob-l2-row" href="https://www.startplatz.de/en/partner">Partners</a>\n
</div>\n
<div class="mob-cta-area">\n
<a class="mob-cta" href="https://www.startplatz.de/en/become-a-partner/">Become a partner</a>\n
<a class="mob-cta-secondary" href="https://www.startplatz.de/en/career/">Career</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>\n
<!-- Main Content -->\n
<main>\n
\n
<!-- STARTPLATZ about-us en Redesign v3 2026-07-06 -->\n
<style>\n
:root {\n
--serif: 'Noto Sans KR', -apple-system, sans-serif;\n
--sp-graphit: #2a2c30;\n
--sp-gray-mid: #e2e3e5;\n
--sp-warm: #f3f1ec;\n
\n
--sp-green: #7ab800;\n
--sp-green-dark: #5a8a00;\n
--sp-blue: #0080bb;\n
--sp-acc-blue: #0066CC;\n
--sp-purple: #9535FF;\n
--sp-orange: #f0731c;\n
--sp-rose: #e11d48;\n
--sp-slate: #47566b;\n
--gray: #525459;\n
--graphit: #2a2c30;\n
--warm: #f3f1ec;\n
--gray-light: #f5f6f7;\n
--gray-mid: #e2e3e5;\n
--display: 'Noto Sans KR', 'Source Han Sans KR', sans-serif;\n
--sans: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, sans-serif;\n
--mono: 'JetBrains Mono', monospace;\n
}\n
* { margin: 0; padding: 0; box-sizing: border-box; }\n
html { scroll-behavior: smooth; }\n
body {\n
font-family: var(--sans);\n
color: var(--gray);\n
line-height: 1.55;\n
-webkit-font-smoothing: antialiased;\n
background: #fff;\n
}\n
a { color: inherit; text-decoration: none; }\n
img { max-width: 100%; display: block; }\n
.container { max-width: 1240px; margin: 0 auto; padding: 0 32px; }\n
\n
h1, h2, h3, .display { font-family: var(--display); font-weight: 700; }\n
h1 em, h2 em, h3 em { font-style: normal; color: var(--sp-green); }\n
\n
.eyebrow {\n
font-family: var(--mono);\n
font-size: 12px;\n
font-weight: 700;\n
letter-spacing: 3px;\n
text-transform: uppercase;\n
color: var(--sp-green);\n
display: block;\n
margin-bottom: 16px;\n
}\n
.section-title {\n
font-size: clamp(32px, 4.2vw, 52px);\n
line-height: 1.12;\n
color: var(--graphit);\n
letter-spacing: -0.01em;\n
}\n
.btn {\n
display: inline-block;\n
padding: 15px 30px;\n
border-radius: 999px;\n
font-weight: 700;\n
font-size: 15px;\n
transition: background 0.2s ease, transform 0.2s ease, color 0.2s ease;\n
cursor: pointer;\n
}\n
.btn-green { background: var(--sp-green); color: #fff !important; }\n
.btn-green:hover { background: var(--sp-green-dark); transform: translateY(-1px); }\n
.btn-dark { background: var(--graphit); color: #fff !important; }\n
.btn-dark:hover { background: #000; transform: translateY(-1px); }\n
.btn-ghost { background: transparent; border: 2px solid rgba(255,255,255,0.65); color: #fff !important; }\n
.btn-ghost:hover { background: rgba(255,255,255,0.12); border-color: #fff; }\n
.btn-ghost-dark { background: transparent; border: 2px solid var(--graphit); color: var(--graphit) !important; }\n
.btn-ghost-dark:hover { background: var(--graphit); color: #fff !important; }\n
\n
/* === HERO === */\n
.hero {\n
background:\n
linear-gradient(180deg, rgba(30,32,35,0.55) 0%, rgba(30,32,35,0.72) 100%),\n
url('https://res.cloudinary.com/startplatz/image/upload/c_fill,w_2000,h_1100,q_auto,f_auto/v1614775944/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/STARTPLATZ_Atmospa%CC%88he45.jpg') center/cover no-repeat;\n
background-color: var(--graphit);\n
color: #fff;\n
padding: 168px 0 96px;\n
}\n
.hero .eyebrow { color: var(--sp-green); }\n
.hero h1 {\n
font-size: clamp(38px, 5.6vw, 72px);\n
line-height: 1.08;\n
letter-spacing: -0.02em;\n
max-width: 17ch;\n
margin-bottom: 24px;\n
}\n
.hero-sub {\n
font-size: 20px;\n
color: rgba(255,255,255,0.82);\n
max-width: 58ch;\n
line-height: 1.5;\n
margin-bottom: 40px;\n
}\n
.hero-ctas { display: flex; gap: 14px; flex-wrap: wrap; }\n
\n
/* === STATS === */\n
.stats { background: var(--warm); padding: 72px 0; }\n
.stats-grid {\n
display: grid;\n
grid-template-columns: repeat(3, 1fr);\n
gap: 40px;\n
}\n
.stat { border-left: 3px solid var(--sp-green); padding-left: 24px; }\n
.stat-num {\n
font-family: var(--display);\n
font-weight: 700;\n
font-size: clamp(44px, 4.6vw, 64px);\n
line-height: 1.05;\n
color: var(--graphit);\n
letter-spacing: -0.02em;\n
margin-bottom: 10px;\n
}\n
.stat-label {\n
font-family: var(--mono);\n
font-size: 12.5px;\n
letter-spacing: 1.5px;\n
text-transform: uppercase;\n
color: var(--gray);\n
line-height: 1.6;\n
}\n
\n
/* === GESCHICHTE / TIMELINE === */\n
.history { background: #fff; padding: clamp(72px, 9vw, 120px) 0; }\n
.history-head { max-width: 720px; margin-bottom: 64px; }\n
.history-head p { font-size: 17px; margin-top: 20px; max-width: 58ch; }\n
.timeline { position: relative; }\n
.timeline::before {\n
content: "";\n
position: absolute;\n
left: 7px; top: 8px; bottom: 8px;\n
width: 2px;\n
background: var(--gray-mid);\n
}\n
.tl-item {\n
position: relative;\n
padding: 0 0 56px 56px;\n
}\n
.tl-item:last-child { padding-bottom: 0; }\n
.tl-item::before {\n
content: "";\n
position: absolute;\n
left: 0; top: 6px;\n
width: 16px; height: 16px;\n
border-radius: 50%;\n
background: var(--sp-green);\n
box-shadow: 0 0 0 5px rgba(122,184,0,0.2);\n
}\n
.tl-item.is-now::before { background: var(--graphit); box-shadow: 0 0 0 5px rgba(42,44,48,0.15); }\n
.tl-grid {\n
display: grid;\n
grid-template-columns: 1.25fr 1fr;\n
gap: 48px;\n
align-items: center;\n
}\n
.tl-year {\n
font-family: var(--mono);\n
font-size: 13px;\n
font-weight: 700;\n
letter-spacing: 2.5px;\n
text-transform: uppercase;\n
color: var(--sp-green);\n
margin-bottom: 10px;\n
display: block;\n
}\n
.tl-item.is-now .tl-year { color: var(--graphit); }\n
.tl-item h3 {\n
font-size: clamp(24px, 2.6vw, 32px);\n
line-height: 1.2;\n
color: var(--graphit);\n
margin-bottom: 14px;\n
}\n
.tl-item p { font-size: 16.5px; max-width: 54ch; }\n
.tl-img {\n
border-radius: 14px;\n
overflow: hidden;\n
aspect-ratio: 16 / 10;\n
background: var(--gray-light);\n
}\n
.tl-img img { width: 100%; height: 100%; object-fit: cover; }\n
\n
/* === LEITBILD === */\n
.leitbild { background: var(--warm); padding: clamp(72px, 9vw, 120px) 0; }\n
.leitbild-head { text-align: center; margin-bottom: 56px; }\n
.leitbild-head .section-title { margin: 0 auto; max-width: 20ch; }\n
.statement-grid {\n
display: grid;\n
grid-template-columns: 1fr 1fr;\n
gap: 28px;\n
margin-bottom: 72px;\n
}\n
.statement {\n
border-radius: 16px;\n
padding: 44px 40px;\n
}\n
.statement.is-mission {\n
background: #fff;\n
border: 1px solid var(--gray-mid);\n
border-top: 5px solid var(--sp-green);\n
}\n
.statement.is-vision {\n
background: var(--graphit);\n
color: rgba(255,255,255,0.82);\n
border-top: 5px solid var(--sp-green);\n
}\n
.statement .tag {\n
font-family: var(--mono);\n
font-size: 11.5px;\n
font-weight: 700;\n
letter-spacing: 2.5px;\n
text-transform: uppercase;\n
color: var(--sp-green);\n
display: block;\n
margin-bottom: 16px;\n
}\n
.statement h3 {\n
font-size: clamp(24px, 2.6vw, 32px);\n
line-height: 1.22;\n
color: var(--graphit);\n
margin-bottom: 16px;\n
}\n
.statement.is-vision h3 { color: #fff; }\n
.statement p { font-size: 16px; line-height: 1.6; }\n
\n
.values-head {\n
text-align: center;\n
margin-bottom: 40px;\n
}\n
.values-head h3 { font-size: clamp(24px, 2.8vw, 34px); color: var(--graphit); }\n
.values-grid {\n
display: grid;\n
grid-template-columns: repeat(5, 1fr);\n
gap: 18px;\n
}\n
.value-card {\n
background: #fff;\n
border: 1px solid var(--gray-mid);\n
border-radius: 14px;\n
padding: 26px 22px;\n
display: flex;\n
flex-direction: column;\n
gap: 12px;\n
position: relative;\n
overflow: hidden;\n
transition: transform 0.2s ease, border-color 0.2s ease;\n
}\n
.value-card::before {\n
content: "";\n
position: absolute;\n
top: 0; left: 0; right: 0;\n
height: 4px;\n
background: var(--vc, var(--sp-green));\n
}\n
.value-card:hover { transform: translateY(-3px); border-color: var(--vc, var(--sp-green)); }\n
.value-num {\n
font-family: var(--mono);\n
font-size: 26px;\n
font-weight: 700;\n
color: var(--vc, var(--sp-green));\n
line-height: 1;\n
}\n
.value-card h4 {\n
font-family: var(--display);\n
font-weight: 700;\n
font-size: 19px;\n
color: var(--graphit);\n
}\n
.value-card p { font-size: 14px; line-height: 1.55; }\n
\n
/* === SÄULEN === */\n
.pillars { background: var(--graphit); color: #fff; padding: clamp(72px, 9vw, 120px) 0; }\n
.pillars-head { text-align: center; margin-bottom: 56px; }\n
.pillars-head .section-title { color: #fff; margin: 0 auto; max-width: 22ch; }\n
.pillars-head p { color: rgba(255,255,255,0.7); margin-top: 16px; font-size: 17px; }\n
.pillars-grid {\n
display: grid;\n
grid-template-columns: repeat(3, 1fr);\n
gap: 24px;\n
}\n
.pillar-card {\n
background: #fff;\n
border-radius: 16px;\n
overflow: hidden;\n
color: var(--gray);\n
display: flex;\n
flex-direction: column;\n
transition: transform 0.25s ease, box-shadow 0.25s ease;\n
}\n
.pillar-card:hover { transform: translateY(-5px); box-shadow: 0 24px 44px -18px rgba(0,0,0,0.55); }\n
.pillar-media { position: relative; aspect-ratio: 16 / 9; overflow: hidden; }\n
.pillar-media img { width: 100%; height: 100%; object-fit: cover; }\n
.pillar-media::after {\n
content: "";\n
position: absolute;\n
left: 0; right: 0; bottom: 0;\n
height: 6px;\n
background: var(--pc, var(--sp-green));\n
}\n
.pillar-chip {\n
position: absolute;\n
top: 14px; left: 14px;\n
background: var(--pc, var(--sp-green));\n
color: #fff;\n
font-family: var(--mono);\n
font-size: 10.5px;\n
font-weight: 700;\n
letter-spacing: 2px;\n
text-transform: uppercase;\n
padding: 6px 12px;\n
border-radius: 999px;\n
}\n
.pillar-body { padding: 26px 26px 28px; display: flex; flex-direction: column; flex-grow: 1; }\n
.pillar-body h3 { font-size: 23px; color: var(--graphit); margin-bottom: 10px; }\n
.pillar-body > p { font-size: 15px; line-height: 1.55; margin-bottom: 16px; }\n
.pillar-list { list-style: none; margin-bottom: 20px; }\n
.pillar-list li {\n
font-size: 14.5px;\n
padding: 6px 0 6px 24px;\n
position: relative;\n
color: var(--graphit);\n
}\n
.pillar-list li::before {\n
content: "✓";\n
position: absolute;\n
left: 0;\n
color: var(--pc, var(--sp-green));\n
font-weight: 700;\n
}\n
.pillar-link {\n
margin-top: auto;\n
font-weight: 700;\n
font-size: 15px;\n
color: var(--pc, var(--sp-green));\n
}\n
.pillar-link::after { content: " →"; }\n
\n
/* === MENSCHEN === */\n
.people { background: var(--warm); padding: clamp(72px, 9vw, 120px) 0; }\n
.people-grid {\n
display: grid;\n
grid-template-columns: 1fr 1.1fr;\n
gap: 64px;\n
align-items: center;\n
margin-bottom: 64px;\n
}\n
.people-text p { font-size: 17px; line-height: 1.65; margin: 20px 0 28px; max-width: 52ch; }\n
.people-img {\n
border-radius: 16px;\n
overflow: hidden;\n
aspect-ratio: 4 / 3;\n
box-shadow: 0 30px 60px -30px rgba(42,44,48,0.45);\n
}\n
.people-img img { width: 100%; height: 100%; object-fit: cover; }\n
.formats-grid {\n
display: grid;\n
grid-template-columns: repeat(3, 1fr);\n
gap: 20px;\n
}\n
.format-card {\n
background: #fff;\n
border: 1px solid var(--gray-mid);\n
border-radius: 14px;\n
padding: 28px 26px;\n
}\n
.format-card .freq {\n
font-family: var(--mono);\n
font-size: 11px;\n
font-weight: 700;\n
letter-spacing: 2px;\n
text-transform: uppercase;\n
color: var(--sp-green);\n
display: block;\n
margin-bottom: 12px;\n
}\n
.format-card h4 {\n
font-family: var(--display);\n
font-weight: 700;\n
font-size: 20px;\n
color: var(--graphit);\n
margin-bottom: 8px;\n
}\n
.format-card p { font-size: 14.5px; line-height: 1.55; }\n
\n
/* === STANDORTE === */\n
.locations { background: #fff; padding: clamp(72px, 9vw, 120px) 0; }\n
.locations-head { text-align: center; margin-bottom: 56px; }\n
.locations-head .section-title { margin: 0 auto; max-width: 22ch; }\n
.locations-grid {\n
display: grid;\n
grid-template-columns: 1fr 1fr;\n
gap: 32px;\n
margin-bottom: 40px;\n
}\n
.location {\n
border: 1px solid var(--gray-mid);\n
border-radius: 16px;\n
overflow: hidden;\n
display: flex;\n
flex-direction: column;\n
transition: transform 0.25s ease, box-shadow 0.25s ease;\n
}\n
.location:hover { transform: translateY(-4px); box-shadow: 0 24px 48px -24px rgba(42,44,48,0.35); }\n
.location-img { aspect-ratio: 16 / 9; overflow: hidden; }\n
.location-img img { width: 100%; height: 100%; object-fit: cover; }\n
.location-body { padding: 30px; flex-grow: 1; display: flex; flex-direction: column; }\n
.location-body h3 { font-size: 27px; color: var(--graphit); margin-bottom: 6px; }\n
.location-body h3 em { color: var(--sp-green); }\n
.location-addr { font-size: 15px; margin-bottom: 18px; line-height: 1.5; }\n
.location-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }\n
.location-tag {\n
background: var(--gray-light);\n
color: var(--gray);\n
font-size: 13px;\n
font-weight: 600;\n
padding: 4px 12px;\n
border-radius: 999px;\n
}\n
.location-actions { display: flex; gap: 12px; margin-top: auto; flex-wrap: wrap; }\n
.locations-more { text-align: center; }\n
.locations-more a { font-weight: 700; font-size: 16px; color: var(--sp-green); }\n
.locations-more a::after { content: " →"; }\n
\n
/* === CTA === */\n
.cta-band {\n
background:\n
linear-gradient(100deg, rgba(42,44,48,0.94) 35%, rgba(42,44,48,0.72)),\n
url('https://res.cloudinary.com/startplatz/image/upload/c_fill,w_1800,h_700,q_auto,f_auto/v1615558840/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/BBQ-7.jpg') center/cover no-repeat;\n
color: #fff;\n
padding: clamp(72px, 9vw, 110px) 0;\n
text-align: center;\n
}\n
.cta-band h2 {\n
font-size: clamp(32px, 4.4vw, 52px);\n
line-height: 1.12;\n
max-width: 20ch;\n
margin: 0 auto 18px;\n
}\n
.cta-band p {\n
font-size: 18px;\n
color: rgba(255,255,255,0.78);\n
max-width: 52ch;\n
margin: 0 auto 36px;\n
}\n
.cta-actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }\n
\n
/* === RESPONSIVE === */\n
@media (max-width: 1080px) {\n
.values-grid { grid-template-columns: repeat(3, 1fr); }\n
.pillars-grid { grid-template-columns: 1fr 1fr; }\n
}\n
@media (max-width: 900px) {\n
.nav-links { display: none; }\n
.stats-grid { grid-template-columns: 1fr; gap: 28px; }\n
.tl-grid { grid-template-columns: 1fr; gap: 24px; }\n
.statement-grid { grid-template-columns: 1fr; }\n
.people-grid { grid-template-columns: 1fr; gap: 36px; }\n
.formats-grid { grid-template-columns: 1fr; }\n
.locations-grid { grid-template-columns: 1fr; }\n
}\n
@media (max-width: 640px) {\n
.container { padding: 0 20px; }\n
.nav-bar { padding: 0 20px; height: 64px; }\n
.nav-lang, .nav-login { display: none; }\n
.hero { padding: 130px 0 72px; }\n
.hero-sub { font-size: 17px; }\n
.values-grid { grid-template-columns: 1fr; }\n
.pillars-grid { grid-template-columns: 1fr; }\n
.btn { padding: 14px 24px; font-size: 14px; }\n
}\n
\n
/* === NEWSLETTER === */\n
.newsletter {\n
background: var(--sp-graphit);\n
color: white;\n
padding: clamp(64px, 9vw, 110px) 0;\n
}\n
.newsletter-inner {\n
max-width: 720px;\n
margin: 0 auto;\n
padding: 0 32px;\n
text-align: center;\n
}\n
.newsletter h2 {\n
font-family: var(--serif);\n
font-size: 44px;\n
line-height: 1.1;\n
margin-bottom: 16px;\n
}\n
.newsletter p {\n
font-size: 17px;\n
color: rgba(255,255,255,0.78);\n
margin-bottom: 36px;\n
}\n
.newsletter-form {\n
display: flex;\n
gap: 12px;\n
max-width: 480px;\n
margin: 0 auto;\n
}\n
.newsletter-form input {\n
flex: 1;\n
padding: 16px 22px;\n
border-radius: 999px;\n
border: 1px solid rgba(255,255,255,0.2);\n
background: rgba(255,255,255,0.05);\n
color: white;\n
font: inherit;\n
font-size: 15px;\n
}\n
.newsletter-form input::placeholder { color: rgba(255,255,255,0.5); }\n
.newsletter-form input:focus { outline: none; border-color: var(--sp-green); background: rgba(255,255,255,0.1); }\n
.newsletter-form button {\n
padding: 16px 28px;\n
background: var(--sp-green);\n
color: white;\n
border-radius: 999px;\n
font-weight: 700;\n
font-size: 15px;\n
transition: background 0.2s ease;\n
}\n
.newsletter-form button:hover { background: var(--sp-green-dark); }\n
\n
/* === FOOTER === */\n
.footer {\n
background: var(--sp-graphit);\n
color: rgba(255,255,255,0.5);\n
padding: 32px 0;\n
text-align: center;\n
font-size: 13px;\n
border-top: 1px solid rgba(255,255,255,0.08);\n
}\n
\n
/* === SYMFONY-HEADER-OVERRIDE (nur für diese Page, Bold-Builder-Konsistenz) === */\n
nav.bg-gray-900 {\n
background: white !important;\n
box-shadow: 0 1px 0 var(--sp-gray-mid), 0 2px 8px rgba(0,0,0,0.04) !important;\n
}\n
nav.bg-gray-900 .text-white,\n
nav.bg-gray-900 button,\n
nav.bg-gray-900 li > a {\n
color: var(--sp-graphit) !important;\n
}\n
/* Logo-Variant: weißes Cloudinary-Logo via filter invertieren (für Test-Page-Render) */\n
nav.bg-gray-900 img[src*="STARTPLATZ_Logo_wei"] {\n
filter: invert(1) saturate(0);\n
}\n
/* AI-Hub-Pille bleibt lila — weißer Text wird wieder weiß */\n
nav.bg-gray-900 a[style*="rgba(142,86,255"] {\n
color: white !important;\n
}\n
/* Hover: SP-Grün-Akzent statt des helleren Lime-Tons */\n
nav.bg-gray-900 a:hover,\n
nav.bg-gray-900 button:hover {\n
background-color: var(--sp-green) !important;\n
color: white !important;\n
}\n
/* Dropdown-Panel: warm-Hintergrund statt Hellgrau */\n
nav.bg-gray-900 div[class*="rounded shadow-lg"] {\n
background: var(--sp-warm) !important;\n
}\n
nav.bg-gray-900 div[class*="rounded shadow-lg"] a {\n
color: var(--sp-graphit) !important;\n
}\n
nav.bg-gray-900 div[class*="rounded shadow-lg"] a:hover {\n
background-color: var(--sp-green) !important;\n
color: white !important;\n
}\n
/* Mobile-Menu-Stack: bei dunklem Hintergrund (mobileOpen) auch hell */\n
nav.bg-gray-900 ul[class*="bg-gray-900"] {\n
background: white !important;\n
}\n
</style>\n
<header class="hero">\n
<div class="container">\n
<span class="eyebrow">About STARTPLATZ</span>\n
<h1>The Rhineland’s <em>startup hub</em> since 2012.</h1>\n
<p class="hero-sub">STARTPLATZ is the meeting point and first port of call for innovative startups and companies at the heart of the Rhineland’s founder scene — founded in Cologne in 2012, and in Düsseldorf since 2015.</p>\n
<div class="hero-ctas">\n
<a href="https://www.startplatz.de/en/locations/" class="btn btn-green">Book a trial day</a>\n
<a href="https://www.startplatz.de/en/startplatz-team/" class="btn btn-ghost">Meet the team</a>\n
</div>\n
</div>\n
</header>\n
\n
<!-- STATS -->\n
<section class="stats">\n
<div class="container stats-grid">\n
<div class="stat">\n
<div class="stat-num">1,500+</div>\n
<div class="stat-label">Startups supported<br>in Cologne & Düsseldorf</div>\n
</div>\n
<div class="stat">\n
<div class="stat-num">€1.5+ bn</div>\n
<div class="stat-label">Investments<br>in our startups</div>\n
</div>\n
<div class="stat">\n
<div class="stat-num">250+</div>\n
<div class="stat-label">Events per year<br>across the ecosystem</div>\n
</div>\n
</div>\n
</section>\n
\n
<!-- HISTORY AS TIMELINE -->\n
<section class="history">\n
<div class="container">\n
<div class="history-head">\n
<span class="eyebrow">Our story</span>\n
<h2 class="section-title">From 200 m² to the largest startup hub in NRW.</h2>\n
</div>\n
<div class="timeline">\n
<div class="tl-item">\n
<div class="tl-grid">\n
<div>\n
<span class="tl-year">November 2012 · Cologne</span>\n
<h3>Opening in the Mediapark.</h3>\n
<p>STARTPLATZ is opened in Cologne by <strong>Dr. Lorenz Gräf and Matthias Gräf</strong> (Gräf Holding GmbH) — as the answer to a simple question: where do founders, investors and talent meet in the Rhineland? It all started with 200 m² of coworking space.</p>\n
</div>\n
<div class="tl-img"><img decoding="async" src="https://res.cloudinary.com/startplatz/image/upload/c_fill,w_900,h_560,q_auto,f_auto/v1614775893/Offices/K%C3%B6ln/Au%C3%9Fenansicht/STARTPLATZ_Ko%CC%88ln_Au%C3%9Fenansicht9.jpg" alt="STARTPLATZ Cologne in the Mediapark" loading="lazy"></div>\n
</div>\n
</div>\n
<div class="tl-item">\n
<div class="tl-grid">\n
<div>\n
<span class="tl-year">September 2015 · Düsseldorf</span>\n
<h3>Second location in the Medienhafen.</h3>\n
<p>STARTPLATZ grows beyond Cologne: a second location opens in Düsseldorf’s Medienhafen — today 1,700 m², right on the water.</p>\n
</div>\n
<div class="tl-img"><img decoding="async" src="https://res.cloudinary.com/startplatz/image/upload/c_fill,w_900,h_560,q_auto,f_auto/v1734512173/Offices/Duesseldorf/Havanna/_F5A4293-Pano-B.jpg" alt="STARTPLATZ Düsseldorf" loading="lazy"></div>\n
</div>\n
</div>\n
<div class="tl-item">\n
<div class="tl-grid">\n
<div>\n
<span class="tl-year">Growth</span>\n
<h3>Programs, academy, community.</h3>\n
<p>Accelerator programs, an AZAV-certified AI Academy and a thriving community join the workspace — together shaping the Rhineland’s founder scene.</p>\n
</div>\n
<div class="tl-img"><img decoding="async" src="https://res.cloudinary.com/startplatz/image/upload/c_fill,w_900,h_560,q_auto,f_auto/v1615816782/rheinland-pitch/2017/Kopie_von_Rheinlandpitch270317-12.jpg" alt="Rheinland-Pitch at STARTPLATZ" loading="lazy"></div>\n
</div>\n
</div>\n
<div class="tl-item is-now">\n
<div class="tl-grid">\n
<div>\n
<span class="tl-year">Today</span>\n
<h3>North Rhine-Westphalia’s AI hub.</h3>\n
<p>With 4,500 m² in Cologne and 1,700 m² in Düsseldorf, we are today <strong>North Rhine-Westphalia’s AI hub</strong> — the central hub for AI builders, founders and companies.</p>\n
</div>\n
<div class="tl-img"><img decoding="async" src="https://res.cloudinary.com/startplatz/image/upload/c_fill,w_900,h_560,q_auto,f_auto/v1779369292/AI%20generierte%20Bilder/AI_Keynote.png" alt="AI keynote at STARTPLATZ" loading="lazy"></div>\n
</div>\n
</div>\n
</div>\n
</div>\n
</section>\n
\n
<!-- MISSION STATEMENT -->\n
<section class="leitbild">\n
<div class="container">\n
<div class="leitbild-head">\n
<span class="eyebrow">Our guiding principles</span>\n
<h2 class="section-title">What STARTPLATZ stands for.</h2>\n
</div>\n
<div class="statement-grid">\n
<div class="statement is-mission">\n
<span class="tag">Mission</span>\n
<h3>The meeting point and first port of call for the Rhineland’s startup ecosystem.</h3>\n
<p>At the heart of the Rhineland’s founder scene — in Cologne’s Mediapark and Düsseldorf’s Medienhafen — STARTPLATZ is the meeting point and first port of call for innovative startups and established companies. The result is an ecosystem where old and new economy, science and politics exchange ideas, create synergies and learn from each other.</p>\n
</div>\n
<div class="statement is-vision">\n
<span class="tag">Vision</span>\n
<h3>The Rhineland as a European hub for innovation.</h3>\n
<p>As NRW’s largest competence center for founders, we drive the Rhineland’s culture of innovation and establish the region as an internationally significant hub for innovation and digitalization. We support founders from the first idea to a product established in the market — for sustainable growth.</p>\n
</div>\n
</div>\n
<div class="values-head">\n
<h3>Our values</h3>\n
</div>\n
<div class="values-grid">\n
<div class="value-card" style="--vc:#7ab800;">\n
<span class="value-num">01</span>\n
<h4>Exchange</h4>\n
<p>Members share more than a workspace — they share knowledge, wins and failures. We foster open exchange, so every idea gets its chance.</p>\n
</div>\n
<div class="value-card" style="--vc:#f0731c;">\n
<span class="value-num">02</span>\n
<h4>Passion</h4>\n
<p>Only those who truly burn for their idea make it through the hard stretches. We create the environment that encourages exactly that.</p>\n
</div>\n
<div class="value-card" style="--vc:#0080bb;">\n
<span class="value-num">03</span>\n
<h4>Diversity</h4>\n
<p>People from the most diverse cultures, industries and backgrounds find a second home here — the foundation for fresh perspectives.</p>\n
</div>\n
<div class="value-card" style="--vc:#9535FF;">\n
<span class="value-num">04</span>\n
<h4>Team spirit</h4>\n
<p>Everyone can make a difference; together we create change. STARTPLATZ stands for collaboration — from projects to a round at the foosball table.</p>\n
</div>\n
<div class="value-card" style="--vc:#2a2c30;">\n
<span class="value-num">05</span>\n
<h4>Innovation</h4>\n
<p>Innovation is at the core of everything we do — carried by open exchange and entrepreneurs who burn for their ideas.</p>\n
</div>\n
</div>\n
</div>\n
</section>\n
\n
<!-- SIX PILLARS -->\n
<section class="pillars">\n
<div class="container">\n
<div class="pillars-head">\n
<span class="eyebrow">What we do</span>\n
<h2 class="section-title">Six pillars, one ecosystem.</h2>\n
</div>\n
<div class="pillars-grid">\n
<a href="https://www.startplatz.de/en/coworking-cologne/" class="pillar-card" style="--pc:#f0731c;">\n
<div class="pillar-media">\n
<img decoding="async" src="https://res.cloudinary.com/startplatz/image/upload/c_fill,w_800,h_450,q_auto,f_auto/v1614775942/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/STARTPLATZ_Atmospa%CC%88he4.jpg" alt="Coworking at STARTPLATZ" loading="lazy">\n
<span class="pillar-chip">Coworking</span>\n
</div>\n
<div class="pillar-body">\n
<h3>Coworking</h3>\n
<p>Flexible workspaces and private offices in Cologne’s Mediapark and Düsseldorf’s Medienhafen — with the community right next door.</p>\n
<ul class="pillar-list">\n
<li>FlexDesk from €180 / month</li>\n
<li>Team offices for 2–30 people</li>\n
<li>Business address + mail service</li>\n
</ul>\n
<span class="pillar-link">Discover coworking</span>\n
</div>\n
</a>\n
<a href="https://www.startplatz.de/koeln-tagungsraeume-und-konferenzraeume/" class="pillar-card" style="--pc:#0080bb;">\n
<div class="pillar-media">\n
<img decoding="async" src="https://res.cloudinary.com/startplatz/image/upload/c_fill,w_800,h_450,q_auto,f_auto/v1737448763/conference-rooms/Bilder%202025%20bearbeitet/Berlin_Tisch_neu3.jpg" alt="Conference room at STARTPLATZ" loading="lazy">\n
<span class="pillar-chip">Conference rooms</span>\n
</div>\n
<div class="pillar-body">\n
<h3>Conference rooms</h3>\n
<p>Professionally equipped rooms for meetings, workshops and events — bookable online by the hour.</p>\n
<ul class="pillar-list">\n
<li>Rooms for 4–80 people</li>\n
<li>Online booking, by the hour</li>\n
<li>Hybrid setup (conference tech)</li>\n
</ul>\n
<span class="pillar-link">Book a room</span>\n
</div>\n
</a>\n
<a href="https://www.startplatz.de/en/accelerator/" class="pillar-card" style="--pc:#0066CC;">\n
<div class="pillar-media">\n
<img decoding="async" src="https://res.cloudinary.com/startplatz/image/upload/c_fill,w_800,h_450,q_auto,f_auto/v1615816782/rheinland-pitch/2017/Kopie_von_Rheinlandpitch270317-12.jpg" alt="Rheinland-Pitch" loading="lazy">\n
<span class="pillar-chip">Accelerator</span>\n
</div>\n
<div class="pillar-body">\n
<h3>Accelerator</h3>\n
<p>From the AI Accelerator and the NRW founder grant to Rheinland-Pitch — structured paths through every stage.</p>\n
<ul class="pillar-list">\n
<li>AI Accelerator (4 months)</li>\n
<li>Gründungsstipendium NRW</li>\n
<li>Mentoring & investor access</li>\n
</ul>\n
<span class="pillar-link">View programs</span>\n
</div>\n
</a>\n
<a href="https://www.startplatz.de/ai-hub-rheinland-koeln-frankreich-startplatz/" class="pillar-card" style="--pc:#9535FF;">\n
<div class="pillar-media">\n
<img decoding="async" src="https://res.cloudinary.com/startplatz/image/upload/c_fill,w_800,h_450,q_auto,f_auto/v1739970908/ai-hub/Artikelbilder/1.png" alt="AI Hub at STARTPLATZ" loading="lazy">\n
<span class="pillar-chip">AI Hub</span>\n
</div>\n
<div class="pillar-body">\n
<h3>AI Hub</h3>\n
<p>A builder community spanning Cologne and Paris. Open-source AI, devs, innovation teams — we build instead of just talking.</p>\n
<ul class="pillar-list">\n
<li>Hackathons — corporate, open, as-a-service</li>\n
<li>AI Fridays — every week</li>\n
<li>France AI initiative</li>\n
</ul>\n
<span class="pillar-link">Explore the AI Hub</span>\n
</div>\n
</a>\n
<a href="https://www.startplatz.de/en/events" class="pillar-card" style="--pc:#e11d48;">\n
<div class="pillar-media">\n
<img decoding="async" src="https://res.cloudinary.com/startplatz/image/upload/c_fill,w_800,h_450,q_auto,f_auto/v1737366373/events/IMG_3906.png" alt="Event at STARTPLATZ" loading="lazy">\n
<span class="pillar-chip">Events & Academy</span>\n
</div>\n
<div class="pillar-body">\n
<h3>Events & Academy</h3>\n
<p>250+ events per year and AZAV-certified AI training — from beginner formats to masterclasses.</p>\n
<ul class="pillar-list">\n
<li>AI Manager full-time/part-time</li>\n
<li>Masterclasses & bootcamps</li>\n
<li>Meetups, breakfasts, BBQ</li>\n
</ul>\n
<span class="pillar-link">View the academy</span>\n
</div>\n
</a>\n
<a href="https://www.startplatz.de/en/corporate-innovation/" class="pillar-card" style="--pc:#47566b;">\n
<div class="pillar-media">\n
<img decoding="async" src="https://res.cloudinary.com/startplatz/image/upload/c_fill,w_800,h_450,q_auto,f_auto/v1614776660/conference-rooms/Vancouver/StartplatzTraumRaum-4.jpg" alt="Corporate innovation at STARTPLATZ" loading="lazy">\n
<span class="pillar-chip">Corporate</span>\n
</div>\n
<div class="pillar-body">\n
<h3>Corporate</h3>\n
<p>SMEs and corporations plug into the ecosystem — from the Business Club to tailor-made innovation programs.</p>\n
<ul class="pillar-list">\n
<li>Business Club membership</li>\n
<li>Corporate enablement & activation</li>\n
<li>Startup matching & deal flow</li>\n
</ul>\n
<span class="pillar-link">Corporate offers</span>\n
</div>\n
</a>\n
</div>\n
</div>\n
</section>\n
\n
<!-- PEOPLE -->\n
<section class="people">\n
<div class="container">\n
<div class="people-grid">\n
<div class="people-text">\n
<span class="eyebrow">The people behind it</span>\n
<h2 class="section-title">Where the Rhineland’s startup ecosystem meets.</h2>\n
<p>Behind STARTPLATZ are founders Dr. Lorenz Gräf and Matthias Gräf — and a team supporting founders, members and companies at both locations. Regular networking events connect startups, companies and investors — low-threshold and across every stage.</p>\n
<a href="https://www.startplatz.de/en/startplatz-team/" class="btn btn-dark">Meet the team</a>\n
</div>\n
<div class="people-img">\n
<img decoding="async" src="https://res.cloudinary.com/startplatz/image/upload/c_fill,w_1000,h_750,q_auto,f_auto/v1615558840/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/BBQ-7.jpg" alt="STARTPLATZ community at the BBQ" loading="lazy">\n
</div>\n
</div>\n
<div class="formats-grid">\n
<div class="format-card">\n
<span class="freq">Monthly</span>\n
<h4>Member breakfast</h4>\n
<p>One hour, one croissant, new faces. Open to all members — the most relaxed way to get to know the community.</p>\n
</div>\n
<div class="format-card">\n
<span class="freq">Seasonal</span>\n
<h4>Startup BBQ</h4>\n
<p>When the weather plays along: grill on, drinks out, pitches up. The summer classic on the STARTPLATZ roof terrace.</p>\n
</div>\n
<div class="format-card">\n
<span class="freq">Monthly · Cologne & Düsseldorf</span>\n
<h4>Rheinland-Pitch</h4>\n
<p>Germany’s largest recurring startup pitch series. Startups present, investors listen, the audience votes.</p>\n
</div>\n
</div>\n
</div>\n
</section>\n
\n
<!-- LOCATIONS -->\n
<section class="locations">\n
<div class="container">\n
<div class="locations-head">\n
<span class="eyebrow">Locations</span>\n
<h2 class="section-title">Cologne and Düsseldorf — where NRW works.</h2>\n
</div>\n
<div class="locations-grid">\n
<div class="location">\n
<div class="location-img">\n
<img decoding="async" src="https://res.cloudinary.com/startplatz/image/upload/c_fill,w_1000,h_560,q_auto,f_auto/v1614775893/Offices/K%C3%B6ln/Au%C3%9Fenansicht/STARTPLATZ_Ko%CC%88ln_Au%C3%9Fenansicht9.jpg" alt="STARTPLATZ Cologne" loading="lazy">\n
</div>\n
<div class="location-body">\n
<h3>Cologne</h3>\n
<p class="location-addr">Im Mediapark 5 · 50670 Cologne<br>Reception Mon–Fri 9–18 · Members 24/7</p>\n
<div class="location-tags">\n
<span class="location-tag">Coworking</span>\n
<span class="location-tag">Offices</span>\n
<span class="location-tag">Conference</span>\n
<span class="location-tag">Accelerator</span>\n
<span class="location-tag">Event space</span>\n
</div>\n
<div class="location-actions">\n
<a href="https://cal.eu/startplatz/coworking-probetag-koln" class="btn btn-dark">Book a trial day</a>\n
<a href="https://www.startplatz.de/en/coworking-cologne/#:~:text=3D%20Room%20Tour" class="btn btn-ghost-dark">3D tour</a>\n
</div>\n
</div>\n
</div>\n
<div class="location">\n
<div class="location-img">\n
<img decoding="async" src="https://res.cloudinary.com/startplatz/image/upload/c_fill,w_1000,h_560,q_auto,f_auto/v1737547718/conference-rooms/Confi%20DUS%20new/Au%C3%9Fenansicht.jpg" alt="STARTPLATZ Düsseldorf" loading="lazy">\n
</div>\n
<div class="location-body">\n
<h3><em>Düsseldorf</em></h3>\n
<p class="location-addr">Speditionstraße 15a · 40221 Düsseldorf<br>Reception Mon–Fri 9–18 · Members 24/7<br> </p>\n
<div class="location-tags">\n
<span class="location-tag">Coworking</span>\n
<span class="location-tag">Offices</span>\n
<span class="location-tag">Conference</span>\n
<span class="location-tag">Innovation Hub</span>\n
</div>\n
<div class="location-actions">\n
<a href="https://cal.eu/startplatz-dus/coworking-probetag-dusseldorf" class="btn btn-dark">Book a trial day</a>\n
<a href="https://www.startplatz.de/en/coworking-duesseldorf/#:~:text=3D%20Room%20Tour" class="btn btn-ghost-dark">3D tour</a>\n
</div>\n
</div>\n
</div>\n
</div>\n
<div class="locations-more">\n
<a href="https://www.startplatz.de/en/locations/">Everything about our locations</a>\n
</div>\n
</div>\n
</section>\n
\n
<!-- CTA -->\n
<section class="cta-band">\n
<div class="container">\n
<h2>Get to know us in person.</h2>\n
<p>Drop by for a free trial day — in Cologne or Düsseldorf — and see the ecosystem for yourself.</p>\n
<div class="cta-actions">\n
<a href="https://www.startplatz.de/en/locations/" class="btn btn-green">Book a trial day</a>\n
<a href="https://www.startplatz.de/en/memberships/" class="btn btn-ghost">Become a member</a>\n
</div>\n
</div>\n
</section>\n
<section class="newsletter">\n
<div class="newsletter-inner">\n
<h2>Stay in the loop.</h2>\n
<p>The STARTPLATZ newsletter: events, programs and what’s happening in the NRW startup ecosystem. Once a month, no spam.</p>\n
<form class="newsletter-form" action="https://startplatz.us5.list-manage.com/subscribe/post?u=8a2b498caca4323b774191382&id=be73f77d94" method="post" target="_blank" novalidate>\n
<input type="email" name="EMAIL" placeholder="your@email.com" required>\n
<div aria-hidden="true" style="position:absolute; left:-5000px;"><input type="text" name="b_8a2b498caca4323b774191382_be73f77d94" tabindex="-1" value=""></div>\n
<button type="submit" name="subscribe">Subscribe</button>\n
</form>\n
</div>\n
</section>\n
\n
</main>\n
\n
\n
<footer class="bg-[#232931] text-white py-16">\n
<div class="max-w-6xl mx-auto px-4">\n
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-12">\n
<div>\n
<h2 class="text-xl font-semibold mb-6">About STARTPLATZ</h2>\n
<p class="text-white/70 mb-6">STARTPLATZ is the biggest inkubator in NRW with Locations in Düsseldorf and Köln</p>\n
\n
<ul class="flex gap-3">\n
<li>\n
<a href="https://twitter.com/startplatz"\n
class="w-12 h-12 rounded-full bg-white/10 flex items-center justify-center hover:bg-white/20 transition-colors">\n
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">\n
<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>\n
</svg>\n
</a>\n
</li>\n
<li>\n
<a href="https://de-de.facebook.com/StartPlatz/"\n
class="w-12 h-12 rounded-full bg-white/10 flex items-center justify-center hover:bg-white/20 transition-colors">\n
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">\n
<path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/>\n
</svg>\n
</a>\n
</li>\n
<li>\n
<a href="https://www.instagram.com/startplatz/"\n
class="w-12 h-12 rounded-full bg-white/10 flex items-center justify-center hover:bg-white/20 transition-colors">\n
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">\n
<path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/>\n
</svg>\n
</a>\n
</li>\n
</ul>\n
</div>\n
\n
<div>\n
<h2 class="text-xl font-semibold mb-6">About the website</h2>\n
<ul class="space-y-2">\n
<li><a href="/en/contact" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Contact</a></li>\n
<li><a href="/wlan-am-startplatz-koeln" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> WiFi STARTPLATZ Koeln</a></li>\n
<li><a href="/pressebereich" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Press</a></li>\n
<li><a href="/jobs" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Jobs</a></li>\n
<li><a href="/standorte" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Locations</a></li>\n
<li><a href="/startplatz-archiv" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Archive</a></li>\n
<li><a href="/startplatz-agb" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> AGB</a></li>\n
<li><a href="/impressum" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Impressum</a></li>\n
<li><a href="/support" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Support</a></li>\n
<li><a href="/datenschutz" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Privacy</a></li>\n
</ul>\n
</div>\n
\n
<div>\n
<h2 class="text-xl font-semibold mb-6">Hot topics</h2>\n
<ul class="space-y-2">\n
<li><a href="/coworking-koeln" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Coworking Köln</a></li>\n
<li><a href="/coworking-duesseldorf" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Coworking Düsseldorf</a></li>\n
<li><a href="/konferenzraum" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Konferenzraum mieten Köln</a></li>\n
<li><a href="/duesseldorf-tagungsraeume-und-konferenzraeume/" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Konferenzraum mieten Düsseldorf</a></li>\n
<li><a href="/startup-wiki/business-model-canvas" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Business Model Canvas</a></li>\n
<li><a href="/accelerator/" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> STARTPLATZ Accelerator</a></li>\n
<li><a href="/open-accelerator" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Inkubator</a></li>\n
<li><a href="/startup-wiki" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Startup Wiki</a></li>\n
</ul>\n
</div>\n
\n
<div>\n
<h2 class="text-xl font-semibold mb-6">Contact</h2>\n
\n
<div class="grid grid-cols-2 gap-4 mb-8">\n
<div>\n
<p class="font-semibold text-white mb-1">Cologne</p>\n
<p class="text-white/70 text-sm">Im Mediapark 5<br>50670 Köln</p>\n
<p class="text-white/70 text-sm mt-2">info@startplatz.de<br>+49 221 975 802 00</p>\n
</div>\n
<div>\n
<p class="font-semibold text-white mb-1">Düsseldorf</p>\n
<p class="text-white/70 text-sm">Speditionstraße 15a<br>40221 Düsseldorf</p>\n
<p class="text-white/70 text-sm mt-2">info@startplatz.de<br>+49 211 936 725 20</p>\n
</div>\n
</div>\n
\n
<div>\n
<h2 class="text-lg font-semibold mb-2">Newsletter</h2>\n
<p class="text-white/70 text-sm mb-3">\n
Do you want to stay up to date?<br>\n
Get the latest news of STARTPLATZ, all workshops, lectures and conferences\n
</p>\n
\n
<form action="https://startplatz.us5.list-manage.com/subscribe?u=8a2b498caca4323b774191382&id=be73f77d94"\n
method="post"\n
target="_blank"\n
novalidate>\n
<button type="submit"\n
class="px-6 py-2 bg-green-600 hover:bg-green-700 text-white rounded-lg transition-colors font-medium">\n
subscribe here\n
</button>\n
<div style="position: absolute; left: -5000px;" aria-hidden="true">\n
<input type="text" name="b_8a2b498caca4323b774191382_51dae9d56a" tabindex="-1" value="">\n
</div>\n
</form>\n
</div>\n
\n
<div class="mt-6">\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>\n
\n
<div class="border-t border-white/10 pt-8 text-center">\n
<p class="text-white/50 text-sm">\n
Copyright © <script>document.write(new Date().getFullYear());</script> All rights reserved\n
</p>\n
</div>\n
</div>\n
</footer>\n
\n
<!-- page-ai-bold-friendly.php ends -->\n
\n
\n
<!-- footer-ai-bold-friendly.php starts -->\n
\n
\n
<!-- WordPress Footer -->\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 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
\n
<!-- footer-ai-bold-friendly.php 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="sfwdt1c7dc5"> <div id="sfToolbarClearer-1c7dc5" class="sf-toolbar-clearer"></div><div id="sfToolbarMainContent-1c7dc5" 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/1c7dc5?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-1c7dc5"></span> </div> <div class="sf-toolbar-info-piece"> <b> <button class="sf-cancel-button" type="button" id="sfLoadCancel-1c7dc5" title="Cancel loading">Cancel</button> </b> </div> </div></div> <button class="sf-toolbar-toggle-button" type="button" id="sfToolbarToggleButton-1c7dc5" accesskey="D" aria-expanded="true" aria-controls="sfToolbarMainContent-1c7dc5" 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="2ba1878a2813041845304c811c76a7f5" href="https://www.staging.startplatz.de/_wdt/styles" /> <script nonce="7c702e4aa3ef5525d5e4bb113dd383df">/*<![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('1c7dc5'); /*]]>*/</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
} |