Symfony Profiler

"_format=html&_locale=en&_controller=App%5CStartPlatz%5CBundle%5CWebsiteBundle%5CController%5CDefaultController%3A%3AfooterBootstrap40Action"

"App\StartPlatz\Bundle\WebsiteBundle\Controller\DefaultController::footerBootstrap40Action"

"html"

"en"

"198cc4"

"*/*"

"ISO-8859-1,utf-8;q=0.7,*;q=0.7"

"gzip, br, zstd, deflate"

"en-us,en;q=0.5"

"for="172.22.0.12";host="www.staging.startplatz.de";proto=http"

"www.staging.startplatz.de"

"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)"

"172.22.0.12"

"c7c6e7953db4"

"0"

"216.73.217.92"

"no-cache, private"

"Thu, 11 Jun 2026 01:48:07 GMT"

"912961"

""

""

"187719847589952"

"2L0-UBEtXjD-ODU3On8eqJrZPFY"

"startplatz"

"cloudinary://187719847589952:2L0-UBEtXjD-ODU3On8eqJrZPFY@startplatz"

"cron_sp_X9kM4nQ7pR2sT6vW8yB1"

""

""

"flock"

""

""

""

""

""

""

""

""

""

""

""

""

""

""

""

""

""

""

""

"STARTPLATZ"

"eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6InBsZW8tb3BlbmFwaS1wcm9kdWN0aW9uIn0.eyJkYXRhIjp7InVzZXIiOnsiYWNjZXB0ZWRUZXJtcyI6dHJ1ZSwiYWN0aXZlIjp0cnVlLCJjcmVhdGVkQXQiOiIyMDI1LTEwLTEzVDE0OjI4OjU0LjIzMloiLCJkYXRhIjp7InByb21vIjoiU0VMRl9PTkJPQVJESU5HIiwicHJvZmlsZSI6eyJpZCI6bnVsbCwicmF3Ijp7fSwibmFtZSI6eyJsYXN0TmFtZSI6Ikdyw6RmIiwiZmlyc3ROYW1lIjoiTG9yZW56In0sInR5cGUiOiJlbWFpbCIsImVtYWlsIjoiYnVjaGhhbHR1bmctc3AtY2duQHN0YXJ0cGxhdHouZGUiLCJwaG9uZSI6Iis0OTE1MTIyMzMzMjMzIiwicGljdHVyZSI6bnVsbH19LCJlbWFpbCI6ImJ1Y2hoYWx0dW5nLXNwLWNnbkBzdGFydHBsYXR6LmRlIiwiaGFzUGluIjp0cnVlLCJpZCI6ImIxZTJlZmUzLWY0OWMtNGY5ZC1iZTE3LTc2MzM0YmI1YTNmYiIsImxhbmd1YWdlIjoiZGUiLCJwYXlsb2FkIjp7ImNvbXBhbnlJZCI6IjQ3MGEyZGNmLTM2ODgtNDI5YS04MjVlLWY4YTZhNTIzNGE4YiIsInRva2VuSWQiOiIxYTMzZjg2ZS0xNDE1LTRkOWItYjhjNy1lMDk5NGMzYzlhNjMifSwicGhvbmUiOiIrNDkxNzM3MTcxNzE1IiwicGhvbmVWZXJpZmllZCI6ZmFsc2UsInNjYUVuYWJsZWQiOnRydWUsInZlcmlmaWVkIjp0cnVlLCJwZXJtaXNzaW9ucyI6WyJlbS8jMS9jZC8jMC9vdyIsImVtLyMxL2NkZC8jMC9vdyIsImVtLyMxL2NkLyMyL293IiwiZW0vIzEvY2RkLyMyL293IiwiZW0vIzEvY2QvIzMvb3ciLCJlbS8jMS9jZGQvIzMvb3ciLCJlbS8jMS9jZC8jNC9vdyIsImVtLyMxL2NkZC8jNC9vdyIsImVtLyMxL2NhLyMxL293IiwiY28vIzUvb3ciLCJlbS8jMS9kY2EvIzEvb3ciLCJjby8jNS9lbS8jMS9vdyJdLCJya20iOlsiNGpUZG52R1FMVkNVZjFUVDNBOWdRViIsIm1HRHNUV3R5ZWFtTFRIM2hyZTNadkgiLCI5bUdGYWJlU0RvNUc4R3dEZExTcHVpIiwianJGSzF6dWpTdFNja216YTVlS1R2ayIsInNhS3BjVExBVWlGR2NlTDRmNVFYU0EiLCI5TE1aeWRtenFTRzV1em9QalZobm42Il0sImNtcHMiOlsiOUxNWnlkbXpxU0c1dXpvUGpWaG5uNiJdLCJjbXAiOiI5TE1aeWRtenFTRzV1em9QalZobm42In0sImFyZVBlcm1pc3Npb25zSW5DYWNoZSI6ZmFsc2UsInNjb3BlIjpbIm9wZW5hcGkiXSwidHlwZSI6Ik9QRU5BUElfVE9LRU4iLCJzZXNzaW9uSWQiOm51bGwsIm1ldGEiOnsic3ViU2Vzc2lvbkVtYWlscyI6W119fSwiaWF0IjoxNzcyNzMzMDU2LCJleHAiOjE4MDQyNjkwNTYsImlzcyI6InBsZW8ub3BlbmFwaS5wcm9kdWN0aW9uIiwianRpIjoiMWEzM2Y4NmUtMTQxNS00ZDliLWI4YzctZTA5OTRjM2M5YTYzIn0.eskzOV1wxUCFvywF1toHuc7SiOPx3UAottMTrHjgq8eg1gPkGCtx1tWqJD1lQkPFTz1xg1mvqDFiRG1L9x0KsRxJDuZZmAhdCeqYXX-jHjuhcb30jIbxV-I8hK9PleetN065UgU7Stemdu_NTT466p8wvbsvChylaJ216iKUQPoEJ5vyWM97NxFTcGzRh-z_oUSv77DefZVm2QL3r-27fc4ADPSwGPiBr-m2aK2ec_X_VWMvCfj-5GTs1mh03488ohJB6zT4qGbH2dnMJsBxYebeBz6yByh-YL9KclYpRjvnh54cnLcQ8Dguw94Rty9ygMqyyIvqHz-Hl48p9CjJ6aVoK1y5yUqmaExu5nPEvDEjmH1XXYeV8CutElk9FVtieulFmO09vcJ-by1Xj-mWRVg8Bgm6vqseWsrc7zFHL9cibl5zRSm8dh14MUl27Xeb6kAhG5mSvr5qGz3ElIfItbYvj4QqlKDoUzjHgTQ_CiaiVRyUqDVr_XbaHfSuz9cJEXLFFZ204yJfv3jfR4wcfnKwdLRwyrBZ9uEzmrfWVgXVOzwS_zd3vWBy4V1OUUwEvpn2w-CjICjluvaYOXRVUu4JLQVNTDfrbAvRIifXn2DuHQRKvo2HpovdDCMRvr64JkHt5OC54x_FDuTxH6qzHXyAFhqtRPgPlta4W7o7EcA"

""

"%kernel.project_dir%/var/cache/sessions"

"https://api.skool.com/groups/ki-campus/webhooks/5f76ae64499d42a49dafbf613fec3ec0"

"https://api.skool.com/groups/ki-treffpunkt/webhooks/af0324eeef3d40649f8d16607fe6e7b9"

"50670"

"test"

"data/test-bewerbungen"

""

""

""

""

"1"

"dev"

"/var/www/html"

"Symfony\Component\Runtime\SymfonyRuntime"

[
  "project_dir" => "/var/www/html"
]

"a8A3I6BRkJE2ppNaBcgPec5i6E8Iwqwm"

"UBs7DJs5mgZhSaCvjxqjdfG4hMJAUnJQnvJEH7F6xKy1eDjhTJ9EPNBe0M2KMC9q"

"pub_8c05c30c-27b3-495f-9b05-44c3eb2ff471"

""

""

"mysql://startplatz:kpp8o9pWYAp2@startplatz-staging-mysql:3306/startplatz-wordpress"

"/var/www/html/public"

"/index.php"

"e2e.startplatz.de"

"lorenz.graef@startplatz.de"

"alexandra.thelen@startplatz.de"

"admin@startplatz.de"

"johannes.graef@startplatz.de"

"1NrjWZrE53dSqWFmMNz0oRd8i22VFmK1Oww9huGp8DPry8EfK1Oj9h6HeW7fyDUM"

"Fjqj30ZbQorEtdpRfw3T19eAkOgrrgzq4WcExyLrxuot0bzkDpUrjpv41YH8dgBK"

"9njde49xtcsoswco4c80oggkwwoo080osow8soo8go4gkw0gwwgc8sck4wgw08og"

"YnHmfQYjOQ01hZ97zQKhsDLcvPc632dhdYjnUYuE4ZzkbAfkyC2TbOGOckUBFBDZ"

"RESPONDER"

"CGI/1.1"

"3itm-7j58-6ze8-3w8q-qd74-23ya-67gi"

"AFD8691FDAEDF03BDF6E460563F15A9B715376CA 9D7F99A0CB8F05C8A6958D6256A97AF7600A39A6 0616E93D95AF471243E26761770426E17EBBB3DD"

"/home/www-data"

"dev"

"*/*"

"ISO-8859-1,utf-8;q=0.7,*;q=0.7"

"gzip, br, zstd, deflate"

"en-us,en;q=0.5"

"for="172.22.0.12";host="www.staging.startplatz.de";proto=http"

"www.staging.startplatz.de"

"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)"

"172.22.0.12"

"c7c6e7953db4"

"216.73.217.92"

"pat-na1-72043aa0-44a4-4dd6-b57a-5759597c4642"

"1e712a28-62f9-46e0-99f5-13f6bdc0ec70"

"44225308"

"2795177"

"secret-mb7SAjB50ESxpuB07s6SXqVPe"

"whsec_0efmpntgpinwt1s2641fegeq1o3w9la7"

"a7e5ebbb7d4966bad11c6ca9b94699b4-us5"

"be73f77d94"

"smtp://resend:re_C3EwCoBV_33jjSuHVv1Xf1VQkDtTFzriA@smtp.resend.com:587"

"455qg651n4so0npqf6unama8pv"

"kohhlns9q6ipohd72oe356oq07"

"https://www.staging.startplatz.de/allmeda/meetup/callback"

"doctrine://default?queue_name=default"

"EAAKFICOQZBK0BRPwRkxGLlRyKrSPfgSi17hAXOJDEmPIkI3EnneTZBZCU99QetZB3bbn8GyPpzubXyZCGZCAG6HZCBUp6iY1MBpgnQdRyZAW4xYSKehyFLBSd6cbaiCJ0Xdvu3STG6ZAq0m6S4h1zzYZBKoHUR6fpqbimDWQK03ZCO6uJrxj1yCMUeLxOnhxgZDZD"

"EAAerPqXZCTbkBRFRDRoJEHTKCvEMmD1VgtTbXtO39dGZB2qAU0kAYc9Mqb6Ms9V4eBlL211Tdnk3oHunCVQykwpddAWOCaI5HVfiZAPacH2VNUY9JvH3CR33WxtEFhBBeTE3qbcAD8E6WMzl9hRoFCxwPA9j73j2uXkuCg4h58vNZBOFFPFkrWBkZBmNSDgZCzvQZDZD"

"e28b7b6fdcfeea9fa66475524cb4e0a2"

"367308473131474"

"375845979147453"

"EAAKFICOQZBK0BRVPgGrjtDWMzyZCnImKg37HDL4zt629pVgWmWkeZBnWppqvhfJ0NRjhWRulcphxwa0gA1UJfR9P4xofmEzl2l3jbisoLNHrQtXgoj8vHKl8pqjz0dAdnlrRdhArn5Jyd3MuSwyjd808K0wSEMAX7aCSdbR2jfa0APn45VyzEqhP36FdpZBrbx75nAZDZD"

"EAAKFICOQZBK0BRbmpEWTsZB5ZCZCjgNujR9qDa3927DJZCJai2ZBHbc7u1vUxFRgqMbrIfsPLHQUSxdToZAPICa86BQ3hlYn8ffvuZBDf3rfv1AhiBfon2NfPbxk7OfUt5g0fMQ1z5JPmb6qToo7AqOukfHCgjU1NN3OOs4mFZCOePFICCc7hKBb09oZCpujqZB8YrAsqSQjgZDZD"

"85c80a066572b825942da65b1c7697b334346780cc5ce36732472345115aa475"

"startplatz@lennarz-consulting.de"

"startplatz@lennarz-consulting.de"

"lorenz.graef@startplatz.de"

"32e50c9db555d24f87b40c641b4b014bKzrRnijwaj7yLDB7c0CKXYmVJCzyATZ3"

"762173de1b510657bb44a2662747bac9nUFkR3NatmYlrqjI7hswGM2ZsDBbgYxR"

"c0c8e924c966fbf562c59646ee67b2a3sh4WFrDN3XxPiwKcskvfcRWQyzWOy4Bu"

"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"

"/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin"

""

"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"

"papi-e2251a49-feb5-440d-be2d-b96d500c9289"

"papi-Y2VkMjNiZTUtODZkOC00MGM0LWE0MTgtYmNlNDZjOTIzZDA1"

"autoconf \t\tdpkg-dev dpkg \t\tfile \t\tg++ \t\tgcc \t\tlibc-dev \t\tmake \t\tpkgconf \t\tre2c"

"https://www.php.net/distributions/php-8.4.22.tar.xz.asc"

"-fstack-protector-strong -fpic -fpie -O2 -D_LARGEFILE_SOURCE -D_FILE_OFFSET_BITS=64"

"-fstack-protector-strong -fpic -fpie -O2 -D_LARGEFILE_SOURCE -D_FILE_OFFSET_BITS=64"

"/usr/local/etc/php"

"-Wl,-O1 -pie"

"/index.php"

"696c0f6ad92e94c59059c1eb6e300842b8d050934226efcdf00f2a413cb083cf"

"https://www.php.net/distributions/php-8.4.22.tar.xz"

"8.4.22"

"/var/www/html"

"startplatz-ai-hub-gmbh-7057"

"b6d51ce3d4af4ab46546c97233e1d296718872520d8017ef921709f5f2b62234"

"familie-graf-holding-gmbh-2881"

"a966378f41e498548c27b1633fc7d345f61695b6d118fd5f269b4fe26c6c7775"

"golf-post-ag-1712"

"78aad72c3d26dc74c75a1516b24381f52523f2dbbd9972ebbb095c362c9a2cb1"

"startplatz-koeln-gmbh-2905"

"95f816a715cc5bc1f2358599caf0ca454741896a820cc9b99795f99c7bb05d49"

"startplatz-duesseldorf-gmbh-3237"

"fc4f2b5ae4abfb6932ec66f5e20cd32d17740504838c40bf52951ec69e88aafb"

"_path=_format%3Dhtml%26_locale%3Den%26_controller%3DApp%255CStartPlatz%255CBundle%255CWebsiteBundle%255CController%255CDefaultController%253A%253AfooterBootstrap40Action"

"200"

"127.0.0.1"

"45156"

"GET"

"http"

1781142487

1781142487.5619

"/_fragment?_path=_format%3Dhtml%26_locale%3Den%26_controller%3DApp%255CStartPlatz%255CBundle%255CWebsiteBundle%255CController%255CDefaultController%253A%253AfooterBootstrap40Action"

"re_gP9RoYZ9_A6AxvmtxuYTraPDMteY2VeNz"

"e2e.startplatz.de"

"/var/www/html/public/index.php"

"/index.php"

"172.22.0.7"

"dev.startplatz.de"

"80"

"HTTP/1.1"

"nginx/1.27.5"

"1"

"802fe57aa7a178d556ed14937253fe3ddf96834655553ad6780fadfdde8bdb11"

"xoxb-22688965603-11102474461793-c23ekshqpRpvYuNoEoP3MGfJ"

"c6fd09306423dd490fe18f4bfcd702d672ef7dcdc157b105099a5046c9128063"

"001"

"startplatz-staging-mysql"

"startplatz-wordpress"

"kpp8o9pWYAp2"

"startplatz"

"staging.www.staging.startplatz.de"

"www.staging.startplatz.de"

"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"

"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"

"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"

"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"

"ojWxv1978YWU"

"sk_test_51PmYwGDCU56CMQmgpcCdmzVTjiym8wom2WWiAAuVOUhS55972eM73wDNRDEBfGMnoLSt81yqW5CKCyraQKPDTb6y00xGk2RMpj"

"sk_test_51PeutFFqPnUaAUP6UqT3hbkwOzm9p0bmMrYVUzb7tG9QXo44yrn9MXcG7SLClxzSk29YkkrjXq0YPRguF6EwrNfM00nUAe3oG0"

"sk_test_51O8fFSHegJLrFARiXBFfwCkkRCTyr64RpTlYx5X7FPNEKDSRhQHgb7X9WELyNzmMkMT39tavykkZbtbWDsCz0Tc800bNFXrtbH"

"sk_test_51QxQltE7CeifmjQUUi4dqtrptSM08rRKRIU9QaXWJFVByoPhOTbQPqfhJJ2VZ5ltUl6JfPxaepcckLmaACG9AYjp00o0EHUzMP"

"whsec_IhBWwzKzI6Wlarqw4pTnpaxrH7YEvNyl"

"whsec_yqgxxJvddBinUKIThXxoklhFvrdnOrEr"

"whsec_VeLsQhCBdNcOcIvwlsbuU6ckTEGJVTaN"

"whsec_IhBWwzKzI6Wlarqw4pTnpaxrH7YEvNyl"

"whsec_TVCR6s4R9j6LtkshVthDPjj4QHEh1XDe"

"/var/www/html/.env"

"CLOUDINARY_URL,CLOUDINARY_CLOUDNAME,CLOUDINARY_API_KEY,CLOUDINARY_API_SECRET,SESSION_SAVE_PATH,OPENAI_ORGANIZATION,OPENAI_ADMIN_KEY,ANTHROPIC_ADMIN_KEY,ANTHROPIC_API_KEY,MANDRILL_API_KEY,STATISTIC_ZAPIER_API_KEY,CRON_API_KEY,SKOOL_WEBHOOK_KI_CAMPUS,SKOOL_WEBHOOK_KI_TREFFPUNKT,TEST_DATA_PATH,PLEO_SP_CGN_TOKEN,MOSS_SP_CGN_KEY_ID,MOSS_SP_CGN_SECRET_KEY,MOSS_SP_DUS_KEY_ID,MOSS_SP_DUS_SECRET_KEY,MOSS_AI_HUB_KEY_ID,MOSS_AI_HUB_SECRET_KEY,MOSS_GOLF_POST_KEY_ID,MOSS_GOLF_POST_SECRET_KEY,MOSS_FGH_KEY_ID,MOSS_FGH_SECRET_KEY,MONSUM_WEBHOOK_USER_CGN,MONSUM_WEBHOOK_PASSWORD_CGN,MONSUM_WEBHOOK_USER_DUS,MONSUM_WEBHOOK_PASSWORD_DUS,MONSUM_WEBHOOK_USER_TESTPLATZ,MONSUM_WEBHOOK_PASSWORD_TESTPLATZ,WP_API_USERNAME,WP_API_PASSWORD,WP_API_BASE_URL,REDIS_URL,STRIPE_MODE,TYPEFORM_WEBHOOK_SECRET,META_CAPI_TEST_CODE,INSTAGRAM_ACCESS_TOKEN,INSTAGRAM_ACCOUNT_ID,LOCK_DSN"

"AC361123adb81224dd32caf04a6c41d9fe"

"35470da64905cd973456bc4e727e13c2"

"www-data"

"https://www.startplatz.de/wp-json/wp/v2"

"lSFFfrfi24zjRXtmqlwxWlBx"

"Allmeda"

"sk_6b66b9739d5e49b500f0e3e2c76fedf5f789a8aabeb73f2a607ff55ce736dc98"

0

[]

"Startplatz\Bundle\WordpressIntegrationBundle\Controller\PassthruController::passthruAction"

"security.firewall.map.context.main"

"startplatz_wordpress_passthru"

[
  "path" => "fr/"
]

[]

"_security_main"

[
  Symfony\Component\Security\Http\Authenticator\Debug\TraceableAuthenticator {#1922
    -supports: false
    -passport: null
    -duration: null
    -stub: "App\StartPlatz\Bundle\UserBundle\Security\LoginLinkAuthenticator"
    -authenticated: null
    -exception: null
    -authenticator: App\StartPlatz\Bundle\UserBundle\Security\LoginLinkAuthenticator {#1923 …}
  }
  Symfony\Component\Security\Http\Authenticator\Debug\TraceableAuthenticator {#1920
    -supports: false
    -passport: null
    -duration: null
    -stub: "Symfony\Component\Security\Http\Authenticator\FormLoginAuthenticator"
    -authenticated: null
    -exception: null
    -authenticator: Symfony\Component\Security\Http\Authenticator\FormLoginAuthenticator {#1644 …}
  }
  Symfony\Component\Security\Http\Authenticator\Debug\TraceableAuthenticator {#1925
    -supports: false
    -passport: null
    -duration: null
    -stub: "Symfony\Component\Security\Http\Authenticator\RememberMeAuthenticator"
    -authenticated: null
    -exception: null
    -authenticator: Symfony\Component\Security\Http\Authenticator\RememberMeAuthenticator {#1926 …}
  }
]

"02563e"

Symfony\Component\HttpFoundation\Response {#179
  +headers: Symfony\Component\HttpFoundation\ResponseHeaderBag {#3680 …}
  #content: """
    <!DOCTYPE html>\n
    <html lang="fr">\n
    <head>\n
        <!-- header-startplatz-v40.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.startplatz.de/xmlrpc.php">\n
        <!-- Apple Touch Icon (180x180 auto-scales) -->\n
    <link rel="apple-touch-icon" href="/apple-touch-icon.png">\n
    <!-- Favicon -->\n
    \n
        <link rel="icon" href="/favicon.png" sizes="32x32">\n
    \n
        <script src="https://kit.fontawesome.com/30335e3531.js" crossorigin="anonymous"></script>\n
    \n
        <!-- Google tag (gtag.js) -->\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
    \n
            gtag('config', 'G-XYVL4EFW9X');\n
        </script>\n
        <!-- End Google tag -->\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
        <!-- End Google Tag Manager -->\n
    \n
        <!-- Facebook Pixel Code -->\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"\n
                 src="https://www.facebook.com/tr?id=767917863396798&ev=PageView&noscript=1"/>\n
        </noscript>\n
        <!-- End Facebook Pixel Code -->\n
    \n
        <!-- wp_head starts -->\n
        <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />\n
    \n
    \t<!-- This site is optimized with the Yoast SEO Premium plugin v27.6 (Yoast SEO v27.6) - https://yoast.com/product/yoast-seo-premium-wordpress/ -->\n
    \t<title>STARTPLATZ : le hub de la scène startup de Rhénanie-du-Nord-Westphalie - STARTPLATZ</title>\n
    \t<link rel="canonical" href="https://www.staging.startplatz.de/fr/" />\n
    \t<meta property="og:locale" content="de_DE" />\n
    \t<meta property="og:type" content="article" />\n
    \t<meta property="og:title" content="STARTPLATZ : le hub de la scène startup de Rhénanie-du-Nord-Westphalie" />\n
    \t<meta property="og:description" content="Coworking Salles de conférence AI Hub Programmes Évènements À propos DE / EN / FR Login Devenir membre Espaces Coworking Postes de travail flexibles à Cologne &amp; Düsseldorf Bureaux d&#8217;équipe Bureaux privés pour 2 à 30 personnes Adresse professionnelle Adresse professionnelle + service postal Réserver Réserver une visite Venez nous rencontrer Sites Cologne Mediapark Düsseldorf [&hellip;]" />\n
    \t<meta property="og:url" content="https://www.staging.startplatz.de/fr/" />\n
    \t<meta property="og:site_name" content="STARTPLATZ" />\n
    \t<meta property="article:modified_time" content="2026-06-08T11:23:20+00:00" />\n
    \t<meta property="og:image" content="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_360/v1614775778/logos/STARTPLATZ_Logos/STARTPLATZ_Logo_wei%C3%9F.png" />\n
    \t<meta name="twitter:label1" content="Geschätzte Lesezeit" />\n
    \t<meta name="twitter:data1" content="11\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\/fr\/","url":"https:\/\/www.staging.startplatz.de\/fr\/","name":"STARTPLATZ : le hub de la scène startup de Rhénanie-du-Nord-Westphalie - STARTPLATZ","isPartOf":{"@id":"https:\/\/www.staging.startplatz.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.staging.startplatz.de\/fr\/#primaryimage"},"image":{"@id":"https:\/\/www.staging.startplatz.de\/fr\/#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/startplatz\/image\/upload\/c_scale,q_auto,w_360\/v1614775778\/logos\/STARTPLATZ_Logos\/STARTPLATZ_Logo_wei%C3%9F.png","datePublished":"2025-11-20T22:03:56+00:00","dateModified":"2026-06-08T11:23:20+00:00","breadcrumb":{"@id":"https:\/\/www.staging.startplatz.de\/fr\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.staging.startplatz.de\/fr\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.staging.startplatz.de\/fr\/#primaryimage","url":"https:\/\/res.cloudinary.com\/startplatz\/image\/upload\/c_scale,q_auto,w_360\/v1614775778\/logos\/STARTPLATZ_Logos\/STARTPLATZ_Logo_wei%C3%9F.png","contentUrl":"https:\/\/res.cloudinary.com\/startplatz\/image\/upload\/c_scale,q_auto,w_360\/v1614775778\/logos\/STARTPLATZ_Logos\/STARTPLATZ_Logo_wei%C3%9F.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.staging.startplatz.de\/fr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.staging.startplatz.de\/"},{"@type":"ListItem","position":2,"name":"STARTPLATZ : le hub de la scène startup de Rhénanie-du-Nord-Westphalie"}]},{"@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 &raquo; Feed" href="https://www.staging.startplatz.de/feed/" />\n
    <link rel="alternate" type="application/rss+xml" title="STARTPLATZ &raquo; 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%2Ffr%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%2Ffr%2F&#038;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:6a2a13d7c4b0f*/\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/79512" /><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=79512' />\n
        <!-- wp_head ends -->\n
    \n
    \n
        <!-- Bootstrap CSS -->\n
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">\n
    \n
        <!-- Google Fonts -->\n
        <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap" rel="stylesheet">\n
    \n
        <!-- additional CSS based on page settings -->\n
            <!-- additional css style definitions ends -->\n
    \n
        <style type="text/css">\n
            body {\n
                padding-top: 50px;\n
                font-family: 'Source Sans Pro', sans-serif;\n
            }\n
        </style>\n
    \n
        <!-- header-startplatz-v40.php ends -->\n
    \n
        <!-- Custom CSS per page (after Bootstrap) -->\n
        </head>\n
    \n
    \n
    <body id="top" >\n
    \n
        <!-- menu starts -->\n
        \n
    <style>\n
    \n
    \n
    #imgNav {\n
        height: 45px;\n
        width: 45px;\n
    \n
    }\n
    #imgNav img {\n
        object-fit: cover;\n
    }\n
    \n
    .navbar-collapse .navbar-nav .nav-item a:hover {\n
        background-color: #aacf61ff;\n
        color: #000000;\n
        border-radius: 5px;\n
    \n
    }\n
    \n
    .logo {\n
        font-weight: bolder;\n
        font-size: 1.5rem;\n
    }\n
    \n
    .navbar-nav .nav-item .dropdown-menu {\n
        border: none;\n
        background-color: #eae9e9;\n
    }\n
    \n
    #userNamePlaceHolder {\n
        background-color: rgba(170, 207, 97, 0.6);\n
    }\n
    .navbar-nav .nav-item .dropdown-menu a:hover {\n
        border-radius: 0;\n
    \n
    }\n
    \n
    \n
    .navbar-nav .nav-item .loginlink {\n
        background-color:#aacf61ff;\n
    }\n
    .navbar-collapse .navbar-nav .nav-item .loginlink:hover {\n
        background-color:#7ab800;\n
    }\n
    \n
    @media all and (min-width: 992px) {\n
        .navbar .dropdown-menu-end{ right:0; left: auto;  }\n
        .navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.1s; margin-top:0;  }\n
        .navbar .nav-item:hover .nav-link{ color: #000000;  }\n
        .navbar .dropdown-menu.fade-down {\n
            top:80%; transform: rotateX(-75deg); transform-origin: 0 0;\n
        }\n
        .navbar .dropdown-menu.fade-up{ top:180%;  }\n
        .navbar .nav-item:hover .dropdown-menu{transition: 0.1s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }\n
    }\n
    @media (max-width: 768px ) {\n
        .collapse {\n
            height: 100vh;\n
            transition: 0.5s; opacity: 1; visibility: visible; top: 100%; transform: rotateX(0deg);\n
        }\n
    \n
    \n
    }\n
    \n
    .highlight {\n
        border-bottom: 3px solid #AACF61;\n
    }\n
    \n
    .padding-bottom {\n
        padding-bottom: 2px;\n
    }\n
    </style>\n
    \n
    <style>\n
        .ai-hub-link:hover {\n
            color: black; /* Textfarbe beim Hover */\n
        }\n
    </style>\n
    \n
    \n
    \n
    <nav class="navbar navbar-dark bg-dark navbar-expand-lg fixed-top shadow-lg padding-bottom d-flex justify-content-lg-center">\n
            <a class="logo navbar-brand text-center mr-2 mr-lg-4" href="https://www.startplatz.de" rel="tooltip" title="Home for the innovative people in Rheinland" data-placement="bottom" >\n
                <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,w_107/v1614775778/logos/STARTPLATZ_Logos/STARTPLATZ_Logo_wei%C3%9F.png" class="p-0 m-0">\n
            </a>\n
    \n
            <button class="navbar-toggler " type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navbarSupportedContent-3" aria-expanded="false" aria-label="Toggle navigation">\n
                <span class="navbar-toggler-icon"></span>\n
            </button>\n
    \n
            <div class="collapse navbar-collapse mt-1" id="navigation" style="font-size: 0.9rem; max-width:920px" >\n
                    <ul class="navbar-nav mr-3">\n
                        \n
                        <li class="nav-item active mb-2 mt-2 mr-1 ml-0 mr-2">\n
                            <a class="nav-link px-2" style="background-color: rgba(142,86,255,1.0); border-radius: 10px; min-width:75px; display: inline-block; text-align: center; white-space: nowrap;" href="https://startplatz-ai-academy.de/">\n
                                AI Academy\n
                            </a>\n
                        </li>\n
    \n
                        <li class="nav-item dropdown active  mt-2 mr-2">\n
                            <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
                                Startups\n
                            </a>\n
                            <div class="dropdown-menu dropdown-menu-left" aria-labelledby="navbarDropdownMenuLink">\n
                                <hr class="my-2 mx-3">\n
                                <a class="dropdown-item" href="/fr/adhesions">\n
                                    Adhésions\n
                                </a>\n
                                <hr class="my-2 mx-3">\n
                                <a class="dropdown-item" href="/accelerator/">\n
                                    Accelerator\n
                                </a>\n
                                <a class="dropdown-item" href="https://www.rheinlandpitch.de">\n
                                    Rheinland Pitch\n
                                </a>\n
                                <a class="dropdown-item" href="/open-accelerator">\n
                                    Inkubator\n
                                </a>\n
                                \n
                            </div>\n
                        </li>\n
    \n
    \n
                        <li class="nav-item dropdown active  mt-2 mr-2\n
                                                                                       ">\n
                            <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
                                Pour les entreprises\n
                            </a>\n
                            <div class="dropdown-menu dropdown-menu-left" aria-labelledby="navbarDropdownMenuLink">\n
                                                            <a class="dropdown-item" href="/fr/innovation-entreprise">\n
                                    Innovation &amp; Partenariats\n
                                </a>\n
                                <a class="dropdown-item" href="/fr/">\n
                                    Formation en IA\n
                                </a>\n
                            </div>\n
                        </li>\n
    \n
                        <li class="nav-item dropdown active  mt-2 mr-2">\n
                            <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
                                Bureaux / Coworking\n
                            </a>\n
                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">\n
                                <a class="dropdown-item" href="/fr/bureaux-cologne">\n
                                    Bureaux à Cologne\n
                                </a>\n
                                <a class="dropdown-item" href="/fr/bureaux-duesseldorf">\n
                                    Bureaux à Düsseldorf\n
                                </a>\n
                                <a class="dropdown-item" href="/fr/coworking-cologne">\n
                                    Coworking à Cologne\n
                                </a>\n
                                <a class="dropdown-item" href="/fr/coworking-duesseldorf">\n
                                    Coworking à Düsseldorf\n
                                </a>\n
                                <a class="dropdown-item" href="/fr/">\n
                                    Adresse professionnelle Cologne\n
                                </a>\n
                                <a class="dropdown-item" href="/fr/">\n
                                    Adresse professionnelle Düsseldorf\n
                                </a>\n
                            </div>\n
                        </li>\n
    \n
    \n
                        <li class="nav-item dropdown active  mt-2 mr-2">\n
                            <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
                                Salles de conférence\n
                            </a>\n
                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">\n
                                <a class="dropdown-item" href="/fr/cologne-salles-conference">\n
                                    Salles de conférence à Cologne\n
                                </a>\n
                                <a class="dropdown-item" href="/fr/duesseldorf-salles-conference">\n
                                    Salles de conférence à Düsseldorf\n
                                </a>\n
    \n
                            </div>\n
                        </li>\n
    \n
    \n
                        <li class="nav-item active mt-2 mr-2\n
                                    ">\n
                            <a href="/fr/evenements" class="nav-link px-2">\n
                                Événements\n
                            </a>\n
                        </li>\n
    \n
    \n
                        <li class="nav-item dropdown active  mt-2 mr-2\n
                                                                                        ">\n
                            <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
                                À propos de nous\n
                            </a>\n
                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">\n
                                <a class="dropdown-item" href="/fr/a-propos">\n
                                    À propos de STARTPLATZ\n
                                </a>\n
                                <a class="dropdown-item" href="/fr/sites">\n
                                    Sites\n
                                </a>\n
                                <a class="dropdown-item" href="/fr/equipe-startplatz">\n
                                    Équipe STARTPLATZ\n
                                </a>\n
                                <a class="dropdown-item" href="/fr/partenaires">\n
                                    Partenaires\n
                                </a>\n
                                <a class="dropdown-item" href="/fr/startups">\n
                                    Nos startups\n
                                </a>\n
                                <a class="dropdown-item" href="/fr/references">\n
                                    Références\n
                                </a>\n
                                <a class="dropdown-item" href="/fr/carriere">\n
                                    Carrière\n
                                </a>\n
    \n
                            </div>\n
                        </li>\n
    \n
                        <li class="nav-item active  mt-2 mr-2">\n
                            <a class="nav-link px-2" href="/blog">\n
                                Blog\n
                            </a>\n
                        </li>\n
    \n
                        <li class="nav-item mt-2 mr-2">\n
                        <link href="https://fonts.googleapis.com/icon?family=Material+Icons%7CMaterial+Icons+Outlined" rel="stylesheet">\n
    <li class="nav-item dropdown active  mt-2 mr-2">\n
        <a href="#" class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
            <span class="material-icons-outlined" style="font-size:20px; vertical-align: bottom; color:white">\n
            language\n
            </span>\n
        </a>\n
        <div class="dropdown-menu" style="width:70px; min-width:70px;" aria-labelledby="navbarDropdownMenuLink">\n
                                <a class="dropdown-item" href="/ki-weiterbildungen">\n
                    <img src="/bundles/startplatzstyle/images/german_language.png" height="20px;" alt="Deutsch">\n
                </a>\n
            \n
                                <a class="dropdown-item" href="/en/business-address-duesseldorf">\n
                    <img src="/bundles/startplatzstyle/images/english_language.png" height="20px;" alt="English">\n
                </a>\n
            \n
                                            <a class="dropdown-item" href="/fr/">\n
                    <img src="/bundles/startplatzstyle/images/french_language.png" height="20px;" alt="Français">\n
                </a>\n
                </div>\n
    </li>\n
                        </li>\n
    \n
                                                <li class="nav-item active p-0 m-0 ml-lg-4 mt-2">\n
                                <a class="nav-link px-3"\n
                                   style="background-color:#7ab800; border-radius: 5px;"\n
                                   href="/login/">\n
                                    Login\n
                                </a>\n
                            </li>\n
                                        </ul>\n
            </div>\n
    </nav>\n
    \n
    <!-- homepage nav.homepage.bootstrap4 ends -->\n
        <!-- menu ends -->\n
    \n
    \n
    \n
        <!-- STARTPLATZ FR Homepage mobile-fix 2026-05-21 — section-title nowrap override -->\n
    <style>\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 Pro', -apple-system, BlinkMacSystemFont, sans-serif;\n
        --mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;\n
    }\n
    * { margin: 0; padding: 0; box-sizing: border-box; }\n
    html { scroll-behavior: smooth; }\n
    body {\n
        font-family: var(--sans);\n
        color: var(--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
    /* Top-Eintrag pro Panel: größer, Serif, mit grünem Pfeil-Akzent und Trennlinie */\n
    .megamenu-panel-col li.is-featured {\n
        margin-bottom: 22px;\n
        padding-bottom: 22px;\n
        border-bottom: 1px solid var(--sp-gray-mid);\n
    }\n
    .megamenu-panel-col li.is-featured a {\n
        font-family: var(--serif);\n
        font-size: 22px;\n
        font-weight: 400;\n
        line-height: 1.2;\n
        letter-spacing: -0.01em;\n
    }\n
    .megamenu-panel-col li.is-featured a::after {\n
        content: " →";\n
        color: var(--sp-green);\n
        font-weight: 700;\n
        font-family: var(--sans);\n
    }\n
    .megamenu-panel-col li.is-featured a small {\n
        font-family: var(--sans);\n
        font-size: 13px;\n
        margin-top: 6px;\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(110deg, rgba(255,255,255,0.96) 0%, rgba(255,255,255,0.92) 50%, rgba(243,241,236,0.85) 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
        color: var(--sp-graphit);\n
        padding: 80px 0 100px;\n
        min-height: auto;\n
        display: flex;\n
        flex-direction: column;\n
        justify-content: flex-start;\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.08) 60%, rgba(0,128,187,0.10));\n
        clip-path: polygon(35% 0, 100% 0, 100% 100%, 0 100%);\n
        pointer-events: none;\n
    }\n
    .hero::after {\n
        content: "";\n
        position: absolute;\n
        inset: 0;\n
        background: radial-gradient(ellipse at 80% 20%, rgba(122,184,0,0.05), 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
        display: grid;\n
        grid-template-columns: 1.5fr 1fr;\n
        gap: 128px;\n
        align-items: center;\n
    }\n
    .hero-text { max-width: 100%; }\n
    .hero-eyebrow {\n
        display: block;\n
        font-family: var(--mono);\n
        font-size: 15px;\n
        font-weight: 700;\n
        letter-spacing: 2px;\n
        color: var(--sp-green);\n
        margin-bottom: 24px;\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, 6.2vw, 84px);\n
        line-height: 1.05;\n
        margin-bottom: 28px;\n
        max-width: none;\n
        letter-spacing: -0.02em;\n
        white-space: nowrap;\n
    }\n
    .hero h1 em {\n
        color: var(--sp-green);\n
        font-style: italic;\n
    }\n
    .hero h1 em.hero-ai {\n
        color: #7c3aed;\n
    }\n
    .hero-sub em {\n
        color: #7c3aed;\n
        font-style: normal;\n
        font-weight: 600;\n
    }\n
    .hero-sub {\n
        font-size: 22px;\n
        color: var(--sp-gray);\n
        max-width: 48ch;\n
        line-height: 1.5;\n
        margin-bottom: 0;\n
    }\n
    .hero-sub + .hero-sub {\n
        margin-top: 1.2em;\n
    }\n
    .hero-pills {\n
        list-style: none;\n
        padding: 0;\n
        margin: 1.4em 0;\n
        display: flex;\n
        flex-wrap: wrap;\n
        gap: 0 18px;\n
    }\n
    .hero-pills li {\n
        font-family: var(--mono);\n
        font-size: 13px;\n
        font-weight: 600;\n
        letter-spacing: 1.5px;\n
        text-transform: uppercase;\n
        color: var(--sp-graphit);\n
        display: inline-flex;\n
        align-items: center;\n
    }\n
    .hero-pills li:not(:last-child)::after {\n
        content: '·';\n
        margin-left: 18px;\n
        color: var(--sp-gray-mid);\n
        font-weight: 400;\n
    }\n
    .hero-pills li.hero-pill-ai {\n
        color: #7c3aed;\n
    }\n
    .hero-stats {\n
        display: flex;\n
        flex-direction: column;\n
        gap: 28px;\n
        padding-left: 48px;\n
        border-left: 1px solid var(--sp-gray-mid);\n
        align-self: stretch;\n
        justify-content: center;\n
    }\n
    .hero-stat-num {\n
        font-family: var(--serif);\n
        font-size: clamp(34px, 3.6vw, 52px);\n
        line-height: 1;\n
        color: var(--sp-graphit);\n
        margin-bottom: 8px;\n
        letter-spacing: -0.01em;\n
    }\n
    .hero-stat-num em {\n
        color: var(--sp-green);\n
        font-style: normal;\n
    }\n
    .hero-stat-label {\n
        font-family: var(--mono);\n
        font-size: 13px;\n
        letter-spacing: 1.5px;\n
        text-transform: uppercase;\n
        color: var(--sp-gray);\n
        font-weight: 700;\n
        line-height: 1.3;\n
    }\n
    .scroll-indicator {\n
        position: absolute;\n
        left: 50%;\n
        bottom: 40px;\n
        transform: translateX(-50%);\n
        display: inline-flex;\n
        flex-direction: column;\n
        align-items: center;\n
        gap: 10px;\n
        text-decoration: none;\n
        color: var(--sp-gray);\n
        font-family: var(--mono);\n
        font-size: 11px;\n
        font-weight: 700;\n
        letter-spacing: 2px;\n
        text-transform: uppercase;\n
        opacity: 0.7;\n
        transition: opacity 0.25s ease, transform 0.25s ease;\n
    }\n
    .scroll-indicator:hover { opacity: 1; transform: translate(-50%, 4px); }\n
    .scroll-indicator-arrow {\n
        display: inline-flex;\n
        align-items: center;\n
        justify-content: center;\n
        width: 38px; height: 38px;\n
        border: 1.5px solid currentColor;\n
        border-radius: 50%;\n
        font-size: 16px;\n
        animation: scroll-bounce 2s ease-in-out infinite;\n
    }\n
    @keyframes scroll-bounce {\n
        0%, 100% { transform: translateY(0); }\n
        50% { transform: translateY(5px); }\n
    }\n
    \n
    /* === BANNER (Dynamischer Content-Slot zwischen Hero und Products) === */\n
    .banner {\n
        background: var(--sp-graphit);\n
        color: white;\n
        padding: 28px 0;\n
        border-top: 3px solid var(--sp-green);\n
        border-bottom: 1px solid rgba(255,255,255,0.08);\n
        position: relative;\n
        overflow: hidden;\n
    }\n
    .banner::before {\n
        content: "";\n
        position: absolute;\n
        top: 0; left: 0;\n
        width: 60%;\n
        height: 100%;\n
        background: radial-gradient(ellipse at 15% 50%, rgba(122,184,0,0.12) 0%, transparent 65%);\n
        pointer-events: none;\n
    }\n
    .banner-inner {\n
        display: grid;\n
        grid-template-columns: auto 1fr auto;\n
        gap: 32px;\n
        align-items: center;\n
        max-width: 1480px;\n
        margin: 0 auto;\n
        padding: 0 40px;\n
        position: relative;\n
        z-index: 1;\n
    }\n
    .banner-label {\n
        display: flex;\n
        align-items: center;\n
        gap: 12px;\n
        font-family: var(--mono);\n
        font-size: 12px;\n
        letter-spacing: 2.5px;\n
        text-transform: uppercase;\n
        color: var(--sp-green);\n
        font-weight: 700;\n
    }\n
    .banner-label::before {\n
        content: "";\n
        width: 10px; height: 10px;\n
        border-radius: 50%;\n
        background: var(--sp-green);\n
        box-shadow: 0 0 0 5px rgba(122,184,0,0.30), 0 0 14px rgba(122,184,0,0.5);\n
        animation: pulse 2.5s ease-in-out infinite;\n
    }\n
    .banner-items {\n
        display: flex;\n
        gap: 0;\n
        overflow: hidden;\n
    }\n
    .banner-item {\n
        flex: 1;\n
        padding: 0 28px;\n
        border-left: 1px solid rgba(255,255,255,0.12);\n
        text-decoration: none;\n
        color: inherit;\n
        min-width: 0;\n
        transition: opacity 0.2s ease;\n
    }\n
    .banner-item:first-child { border-left: none; padding-left: 0; }\n
    .banner-item:hover { opacity: 0.85; }\n
    .banner-item-meta {\n
        font-family: var(--mono);\n
        font-size: 10px;\n
        letter-spacing: 1.5px;\n
        text-transform: uppercase;\n
        color: rgba(255,255,255,0.55);\n
        font-weight: 700;\n
        margin-bottom: 4px;\n
    }\n
    .banner-item-title {\n
        font-size: 15px;\n
        font-weight: 600;\n
        color: white;\n
        line-height: 1.3;\n
        overflow: hidden;\n
        text-overflow: ellipsis;\n
        white-space: nowrap;\n
    }\n
    .banner-item-title em {\n
        color: var(--sp-green);\n
        font-style: normal;\n
    }\n
    .banner-all {\n
        font-size: 12px;\n
        color: var(--sp-green);\n
        font-weight: 700;\n
        letter-spacing: 1px;\n
        text-transform: uppercase;\n
        text-decoration: none;\n
        border: 1px solid var(--sp-green);\n
        padding: 8px 14px;\n
        border-radius: 999px;\n
        transition: background 0.2s ease, color 0.2s ease;\n
        flex-shrink: 0;\n
    }\n
    .banner-all:hover { background: var(--sp-green); color: white; }\n
    @media (max-width: 980px) {\n
        .banner-inner { grid-template-columns: 1fr; gap: 18px; padding: 16px 24px; }\n
        .banner-items { flex-direction: column; gap: 14px; }\n
        .banner-item { border-left: none; border-top: 1px solid rgba(255,255,255,0.12); padding: 14px 0 0; }\n
        .banner-item:first-child { border-top: none; padding-top: 0; }\n
        .banner-item-title { white-space: normal; }\n
    }\n
    \n
    /* Product Cards — Kacheln mit Bild + Beschreibung + CTA (Bottom-of-Hero-Pattern) */\n
    .products-section {\n
        background: var(--sp-warm);\n
        padding: 100px 0 100px;\n
    }\n
    .products-section .container { padding-bottom: 56px; }\n
    .products-section .section-title { max-width: 28ch; }\n
    .products-grid {\n
        display: grid;\n
        grid-template-columns: repeat(6, 1fr);\n
        gap: 16px;\n
        max-width: 1480px;\n
        margin: 0 auto;\n
        padding: 0 40px;\n
    }\n
    .product {\n
        display: flex;\n
        flex-direction: column;\n
        background: white;\n
        border-radius: 8px;\n
        overflow: hidden;\n
        text-decoration: none;\n
        color: inherit;\n
        box-shadow: 0 2px 8px -2px rgba(0,0,0,0.08);\n
        transition: transform 0.25s ease, box-shadow 0.25s ease;\n
    }\n
    .product:hover {\n
        transform: translateY(-4px);\n
        box-shadow: 0 20px 40px -16px rgba(0,0,0,0.20);\n
    }\n
    .product-tile {\n
        color: white;\n
        padding: 26px 26px;\n
        font-family: var(--sans);\n
        font-weight: 700;\n
        font-size: 15px;\n
        letter-spacing: 1.8px;\n
        text-transform: uppercase;\n
        min-height: 92px;\n
        display: flex;\n
        align-items: center;\n
        justify-content: space-between;\n
        line-height: 1.15;\n
        gap: 10px;\n
    }\n
    .product-tile::after {\n
        content: "→";\n
        font-size: 18px;\n
        opacity: 0.7;\n
        flex-shrink: 0;\n
        transition: transform 0.2s ease, opacity 0.2s ease;\n
    }\n
    .product:hover .product-tile::after { transform: translateX(3px); opacity: 1; }\n
    .product-image {\n
        aspect-ratio: 5 / 4;\n
        background: var(--sp-gray-light);\n
        overflow: hidden;\n
    }\n
    .product-image img {\n
        width: 100%;\n
        height: 100%;\n
        object-fit: cover;\n
        transition: transform 0.4s ease;\n
    }\n
    .product:hover .product-image img { transform: scale(1.04); }\n
    .product-content {\n
        padding: 26px 26px 30px;\n
        flex: 1;\n
        display: flex;\n
        flex-direction: column;\n
        gap: 18px;\n
    }\n
    .product-desc {\n
        font-size: 15px;\n
        color: var(--sp-gray);\n
        line-height: 1.5;\n
        flex: 1;\n
    }\n
    .product-cta {\n
        font-size: 14px;\n
        font-weight: 700;\n
        color: var(--sp-green);\n
        letter-spacing: 0.3px;\n
    }\n
    .product-cta::after { content: " →"; }\n
    \n
    .product-cta-toggle {\n
        background: none;\n
        border: 0;\n
        padding: 0;\n
        cursor: pointer;\n
        font: inherit;\n
        color: var(--sp-green);\n
        font-size: 14px;\n
        font-weight: 700;\n
        letter-spacing: 0.3px;\n
        text-align: left;\n
        transition: opacity 0.18s ease;\n
    }\n
    .product-cta-toggle::after { content: " →"; }\n
    .product.is-expanded .product-cta-toggle::after { content: ""; }\n
    .product.is-expanded .product-cta-toggle { color: var(--sp-graphit); }\n
    .product-cta-toggle:hover { opacity: 0.65; }\n
    .product--expandable .product-locations { display: none; }\n
    .product--expandable.is-expanded .product-locations { display: flex; }\n
    \n
    /* Standortauswahl: Karten mit zwei Standorten (Coworking, Konferenzräume)\n
       zeigen zwei Pfeil-Links Köln / Düsseldorf im gleichen Stil wie der normale CTA. */\n
    .product-locations {\n
        display: flex;\n
        gap: 18px;\n
        flex-wrap: wrap;\n
    }\n
    .product-location {\n
        font-size: 14px;\n
        font-weight: 700;\n
        color: var(--sp-green);\n
        letter-spacing: 0.3px;\n
        text-decoration: none;\n
        transition: opacity 0.18s ease;\n
    }\n
    .product-location::after { content: " →"; }\n
    .product-location:hover { opacity: 0.65; }\n
    .product-locations--grouped {\n
        flex-direction: column;\n
        gap: 14px;\n
        align-items: flex-start;\n
    }\n
    .product-location-row {\n
        display: flex;\n
        flex-wrap: wrap;\n
        gap: 6px 14px;\n
        align-items: baseline;\n
    }\n
    .product-location-city {\n
        flex-basis: 100%;\n
        font-family: var(--mono);\n
        font-size: 11px;\n
        font-weight: 700;\n
        letter-spacing: 1.5px;\n
        text-transform: uppercase;\n
        color: var(--sp-gray);\n
    }\n
    \n
    .product-coworking   .product-tile { background: #f97316; }\n
    .product-konferenz   .product-tile { background: var(--sp-blue); }\n
    .product-startup     .product-tile { background: var(--sp-green); }\n
    .product-aihub       .product-tile { background: #7c3aed; }\n
    .product-events      .product-tile { background: var(--sp-graphit); }\n
    .product-corporate   .product-tile { background: var(--sp-gray); }\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(4, 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-family: var(--mono);\n
        font-size: 15px;\n
        font-weight: 700;\n
        letter-spacing: 3px;\n
        text-transform: uppercase;\n
        color: var(--sp-green);\n
        margin-bottom: 20px;\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; scroll-margin-top: 100px; }\n
    .latest { scroll-margin-top: 100px; }\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: white;\n
        color: var(--sp-graphit);\n
        grid-column: span 2;\n
        aspect-ratio: 2 / 1.15;\n
        padding: 32px 32px;\n
        border: 2px solid var(--sp-green);\n
        background-image: linear-gradient(135deg, rgba(122,184,0,0.06), transparent 60%);\n
    }\n
    .story-card.featured::after { color: var(--sp-green); opacity: 0.8; }\n
    .story-card.featured:hover { background: white; border-color: var(--sp-green-dark); box-shadow: 0 18px 40px -22px rgba(0,0,0,0.18); }\n
    .story-card.is-empty {\n
        background: transparent;\n
        border: 2px dashed var(--sp-gray-mid);\n
        box-shadow: none;\n
        cursor: default;\n
    }\n
    .story-card.is-empty:hover {\n
        transform: none;\n
        background: transparent;\n
        border-color: var(--sp-gray);\n
    }\n
    .story-card.is-empty::after { display: none; }\n
    .story-card.is-empty .story-meta { opacity: 0.5; }\n
    .story-empty-label {\n
        color: var(--sp-gray-mid);\n
        font-family: var(--serif);\n
        font-size: 24px;\n
        font-style: italic;\n
    }\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%); }\n
    .story-card.featured:hover .story-logo { opacity: 1; filter: none; }\n
    .story-name {\n
        font-family: var(--serif);\n
        font-size: 24px;\n
        line-height: 1.15;\n
        color: var(--sp-graphit);\n
    }\n
    .story-card.featured .story-name { font-size: 34px; color: var(--sp-graphit); max-width: 22ch; line-height: 1.1; }\n
    .story-card:not(.featured) .story-name { color: var(--sp-graphit); }\n
    .story-meta {\n
        font-family: var(--mono);\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: var(--sp-gray); 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
    /* WIP-Placeholder für Sektionen, deren finale Inhalte noch in Arbeit sind */\n
    .wip-placeholder {\n
        max-width: 360px;\n
        margin: 16px auto 0;\n
        padding: 14px 22px;\n
        border: 1.5px dashed var(--sp-gray-mid);\n
        border-radius: 999px;\n
        text-align: center;\n
        font-family: var(--mono);\n
        font-size: 12px;\n
        font-weight: 700;\n
        letter-spacing: 2px;\n
        text-transform: uppercase;\n
        color: var(--sp-gray);\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-gray-light);\n
        color: var(--sp-graphit);\n
        padding: clamp(80px, 10vw, 130px) 0;\n
    }\n
    .pillars .section-title { color: var(--sp-graphit); }\n
    .pillars .section-eyebrow { color: var(--sp-green-dark); }\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: white;\n
        border-radius: 0 12px 12px 0;\n
        box-shadow: 0 2px 12px -4px rgba(0,0,0,0.06);\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: var(--sp-gray);\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 var(--sp-gray-mid);\n
        color: var(--sp-graphit);\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
        background: linear-gradient(135deg, var(--sp-warm), var(--sp-gray-mid));\n
        display: flex;\n
        align-items: center;\n
        justify-content: center;\n
        color: var(--sp-gray);\n
        font-family: var(--serif);\n
        font-size: 40px;\n
        overflow: hidden;\n
        position: relative;\n
    }\n
    .location-img img {\n
        position: absolute;\n
        inset: 0;\n
        width: 100%;\n
        height: 100%;\n
        object-fit: cover;\n
        display: block;\n
        transition: transform 0.5s ease;\n
    }\n
    .location:hover .location-img img { transform: scale(1.03); }\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-family: var(--mono);\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: linear-gradient(135deg, var(--sp-gray-light), var(--sp-warm));\n
        display: flex;\n
        align-items: flex-end;\n
        justify-content: flex-start;\n
        padding: 24px;\n
        color: var(--sp-graphit);\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.18), transparent 55%),\n
            linear-gradient(225deg, rgba(0,128,187,0.14), 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-img img {\n
        position: absolute;\n
        inset: 0;\n
        width: 100%;\n
        height: 100%;\n
        object-fit: cover;\n
        display: block;\n
        z-index: 0;\n
        transition: transform 0.4s ease;\n
    }\n
    .latest-card:hover .latest-card-img img { transform: scale(1.04); }\n
    .latest-card-img:has(img)::before,\n
    .latest-card-img:has(img)::after { display: none; }\n
    .latest-card-img:has(img) .latest-card-img-label { display: none; }\n
    .latest-card:hover .latest-card-img::before {\n
        background:\n
            linear-gradient(135deg, rgba(122,184,0,0.30), transparent 60%),\n
            linear-gradient(225deg, rgba(0,128,187,0.22), transparent 60%);\n
    }\n
    .latest-card-body { padding: 24px; }\n
    .latest-tag {\n
        display: inline-block;\n
        font-family: var(--mono);\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
    /* === HIGHLIGHTS — Light Theme with Image Cards + Stat === */\n
    .highlights-section {\n
        padding: 0;\n
        margin-top: clamp(60px, 8vw, 110px);\n
    }\n
    .highlights-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
    .highlight-card {\n
        background: white;\n
        border-radius: 12px;\n
        overflow: hidden;\n
        text-decoration: none;\n
        color: inherit;\n
        display: flex;\n
        flex-direction: column;\n
        border: 1px solid var(--sp-gray-mid);\n
        box-shadow: 0 2px 8px -2px rgba(0,0,0,0.06);\n
        transition: transform 0.25s ease, box-shadow 0.25s ease;\n
    }\n
    .highlight-card:hover {\n
        transform: translateY(-4px);\n
        box-shadow: 0 20px 40px -16px rgba(0,0,0,0.16);\n
    }\n
    .highlight-img-block {\n
        aspect-ratio: 16 / 9;\n
        overflow: hidden;\n
        position: relative;\n
        background: var(--sp-warm);\n
    }\n
    .highlight-img-block img {\n
        width: 100%;\n
        height: 100%;\n
        object-fit: cover;\n
        display: block;\n
        transition: transform 0.4s ease;\n
    }\n
    .highlight-card:hover .highlight-img-block img { transform: scale(1.04); }\n
    .highlight-img-block.is-split {\n
        display: grid;\n
        grid-template-columns: 1fr 1fr;\n
        gap: 2px;\n
    }\n
    .highlight-body {\n
        padding: 22px 22px 20px;\n
        display: flex;\n
        flex-direction: column;\n
        flex: 1;\n
    }\n
    .highlight-eyebrow {\n
        font-family: var(--mono);\n
        font-size: 13px;\n
        font-weight: 700;\n
        letter-spacing: 2px;\n
        text-transform: uppercase;\n
        color: var(--sp-graphit);\n
        margin-bottom: 10px;\n
    }\n
    .highlight-num {\n
        font-family: var(--serif);\n
        font-size: clamp(40px, 4vw, 56px);\n
        line-height: 0.95;\n
        color: var(--sp-graphit);\n
        letter-spacing: -0.03em;\n
        margin-bottom: 8px;\n
    }\n
    .highlight-num em {\n
        color: var(--sp-green);\n
        font-style: normal;\n
    }\n
    .highlight-num-sub {\n
        font-family: var(--mono);\n
        font-size: 11px;\n
        font-weight: 700;\n
        letter-spacing: 1.5px;\n
        text-transform: uppercase;\n
        color: var(--sp-green);\n
        margin-bottom: 18px;\n
    }\n
    .highlight-desc {\n
        font-size: 13px;\n
        line-height: 1.5;\n
        color: var(--sp-gray);\n
        margin: 0 0 16px;\n
        flex: 1;\n
    }\n
    .highlight-location-links {\n
        display: flex;\n
        gap: 18px;\n
        margin-top: auto;\n
        flex-wrap: wrap;\n
    }\n
    .highlight-location-link {\n
        font-family: var(--mono);\n
        font-size: 11px;\n
        font-weight: 700;\n
        letter-spacing: 1.5px;\n
        text-transform: uppercase;\n
        color: var(--sp-green);\n
        text-decoration: none;\n
        transition: opacity 0.2s ease;\n
    }\n
    .highlight-location-link:hover { opacity: 0.65; }\n
    .highlight-card--locations { cursor: default; }\n
    .highlight-card--locations:hover { transform: none; box-shadow: 0 2px 8px -2px rgba(0,0,0,0.06); }\n
    .highlight-card--locations:hover .highlight-img-block img { transform: none; }\n
    .highlight-arrow {\n
        display: inline-flex;\n
        align-items: center;\n
        gap: 8px;\n
        font-family: var(--mono);\n
        font-size: 11px;\n
        font-weight: 700;\n
        letter-spacing: 1.5px;\n
        text-transform: uppercase;\n
        color: var(--sp-green);\n
        margin-top: auto;\n
    }\n
    .highlight-arrow::after {\n
        content: "→";\n
        font-size: 14px;\n
        transition: transform 0.2s ease;\n
    }\n
    .highlight-card:hover .highlight-arrow::after { transform: translateX(4px); }\n
    @media (max-width: 1024px) {\n
        .highlights-grid { grid-template-columns: repeat(2, 1fr); }\n
    }\n
    @media (max-width: 600px) {\n
        .highlights-grid { grid-template-columns: 1fr; }\n
    }\n
    \n
    /* === PARTNERS BANNER — horizontal marquee of partner logos === */\n
    .partners-banner {\n
        background: white;\n
        padding: 24px 0;\n
        overflow: hidden;\n
        border-top: 1px solid var(--sp-gray-mid);\n
        border-bottom: 1px solid var(--sp-gray-mid);\n
    }\n
    .partners-title {\n
        text-align: center;\n
        font-family: var(--mono);\n
        font-size: 12px;\n
        letter-spacing: 2px;\n
        text-transform: uppercase;\n
        color: var(--sp-gray);\n
        font-weight: 700;\n
        margin-bottom: 36px;\n
    }\n
    .partners-marquee {\n
        display: flex;\n
        overflow: hidden;\n
        mask-image: linear-gradient(90deg, transparent 0, black 8%, black 92%, transparent 100%);\n
        -webkit-mask-image: linear-gradient(90deg, transparent 0, black 8%, black 92%, transparent 100%);\n
    }\n
    .partners-track {\n
        display: flex;\n
        gap: 64px;\n
        animation: scroll-partners 50s linear infinite;\n
        flex-shrink: 0;\n
        padding-right: 64px;\n
    }\n
    .partners-banner:hover .partners-track { animation-play-state: paused; }\n
    \n
    /* === AI HUB FEATURE — dedicated showcase for AI-Welt === */\n
    .ai-hub-feature {\n
        scroll-margin-top: 100px;\n
        background: linear-gradient(180deg, white 0%, rgba(124,58,237,0.04) 100%);\n
        padding: 100px 0;\n
        border-top: 1px solid var(--sp-gray-mid);\n
    }\n
    .ai-hub-feature .container { text-align: center; }\n
    .ai-hub-feature .section-eyebrow {\n
        color: #7c3aed;\n
        margin-bottom: 12px;\n
    }\n
    .ai-hub-feature .section-title {\n
        margin: 0 auto 22px;\n
        max-width: 28ch;\n
    }\n
    .ai-hub-sub {\n
        text-align: center;\n
        max-width: 62ch;\n
        margin: 0 auto 56px;\n
        font-size: 17px;\n
        color: var(--sp-gray);\n
        line-height: 1.6;\n
    }\n
    .ai-hub-grid {\n
        display: grid;\n
        grid-template-columns: repeat(4, 1fr);\n
        gap: 18px;\n
        max-width: 1280px;\n
        margin: 0 auto;\n
        padding: 0 32px;\n
    }\n
    .ai-hub-card {\n
        background: white;\n
        border: 1px solid var(--sp-gray-mid);\n
        border-top: 4px solid #7c3aed;\n
        border-radius: 12px;\n
        padding: 32px 26px 28px;\n
        text-decoration: none;\n
        color: inherit;\n
        display: flex;\n
        flex-direction: column;\n
        gap: 14px;\n
        transition: transform 0.25s ease, box-shadow 0.25s ease;\n
    }\n
    .ai-hub-card:hover {\n
        transform: translateY(-3px);\n
        box-shadow: 0 18px 40px -22px rgba(124,58,237,0.16);\n
    }\n
    .ai-hub-card-num {\n
        font-family: var(--mono);\n
        font-size: 11px;\n
        font-weight: 700;\n
        letter-spacing: 2px;\n
        color: #7c3aed;\n
        text-transform: uppercase;\n
    }\n
    .ai-hub-card h3 {\n
        font-family: var(--serif);\n
        font-size: 24px;\n
        line-height: 1.15;\n
        color: var(--sp-graphit);\n
        margin: 0;\n
        letter-spacing: -0.01em;\n
    }\n
    .ai-hub-card p {\n
        font-size: 14px;\n
        line-height: 1.55;\n
        color: var(--sp-gray);\n
        flex: 1;\n
        margin: 0;\n
    }\n
    .ai-hub-card-cta {\n
        font-size: 13px;\n
        font-weight: 700;\n
        color: #7c3aed;\n
        letter-spacing: 0.3px;\n
        margin-top: 6px;\n
    }\n
    .ai-hub-card-cta::after { content: " →"; }\n
    @media (max-width: 980px) {\n
        .ai-hub-grid { grid-template-columns: 1fr 1fr; }\n
    }\n
    @media (max-width: 560px) {\n
        .ai-hub-grid { grid-template-columns: 1fr; }\n
    }\n
    .ai-hub-bridge {\n
        display: grid;\n
        grid-template-columns: 1.2fr 1fr;\n
        gap: 48px;\n
        align-items: center;\n
        max-width: 1280px;\n
        margin: 32px auto 0;\n
        padding: 36px 44px;\n
        background: linear-gradient(135deg, var(--sp-graphit) 0%, #2a1f4a 100%);\n
        border-radius: 12px;\n
        border-left: 4px solid #7c3aed;\n
        text-decoration: none;\n
        color: white;\n
        transition: transform 0.25s ease, box-shadow 0.25s ease;\n
    }\n
    .ai-hub-bridge-right img {\n
        display: block;\n
        width: 100%;\n
        height: auto;\n
        border-radius: 10px;\n
        box-shadow: 0 18px 40px -22px rgba(0,0,0,0.5);\n
    }\n
    .ai-hub-bridge:hover {\n
        transform: translateY(-2px);\n
        box-shadow: 0 24px 50px -22px rgba(124,58,237,0.35);\n
    }\n
    .ai-hub-bridge-eyebrow {\n
        font-family: var(--mono);\n
        font-size: 11px;\n
        font-weight: 700;\n
        letter-spacing: 2px;\n
        text-transform: uppercase;\n
        color: #c4b5fd;\n
        margin-bottom: 10px;\n
    }\n
    .ai-hub-bridge-title {\n
        font-family: var(--serif);\n
        font-size: 28px;\n
        line-height: 1.15;\n
        margin: 0 0 12px;\n
        letter-spacing: -0.01em;\n
        color: white;\n
    }\n
    .ai-hub-bridge-text {\n
        font-size: 15px;\n
        line-height: 1.6;\n
        color: rgba(255,255,255,0.78);\n
        margin: 0;\n
    }\n
    .ai-hub-bridge-stats {\n
        display: flex;\n
        gap: 36px;\n
        margin: 22px 0 24px;\n
    }\n
    .ai-hub-bridge-stat {\n
        display: flex;\n
        flex-direction: column;\n
    }\n
    .ai-hub-bridge-stat-num {\n
        font-family: var(--serif);\n
        font-size: 26px;\n
        font-weight: 700;\n
        color: white;\n
        line-height: 1;\n
    }\n
    .ai-hub-bridge-stat-label {\n
        font-family: var(--mono);\n
        font-size: 10px;\n
        letter-spacing: 1.5px;\n
        text-transform: uppercase;\n
        color: rgba(255,255,255,0.55);\n
        margin-top: 6px;\n
    }\n
    .ai-hub-bridge-partners {\n
        margin-bottom: 20px;\n
    }\n
    .ai-hub-bridge-partners-label {\n
        display: block;\n
        font-family: var(--mono);\n
        font-size: 10px;\n
        letter-spacing: 1.5px;\n
        text-transform: uppercase;\n
        color: rgba(255,255,255,0.45);\n
        margin-bottom: 4px;\n
    }\n
    .ai-hub-bridge-partners-list {\n
        font-size: 13px;\n
        color: rgba(255,255,255,0.75);\n
        line-height: 1.5;\n
    }\n
    .ai-hub-bridge-cta {\n
        display: inline-block;\n
        font-size: 13px;\n
        font-weight: 700;\n
        letter-spacing: 0.3px;\n
        color: #c4b5fd;\n
        border: 1px solid #c4b5fd;\n
        padding: 10px 18px;\n
        border-radius: 999px;\n
        transition: background 0.2s ease, color 0.2s ease;\n
    }\n
    .ai-hub-bridge:hover .ai-hub-bridge-cta { background: #c4b5fd; color: var(--sp-graphit); }\n
    @media (max-width: 860px) {\n
        .ai-hub-bridge { grid-template-columns: 1fr; gap: 24px; padding: 28px 24px; margin-top: 24px; }\n
        .ai-hub-bridge-stats { gap: 24px; }\n
        .ai-hub-bridge-title { font-size: 24px; }\n
    }\n
    .partner-logo {\n
        flex-shrink: 0;\n
        height: 44px;\n
        display: flex;\n
        align-items: center;\n
        color: var(--sp-gray);\n
        font-family: var(--sans);\n
        font-size: 22px;\n
        font-weight: 700;\n
        opacity: 0.55;\n
        transition: opacity 0.2s ease, color 0.2s ease;\n
        text-decoration: none;\n
        letter-spacing: 0.5px;\n
        white-space: nowrap;\n
    }\n
    .partner-logo:hover { opacity: 1; color: var(--sp-graphit); }\n
    @keyframes scroll-partners {\n
        0% { transform: translateX(0); }\n
        100% { transform: translateX(-100%); }\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
    /* === SEO FOOTER === */\n
    .seo-footer {\n
        background: white;\n
        padding: clamp(60px, 8vw, 100px) 0 clamp(40px, 6vw, 70px);\n
        border-top: 1px solid var(--sp-gray-mid);\n
    }\n
    .seo-footer .container { max-width: 880px; }\n
    .seo-footer .section-title { margin-bottom: 32px; }\n
    .seo-footer-text {\n
        font-size: 16px;\n
        line-height: 1.7;\n
        color: var(--sp-gray);\n
        margin-bottom: 18px;\n
    }\n
    .seo-footer-text strong {\n
        color: var(--sp-graphit);\n
        font-weight: 600;\n
    }\n
    .seo-footer-list-title {\n
        font-family: var(--mono);\n
        font-size: 12px;\n
        font-weight: 700;\n
        letter-spacing: 2px;\n
        text-transform: uppercase;\n
        color: var(--sp-gray);\n
        margin: 40px 0 16px;\n
    }\n
    .seo-footer-list {\n
        list-style: none;\n
        padding: 0;\n
        margin: 0;\n
        display: flex;\n
        flex-wrap: wrap;\n
        gap: 8px 0;\n
    }\n
    .seo-footer-list a {\n
        color: var(--sp-graphit);\n
        text-decoration: none;\n
        font-size: 14px;\n
        font-weight: 600;\n
        line-height: 1.5;\n
        transition: color 0.18s ease;\n
    }\n
    .seo-footer-list li:not(:last-child) a::after {\n
        content: "  ·  ";\n
        color: var(--sp-gray-mid);\n
        font-weight: 400;\n
        margin: 0 4px;\n
    }\n
    .seo-footer-list a:hover { color: var(--sp-green); }\n
    \n
    /* === NEWSLETTER === */\n
    .newsletter {\n
        background: var(--sp-warm);\n
        color: var(--sp-graphit);\n
        padding: clamp(64px, 9vw, 110px) 0;\n
        border-top: 1px solid var(--sp-gray-mid);\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; color: var(--sp-graphit); \n
    }\n
    .newsletter p {\n
        font-size: 17px;\n
        color: var(--sp-gray);\n
        margin-bottom: 36px; color: var(--sp-gray); \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 var(--sp-gray-mid);\n
        background: white;\n
        color: var(--sp-graphit);\n
        font: inherit;\n
        font-size: 15px;\n
    }\n
    .newsletter-form input::placeholder { color: var(--sp-gray); }\n
    .newsletter-form input:focus { outline: none; border-color: var(--sp-green); background: white; box-shadow: 0 0 0 4px rgba(122,184,0,0.12); }\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-gray-light);\n
        color: var(--sp-gray);\n
        padding: 32px 0;\n
        text-align: center;\n
        font-size: 13px;\n
        border-top: 1px solid var(--sp-gray-mid);\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; min-height: auto; }\n
        .hero h1 { font-size: clamp(36px, 8vw, 56px); max-width: 100%; }\n
        .hero-sub { font-size: 17px; margin-bottom: 0; max-width: 100%; }\n
        .hero-content { grid-template-columns: 1fr; gap: 48px; }\n
        .scroll-indicator { display: none; }\n
        .hero-stats {\n
            flex-direction: row;\n
            flex-wrap: wrap;\n
            padding-left: 0;\n
            border-left: none;\n
            border-top: 1px solid var(--sp-gray-mid);\n
            padding-top: 28px;\n
            gap: 24px 32px;\n
        }\n
        .hero-stat { flex: 1 1 40%; }\n
        .products-grid { grid-template-columns: 1fr 1fr 1fr; gap: 10px; }\n
        .hero-stats { grid-template-columns: 1fr 1fr; gap: 24px; }\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; letter-spacing: 2.5px; margin-bottom: 18px; }\n
        .hero h1 { font-size: clamp(36px, 11vw, 52px); margin-bottom: 20px; }\n
        .hero-sub { font-size: 16px; margin-bottom: 32px; }\n
        .products-grid { grid-template-columns: 1fr; gap: 16px; }\n
        .product-tile { font-size: 14px; letter-spacing: 1px; }\n
        .hero-pills { gap: 8px 14px; margin: 1em 0; }\n
        .hero-pills li:not(:last-child)::after { display: none; }\n
        .hero-stats { grid-template-columns: 1fr 1fr; gap: 20px; }\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; white-space: normal !important; max-width: 100% !important; }\n
        .hero-stats .hero-stat:nth-child(2) { display: none; }\n
        .hero { padding: 64px 0 48px !important; }\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
    /* === SYMFONY-HEADER-OVERRIDE (nur für diese Page, Bold-Builder-Konsistenz) === */\n
    nav.bg-gray-900 {\n
        background: white !important;\n
        box-shadow: 0 1px 0 var(--sp-gray-mid), 0 2px 8px rgba(0,0,0,0.04) !important;\n
    }\n
    nav.bg-gray-900 .text-white,\n
    nav.bg-gray-900 button,\n
    nav.bg-gray-900 li > a {\n
        color: var(--sp-graphit) !important;\n
    }\n
    /* Logo-Variant: weißes Cloudinary-Logo via filter invertieren (für Test-Page-Render) */\n
    nav.bg-gray-900 img[src*="STARTPLATZ_Logo_wei"] {\n
        filter: invert(1) saturate(0);\n
    }\n
    /* AI-Hub-Pille bleibt lila — weißer Text wird wieder weiß */\n
    nav.bg-gray-900 a[style*="rgba(142,86,255"] {\n
        color: white !important;\n
    }\n
    /* Hover: SP-Grün-Akzent statt des helleren Lime-Tons */\n
    nav.bg-gray-900 a:hover,\n
    nav.bg-gray-900 button:hover {\n
        background-color: var(--sp-green) !important;\n
        color: white !important;\n
    }\n
    /* Dropdown-Panel: warm-Hintergrund statt Hellgrau */\n
    nav.bg-gray-900 div[class*="rounded shadow-lg"] {\n
        background: var(--sp-warm) !important;\n
    }\n
    nav.bg-gray-900 div[class*="rounded shadow-lg"] a {\n
        color: var(--sp-graphit) !important;\n
    }\n
    nav.bg-gray-900 div[class*="rounded shadow-lg"] a:hover {\n
        background-color: var(--sp-green) !important;\n
        color: white !important;\n
    }\n
    /* Mobile-Menu-Stack: bei dunklem Hintergrund (mobileOpen) auch hell */\n
    nav.bg-gray-900 ul[class*="bg-gray-900"] {\n
        background: white !important;\n
    }\n
    </style>\n
    \n
    <!-- ═══════════════════════ MEGA MENU ═══════════════════════ -->\n
    <nav class="megamenu is-transparent" id="megamenu">\n
        <div class="megamenu-bar">\n
            <a href="/" class="megamenu-logo" aria-label="STARTPLATZ Accueil">\n
                <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_360/v1614775778/logos/STARTPLATZ_Logos/STARTPLATZ_Logo_wei%C3%9F.png" alt="STARTPLATZ" class="logo-light">\n
                <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_360/v1614775163/logos/STARTPLATZ_Logos/STARTPLATZ_Logo.png" alt="STARTPLATZ" class="logo-dark">\n
            </a>\n
            <ul class="megamenu-nav">\n
                <li><button class="megamenu-link" data-panel="coworking">Coworking</button></li>\n
                <li><button class="megamenu-link" data-panel="konferenz">Salles de conférence</button></li>\n
                <li><button class="megamenu-link" data-panel="aihub">AI Hub</button></li>\n
                <li><button class="megamenu-link" data-panel="programme">Programmes</button></li>\n
                <li><button class="megamenu-link" data-panel="events">Évènements</button></li>\n
                <li><button class="megamenu-link" data-panel="ueber">À propos</button></li>\n
            </ul>\n
            <div class="megamenu-actions">\n
                <div class="megamenu-lang"><a href="/" lang="de">DE</a> / <a href="/en/" lang="en">EN</a> / <a href="/fr/" lang="fr">FR</a></div>\n
                <a href="/login/" class="megamenu-login">Login</a>\n
                <a href="/fr/adhesions" class="megamenu-cta">Devenir membre</a>\n
                <button class="megamenu-burger" id="burger" aria-label="Menu"><span></span></button>\n
            </div>\n
        </div>\n
    \n
        <!-- Mega Panels -->\n
        <div class="megamenu-panel" data-panel="coworking">\n
            <div class="megamenu-panel-grid">\n
                <div class="megamenu-panel-col">\n
                    <h4>Espaces</h4>\n
                    <ul>\n
                        <li class="is-featured"><a href="https://www.startplatz.de/coworking-koeln/" target="_blank" rel="noopener" class="is-live">Coworking <small>Postes de travail flexibles à Cologne &amp; Düsseldorf</small></a></li>\n
                        <li><a href="https://www.startplatz.de/teambuero-koeln/" target="_blank" rel="noopener" class="is-live">Bureaux d'équipe <small>Bureaux privés pour 2 à 30 personnes</small></a></li>\n
                        <li><a href="https://www.startplatz.de/geschaeftsanschrift-koeln/" target="_blank" rel="noopener" class="is-live">Adresse professionnelle <small>Adresse professionnelle + service postal</small></a></li>\n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-col">\n
                    <h4>Réserver</h4>\n
                    <ul>\n
    \n
                        <li><a href="../standorte/standorte_website_2.html">Réserver une visite <small>Venez nous rencontrer</small></a></li>\n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-col">\n
                    <h4>Sites</h4>\n
                    <ul>\n
                        <li><a href="../standorte/standorte_website_2.html">Cologne Mediapark</a></li>\n
                        <li><a href="../standorte/standorte_website_2.html">Düsseldorf Medienhafen</a></li>\n
                        <li><a href="../standorte/standorte_website_2.html">Réserver une visite</a></li>\n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-feature">\n
                    <h5>Pass journée à 10 €</h5>\n
                    <p>Passez nous voir, travaillez une journée chez nous, rencontrez la communauté.</p>\n
                </div>\n
            </div>\n
        </div>\n
    \n
        <div class="megamenu-panel" data-panel="konferenz">\n
            <div class="megamenu-panel-grid">\n
                <div class="megamenu-panel-col">\n
                    <h4>Cologne</h4>\n
                    <ul>\n
                        <li class="is-featured"><a href="https://www.startplatz.de/koeln-tagungsraeume-und-konferenzraeume/" target="_blank" rel="noopener" class="is-live">Salles de conférence Cologne <small>Im Mediapark 5 · 8 salles, 4 à 80 personnes</small></a></li>\n
    \n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-col">\n
                    <h4>Düsseldorf</h4>\n
                    <ul>\n
                        <li class="is-featured"><a href="https://www.startplatz.de/duesseldorf-tagungsraeume-und-konferenzraeume/" target="_blank" rel="noopener" class="is-live">Salles de conférence Düsseldorf <small>Speditionstraße 15a · Medienhafen</small></a></li>\n
    \n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-col">\n
                    <h4>Format &amp; service</h4>\n
                    <ul>\n
    \n
    \n
    \n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-feature">\n
                    <h5>Réservation à l'heure en ligne.</h5>\n
                    <p>Salles pour 4 à 80 personnes, équipement de conférence hybride inclus. Pas besoin d'appeler — choisissez un créneau, réservez, venez.</p>\n
                </div>\n
            </div>\n
        </div>\n
    \n
        <div class="megamenu-panel" data-panel="aihub">\n
            <div class="megamenu-panel-grid">\n
                <div class="megamenu-panel-col">\n
                    <h4>Pour les builders</h4>\n
                    <ul>\n
                        <li class="is-featured"><a href="https://startplatz-ai-academy.de/" target="_blank" rel="noopener" class="is-live">Formation IA <small>Certifiée AZAV, bon de formation accepté</small></a></li>\n
                        <li><a href="https://startplatz-ai-academy.de/berufstaetige" target="_blank" rel="noopener" class="is-live">Pour les professionnels</a></li>\n
                        <li><a href="https://startplatz-ai-academy.de/arbeitssuchende" target="_blank" rel="noopener" class="is-live">Pour les débutants</a></li>\n
                        <li><a href="https://startplatz-ai-academy.de/oneday" target="_blank" rel="noopener" class="is-live">Masterclasses</a></li>\n
                        <li><a href="https://www.startplatz.de/ki-weiterbildung/ki-campus/" target="_blank" rel="noopener" class="is-live">Campus IA</a></li>\n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-col">\n
                    <h4>Pour les entreprises</h4>\n
                    <ul>\n
                        <li><a href="https://startplatz-ai-academy.de/unternehmen" target="_blank" rel="noopener" class="is-live">Vue d'ensemble entreprises</a></li>\n
                        <li><a href="https://startplatz-ai-academy.de/unternehmen#inhouse-schulungen" target="_blank" rel="noopener" class="is-live">Corporate Enablement</a></li>\n
                        <li><a href="https://startplatz-ai-academy.de/unternehmen#innovation-day" target="_blank" rel="noopener" class="is-live">Corporate Activation</a></li>\n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-col">\n
                    <h4>Communauté</h4>\n
                    <ul>\n
                        <li><a href="https://www.startplatz.de/ki-weiterbildung/meetups/" target="_blank" rel="noopener" class="is-live">Meetups</a></li>\n
                        <li><a href="https://www.startplatz.de/ki-weiterbildung/hackathons/" target="_blank" rel="noopener" class="is-live">Hackathons</a></li>\n
                        <li><a href="https://startplatz-ai-academy.de/experten" target="_blank" rel="noopener" class="is-live">Intervenants</a></li>\n
                        <li><a href="https://startplatz-ai-academy.de/ueber-uns" target="_blank" rel="noopener" class="is-live">À propos de l'AI Academy</a></li>\n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-feature">\n
                    <h5>Initiative IA franco-allemande</h5>\n
                    <p>IA open source entre Cologne et Paris. Un réseau de compétences franco-allemand.</p>\n
                    <a href="https://www.startplatz.de/ai-hub-rheinland-koeln-frankreich-startplatz/" target="_blank" rel="noopener" class="arrow is-live">En savoir plus →</a>\n
                </div>\n
            </div>\n
        </div>\n
    \n
        <div class="megamenu-panel" data-panel="programme">\n
            <div class="megamenu-panel-grid">\n
                <div class="megamenu-panel-col">\n
                    <h4>Accelerator</h4>\n
                    <ul>\n
                        <li class="is-featured"><a href="https://www.startplatz.de/accelerator/" target="_blank" rel="noopener" class="is-live">KI Accelerator <small>4 mois, 10 startups, transformation réelle</small></a></li>\n
    \n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-col">\n
                    <h4>Bourse &amp; pitch</h4>\n
                    <ul>\n
                        <li><a href="https://www.startplatz.de/gruendungsstipendium-nrw/" target="_blank" rel="noopener" class="is-live">Bourse de création NRW <small>Financement pour startups en phase d'amorçage</small></a></li>\n
                        <li><a href="https://www.rheinlandpitch.de/" target="_blank" rel="noopener" class="is-live">Rheinland-Pitch <small>La plus grande série de pitchs d'Allemagne</small></a></li>\n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-col">\n
                    <h4>Autres</h4>\n
                    <ul>\n
    \n
    \n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-feature">\n
                    <h5>Accelerator Batch 3</h5>\n
                    <p>Candidatez dès maintenant — la prochaine cohorte démarre à l'été 2026.</p>\n
                    <a href="https://www.startplatz.de/accelerator/" target="_blank" rel="noopener" class="arrow is-live">Postuler →</a>\n
                </div>\n
            </div>\n
        </div>\n
    \n
        <div class="megamenu-panel" data-panel="events">\n
            <div class="megamenu-panel-grid">\n
                <div class="megamenu-panel-col is-highlight">\n
                    <h4>Hackathons</h4>\n
                    <ul>\n
                        <li><a href="https://www.startplatz.de/ki-weiterbildung/hackathons/" target="_blank" rel="noopener" class="is-live">Hackathons – aperçu <small>Format 48 heures, axé IA</small></a></li>\n
    \n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-col">\n
                    <h4>Meetups &amp; conférences</h4>\n
                    <ul>\n
    \n
    \n
                        <li><a href="https://www.startplatz.de/ki-weiterbildung/meetups/" target="_blank" rel="noopener" class="is-live">Tous les meetups</a></li>\n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-col">\n
                    <h4>Aperçu des évènements</h4>\n
                    <ul>\n
                        <li><a href="https://www.startplatz.de/events/" target="_blank" rel="noopener" class="is-live">Tous les évènements</a></li>\n
    \n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-feature">\n
                    <h5>Construit en 48 heures.</h5>\n
                    <p>Les hackathons STARTPLATZ : des prototypes fonctionnels plutôt que des slides. Pour devs, builders et équipes innovation.</p>\n
                    <a href="https://www.startplatz.de/ki-weiterbildung/hackathons/" target="_blank" rel="noopener" class="arrow is-live">Découvrir les hackathons →</a>\n
                </div>\n
            </div>\n
        </div>\n
    \n
        <div class="megamenu-panel" data-panel="ueber">\n
            <div class="megamenu-panel-grid">\n
                <div class="megamenu-panel-col">\n
                    <h4>STARTPLATZ</h4>\n
                    <ul>\n
                        <li><a href="../ueber-uns/ueber-uns_website_2.html">À propos</a></li>\n
                        <li><a href="../standorte/standorte_website_2.html">Sites</a></li>\n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-col">\n
                    <h4>S'impliquer</h4>\n
                    <ul>\n
                        <li><a href="../karriere/karriere_website_2.html">Carrière</a></li>\n
                        <li><a href="../partner/partner_website_2.html">Partenaires</a></li>\n
                        <li><a href="../referenzen/referenzen_website_2.html">Références</a></li>\n
                        <li><a href="../unsere-startups/unsere-startups_website_2.html">Nos startups</a></li>\n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-col">\n
                    <h4>Actualités</h4>\n
                    <ul>\n
                        <li><a href="https://www.startplatz.de/blog/" target="_blank" rel="noopener" class="is-live">Blog</a></li>\n
    \n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-feature">\n
                    <h5>Plus de 13 ans de hub startup en NRW</h5>\n
                    <p>Depuis 2012, nous accompagnons startups, builders et entreprises.</p>\n
                    <a href="../ueber-uns/ueber-uns_website_2.html" class="arrow">Notre histoire →</a>\n
                </div>\n
            </div>\n
        </div>\n
    </nav>\n
    \n
    <!-- Mobile Menu -->\n
    <div class="backdrop" id="backdrop"></div>\n
    <aside class="mobile-menu" id="mobileMenu">\n
        <button class="mobile-menu-close" id="mobileClose" aria-label="Fermer">×</button>\n
        <ul>\n
            <li><a href="https://www.startplatz.de/coworking-koeln/" target="_blank" rel="noopener">Coworking</a></li>\n
            <li><a href="https://www.startplatz.de/konferenzraeume-koeln/" target="_blank" rel="noopener">Salles de conférence</a></li>\n
            <li><a href="https://startplatz-ai-academy.de/" target="_blank" rel="noopener">AI Hub</a></li>\n
            <li><a href="https://www.startplatz.de/accelerator/" target="_blank" rel="noopener">Programmes</a></li>\n
            <li><a href="https://www.startplatz.de/events/" target="_blank" rel="noopener">Évènements</a></li>\n
            <li><a href="../ueber-uns/ueber-uns_website_2.html">À propos</a></li>\n
            <li><a href="/login/">Login</a></li>\n
        </ul>\n
        <a href="/fr/adhesions" class="mobile-cta">Devenir membre</a>\n
    </aside>\n
    \n
    <!-- ═══════════════════════ HERO ═══════════════════════ -->\n
    <header class="hero">\n
        <div class="hero-content">\n
            <div class="hero-text">\n
                <span class="hero-eyebrow">Le plus grand hub de startups en NRW</span>\n
                <h1>Le lieu pour les<br><em>startups</em> et l'<em class="hero-ai">IA</em><br>en NRW.</h1>\n
                <p class="hero-sub">\n
                    Pour les startups, les entreprises et tous ceux qui font avancer l'<em>IA</em>.\n
                </p>\n
                <p class="hero-sub">\n
                    Un écosystème qui fait grandir les startups et passionne pour l'IA.\n
                </p>\n
                <ul class="hero-pills">\n
                    <li>Accelerator</li>\n
                    <li>Coworking</li>\n
                    <li>Bureaux</li>\n
                    <li>Évènements</li>\n
                    <li class="hero-pill-ai">IA</li>\n
                </ul>\n
            </div>\n
            <div class="hero-stats">\n
                <div class="hero-stat">\n
                    <div class="hero-stat-num">1 500<em>+</em></div>\n
                    <div class="hero-stat-label">Startups<br>accompagnées</div>\n
                </div>\n
                <div class="hero-stat">\n
                    <div class="hero-stat-num">1,5<em>+</em> Mrd. €</div>\n
                    <div class="hero-stat-label">Investis<br>dans nos startups</div>\n
                </div>\n
                <div class="hero-stat">\n
                    <div class="hero-stat-num">250<em>+</em></div>\n
                    <div class="hero-stat-label">Évènements par an<br>dans l'écosystème</div>\n
                </div>\n
            </div>\n
        </div>\n
        <a href="#products" class="scroll-indicator" aria-label="Défiler vers le bas">\n
            <span class="scroll-indicator-label">Découvrir plus</span>\n
            <span class="scroll-indicator-arrow" aria-hidden="true">↓</span>\n
        </a>\n
    </header>\n
    \n
    <!-- ═══════════════════════════════════════════════════════════════════════════════\n
         BANNER — OPTIONALER NEWS-SLOT\n
         Diese Section wird NICHT dauerhaft angezeigt. Sie wird nur dann eingeblendet,\n
         wenn explizit aktuelle News, Events oder Bewerbungsphasen kommuniziert werden\n
         sollen (z.B. via CMS-Toggle). Im Default-Zustand ist sie ausgeblendet,\n
         der Hero geht direkt in die Product Cards über.\n
         ═══════════════════════════════════════════════════════════════════════════════ -->\n
    <section class="banner" aria-label="Actualités">\n
        <div class="banner-inner">\n
            <div class="banner-label">Actualités</div>\n
            <div class="banner-items">\n
                <a href="https://www.startplatz.de/event/clawcon-nrw/2026-06-09" target="_blank" rel="noopener" class="banner-item">\n
                    <div class="banner-item-meta">Évènement · 9 juin 2026</div>\n
                    <div class="banner-item-title"><em>ClawCon NRW</em> — Conférence pour les builders IA</div>\n
                </a>\n
                <a href="https://www.startplatz.de/event/mistral-meetup-nrw-koeln/2026-06-23" target="_blank" rel="noopener" class="banner-item">\n
                    <div class="banner-item-meta">Évènement · 23 juin 2026</div>\n
                    <div class="banner-item-title"><em>Mistral Meetup</em> Cologne — IA open source</div>\n
                </a>\n
                <a href="https://www.startplatz.de/accelerator/" target="_blank" rel="noopener" class="banner-item">\n
                    <div class="banner-item-meta">Programme · Liste d'attente ouverte</div>\n
                    <div class="banner-item-title">KI Accelerator Batch 3 — Join the Waitlist</div>\n
                </a>\n
                <a href="https://www.startplatz.de/ai-hub-rheinland-koeln-frankreich-startplatz/" target="_blank" rel="noopener" class="banner-item">\n
                    <div class="banner-item-meta">Initiative</div>\n
                    <div class="banner-item-title">IA open source : Cologne &amp; Paris en construction</div>\n
                </a>\n
            </div>\n
            <a href="https://www.startplatz.de/events/" target="_blank" rel="noopener" class="banner-all">Tous les évènements</a>\n
        </div>\n
    </section>\n
    \n
    <!-- ═══════════════════════ PRODUCT CARDS ═══════════════════════ -->\n
    <section class="products-section" id="products">\n
        <div class="container" style="text-align:center;">\n
            <div class="section-eyebrow">Notre écosystème</div>\n
            <h2 class="section-title" style="margin-left:auto;margin-right:auto;">Que veux-tu découvrir ?</h2>\n
        </div>\n
        <div class="products-grid">\n
    \n
            <div class="product product-coworking product--expandable">\n
                <div class="product-tile">Bureaux &amp; Coworking</div>\n
                <div class="product-image">\n
                    <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,f_auto,q_auto,w_800/v1733929384/Offices/K%C3%B6ln/Hongkong/dba-2036.jpg" alt="STARTPLATZ Coworking">\n
                </div>\n
                <div class="product-content">\n
                    <p class="product-desc">Coworking et bureaux privés — réservables de manière flexible à Cologne &amp; Düsseldorf.</p>\n
                    <button type="button" class="product-cta-toggle">En savoir plus</button>\n
                    <div class="product-locations product-locations--grouped">\n
                        <div class="product-location-row">\n
                            <span class="product-location-city">Cologne</span>\n
                            <a href="https://www.startplatz.de/teambuero-koeln/" target="_blank" rel="noopener" class="product-location">Bureaux</a>\n
                            <a href="https://www.startplatz.de/coworking-koeln/" target="_blank" rel="noopener" class="product-location">Coworking</a>\n
                        </div>\n
                        <div class="product-location-row">\n
                            <span class="product-location-city">Düsseldorf</span>\n
                            <a href="https://www.startplatz.de/buero-duesseldorf/" target="_blank" rel="noopener" class="product-location">Bureaux</a>\n
                            <a href="https://www.startplatz.de/coworking-duesseldorf/" target="_blank" rel="noopener" class="product-location">Coworking</a>\n
                        </div>\n
                    </div>\n
                </div>\n
            </div>\n
    \n
            <div class="product product-konferenz product--expandable">\n
                <div class="product-tile">Salles de conférence</div>\n
                <div class="product-image">\n
                    <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1737448763/conference-rooms/Bilder%202025%20bearbeitet/Berlin_Tisch_neu3.jpg" alt="Salle de conférence STARTPLATZ">\n
                </div>\n
                <div class="product-content">\n
                    <p class="product-desc">Salles de réunion, de workshop et d'évènement — réservables à l'heure sur les deux sites.</p>\n
                    <button type="button" class="product-cta-toggle">En savoir plus</button>\n
                    <div class="product-locations">\n
                        <a href="https://www.startplatz.de/koeln-tagungsraeume-und-konferenzraeume/" target="_blank" rel="noopener" class="product-location">Cologne</a>\n
                        <a href="https://www.startplatz.de/duesseldorf-tagungsraeume-und-konferenzraeume/" target="_blank" rel="noopener" class="product-location">Düsseldorf</a>\n
                    </div>\n
                </div>\n
            </div>\n
    \n
            <div class="product product-events product--expandable">\n
                <div class="product-tile">Évènements</div>\n
                <div class="product-image">\n
                    <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,f_auto,q_auto,w_800/v1615816778/rheinland-pitch/2017/Kopie_von_30-1024x683_1.jpg" alt="Évènement STARTPLATZ">\n
                </div>\n
                <div class="product-content">\n
                    <p class="product-desc">Meetups, pitchs et workshops — plus de 250 évènements par an dans l'écosystème.</p>\n
                    <button type="button" class="product-cta-toggle">En savoir plus</button>\n
                    <div class="product-locations">\n
                        <a href="https://www.startplatz.de/events/" target="_blank" rel="noopener" class="product-location">Calendrier</a>\n
                        <a href="https://www.startplatz.de/ki-weiterbildung/meetups/" target="_blank" rel="noopener" class="product-location">Meetups</a>\n
                        <a href="https://www.startplatz.de/ki-weiterbildung/hackathons/" target="_blank" rel="noopener" class="product-location">Hackathons</a>\n
                    </div>\n
                </div>\n
            </div>\n
    \n
            <div class="product product-corporate product--expandable">\n
                <div class="product-tile">Corporate Innovation</div>\n
                <div class="product-image">\n
                    <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,f_auto,q_auto,w_800/v1614776660/conference-rooms/Vancouver/StartplatzTraumRaum-4.jpg" alt="Espace Corporate Innovation">\n
                </div>\n
                <div class="product-content">\n
                    <p class="product-desc">Programmes d'innovation, hackathons et Business Club — pour les entreprises établies.</p>\n
                    <button type="button" class="product-cta-toggle">En savoir plus</button>\n
                    <div class="product-locations">\n
                        <a href="https://www.startplatz.de/fuer-unternehmen/" target="_blank" rel="noopener" class="product-location">Business Club</a>\n
                        <a href="https://startplatz-ai-academy.de/unternehmen#inhouse-schulungen" target="_blank" rel="noopener" class="product-location">Corporate Enablement</a>\n
                        <a href="https://startplatz-ai-academy.de/unternehmen#innovation-day" target="_blank" rel="noopener" class="product-location">Corporate Activation</a>\n
                    </div>\n
                </div>\n
            </div>\n
    \n
            <div class="product product-startup product--expandable">\n
                <div class="product-tile">Univers Startup</div>\n
                <div class="product-image">\n
                    <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_900/v1777878177/2026/BREAKFAST_website.jpg" alt="Communauté startup STARTPLATZ">\n
                </div>\n
                <div class="product-content">\n
                    <p class="product-desc">Accelerator, incubateur et réseau — de l'idée à la série A.</p>\n
                    <button type="button" class="product-cta-toggle">En savoir plus</button>\n
                    <div class="product-locations">\n
                        <a href="https://www.startplatz.de/accelerator/" target="_blank" rel="noopener" class="product-location">KI Accelerator NRW</a>\n
                        <a href="https://www.startplatz.de/open-accelerator/" target="_blank" rel="noopener" class="product-location">Open Incubator</a>\n
                        <a href="https://www.rheinlandpitch.de/" target="_blank" rel="noopener" class="product-location">Rheinlandpitch</a>\n
                    </div>\n
                </div>\n
            </div>\n
    \n
            <div class="product product-aihub product--expandable">\n
                <div class="product-tile">Univers IA</div>\n
                <div class="product-image">\n
                    <img src="https://res.cloudinary.com/startplatz/image/upload/f_auto,q_auto/v1739970907/ai-hub/Artikelbilder/2.png" alt="STARTPLATZ AI Hub">\n
                </div>\n
                <div class="product-content">\n
                    <p class="product-desc">Formations IA, workshops et hackathons — savoir-faire pratique pour équipes et talents.</p>\n
                    <button type="button" class="product-cta-toggle">En savoir plus</button>\n
                    <div class="product-locations">\n
                        <a href="https://startplatz-ai-academy.de/" target="_blank" rel="noopener" class="product-location">AI Academy</a>\n
                        <a href="https://www.startplatz.de/ki-weiterbildung/hackathons/" target="_blank" rel="noopener" class="product-location">Hackathons</a>\n
                        <a href="https://www.startplatz.de/ki-weiterbildung/meetups/" target="_blank" rel="noopener" class="product-location">Meetups</a>\n
                    </div>\n
                </div>\n
            </div>\n
    \n
        </div>\n
    \n
    \n
    </section>\n
    \n
    <!-- ═══════════════════════ PARTNERS BANNER ═══════════════════════ -->\n
    <section class="partners-banner" aria-label="Partenaires et sponsors">\n
        <div class="partners-marquee">\n
            <div class="partners-track">\n
                <a href="#" class="partner-logo">Qonto</a>\n
                <a href="#" class="partner-logo">Jysk</a>\n
                <a href="#" class="partner-logo">GründerFinanz</a>\n
                <a href="#" class="partner-logo">BestGruppe</a>\n
                <a href="#" class="partner-logo">Base44</a>\n
                <a href="#" class="partner-logo">Ministère de l'Économie NRW</a><!-- alternativ: NRW Hub Logo -->\n
                <a href="#" class="partner-logo">Techniker Krankenkasse</a>\n
                <a href="#" class="partner-logo">Kravag</a>\n
                <!-- noch unsicher, evtl. raus: -->\n
                <a href="#" class="partner-logo">Köln Business</a>\n
                <a href="#" class="partner-logo">WiFö Düsseldorf</a>\n
                <a href="#" class="partner-logo">HubSpot for Startups</a>\n
            </div>\n
            <div class="partners-track" aria-hidden="true">\n
                <a href="#" class="partner-logo">Qonto</a>\n
                <a href="#" class="partner-logo">Jysk</a>\n
                <a href="#" class="partner-logo">GründerFinanz</a>\n
                <a href="#" class="partner-logo">BestGruppe</a>\n
                <a href="#" class="partner-logo">Base44</a>\n
                <a href="#" class="partner-logo">Ministère de l'Économie NRW</a>\n
                <a href="#" class="partner-logo">Techniker Krankenkasse</a>\n
                <a href="#" class="partner-logo">Kravag</a>\n
                <a href="#" class="partner-logo">Köln Business</a>\n
                <a href="#" class="partner-logo">WiFö Düsseldorf</a>\n
                <a href="#" class="partner-logo">HubSpot for Startups</a>\n
            </div>\n
        </div>\n
    </section>\n
    \n
    <!-- ═══════════════════════ SUCCESS STORIES ═══════════════════════ -->\n
    <!-- TEMPORÄR AUSGEKLAMMERT: Inhalte (Alumni-Stories) liegen noch nicht final vor.\n
         Wieder einblenden, sobald echte Stories + Logos verfügbar sind.\n
    <section class="stories" id="stories">\n
        <div class="container">\n
            <div class="section-eyebrow">Succès du STARTPLATZ</div>\n
            <h2 class="section-title" style="max-width:none; white-space:nowrap;">Du STARTPLATZ au monde entier</h2>\n
        </div>\n
        <div class="stories-grid">\n
            <div class="story-card featured">\n
                <div>\n
                    <div class="story-meta">Histoire à la une</div>\n
                    <img class="story-logo" src="../logos/deepl.png" alt="DeepL Logo" onerror="this.style.display='none'">\n
                </div>\n
                <div>\n
                    <div class="story-name">DeepL — la traduction IA née à Cologne</div>\n
                    <div class="story-desc">Jaroslaw Kutylowski a bâti depuis Cologne l'un des licornes IA les plus performantes d'Europe. DeepL rivalise avec Google Translate — aujourd'hui des millions d'utilisateurs dans le monde, valorisation à plusieurs milliards.</div>\n
                </div>\n
            </div>\n
            <div class="story-card">\n
                <div class="story-meta">Alumnus</div>\n
                <div>\n
                    <img class="story-logo" src="../logos/cognigy.png" alt="Cognigy Logo" onerror="this.style.display='none'">\n
                    <div class="story-name">Cognigy</div>\n
                    <div class="story-placeholder">Conversational AI · Düsseldorf</div>\n
                </div>\n
            </div>\n
            <div class="story-card">\n
                <div class="story-meta">Alumnus</div>\n
                <div>\n
                    <img class="story-logo" src="../logos/deepset.png" alt="deepset Logo" onerror="this.style.display='none'">\n
                    <div class="story-name">deepset</div>\n
                    <div class="story-placeholder">Infrastructure LLM · créateurs de Haystack</div>\n
                </div>\n
            </div>\n
        </div>\n
        <div class="wip-placeholder">D'autres histoires d'alumni en préparation</div>\n
    </section>\n
    -->\n
    \n
    \n
    <!-- ═══════════════════════ LATEST ═══════════════════════ -->\n
    <section class="latest" id="latest">\n
        <div class="container">\n
            <div class="section-eyebrow">Ce qu'il se passe</div>\n
            <h2 class="section-title" style="max-width:none; white-space:nowrap;">Actualités du STARTPLATZ</h2>\n
        </div>\n
        <div class="latest-grid">\n
            <a href="https://www.startplatz.de/event/accelerator-batch-2-demoday-2026-07-22/" target="_blank" rel="noopener" class="latest-card">\n
                <div class="latest-card-img"><img src="https://res.cloudinary.com/startplatz/image/upload/c_fill,w_900,h_560,q_auto,f_auto/v1777538274/events/2026/Website_Design_KICK_OFF_-_Batch_1.png" alt="KI Accelerator Batch 2 Demo Day"></div>\n
                <div class="latest-card-body">\n
                    <span class="latest-tag">Programme · Demo Day 22 juillet</span>\n
                    <h3 class="latest-card-title">KI Accelerator Batch 2 — Demo Day</h3>\n
                    <div class="latest-card-meta">10 startups, programme de 4 mois · les résultats en direct</div>\n
                </div>\n
            </a>\n
            <a href="https://www.startplatz.de/event/mistral-meetup-nrw-koeln/2026-06-23" target="_blank" rel="noopener" class="latest-card">\n
                <div class="latest-card-img"><img src="https://res.cloudinary.com/startplatz/image/upload/c_fill,w_900,h_560,q_auto,f_auto/v1768770356/events/2026/mistral-meetup-nrw-duesseldorf-januar-2026.jpg" alt="Mistral Meetup Düsseldorf"></div>\n
                <div class="latest-card-body">\n
                    <span class="latest-tag">Meetup · Régulier</span>\n
                    <h3 class="latest-card-title">Mistral Meetup — Cologne &amp; Düsseldorf</h3>\n
                    <div class="latest-card-meta">Communauté IA open source · chaque mois, en alternance dans les deux villes</div>\n
                </div>\n
            </a>\n
            <a href="https://www.startplatz.de/event/start-up-bbq-2026-06-18/" target="_blank" rel="noopener" class="latest-card">\n
                <div class="latest-card-img"><img src="https://res.cloudinary.com/startplatz/image/upload/c_fill,w_900,h_560,q_auto,f_auto/v1737366373/events/IMG_3906.png" alt="Startup BBQ #116"></div>\n
                <div class="latest-card-body">\n
                    <span class="latest-tag">Communauté · 18 juin 2026</span>\n
                    <h3 class="latest-card-title">Startup BBQ #116</h3>\n
                    <div class="latest-card-meta">Networking autour d'un barbecue · Cologne Mediapark</div>\n
                </div>\n
            </a>\n
        </div>\n
    \n
        <div class="highlights-section">\n
        <div class="container">\n
            <div class="section-eyebrow">L'ADN STARTPLATZ</div>\n
            <h2 class="section-title" style="max-width:none; white-space:nowrap;">Ce qui nous rend uniques</h2>\n
        </div>\n
        <div class="highlights-grid">\n
            <a href="#ai-hub" class="highlight-card">\n
                <div class="highlight-img-block">\n
                    <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,f_auto,q_auto,w_900/v1779369292/AI%20generierte%20Bilder/AI_Keynote.png" alt="AI Hub au STARTPLATZ">\n
                </div>\n
                <div class="highlight-body">\n
                    <div class="highlight-eyebrow">IA</div>\n
                    <p class="highlight-desc">Des meetups IA aux formations IA, en passant par les workshops in-house et les AI Hackathons — au STARTPLATZ se rencontrent les personnes et les entreprises qui ne veulent pas seulement comprendre l'IA, mais l'appliquer.</p>\n
                    <span class="highlight-arrow">En savoir plus sur l'AI Hub</span>\n
                </div>\n
            </a>\n
            <a href="https://www.startplatz.de/events/" target="_blank" rel="noopener" class="highlight-card">\n
                <div class="highlight-img-block">\n
                    <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_900/v1615816782/rheinland-pitch/2017/Kopie_von_Rheinlandpitch270317-12.jpg" alt="Rheinland Pitch au STARTPLATZ">\n
                </div>\n
                <div class="highlight-body">\n
                    <div class="highlight-eyebrow">Évènements</div>\n
                    <p class="highlight-desc">Meetups, évènements communautaires, hackathons, Rheinland-Pitch et workshops — chaque semaine au STARTPLATZ se réunissent des personnes qui veulent partager, construire et grandir ensemble.</p>\n
                    <span class="highlight-arrow">Tous les évènements</span>\n
                </div>\n
            </a>\n
            <a href="https://www.startplatz.de/memberships/" target="_blank" rel="noopener" class="highlight-card">\n
                <div class="highlight-img-block">\n
                    <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,f_auto,q_auto,w_900/v1615558840/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/BBQ-7.jpg" alt="Communauté STARTPLATZ">\n
                </div>\n
                <div class="highlight-body">\n
                    <div class="highlight-eyebrow">Communauté</div>\n
                    <p class="highlight-desc">Startups, investisseur·euse·s, mentor·e·s, expert·e·s, alumni et partenaires — notre communauté relie les personnes, le savoir et les opportunités bien au-delà de chaque programme.</p>\n
                    <span class="highlight-arrow">Devenir membre</span>\n
                </div>\n
            </a>\n
            <div class="highlight-card highlight-card--locations">\n
                <div class="highlight-img-block is-split">\n
                    <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_500/v1614775893/Offices/K%C3%B6ln/Au%C3%9Fenansicht/STARTPLATZ_Ko%CC%88ln_Au%C3%9Fenansicht9.jpg" alt="STARTPLATZ Cologne Mediapark">\n
                    <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_500/v1737547718/conference-rooms/Confi%20DUS%20new/Au%C3%9Fenansicht.jpg" alt="STARTPLATZ Düsseldorf Medienhafen">\n
                </div>\n
                <div class="highlight-body">\n
                    <div class="highlight-eyebrow">Sites</div>\n
                    <p class="highlight-desc">Cologne Mediapark et Düsseldorf Medienhafen — deux lieux centraux pour le coworking, les bureaux, les évènements et l'innovation, au cœur de l'écosystème startup &amp; IA en NRW.</p>\n
                    <div class="highlight-location-links">\n
                        <a href="https://www.startplatz.de/coworking-koeln/" target="_blank" rel="noopener" class="highlight-location-link">Cologne →</a>\n
                        <a href="https://www.startplatz.de/buero-duesseldorf/" target="_blank" rel="noopener" class="highlight-location-link">Düsseldorf →</a>\n
                    </div>\n
                </div>\n
            </div>\n
        </div>\n
        </div>\n
    \n
        <div class="container" style="margin-top:80px;">\n
            <div class="section-eyebrow">Actualités</div>\n
            <h2 class="section-title" style="max-width:none; white-space:nowrap;">Prochains évènements</h2>\n
        </div>\n
        <!-- HOMEPAGE_LATEST_EVENTS_START — bei Deploy auf WP wird dieser Block durch [sp_upcoming_events limit="3"] ersetzt -->\n
        <div class="latest-grid">\n
            <a href="https://www.startplatz.de/event/clawcon-nrw/2026-06-09" target="_blank" rel="noopener" class="latest-card">\n
                <div class="latest-card-img"><img src="https://res.cloudinary.com/startplatz/image/upload/c_fill,w_900,h_560,q_auto,f_auto/v1770823236/events/2026/clawcon-nrw-februar-2026.jpg" alt="ClawCon NRW"></div>\n
                <div class="latest-card-body">\n
                    <span class="latest-tag">Évènement · 9 juin 2026</span>\n
                    <h3 class="latest-card-title">ClawCon NRW</h3>\n
                    <div class="latest-card-meta">Conférence pour les builders IA · Cologne</div>\n
                </div>\n
            </a>\n
            <a href="https://www.startplatz.de/event/mistral-meetup-nrw-koeln/2026-06-23" target="_blank" rel="noopener" class="latest-card">\n
                <div class="latest-card-img"><img src="https://res.cloudinary.com/startplatz/image/upload/c_fill,w_900,h_560,q_auto,f_auto/v1768770729/events/2026/mistral-meetup-nrw-koeln-februar-2026.jpg" alt="Mistral Meetup Cologne"></div>\n
                <div class="latest-card-body">\n
                    <span class="latest-tag">Évènement · 23 juin 2026</span>\n
                    <h3 class="latest-card-title">Mistral Meetup CGN #3 : Show &amp; Tell</h3>\n
                    <div class="latest-card-meta">IA open source avec Mistral · Cologne</div>\n
                </div>\n
            </a>\n
            <a href="https://www.startplatz.de/event/rheinland-pitch-duesseldorf-2026-06-29/" target="_blank" rel="noopener" class="latest-card">\n
                <div class="latest-card-img"><img src="https://res.cloudinary.com/startplatz/image/upload/c_fill,w_900,h_560,q_auto,f_auto/v1698701012/rheinland-pitch/rheinland-pitch-artikelbild.png" alt="Rheinland Pitch #128 Finale d'été"></div>\n
                <div class="latest-card-body">\n
                    <span class="latest-tag">Évènement · 29 juin 2026</span>\n
                    <h3 class="latest-card-title">Rheinland Pitch #128 Finale d'été</h3>\n
                    <div class="latest-card-meta">Pitchs de startups · Düsseldorf</div>\n
                </div>\n
            </a>\n
        </div>\n
        <!-- HOMEPAGE_LATEST_EVENTS_END -->\n
    </section>\n
    \n
    <!-- ═══════════════════════ AI HUB FEATURE ═══════════════════════ -->\n
    <section class="ai-hub-feature" id="ai-hub">\n
        <div class="container">\n
            <div class="section-eyebrow">AI Hub NRW</div>\n
            <h2 class="section-title" style="max-width:none; white-space:nowrap;">Nous sommes le centre IA de Rhénanie</h2>\n
            <p class="ai-hub-sub"><strong>Comprendre l'IA ne suffit pas — nous la mettons en pratique.</strong> Quatre programmes en Rhénanie : Accelerator, AI Academy, hackathons et communauté de builders Cologne–Paris.</p>\n
        </div>\n
        <div class="ai-hub-grid">\n
            <a href="https://www.startplatz.de/accelerator/" target="_blank" rel="noopener" class="ai-hub-card">\n
                <div class="ai-hub-card-num">01 · Programme</div>\n
                <h3>KI Accelerator</h3>\n
                <p>Programme de 4 mois pour 10 startups IA. Mentorat, accès aux investisseurs, projets pilotes avec des partenaires corporate.</p>\n
                <span class="ai-hub-card-cta">Candidater</span>\n
            </a>\n
            <a href="https://startplatz-ai-academy.de/" target="_blank" rel="noopener" class="ai-hub-card">\n
                <div class="ai-hub-card-num">02 · Filiale</div>\n
                <h3>AI Academy</h3>\n
                <p>Certifiée AZAV, animée par des praticiens. Quatre niveaux — initiation, approfondissement, spécialisation, suivi continu. Masterclasses, programmes intensifs, Campus IA et formations in-house pour les équipes.</p>\n
                <span class="ai-hub-card-cta">Découvrir les programmes</span>\n
            </a>\n
            <a href="https://www.startplatz.de/ki-weiterbildung/hackathons/" target="_blank" rel="noopener" class="ai-hub-card">\n
                <div class="ai-hub-card-num">03 · Format</div>\n
                <h3>Hackathons</h3>\n
                <p>48 heures, des prototypes fonctionnels. Open-, Corporate- et Hackathon-as-a-Service pour les entreprises.</p>\n
                <span class="ai-hub-card-cta">Hackathons</span>\n
            </a>\n
            <a href="https://www.startplatz.de/ki-weiterbildung/meetups/" target="_blank" rel="noopener" class="ai-hub-card">\n
                <div class="ai-hub-card-num">04 · Communauté</div>\n
                <h3>Communauté de builders</h3>\n
                <p>AI Fridays chaque semaine, Mistral Meetups, Rendez-vous IA, ClawCon — celles et ceux qui construisent l'IA se retrouvent ici.</p>\n
                <span class="ai-hub-card-cta">Communauté</span>\n
            </a>\n
        </div>\n
        <a href="https://www.startplatz.de/ai-hub-rheinland-koeln-frankreich-startplatz/" target="_blank" rel="noopener" class="ai-hub-bridge">\n
            <div class="ai-hub-bridge-left">\n
                <div class="ai-hub-bridge-eyebrow">Initiative · Cologne × Paris</div>\n
                <h3 class="ai-hub-bridge-title">IA open source : Cologne × Paris</h3>\n
                <p class="ai-hub-bridge-text">Nous relions la force deep-tech française (Mistral &amp; Co.) à la puissance d'application du NRW. 3 heures de train entre les deux écosystèmes — ensemble, nous construisons la pile IA européenne.</p>\n
                <div class="ai-hub-bridge-stats">\n
                    <div class="ai-hub-bridge-stat"><span class="ai-hub-bridge-stat-num">4 500m²</span><span class="ai-hub-bridge-stat-label">Cologne</span></div>\n
                    <div class="ai-hub-bridge-stat"><span class="ai-hub-bridge-stat-num">2 000m²</span><span class="ai-hub-bridge-stat-label">Düsseldorf</span></div>\n
                </div>\n
                <span class="ai-hub-bridge-cta">Découvrir l'initiative →</span>\n
            </div>\n
            <div class="ai-hub-bridge-right">\n
                <img src="https://res.cloudinary.com/startplatz/image/upload/v1764009303/allmeda/paris-meets-cologne.png" alt="Paris meets Cologne — IA open source">\n
            </div>\n
        </a>\n
    </section>\n
    \n
    <!-- ═══════════════════════ PILLARS — Was du bekommst ═══════════════════════ -->\n
    <!-- TEMPORÄR AUSGEKLAMMERT: Sechs-Säulen-Block — Inhalte werden noch finalisiert.\n
         Wieder einblenden, sobald Texte/Listen je Säule geprüft sind.\n
    <section class="pillars">\n
        <div class="container">\n
            <div class="section-eyebrow">Ce que tu trouves chez nous</div>\n
            <h2 class="section-title">Six piliers, un écosystème</h2>\n
        </div>\n
        <div class="pillars-grid">\n
            <div class="pillar">\n
                <h3>Coworking</h3>\n
                <p>Postes de travail flexibles et bureaux privés à Cologne Mediapark et Düsseldorf Medienhafen — la communauté est juste à côté.</p>\n
                <ul class="pillar-list">\n
                    <li>FlexDesk à partir de 180 € / mois</li>\n
                    <li>2nd Home avec poste fixe</li>\n
                    <li>Bureaux d'équipe 2 à 30 personnes</li>\n
                    <li>Adresse professionnelle + service postal</li>\n
                </ul>\n
                <a href="#" class="pillar-link">Découvrir le coworking</a>\n
            </div>\n
            <div class="pillar">\n
                <h3>Salles de conférence</h3>\n
                <p>Salles équipées de manière professionnelle pour réunions, workshops et évènements — réservables à l'heure en ligne.</p>\n
                <ul class="pillar-list">\n
                    <li>Salles pour 4 à 80 personnes</li>\n
                    <li>Réservation en ligne, à l'heure près</li>\n
                    <li>Setup hybride (équipement de conférence)</li>\n
                    <li>Restauration &amp; service possibles</li>\n
                </ul>\n
                <a href="#" class="pillar-link">Réserver une salle</a>\n
            </div>\n
            <div class="pillar">\n
                <h3>Accelerator</h3>\n
                <p>Du KI Accelerator à la bourse de création NRW, en passant par le Rheinland-Pitch — des parcours structurés pour chaque étape.</p>\n
                <ul class="pillar-list">\n
                    <li>KI Accelerator (4 mois)</li>\n
                    <li>Bourse de création NRW</li>\n
                    <li>Rheinland-Pitch</li>\n
                    <li>Mentorat &amp; accès aux investisseurs</li>\n
                </ul>\n
                <a href="#" class="pillar-link">Voir les programmes</a>\n
            </div>\n
            <div class="pillar">\n
                <h3>AI Hub</h3>\n
                <p>Communauté de builders entre Cologne et Paris. IA open source, devs, équipes innovation — on construit plutôt que de discuter.</p>\n
                <ul class="pillar-list">\n
                    <li><strong style="color:var(--sp-green)">Hackathons</strong> — Corporate, Open et as-a-Service</li>\n
                    <li>Mistral Meetup, Rendez-vous IA, ClawCon</li>\n
                    <li>AI Fridays — chaque semaine</li>\n
                    <li>Initiative IA franco-allemande</li>\n
                </ul>\n
                <a href="#" class="pillar-link">Explorer l'AI Hub</a>\n
            </div>\n
            <div class="pillar">\n
                <h3>Évènements &amp; Académie</h3>\n
                <p>Plus de 250 évènements par an et une formation IA certifiée AZAV — du débutant jusqu'à la masterclass.</p>\n
                <ul class="pillar-list">\n
                    <li>KI-Manager temps plein/temps partiel</li>\n
                    <li>Masterclasses &amp; bootcamps</li>\n
                    <li>Meetups, petits-déjeuners, BBQ</li>\n
                    <li>Financement AZAV possible</li>\n
                </ul>\n
                <a href="#" class="pillar-link">Voir l'académie</a>\n
            </div>\n
            <div class="pillar">\n
                <h3>Corporate</h3>\n
                <p>PME et grands groupes se connectent à l'écosystème — du Business Club à l'innovation sur mesure.</p>\n
                <ul class="pillar-list">\n
                    <li>Business Club Membership</li>\n
                    <li>Corporate Enablement &amp; Activation</li>\n
                    <li>Innovation Experiences</li>\n
                    <li>Startup matching &amp; deal flow</li>\n
                </ul>\n
                <a href="#" class="pillar-link">Offres corporate</a>\n
            </div>\n
        </div>\n
    </section>\n
    -->\n
    <!-- ═══════════════════════ LOCATIONS ═══════════════════════ -->\n
    <section class="locations">\n
        <div class="container">\n
            <div class="section-eyebrow">Sites</div>\n
            <h2 class="section-title">Cologne et Düsseldorf — là où la NRW travaille</h2>\n
        </div>\n
        <div class="locations-grid">\n
            <div class="location">\n
                <div class="location-img"><img 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 Köln<br>Entrée secondaire : Schanzenstraße 36<br><span class="location-hours">Accueil Lun–Ven 9h–18h · Membres 24/7</span></div>\n
                    <div class="location-tags">\n
                        <span class="location-tag">Coworking</span>\n
                        <span class="location-tag">Bureaux</span>\n
                        <span class="location-tag">Conférence</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">Journée d'essai</a>\n
                        <a href="https://www.startplatz.de/coworking-koeln/#:~:text=3D%20Room%20Tour" target="_blank" rel="noopener" class="btn btn-outline">Visite 3D</a>\n
                    </div>\n
                </div>\n
            </div>\n
            <div class="location">\n
                <div class="location-img"><img 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">Accueil Lun–Ven 9h–18h · Membres 24/7</span></div>\n
                    <div class="location-tags">\n
                        <span class="location-tag">Coworking</span>\n
                        <span class="location-tag">Bureaux</span>\n
                        <span class="location-tag">Conférence</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">Journée d'essai</a>\n
                        <a href="https://www.startplatz.de/buero-duesseldorf/#:~:text=3D%20Room%20Tour" target="_blank" rel="noopener" class="btn btn-outline">Visite 3D</a>\n
                    </div>\n
                </div>\n
            </div>\n
        </div>\n
    </section>\n
    \n
    <!-- ═══════════════════════ TESTIMONIALS ═══════════════════════ -->\n
    <!-- TEMPORÄR AUSGEKLAMMERT: Testimonials anonym/generisch — echte Stimmen + Namen fehlen.\n
         Wieder einblenden, sobald echte Mitglieder-Zitate mit Namen/Rolle/Firma + Avatar verfügbar.\n
    <section class="testimonials">\n
        <div class="container">\n
            <div class="section-eyebrow">Paroles de la communauté</div>\n
            <h2 class="section-title">Ce que disent nos membres</h2>\n
        </div>\n
        <div class="testimonials-grid">\n
            <div class="testimonial">\n
                <p class="testimonial-quote">« L'un des plus beaux espaces de bureau de Cologne avec une vue magnifique — et surtout beaucoup de collègues formidables que l'on y rencontre. »</p>\n
                <div class="testimonial-author">\n
                    <div class="testimonial-avatar"></div>\n
                    <div>\n
                        <div class="testimonial-name">Membre Coworking</div>\n
                        <div class="testimonial-role">Avis Google</div>\n
                    </div>\n
                </div>\n
            </div>\n
            <div class="testimonial">\n
                <p class="testimonial-quote">« Des experts IA expérimentés sont régulièrement invités et partagent leur savoir — un échange précieux quand on monte une équipe IA en Rhénanie. »</p>\n
                <div class="testimonial-author">\n
                    <div class="testimonial-avatar"></div>\n
                    <div>\n
                        <div class="testimonial-name">Membre Corporate</div>\n
                        <div class="testimonial-role">ProvenExpert</div>\n
                    </div>\n
                </div>\n
            </div>\n
        </div>\n
    </section>\n
    -->\n
    \n
    <!-- ═══════════════════════ SEO FOOTER ═══════════════════════ -->\n
    <section class="seo-footer">\n
        <div class="container">\n
            <div class="section-eyebrow">À propos de STARTPLATZ</div>\n
            <h2 class="section-title">Le plus grand hub de startups en NRW</h2>\n
            <p class="seo-footer-text">\n
                Avec des sites à <strong>Cologne Mediapark</strong> et <strong>Düsseldorf Medienhafen</strong>, STARTPLATZ est le plus grand incubateur et accelerator de startups en Rhénanie-du-Nord-Westphalie. Depuis 2012, nous avons accompagné plus de <strong>1 500 startups</strong> — des alumni tels que DeepL, Cognigy, deepset ou epilot. Plus de <strong>1,5 milliard d'euros d'investissements</strong> ont afflué dans nos startups.\n
            </p>\n
            <p class="seo-footer-text">\n
                Plus de <strong>250 évènements</strong> par an — des meetups, hackathons et workshops jusqu'au <strong>Rheinland-Pitch</strong>, la plus grande série de pitchs d'Allemagne. Dans l'<strong>AI Hub Rhénanie</strong>, nous relions builders, chercheurs et entreprises : AI Fridays, Mistral Meetups, l'initiative IA open source franco-allemande avec Paris.\n
            </p>\n
            <p class="seo-footer-text">\n
                Nos programmes vont au-delà de l'idée individuelle : le <strong>KI Accelerator NRW</strong> transforme 10 startups en 4 mois, l'<strong>Open Incubator</strong> soutient les créations en phase d'amorçage, l'<strong>AI Academy certifiée AZAV</strong> forme des KI-Manager — finançable via bon de formation. Pour les entreprises : <strong>Business Club Membership</strong>, Corporate Enablement et Corporate Activation.\n
            </p>\n
    \n
            <h3 class="seo-footer-list-title">Thèmes phares</h3>\n
            <ul class="seo-footer-list">\n
                <li><a href="https://www.startplatz.de/coworking-koeln/" target="_blank" rel="noopener">Coworking Cologne</a></li>\n
                <li><a href="https://www.startplatz.de/coworking-duesseldorf/" target="_blank" rel="noopener">Coworking Düsseldorf</a></li>\n
                <li><a href="https://www.startplatz.de/teambuero-koeln/" target="_blank" rel="noopener">Bureaux d'équipe Cologne</a></li>\n
                <li><a href="https://www.startplatz.de/buero-duesseldorf/" target="_blank" rel="noopener">Bureaux d'équipe Düsseldorf</a></li>\n
                <li><a href="https://www.startplatz.de/koeln-tagungsraeume-und-konferenzraeume/" target="_blank" rel="noopener">Salle de conférence Cologne</a></li>\n
                <li><a href="https://www.startplatz.de/duesseldorf-tagungsraeume-und-konferenzraeume/" target="_blank" rel="noopener">Salle de conférence Düsseldorf</a></li>\n
                <li><a href="https://www.startplatz.de/accelerator/" target="_blank" rel="noopener">KI Accelerator NRW</a></li>\n
                <li><a href="https://www.startplatz.de/open-accelerator/" target="_blank" rel="noopener">Open Incubator</a></li>\n
                <li><a href="https://www.rheinlandpitch.de/" target="_blank" rel="noopener">Rheinland-Pitch</a></li>\n
                <li><a href="https://startplatz-ai-academy.de/" target="_blank" rel="noopener">Formation IA</a></li>\n
                <li><a href="https://www.startplatz.de/ki-weiterbildung/hackathons/" target="_blank" rel="noopener">Hackathons IA</a></li>\n
                <li><a href="https://www.startplatz.de/ki-weiterbildung/meetups/" target="_blank" rel="noopener">Meetups IA</a></li>\n
                <li><a href="https://www.startplatz.de/fuer-unternehmen/" target="_blank" rel="noopener">Business Club</a></li>\n
                <li><a href="https://www.startplatz.de/ai-hub-rheinland-koeln-frankreich-startplatz/" target="_blank" rel="noopener">AI Hub Rhénanie</a></li>\n
                <li><a href="https://www.startplatz.de/events/" target="_blank" rel="noopener">Calendrier des évènements</a></li>\n
                <li><a href="https://www.startplatz.de/blog/" target="_blank" rel="noopener">Blog</a></li>\n
            </ul>\n
        </div>\n
    </section>\n
    \n
    <!-- ═══════════════════════ NEWSLETTER ═══════════════════════ -->\n
    <section class="newsletter">\n
        <div class="newsletter-inner">\n
            <h2>Restez dans la boucle</h2>\n
            <p>La newsletter STARTPLATZ : évènements, programmes et ce qui bouge dans l'écosystème startup de NRW. Une fois par mois, sans spam.</p>\n
            <form class="newsletter-form" action="https://startplatz.us5.list-manage.com/subscribe/post?u=8a2b498caca4323b774191382&amp;id=be73f77d94" method="post" target="_blank" novalidate>\n
                <input type="email" name="EMAIL" placeholder="vous@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">S'inscrire</button>\n
            </form>\n
        </div>\n
    </section>\n
    <script>\n
    // === MEGA MENU INTERACTION ===\n
    const megamenu = document.getElementById('megamenu');\n
    const links = document.querySelectorAll('.megamenu-link');\n
    const panels = document.querySelectorAll('.megamenu-panel');\n
    const burger = document.getElementById('burger');\n
    const mobileMenu = document.getElementById('mobileMenu');\n
    const mobileClose = document.getElementById('mobileClose');\n
    const backdrop = document.getElementById('backdrop');\n
    \n
    function closeAllPanels() {\n
        panels.forEach(p => p.classList.remove('is-open'));\n
        links.forEach(l => l.setAttribute('aria-expanded', 'false'));\n
    }\n
    \n
    links.forEach(link => {\n
        link.addEventListener('click', (e) => {\n
            e.stopPropagation();\n
            const target = link.dataset.panel;\n
            const panel = document.querySelector(`.megamenu-panel[data-panel="${target}"]`);\n
            const isOpen = panel.classList.contains('is-open');\n
            closeAllPanels();\n
            if (!isOpen) {\n
                panel.classList.add('is-open');\n
                link.setAttribute('aria-expanded', 'true');\n
            }\n
        });\n
    });\n
    \n
    document.addEventListener('click', (e) => {\n
        if (!e.target.closest('.megamenu')) closeAllPanels();\n
    });\n
    \n
    document.addEventListener('keydown', (e) => {\n
        if (e.key === 'Escape') closeAllPanels();\n
    });\n
    \n
    // Sticky background swap on scroll\n
    function updateMegamenuBackground() {\n
        if (window.scrollY > 60) {\n
            megamenu.classList.remove('is-transparent');\n
            megamenu.classList.add('is-solid');\n
        } else {\n
            megamenu.classList.add('is-transparent');\n
            megamenu.classList.remove('is-solid');\n
        }\n
    }\n
    window.addEventListener('scroll', updateMegamenuBackground);\n
    updateMegamenuBackground();\n
    \n
    // Mobile menu\n
    function openMobile() {\n
        mobileMenu.classList.add('is-open');\n
        backdrop.classList.add('is-open');\n
        document.body.style.overflow = 'hidden';\n
    }\n
    function closeMobile() {\n
        mobileMenu.classList.remove('is-open');\n
        backdrop.classList.remove('is-open');\n
        document.body.style.overflow = '';\n
    }\n
    burger.addEventListener('click', openMobile);\n
    mobileClose.addEventListener('click', closeMobile);\n
    backdrop.addEventListener('click', closeMobile);\n
    \n
    document.querySelectorAll('.product-cta-toggle').forEach(btn => {\n
        const labelOpen = 'En savoir plus';\n
        const labelClose = 'Fermer';\n
        btn.addEventListener('click', () => {\n
            const card = btn.closest('.product');\n
            card.classList.toggle('is-expanded');\n
            btn.textContent = card.classList.contains('is-expanded') ? labelClose : labelOpen;\n
        });\n
    });\n
    </script>\n
    \n
    \n
    \n
    \n
    \n
    <!-- sp-connect footer starts -->\n
    \n
    <style type="text/css">\n
        .ftco-section {\n
            padding: 5em 0;\n
            position: relative; }\n
        @media (max-width: 767.98px) {\n
            .ftco-section {\n
                padding: 6em 0; } }\n
    \n
        .ftco-footer {\n
            font-size: 16px;\n
            background: #232931;\n
            padding: 7em 0;\n
            z-index: 0; }\n
        .ftco-footer .ftco-footer-logo {\n
            text-transform: uppercase;\n
            letter-spacing: .1em; }\n
        .ftco-footer .ftco-footer-widget h2 {\n
            font-weight: normal;\n
            color: #fff;\n
            margin-bottom: 40px;\n
            font-size: 22px;\n
            font-weight: 600; }\n
        .ftco-footer .ftco-footer-widget ul li {\n
            margin-bottom: 10px; }\n
        .ftco-footer .ftco-footer-widget ul li a {\n
            color: rgba(255, 255, 255, 0.6); }\n
        .ftco-footer .ftco-footer-widget ul li a span {\n
            color: rgba(255, 255, 255, 0.6); }\n
        .ftco-footer .ftco-footer-widget .btn-primary {\n
            background: #fff !important;\n
            border: 2px solid #fff !important; }\n
        .ftco-footer .ftco-footer-widget .btn-primary:hover {\n
            background: #fff;\n
            border: 2px solid #fff !important; }\n
        .ftco-footer p {\n
            color: rgba(255, 255, 255, 0.7); }\n
        .ftco-footer a {\n
            color: rgba(255, 255, 255, 0.7); }\n
        .ftco-footer a:hover {\n
            color: #fff; }\n
        .ftco-footer .ftco-heading-2 {\n
            font-size: 17px;\n
            font-weight: 400;\n
            color: #000000; }\n
    \n
        .ftco-footer-social li {\n
            list-style: none;\n
            margin: 0 10px 0 0;\n
            display: inline-block; }\n
        .ftco-footer-social li a {\n
            height: 50px;\n
            width: 50px;\n
            display: block;\n
            float: left;\n
            background: rgba(255, 255, 255, 0.1);\n
            border-radius: 50%;\n
            position: relative; }\n
        .ftco-footer-social li a span {\n
            position: absolute;\n
            font-size: 26px;\n
            top: 50%;\n
            left: 50%;\n
            -webkit-transform: translate(-50%, -50%);\n
            -ms-transform: translate(-50%, -50%);\n
            transform: translate(-50%, -50%); }\n
        .ftco-footer-social li a:hover {\n
            color: #fff; }\n
    \n
        .footer-small-nav > li {\n
            display: inline-block; }\n
        .footer-small-nav > li a {\n
            margin: 0 10px 10px 0; }\n
        .footer-small-nav > li a:hover, .footer-small-nav > li a:focus {\n
            color: #033fff; }\n
    \n
        .media .ftco-icon {\n
            width: 100px; }\n
        .media .ftco-icon span {\n
            color: #033fff; }\n
    \n
    \n
         .spGreen h1,.spGreen h2,.spGreen h3,.spGreen h4,.spGreen h5,.spGreen h6  {color: rgba(122,184,8,1) !important;}\n
        .spBgGreen {background-color: rgba(122,184,8,1) !important;color: white;}\n
    \n
        /* --- Corporate: spRed/ RED ---- */\n
        .color-danger {\n
            color:#8F2640;\n
        }\n
    \n
        .spRed h1,.spRed h2,.spRed h3,.spRed h4,.spRed h5,.spRed h6  {color: rgba(143,38,64,1) !important;}\n
        .bgSpRed { background-color: rgba(143,38,64,0.99)!important;}\n
    \n
    </style>\n
    \n
    <footer class="ftco-footer ftco-section">\n
        <div class="container">\n
            <div class="row my-2">\n
                <div class="col-md-2">\n
                    <div class="ftco-footer-widget mb-3">\n
                        <h2 class="ftco-heading-2">Über STARTPLATZ</h2>\n
                        <p>Mit Standorten in Köln und Düsseldorf ist STARTPLATZ der größte Startup Inkubator und Accelerator in NRW</p>\n
    \n
                        <ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-3">\n
                            <li class="ftco-animate"><a href="https://twitter.com/startplatz"><span class="fab fa-twitter"></span></a></li>\n
                            <li class="ftco-animate"><a href="https://de-de.facebook.com/StartPlatz/"><span class="fab fa-facebook-f"></span></a></li>\n
                            <li class="ftco-animate"><a href="https://www.instagram.com/startplatz/"><span class="fab fa-instagram"></span></a></li>\n
                        </ul>\n
                    </div>\n
                </div>\n
                <div class="col-md-3">\n
                    <div class="ftco-footer-widget mb-4 ml-md-4">\n
                        <h2 class="ftco-heading-2 mb-2">Über diese Website</h2>\n
                        <ul class="list-unstyled">\n
                            <li><a href="/kontakt-aufnehmen"><span class="fas fa-long-arrow-alt-right mr-2"></span>Kontakt</a></li>\n
                            <li><a href="/wlan-am-startplatz-koeln"><span class="fas fa-long-arrow-alt-right mr-2"></span>WLAN am STARTPLATZ Koeln</a></li>\n
                            <li><a href="/pressebereich"><span class="fas fa-long-arrow-alt-right mr-2"></span>Presse</a></li>\n
                            <li><a href="/jobs"><span class="fas fa-long-arrow-alt-right mr-2"></span>Jobs</a></li>\n
                            <li><a href="/standorte"><span class="fas fa-long-arrow-alt-right mr-2"></span>Standorte</a></li>\n
                            <li><a href="/startplatz-archiv"><span class="fas fa-long-arrow-alt-right mr-2"></span>Archiv</a></li>\n
                            <li><a href="/startplatz-agb"><span class="fas fa-long-arrow-alt-right mr-2"></span>AGB</a></li>\n
                            <li><a href="/impressum"><span class="fas fa-long-arrow-alt-right mr-2"></span>Impressum</a></li>\n
                            <li><a href="/support"><span class="fas fa-long-arrow-alt-right mr-2"></span>Support</a></li>\n
                            <li><a href="/datenschutz"><span class="fas fa-long-arrow-alt-right mr-2"></span>Datenschutz</a></li>\n
                        </ul>\n
                    </div>\n
                </div>\n
                <div class="col-md-3">\n
                    <div class="ftco-footer-widget mb-4">\n
                        <h2 class="ftco-heading-2">Top Themen</h2>\n
                        <ul class="list-unstyled">\n
                            <li><a href="/coworking-koeln"><span class="fas fa-long-arrow-alt-right mr-2"></span>Coworking Köln</a></li>\n
    <li><a href="/coworking-duesseldorf"><span class="fas fa-long-arrow-alt-right mr-2"></span>Coworking Düsseldorf</a></li>\n
    <li><a href="/konferenzraum"><span class="fas fa-long-arrow-alt-right mr-2"></span>Konferenzraum mieten in Köln</a></li>\n
    <li><a href="/duesseldorf-tagungsraeume-und-konferenzraeume/"><span class="fas fa-long-arrow-alt-right mr-2"></span>Konferenzraum mieten in Düsseldorf</a></li>\n
    <li><a href="/startup-wiki/business-model-canvas"><span class="fas fa-long-arrow-alt-right mr-2"></span>Business Model Canvas</a></li>\n
    <li><a href="/accelerator/"><span class="fas fa-long-arrow-alt-right mr-2"></span>STARTPLATZ Accelerator</a></li>\n
    <li><a href="/corporate-innovation-page"><span class="fas fa-long-arrow-alt-right mr-2"></span>Corporate Innovation</a></li>\n
    <li><a href="/startup-wiki/pitch"><span class="fas fa-long-arrow-alt-right mr-2"></span>Pitch</a></li>\n
    <li><a href="/projektbuero-mieten"><span class="fas fa-long-arrow-alt-right mr-2"></span>Projektbüro mieten</a></li>\n
    <li><a href="/meetingraeume-mieten"><span class="fas fa-long-arrow-alt-right mr-2"></span>Meetingräume mieten</a></li>\n
    <li><a href="/coworker-werden"><span class="fas fa-long-arrow-alt-right mr-2"></span>Coworker werden</a></li>\n
    <li><a href="/startup-membership"><span class="fas fa-long-arrow-alt-right mr-2"></span>Startup Firmenmitgliedschaft</a></li>\n
    <li><a href="/karriere"><span class="fas fa-long-arrow-alt-right mr-2"></span>Startup Jobs am STARTPLATZ</a></li>\n
    <li><a href="/digital-speed-networking"><span class="fas fa-long-arrow-alt-right mr-2"></span>Speed Networking</a></li>\n
    <li><a href="/open-accelerator"><span class="fas fa-long-arrow-alt-right mr-2"></span>Inkubator</a></li>\n
    <li><a href="/benefits/perks"><span class="fas fa-long-arrow-alt-right mr-2"></span>Software für Startups</a></li>\n
    <li><a href="/startup-wiki"><span class="fas fa-long-arrow-alt-right mr-2"></span>Startup Wiki</a></li>\n
    <li><a href="/sprechstunden"><span class="fas fa-long-arrow-alt-right mr-2"></span>Sprechstunden</a></li>\n
    <li><a href="/mentoring"><span class="fas fa-long-arrow-alt-right mr-2"></span>Mentorinnen und Mentoren</a></li>\n
                        </ul>\n
                    </div>\n
                </div>\n
                <div class="col-md-4">\n
                    <div class="ftco-footer-widget mb-4">\n
                        <h2 class="ftco-heading-2">Kontakt</h2>\n
                        <div class="row">\n
                            <div class="col-6">\n
                                <p class="address city">Köln</p>\n
                                <p class="address">Im Mediapark 5 <br>50670 Köln</p>\n
                                <p class="address mb-0">info@startplatz.de</p>\n
                                <p class="address">+49 221 975 802 00</p>\n
                            </div>\n
                            <div class="col-6">\n
                                <p class="address city">Düsseldorf</p>\n
                                <p class="address">Speditionstraße 15a <br>40221 Düsseldorf</p>\n
                                <p class="address mb-0">info@startplatz.de</p>\n
                                <p class="address">+49 211 936 725 20</p>\n
                            </div>\n
                        </div>\n
                        <div class="newsletter">\n
                            <h2 class="mb-0">Newsletter</h2>\n
                            <p>Immer auf dem Laufenden bleiben?\n
                                <br>Erhalte regelmäßig alle News aus dem STARTPLATZ, zu Workshops und Events.</p>\n
    \n
                            <!-- Begin MailChimp Signup Form -->\n
                            <div id="mc_embed_signup">\n
                                <form id="mc-embedded-subscribe-form" class="validate" action="https://startplatz.us5.list-manage.com/subscribe?u=8a2b498caca4323b774191382&id=be73f77d94" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank">\n
                                    <div id="mc_embed_signup_scroll form-group email-wrapper">\n
                                        <button type="submit" class="btn btn-success ml-2">Hier Abonnieren</button>\n
                                        <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n
                                        <div style="position: absolute; left: -5000px;"><input tabindex="-1" name="b_8a2b498caca4323b774191382_51dae9d56a" type="text" value="" /></div>\n
                                        <div class="clear"></div>\n
                                    </div>\n
                                </form></div>\n
                            <!--End mc_embed_signup-->\n
    \n
                        </div>\n
                        <div class="row">\n
                            <div class="col-12 mt-4">\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
                </div>\n
            </div>\n
    \n
            <div class="row">\n
                <div class="col-md-12 text-center">\n
    \n
                    <p>\n
                        Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved\n
                    </p>\n
                </div>\n
            </div>\n
        </div>\n
    </footer>\n
    \n
    <!-- sp-connect footer ends -->\n
    \n
    <!-- wp_footer starts -->\n
    <script type="speculationrules">\n
    {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/startplatz/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}\n
    </script>\n
    <script async>(function(s,u,m,o,j,v){j=u.createElement(m);v=u.getElementsByTagName(m)[0];j.async=1;j.src=o;j.dataset.sumoSiteId='39f60b00513044004a8fe0004ce6fc0099bffb000c2cd200cfc8f4006d6fae00';j.dataset.sumoPlatform='wordpress';v.parentNode.insertBefore(j,v)})(window,document,'script','//load.sumome.com/');</script>        <script type="application/javascript">\r\n
                const ajaxURL = "https://www.staging.startplatz.de/wp-admin/admin-ajax.php";\r\n
    \r\n
                function sumo_add_woocommerce_coupon(code) {\r\n
                    jQuery.post(ajaxURL, {\r\n
                        action: 'sumo_add_woocommerce_coupon',\r\n
                        code: code,\r\n
                    });\r\n
                }\r\n
    \r\n
                function sumo_remove_woocommerce_coupon(code) {\r\n
                    jQuery.post(ajaxURL, {\r\n
                        action: 'sumo_remove_woocommerce_coupon',\r\n
                        code: code,\r\n
                    });\r\n
                }\r\n
    \r\n
                function sumo_get_woocommerce_cart_subtotal(callback) {\r\n
                    jQuery.ajax({\r\n
                        method: 'POST',\r\n
                        url: ajaxURL,\r\n
                        dataType: 'html',\r\n
                        data: {\r\n
                            action: 'sumo_get_woocommerce_cart_subtotal',\r\n
                        },\r\n
                        success: function (subtotal) {\r\n
                            return callback(null, subtotal);\r\n
                        },\r\n
                        error: function (err) {\r\n
                            return callback(err, 0);\r\n
                        }\r\n
                    });\r\n
                }\r\n
            </script>\r\n
            <script 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
    <!-- wp_footer ends -->\n
    <!-- startplatz default js starts -->\n
    <!-- Optional JavaScript -->\n
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->\n
    <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>\n
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>\n
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script><!-- startplatz default js ends -->\n
    \n
    \n
    <!-- START of Symfony Web Debug Toolbar --><div class="sf-toolbar sf-toolbar-opened" role="region" aria-label="Symfony Web Debug Toolbar" data-frankenphp-hot-reload-preserve>    <div id="sfwdtbdbeac">        <div id="sfToolbarClearer-bdbeac" class="sf-toolbar-clearer"></div><div id="sfToolbarMainContent-bdbeac" 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/bdbeac?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&hellip;        </span>    </div>    </a>        <div class="sf-toolbar-info">        <div class="sf-toolbar-info-piece">            <b>Loading the web debug toolbar&hellip;</b>        </div>        <div class="sf-toolbar-info-piece">            Attempt #<span id="sfLoadCounter-bdbeac"></span>        </div>        <div class="sf-toolbar-info-piece">            <b>                <button class="sf-cancel-button" type="button" id="sfLoadCancel-bdbeac" title="Cancel loading">Cancel</button>            </b>        </div>    </div></div>                                <button class="sf-toolbar-toggle-button" type="button" id="sfToolbarToggleButton-bdbeac" accesskey="D" aria-expanded="true" aria-controls="sfToolbarMainContent-bdbeac" 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="e4185394c4521d7f4790e20549fb24e0" href="http://www.staging.startplatz.de/_wdt/styles" />        <script nonce="9cbf26f112e507cee1e4f136f1ff7949">/*<![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('bdbeac');    /*]]>*/</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
}