| _wordpressResponse |
Symfony\Component\HttpFoundation\Response {#179
+headers: Symfony\Component\HttpFoundation\ResponseHeaderBag {#3670 …}
#content: """
<!DOCTYPE html>\n
<html lang="de">\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
<!-- Google Analytics -->\n
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XYVL4EFW9X"></script>\n
<script>\n
window.dataLayer = window.dataLayer || [];\n
function gtag(){dataLayer.push(arguments);}\n
gtag('js', new Date());\n
gtag('config', 'G-XYVL4EFW9X');\n
</script>\n
\n
<!-- Google Tag Manager -->\n
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\n
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\n
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n
})(window,document,'script','dataLayer','GTM-5WTVWDT');</script>\n
\n
<!-- Facebook Pixel -->\n
<script>\n
!function(f,b,e,v,n,t,s)\n
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n
n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n
n.queue=[];t=b.createElement(e);t.async=!0;\n
t.src=v;s=b.getElementsByTagName(e)[0];\n
s.parentNode.insertBefore(t,s)}(window,document,'script',\n
'https://connect.facebook.net/en_US/fbevents.js');\n
fbq('init', '767917863396798');\n
fbq('track', 'PageView');\n
</script>\n
<noscript>\n
<img height="1" width="1" src="https://www.facebook.com/tr?id=767917863396798&ev=PageView&noscript=1"/>\n
</noscript>\n
\n
<!-- Google Fonts: DM Serif Display + 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=DM+Serif+Display&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 v27.6) - https://yoast.com/product/yoast-seo-premium-wordpress/ -->\n
\t<title>About Us - STARTPLATZ</title>\n
\t<link rel="canonical" href="https://www.staging.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 startup scene — founded in 2012 in Cologne, and in Düsseldorf since 2015. 1,500+ Startups supportedin Cologne & Düsseldorf €1.5+ bn Investmentinto our startups 250+ Events […]" />\n
\t<meta property="og:url" content="https://www.staging.startplatz.de/en/about-us/" />\n
\t<meta property="og:site_name" content="STARTPLATZ" />\n
\t<meta property="article:modified_time" content="2026-05-28T10:10:09+00:00" />\n
\t<meta property="og:image" content="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775944/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/STARTPLATZ_Atmospa%CC%88he45.jpg" />\n
\t<meta name="twitter:label1" content="Geschätzte Lesezeit" />\n
\t<meta name="twitter:data1" content="3\u{A0}Minuten" />\n
\t<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.staging.startplatz.de\/en\/about-us\/","url":"https:\/\/www.staging.startplatz.de\/en\/about-us\/","name":"About Us - STARTPLATZ","isPartOf":{"@id":"https:\/\/www.staging.startplatz.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.staging.startplatz.de\/en\/about-us\/#primaryimage"},"image":{"@id":"https:\/\/www.staging.startplatz.de\/en\/about-us\/#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/startplatz\/image\/upload\/c_scale,q_auto,w_800\/v1614775944\/Offices\/K%C3%B6ln\/Atmosph%C3%A4re%20Coworking\/STARTPLATZ_Atmospa%CC%88he45.jpg","datePublished":"2016-06-25T18:50:56+00:00","dateModified":"2026-05-28T10:10:09+00:00","breadcrumb":{"@id":"https:\/\/www.staging.startplatz.de\/en\/about-us\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.staging.startplatz.de\/en\/about-us\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.staging.startplatz.de\/en\/about-us\/#primaryimage","url":"https:\/\/res.cloudinary.com\/startplatz\/image\/upload\/c_scale,q_auto,w_800\/v1614775944\/Offices\/K%C3%B6ln\/Atmosph%C3%A4re%20Coworking\/STARTPLATZ_Atmospa%CC%88he45.jpg","contentUrl":"https:\/\/res.cloudinary.com\/startplatz\/image\/upload\/c_scale,q_auto,w_800\/v1614775944\/Offices\/K%C3%B6ln\/Atmosph%C3%A4re%20Coworking\/STARTPLATZ_Atmospa%CC%88he45.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.staging.startplatz.de\/en\/about-us\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.staging.startplatz.de\/"},{"@type":"ListItem","position":2,"name":"STARTPLATZ: the hotspot of the NRW Startup-Scene","item":"https:\/\/www.staging.startplatz.de\/en\/"},{"@type":"ListItem","position":3,"name":"About Us"}]},{"@type":"WebSite","@id":"https:\/\/www.staging.startplatz.de\/#website","url":"https:\/\/www.staging.startplatz.de\/","name":"STARTPLATZ","description":"Startup Inkubator in Köln und Düsseldorf","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.staging.startplatz.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}</script>\n
\t<!-- / Yoast SEO Premium plugin. -->\n
\n
\n
<link rel='dns-prefetch' href='//www.staging.startplatz.de' />\n
<link rel="alternate" type="application/rss+xml" title="STARTPLATZ » Feed" href="https://www.staging.startplatz.de/feed/" />\n
<link rel="alternate" type="application/rss+xml" title="STARTPLATZ » Kommentar-Feed" href="https://www.staging.startplatz.de/comments/feed/" />\n
<link rel="alternate" 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' type='text/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' type='text/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' type='text/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)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.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{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.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-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:6a2a3a77e5896*/\n
/*# sourceURL=wp-block-library-inline-css */\n
</style>\n
<style id='classic-theme-styles-inline-css' type='text/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
<link rel='stylesheet' id='mc4wp-form-styles-builder-css' href='//www.staging.startplatz.de/wp-content/uploads/mc4wp-stylesheets/bundle.css?ver=1649164263' type='text/css' 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 6.9.4" />\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
<!-- Google Tag Manager (noscript) -->\n
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5WTVWDT"\n
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>\n
\n
<!-- page-ai-bold-friendly.php starts -->\n
\n
\n
\n
<nav x-data="{ mobileOpen: false }" class="fixed top-0 left-0 right-0 z-50 bg-white text-[#2a2c30] shadow-sm border-b border-gray-200" style="padding-bottom: 2px;">\n
<div class="flex items-center justify-center px-4 py-2">\n
<a href="https://www.startplatz.de" class="flex-shrink-0 mr-4" title="Home for the innovative people in Rheinland">\n
<img src="https://res.cloudinary.com/startplatz/image/upload/e_negate,c_scale,w_107/v1614775778/logos/STARTPLATZ_Logos/STARTPLATZ_Logo_wei%C3%9F.png"\n
alt="STARTPLATZ" class="h-8">\n
</a>\n
\n
<button @click="mobileOpen = !mobileOpen" class="lg:hidden ml-auto p-2 text-[#2a2c30]">\n
<svg x-show="!mobileOpen" class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">\n
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>\n
</svg>\n
<svg x-show="mobileOpen" class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">\n
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>\n
</svg>\n
</button>\n
\n
<ul class="hidden lg:flex items-center space-x-1 text-sm mt-1"\n
:class="{ '!flex flex-col absolute top-full left-0 right-0 bg-white p-4 space-x-0 space-y-1 max-h-[90vh] overflow-y-auto border-t border-gray-200': mobileOpen, 'hidden': !mobileOpen }"\n
style="max-width: 920px;">\n
\n
<li class="my-1">\n
<a href="https://startplatz-ai-academy.de/"\n
class="block px-3 py-1.5 rounded-[10px] text-white text-center hover:text-black hover:bg-[#aacf61] whitespace-nowrap"\n
style="background-color: rgba(142,86,255,1.0); min-width: 75px;">\n
AI Academy\n
</a>\n
</li>\n
\n
<li x-data="{ open: false }" @click.away="open = false" @mouseenter="open = true" @mouseleave="open = false" class="relative my-1">\n
<button @click="open = !open"\n
class="flex items-center px-2 py-1.5 text-[#2a2c30] hover:bg-[#aacf61] hover:text-black hover:rounded">\n
Coworking\n
<svg class="w-3 h-3 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>\n
</button>\n
<div x-show="open" x-transition class="lg:absolute left-0 mt-1 w-56 bg-[#eae9e9] rounded shadow-lg py-1 z-50">\n
<a href="/en/coworking-cologne" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Coworking Köln</a>\n
<a href="/en/coworking-duesseldorf" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Coworking Düsseldorf</a>\n
<a href="/en/offices-cologne" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Teambüros</a>\n
<a href="/en/business-address-cologne" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Geschäftsadresse</a>\n
<a href="/en/memberships" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Memberships</a>\n
</div>\n
</li>\n
\n
<li x-data="{ open: false }" @click.away="open = false" @mouseenter="open = true" @mouseleave="open = false" class="relative my-1">\n
<button @click="open = !open"\n
class="flex items-center px-2 py-1.5 text-[#2a2c30] hover:bg-[#aacf61] hover:text-black hover:rounded">\n
Konferenzräume\n
<svg class="w-3 h-3 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>\n
</button>\n
<div x-show="open" x-transition class="lg:absolute left-0 mt-1 w-56 bg-[#eae9e9] rounded shadow-lg py-1 z-50">\n
<a href="/en/koeln-conference-and-meeting-rooms" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Konferenzräume Köln</a>\n
<a href="/en/duesseldorf-conference-and-meeting-rooms" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Konferenzräume Düsseldorf</a>\n
</div>\n
</li>\n
\n
<li x-data="{ open: false }" @click.away="open = false" @mouseenter="open = true" @mouseleave="open = false" class="relative my-1 ">\n
<button @click="open = !open"\n
class="flex items-center px-2 py-1.5 text-[#2a2c30] hover:bg-[#aacf61] hover:text-black hover:rounded">\n
AI Hub\n
<svg class="w-3 h-3 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>\n
</button>\n
<div x-show="open" x-transition class="lg:absolute left-0 mt-1 w-56 bg-[#eae9e9] rounded shadow-lg py-1 z-50">\n
<a href="/ki-weiterbildung/" class="block px-4 py-2 text-sm text-gray-800 font-semibold hover:bg-[#aacf61]">Übersicht</a>\n
<a href="/ki-weiterbildung/fuer-einsteiger/" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Für Einsteiger</a>\n
<a href="/ki-weiterbildung/fuer-builder/" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Für Builder</a>\n
<a href="/ki-weiterbildung/fuer-unternehmen/" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Für Unternehmen</a>\n
<a href="/ki-weiterbildung/masterclasses/" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Masterclasses</a>\n
<a href="/ki-weiterbildung/ueber-die-ai-academy/" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Über die AI Academy</a>\n
</div>\n
</li>\n
\n
<li x-data="{ open: false }" @click.away="open = false" @mouseenter="open = true" @mouseleave="open = false" class="relative my-1">\n
<button @click="open = !open"\n
class="flex items-center px-2 py-1.5 text-[#2a2c30] hover:bg-[#aacf61] hover:text-black hover:rounded">\n
Programme\n
<svg class="w-3 h-3 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>\n
</button>\n
<div x-show="open" x-transition class="lg:absolute left-0 mt-1 w-56 bg-[#eae9e9] rounded shadow-lg py-1 z-50">\n
<a href="/accelerator/" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">KI Accelerator</a>\n
<a href="/open-accelerator" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Open Accelerator</a>\n
<a href="/open-accelerator" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">\n
Inkubator\n
</a>\n
<a href="https://www.rheinlandpitch.de" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">\n
Rheinland Pitch\n
</a>\n
</div>\n
</li>\n
\n
<li x-data="{ open: false }" @click.away="open = false" @mouseenter="open = true" @mouseleave="open = false" class="relative my-1 ">\n
<button @click="open = !open"\n
class="flex items-center px-2 py-1.5 text-[#2a2c30] hover:bg-[#aacf61] hover:text-black hover:rounded">\n
Events\n
<svg class="w-3 h-3 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>\n
</button>\n
<div x-show="open" x-transition class="lg:absolute left-0 mt-1 w-56 bg-[#eae9e9] rounded shadow-lg py-1 z-50">\n
<a href="/en/events" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Alle Events</a>\n
<a href="/ki-weiterbildung/meetups/" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Meetups</a>\n
<a href="/ki-weiterbildung/hackathons/" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Hackathons</a>\n
</div>\n
</li>\n
\n
<li x-data="{ open: false }" @click.away="open = false" @mouseenter="open = true" @mouseleave="open = false" class="relative my-1 ">\n
<button @click="open = !open"\n
class="flex items-center px-2 py-1.5 text-[#2a2c30] hover:bg-[#aacf61] hover:text-black hover:rounded">\n
About us\n
<svg class="w-3 h-3 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>\n
</button>\n
<div x-show="open" x-transition class="lg:absolute right-0 mt-1 w-56 bg-[#eae9e9] rounded shadow-lg py-1 z-50">\n
<a href="/en/about-us" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">\n
About STARTPLATZ\n
</a>\n
<a href="/en/locations" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">\n
Locations\n
</a>\n
<a href="/en/startplatz-team" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">\n
STARTPLATZ Team\n
</a>\n
<a href="/en/partners" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">\n
Partner\n
</a>\n
<a href="/en/references" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">\n
References\n
</a>\n
<a href="/en/startups" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">\n
Our startups\n
</a>\n
<a href="/en/career" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">\n
Career\n
</a>\n
<a href="/en/press" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">\n
Press\n
</a>\n
</div>\n
</li>\n
\n
<li class="my-1 ">\n
<a href="/blog"\n
class="block px-2 py-1.5 text-[#2a2c30] hover:bg-[#aacf61] hover:text-black hover:rounded">\n
Blog\n
</a>\n
</li>\n
\n
<li x-data="{ open: false }" @click.away="open = false" @mouseenter="open = true" @mouseleave="open = false" class="relative my-1">\n
<button @click="open = !open"\n
class="flex items-center px-2 py-1.5 text-[#2a2c30] hover:bg-[#aacf61] hover:text-black hover:rounded">\n
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 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="w-3 h-3 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>\n
</button>\n
<div x-show="open" x-transition class="lg:absolute right-0 mt-1 w-16 bg-[#eae9e9] rounded shadow-lg py-1 z-50">\n
<a class="block px-3 py-2 hover:bg-[#aacf61]" href="/about-us">\n
<img src="/bundles/startplatzstyle/images/german_language.png" class="h-5" alt="Deutsch">\n
</a>\n
\n
<a class="block px-3 py-2 hover:bg-[#aacf61]" href="/en">\n
<img src="/bundles/startplatzstyle/images/english_language.png" class="h-5" alt="English">\n
</a>\n
\n
<a class="block px-3 py-2 hover:bg-[#aacf61]" href="/fr/a-propos">\n
<img src="/bundles/startplatzstyle/images/french_language.png" class="h-5" alt="Français">\n
</a>\n
</div>\n
</li>\n
\n
<li class="my-1 ml-4">\n
<a href="/login/"\n
class="block px-4 py-1.5 text-white rounded bg-[#7ab800] hover:bg-[#5a8c00] transition-colors">\n
Login\n
</a>\n
</li>\n
</ul>\n
</div>\n
</nav>\n
\n
<!-- Main Content -->\n
<main>\n
\n
<!-- STARTPLATZ Über uns Redesign 2026-05-19 — Bold-Builder -->\n
<style>\n
\n
:root {\n
--sp-green: #7ab800;\n
--sp-green-dark: #5a8a00;\n
--sp-blue: #0080bb;\n
--sp-blue-dark: #006699;\n
--sp-gray: #525459;\n
--sp-graphit: #2a2c30;\n
--sp-warm: #f3f1ec;\n
--sp-gray-light: #f5f6f7;\n
--sp-gray-mid: #e2e3e5;\n
--serif: 'DM Serif Display', Georgia, serif;\n
--sans: 'Source Sans 3', -apple-system, BlinkMacSystemFont, sans-serif;\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(--sp-gray);\n
line-height: 1.5;\n
-webkit-font-smoothing: antialiased;\n
background: #fff;\n
}\n
a { color: inherit; text-decoration: none; }\n
img { max-width: 100%; display: block; }\n
button { font: inherit; cursor: pointer; border: none; background: none; }\n
.container { max-width: 1280px; margin: 0 auto; padding: 0 32px; }\n
\n
/* === MEGA MENU === */\n
.megamenu {\n
position: fixed;\n
top: 0; left: 0; right: 0;\n
z-index: 100;\n
transition: background 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease, color 0.4s ease;\n
}\n
.megamenu.is-transparent {\n
background: linear-gradient(180deg, rgba(0,0,0,0.25), transparent);\n
color: white;\n
}\n
.megamenu.is-solid {\n
background: rgba(255,255,255,0.97);\n
color: var(--sp-graphit);\n
box-shadow: 0 1px 0 var(--sp-gray-mid), 0 6px 20px -10px rgba(0,0,0,0.08);\n
}\n
.megamenu-bar {\n
display: flex;\n
align-items: center;\n
justify-content: space-between;\n
height: 76px;\n
padding: 0 32px;\n
max-width: 1440px;\n
margin: 0 auto;\n
}\n
.megamenu-logo {\n
flex-shrink: 0;\n
display: flex;\n
align-items: center;\n
height: 40px;\n
}\n
.megamenu-logo img {\n
height: 36px;\n
width: auto;\n
transition: opacity 0.25s ease;\n
}\n
.megamenu-logo .logo-light { display: block; }\n
.megamenu-logo .logo-dark { display: none; }\n
.megamenu.is-solid .megamenu-logo .logo-light { display: none; }\n
.megamenu.is-solid .megamenu-logo .logo-dark { display: block; }\n
.megamenu-nav {\n
display: flex;\n
gap: 4px;\n
list-style: none;\n
}\n
.megamenu-link {\n
padding: 12px 18px;\n
font-weight: 500;\n
font-size: 16px;\n
border-radius: 8px;\n
transition: background 0.2s ease;\n
cursor: pointer;\n
display: flex;\n
align-items: center;\n
gap: 6px;\n
}\n
.megamenu.is-transparent .megamenu-link:hover {\n
background: rgba(255,255,255,0.1);\n
}\n
.megamenu.is-solid .megamenu-link:hover {\n
background: var(--sp-gray-light);\n
}\n
.megamenu-link[aria-expanded="true"] {\n
background: var(--sp-gray-light) !important;\n
color: var(--sp-graphit) !important;\n
}\n
.megamenu-link::after {\n
content: "";\n
display: inline-block;\n
width: 8px; height: 8px;\n
border-right: 2px solid currentColor;\n
border-bottom: 2px solid currentColor;\n
transform: rotate(45deg);\n
margin-left: 4px;\n
margin-top: -4px;\n
opacity: 0.6;\n
}\n
.megamenu-actions {\n
display: flex;\n
align-items: center;\n
gap: 16px;\n
}\n
.megamenu-lang {\n
font-size: 13px;\n
letter-spacing: 1px;\n
opacity: 0.7;\n
}\n
.megamenu-login {\n
font-size: 14px;\n
font-weight: 600;\n
}\n
.megamenu-cta {\n
background: var(--sp-green);\n
color: white !important;\n
padding: 12px 22px;\n
border-radius: 999px;\n
font-weight: 700;\n
font-size: 14px;\n
transition: background 0.2s ease, transform 0.2s ease;\n
}\n
.megamenu-cta:hover {\n
background: var(--sp-green-dark);\n
transform: translateY(-1px);\n
}\n
.megamenu-burger {\n
display: none;\n
width: 40px; height: 40px;\n
border-radius: 8px;\n
align-items: center;\n
justify-content: center;\n
}\n
.megamenu-burger span,\n
.megamenu-burger span::before,\n
.megamenu-burger span::after {\n
display: block;\n
width: 22px; height: 2px;\n
background: currentColor;\n
position: relative;\n
}\n
.megamenu-burger span::before { content: ""; position: absolute; top: -7px; }\n
.megamenu-burger span::after { content: ""; position: absolute; top: 7px; }\n
\n
/* Mega Panel */\n
.megamenu-panel {\n
display: none;\n
position: absolute;\n
top: 76px; left: 0; right: 0;\n
background: white;\n
color: var(--sp-graphit);\n
border-top: 1px solid var(--sp-gray-mid);\n
box-shadow: 0 24px 40px -20px rgba(0,0,0,0.2);\n
padding: 48px 32px 56px;\n
}\n
.megamenu-panel.is-open { display: block; }\n
.megamenu-panel-grid {\n
max-width: 1280px;\n
margin: 0 auto;\n
display: grid;\n
grid-template-columns: 1fr 1fr 1fr 1.2fr;\n
gap: 56px;\n
}\n
.megamenu-panel-col h4 {\n
font-family: var(--sans);\n
font-size: 12px;\n
font-weight: 700;\n
letter-spacing: 2px;\n
text-transform: uppercase;\n
color: var(--sp-gray);\n
margin-bottom: 20px;\n
display: flex;\n
align-items: center;\n
gap: 8px;\n
}\n
.megamenu-panel-col.is-highlight h4 {\n
color: var(--sp-graphit);\n
}\n
.megamenu-panel-col.is-highlight h4::before {\n
content: "";\n
width: 6px; height: 6px;\n
border-radius: 50%;\n
background: var(--sp-green);\n
box-shadow: 0 0 0 3px rgba(122,184,0,0.25);\n
flex-shrink: 0;\n
}\n
.megamenu-panel-col.is-highlight {\n
background: var(--sp-warm);\n
margin: -20px -16px;\n
padding: 24px 16px;\n
border-radius: 12px;\n
border: 1px solid rgba(122,184,0,0.3);\n
position: relative;\n
}\n
.megamenu-panel-col.is-highlight::after {\n
content: "Highlight";\n
position: absolute;\n
top: -10px; right: 12px;\n
background: var(--sp-green);\n
color: white;\n
font-size: 10px;\n
font-weight: 700;\n
letter-spacing: 1.5px;\n
padding: 4px 10px;\n
border-radius: 999px;\n
text-transform: uppercase;\n
}\n
.megamenu-panel-col ul { list-style: none; }\n
.megamenu-panel-col li { margin-bottom: 16px; }\n
.megamenu-panel-col a {\n
display: block;\n
font-weight: 600;\n
font-size: 16px;\n
color: var(--sp-graphit);\n
transition: color 0.2s ease, transform 0.2s ease;\n
}\n
.megamenu-panel-col a:hover {\n
color: var(--sp-green);\n
transform: translateX(3px);\n
}\n
.megamenu-panel-col a small {\n
display: block;\n
font-weight: 400;\n
font-size: 13px;\n
color: var(--sp-gray);\n
margin-top: 2px;\n
}\n
.megamenu-panel-feature {\n
background: var(--sp-warm);\n
border-radius: 12px;\n
padding: 28px;\n
border-left: 4px solid var(--sp-green);\n
}\n
.megamenu-panel-feature h5 {\n
font-family: var(--serif);\n
font-size: 24px;\n
color: var(--sp-graphit);\n
margin-bottom: 8px;\n
line-height: 1.2;\n
}\n
.megamenu-panel-feature p {\n
font-size: 14px;\n
color: var(--sp-gray);\n
margin-bottom: 16px;\n
}\n
.megamenu-panel-feature .arrow {\n
font-weight: 700;\n
color: var(--sp-green);\n
}\n
.wip-badge {\n
display: inline-block;\n
margin-left: 8px;\n
font-size: 10px;\n
letter-spacing: 1px;\n
text-transform: uppercase;\n
color: var(--sp-gray);\n
background: var(--sp-gray-mid);\n
padding: 2px 7px;\n
border-radius: 999px;\n
font-weight: 600;\n
vertical-align: middle;\n
}\n
a.is-wip { opacity: 0.7; cursor: not-allowed; }\n
a.is-wip:hover { color: inherit !important; transform: none !important; }\n
.is-live::after {\n
content: "↗";\n
display: inline-block;\n
margin-left: 5px;\n
color: var(--sp-gray);\n
font-size: 11px;\n
opacity: 0.6;\n
}\n
\n
/* === HERO === */\n
.hero {\n
background:\n
linear-gradient(180deg, rgba(42,44,48,0.40) 0%, rgba(42,44,48,0.60) 100%),\n
url('https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_2000/v1614775944/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/STARTPLATZ_Atmospa%CC%88he45.jpg') center/cover no-repeat;\n
background-color: var(--sp-graphit);\n
color: white;\n
padding: 120px 0 110px;\n
position: relative;\n
overflow: hidden;\n
}\n
.hero::before {\n
content: "";\n
position: absolute;\n
top: 0; right: 0; bottom: 0;\n
width: 55%;\n
background: linear-gradient(135deg, transparent, rgba(122,184,0,0.22) 60%, rgba(0,128,187,0.28));\n
clip-path: polygon(35% 0, 100% 0, 100% 100%, 0 100%);\n
pointer-events: none;\n
mix-blend-mode: screen;\n
}\n
.hero::after {\n
content: "";\n
position: absolute;\n
inset: 0;\n
background: radial-gradient(ellipse at 20% 80%, rgba(0,0,0,0.4), transparent 60%);\n
pointer-events: none;\n
}\n
.hero-content {\n
position: relative;\n
max-width: 1280px;\n
margin: 0 auto;\n
padding: 0 32px;\n
}\n
.hero-eyebrow {\n
display: inline-flex;\n
align-items: center;\n
gap: 10px;\n
font-size: 14px;\n
font-weight: 700;\n
letter-spacing: 2.5px;\n
text-transform: uppercase;\n
color: white;\n
margin-bottom: 32px;\n
padding: 10px 18px;\n
background: rgba(122,184,0,0.18);\n
border: 1px solid rgba(122,184,0,0.5);\n
border-radius: 999px;\n
}\n
.hero-eyebrow::before {\n
content: "";\n
width: 8px; height: 8px;\n
border-radius: 50%;\n
background: var(--sp-green);\n
box-shadow: 0 0 0 4px rgba(122,184,0,0.25);\n
animation: pulse 2.5s ease-in-out infinite;\n
}\n
@keyframes pulse {\n
0%, 100% { box-shadow: 0 0 0 4px rgba(122,184,0,0.25); }\n
50% { box-shadow: 0 0 0 8px rgba(122,184,0,0.05); }\n
}\n
.hero h1 {\n
font-family: var(--serif);\n
font-size: clamp(48px, 7vw, 88px);\n
line-height: 1.05;\n
margin-bottom: 28px;\n
max-width: 14ch;\n
letter-spacing: -0.02em;\n
}\n
.hero h1 em {\n
color: var(--sp-green);\n
font-style: italic;\n
}\n
.hero-sub {\n
font-size: 22px;\n
color: rgba(255,255,255,0.78);\n
max-width: 56ch;\n
line-height: 1.45;\n
margin-bottom: 56px;\n
}\n
\n
/* Persona Cards */\n
.personas {\n
display: grid;\n
grid-template-columns: repeat(5, 1fr);\n
gap: 14px;\n
}\n
.persona {\n
background: rgba(255,255,255,0.08);\n
border: 1px solid rgba(255,255,255,0.1);\n
padding: 28px 24px;\n
border-radius: 12px;\n
cursor: pointer;\n
transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\n
display: flex;\n
flex-direction: column;\n
gap: 16px;\n
}\n
.persona:hover {\n
background: rgba(122,184,0,0.12);\n
border-color: var(--sp-green);\n
transform: translateY(-3px);\n
}\n
.persona-icon {\n
width: 44px; height: 44px;\n
border-radius: 12px;\n
background: rgba(122,184,0,0.15);\n
display: flex;\n
align-items: center;\n
justify-content: center;\n
color: var(--sp-green);\n
transition: background 0.25s ease, transform 0.25s ease;\n
}\n
.persona:hover .persona-icon {\n
background: var(--sp-green);\n
color: white;\n
transform: scale(1.05);\n
}\n
.persona-icon svg { width: 22px; height: 22px; }\n
.persona-title {\n
font-family: var(--serif);\n
font-size: 26px;\n
line-height: 1.15;\n
color: white;\n
}\n
.persona-desc {\n
font-size: 14px;\n
color: rgba(255,255,255,0.7);\n
line-height: 1.5;\n
flex-grow: 1;\n
}\n
.persona-cta {\n
font-size: 14px;\n
font-weight: 700;\n
color: var(--sp-green);\n
margin-top: 8px;\n
}\n
.persona-cta::after {\n
content: " →";\n
transition: margin 0.2s ease;\n
display: inline-block;\n
}\n
.persona:hover .persona-cta::after { margin-left: 6px; }\n
\n
/* === IMPACT METRICS === */\n
.impact {\n
background: var(--sp-warm);\n
padding: clamp(64px, 9vw, 110px) 0;\n
}\n
.impact-grid {\n
display: grid;\n
grid-template-columns: repeat(3, 1fr);\n
gap: 32px;\n
max-width: 1280px;\n
margin: 0 auto;\n
padding: 0 32px;\n
}\n
.impact-item {\n
text-align: left;\n
border-left: 3px solid var(--sp-green);\n
padding-left: 20px;\n
}\n
.impact-num {\n
font-family: var(--serif);\n
font-size: clamp(48px, 5vw, 72px);\n
line-height: 1;\n
color: var(--sp-graphit);\n
margin-bottom: 8px;\n
letter-spacing: -0.02em;\n
}\n
.impact-label {\n
font-size: 16px;\n
color: var(--sp-gray);\n
line-height: 1.4;\n
font-weight: 500;\n
}\n
\n
/* === SECTION HEADER === */\n
.section-eyebrow {\n
font-size: 13px;\n
font-weight: 700;\n
letter-spacing: 3px;\n
text-transform: uppercase;\n
color: var(--sp-green);\n
margin-bottom: 16px;\n
text-align: center;\n
}\n
.section-title {\n
font-family: var(--serif);\n
font-size: clamp(36px, 4.5vw, 56px);\n
line-height: 1.1;\n
text-align: center;\n
color: var(--sp-graphit);\n
max-width: 22ch;\n
margin: 0 auto 64px;\n
letter-spacing: -0.01em;\n
}\n
\n
/* === SUCCESS STORIES === */\n
.stories { background: white; padding: clamp(80px, 10vw, 130px) 0; }\n
.stories-grid {\n
display: grid;\n
grid-template-columns: repeat(4, 1fr);\n
gap: 20px;\n
max-width: 1280px;\n
margin: 0 auto;\n
padding: 0 32px;\n
}\n
.story-card {\n
aspect-ratio: 1 / 1;\n
background: var(--sp-warm);\n
border-radius: 12px;\n
padding: 28px 24px;\n
display: flex;\n
flex-direction: column;\n
justify-content: space-between;\n
transition: background 0.25s ease, transform 0.25s ease, border-color 0.25s ease;\n
cursor: pointer;\n
border: 1px solid var(--sp-gray-mid);\n
position: relative;\n
overflow: hidden;\n
}\n
.story-card::after {\n
content: "→";\n
position: absolute;\n
bottom: 24px; right: 28px;\n
font-size: 22px;\n
color: var(--sp-gray);\n
opacity: 0.4;\n
transition: opacity 0.25s ease, transform 0.25s ease, color 0.25s ease;\n
}\n
.story-card:hover::after { opacity: 1; transform: translateX(4px); color: var(--sp-green); }\n
.story-card:hover {\n
border-color: var(--sp-green);\n
background: white;\n
transform: translateY(-4px);\n
}\n
.story-card.featured {\n
background: var(--sp-graphit);\n
color: white;\n
grid-column: span 2;\n
aspect-ratio: 2 / 1;\n
border-color: var(--sp-graphit);\n
background-image:\n
linear-gradient(135deg, rgba(122,184,0,0.18), transparent 60%),\n
linear-gradient(rgba(42,44,48,0.85), rgba(42,44,48,0.85));\n
}\n
.story-card.featured::after { color: var(--sp-green); opacity: 0.8; }\n
.story-card.featured:hover { background: black; border-color: var(--sp-green); }\n
.story-logo {\n
height: 28px;\n
width: auto;\n
max-width: 60%;\n
opacity: 0.7;\n
margin-bottom: 8px;\n
filter: grayscale(100%);\n
transition: opacity 0.25s ease, filter 0.25s ease;\n
}\n
.story-card:hover .story-logo { opacity: 1; filter: none; }\n
.story-card.featured .story-logo { height: 36px; max-width: 180px; opacity: 0.9; filter: grayscale(100%) brightness(0) invert(1); }\n
.story-card.featured:hover .story-logo { opacity: 1; filter: brightness(0) invert(1); }\n
.story-name {\n
font-family: var(--serif);\n
font-size: 28px;\n
line-height: 1.1;\n
color: var(--sp-graphit);\n
}\n
.story-card.featured .story-name { font-size: 44px; color: white; max-width: 16ch; }\n
.story-card:not(.featured) .story-name { color: var(--sp-graphit); }\n
.story-meta {\n
font-size: 12px;\n
text-transform: uppercase;\n
letter-spacing: 2px;\n
opacity: 0.7;\n
font-weight: 700;\n
color: var(--sp-green);\n
}\n
.story-card.featured .story-meta { color: var(--sp-green); opacity: 1; }\n
.story-desc { font-size: 14px; line-height: 1.5; margin-top: 12px; color: rgba(255,255,255,0.78); max-width: 38ch; }\n
.story-placeholder {\n
font-size: 12px;\n
letter-spacing: 1.5px;\n
text-transform: uppercase;\n
color: var(--sp-gray);\n
opacity: 0.55;\n
font-weight: 600;\n
}\n
.stories-cta {\n
text-align: center;\n
margin-top: 56px;\n
}\n
.btn {\n
display: inline-block;\n
padding: 16px 32px;\n
background: var(--sp-graphit);\n
color: white !important;\n
border-radius: 999px;\n
font-weight: 700;\n
font-size: 15px;\n
transition: background 0.2s ease, transform 0.2s ease;\n
}\n
.btn:hover { background: black; transform: translateY(-1px); }\n
.btn-green { background: var(--sp-green); }\n
.btn-green:hover { background: var(--sp-green-dark); }\n
.btn-outline {\n
background: transparent;\n
border: 2px solid currentColor;\n
color: var(--sp-graphit) !important;\n
}\n
.btn-outline:hover { background: var(--sp-graphit); color: white !important; }\n
\n
/* === PILLARS (Was du bekommst) === */\n
.pillars {\n
background: var(--sp-graphit);\n
color: white;\n
padding: clamp(80px, 10vw, 130px) 0;\n
}\n
.pillars .section-title { color: white; }\n
.pillars .section-eyebrow { color: var(--sp-green); }\n
.pillars-grid {\n
display: grid;\n
grid-template-columns: repeat(3, 1fr);\n
gap: 32px;\n
max-width: 1280px;\n
margin: 0 auto;\n
padding: 0 32px;\n
}\n
.pillar {\n
padding: 40px 32px;\n
border-left: 3px solid var(--sp-green);\n
background: rgba(255,255,255,0.03);\n
border-radius: 0 12px 12px 0;\n
}\n
.pillar h3 {\n
font-family: var(--serif);\n
font-size: 32px;\n
line-height: 1.15;\n
margin-bottom: 20px;\n
}\n
.pillar p {\n
font-size: 16px;\n
line-height: 1.6;\n
color: rgba(255,255,255,0.78);\n
margin-bottom: 24px;\n
}\n
.pillar-list {\n
list-style: none;\n
margin-bottom: 24px;\n
}\n
.pillar-list li {\n
font-size: 15px;\n
padding: 8px 0;\n
border-bottom: 1px solid rgba(255,255,255,0.1);\n
color: rgba(255,255,255,0.9);\n
}\n
.pillar-link {\n
font-weight: 700;\n
color: var(--sp-green);\n
font-size: 15px;\n
}\n
.pillar-link::after { content: " →"; }\n
\n
/* === LOCATIONS === */\n
.locations { background: var(--sp-warm); padding: clamp(80px, 10vw, 130px) 0; }\n
.locations-grid {\n
display: grid;\n
grid-template-columns: 1fr 1fr;\n
gap: 48px;\n
max-width: 1280px;\n
margin: 0 auto;\n
padding: 0 32px;\n
}\n
.location {\n
background: white;\n
border-radius: 16px;\n
overflow: hidden;\n
border: 1px solid var(--sp-gray-mid);\n
display: flex;\n
flex-direction: column;\n
}\n
.location-img {\n
aspect-ratio: 16 / 9;\n
overflow: hidden;\n
}\n
.location-img img {\n
width: 100%;\n
height: 100%;\n
object-fit: cover;\n
display: block;\n
}\n
.location-body { padding: 32px; flex-grow: 1; display: flex; flex-direction: column; }\n
.location-name {\n
font-family: var(--serif);\n
font-size: 36px;\n
color: var(--sp-graphit);\n
margin-bottom: 8px;\n
}\n
.location-name.dus { color: var(--sp-green); }\n
.location-addr {\n
font-size: 15px;\n
color: var(--sp-gray);\n
margin-bottom: 20px;\n
line-height: 1.5;\n
}\n
.location-hours {\n
display: inline-block;\n
margin-top: 6px;\n
font-family: var(--mono);\n
font-size: 12px;\n
letter-spacing: 0.5px;\n
color: var(--sp-graphit);\n
opacity: 0.7;\n
}\n
.location-tags {\n
display: flex;\n
flex-wrap: wrap;\n
gap: 8px;\n
margin-bottom: 24px;\n
}\n
.location-tag {\n
background: var(--sp-gray-light);\n
color: var(--sp-gray);\n
font-size: 13px;\n
font-weight: 600;\n
padding: 4px 12px;\n
border-radius: 999px;\n
}\n
.location-actions {\n
display: flex;\n
gap: 16px;\n
margin-top: auto;\n
}\n
\n
/* === LATEST === */\n
.latest { background: white; padding: clamp(80px, 10vw, 130px) 0; }\n
.latest-grid {\n
display: grid;\n
grid-template-columns: repeat(3, 1fr);\n
gap: 28px;\n
max-width: 1280px;\n
margin: 0 auto;\n
padding: 0 32px;\n
}\n
.latest-card {\n
background: white;\n
border: 1px solid var(--sp-gray-mid);\n
border-radius: 12px;\n
overflow: hidden;\n
display: flex;\n
flex-direction: column;\n
transition: border-color 0.2s ease, transform 0.2s ease;\n
}\n
.latest-card:hover {\n
border-color: var(--sp-green);\n
transform: translateY(-3px);\n
}\n
.latest-card-img {\n
aspect-ratio: 16 / 10;\n
background: var(--sp-graphit);\n
display: flex;\n
align-items: flex-end;\n
justify-content: flex-start;\n
padding: 24px;\n
color: white;\n
position: relative;\n
overflow: hidden;\n
}\n
.latest-card-img::before {\n
content: "";\n
position: absolute;\n
inset: 0;\n
background:\n
linear-gradient(135deg, rgba(122,184,0,0.35), transparent 55%),\n
linear-gradient(225deg, rgba(0,128,187,0.30), transparent 55%);\n
}\n
.latest-card-img::after {\n
content: "";\n
position: absolute;\n
inset: 0;\n
background-image:\n
radial-gradient(circle at 80% 20%, rgba(255,255,255,0.08), transparent 40%),\n
radial-gradient(circle at 20% 80%, rgba(255,255,255,0.05), transparent 50%);\n
pointer-events: none;\n
}\n
.latest-card-img-label {\n
position: relative;\n
z-index: 1;\n
font-family: var(--serif);\n
font-size: 24px;\n
line-height: 1.1;\n
letter-spacing: -0.01em;\n
max-width: 16ch;\n
}\n
.latest-card:hover .latest-card-img::before {\n
background:\n
linear-gradient(135deg, rgba(122,184,0,0.55), transparent 60%),\n
linear-gradient(225deg, rgba(0,128,187,0.45), transparent 60%);\n
}\n
.latest-card-body { padding: 24px; }\n
.latest-tag {\n
display: inline-block;\n
font-size: 12px;\n
font-weight: 700;\n
letter-spacing: 2px;\n
text-transform: uppercase;\n
color: var(--sp-green);\n
margin-bottom: 12px;\n
}\n
.latest-card-title {\n
font-family: var(--serif);\n
font-size: 22px;\n
line-height: 1.25;\n
color: var(--sp-graphit);\n
margin-bottom: 12px;\n
}\n
.latest-card-meta {\n
font-size: 13px;\n
color: var(--sp-gray);\n
}\n
\n
/* === TESTIMONIALS === */\n
.testimonials {\n
background: var(--sp-warm);\n
padding: clamp(80px, 10vw, 130px) 0;\n
}\n
.testimonials-grid {\n
display: grid;\n
grid-template-columns: 1fr 1fr;\n
gap: 32px;\n
max-width: 1280px;\n
margin: 0 auto;\n
padding: 0 32px;\n
}\n
.testimonial {\n
background: white;\n
padding: 40px;\n
border-radius: 16px;\n
border-left: 4px solid var(--sp-green);\n
}\n
.testimonial-quote {\n
font-family: var(--serif);\n
font-size: 24px;\n
line-height: 1.4;\n
color: var(--sp-graphit);\n
margin-bottom: 24px;\n
font-style: italic;\n
}\n
.testimonial-author {\n
display: flex;\n
align-items: center;\n
gap: 16px;\n
}\n
.testimonial-avatar {\n
width: 48px; height: 48px;\n
border-radius: 50%;\n
background: linear-gradient(135deg, var(--sp-green), var(--sp-blue));\n
}\n
.testimonial-name {\n
font-weight: 700;\n
color: var(--sp-graphit);\n
font-size: 15px;\n
}\n
.testimonial-role {\n
font-size: 13px;\n
color: var(--sp-gray);\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
/* === RESPONSIVE === */\n
@media (max-width: 980px) {\n
.megamenu-nav, .megamenu-actions .megamenu-lang, .megamenu-actions .megamenu-login { display: none; }\n
.megamenu-burger { display: flex; }\n
.hero { padding: 140px 0 80px; }\n
.hero h1 { font-size: clamp(40px, 9vw, 64px); }\n
.hero-sub { font-size: 18px; margin-bottom: 40px; }\n
.personas { grid-template-columns: 1fr 1fr; gap: 14px; }\n
.persona { padding: 24px 22px; }\n
.persona-title { font-size: 22px; }\n
.impact-grid { grid-template-columns: 1fr 1fr; gap: 28px; }\n
.stories-grid { grid-template-columns: 1fr 1fr; }\n
.story-card.featured { grid-column: span 2; aspect-ratio: 2 / 1; }\n
.story-card.featured .story-name { font-size: 32px; }\n
.pillars-grid, .latest-grid { grid-template-columns: 1fr; }\n
.locations-grid { grid-template-columns: 1fr; }\n
.testimonials-grid { grid-template-columns: 1fr; }\n
.megamenu-panel-grid { grid-template-columns: 1fr 1fr; gap: 32px; }\n
}\n
@media (max-width: 600px) {\n
.container, .hero-content, .megamenu-bar { padding-left: 20px; padding-right: 20px; }\n
.megamenu-bar { height: 64px; }\n
.megamenu-panel { top: 64px; padding: 32px 20px; }\n
.hero { padding: 110px 0 64px; }\n
.hero-eyebrow { font-size: 11px; padding: 8px 14px; letter-spacing: 2px; }\n
.hero h1 { font-size: clamp(36px, 11vw, 52px); margin-bottom: 20px; }\n
.hero-sub { font-size: 16px; margin-bottom: 32px; }\n
.personas { grid-template-columns: 1fr; gap: 12px; }\n
.persona { padding: 22px; }\n
.persona-title { font-size: 24px; }\n
.stories-grid { grid-template-columns: 1fr; }\n
.story-card.featured { grid-column: span 1; aspect-ratio: 16 / 11; }\n
.story-card.featured .story-name { font-size: 28px; }\n
.impact-grid { grid-template-columns: 1fr; gap: 20px; }\n
.impact-num { font-size: 48px; }\n
.newsletter-form { flex-direction: column; }\n
.newsletter h2 { font-size: 32px; }\n
.megamenu-panel-grid { grid-template-columns: 1fr; gap: 24px; }\n
.megamenu-cta { padding: 10px 16px; font-size: 13px; }\n
.section-title { font-size: 32px; margin-bottom: 40px; }\n
.pillar h3 { font-size: 26px; }\n
.location-name { font-size: 28px; }\n
}\n
\n
/* Mobile slide-in menu */\n
.mobile-menu {\n
position: fixed;\n
top: 0; right: 0;\n
width: min(380px, 100vw);\n
height: 100vh;\n
background: white;\n
color: var(--sp-graphit);\n
z-index: 200;\n
padding: 80px 32px 32px;\n
transform: translateX(100%);\n
transition: transform 0.3s ease;\n
box-shadow: -8px 0 32px rgba(0,0,0,0.2);\n
overflow-y: auto;\n
}\n
.mobile-menu.is-open { transform: translateX(0); }\n
.mobile-menu-close {\n
position: absolute;\n
top: 24px; right: 24px;\n
font-size: 28px;\n
color: var(--sp-graphit);\n
}\n
.mobile-menu ul { list-style: none; }\n
.mobile-menu > ul > li {\n
border-bottom: 1px solid var(--sp-gray-mid);\n
}\n
.mobile-menu > ul > li > a {\n
display: block;\n
padding: 18px 0;\n
font-family: var(--serif);\n
font-size: 22px;\n
color: var(--sp-graphit);\n
}\n
.mobile-menu .mobile-cta {\n
display: block;\n
margin-top: 24px;\n
padding: 16px;\n
background: var(--sp-green);\n
color: white;\n
text-align: center;\n
border-radius: 999px;\n
font-weight: 700;\n
}\n
.backdrop {\n
position: fixed;\n
inset: 0;\n
background: rgba(0,0,0,0.5);\n
z-index: 150;\n
opacity: 0;\n
pointer-events: none;\n
transition: opacity 0.3s ease;\n
}\n
.backdrop.is-open { opacity: 1; pointer-events: auto; }\n
\n
/* === SUB-PAGE OVERRIDES === */\n
.hero-page {\n
min-height: auto;\n
padding: 160px 0 90px;\n
}\n
.hero-page h1 {\n
font-size: clamp(40px, 5.5vw, 68px);\n
max-width: 20ch;\n
}\n
.hero-page .hero-sub {\n
margin-bottom: 0;\n
}\n
\n
.story-section {\n
padding: 120px 0;\n
background: white;\n
}\n
.story-split {\n
display: grid;\n
grid-template-columns: 1.1fr 1fr;\n
gap: 80px;\n
align-items: center;\n
max-width: 1280px;\n
margin: 0 auto;\n
padding: 0 32px;\n
}\n
.story-text .section-title {\n
margin-bottom: 28px;\n
max-width: 18ch;\n
}\n
.story-text p {\n
font-size: 17px;\n
line-height: 1.7;\n
color: var(--sp-gray);\n
margin-bottom: 18px;\n
max-width: 56ch;\n
}\n
.story-text p:last-child { margin-bottom: 0; }\n
.story-image {\n
border-radius: 12px;\n
overflow: hidden;\n
aspect-ratio: 4 / 5;\n
}\n
.story-image img {\n
width: 100%;\n
height: 100%;\n
object-fit: cover;\n
display: block;\n
}\n
\n
.treffpunkt {\n
padding: 120px 0;\n
background: var(--sp-warm);\n
}\n
.treffpunkt .container { text-align: center; }\n
.treffpunkt .section-title { margin: 0 auto 24px; max-width: 22ch; }\n
.treffpunkt-intro {\n
max-width: 56ch;\n
margin: 0 auto 48px;\n
font-size: 17px;\n
color: var(--sp-gray);\n
line-height: 1.6;\n
}\n
.treffpunkt-grid {\n
display: grid;\n
grid-template-columns: repeat(3, 1fr);\n
gap: 24px;\n
max-width: 1100px;\n
margin: 0 auto;\n
}\n
.treffpunkt-card {\n
background: white;\n
border-radius: 12px;\n
padding: 32px 28px;\n
text-align: left;\n
border: 1px solid var(--sp-gray-mid);\n
}\n
.treffpunkt-card h3 {\n
font-family: var(--serif);\n
font-size: 24px;\n
color: var(--sp-graphit);\n
margin-bottom: 8px;\n
}\n
.treffpunkt-card .frequency {\n
font-size: 11px;\n
letter-spacing: 2px;\n
text-transform: uppercase;\n
color: var(--sp-green);\n
font-weight: 700;\n
margin-bottom: 14px;\n
}\n
.treffpunkt-card p {\n
font-size: 15px;\n
color: var(--sp-gray);\n
line-height: 1.55;\n
}\n
\n
@media (max-width: 980px) {\n
.story-split { grid-template-columns: 1fr; gap: 40px; padding: 0 24px; }\n
.story-image { aspect-ratio: 16 / 10; }\n
.hero-page { padding: 130px 0 60px; }\n
.treffpunkt-grid { grid-template-columns: 1fr; }\n
}\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
\n
</style>\n
<header class="hero hero-page">\n
<div class="hero-content">\n
<span class="hero-eyebrow">About STARTPLATZ</span>\n
<h1>The Rhineland’s <em>startup hub</em> since 2012.</h1>\n
<p class="hero-sub">\n
STARTPLATZ is the meeting point and first port of call for innovative startups and companies at the heart of the Rhineland startup scene — founded in 2012 in Cologne, and in Düsseldorf since 2015.\n
</p>\n
</div>\n
</header>\n
\n
<!-- ═══════════════════════ IMPACT ═══════════════════════ -->\n
<section class="impact">\n
<div class="impact-grid">\n
<div class="impact-item">\n
<div class="impact-num">1,500+</div>\n
<div class="impact-label">Startups supported<br>in Cologne & Düsseldorf</div>\n
</div>\n
<div class="impact-item">\n
<div class="impact-num">€1.5+ bn</div>\n
<div class="impact-label">Investment<br>into our startups</div>\n
</div>\n
<div class="impact-item">\n
<div class="impact-num">250+</div>\n
<div class="impact-label">Events per year<br>in the ecosystem</div>\n
</div>\n
</div>\n
</section>\n
\n
<!-- ═══════════════════════ STORY ═══════════════════════ -->\n
<section class="story-section">\n
<div class="story-split">\n
<div class="story-text">\n
<div class="section-eyebrow">Our story</div>\n
<h2 class="section-title">200 m² became NRW’s largest startup hub.</h2>\n
<p>STARTPLATZ was opened in November 2012 by <strong>Dr. Lorenz Gräf and Matthias Gräf</strong> (Gräf Holding GmbH) in Cologne — as the answer to a simple question: where do the Rhineland’s founders, investors and talent meet?</p>\n
<p>What began as the first coworking space in the Mediapark is today 4,500 m² in Cologne and 1,700 m² in Düsseldorf. Added to that came accelerator programmes, an AZAV-certified AI Academy and a community that together shape the Rhineland startup scene.</p>\n
<p>Today we are <strong style="color: var(--sp-green)">North Rhine-Westphalia’s AI Hub</strong> — the central point of contact for AI builders, founders and companies.</p>\n
</div>\n
<div class="story-image">\n
<img decoding="async" src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775944/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/STARTPLATZ_Atmospa%CC%88he45.jpg" alt="STARTPLATZ coworking atmosphere">\n
</div>\n
</div>\n
</section>\n
\n
<!-- ═══════════════════════ PILLARS ═══════════════════════ -->\n
<section class="pillars">\n
<div class="container">\n
<div class="section-eyebrow">What we do</div>\n
<h2 class="section-title">Six pillars, one ecosystem.</h2>\n
</div>\n
<div class="pillars-grid">\n
<div class="pillar">\n
<h3>Coworking</h3>\n
<p>Flexible desks 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>2nd Home with a fixed desk</li>\n
<li>Team offices for 2–30 people</li>\n
<li>Business address + mail service</li>\n
</ul>\n
<a href="https://www.startplatz.de/en/coworking-cologne/" target="_blank" rel="noopener" class="pillar-link">Explore coworking</a>\n
</div>\n
<div class="pillar">\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
<li>Catering & service available</li>\n
</ul>\n
<a href="https://www.startplatz.de/en/koeln-conference-and-meeting-rooms/" target="_blank" rel="noopener" class="pillar-link">Book a room</a>\n
</div>\n
<div class="pillar">\n
<h3>Accelerator</h3>\n
<p>From the AI Accelerator and the NRW Founders‘ Scholarship to Rheinland-Pitch — structured paths through every stage.</p>\n
<ul class="pillar-list">\n
<li>AI Accelerator (4 months)</li>\n
<li>NRW Founders‘ Scholarship</li>\n
<li>Rheinland-Pitch</li>\n
<li>Mentoring & investor access</li>\n
</ul>\n
<a href="https://www.startplatz.de/en/accelerator/" target="_blank" rel="noopener" class="pillar-link">See the programmes</a>\n
</div>\n
<div class="pillar">\n
<h3>AI Hub</h3>\n
<p>Builder community between Cologne and Paris. Open-source AI, devs, innovation teams — we build instead of just talking.</p>\n
<ul class="pillar-list">\n
<li><strong style="color:var(--sp-green)">Hackathons</strong> — corporate, open and as-a-service</li>\n
<li>Mistral Meetup, KI Treffpunkt, ClawCon</li>\n
<li>AI Fridays — weekly</li>\n
<li>France AI initiative</li>\n
</ul>\n
<a href="https://www.startplatz.de/en/ai-hub-rhineland-cologne-france-startplatz/" target="_blank" rel="noopener" class="pillar-link">Explore the AI Hub</a>\n
</div>\n
<div class="pillar">\n
<h3>Events & Academy</h3>\n
<p>250+ events per year and AZAV-certified AI training — from beginner to masterclass.</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
<li>AZAV funding available</li>\n
</ul>\n
<a href="https://www.startplatz.de/en/network-events/" target="_blank" rel="noopener" class="pillar-link">Browse events</a>\n
</div>\n
<div class="pillar">\n
<h3>Corporate</h3>\n
<p>SMEs and corporates plug into the ecosystem — from the Business Club to tailor-made innovation.</p>\n
<ul class="pillar-list">\n
<li>Business Club membership</li>\n
<li>Corporate enablement & activation</li>\n
<li>Innovation experiences</li>\n
<li>Startup matching & deal flow</li>\n
</ul>\n
<a href="https://www.startplatz.de/en/corporate-innovation/" target="_blank" rel="noopener" class="pillar-link">Corporate offerings</a>\n
</div>\n
</div>\n
</section>\n
\n
<!-- ═══════════════════════ LOCATIONS ═══════════════════════ -->\n
<section class="locations">\n
<div class="container">\n
<div class="section-eyebrow">Locations</div>\n
<h2 class="section-title">Cologne and Düsseldorf — we’re where NRW works.</h2>\n
</div>\n
<div class="locations-grid">\n
<div class="location">\n
<div class="location-img"><img decoding="async" src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1614775893/Offices/K%C3%B6ln/Au%C3%9Fenansicht/STARTPLATZ_Ko%CC%88ln_Au%C3%9Fenansicht9.jpg" alt="STARTPLATZ Cologne Mediapark"></div>\n
<div class="location-body">\n
<div class="location-name">Cologne</div>\n
<div class="location-addr">Im Mediapark 5 · 50670 Cologne<br>Side entrance: Schanzenstraße 36<br><span class="location-hours">Reception Mon–Fri 9am–6pm · Members 24/7</span></div>\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://calendly.com/support-startplatz/coworking-probetag?month=2026-05" target="_blank" rel="noopener" class="btn">Book a trial day</a>\n
<a href="https://www.startplatz.de/en/coworking-cologne/#:~:text=3D%20Room%20Tour" target="_blank" rel="noopener" class="btn btn-outline">3D Tour</a>\n
</div>\n
</div>\n
</div>\n
<div class="location">\n
<div class="location-img"><img decoding="async" src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1737547718/conference-rooms/Confi%20DUS%20new/Au%C3%9Fenansicht.jpg" alt="STARTPLATZ Düsseldorf Medienhafen"></div>\n
<div class="location-body">\n
<div class="location-name dus">Düsseldorf</div>\n
<div class="location-addr">Speditionstraße 15a · 40221 Düsseldorf<br><span class="location-hours">Reception Mon–Fri 9am–6pm · Members 24/7</span></div>\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://calendly.com/startplatz-duesseldorf/coworker-probetag?month=2026-05" target="_blank" rel="noopener" class="btn">Book a trial day</a>\n
<a href="https://www.startplatz.de/en/offices-duesseldorf/#:~:text=3D%20Room%20Tour" target="_blank" rel="noopener" class="btn btn-outline">3D Tour</a>\n
</div>\n
</div>\n
</div>\n
</div>\n
</section>\n
\n
<!-- ═══════════════════════ MEETING POINT ═══════════════════════ -->\n
<section class="treffpunkt">\n
<div class="container">\n
<div class="section-eyebrow">Meeting point</div>\n
<h2 class="section-title">Where the Rhineland startup ecosystem meets.</h2>\n
<p class="treffpunkt-intro">Regular networking events connect startups, companies and investors — low-threshold and across every stage.</p>\n
<div class="treffpunkt-grid">\n
<div class="treffpunkt-card">\n
<div class="frequency">Monthly</div>\n
<h3>Member breakfast</h3>\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="treffpunkt-card">\n
<div class="frequency">Seasonal</div>\n
<h3>Startup BBQ</h3>\n
<p>When the weather plays along: grill on, beer open, pitch away. The summer classic on the STARTPLATZ rooftop terrace.</p>\n
</div>\n
<div class="treffpunkt-card">\n
<div class="frequency">Monthly · Cologne & Düsseldorf</div>\n
<h3>Rheinland-Pitch</h3>\n
<p>Germany’s largest regular startup pitch series. Startups present, investors listen, the audience votes.</p>\n
</div>\n
</div>\n
</div>\n
</section>\n
\n
<!-- ═══════════════════════ PRESS ═══════════════════════ -->\n
<section style="background:var(--sp-warm); padding:clamp(40px,5vw,60px) 0; text-align:center;">\n
<div class="container" style="max-width:720px; margin:0 auto; padding:0 32px;">\n
<div class="section-eyebrow" style="font-family:var(--mono); font-size:12px; letter-spacing:2px; text-transform:uppercase; color:var(--sp-gray);">For journalists</div>\n
<h2 style="font-family:var(--serif); font-size:clamp(24px,2.5vw,32px); color:var(--sp-graphit); margin:8px 0 16px;">Press area</h2>\n
<p style="color:var(--sp-gray); line-height:1.6; margin-bottom:20px;">Logos, management photos, gallery and all press releases in one place.</p>\n
<a href="https://www.startplatz.de/en/press/" style="display:inline-block; padding:14px 28px; background:var(--sp-green); color:white; font-weight:700; text-decoration:none; border-radius:4px;">Go to the press area →</a>\n
</div>\n
</section>\n
\n
<section class="newsletter">\n
<div class="newsletter-inner">\n
<h2>Stay in the loop.</h2>\n
<p>The STARTPLATZ newsletter: events, programmes 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="you@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=6.9.4"}}\n
</script>\n
<script type="module">\n
/* <![CDATA[ */\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
/* ]]> */\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="sfwdt4170dc"> <div id="sfToolbarClearer-4170dc" class="sf-toolbar-clearer"></div><div id="sfToolbarMainContent-4170dc" 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="http://www.staging.startplatz.de/_profiler/4170dc?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-4170dc"></span> </div> <div class="sf-toolbar-info-piece"> <b> <button class="sf-cancel-button" type="button" id="sfLoadCancel-4170dc" title="Cancel loading">Cancel</button> </b> </div> </div></div> <button class="sf-toolbar-toggle-button" type="button" id="sfToolbarToggleButton-4170dc" accesskey="D" aria-expanded="true" aria-controls="sfToolbarMainContent-4170dc" 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="28583b22fc4c3484110cd7010b6d9f5a" href="http://www.staging.startplatz.de/_wdt/styles" /> <script nonce="8ec347805e33dddbf4cf6280524ba64b">/*<![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('http\u003A\/\/www.staging.startplatz.de')) { path = url.slice(32); } 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, 'http\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="http\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('4170dc'); /*]]>*/</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
} |