Symfony Profiler

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

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

"html"

"en"

"5cab99"

"*/*"

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

"gzip, br, zstd, deflate"

"en-us,en;q=0.5"

"main_deauth_profile_token=2750eb"

"www.staging.startplatz.de"

"https://www.staging.startplatz.de/en/coworking-cologne"

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

"216.73.216.87, 172.22.0.12"

"www.staging.startplatz.de"

"443"

"https"

"c7c6e7953db4"

"0"

"216.73.216.87"

"no-cache, private"

"Fri, 07 Aug 2026 13:46:01 GMT"

"3c57ca"

"2750eb"

""

"https://91-98-152-15.sslip.io"

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

""

""

""

""

""

""

"56270c619d358c2ae785ac51f34364b6da489b937833f159429c741904eb2231"

"ccd435bcd6e647fc089f36c486db89dbacdfed4e7ea665289fc4bb9e0ef1c61c"

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

"1"

"dev"

"/var/www/html"

"Symfony\Component\Runtime\SymfonyRuntime"

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

"a8A3I6BRkJE2ppNaBcgPec5i6E8Iwqwm"

"UBs7DJs5mgZhSaCvjxqjdfG4hMJAUnJQnvJEH7F6xKy1eDjhTJ9EPNBe0M2KMC9q"

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

"ß33872622iklmn9%&ikllm"

""

""

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

"362738537448-3emin0190lrs2pjl8nfvuloo4knkf2fa.apps.googleusercontent.com"

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

"Ic9EtKKSDzOOlGYFHp2lPg"

"1007935741"

"1//03rKZxfSh7_W1CgYIARAAGAMSNwF-L9IroN0bLWI_GswKpWMaPafJfbBc4SRds3mgttzV5ADirtT7_vh9yKQg04wjxG-XVp-QimE"

"AFD8691FDAEDF03BDF6E460563F15A9B715376CA 9D7F99A0CB8F05C8A6958D6256A97AF7600A39A6 0616E93D95AF471243E26761770426E17EBBB3DD"

"uqZnU3M1yyyQ7n6lIxUVs9UMXNvD60876JGxlrPmbCImw70r48YYeOOKZbfl"

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

"main_deauth_profile_token=2750eb"

"www.staging.startplatz.de"

"https://www.staging.startplatz.de/en/coworking-cologne"

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

"216.73.216.87, 172.22.0.12"

"www.staging.startplatz.de"

"443"

"https"

"c7c6e7953db4"

"216.73.216.87"

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

"EAAKFICOQZBK0BSJa7Mb7Ydd4q7gE7rZC49pNnwP6bXndJ6tKs3Me55x1lKGDfIXKcJmC4t0cVpauFfuJ1WU1wdBjqbZAZBfUu8l1u6sFkn71N3h2VPVxJWOHcXZBK6syBzJdb45xIxSeQf9PlWk19q1LvGogKeo3Vfx2sev398GzqG0yBnJmkMUQvDbVoYAZDZD"

"EAAerPqXZCTbkBRFRDRoJEHTKCvEMmD1VgtTbXtO39dGZB2qAU0kAYc9Mqb6Ms9V4eBlL211Tdnk3oHunCVQykwpddAWOCaI5HVfiZAPacH2VNUY9JvH3CR33WxtEFhBBeTE3qbcAD8E6WMzl9hRoFCxwPA9j73j2uXkuCg4h58vNZBOFFPFkrWBkZBmNSDgZCzvQZDZD"

"e28b7b6fdcfeea9fa66475524cb4e0a2"

"367308473131474"

"375845979147453"

"EAAKFICOQZBK0BRVPgGrjtDWMzyZCnImKg37HDL4zt629pVgWmWkeZBnWppqvhfJ0NRjhWRulcphxwa0gA1UJfR9P4xofmEzl2l3jbisoLNHrQtXgoj8vHKl8pqjz0dAdnlrRdhArn5Jyd3MuSwyjd808K0wSEMAX7aCSdbR2jfa0APn45VyzEqhP36FdpZBrbx75nAZDZD"

"EAAKFICOQZBK0BRbmpEWTsZB5ZCZCjgNujR9qDa3927DJZCJai2ZBHbc7u1vUxFRgqMbrIfsPLHQUSxdToZAPICa86BQ3hlYn8ffvuZBDf3rfv1AhiBfon2NfPbxk7OfUt5g0fMQ1z5JPmb6qToo7AqOukfHCgjU1NN3OOs4mFZCOePFICCc7hKBb09oZCpujqZB8YrAsqSQjgZDZD"

"85c80a066572b825942da65b1c7697b334346780cc5ce36732472345115aa475"

"startplatz@lennarz-consulting.de"

"startplatz@lennarz-consulting.de"

"lorenz.graef@startplatz.de"

"b606468ea2e7f82acb4e15b659cc883cKcPML2JFNUyU8PA1dtEiar5XohXNB6xn"

"7b5757976946d59f77bc91d74ebdbd60jB4JUS8rasnaR1BTD1OwXzx9316aHW0b"

"c0c8e924c966fbf562c59646ee67b2a3sh4WFrDN3XxPiwKcskvfcRWQyzWOy4Bu"

"kid_CARaApizUqkUu0sg"

"sk_O8JJRALqXhN7kQuOK9LvGikEcsuBktk0"

"kid_tbOV3dqfhHoDqbDp"

"sk_jkod57ccnd1Ijgez0wjmfmz374eHixKI"

"kid_oMUrBpI01rcEh5uM"

"sk_9JIObTWMjxv085IrcfVJveub6xcbCUGP"

"kid_ZReGktSdRQbR8vZd"

"sk_PX1ADMjtzbkQGZD28B7RlsmoRsfk0Tld"

"kid_exAuXGEO4S1GK8OY"

"sk_9y2NOIpKlDsybHX3CpM4Q19fRxAvvhnX"

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

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

"e127be09a8506f4327c5cfa78a614b00d210714484ec215ce0011b4a03c00731"

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

"8.4.24"

"/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%253AhomepageCssAction"

"200"

"127.0.0.1"

"52748"

"GET"

"http"

1786110361

1786110361.6213

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

"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,MANDRILL_API_KEY,STATISTIC_ZAPIER_API_KEY,CRON_API_KEY,WALKIN_SCAN_CHANNEL_ID_CGN,WALKIN_SCAN_CHANNEL_ID_DUS,SKOOL_WEBHOOK_KI_CAMPUS,SKOOL_WEBHOOK_KI_TREFFPUNKT,TEST_DATA_PATH,PLEO_SP_CGN_TOKEN,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,CHATBOT_BASE_URL"

"REMOTE_ADDR"

"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" => "en/coworking-cologne/"
]

[]

"_security_main"

[
  Symfony\Component\Security\Http\Authenticator\Debug\TraceableAuthenticator {#2375
    -supports: false
    -passport: null
    -duration: null
    -stub: "App\StartPlatz\Bundle\UserBundle\Security\LoginLinkAuthenticator"
    -authenticated: null
    -exception: null
    -authenticator: App\StartPlatz\Bundle\UserBundle\Security\LoginLinkAuthenticator {#2376 …}
  }
  Symfony\Component\Security\Http\Authenticator\Debug\TraceableAuthenticator {#2373
    -supports: false
    -passport: null
    -duration: null
    -stub: "Symfony\Component\Security\Http\Authenticator\FormLoginAuthenticator"
    -authenticated: null
    -exception: null
    -authenticator: Symfony\Component\Security\Http\Authenticator\FormLoginAuthenticator {#2093 …}
  }
  Symfony\Component\Security\Http\Authenticator\Debug\TraceableAuthenticator {#2378
    -supports: false
    -passport: null
    -duration: null
    -stub: "Symfony\Component\Security\Http\Authenticator\RememberMeAuthenticator"
    -authenticated: null
    -exception: null
    -authenticator: Symfony\Component\Security\Http\Authenticator\RememberMeAuthenticator {#2379 …}
  }
]

"fae679"

Symfony\Component\HttpFoundation\Response {#693
  +headers: Symfony\Component\HttpFoundation\ResponseHeaderBag {#5689 …}
  #content: """
    <!DOCTYPE html>\n
    <html lang="en">\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
        <script>\n
        window.dataLayer = window.dataLayer || [];\n
        function gtag(){dataLayer.push(arguments);}\n
        window.__spConsentDefaultSet = true;\n
        gtag('consent', 'default', {\n
            ad_storage: 'denied', analytics_storage: 'denied',\n
            ad_user_data: 'denied', ad_personalization: 'denied',\n
            functionality_storage: 'granted', security_storage: 'granted',\n
            wait_for_update: 500\n
        });\n
        window.SP_CONSENT_CONFIG = {\n
            ga4: 'G-XYVL4EFW9X',\n
            gtm: 'GTM-5WTVWDT',\n
            metaPixel: '767917863396798',\n
            clarity: 'xfldwusw5h',\n
            privacyUrl: 'https://www.startplatz.de/datenschutz'\n
        };\n
        if(!window.fbq){var n=window.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!window._fbq)window._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];}\n
    </script>\n
    <link rel="stylesheet" href="/css/sp-consent.css">\n
    <script src="/js/sp-consent.js" defer></script>\n
    <script src="/js/sp-conversion.js" defer></script>\n
    \n
        <!-- wp_head starts -->\n
        <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />\n
    \n
    \t<!-- This site is optimized with the Yoast SEO Premium plugin v27.6 (Yoast SEO v28.1) - https://yoast.com/product/yoast-seo-premium-wordpress/ -->\n
    \t<title>Coworking Space in Cologne at STARTPLATZ in Mediapark - STARTPLATZ</title>\n
    \t<link rel="canonical" href="https://www.startplatz.de/en/coworking-cologne/" />\n
    \t<meta property="og:locale" content="de_DE" />\n
    \t<meta property="og:type" content="article" />\n
    \t<meta property="og:title" content="Coworking Space in Cologne at STARTPLATZ in Mediapark" />\n
    \t<meta property="og:description" content="Coworking space at STARTPLATZ Cologne Central location in the Mediapark Cologne Modern, fully equipped offices Discounts on conference rooms and workshops Access to our exclusive founders network Available as Flex desk and Fix desk option from 180€ per month. Book now! Arrange a free trial day Which workstation suits you best? Flex Desk vs. Fix [&hellip;]" />\n
    \t<meta property="og:url" content="https://www.startplatz.de/en/coworking-cologne/" />\n
    \t<meta property="og:site_name" content="STARTPLATZ" />\n
    \t<meta property="article:modified_time" content="2026-07-10T10:59:37+00:00" />\n
    \t<meta property="og:image" content="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775893/Offices/K%C3%B6ln/Au%C3%9Fenansicht/STARTPLATZ_Ko%CC%88ln_Au%C3%9Fenansicht9.jpg" />\n
    \t<meta name="twitter:label1" content="Geschätzte Lesezeit" />\n
    \t<meta name="twitter:data1" content="16\u{A0}Minuten" />\n
    \t<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.startplatz.de\/en\/coworking-cologne\/","url":"https:\/\/www.startplatz.de\/en\/coworking-cologne\/","name":"Coworking Space in Cologne at STARTPLATZ in Mediapark - STARTPLATZ","isPartOf":{"@id":"https:\/\/www.startplatz.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.startplatz.de\/en\/coworking-cologne\/#primaryimage"},"image":{"@id":"https:\/\/www.startplatz.de\/en\/coworking-cologne\/#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/startplatz\/image\/upload\/c_scale,q_auto,w_800\/v1614775893\/Offices\/K%C3%B6ln\/Au%C3%9Fenansicht\/STARTPLATZ_Ko%CC%88ln_Au%C3%9Fenansicht9.jpg","datePublished":"2023-03-27T11:28:54+00:00","dateModified":"2026-07-10T10:59:37+00:00","breadcrumb":{"@id":"https:\/\/www.startplatz.de\/en\/coworking-cologne\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.startplatz.de\/en\/coworking-cologne\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.startplatz.de\/en\/coworking-cologne\/#primaryimage","url":"https:\/\/res.cloudinary.com\/startplatz\/image\/upload\/c_scale,q_auto,w_800\/v1614775893\/Offices\/K%C3%B6ln\/Au%C3%9Fenansicht\/STARTPLATZ_Ko%CC%88ln_Au%C3%9Fenansicht9.jpg","contentUrl":"https:\/\/res.cloudinary.com\/startplatz\/image\/upload\/c_scale,q_auto,w_800\/v1614775893\/Offices\/K%C3%B6ln\/Au%C3%9Fenansicht\/STARTPLATZ_Ko%CC%88ln_Au%C3%9Fenansicht9.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.startplatz.de\/en\/coworking-cologne\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.startplatz.de\/"},{"@type":"ListItem","position":2,"name":"STARTPLATZ: the hotspot of the NRW Startup-Scene","item":"https:\/\/www.startplatz.de\/en\/"},{"@type":"ListItem","position":3,"name":"Coworking Space in Cologne at STARTPLATZ in Mediapark"}]},{"@type":"WebSite","@id":"https:\/\/www.startplatz.de\/#website","url":"https:\/\/www.startplatz.de\/","name":"STARTPLATZ","description":"Startup Inkubator in Köln und Düsseldorf","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.startplatz.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}</script>\n
    \t<!-- / Yoast SEO Premium plugin. -->\n
    \n
    \n
    <link rel='dns-prefetch' href='//www.staging.startplatz.de' />\n
    <link rel="alternate" type="application/rss+xml" title="STARTPLATZ &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
    \n
    <!-- startplatz hreflang -->\n
    <link rel="alternate" hreflang="de" href="https://www.staging.startplatz.de/coworking-koeln/" />\n
    <link rel="alternate" hreflang="en" href="https://www.staging.startplatz.de/en/coworking-cologne/" />\n
    <link rel="alternate" hreflang="fr" href="https://www.staging.startplatz.de/fr/coworking-cologne/" />\n
    <link rel="alternate" hreflang="x-default" href="https://www.staging.startplatz.de/coworking-koeln/" />\n
    <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.staging.startplatz.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.staging.startplatz.de%2Fen%2Fcoworking-cologne%2F" />\n
    <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.staging.startplatz.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.staging.startplatz.de%2Fen%2Fcoworking-cologne%2F&#038;format=xml" />\n
    <style id="wp-img-auto-sizes-contain-inline-css">\n
    img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}\n
    /*# sourceURL=wp-img-auto-sizes-contain-inline-css */\n
    </style>\n
    <style id="wp-emoji-styles-inline-css">\n
    \n
    \timg.wp-smiley, img.emoji {\n
    \t\tdisplay: inline !important;\n
    \t\tborder: none !important;\n
    \t\tbox-shadow: none !important;\n
    \t\theight: 1em !important;\n
    \t\twidth: 1em !important;\n
    \t\tmargin: 0 0.07em !important;\n
    \t\tvertical-align: -0.1em !important;\n
    \t\tbackground: none !important;\n
    \t\tpadding: 0 !important;\n
    \t}\n
    /*# sourceURL=wp-emoji-styles-inline-css */\n
    </style>\n
    <style id="wp-block-library-inline-css">\n
    :root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}\n
    /*wp_block_styles_on_demand_placeholder:6a75e199d4be9*/\n
    /*# sourceURL=wp-block-library-inline-css */\n
    </style>\n
    <style id="classic-theme-styles-inline-css">\n
    /*! This file is auto-generated */\n
    .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}\n
    /*# sourceURL=/wp-includes/css/classic-themes.min.css */\n
    </style>\n
    <style id="wp-block-styles-placeholder-inline-css">\n
    :root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the block styles printed at wp_footer." }\n
    /*# sourceURL=wp-block-styles-placeholder-inline-css */\n
    </style>\n
    <style id="wp-global-styles-placeholder-inline-css">\n
    :root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the global-styles printed at wp_footer." }\n
    /*# sourceURL=wp-global-styles-placeholder-inline-css */\n
    </style>\n
    <link rel='stylesheet' id='mc4wp-form-styles-builder-css' href='//www.staging.startplatz.de/wp-content/uploads/mc4wp-stylesheets/bundle.css?ver=1649164263' media='all' />\n
    <link rel="https://api.w.org/" href="https://www.staging.startplatz.de/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.staging.startplatz.de/wp-json/wp/v2/pages/75162" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.staging.startplatz.de/xmlrpc.php?rsd" />\n
    <meta name="generator" content="WordPress 7.0.2" />\n
    <link rel='shortlink' href='https://www.staging.startplatz.de/?p=75162' />\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
        <!-- style definitions to make interim homepage similar to previous homepage\n
         search for\n
         $this->render('@StartPlatzStyleBundle/CSS/_homepage.version-2021-winter.html.twig',[]);\n
    -->\n
    <style>\n
        /* Event styles */\n
        .bg-startplatz {\n
            background-color: #7ab800;\n
        }\n
    \n
        .bg-ai-hub {\n
            background-color: #9632FF !important;\n
        }\n
    \n
        a.bg-ai-hub:hover, a.bg-ai-hub:focus,\n
        button.bg-ai-hub:hover,\n
        button.bg-ai-hub:focus {\n
            background-color: #b880fe !important; }\n
    \n
    \n
        .bg-sp-grey {\n
            background-color: rgba(82,84,89,0.2);\n
        }\n
    \n
        /* redefinition for branding purposes */\n
        .alert-success{\n
            background-color: #7ab800;\n
            color: white;\n
        }\n
    \n
        /* Coworking styles */\n
       .office-perks .card {\n
            padding-bottom: 0px;\n
            border-left: 4px solid #7ab800;\n
            height: 110px;\n
            border-radius:1.5rem;\n
            background-color: #eee;\n
            margin-bottom: 1.0rem;\n
            \n
            background: #eee;\n
            padding-bottom: 2px;\n
            box-shadow: none;\n
            font-size: 14px;\n
        }\n
        .office-perks .card:hover {\n
            box-shadow: none;\n
        }\n
        .office-perks .card-header {\n
            background: none;\n
            border: none;\n
        }\n
        .office-perks .card-body {\n
            padding-top: 0rem;\n
            padding: 0rem 0.8rem 0.8rem 0.8rem;\n
            color: #000000;\n
            line-height: 1.4;\n
            font-weight: 500;\n
    \n
            text-align: center;\n
        }\n
    \n
        .memberships-header h3:after {\n
            content: " ";\n
            display: block;\n
            width: 100px;\n
            border-bottom: 2px solid #8cc63f;\n
            margin-top: 5px;\n
            margin-bottom: 10px;\n
        }\n
        .center-block {\n
          display: block;\n
          margin-left: auto;\n
          margin-right: auto;\n
        }\n
        .faq .panel-group {\n
          margin-bottom: 20px;\n
        }    \n
        .faq a {\n
    \t\tcolor: #8cc63f;\n
    \t}\n
        .faq a:hover {\n
        \ttext-decoration: underline;\n
        }\n
        .faq .panel {\n
          margin-bottom: 20px;\n
          background-color: #fff;\n
          border-radius: 4px;\n
          border: 1px solid transparent;\n
          -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);\n
          box-shadow: 0 1px 1px rgba(0,0,0,.05);\n
        }\n
        .faq .panel-group .panel + .panel {\n
          margin-top: 5px;\n
        }\n
        .faq .panel-group .panel {\n
          margin-bottom: 0;\n
          border-radius: 4px;\n
        }\n
    \t.faq .panel-default,\n
    \t.faq .panel.panel-default {\n
          border-color: #ddd;\n
        }\n
        .faq .panel-default > .panel-heading {\n
          color: #333;\n
          background-color: #f5f5f5;\n
          border-color: #ddd;\n
        }\n
        .faq .panel-group .panel-heading {\n
          border-bottom: 0;\n
            border-bottom-color: currentcolor;\n
        }\n
        .faq .panel-heading {\n
          padding: 10px 15px;\n
          border-bottom: 1px solid transparent;\n
          border-top-left-radius: 3px;\n
          border-top-right-radius: 3px;\n
        }\n
        .faq .panel-body {\n
          padding: 15px;\n
        }\n
    \n
        .col-padding {\n
            padding-left: 6px;\n
            padding-right: 0px;\n
        }\n
        .card-title {\n
            font-size: 20px;\n
            font-weight: bold;\n
            padding-bottom: 6px;\n
        }\n
        .card-title-events {\n
            font-size: 20px;\n
            font-weight: bold;\n
            padding-bottom: 6px;\n
            color:#7AB800;\n
        }\n
        .sp-green, .spGreen{\n
            color:#7AB800;\n
        }\n
        .free-access-info {\n
            font-weight: bold; /* Example property */\n
            color: #7AB800; /* Startplatz green for free access info */\n
            /* Additional styling as needed */\n
        }\n
        .cardsmall-title {\n
            font-size: 17px;\n
            font-weight: bold;\n
            margin:1px;\n
        }\n
        .card-body {\n
            color: #ffffff;\n
            padding: 10px 10px 0;\n
        }\n
        .card-body-events{\n
            color:black;\n
            padding:20px;\n
        }\n
        .card-header {\n
            background: #7AB800;\n
            min-height: 50px;\n
        }\n
        .threeLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
            display: -webkit-box;-webkit-line-clamp: 3;/* number of lines to show */line-clamp: 3;\n
            -webkit-box-orient: vertical;}\n
        @media (min-width: 0px) and (max-width: 767px) {\n
            .card-margin-right {\n
                margin-left: 15px;\n
                margin-right: 15px;\n
            }\n
        }\n
        @media (min-width: 768px) and (max-width: 991px) {\n
            .card-margin-right {\n
                margin-left: 15px;\n
                margin-right: 15px;\n
            }\n
        }\n
        @media (min-width: 992px) and (max-width: 1199px) {\n
            .card-margin-right {\n
                margin-right: 15px;\n
                margin-left: 15px;\n
            }\n
        }\n
        @media (min-width: 1200px) {\n
            .card-margin-right {\n
                margin-right: 20px;\n
                margin-left: 15px;\n
            }\n
        }\n
        a.link {\n
            text-decoration: none;\n
            color: white;\n
        }\n
        .introbig {\n
            color: black;\n
            font-size: 56px;\n
            text-align:center;\n
            font-weight: bold;\n
        }\n
        .introsmall {\n
            color: black;\n
            font-size: 18px;\n
            text-align:center;\n
            text-transform: uppercase;\n
        }\n
        .introteaser {\n
            color: black;\n
            font-size: 18px;\n
            text-align:center;\n
        }\n
        .testimonial-name {\n
            font-size: 18px;\n
            text-align:center;\n
            font-weight: bold;\n
        }\n
        .text_medium {\n
            font-size:17px;\n
            margin-left: 15px;\n
            margin-right: 15px;\n
        }\n
        .card-footer {\n
            margin:10px;\n
        }\n
        .card-body {\n
            padding: 0 10px;\n
            color: #ffffff;\n
        }\n
        #quote-text {\n
            font-size:18px;\n
        }\n
        .bg-success {\n
            background-color:#7AB800!important;\n
        }\n
    \n
        .new-label {color:#fff;background-color:#ef5777;font-size:16px;text-transform:uppercase;padding:4px 7px;display:block;position:absolute;top:-10px;left:5px\n
        }\n
        \n
        .banner-title {\n
            font-family: 'Source Sans Pro', sans-serif;\n
            text-shadow: 0px 0px 7px black;\n
            font-size: 50px;\n
            font-weight: bold;\n
            color: white;\n
        }\n
    \n
        /*Corporation Landingpage*/\n
    \n
        .bold {\n
            font-weight: bold;\n
        }\n
        .lighter {\n
            font-weight: lighter;\n
        }\n
        .temp-font{\n
            font-family: Arial;\n
        }\n
    \n
        .align-middle{\n
            margin: auto;\n
            width: 8em;\n
            height: 8em;\n
        }\n
    \n
        .list-image-hook-partner {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997119/Wordpress/Business-Club%20Landingpage%20/1.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 65px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-hook {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_24/v1653997119/Wordpress/Business-Club%20Landingpage%20/1.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 55px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-burger {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678467/Icons/business-affiliate-network.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 70px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-network {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997119/Wordpress/Business-Club%20Landingpage%20/5.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 70px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-percent {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997120/Wordpress/Business-Club%20Landingpage%20/7.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 70px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-megaphone {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997119/Wordpress/Business-Club%20Landingpage%20/6.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 70px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-global {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678469/Icons/worldwide.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 70px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-event {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678467/Icons/croissant.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 70px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-benefits {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678466/Icons/hand-shake.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 70px;\n
            vertical-align: middle;\n
        }\n
    \n
        .no-border-style{\n
            border: 0px solid rgba(0,0,0,.125);\n
            border-radius: 0em;\n
        }\n
    \n
        .side-border-style{\n
            border-top: 0px solid rgba(0,0,0,.125);\n
            border-bottom: 0px solid rgba(0,0,0,.125);;\n
            border-radius: 0em;\n
        }\n
    \n
        .event-links a {\n
            color: inherit; /* blue colors for links too */\n
            text-decoration: inherit; /* no underline */\n
        }\n
    \n
        .event-links a:hover {\n
            color: inherit; /* blue colors for links too */\n
            text-decoration: inherit; /* no underline */\n
        }\n
    \n
        a.link-green {\n
            color:#7AB800;\n
        }\n
    \n
        @media (min-width: 768px) {\n
            .pt-md-6,\n
            .py-md-6 {\n
                padding-top: 5rem !important;\n
            }\n
    \n
            .pr-md-6,\n
            .px-md-6 {\n
                padding-right: 5rem !important;\n
            }\n
    \n
            .pb-md-6,\n
            .py-md-6 {\n
                padding-bottom: 5rem !important;\n
            }\n
    \n
            .pl-md-6,\n
            .px-md-6 {\n
                padding-left: 5rem !important;\n
            }\n
        }\n
    \n
            .pt-md-7,\n
            .py-md-7 {\n
                padding-top: 6rem !important;\n
            }\n
    \n
            .pr-md-7,\n
            .px-md-7 {\n
                padding-right: 6rem !important;\n
            }\n
    \n
            .pb-md-7,\n
            .py-md-7 {\n
                padding-bottom: 6rem !important;\n
            }\n
    \n
            .pl-md-7,\n
            .px-md-7 {\n
                padding-left: 6rem !important;\n
            }\n
    \n
    \n
        @media (min-width: 768px) {\n
            .height-auto {\n
                height: 400px;\n
            }\n
        }\n
    \n
        @media (max-width: 400px) {\n
            .space-3 {\n
                padding-top: 2rem !important;\n
                padding-bottom: 2rem !important; }\n
        }\n
    \n
        .btn-sp-green {\n
            color: #ffff;\n
            background-color: #7ab800 ;\n
            border-color: #7ab800;\n
        }\n
    \n
        .btn-sp-green:hover {\n
            color: #ffff;\n
            background-color: #507900;\n
            border-color: #507900;\n
        }\n
    \n
        /*Timeline at "Nächste Schritte" section*/\n
    \n
        .timeline-item {\n
            padding: 0.5em 2em 0.6em;\n
            position: relative;\n
            color: rgba(0, 0, 0, 0.88);\n
            border-left: 2px solid rgba(0, 0, 0, 0.88);\n
        }\n
    \n
        .timeline-item p {\n
            font-size: 1.1rem;\n
        }\n
    \n
        .timeline-item::before {\n
            content: attr(date-is);\n
            position: absolute;\n
            left: 2em;\n
            font-weight: bold;\n
            top: 1em;\n
            display: block;\n
            font-family: 'Roboto', sans-serif;\n
            font-weight: 700;\n
            font-size: .785rem;\n
        }\n
    \n
        .timeline-item::after {\n
            width: 10px;\n
            height: 10px;\n
            display: block;\n
            top: 1em;\n
            position: absolute;\n
            left: -7px;\n
            border-radius: 10px;\n
            content: '';\n
            border: 2px solid black;\n
            background: white;\n
        }\n
    \n
        .timeline-item:last-child {\n
            border-image: linear-gradient(\n
                    to bottom,\n
                    rgba(0, 0, 0, 0.88),\n
                    rgba(0, 0, 0, 0.88))1;\n
    \n
        }\n
    \n
    \n
        /*Timeline at "Nächste Schritte" section end */\n
    \n
    \n
        /* Slideshow container */\n
    \n
        .slideshow-container {\n
            position: relative;\n
            background: #f1f1f1f1;\n
        }\n
    \n
        /* Slides */\n
    \n
        .mySlides {\n
            display: none;\n
            padding: 80px;\n
            text-align: center;\n
            background: #8cc63f;\n
        }\n
    \n
        /* Next & previous buttons */\n
        .prev, .next {\n
            cursor: pointer;\n
            position: absolute;\n
            top: 50%;\n
            width: auto;\n
            margin-top: -30px;\n
            padding: 16px;\n
            color: white;\n
            font-weight: bold;\n
            font-size: 20px;\n
            border-radius: 0 3px 3px 0;\n
            user-select: none;\n
        }\n
    \n
        /* Position the "next button" to the right */\n
        .next {\n
            position: absolute;\n
            right: 0;\n
            border-radius: 3px 0 0 3px;\n
        }\n
    \n
        /* On hover, add a black background color with a little bit see-through */\n
        .prev:hover, .next:hover {\n
            background-color: rgba(0,0,0,0.8);\n
            color: white;\n
        }\n
    \n
        /* The dot/bullet/indicator container */\n
        .dot-container {\n
            text-align: center;\n
            padding: 20px;\n
            background: #8cc63f;\n
        }\n
    \n
        /* The dots/bullets/indicators */\n
        .dot {\n
            cursor: pointer;\n
            height: 15px;\n
            width: 15px;\n
            margin: 0 2px;\n
            background-color: #bbb;\n
            border-radius: 50%;\n
            display: inline-block;\n
            transition: background-color 0.6s ease;\n
        }\n
    \n
        /* Add an italic font style to all quotes */\n
        q {\n
            font-size: 15px;\n
            font-style: italic;\n
            color: white;\n
        }\n
    \n
        /* Add a blue color to the author */\n
        .author {color: white;}\n
    \n
        /* Slideshow container end */\n
    \n
        /* Corporation Landingpage end */\n
    \n
    \n
        /* Service Partner */\n
        .partner-headline {\n
            font-size: 40px;\n
            font-weight: lighter;\n
        }\n
    \n
        .col-same-heigth img {width: 100%; height: auto;  }\n
    \n
        @media (min-width: 500px) {\n
            .container-div {\n
                display: table;\n
                border-spacing: 16px;\n
            }\n
            .col-same-heigth {\n
                display: table-cell;\n
                box-sizing: border-box;\n
                cell-spacing: 8px;\n
                padding: 0.5em;\n
                vertical-align: top\n
            }\n
    \n
    \n
        }\n
    \n
    \n
        /* Service Partner end */\n
    \n
    \n
        /*Card default*/\n
        .card-general {\n
            width: 18rem;height: 26rem;border: 2px solid #7ab800;\n
            box-shadow: 0 6px 10px rgba(0, 0, 0, 0.16), 0 0 6px rgba(0, 0, 0, 0.1);\n
            transition: .4s transform cubic-bezier(.155,1.105,.295,1.12),.4s box-shadow,.4s\n
            -webkit-transform cubic-bezier(.155,1.105,.295,1.12);\n
        }\n
        .card-general-hover:hover {transform: scale(1.04);}\n
    \n
        /*Card Header with background color and centered title*/\n
        .card-general-header {\n
            display: flex;\n
            align-items: center;\n
            text-align: left;\n
            justify-content: center;\n
            width: 100%;\n
            height: 8rem;\n
            background:  #7ab800;\n
        }\n
    \n
        /*Card Header with image*/\n
        .card-general-header-image{text-align: center;width: 100%;height: 10rem;}\n
        .card-general-header-image img {width: 100%;height: 100%;object-fit: contain;}\n
        .card-general-header-image svg {width: 100%;height: 100%;object-fit: contain;}\n
    \n
        /*Card separator*/\n
        .card-general-seperator {width: 100%;height: 0.6rem;\n
            background: linear-gradient(90deg,#7AB800 0%, #AACF61 60%, #ffffff 110%);\n
        }\n
    \n
        /*Card body default*/\n
        .card-general-body {height: 15rem; display:flex; flex-direction: column; width: 100%; overflow:hidden;}\n
        .card-general-body::-webkit-scrollbar {display: none; scrollbar-width: none;}\n
        .rounded-pill-green{background-color: #AACF61;}\n
        .rounded-pill-grey{background-color: #d7d9d4;}\n
    \n
    \n
        \n
        \n
        .card-startup {\n
            height: 20rem;\n
            background-color: #fff;\n
            border: 3px solid black;\n
            flex-wrap: wrap;\n
            display: flex;\n
            justify-content: space-between;\n
        }\n
        .card-startup-logo a {\n
            width: 100%;\n
            height: 20rem;\n
            object-fit: contain;\n
            float: left;\n
        }\n
        .card-startup-logo img {\n
            width: 100%;\n
            height: 20rem;\n
            max-height: 260px;\n
            object-fit: contain;\n
            float: left;\n
        }\n
        .card-startup-logo svg {\n
            width: 100%;\n
            height: 20rem;\n
            max-height: 260px;\n
            object-fit: contain;\n
            float: left;\n
        }\n
        .card-startup .card-name {\n
            font-size: 30px;\n
            float: left;\n
            color: black;\n
            position: relative;\n
            font-weight: bold;\n
            display: block;\n
        }\n
        .card-startup .card-content {\n
            width: 100%;\n
            height: 100%;\n
            margin:  5px 0px 0px 0px;\n
            display: flex;\n
            flex-direction: column;\n
        }\n
        .card-startup .card-content p{\n
            width: 100%;\n
            font-size: 15px;\n
            color: black;\n
            padding:  0px;\n
        }\n
        .card-place {\n
            display: inline-block;\n
            color: black;\n
            padding: 10px 0px;\n
        }\n
        .card-place img{\n
            width: 15px;\n
            height: 20px;\n
        }\n
        .card-startup-link{\n
            display: inline-block;\n
            padding: 10px 0px;\n
        }\n
        .card-startup-link img{\n
            width: 35px;\n
            height: 35px;\n
        }\n
        .card-startup-link a{\n
            color: black;\n
            font-weight: bold;\n
            padding: 0px 10px;\n
        }\n
        @media (max-width: 575px) {\n
            .card-startup {\n
                height: auto;\n
            }\n
        }\n
    \n
        \n
    \n
        .oneLineEllipsis {overflow: hidden;text-overflow: ellipsis;word-break:break-all;\n
            display: -webkit-box;-webkit-line-clamp: 1;/* number of lines to show */line-clamp: 1;\n
            -webkit-box-orient: vertical;}\n
        .twoLineEllipsis {overflow: hidden;text-overflow: ellipsis;word-break:break-all;\n
            display: -webkit-box;-webkit-line-clamp: 2;/* number of lines to show */line-clamp: 2;\n
            -webkit-box-orient: vertical;}\n
        .threeLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
            display: -webkit-box;-webkit-line-clamp: 3;/* number of lines to show */line-clamp: 3;\n
            -webkit-box-orient: vertical;}\n
        .fourLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
            display: -webkit-box;-webkit-line-clamp: 4;/* number of lines to show */line-clamp: 4;\n
            -webkit-box-orient: vertical;}\n
        .fiveLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
            display: -webkit-box;-webkit-line-clamp: 5;/* number of lines to show */line-clamp: 5;\n
            -webkit-box-orient: vertical;word-wrap:break-word;}\n
        .sixLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
            display: -webkit-box;-webkit-line-clamp: 6;/* number of lines to show */line-clamp: 6;\n
            -webkit-box-orient: vertical;word-wrap:break-word;}\n
        .xLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
            display: -webkit-box;/* number of lines to show: line-clamp: 3;-webkit-line-clamp: 3; */\n
            -webkit-box-orient: vertical;}\n
    \n
        \n
        .office-gallery {\n
            display: flex;\n
            flex-wrap: wrap;\n
            justify-content: center;\n
        }\n
    \n
        .office-gallery-row {\n
            display: flex;\n
            flex-direction: row;\n
            width: 85%;\n
        }\n
    \n
        .office-gallery-row img {\n
            width: 50%;\n
            box-sizing: border-box;\n
            padding: 10px;\n
        }\n
    \n
        .flex-container-office {\n
            display: flex;\n
            flex-direction: row;\n
        }\n
    \n
        @media (max-width: 800px) {\n
            .flex-container-office {\n
                flex-direction: column;\n
            }\n
        }\n
    \n
        .office-grid {\n
            display: grid;\n
            grid-template-columns: repeat(7, 1fr);\n
            grid-template-rows: repeat(5, 1fr);\n
            width: 100%;\n
            height: 600px;\n
            grid-gap: 10px;\n
        }\n
    \n
        .grid-item1 {\n
            background-image: url("https://images.unsplash.com/photo-1534719156993-f3c9448673bf?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=f089cfa06eb1cd7c0f654b39d8fdfd07&auto=format&fit=crop&w=1350&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 1/4;\n
            grid-row: 1/6;\n
        }\n
    \n
        .grid-item2 {\n
            background-image: url("https://images.unsplash.com/photo-1534759846116-5799c33ce22a?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=19c8355cd5aff72debf2f4720f4c7e09&auto=format&fit=crop&w=688&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 1/2;\n
            grid-row: 2/5;\n
        }\n
    \n
        .grid-item3 {\n
            background-image: url("https://images.unsplash.com/photo-1508097549463-97f74cb9a6aa?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=52c257bf60c788a1332419c74c6a8a01&auto=format&fit=crop&w=1350&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 1/5;\n
            grid-row: 5/5;\n
        }\n
    \n
        .grid-item4 {\n
            background-image: url("https://images.unsplash.com/photo-1507562534834-42ebd36b00ea?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=f712012a42c9e9d9163fd9a0c80fd66a&auto=format&fit=crop&w=1202&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 2/4;\n
            grid-row: 2/5;\n
        }\n
    \n
        .grid-item5 {\n
            background-image: url("https://images.unsplash.com/photo-1534714259038-764cb4cf1d58?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=d07ea713fcf12221034dafd8f4ffe82b&auto=format&fit=crop&w=1350&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 4/6;\n
            grid-row: 1/3;\n
        }\n
    \n
        .grid-item6 {\n
            background-image: url("https://images.unsplash.com/photo-1515694581961-1fbdb6840a5f?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=4267be6fb944c94b672e0b3ddb458286&auto=format&fit=crop&w=634&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 4/5;\n
            grid-row: 3/6;\n
        }\n
    \n
        .grid-item7 {\n
            background-image: url("https://images.unsplash.com/photo-1534703580202-6123d4189ef6?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=5478b30dec2346f00a40ab259d162068&auto=format&fit=crop&w=634&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 5/6;\n
            grid-row: 3/6;\n
        }\n
    \n
        .grid-item8 {\n
            background-image: url("https://images.unsplash.com/photo-1534743901536-d184ed4194bc?ixlib=rb-0.3.5&s=21fd4555141d93425b8ee3f80f764e69&auto=format&fit=crop&w=634&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 6/8;\n
            grid-row: 1/6;\n
        }\n
        \n
        /* TARIFE */\n
    \n
        .card-memberships {\n
            padding-bottom: 0px;\n
            border-left: 4px solid #7ab800;\n
            height: 170px;\n
            border-radius: 1.5rem;\n
            background-color: #eee;\n
            margin-bottom: 1.0rem;\n
        }\n
    \n
        .card-header-memberships {\n
            display: flex;\n
            align-items: center;\n
            text-align: left;\n
            justify-content: center;\n
            width: 100%;\n
            height: 90px;\n
            border-bottom: none;\n
            border-radius: 1.5rem;\n
        }\n
    \n
        .card-body-memberships {\n
            display: flex;\n
            align-items: center;\n
            justify-content: center;\n
            font-size: 0.9rem;\n
            line-height: 1.4;\n
            font-weight: 500;\n
            text-align: center;\n
            color: #000000;\n
        }\n
    \n
        .community_perks {\n
            border-left: 4px solid #7ab800;\n
            background-color: #eee;\n
        }\n
    \n
        .office_perks {\n
            border-top: 2px solid #ffffff;\n
            border-left: 4px solid #0680bb;\n
            background-color: #eee;\n
        }\n
    \n
        .office_perks_link {\n
            color: black;\n
            text-decoration: underline;\n
        }\n
    \n
        .memberships {\n
            margin-right: 20px;\n
            margin-left: 20px;\n
            font-size: 15px;\n
        }\n
    \n
        .memberships-headline h3{\n
            font-size: 20px;\n
        }\n
    \n
        .memberships-headline h3:after {\n
            content: " ";\n
            display: block;\n
            width: 100px;\n
            border-bottom: 2px solid #8cc63f;\n
            margin-top: 5px;\n
            margin-bottom: 10px;\n
        }\n
    \n
        /* Create four columns of equal width */\n
        .columns-memberships {\n
            float: left;\n
            width: 25%;\n
            padding: 8px;\n
        }\n
    \n
        /* Create four columns of equal width */\n
        .columns-memberships {\n
            float: left;\n
            width: 25%;\n
            padding: 8px;\n
        }\n
    \n
        /* Change the width of the three columns to 100%\n
    (to stack horizontally on small screens) */\n
        @media (max-width: 768px) {\n
            .columns-memberships {\n
                width: 100%;\n
            }\n
        }\n
    \n
        @media (max-width: 767px) {\n
            .hidden-xs {\n
                display: none !important;\n
            }\n
        }\n
    \n
        a.link-memberships {\n
            text-decoration: none;\n
            color: #7ab800;\n
        }\n
    \n
        /* Style the list */\n
        .price {\n
            list-style-type: none;\n
            border: 1px solid #eee;\n
            margin: 0;\n
            padding: 0;\n
            -webkit-transition: 0.3s;\n
            transition: 0.3s;\n
        }\n
    \n
        /* Add shadows on hover */\n
        .price:hover {\n
            box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)\n
        }\n
    \n
        /* Pricing header */\n
        .price .header {\n
            background-color: #8cc63f;\n
            color: white;\n
            font-size: 25px;\n
        }\n
    \n
        /* List items */\n
        .price li {\n
            border-bottom: 1px solid #eee;\n
            padding: 10px;\n
            text-align: center;\n
        }\n
    \n
        /* Grey list item */\n
        .price .grey {\n
            background-color: #eee;\n
            font-size: 20px;\n
        }\n
    \n
        /* Grey list item location */\n
        .price .grey_second {\n
            background-color: #eee;\n
            font-size: 14px;\n
            display: inline-flex;\n
        }\n
    \n
        /* Placeholder */\n
        .clear .clear {\n
            clear: both;\n
        }\n
    \n
    \n
        /* Grey list small item */\n
        .price .grey_small {\n
            background-color: #eee;\n
            font-size: 12px;\n
        }\n
    \n
        /* The "Sign Up" button */\n
        .button-sign-up {\n
            background-color: #8cc63f;\n
            border: none;\n
            color: white;\n
            padding: 10px 25px;\n
            text-align: center;\n
            text-decoration: none;\n
            font-size: 18px;\n
        }\n
    \n
        .memberships-top-headline {\n
            font-size: 65px;\n
        }\n
    \n
        @media (max-width: 768px) {\n
            .memberships-top-headline {\n
                font-size: 55px;\n
            }\n
        }\n
    \n
        .general-line-clamp {\n
            display            : block;\n
            display            : -webkit-box;\n
            -webkit-box-orient : vertical;\n
            position           : relative;\n
            overflow           : hidden;\n
            text-overflow      : ellipsis;\n
            padding            : 0 !important;\n
            line-height: var(--global--line-height-body,1.2) !important;\n
        }\n
    \n
        .general-line-clamp-1 {\n
            -webkit-line-clamp : 1;\n
            height             : calc(1em * var(--global--line-height-body, 1.15) * 1.6);\n
        }\n
    \n
        .general-line-clamp-2 {\n
            -webkit-line-clamp : 2;\n
            height             : calc(1em * var(--global--line-height-body, 1.15) * 2);\n
        }\n
    \n
        .general-line-clamp-3 {\n
            -webkit-line-clamp : 3;\n
            height             : calc(1em * var(--global--line-height-body, 1.15) * 3);\n
        }\n
    \n
        .general-line-clamp-4 {\n
            -webkit-line-clamp : 4;\n
            height             : calc(1em * var(--global--line-height-body, 1.15) * 4);\n
        }\n
    \n
        .general-line-clamp-5 {\n
            -webkit-line-clamp : 5;\n
            height             : calc(1em * var(--global--line-height-body, 1.15) * 5.6);\n
        }\n
    \n
        /* Geschäftsadresse Köln */\n
    \n
        .business-address .font-weight-light{\n
            font-weight: 300!important;\n
        }\n
    \n
        .business-address .intro-text {\n
            text-align: justify;\n
            max-width: 875px;\n
            margin: 3rem auto;\n
        }\n
    \n
        .business-address .intro-text p {\n
            font-size: 1.6rem;\n
            line-height: 1.7;\n
        }\n
    \n
        .business-address .placeholder-addition {\n
            height: 160px;\n
            z-index:1;\n
            position: absolute;\n
        }\n
    \n
        .business-address .panel-heading-box{\n
            background-color: #f5f5f5;\n
            width: 1045px;\n
        }\n
    \n
        .business-address .panel-heading-entry{\n
            text-decoration: none !important;\n
            color: #7ab800;\n
            cursor:pointer;\n
        }\n
    \n
        .business-address .panel-collapse-box{\n
            background-color: white;\n
            width: 1045px;\n
        }\n
    \n
    \n
    \n
    </style>\n
    \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
    \n
    \n
        \n
    <link rel="preconnect" href="https://fonts.googleapis.com">\n
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>\n
    <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap" rel="stylesheet">\n
    <style id="sp-public-nav-css">\n
    #sp-public-nav{\n
      --ink:#1d1d1f;\n
      --grey:#6e6e73;\n
      --grey-soft:#86868b;\n
      --line:#e8e8ed;\n
      --panel:#ffffff;\n
      --bar-h:60px;\n
      --radius:18px;\n
      --font:'Source Sans Pro',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;\n
    }\n
    #sp-public-nav *{box-sizing:border-box;margin:0;padding:0}\n
    #sp-public-nav a{text-decoration:none;color:inherit}\n
    \n
    #sp-public-nav .bar{\n
      position:fixed;top:0;left:0;right:0;z-index:1000;\n
      height:var(--bar-h);\n
      background:rgba(255,255,255,.86);\n
      backdrop-filter:saturate(180%) blur(20px);\n
      -webkit-backdrop-filter:saturate(180%) blur(20px);\n
      border-bottom:1px solid var(--line);\n
    }\n
    #sp-public-nav .bar-inner{\n
      max-width:1360px;margin:0 auto;height:100%;\n
      display:flex;align-items:center;gap:8px;\n
      padding:0 22px;\n
    }\n
    #sp-public-nav .logo img{height:24px;display:block}\n
    \n
    #sp-public-nav .nav{display:flex;align-items:center;height:100%;margin-left:14px}\n
    #sp-public-nav .nav-item{position:relative;height:100%}\n
    #sp-public-nav .nav-link{\n
      display:flex;align-items:center;height:100%;\n
      padding:0 12px;\n
      font-size:.95rem;font-weight:400;color:var(--ink);\n
      opacity:.82;cursor:pointer;white-space:nowrap;\n
      transition:opacity .18s ease;\n
    }\n
    #sp-public-nav .nav-item:hover>.nav-link,\n
    #sp-public-nav .nav-item.is-open>.nav-link{opacity:1}\n
    #sp-public-nav .nav-link{position:relative}\n
    #sp-public-nav .nav-item:hover>.nav-link::after,\n
    #sp-public-nav .nav-item.is-open>.nav-link::after{\n
      content:"";position:absolute;left:12px;right:12px;bottom:11px;\n
      height:2px;border-radius:2px;background:#7AB800;\n
    }\n
    \n
    #sp-public-nav .bar-right{margin-left:auto;display:flex;align-items:center;gap:14px}\n
    #sp-public-nav .lang{position:relative;display:flex;align-items:center}\n
    #sp-public-nav .lang-btn{display:flex;align-items:center;gap:3px;background:none;border:0;cursor:pointer;color:var(--grey);padding:8px 4px}\n
    #sp-public-nav .lang-btn:hover{color:var(--ink)}\n
    #sp-public-nav .lang-btn svg{width:20px;height:20px}\n
    #sp-public-nav .lang-btn .lang-caret{width:12px;height:12px}\n
    #sp-public-nav .lang-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 36px -8px rgba(0,0,0,.16);padding:6px;display:none;flex-direction:column;min-width:70px;z-index:1002}\n
    #sp-public-nav .lang:hover .lang-menu{display:flex}\n
    #sp-public-nav .lang-menu a{padding:7px 14px;font-size:.92rem;border-radius:7px;color:var(--ink)}\n
    #sp-public-nav .lang-menu a:hover{background:var(--line)}\n
    #sp-public-nav .lang-menu a.active{font-weight:600}\n
    /* B-2177: Konto-Menü für eingeloggte Nutzer — gleiche Hover-Mechanik wie der\n
       Sprachumschalter darüber, damit kein zusätzliches JS nötig ist. */\n
    #sp-public-nav .user{position:relative;display:flex;align-items:center}\n
    #sp-public-nav .user-btn{\n
      display:flex;align-items:center;gap:4px;\n
      background:none;border:0;cursor:pointer;padding:4px 0;color:var(--grey);\n
    }\n
    #sp-public-nav .user-btn:hover{color:var(--ink)}\n
    #sp-public-nav .user-btn .lang-caret{width:12px;height:12px}\n
    #sp-public-nav .user-avatar{\n
      width:30px;height:30px;border-radius:50%;object-fit:cover;\n
      border:1px solid var(--line);display:block;\n
    }\n
    #sp-public-nav .user-initials{\n
      width:30px;height:30px;border-radius:50%;\n
      background:#7AB800;color:#fff;\n
      display:flex;align-items:center;justify-content:center;\n
      font-size:.85rem;font-weight:700;\n
    }\n
    #sp-public-nav .user-menu{\n
      position:absolute;top:100%;right:0;\n
      background:#fff;border:1px solid var(--line);border-radius:12px;\n
      box-shadow:0 14px 36px -8px rgba(0,0,0,.16);\n
      padding:6px;display:none;flex-direction:column;min-width:170px;z-index:1002;\n
    }\n
    #sp-public-nav .user:hover .user-menu{display:flex}\n
    #sp-public-nav .user-menu a{padding:8px 14px;font-size:.92rem;border-radius:7px;color:var(--ink);white-space:nowrap}\n
    #sp-public-nav .user-menu a:hover{background:var(--line)}\n
    #sp-public-nav .user-name{\n
      padding:8px 14px 6px;font-size:.82rem;color:var(--grey-soft);\n
      border-bottom:1px solid var(--line);margin-bottom:4px;\n
      max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;\n
    }\n
    #sp-public-nav .user-logout{margin-top:4px;border-top:1px solid var(--line);border-radius:0 0 7px 7px}\n
    #sp-public-nav .login{font-size:.95rem;color:var(--ink);opacity:.82}\n
    #sp-public-nav .login:hover{opacity:1}\n
    #sp-public-nav .join{\n
      font-size:.95rem;font-weight:600;\n
      color:#fff;background:#7AB800;\n
      padding:9px 18px;border-radius:980px;\n
      transition:background .18s ease;\n
    }\n
    #sp-public-nav .join:hover{background:#5a8a00}\n
    \n
    #sp-public-nav .panel{\n
      position:absolute;top:calc(100% + 0px);left:50%;\n
      transform:translateX(-50%) translateY(6px);\n
      background:var(--panel);\n
      border:1px solid var(--line);\n
      border-radius:var(--radius);\n
      box-shadow:0 18px 60px -12px rgba(0,0,0,.18),0 4px 14px rgba(0,0,0,.05);\n
      padding:24px 28px;\n
      opacity:0;visibility:hidden;pointer-events:none;\n
      transition:opacity .2s ease,transform .2s ease,visibility .2s;\n
      z-index:1001;\n
    }\n
    #sp-public-nav .nav-item:hover>.panel,\n
    #sp-public-nav .nav-item.is-open>.panel{\n
      opacity:1;visibility:visible;pointer-events:auto;\n
      transform:translateX(-50%) translateY(0);\n
    }\n
    \n
    #sp-public-nav .slim{display:flex;flex-direction:column;min-width:230px}\n
    #sp-public-nav .slim-2col{display:flex;gap:48px}\n
    #sp-public-nav .slim-city{display:flex;flex-direction:column}\n
    #sp-public-nav .slim-head{\n
      font-size:.72rem;font-weight:600;letter-spacing:.01em;\n
      color:var(--grey);\n
      margin-bottom:16px;white-space:nowrap;\n
    }\n
    #sp-public-nav .big-list{display:flex;flex-direction:column;gap:11px}\n
    #sp-public-nav .big-list a{\n
      font-size:1.55rem;font-weight:700;line-height:1.18;\n
      color:var(--ink);letter-spacing:-.01em;white-space:nowrap;\n
      transition:color .15s ease;\n
    }\n
    #sp-public-nav .big-list a:hover{color:#000;opacity:.7}\n
    /* B-1733: In Dropdowns mit Rangfolge (Events, Für Unternehmen, Startupwelt, AI Hub, Über uns)\n
       trägt nur der erste Eintrag die volle Größe — die folgenden treten zurück und führen den Blick\n
       auf das Hauptziel. Coworking/Konferenzräume bleiben ungestuft (Einträge dort sind gleichrangig). */\n
    #sp-public-nav .big-list-tiered a:not(:first-child){\n
      font-size:1.05rem;font-weight:600;line-height:1.3;\n
      color:var(--grey);letter-spacing:0;\n
    }\n
    #sp-public-nav .big-list-tiered a:not(:first-child):hover{color:var(--ink);opacity:1}\n
    /* B-2155: Nebeneintrag im Stadt-Block (AI Community Pass) — tritt gegenüber den\n
       gleichrangigen Hauptprodukten zurück, bleibt aber mit Badge auffindbar. */\n
    #sp-public-nav .big-list a.nav-sub{\n
      font-size:1.05rem;font-weight:600;line-height:1.3;\n
      color:var(--grey);letter-spacing:0;\n
      display:inline-flex;align-items:center;gap:8px;\n
    }\n
    #sp-public-nav .big-list a.nav-sub:hover{color:var(--ink);opacity:1}\n
    #sp-public-nav .nav-badge{\n
      background:#9535ff;color:#fff;\n
      font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;\n
      padding:2px 7px;border-radius:999px;line-height:1.4;\n
    }\n
    #sp-public-nav .slim-divider{height:1px;background:var(--line);margin:20px 0 14px}\n
    #sp-public-nav .slim-foot{\n
      display:flex;align-items:center;justify-content:space-between;\n
      gap:24px;white-space:nowrap;\n
    }\n
    #sp-public-nav .slim-cta{\n
      font-size:.95rem;font-weight:600;color:#5a8a00;\n
      transition:color .15s ease,opacity .15s ease;\n
    }\n
    #sp-public-nav .slim-cta:hover{color:#7AB800;opacity:.85}\n
    /* B-1473: Probetag-CTA pro Stadt-Spalte; Footer nur noch Memberships (rechtsbündig) */\n
    /* B-2174: Der Probetag-CTA hing per festem margin-top direkt unter der Liste und\n
       rutschte damit mit jeder zusaetzlichen Zeile nach unten. Seit dem AI Community Pass\n
       (B-2155) hat Duesseldorf einen Eintrag mehr als Koeln -> die beiden CTAs standen\n
       33px versetzt. margin-top:auto schiebt ihn an den Spaltenboden; die Spalten sind\n
       durch das flex-stretch in .slim-2col ohnehin gleich hoch. Das padding haelt den\n
       Abstand zur Liste, wenn eine Spalte exakt ausgefuellt ist. */\n
    #sp-public-nav .slim-city-cta{margin-top:auto;padding-top:16px}\n
    #sp-public-nav .slim-foot-single{justify-content:flex-end}\n
    #sp-public-nav .slim-over{\n
      font-size:.9rem;font-weight:400;color:var(--grey);\n
      transition:color .15s ease;\n
    }\n
    #sp-public-nav .slim-over:hover{color:var(--ink)}\n
    \n
    #sp-public-nav .burger{display:none;margin-left:auto;background:none;border:0;cursor:pointer;\n
      width:32px;height:32px;align-items:center;justify-content:center}\n
    #sp-public-nav .burger span{display:block;width:18px;height:1.5px;background:var(--ink);position:relative}\n
    #sp-public-nav .burger span::before,#sp-public-nav .burger span::after{content:"";position:absolute;left:0;width:18px;height:1.5px;background:var(--ink)}\n
    #sp-public-nav .burger span::before{top:-5px}#sp-public-nav .burger span::after{top:5px}\n
    \n
    /* ===== Mobile Drill-Down-Overlay (Apple-Stil) ===== */\n
    #sp-public-nav .mobile{\n
      display:none;position:fixed;inset:0;z-index:1005;\n
      background:#fff;flex-direction:column;overflow:hidden;\n
    }\n
    #sp-public-nav .mobile.open{display:flex}\n
    \n
    /* Header: Logo + Schließen */\n
    #sp-public-nav .mob-topbar{\n
      flex:0 0 auto;height:var(--bar-h);\n
      display:flex;align-items:center;justify-content:space-between;\n
      padding:0 22px;border-bottom:1px solid var(--line);\n
      background:rgba(255,255,255,.92);\n
      backdrop-filter:saturate(180%) blur(14px);\n
      -webkit-backdrop-filter:saturate(180%) blur(14px);\n
    }\n
    #sp-public-nav .mob-logo img{height:24px;display:block}\n
    #sp-public-nav .mob-close{\n
      width:32px;height:32px;border:0;background:transparent;\n
      color:var(--grey-soft);font-size:22px;line-height:1;cursor:pointer;\n
      display:flex;align-items:center;justify-content:center;border-radius:50%;\n
    }\n
    #sp-public-nav .mob-close:active{background:#f2f2f4}\n
    \n
    /* Sliding viewport */\n
    #sp-public-nav .mob-viewport{flex:1 1 auto;position:relative;overflow:hidden}\n
    #sp-public-nav .mob-level{\n
      position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;\n
      background:#fff;transition:transform .3s cubic-bezier(.32,.72,0,1);\n
    }\n
    \n
    /* Level 1 */\n
    #sp-public-nav .mob-level1{transform:translateX(0);display:flex;flex-direction:column;z-index:1}\n
    #sp-public-nav .mobile.in-sub .mob-level1{transform:translateX(-26%)}\n
    #sp-public-nav .mob-l1-list{flex:1 1 auto;padding:6px 0 4px}\n
    #sp-public-nav .mob-l1-row{\n
      display:flex;align-items:center;justify-content:space-between;width:100%;\n
      background:transparent;border:0;text-align:left;\n
      padding:17px 22px;font-size:17px;color:var(--ink);font-weight:500;\n
      letter-spacing:-.012em;cursor:pointer;position:relative;font-family:inherit;\n
    }\n
    #sp-public-nav .mob-l1-row + .mob-l1-row::before{\n
      content:"";position:absolute;top:0;left:22px;right:0;height:1px;background:var(--line);\n
    }\n
    #sp-public-nav .mob-l1-row:active{background:#f7f7f8}\n
    #sp-public-nav .mob-chev{color:#aeaeb2;font-size:20px;font-weight:400;line-height:1;margin-left:12px}\n
    \n
    /* Level 1 footer */\n
    #sp-public-nav .mob-foot{\n
      flex:0 0 auto;border-top:1px solid var(--line);\n
      padding:16px 22px 22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;\n
    }\n
    #sp-public-nav .mob-lang{font-size:13px;color:var(--grey);letter-spacing:.02em}\n
    #sp-public-nav .mob-lang a{color:var(--grey)}\n
    #sp-public-nav .mob-lang a.active{color:var(--ink);font-weight:600}\n
    #sp-public-nav .mob-lang .sep{color:#aeaeb2;margin:0 4px}\n
    #sp-public-nav .mob-login{font-size:14px;color:var(--ink);font-weight:500}\n
    #sp-public-nav .mob-pill{\n
      margin-left:auto;background:#7AB800;color:#fff;font-size:14px;font-weight:600;\n
      padding:9px 18px;border-radius:999px;letter-spacing:-.01em;white-space:nowrap;\n
    }\n
    #sp-public-nav .mob-pill:active{background:#6aa300}\n
    \n
    /* Level 2 panels */\n
    #sp-public-nav .mob-panel{\n
      transform:translateX(100%);display:flex;flex-direction:column;z-index:2;\n
    }\n
    #sp-public-nav .mob-panel.active{transform:translateX(0)}\n
    #sp-public-nav .mob-sub-header{\n
      position:sticky;top:0;flex:0 0 auto;\n
      background:rgba(255,255,255,.92);\n
      backdrop-filter:saturate(180%) blur(14px);\n
      -webkit-backdrop-filter:saturate(180%) blur(14px);\n
      border-bottom:1px solid var(--line);z-index:5;\n
    }\n
    #sp-public-nav .mob-back{\n
      display:flex;align-items:center;gap:4px;width:100%;\n
      background:transparent;border:0;text-align:left;\n
      padding:15px 20px;font-size:17px;font-weight:600;letter-spacing:-.015em;\n
      color:var(--ink);cursor:pointer;font-family:inherit;\n
    }\n
    #sp-public-nav .mob-back-arrow{color:#7AB800;font-size:21px;line-height:1;margin-right:2px}\n
    #sp-public-nav .mob-back:active{opacity:.6}\n
    #sp-public-nav .mob-l2-body{flex:1 1 auto;padding:8px 0 4px}\n
    #sp-public-nav .mob-group-head{\n
      font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;\n
      color:#aeaeb2;padding:18px 22px 7px;\n
    }\n
    #sp-public-nav .mob-l2-row{\n
      display:block;padding:14px 22px;font-size:16px;color:var(--ink);\n
      font-weight:400;letter-spacing:-.01em;position:relative;\n
    }\n
    #sp-public-nav .mob-l2-row + .mob-l2-row::before{\n
      content:"";position:absolute;top:0;left:22px;right:22px;height:1px;background:var(--line);\n
    }\n
    #sp-public-nav .mob-l2-row:active{background:#f7f7f8}\n
    #sp-public-nav .mob-ext{font-size:12px;color:#aeaeb2;margin-left:5px;vertical-align:1px}\n
    \n
    /* CTA area */\n
    #sp-public-nav .mob-cta-area{\n
      flex:0 0 auto;border-top:1px solid var(--line);\n
      padding:18px 22px 24px;display:flex;flex-direction:column;gap:12px;\n
    }\n
    #sp-public-nav .mob-cta{\n
      display:block;text-align:center;background:#7AB800;color:#fff;\n
      font-size:16px;font-weight:600;padding:14px 18px;border-radius:14px;letter-spacing:-.01em;\n
    }\n
    #sp-public-nav .mob-cta:active{background:#6aa300}\n
    #sp-public-nav .mob-cta-secondary{\n
      display:block;text-align:center;color:var(--ink);font-size:15px;font-weight:500;padding:2px;\n
    }\n
    \n
    @media(max-width:1023px){\n
      #sp-public-nav .nav,#sp-public-nav .bar-right{display:none}\n
      #sp-public-nav .burger{display:flex}\n
    }\n
    </style>\n
    <div id="sp-public-nav">\n
    \n
    <!-- ============ TOP BAR ============ -->\n
    <header class="bar">\n
      <div class="bar-inner">\n
        <a class="logo" href="/en/" aria-label="STARTPLATZ">\n
          <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,w_180/v1614775163/logos/STARTPLATZ_Logos/STARTPLATZ_Logo.png" alt="STARTPLATZ">\n
        </a>\n
    \n
        <nav class="nav" id="nav">\n
    \n
          <!-- ===== Büros & Coworking ===== -->\n
          <div class="nav-item" data-menu>\n
            <div class="nav-link">Offices &amp; Coworking</div>\n
            <div class="panel">\n
              <div class="slim">\n
                <div class="slim-2col">\n
                                <div class="slim-city">\n
                    <div class="slim-head">Cologne</div>\n
                    <div class="big-list">\n
                      <a href="https://www.startplatz.de/en/coworking-cologne">Coworking</a>\n
                      <a href="https://www.startplatz.de/en/offices-cologne">Team Offices</a>\n
                      <a href="https://www.startplatz.de/en/business-address-cologne">Business Address</a>\n
                    </div>\n
                    <a class="slim-cta slim-city-cta" href="https://cal.eu/startplatz/coworking-probetag-koln">Book a trial day →</a>\n
                  </div>\n
                  <div class="slim-city">\n
                    <div class="slim-head">Düsseldorf</div>\n
                    <div class="big-list">\n
                      <a href="https://www.startplatz.de/en/coworking-duesseldorf">Coworking</a>\n
                      <a href="https://www.startplatz.de/en/offices-duesseldorf">Team Offices</a>\n
                      <a href="https://www.startplatz.de/en/business-address-duesseldorf">Business Address</a>\n
                      <a class="nav-sub" href="https://www.startplatz.de/en/ai-community-pass-duesseldorf/">AI Community Pass<span class="nav-badge">New</span></a>\n
                    </div>\n
                    <a class="slim-cta slim-city-cta" href="https://cal.eu/startplatz-dus/coworking-probetag-dusseldorf">Book a trial day →</a>\n
                  </div>\n
                </div>\n
                <div class="slim-divider"></div>\n
                <div class="slim-foot slim-foot-single">\n
                  <a class="slim-over" href="https://www.startplatz.de/en/memberships">Memberships &amp; plans →</a>\n
                </div>\n
              </div>\n
            </div>\n
          </div>\n
    \n
          <!-- ===== Konferenzräume ===== -->\n
          <div class="nav-item" data-menu>\n
            <div class="nav-link">Conference Rooms</div>\n
            <div class="panel">\n
              <div class="slim">\n
                <div class="slim-head">Explore Conference Rooms</div>\n
                <div class="big-list">\n
                  <a href="https://www.startplatz.de/en/koeln-conference-and-meeting-rooms">Conference Rooms Cologne</a>\n
                  <a href="https://www.startplatz.de/en/duesseldorf-conference-and-meeting-rooms">Conference Rooms Düsseldorf</a>\n
                </div>\n
                <div class="slim-divider"></div>\n
                            <div class="slim-foot">\n
                  <a class="slim-cta" href="https://www.startplatz.de/en/room-inquiry?standort=koeln">Book a room in Cologne</a>\n
                  <a class="slim-cta" href="https://www.startplatz.de/en/room-inquiry?standort=duesseldorf">Book a room in Düsseldorf</a>\n
                </div>\n
              </div>\n
            </div>\n
          </div>\n
    \n
          <!-- ===== Events ===== -->\n
          <div class="nav-item" data-menu>\n
            <div class="nav-link">Events</div>\n
            <div class="panel">\n
              <div class="slim">\n
                <div class="slim-head">Explore Events</div>\n
                <div class="big-list big-list-tiered">\n
                  <a href="https://www.startplatz.de/en/events">All Events</a>\n
                  <a href="https://www.startplatz.de/en/ki-weiterbildung/meetups/">Meetups</a>\n
                  <a href="https://www.startplatz.de/en/ki-weiterbildung/hackathons/">Hackathons</a>\n
                </div>\n
                <div class="slim-divider"></div>\n
                <div class="slim-foot">\n
                  <a class="slim-cta" href="https://www.startplatz.de/en/events">See all events</a>\n
                </div>\n
              </div>\n
            </div>\n
          </div>\n
    \n
          <!-- ===== Für Unternehmen (Business Innovation) ===== -->\n
          <div class="nav-item" data-menu>\n
            <div class="nav-link">For Companies</div>\n
            <div class="panel">\n
              <div class="slim">\n
                <div class="slim-head">Explore Business Innovation</div>\n
                <div class="big-list big-list-tiered">\n
                  <a href="/business-innovation/?lang=en">For Companies</a>\n
                  <a href="/business-innovation/ai-experience-day/?lang=en">AI Experience Day</a>\n
                  <a href="/business-innovation/startup-scouting/?lang=en">Startup Scouting</a>\n
                  <a href="/business-innovation/trusted-advisor/?lang=en">Trusted Advisor</a>\n
                  <a href="/business-innovation/partnerschaften/?lang=en">Partnerships &amp; Sponsoring</a>\n
                </div>\n
                <div class="slim-divider"></div>\n
                <div class="slim-foot">\n
                  <a class="slim-cta" href="https://www.cal.eu/julian-palaszewski-aqkzwq" target="_blank" rel="noopener">Book a call</a>\n
                  <a class="slim-over" href="https://startplatz-ai-academy.de/unternehmen" target="_blank" rel="noopener">AI Academy →</a>\n
                </div>\n
              </div>\n
            </div>\n
          </div>\n
    \n
          <!-- ===== Startupwelt ===== -->\n
          <div class="nav-item" data-menu>\n
            <div class="nav-link">Startup World</div>\n
            <div class="panel">\n
              <div class="slim">\n
                <div class="slim-head">Explore the Startup World</div>\n
                <div class="big-list big-list-tiered">\n
                  <a href="https://www.startplatz.de/en/accelerator">AI Accelerator</a>\n
                  <a href="https://www.startplatz.de/open-accelerator">Incubator</a>\n
                  <a href="https://www.startplatz.de/en/founders-scholarship/">Startup Grant NRW</a>\n
                  <a href="https://www.rheinlandpitch.de" target="_blank" rel="noopener">Rheinland Pitch</a>\n
                  <a href="https://www.startplatz.de/en/startups">Our Startups</a>\n
                </div>\n
                <div class="slim-divider"></div>\n
                <div class="slim-foot">\n
                  <a class="slim-cta" href="https://www.startplatz.de/en/accelerator">Apply now</a>\n
                  <a class="slim-over" href="https://www.startplatz.de/en/open-office-hours">Office hours, mentoring &amp; more →</a>\n
                </div>\n
              </div>\n
            </div>\n
          </div>\n
    \n
          <!-- ===== AI Hub ===== -->\n
          <div class="nav-item" data-menu>\n
            <div class="nav-link">AI Hub</div>\n
            <div class="panel">\n
              <div class="slim">\n
                <div class="slim-head">Explore the AI Hub</div>\n
                <div class="big-list big-list-tiered">\n
                  <a href="https://www.startplatz.de/en/ki-weiterbildung/masterclasses/">Webinars &amp; Masterclasses</a>\n
                  <a href="https://www.startplatz.de/en/ki-weiterbildung/ki-campus/">KI Campus</a>\n
                  <a href="https://www.startplatz.de/en/ki-weiterbildung/meetups/">Meetups</a>\n
                  <a href="https://www.startplatz.de/en/ki-weiterbildung/hackathons/">Hackathons</a>\n
                  <a href="https://www.startplatz.de/en/ai-hub-rhineland-cologne-france-startplatz/">France Initiative</a>\n
                </div>\n
                <div class="slim-divider"></div>\n
                <div class="slim-foot">\n
                  <a class="slim-cta" href="https://www.startplatz.de/en/ki-experten">Become a lecturer</a>\n
                  <a class="slim-over" href="https://startplatz-ai-academy.de/" target="_blank" rel="noopener">To the AI Academy →</a>\n
                </div>\n
              </div>\n
            </div>\n
          </div>\n
    \n
          <!-- ===== Über uns ===== -->\n
          <div class="nav-item" data-menu>\n
            <div class="nav-link">About us</div>\n
            <div class="panel">\n
              <div class="slim">\n
                <div class="slim-head">Discover STARTPLATZ</div>\n
                <div class="big-list big-list-tiered">\n
                  <a href="https://www.startplatz.de/en/about-us">About STARTPLATZ</a>\n
                  <a href="https://www.startplatz.de/en/startplatz-team">STARTPLATZ Team</a>\n
                  <a href="https://www.startplatz.de/en/locations">Locations</a>\n
                  <a href="https://www.startplatz.de/en/partner">Partners</a>\n
                </div>\n
                <div class="slim-divider"></div>\n
                <div class="slim-foot">\n
                  <a class="slim-cta" href="https://www.startplatz.de/en/career/">Career</a>\n
                  <a class="slim-cta" href="https://www.startplatz.de/en/become-a-partner/">Become a partner</a>\n
                </div>\n
              </div>\n
            </div>\n
          </div>\n
    \n
          <!-- ===== Blog (direct link) ===== -->\n
          <div class="nav-item">\n
            <a class="nav-link" href="https://www.startplatz.de/blog/">Blog</a>\n
          </div>\n
    \n
        </nav>\n
    \n
        <div class="bar-right">\n
          <div class="lang">\n
            <button class="lang-btn" aria-label="Choose language">\n
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"/></svg>\n
              <svg class="lang-caret" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/></svg>\n
            </button>\n
            <div class="lang-menu">\n
              <a href="/coworking-koeln" class="">DE</a>\n
              <a href="/en/" class="active">EN</a>\n
              <a href="/fr/coworking-cologne" class="">FR</a>\n
            </div>\n
          </div>\n
                        <a class="login" href="https://www.startplatz.de/login/">Login</a>\n
            <a class="join" href="https://www.startplatz.de/en/memberships">Become a member</a>\n
              </div>\n
    \n
        <button class="burger" id="burger" aria-label="Menu"><span></span></button>\n
      </div>\n
    </header>\n
    \n
    <!-- ============ MOBILE DRILL-DOWN (Apple-Stil) ============ -->\n
    <div class="mobile" id="mobile">\n
    \n
      <!-- Header: Logo + Schließen -->\n
      <div class="mob-topbar">\n
        <a class="mob-logo" href="/en/" aria-label="STARTPLATZ">\n
          <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,w_180/v1614775163/logos/STARTPLATZ_Logos/STARTPLATZ_Logo.png" alt="STARTPLATZ">\n
        </a>\n
        <button class="mob-close" type="button" aria-label="Close menu">&#10005;</button>\n
      </div>\n
    \n
      <!-- Sliding viewport -->\n
      <div class="mob-viewport">\n
    \n
        <!-- LEVEL 1 -->\n
        <div class="mob-level mob-level1" id="mob-level1">\n
          <nav class="mob-l1-list">\n
            <button class="mob-l1-row" type="button" data-target="mob-sub-bueros">Offices &amp; Coworking <span class="mob-chev">&#8250;</span></button>\n
            <button class="mob-l1-row" type="button" data-target="mob-sub-konf">Conference Rooms <span class="mob-chev">&#8250;</span></button>\n
            <button class="mob-l1-row" type="button" data-target="mob-sub-events">Events <span class="mob-chev">&#8250;</span></button>\n
            <button class="mob-l1-row" type="button" data-target="mob-sub-corporate">For Companies <span class="mob-chev">&#8250;</span></button>\n
            <button class="mob-l1-row" type="button" data-target="mob-sub-startup">Startup World <span class="mob-chev">&#8250;</span></button>\n
            <button class="mob-l1-row" type="button" data-target="mob-sub-aihub">AI Hub <span class="mob-chev">&#8250;</span></button>\n
            <button class="mob-l1-row" type="button" data-target="mob-sub-ueber">About us <span class="mob-chev">&#8250;</span></button>\n
            <a class="mob-l1-row" href="https://www.startplatz.de/blog/">Blog <span class="mob-chev">&#8250;</span></a>\n
          </nav>\n
          <div class="mob-foot">\n
            <span class="mob-lang"><a href="/coworking-koeln" class="">DE</a><span class="sep">·</span><a href="/en/" class="active">EN</a><span class="sep">·</span><a href="/fr/coworking-cologne" class="">FR</a></span>\n
                      <a class="mob-login" href="https://www.startplatz.de/login/">Login</a>\n
              <a class="mob-pill" href="https://www.startplatz.de/en/memberships">Become a member</a>\n
                  </div>\n
        </div>\n
    \n
        <!-- LEVEL 2: Büros & Coworking -->\n
        <div class="mob-level mob-panel" id="mob-sub-bueros">\n
          <div class="mob-sub-header">\n
            <button class="mob-back" type="button"><span class="mob-back-arrow">&#8249;</span> Offices &amp; Coworking</button>\n
          </div>\n
          <div class="mob-l2-body">\n
            <div class="mob-group">\n
              <div class="mob-group-head">Cologne</div>\n
              <a class="mob-l2-row" href="https://www.startplatz.de/en/coworking-cologne">Coworking</a>\n
              <a class="mob-l2-row" href="https://www.startplatz.de/en/offices-cologne">Team Offices</a>\n
              <a class="mob-l2-row" href="https://www.startplatz.de/en/business-address-cologne">Business Address</a>\n
            </div>\n
            <div class="mob-group">\n
              <div class="mob-group-head">Düsseldorf</div>\n
              <a class="mob-l2-row" href="https://www.startplatz.de/en/coworking-duesseldorf">Coworking</a>\n
              <a class="mob-l2-row" href="https://www.startplatz.de/en/offices-duesseldorf">Team Offices</a>\n
              <a class="mob-l2-row" href="https://www.startplatz.de/en/business-address-duesseldorf">Business Address</a>\n
              <a class="mob-l2-row" href="https://www.startplatz.de/en/ai-community-pass-duesseldorf/">AI Community Pass <span class="nav-badge">New</span></a>\n
            </div>\n
          </div>\n
          <div class="mob-cta-area">\n
                    <a class="mob-cta" href="https://cal.eu/startplatz/coworking-probetag-koln">Book a trial day in Cologne</a>\n
            <a class="mob-cta" href="https://cal.eu/startplatz-dus/coworking-probetag-dusseldorf">Book a trial day in Düsseldorf</a>\n
            <a class="mob-cta-secondary" href="https://www.startplatz.de/en/memberships">Memberships &amp; plans →</a>\n
          </div>\n
        </div>\n
    \n
        <!-- LEVEL 2: Konferenzräume -->\n
        <div class="mob-level mob-panel" id="mob-sub-konf">\n
          <div class="mob-sub-header">\n
            <button class="mob-back" type="button"><span class="mob-back-arrow">&#8249;</span> Conference Rooms</button>\n
          </div>\n
          <div class="mob-l2-body">\n
            <a class="mob-l2-row" href="https://www.startplatz.de/en/koeln-conference-and-meeting-rooms">Conference Rooms Cologne</a>\n
            <a class="mob-l2-row" href="https://www.startplatz.de/en/duesseldorf-conference-and-meeting-rooms">Conference Rooms Düsseldorf</a>\n
          </div>\n
          <div class="mob-cta-area">\n
                    <a class="mob-cta" href="https://www.startplatz.de/en/room-inquiry?standort=koeln">Book a room in Cologne</a>\n
            <a class="mob-cta" href="https://www.startplatz.de/en/room-inquiry?standort=duesseldorf">Book a room in Düsseldorf</a>\n
          </div>\n
        </div>\n
    \n
        <!-- LEVEL 2: Events -->\n
        <div class="mob-level mob-panel" id="mob-sub-events">\n
          <div class="mob-sub-header">\n
            <button class="mob-back" type="button"><span class="mob-back-arrow">&#8249;</span> Events</button>\n
          </div>\n
          <div class="mob-l2-body">\n
            <a class="mob-l2-row" href="https://www.startplatz.de/en/events">All Events</a>\n
            <a class="mob-l2-row" href="https://www.startplatz.de/en/ki-weiterbildung/meetups/">Meetups</a>\n
            <a class="mob-l2-row" href="https://www.startplatz.de/en/ki-weiterbildung/hackathons/">Hackathons</a>\n
          </div>\n
          <div class="mob-cta-area">\n
            <a class="mob-cta" href="https://www.startplatz.de/en/events">See all events</a>\n
          </div>\n
        </div>\n
    \n
        <!-- LEVEL 2: Für Unternehmen (Business Innovation) -->\n
        <div class="mob-level mob-panel" id="mob-sub-corporate">\n
          <div class="mob-sub-header">\n
            <button class="mob-back" type="button"><span class="mob-back-arrow">&#8249;</span> For Companies</button>\n
          </div>\n
          <div class="mob-l2-body">\n
            <a class="mob-l2-row" href="/business-innovation/?lang=en">For Companies</a>\n
            <a class="mob-l2-row" href="/business-innovation/ai-experience-day/?lang=en">AI Experience Day</a>\n
            <a class="mob-l2-row" href="/business-innovation/startup-scouting/?lang=en">Startup Scouting</a>\n
            <a class="mob-l2-row" href="/business-innovation/trusted-advisor/?lang=en">Trusted Advisor</a>\n
            <a class="mob-l2-row" href="/business-innovation/partnerschaften/?lang=en">Partnerships &amp; Sponsoring</a>\n
          </div>\n
          <div class="mob-cta-area">\n
            <a class="mob-cta" href="https://www.cal.eu/julian-palaszewski-aqkzwq" target="_blank" rel="noopener">Book a call</a>\n
            <a class="mob-cta-secondary" href="https://startplatz-ai-academy.de/unternehmen" target="_blank" rel="noopener">AI Academy →</a>\n
          </div>\n
        </div>\n
    \n
        <!-- LEVEL 2: Startupwelt -->\n
        <div class="mob-level mob-panel" id="mob-sub-startup">\n
          <div class="mob-sub-header">\n
            <button class="mob-back" type="button"><span class="mob-back-arrow">&#8249;</span> Startup World</button>\n
          </div>\n
          <div class="mob-l2-body">\n
            <a class="mob-l2-row" href="https://www.startplatz.de/en/accelerator">AI Accelerator</a>\n
            <a class="mob-l2-row" href="https://www.startplatz.de/open-accelerator">Incubator</a>\n
            <a class="mob-l2-row" href="https://www.startplatz.de/en/founders-scholarship/">Startup Grant NRW</a>\n
            <a class="mob-l2-row" href="https://www.rheinlandpitch.de" target="_blank" rel="noopener">Rheinland Pitch<span class="mob-ext">&#8599;</span></a>\n
            <a class="mob-l2-row" href="https://www.startplatz.de/en/startups">Our Startups</a>\n
          </div>\n
          <div class="mob-cta-area">\n
            <a class="mob-cta" href="https://www.startplatz.de/en/accelerator">Apply now</a>\n
            <a class="mob-cta-secondary" href="https://www.startplatz.de/en/open-office-hours">Office hours, mentoring &amp; more →</a>\n
          </div>\n
        </div>\n
    \n
        <!-- LEVEL 2: AI Hub -->\n
        <div class="mob-level mob-panel" id="mob-sub-aihub">\n
          <div class="mob-sub-header">\n
            <button class="mob-back" type="button"><span class="mob-back-arrow">&#8249;</span> AI Hub</button>\n
          </div>\n
          <div class="mob-l2-body">\n
            <a class="mob-l2-row" href="https://www.startplatz.de/en/ki-weiterbildung/masterclasses/">Webinars &amp; Masterclasses</a>\n
            <a class="mob-l2-row" href="https://www.startplatz.de/en/ki-weiterbildung/ki-campus/">KI Campus</a>\n
            <a class="mob-l2-row" href="https://www.startplatz.de/en/ki-weiterbildung/meetups/">Meetups</a>\n
            <a class="mob-l2-row" href="https://www.startplatz.de/en/ki-weiterbildung/hackathons/">Hackathons</a>\n
            <a class="mob-l2-row" href="https://www.startplatz.de/en/ai-hub-rhineland-cologne-france-startplatz/">France Initiative</a>\n
          </div>\n
          <div class="mob-cta-area">\n
            <a class="mob-cta" href="https://www.startplatz.de/en/ki-experten">Become a lecturer</a>\n
            <a class="mob-cta-secondary" href="https://startplatz-ai-academy.de/" target="_blank" rel="noopener">To the AI Academy →</a>\n
          </div>\n
        </div>\n
    \n
        <!-- LEVEL 2: Über uns -->\n
        <div class="mob-level mob-panel" id="mob-sub-ueber">\n
          <div class="mob-sub-header">\n
            <button class="mob-back" type="button"><span class="mob-back-arrow">&#8249;</span> About us</button>\n
          </div>\n
          <div class="mob-l2-body">\n
            <a class="mob-l2-row" href="https://www.startplatz.de/en/about-us">About STARTPLATZ</a>\n
            <a class="mob-l2-row" href="https://www.startplatz.de/en/startplatz-team">STARTPLATZ Team</a>\n
            <a class="mob-l2-row" href="https://www.startplatz.de/en/locations">Locations</a>\n
            <a class="mob-l2-row" href="https://www.startplatz.de/en/partner">Partners</a>\n
          </div>\n
          <div class="mob-cta-area">\n
            <a class="mob-cta" href="https://www.startplatz.de/en/become-a-partner/">Become a partner</a>\n
            <a class="mob-cta-secondary" href="https://www.startplatz.de/en/career/">Career</a>\n
          </div>\n
        </div>\n
    \n
      </div><!-- /mob-viewport -->\n
    </div>\n
    \n
    <script>\n
    (function(){\n
      var root = document.getElementById('sp-public-nav');\n
      if (!root) return;\n
    \n
      var items = Array.prototype.slice.call(root.querySelectorAll('.nav-item[data-menu]'));\n
    \n
      // click-to-toggle on desktop (hover already works via CSS)\n
      items.forEach(function(item){\n
        var link = item.querySelector('.nav-link');\n
        link.addEventListener('click', function(e){\n
          e.stopPropagation();\n
          var wasOpen = item.classList.contains('is-open');\n
          items.forEach(function(i){ i.classList.remove('is-open'); });\n
          if(!wasOpen) item.classList.add('is-open');\n
        });\n
      });\n
    \n
      // click outside closes\n
      document.addEventListener('click', function(){\n
        items.forEach(function(i){ i.classList.remove('is-open'); });\n
      });\n
    \n
      // hovering any item clears a click-locked panel so hover feels native\n
      items.forEach(function(item){\n
        item.addEventListener('mouseenter', function(){\n
          items.forEach(function(i){ if(i!==item) i.classList.remove('is-open'); });\n
        });\n
      });\n
    \n
      // ---- mobile drill-down (Apple-Stil) ----\n
      var burger = root.querySelector('#burger');\n
      var mobile = root.querySelector('#mobile');\n
    \n
      function eachIn(sel, fn){\n
        if (!mobile) return;\n
        Array.prototype.forEach.call(mobile.querySelectorAll(sel), fn);\n
      }\n
    \n
      // Overlay auf Level 1 zuruecksetzen (alle Sub-Panels parken, hoch scrollen)\n
      function resetMobile(){\n
        if (!mobile) return;\n
        mobile.classList.remove('in-sub');\n
        eachIn('.mob-panel.active', function(p){ p.classList.remove('active'); });\n
        var lvl1 = mobile.querySelector('.mob-level1');\n
        if (lvl1) lvl1.scrollTop = 0;\n
      }\n
    \n
      function openMobile(){\n
        if (!mobile) return;\n
        resetMobile();\n
        mobile.classList.add('open');\n
      }\n
    \n
      function closeMobile(){\n
        if (!mobile) return;\n
        mobile.classList.remove('open');\n
        resetMobile();\n
      }\n
    \n
      // Level-2-Panel von rechts einschieben\n
      function openSub(id){\n
        if (!mobile) return;\n
        var panel = mobile.querySelector('#' + id);\n
        if (!panel) return;\n
        eachIn('.mob-panel', function(p){ if (p !== panel) p.classList.remove('active'); });\n
        panel.scrollTop = 0;\n
        void panel.offsetWidth; // Reflow erzwingen fuer sauberen Slide\n
        panel.classList.add('active');\n
        mobile.classList.add('in-sub');\n
      }\n
    \n
      // Zurueck zu Level 1\n
      function closeSub(){\n
        if (!mobile) return;\n
        mobile.classList.remove('in-sub');\n
        eachIn('.mob-panel.active', function(p){ p.classList.remove('active'); });\n
      }\n
    \n
      if (burger && mobile) {\n
        burger.addEventListener('click', function(){\n
          if (mobile.classList.contains('open')) { closeMobile(); }\n
          else { openMobile(); }\n
        });\n
      }\n
    \n
      eachIn('.mob-l1-row[data-target]', function(btn){\n
        btn.addEventListener('click', function(){ openSub(btn.getAttribute('data-target')); });\n
      });\n
      eachIn('.mob-back', function(b){ b.addEventListener('click', closeSub); });\n
      eachIn('.mob-close', function(c){ c.addEventListener('click', closeMobile); });\n
    })();\n
    </script>\n
    </div>    <!-- menu ends -->\n
    \n
        <!-- additional css style definitions starts -->\n
        <!-- style definitions to make interim homepage similar to previous homepage\n
         search for\n
         $this->render('@StartPlatzStyleBundle/CSS/_homepage.version-2021-winter.html.twig',[]);\n
    -->\n
    <style>\n
        /* Event styles */\n
        .bg-startplatz {\n
            background-color: #7ab800;\n
        }\n
    \n
        .bg-ai-hub {\n
            background-color: #9632FF !important;\n
        }\n
    \n
        a.bg-ai-hub:hover, a.bg-ai-hub:focus,\n
        button.bg-ai-hub:hover,\n
        button.bg-ai-hub:focus {\n
            background-color: #b880fe !important; }\n
    \n
    \n
        .bg-sp-grey {\n
            background-color: rgba(82,84,89,0.2);\n
        }\n
    \n
        /* redefinition for branding purposes */\n
        .alert-success{\n
            background-color: #7ab800;\n
            color: white;\n
        }\n
    \n
        /* Coworking styles */\n
       .office-perks .card {\n
            padding-bottom: 0px;\n
            border-left: 4px solid #7ab800;\n
            height: 110px;\n
            border-radius:1.5rem;\n
            background-color: #eee;\n
            margin-bottom: 1.0rem;\n
            \n
            background: #eee;\n
            padding-bottom: 2px;\n
            box-shadow: none;\n
            font-size: 14px;\n
        }\n
        .office-perks .card:hover {\n
            box-shadow: none;\n
        }\n
        .office-perks .card-header {\n
            background: none;\n
            border: none;\n
        }\n
        .office-perks .card-body {\n
            padding-top: 0rem;\n
            padding: 0rem 0.8rem 0.8rem 0.8rem;\n
            color: #000000;\n
            line-height: 1.4;\n
            font-weight: 500;\n
    \n
            text-align: center;\n
        }\n
    \n
        .memberships-header h3:after {\n
            content: " ";\n
            display: block;\n
            width: 100px;\n
            border-bottom: 2px solid #8cc63f;\n
            margin-top: 5px;\n
            margin-bottom: 10px;\n
        }\n
        .center-block {\n
          display: block;\n
          margin-left: auto;\n
          margin-right: auto;\n
        }\n
        .faq .panel-group {\n
          margin-bottom: 20px;\n
        }    \n
        .faq a {\n
    \t\tcolor: #8cc63f;\n
    \t}\n
        .faq a:hover {\n
        \ttext-decoration: underline;\n
        }\n
        .faq .panel {\n
          margin-bottom: 20px;\n
          background-color: #fff;\n
          border-radius: 4px;\n
          border: 1px solid transparent;\n
          -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);\n
          box-shadow: 0 1px 1px rgba(0,0,0,.05);\n
        }\n
        .faq .panel-group .panel + .panel {\n
          margin-top: 5px;\n
        }\n
        .faq .panel-group .panel {\n
          margin-bottom: 0;\n
          border-radius: 4px;\n
        }\n
    \t.faq .panel-default,\n
    \t.faq .panel.panel-default {\n
          border-color: #ddd;\n
        }\n
        .faq .panel-default > .panel-heading {\n
          color: #333;\n
          background-color: #f5f5f5;\n
          border-color: #ddd;\n
        }\n
        .faq .panel-group .panel-heading {\n
          border-bottom: 0;\n
            border-bottom-color: currentcolor;\n
        }\n
        .faq .panel-heading {\n
          padding: 10px 15px;\n
          border-bottom: 1px solid transparent;\n
          border-top-left-radius: 3px;\n
          border-top-right-radius: 3px;\n
        }\n
        .faq .panel-body {\n
          padding: 15px;\n
        }\n
    \n
        .col-padding {\n
            padding-left: 6px;\n
            padding-right: 0px;\n
        }\n
        .card-title {\n
            font-size: 20px;\n
            font-weight: bold;\n
            padding-bottom: 6px;\n
        }\n
        .card-title-events {\n
            font-size: 20px;\n
            font-weight: bold;\n
            padding-bottom: 6px;\n
            color:#7AB800;\n
        }\n
        .sp-green, .spGreen{\n
            color:#7AB800;\n
        }\n
        .free-access-info {\n
            font-weight: bold; /* Example property */\n
            color: #7AB800; /* Startplatz green for free access info */\n
            /* Additional styling as needed */\n
        }\n
        .cardsmall-title {\n
            font-size: 17px;\n
            font-weight: bold;\n
            margin:1px;\n
        }\n
        .card-body {\n
            color: #ffffff;\n
            padding: 10px 10px 0;\n
        }\n
        .card-body-events{\n
            color:black;\n
            padding:20px;\n
        }\n
        .card-header {\n
            background: #7AB800;\n
            min-height: 50px;\n
        }\n
        .threeLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
            display: -webkit-box;-webkit-line-clamp: 3;/* number of lines to show */line-clamp: 3;\n
            -webkit-box-orient: vertical;}\n
        @media (min-width: 0px) and (max-width: 767px) {\n
            .card-margin-right {\n
                margin-left: 15px;\n
                margin-right: 15px;\n
            }\n
        }\n
        @media (min-width: 768px) and (max-width: 991px) {\n
            .card-margin-right {\n
                margin-left: 15px;\n
                margin-right: 15px;\n
            }\n
        }\n
        @media (min-width: 992px) and (max-width: 1199px) {\n
            .card-margin-right {\n
                margin-right: 15px;\n
                margin-left: 15px;\n
            }\n
        }\n
        @media (min-width: 1200px) {\n
            .card-margin-right {\n
                margin-right: 20px;\n
                margin-left: 15px;\n
            }\n
        }\n
        a.link {\n
            text-decoration: none;\n
            color: white;\n
        }\n
        .introbig {\n
            color: black;\n
            font-size: 56px;\n
            text-align:center;\n
            font-weight: bold;\n
        }\n
        .introsmall {\n
            color: black;\n
            font-size: 18px;\n
            text-align:center;\n
            text-transform: uppercase;\n
        }\n
        .introteaser {\n
            color: black;\n
            font-size: 18px;\n
            text-align:center;\n
        }\n
        .testimonial-name {\n
            font-size: 18px;\n
            text-align:center;\n
            font-weight: bold;\n
        }\n
        .text_medium {\n
            font-size:17px;\n
            margin-left: 15px;\n
            margin-right: 15px;\n
        }\n
        .card-footer {\n
            margin:10px;\n
        }\n
        .card-body {\n
            padding: 0 10px;\n
            color: #ffffff;\n
        }\n
        #quote-text {\n
            font-size:18px;\n
        }\n
        .bg-success {\n
            background-color:#7AB800!important;\n
        }\n
    \n
        .new-label {color:#fff;background-color:#ef5777;font-size:16px;text-transform:uppercase;padding:4px 7px;display:block;position:absolute;top:-10px;left:5px\n
        }\n
        \n
        .banner-title {\n
            font-family: 'Source Sans Pro', sans-serif;\n
            text-shadow: 0px 0px 7px black;\n
            font-size: 50px;\n
            font-weight: bold;\n
            color: white;\n
        }\n
    \n
        /*Corporation Landingpage*/\n
    \n
        .bold {\n
            font-weight: bold;\n
        }\n
        .lighter {\n
            font-weight: lighter;\n
        }\n
        .temp-font{\n
            font-family: Arial;\n
        }\n
    \n
        .align-middle{\n
            margin: auto;\n
            width: 8em;\n
            height: 8em;\n
        }\n
    \n
        .list-image-hook-partner {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997119/Wordpress/Business-Club%20Landingpage%20/1.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 65px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-hook {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_24/v1653997119/Wordpress/Business-Club%20Landingpage%20/1.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 55px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-burger {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678467/Icons/business-affiliate-network.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 70px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-network {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997119/Wordpress/Business-Club%20Landingpage%20/5.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 70px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-percent {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997120/Wordpress/Business-Club%20Landingpage%20/7.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 70px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-megaphone {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997119/Wordpress/Business-Club%20Landingpage%20/6.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 70px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-global {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678469/Icons/worldwide.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 70px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-event {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678467/Icons/croissant.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 70px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-benefits {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678466/Icons/hand-shake.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 70px;\n
            vertical-align: middle;\n
        }\n
    \n
        .no-border-style{\n
            border: 0px solid rgba(0,0,0,.125);\n
            border-radius: 0em;\n
        }\n
    \n
        .side-border-style{\n
            border-top: 0px solid rgba(0,0,0,.125);\n
            border-bottom: 0px solid rgba(0,0,0,.125);;\n
            border-radius: 0em;\n
        }\n
    \n
        .event-links a {\n
            color: inherit; /* blue colors for links too */\n
            text-decoration: inherit; /* no underline */\n
        }\n
    \n
        .event-links a:hover {\n
            color: inherit; /* blue colors for links too */\n
            text-decoration: inherit; /* no underline */\n
        }\n
    \n
        a.link-green {\n
            color:#7AB800;\n
        }\n
    \n
        @media (min-width: 768px) {\n
            .pt-md-6,\n
            .py-md-6 {\n
                padding-top: 5rem !important;\n
            }\n
    \n
            .pr-md-6,\n
            .px-md-6 {\n
                padding-right: 5rem !important;\n
            }\n
    \n
            .pb-md-6,\n
            .py-md-6 {\n
                padding-bottom: 5rem !important;\n
            }\n
    \n
            .pl-md-6,\n
            .px-md-6 {\n
                padding-left: 5rem !important;\n
            }\n
        }\n
    \n
            .pt-md-7,\n
            .py-md-7 {\n
                padding-top: 6rem !important;\n
            }\n
    \n
            .pr-md-7,\n
            .px-md-7 {\n
                padding-right: 6rem !important;\n
            }\n
    \n
            .pb-md-7,\n
            .py-md-7 {\n
                padding-bottom: 6rem !important;\n
            }\n
    \n
            .pl-md-7,\n
            .px-md-7 {\n
                padding-left: 6rem !important;\n
            }\n
    \n
    \n
        @media (min-width: 768px) {\n
            .height-auto {\n
                height: 400px;\n
            }\n
        }\n
    \n
        @media (max-width: 400px) {\n
            .space-3 {\n
                padding-top: 2rem !important;\n
                padding-bottom: 2rem !important; }\n
        }\n
    \n
        .btn-sp-green {\n
            color: #ffff;\n
            background-color: #7ab800 ;\n
            border-color: #7ab800;\n
        }\n
    \n
        .btn-sp-green:hover {\n
            color: #ffff;\n
            background-color: #507900;\n
            border-color: #507900;\n
        }\n
    \n
        /*Timeline at "Nächste Schritte" section*/\n
    \n
        .timeline-item {\n
            padding: 0.5em 2em 0.6em;\n
            position: relative;\n
            color: rgba(0, 0, 0, 0.88);\n
            border-left: 2px solid rgba(0, 0, 0, 0.88);\n
        }\n
    \n
        .timeline-item p {\n
            font-size: 1.1rem;\n
        }\n
    \n
        .timeline-item::before {\n
            content: attr(date-is);\n
            position: absolute;\n
            left: 2em;\n
            font-weight: bold;\n
            top: 1em;\n
            display: block;\n
            font-family: 'Roboto', sans-serif;\n
            font-weight: 700;\n
            font-size: .785rem;\n
        }\n
    \n
        .timeline-item::after {\n
            width: 10px;\n
            height: 10px;\n
            display: block;\n
            top: 1em;\n
            position: absolute;\n
            left: -7px;\n
            border-radius: 10px;\n
            content: '';\n
            border: 2px solid black;\n
            background: white;\n
        }\n
    \n
        .timeline-item:last-child {\n
            border-image: linear-gradient(\n
                    to bottom,\n
                    rgba(0, 0, 0, 0.88),\n
                    rgba(0, 0, 0, 0.88))1;\n
    \n
        }\n
    \n
    \n
        /*Timeline at "Nächste Schritte" section end */\n
    \n
    \n
        /* Slideshow container */\n
    \n
        .slideshow-container {\n
            position: relative;\n
            background: #f1f1f1f1;\n
        }\n
    \n
        /* Slides */\n
    \n
        .mySlides {\n
            display: none;\n
            padding: 80px;\n
            text-align: center;\n
            background: #8cc63f;\n
        }\n
    \n
        /* Next & previous buttons */\n
        .prev, .next {\n
            cursor: pointer;\n
            position: absolute;\n
            top: 50%;\n
            width: auto;\n
            margin-top: -30px;\n
            padding: 16px;\n
            color: white;\n
            font-weight: bold;\n
            font-size: 20px;\n
            border-radius: 0 3px 3px 0;\n
            user-select: none;\n
        }\n
    \n
        /* Position the "next button" to the right */\n
        .next {\n
            position: absolute;\n
            right: 0;\n
            border-radius: 3px 0 0 3px;\n
        }\n
    \n
        /* On hover, add a black background color with a little bit see-through */\n
        .prev:hover, .next:hover {\n
            background-color: rgba(0,0,0,0.8);\n
            color: white;\n
        }\n
    \n
        /* The dot/bullet/indicator container */\n
        .dot-container {\n
            text-align: center;\n
            padding: 20px;\n
            background: #8cc63f;\n
        }\n
    \n
        /* The dots/bullets/indicators */\n
        .dot {\n
            cursor: pointer;\n
            height: 15px;\n
            width: 15px;\n
            margin: 0 2px;\n
            background-color: #bbb;\n
            border-radius: 50%;\n
            display: inline-block;\n
            transition: background-color 0.6s ease;\n
        }\n
    \n
        /* Add an italic font style to all quotes */\n
        q {\n
            font-size: 15px;\n
            font-style: italic;\n
            color: white;\n
        }\n
    \n
        /* Add a blue color to the author */\n
        .author {color: white;}\n
    \n
        /* Slideshow container end */\n
    \n
        /* Corporation Landingpage end */\n
    \n
    \n
        /* Service Partner */\n
        .partner-headline {\n
            font-size: 40px;\n
            font-weight: lighter;\n
        }\n
    \n
        .col-same-heigth img {width: 100%; height: auto;  }\n
    \n
        @media (min-width: 500px) {\n
            .container-div {\n
                display: table;\n
                border-spacing: 16px;\n
            }\n
            .col-same-heigth {\n
                display: table-cell;\n
                box-sizing: border-box;\n
                cell-spacing: 8px;\n
                padding: 0.5em;\n
                vertical-align: top\n
            }\n
    \n
    \n
        }\n
    \n
    \n
        /* Service Partner end */\n
    \n
    \n
        /*Card default*/\n
        .card-general {\n
            width: 18rem;height: 26rem;border: 2px solid #7ab800;\n
            box-shadow: 0 6px 10px rgba(0, 0, 0, 0.16), 0 0 6px rgba(0, 0, 0, 0.1);\n
            transition: .4s transform cubic-bezier(.155,1.105,.295,1.12),.4s box-shadow,.4s\n
            -webkit-transform cubic-bezier(.155,1.105,.295,1.12);\n
        }\n
        .card-general-hover:hover {transform: scale(1.04);}\n
    \n
        /*Card Header with background color and centered title*/\n
        .card-general-header {\n
            display: flex;\n
            align-items: center;\n
            text-align: left;\n
            justify-content: center;\n
            width: 100%;\n
            height: 8rem;\n
            background:  #7ab800;\n
        }\n
    \n
        /*Card Header with image*/\n
        .card-general-header-image{text-align: center;width: 100%;height: 10rem;}\n
        .card-general-header-image img {width: 100%;height: 100%;object-fit: contain;}\n
        .card-general-header-image svg {width: 100%;height: 100%;object-fit: contain;}\n
    \n
        /*Card separator*/\n
        .card-general-seperator {width: 100%;height: 0.6rem;\n
            background: linear-gradient(90deg,#7AB800 0%, #AACF61 60%, #ffffff 110%);\n
        }\n
    \n
        /*Card body default*/\n
        .card-general-body {height: 15rem; display:flex; flex-direction: column; width: 100%; overflow:hidden;}\n
        .card-general-body::-webkit-scrollbar {display: none; scrollbar-width: none;}\n
        .rounded-pill-green{background-color: #AACF61;}\n
        .rounded-pill-grey{background-color: #d7d9d4;}\n
    \n
    \n
        \n
        \n
        .card-startup {\n
            height: 20rem;\n
            background-color: #fff;\n
            border: 3px solid black;\n
            flex-wrap: wrap;\n
            display: flex;\n
            justify-content: space-between;\n
        }\n
        .card-startup-logo a {\n
            width: 100%;\n
            height: 20rem;\n
            object-fit: contain;\n
            float: left;\n
        }\n
        .card-startup-logo img {\n
            width: 100%;\n
            height: 20rem;\n
            max-height: 260px;\n
            object-fit: contain;\n
            float: left;\n
        }\n
        .card-startup-logo svg {\n
            width: 100%;\n
            height: 20rem;\n
            max-height: 260px;\n
            object-fit: contain;\n
            float: left;\n
        }\n
        .card-startup .card-name {\n
            font-size: 30px;\n
            float: left;\n
            color: black;\n
            position: relative;\n
            font-weight: bold;\n
            display: block;\n
        }\n
        .card-startup .card-content {\n
            width: 100%;\n
            height: 100%;\n
            margin:  5px 0px 0px 0px;\n
            display: flex;\n
            flex-direction: column;\n
        }\n
        .card-startup .card-content p{\n
            width: 100%;\n
            font-size: 15px;\n
            color: black;\n
            padding:  0px;\n
        }\n
        .card-place {\n
            display: inline-block;\n
            color: black;\n
            padding: 10px 0px;\n
        }\n
        .card-place img{\n
            width: 15px;\n
            height: 20px;\n
        }\n
        .card-startup-link{\n
            display: inline-block;\n
            padding: 10px 0px;\n
        }\n
        .card-startup-link img{\n
            width: 35px;\n
            height: 35px;\n
        }\n
        .card-startup-link a{\n
            color: black;\n
            font-weight: bold;\n
            padding: 0px 10px;\n
        }\n
        @media (max-width: 575px) {\n
            .card-startup {\n
                height: auto;\n
            }\n
        }\n
    \n
        \n
    \n
        .oneLineEllipsis {overflow: hidden;text-overflow: ellipsis;word-break:break-all;\n
            display: -webkit-box;-webkit-line-clamp: 1;/* number of lines to show */line-clamp: 1;\n
            -webkit-box-orient: vertical;}\n
        .twoLineEllipsis {overflow: hidden;text-overflow: ellipsis;word-break:break-all;\n
            display: -webkit-box;-webkit-line-clamp: 2;/* number of lines to show */line-clamp: 2;\n
            -webkit-box-orient: vertical;}\n
        .threeLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
            display: -webkit-box;-webkit-line-clamp: 3;/* number of lines to show */line-clamp: 3;\n
            -webkit-box-orient: vertical;}\n
        .fourLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
            display: -webkit-box;-webkit-line-clamp: 4;/* number of lines to show */line-clamp: 4;\n
            -webkit-box-orient: vertical;}\n
        .fiveLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
            display: -webkit-box;-webkit-line-clamp: 5;/* number of lines to show */line-clamp: 5;\n
            -webkit-box-orient: vertical;word-wrap:break-word;}\n
        .sixLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
            display: -webkit-box;-webkit-line-clamp: 6;/* number of lines to show */line-clamp: 6;\n
            -webkit-box-orient: vertical;word-wrap:break-word;}\n
        .xLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
            display: -webkit-box;/* number of lines to show: line-clamp: 3;-webkit-line-clamp: 3; */\n
            -webkit-box-orient: vertical;}\n
    \n
        \n
        .office-gallery {\n
            display: flex;\n
            flex-wrap: wrap;\n
            justify-content: center;\n
        }\n
    \n
        .office-gallery-row {\n
            display: flex;\n
            flex-direction: row;\n
            width: 85%;\n
        }\n
    \n
        .office-gallery-row img {\n
            width: 50%;\n
            box-sizing: border-box;\n
            padding: 10px;\n
        }\n
    \n
        .flex-container-office {\n
            display: flex;\n
            flex-direction: row;\n
        }\n
    \n
        @media (max-width: 800px) {\n
            .flex-container-office {\n
                flex-direction: column;\n
            }\n
        }\n
    \n
        .office-grid {\n
            display: grid;\n
            grid-template-columns: repeat(7, 1fr);\n
            grid-template-rows: repeat(5, 1fr);\n
            width: 100%;\n
            height: 600px;\n
            grid-gap: 10px;\n
        }\n
    \n
        .grid-item1 {\n
            background-image: url("https://images.unsplash.com/photo-1534719156993-f3c9448673bf?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=f089cfa06eb1cd7c0f654b39d8fdfd07&auto=format&fit=crop&w=1350&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 1/4;\n
            grid-row: 1/6;\n
        }\n
    \n
        .grid-item2 {\n
            background-image: url("https://images.unsplash.com/photo-1534759846116-5799c33ce22a?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=19c8355cd5aff72debf2f4720f4c7e09&auto=format&fit=crop&w=688&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 1/2;\n
            grid-row: 2/5;\n
        }\n
    \n
        .grid-item3 {\n
            background-image: url("https://images.unsplash.com/photo-1508097549463-97f74cb9a6aa?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=52c257bf60c788a1332419c74c6a8a01&auto=format&fit=crop&w=1350&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 1/5;\n
            grid-row: 5/5;\n
        }\n
    \n
        .grid-item4 {\n
            background-image: url("https://images.unsplash.com/photo-1507562534834-42ebd36b00ea?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=f712012a42c9e9d9163fd9a0c80fd66a&auto=format&fit=crop&w=1202&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 2/4;\n
            grid-row: 2/5;\n
        }\n
    \n
        .grid-item5 {\n
            background-image: url("https://images.unsplash.com/photo-1534714259038-764cb4cf1d58?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=d07ea713fcf12221034dafd8f4ffe82b&auto=format&fit=crop&w=1350&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 4/6;\n
            grid-row: 1/3;\n
        }\n
    \n
        .grid-item6 {\n
            background-image: url("https://images.unsplash.com/photo-1515694581961-1fbdb6840a5f?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=4267be6fb944c94b672e0b3ddb458286&auto=format&fit=crop&w=634&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 4/5;\n
            grid-row: 3/6;\n
        }\n
    \n
        .grid-item7 {\n
            background-image: url("https://images.unsplash.com/photo-1534703580202-6123d4189ef6?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=5478b30dec2346f00a40ab259d162068&auto=format&fit=crop&w=634&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 5/6;\n
            grid-row: 3/6;\n
        }\n
    \n
        .grid-item8 {\n
            background-image: url("https://images.unsplash.com/photo-1534743901536-d184ed4194bc?ixlib=rb-0.3.5&s=21fd4555141d93425b8ee3f80f764e69&auto=format&fit=crop&w=634&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 6/8;\n
            grid-row: 1/6;\n
        }\n
        \n
        /* TARIFE */\n
    \n
        .card-memberships {\n
            padding-bottom: 0px;\n
            border-left: 4px solid #7ab800;\n
            height: 170px;\n
            border-radius: 1.5rem;\n
            background-color: #eee;\n
            margin-bottom: 1.0rem;\n
        }\n
    \n
        .card-header-memberships {\n
            display: flex;\n
            align-items: center;\n
            text-align: left;\n
            justify-content: center;\n
            width: 100%;\n
            height: 90px;\n
            border-bottom: none;\n
            border-radius: 1.5rem;\n
        }\n
    \n
        .card-body-memberships {\n
            display: flex;\n
            align-items: center;\n
            justify-content: center;\n
            font-size: 0.9rem;\n
            line-height: 1.4;\n
            font-weight: 500;\n
            text-align: center;\n
            color: #000000;\n
        }\n
    \n
        .community_perks {\n
            border-left: 4px solid #7ab800;\n
            background-color: #eee;\n
        }\n
    \n
        .office_perks {\n
            border-top: 2px solid #ffffff;\n
            border-left: 4px solid #0680bb;\n
            background-color: #eee;\n
        }\n
    \n
        .office_perks_link {\n
            color: black;\n
            text-decoration: underline;\n
        }\n
    \n
        .memberships {\n
            margin-right: 20px;\n
            margin-left: 20px;\n
            font-size: 15px;\n
        }\n
    \n
        .memberships-headline h3{\n
            font-size: 20px;\n
        }\n
    \n
        .memberships-headline h3:after {\n
            content: " ";\n
            display: block;\n
            width: 100px;\n
            border-bottom: 2px solid #8cc63f;\n
            margin-top: 5px;\n
            margin-bottom: 10px;\n
        }\n
    \n
        /* Create four columns of equal width */\n
        .columns-memberships {\n
            float: left;\n
            width: 25%;\n
            padding: 8px;\n
        }\n
    \n
        /* Create four columns of equal width */\n
        .columns-memberships {\n
            float: left;\n
            width: 25%;\n
            padding: 8px;\n
        }\n
    \n
        /* Change the width of the three columns to 100%\n
    (to stack horizontally on small screens) */\n
        @media (max-width: 768px) {\n
            .columns-memberships {\n
                width: 100%;\n
            }\n
        }\n
    \n
        @media (max-width: 767px) {\n
            .hidden-xs {\n
                display: none !important;\n
            }\n
        }\n
    \n
        a.link-memberships {\n
            text-decoration: none;\n
            color: #7ab800;\n
        }\n
    \n
        /* Style the list */\n
        .price {\n
            list-style-type: none;\n
            border: 1px solid #eee;\n
            margin: 0;\n
            padding: 0;\n
            -webkit-transition: 0.3s;\n
            transition: 0.3s;\n
        }\n
    \n
        /* Add shadows on hover */\n
        .price:hover {\n
            box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)\n
        }\n
    \n
        /* Pricing header */\n
        .price .header {\n
            background-color: #8cc63f;\n
            color: white;\n
            font-size: 25px;\n
        }\n
    \n
        /* List items */\n
        .price li {\n
            border-bottom: 1px solid #eee;\n
            padding: 10px;\n
            text-align: center;\n
        }\n
    \n
        /* Grey list item */\n
        .price .grey {\n
            background-color: #eee;\n
            font-size: 20px;\n
        }\n
    \n
        /* Grey list item location */\n
        .price .grey_second {\n
            background-color: #eee;\n
            font-size: 14px;\n
            display: inline-flex;\n
        }\n
    \n
        /* Placeholder */\n
        .clear .clear {\n
            clear: both;\n
        }\n
    \n
    \n
        /* Grey list small item */\n
        .price .grey_small {\n
            background-color: #eee;\n
            font-size: 12px;\n
        }\n
    \n
        /* The "Sign Up" button */\n
        .button-sign-up {\n
            background-color: #8cc63f;\n
            border: none;\n
            color: white;\n
            padding: 10px 25px;\n
            text-align: center;\n
            text-decoration: none;\n
            font-size: 18px;\n
        }\n
    \n
        .memberships-top-headline {\n
            font-size: 65px;\n
        }\n
    \n
        @media (max-width: 768px) {\n
            .memberships-top-headline {\n
                font-size: 55px;\n
            }\n
        }\n
    \n
        .general-line-clamp {\n
            display            : block;\n
            display            : -webkit-box;\n
            -webkit-box-orient : vertical;\n
            position           : relative;\n
            overflow           : hidden;\n
            text-overflow      : ellipsis;\n
            padding            : 0 !important;\n
            line-height: var(--global--line-height-body,1.2) !important;\n
        }\n
    \n
        .general-line-clamp-1 {\n
            -webkit-line-clamp : 1;\n
            height             : calc(1em * var(--global--line-height-body, 1.15) * 1.6);\n
        }\n
    \n
        .general-line-clamp-2 {\n
            -webkit-line-clamp : 2;\n
            height             : calc(1em * var(--global--line-height-body, 1.15) * 2);\n
        }\n
    \n
        .general-line-clamp-3 {\n
            -webkit-line-clamp : 3;\n
            height             : calc(1em * var(--global--line-height-body, 1.15) * 3);\n
        }\n
    \n
        .general-line-clamp-4 {\n
            -webkit-line-clamp : 4;\n
            height             : calc(1em * var(--global--line-height-body, 1.15) * 4);\n
        }\n
    \n
        .general-line-clamp-5 {\n
            -webkit-line-clamp : 5;\n
            height             : calc(1em * var(--global--line-height-body, 1.15) * 5.6);\n
        }\n
    \n
        /* Geschäftsadresse Köln */\n
    \n
        .business-address .font-weight-light{\n
            font-weight: 300!important;\n
        }\n
    \n
        .business-address .intro-text {\n
            text-align: justify;\n
            max-width: 875px;\n
            margin: 3rem auto;\n
        }\n
    \n
        .business-address .intro-text p {\n
            font-size: 1.6rem;\n
            line-height: 1.7;\n
        }\n
    \n
        .business-address .placeholder-addition {\n
            height: 160px;\n
            z-index:1;\n
            position: absolute;\n
        }\n
    \n
        .business-address .panel-heading-box{\n
            background-color: #f5f5f5;\n
            width: 1045px;\n
        }\n
    \n
        .business-address .panel-heading-entry{\n
            text-decoration: none !important;\n
            color: #7ab800;\n
            cursor:pointer;\n
        }\n
    \n
        .business-address .panel-collapse-box{\n
            background-color: white;\n
            width: 1045px;\n
        }\n
    \n
    \n
    \n
    </style>\n
    \n
        <!-- additional css style definitions ends -->\n
    \n
    \n
    \n
        <!--Opening-->\r\n
    <style>\r\n
    /* Allgemeine Stile */\r\n
    .container {\r\n
        max-width: 1200px !important;\r\n
    }\r\n
    \r\n
    .row {\r\n
        display: flex;\r\n
        flex-wrap: wrap;\r\n
        margin-right: -15px;\r\n
        margin-left: -15px;\r\n
    }\r\n
    \r\n
    /* Button Styling */\r\n
    .button-group {\r\n
        display: flex;\r\n
        justify-content: center;\r\n
        gap: 20px;\r\n
        margin-top: 30px;\r\n
    }\r\n
    \r\n
    .cta-button {\r\n
        font-size: 20px;\r\n
        font-weight: bold;\r\n
        padding: 16px 30px;\r\n
        width: 400px;\r\n
        height: 60px;\r\n
        display: flex;\r\n
        align-items: center;\r\n
        justify-content: center;\r\n
        text-decoration: none;\r\n
        border-radius: 8px;\r\n
        transition: all 0.3s ease-in-out;\r\n
    }\r\n
    \r\n
    .primary {\r\n
        background: #7AB800;\r\n
        color: white;\r\n
        border: none;\r\n
        text-decoration: none;\r\n
    }\r\n
    \r\n
    .small-button {\r\n
        font-size: 18px;\r\n
        padding: 10px 20px;\r\n
        width: auto;\r\n
        height: auto;\r\n
    }\r\n
    \r\n
    .primary:hover {\r\n
        background: #5f8e00;\r\n
        color: white;\r\n
        text-decoration: none;\r\n
    }\r\n
    \r\n
    .secondary {\r\n
        background: transparent;\r\n
        border: 2px solid #7AB800;\r\n
        color: #7AB800;\r\n
        text-decoration: none;\r\n
    }\r\n
    \r\n
    .secondary:hover {\r\n
        background: #7AB800;\r\n
        color: white;\r\n
        text-decoration: none;\r\n
    }\r\n
    \r\n
    .custom-btn {\r\n
        font-size: 24px;\r\n
        font-weight: bold;\r\n
        padding: 14px 24px;\r\n
        width: 100%;\r\n
        text-align: center;\r\n
    }\r\n
    \r\n
    @media (max-width: 767px) {\r\n
        .custom-btn {\r\n
            font-size: 18px !important;\r\n
            padding: 10px 18px;\r\n
        }\r\n
    }\r\n
    \r\n
    @media (min-width: 768px) {\r\n
        .custom-btn {\r\n
            width: 50%;\r\n
            font-size: 24px;\r\n
        }\r\n
    }\r\n
    \r\n
    /* Header Desktop Layout */\r\n
    @media (min-width: 992px) {\r\n
        .container {\r\n
            max-width: 1200px !important;\r\n
            margin: 0 auto;\r\n
        }\r\n
    \r\n
        .custom-layout {\r\n
            display: flex;\r\n
            flex-wrap: wrap;\r\n
            justify-content: space-between;\r\n
            align-items: center;\r\n
        }\r\n
        .text-section {\r\n
            order: 1;\r\n
            width: 50%;\r\n
            padding: 20px;\r\n
        }\r\n
        .image-section {\r\n
            order: 2;\r\n
            width: 50%;\r\n
            text-align: right;\r\n
            display: flex;\r\n
            justify-content: flex-end;\r\n
        }\r\n
        .image-section img {\r\n
            max-width: 100%;\r\n
            height: auto;\r\n
        }\r\n
    }\r\n
    \r\n
    /* Header mobile Layout */\r\n
    @media (max-width: 992px) {\r\n
        .custom-layout {\r\n
            flex-direction: column;\r\n
            align-items: center;\r\n
            text-align: center;\r\n
            gap: 20px; \r\n
        }\r\n
        .text-section, .image-section {\r\n
            width: 100%;\r\n
            text-align: center;\r\n
        }\r\n
        .image-section {\r\n
            justify-content: center;\r\n
            margin-top: 20px;\r\n
            margin-bottom: 20px;\r\n
        }\r\n
    \r\n
        .image-responsive {\r\n
            border-radius: 10px !important;\r\n
            max-width: 100% !important;\r\n
            height: auto !important;\r\n
        }\r\n
        \r\n
        /* Kleinere Schriftgrößen für Header-Bereich */\r\n
        .text-section h1 {\r\n
            font-size: 26px !important;\r\n
        }\r\n
        \r\n
        .text-section ul {\r\n
            font-size: 16px !important;\r\n
        }\r\n
        \r\n
        .text-section ul li {\r\n
            line-height: 1.5 !important;\r\n
        }\r\n
        \r\n
        .text-section h2 {\r\n
            font-size: 18px !important;\r\n
        }\r\n
        \r\n
        .text-section span {\r\n
            font-size: 16px !important;\r\n
        }\r\n
        \r\n
        .text-section span[style*="font-size: 50px"] {\r\n
            font-size: 36px !important;\r\n
        }\r\n
    }\r\n
    \r\n
    /* Galerie Styling */\r\n
    .gallery-section {\r\n
        padding: 50px 0;\r\n
        background: white;\r\n
    }\r\n
    \r\n
    .gallery-image-wrapper {\r\n
        position: relative;\r\n
        width: 100%;\r\n
        overflow: hidden;\r\n
        border-radius: 10px;\r\n
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);\r\n
        margin-bottom: 20px;\r\n
    }\r\n
    \r\n
    .gallery-image {\r\n
        width: 100%;\r\n
        height: 100%;\r\n
        object-fit: cover;\r\n
        border-radius: 10px;\r\n
        display: block;\r\n
    }\r\n
    \r\n
    .gallery-section-mobile {\r\n
        padding: 50px 0;\r\n
        background: white;\r\n
    }\r\n
    \r\n
    /* Zeige Galerie auch auf Mobilgeräten an */\r\n
    @media (max-width: 768px) {\r\n
        .gallery-section {\r\n
            display: block !important;\r\n
        }\r\n
    }\r\n
    \r\n
    /* Vergleichstabelle Styling */\r\n
    .table-wrapper {\r\n
        overflow-x: auto;\r\n
        width: 100%;\r\n
    }\r\n
    \r\n
    .comparison-table {\r\n
        width: 100%;\r\n
        border-collapse: collapse;\r\n
        font-size: 18px;\r\n
        color: black;\r\n
        text-align: left;\r\n
        border-radius: 10px;\r\n
        overflow: hidden;\r\n
    }\r\n
    \r\n
    .comparison-table thead {\r\n
        background: #7AB800;\r\n
        color: white;\r\n
    }\r\n
    \r\n
    .comparison-table thead th {\r\n
        padding: 20px;\r\n
        font-size: 20px;\r\n
        font-weight: bold;\r\n
        text-align: center;\r\n
    }\r\n
    \r\n
    .comparison-table tbody tr {\r\n
        transition: background 0.3s ease;\r\n
    }\r\n
    \r\n
    .comparison-table tbody tr:hover {\r\n
        background: #E8F5E9;\r\n
    }\r\n
    \r\n
    .comparison-table tbody td {\r\n
        padding: 18px;\r\n
        border-bottom: 1px solid #ddd;\r\n
        text-align: left;\r\n
    }\r\n
    \r\n
    .comparison-table tbody td:first-child {\r\n
        text-align: left;\r\n
        font-weight: bold;\r\n
    }\r\n
    \r\n
    /* Mobile Ansicht */\r\n
    @media (max-width: 600px) {\r\n
        .comparison-table thead {\r\n
            display: none;\r\n
        }\r\n
    \r\n
        .comparison-table,\r\n
        .comparison-table tbody,\r\n
        .comparison-table tr,\r\n
        .comparison-table td {\r\n
            display: block;\r\n
            width: 100%;\r\n
        }\r\n
    \r\n
        .comparison-table tr {\r\n
            margin-bottom: 10px;\r\n
        }\r\n
    \r\n
        .comparison-table td {\r\n
            text-align: left;\r\n
            padding-left: 15px;\r\n
            position: relative;\r\n
            word-wrap: break-word;\r\n
            font-size: 15px;\r\n
        }\r\n
    \r\n
        .comparison-table td:first-child {\r\n
            background: #7AB800;\r\n
            color: white;\r\n
            font-weight: bold;\r\n
            padding: 12px;\r\n
            border-radius: 5px;\r\n
            font-size: 16px;\r\n
        }\r\n
    \r\n
        .comparison-table td[data-label="Coworking"]::before {\r\n
            content: "Coworking: ";\r\n
            font-weight: bold;\r\n
        }\r\n
    \r\n
        .comparison-table td[data-label="2nd Home"]::before {\r\n
            content: "2nd Home: ";\r\n
            font-weight: bold;\r\n
        }\r\n
    }\r\n
    \r\n
    /* Büroangebote Hinweis */\r\n
    .office-info {\r\n
        margin-top: 20px;\r\n
        font-size: 22px;\r\n
        font-weight: bold;\r\n
        text-align: center;\r\n
    }\r\n
    \r\n
    .office-info a {\r\n
        color: black;\r\n
        text-decoration: underline;\r\n
        transition: color 0.3s;\r\n
    }\r\n
    \r\n
    .office-info a:hover {\r\n
        color: #7AB800;\r\n
    }\r\n
    \r\n
    .clearfix::after {\r\n
        content: "";\r\n
        display: table;\r\n
        clear: both;\r\n
    }\r\n
    \r\n
    /* Location Styling - KORRIGIERT FÜR MOBILE */\r\n
    .image-wrapper {\r\n
        overflow: hidden;\r\n
        border-radius: 10px;\r\n
        display: inline-block;\r\n
    }\r\n
    \r\n
    .rounded-image {\r\n
        width: 100%;\r\n
        height: 420px;\r\n
        object-fit: cover;\r\n
        border-radius: 10px;\r\n
        display: block;\r\n
    }\r\n
    \r\n
    /* Mobile Version (max. 768px): - KORRIGIERTE REIHENFOLGE */\r\n
    @media (max-width: 768px) {\r\n
        /* Wichtig: Flexbox-Container muss column-reverse sein oder order verwenden */\r\n
        .custom-section {\r\n
            flex-direction: column !important;\r\n
        }\r\n
        \r\n
        .text-content {\r\n
            order: 1 !important; /* Text kommt VOR dem Bild */\r\n
        }\r\n
    \r\n
        .image-content {\r\n
            order: 2 !important; /* Bild kommt NACH dem Text */\r\n
            margin-top: 20px !important;\r\n
        }\r\n
        \r\n
        /* Bessere Bildanpassung für mobile Geräte */\r\n
        .rounded-image {\r\n
            height: auto !important;\r\n
            max-height: 300px;\r\n
        }\r\n
        \r\n
        /* WICHTIG: Bessere Container-Flexbox Kontrolle für Location Section */\r\n
        .row.align-items-center.py-5.custom-section {\r\n
            flex-direction: column !important;\r\n
            align-items: stretch !important;\r\n
        }\r\n
    }\r\n
    \r\n
    /* Über den STARTPLATZ Styling */\r\n
    @media (max-width: 768px) {\r\n
        .text-content {\r\n
            order: 1 !important;\r\n
        }\r\n
    }\r\n
    \r\n
    /* Statistiken Styling */\r\n
    .stats-section {\r\n
        text-align: center;\r\n
        padding: 40px 0;\r\n
    }\r\n
    \r\n
    .container {\r\n
        max-width: 1200px;\r\n
        margin: auto;\r\n
    }\r\n
    \r\n
    .stats-grid {\r\n
        display: grid;\r\n
        grid-template-columns: repeat(4, 1fr);\r\n
        gap: 20px;\r\n
        text-align: center;\r\n
    }\r\n
    \r\n
    .stat-item {\r\n
        position: relative;\r\n
        padding: 20px;\r\n
    }\r\n
    \r\n
    .stat-background {\r\n
        font-size: 120px;\r\n
        font-weight: bold;\r\n
        color: rgba(122, 184, 0, 0.20);\r\n
        position: absolute;\r\n
        left: 50%;\r\n
        top: 50%;\r\n
        transform: translate(-50%, -50%);\r\n
        z-index: -1;\r\n
        white-space: nowrap;\r\n
    }\r\n
    \r\n
    .stat-label {\r\n
        font-size: 18px;\r\n
        font-weight: bold;\r\n
        color: rgba(0, 0, 0, 0.75);\r\n
        position: relative;\r\n
        z-index: 1;\r\n
    }\r\n
    \r\n
    /* Mobile Ansicht */\r\n
    @media (max-width: 768px) {\r\n
        .stats-grid {\r\n
            grid-template-columns: repeat(2, 1fr);\r\n
            gap: 15px;\r\n
        }\r\n
    \r\n
        .stat-background {\r\n
            font-size: 80px;\r\n
        }\r\n
    \r\n
        .stat-label {\r\n
            font-size: 16px;\r\n
        }\r\n
    }\r\n
    \r\n
    /* Startup Community styling */\r\n
    @media (min-width: 992px) {\r\n
        .startup-section-layout {\r\n
            display: flex;\r\n
            flex-wrap: nowrap;\r\n
            justify-content: space-between;\r\n
            align-items: flex-start;\r\n
            gap: 30px;\r\n
            padding-right: 20px;\r\n
        }\r\n
    \r\n
        .startup-text-section {\r\n
            flex: 0 0 55%;\r\n
            max-width: 55%;\r\n
        }\r\n
    \r\n
        .startup-image-section {\r\n
            flex: 0 0 45%;\r\n
            max-width: 45%;\r\n
            display: flex;\r\n
            justify-content: center;\r\n
        }\r\n
    \r\n
        .startup-image-row {\r\n
            display: flex;\r\n
            flex-wrap: wrap;\r\n
            justify-content: center;\r\n
        }\r\n
    }\r\n
    \r\n
    @media (max-width: 991px) {\r\n
        .startup-section-layout {\r\n
            display: block;\r\n
        }\r\n
    \r\n
        .startup-text-section {\r\n
            width: 100%;\r\n
            max-width: 100%;\r\n
        }\r\n
    \r\n
        .startup-image-section {\r\n
            width: 100%;\r\n
            max-width: 100%;\r\n
            display: flex;\r\n
            justify-content: center;\r\n
        }\r\n
    \r\n
        .startup-image-row {\r\n
            display: flex;\r\n
            flex-wrap: wrap;\r\n
            justify-content: center;\r\n
            width: 100%;\r\n
        }\r\n
    \r\n
        .startup-image-section .col-6 {\r\n
            flex: 0 0 100%;\r\n
            max-width: 100%;\r\n
            padding: 5px;\r\n
            margin-bottom: 10px;\r\n
        }\r\n
    \r\n
        .startup-image-responsive {\r\n
            width: 100%;\r\n
            max-width: 100%;\r\n
            border-radius: 10px;\r\n
            height: auto;\r\n
        }\r\n
    \r\n
        /* Verbesserte Sichtbarkeitslogik für mobile Ansicht */\r\n
        .mobile-hidden {\r\n
            display: none !important;\r\n
        }\r\n
        \r\n
        .mobile-visible {\r\n
            display: block !important;\r\n
            width: 100%;\r\n
        }\r\n
    }\r\n
    \r\n
    .image-responsive {\r\n
        max-width: 100%;\r\n
        height: auto;\r\n
        object-fit: cover;\r\n
        border-radius: 10px; \r\n
    }\r\n
    \r\n
    .text-section {\r\n
        margin-top: 30px; \r\n
    }\r\n
    \r\n
    /* Testimonial Styling */\r\n
    .testimonial {\r\n
        display: flex;\r\n
        align-items: flex-start;\r\n
        gap: 20px;\r\n
        margin-bottom: 40px;\r\n
    }\r\n
    \r\n
    .testimonial img {\r\n
        width: 150px;\r\n
        height: 150px;\r\n
        object-fit: cover;\r\n
        border-radius: 10px;\r\n
    }\r\n
    \r\n
    .testimonial-text {\r\n
        color: black;\r\n
        font-size: 18px;\r\n
        line-height: 1.6;\r\n
        flex: 1;\r\n
    }\r\n
    \r\n
    @media (max-width: 768px) {\r\n
        .testimonial {\r\n
            flex-direction: column;\r\n
            align-items: flex-start;\r\n
        }\r\n
    \r\n
        .testimonial img {\r\n
            width: 120px;\r\n
            height: 120px;\r\n
            margin-bottom: 10px;\r\n
        }\r\n
    \r\n
        .testimonial-text {\r\n
            text-align: left;\r\n
        }\r\n
    } \r\n
    \r\n
    /* Impressionen Styling */\r\n
    .impressionen-container {\r\n
        max-width: 900px;\r\n
        margin: auto;\r\n
        padding: 20px;\r\n
        text-align: center;\r\n
    }\r\n
    \r\n
    .impressionen-heading {\r\n
        font-size: 2rem;\r\n
        margin-bottom: 20px;\r\n
    }\r\n
    \r\n
    .slideshow-container {\r\n
        position: relative;\r\n
        max-width: 100%;\r\n
        margin: auto;\r\n
        border-radius: 10px;\r\n
        overflow: hidden;\r\n
        background: #fff; \r\n
    }\r\n
    \r\n
    .slide {\r\n
        display: none;\r\n
        text-align: center;\r\n
    }\r\n
    \r\n
    .slide.active {\r\n
        display: block;\r\n
    }\r\n
    \r\n
    .slide img {\r\n
        width: 100%;\r\n
        border-radius: 10px;\r\n
        object-fit: cover;\r\n
    }\r\n
    \r\n
    .caption {\r\n
        padding: 10px;\r\n
        font-size: 1rem;\r\n
        background: #7AB800;\r\n
        color: white;\r\n
        border-radius: 0 0 10px 10px;\r\n
        text-align: center;\r\n
    }\r\n
    \r\n
    /* Navigation Buttons */\r\n
    .prev, .next {\r\n
        cursor: pointer;\r\n
        position: absolute;\r\n
        top: 50%;\r\n
        width: 40px;\r\n
        height: 40px;\r\n
        padding: 10px;\r\n
        color: white;\r\n
        font-weight: bold;\r\n
        font-size: 24px;\r\n
        transition: 0.3s;\r\n
        user-select: none;\r\n
        background: #7AB800;\r\n
        border-radius: 50%;\r\n
        display: flex;\r\n
        align-items: center;\r\n
        justify-content: center;\r\n
        transform: translateY(-50%);\r\n
        border: none;\r\n
    }\r\n
    \r\n
    .next {\r\n
        right: 10px;\r\n
    }\r\n
    \r\n
    .prev {\r\n
        left: 10px;\r\n
    }\r\n
    \r\n
    .prev:hover, .next:hover {\r\n
        background: rgba(0, 0, 0, 0.8);\r\n
    }\r\n
    \r\n
    /* Dots */\r\n
    .dots-container {\r\n
        text-align: center;\r\n
        margin-top: 10px;\r\n
    }\r\n
    \r\n
    .dot {\r\n
        cursor: pointer;\r\n
        height: 12px;\r\n
        width: 12px;\r\n
        margin: 5px;\r\n
        background-color: #bbb;\r\n
        border-radius: 50%;\r\n
        display: inline-block;\r\n
        transition: background-color 0.3s ease;\r\n
    }\r\n
    \r\n
    .dot.active, .dot:hover {\r\n
        background-color: #717171;\r\n
    }\r\n
    \r\n
    /* FAQ Styling */\r\n
    .faq-accordion {\r\n
        max-width: 1300px;\r\n
        margin: 0 auto;\r\n
    }\r\n
    \r\n
    .faq-item {\r\n
        border-bottom: 1px solid #ccc;\r\n
        padding: 15px 0;\r\n
    }\r\n
    \r\n
    .faq-question {\r\n
        display: flex;\r\n
        justify-content: space-between;\r\n
        align-items: center;\r\n
        font-size: 18px;\r\n
        font-weight: bold;\r\n
        color: black;\r\n
        cursor: pointer;\r\n
        transition: color 0.3s;\r\n
    }\r\n
    \r\n
    .faq-question:hover {\r\n
        color: #7AB800;\r\n
    }\r\n
    \r\n
    .faq-icon {\r\n
        font-size: 24px;\r\n
        transition: transform 0.3s ease-in-out;\r\n
    }\r\n
    \r\n
    .faq-answer {\r\n
        max-height: 0;\r\n
        overflow: hidden;\r\n
        opacity: 0;\r\n
        transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out;\r\n
        font-size: 18px;\r\n
        color: black;\r\n
    }\r\n
    \r\n
    .faq-answer p {\r\n
        margin-top: 10px;\r\n
    }\r\n
    \r\n
    /* Zusätzliche Korrekturen für mobile Ansicht */\r\n
    @media (max-width: 768px) {\r\n
        /* Grundlegende Bildoptimierung */\r\n
        img {\r\n
            max-width: 100%;\r\n
            height: auto !important;\r\n
        }\r\n
    \r\n
        /* Fix für Galerie auf Mobilgeräten */\r\n
        .gallery-section, .gallery-section-mobile {\r\n
            display: block !important;\r\n
            width: 100%;\r\n
        }\r\n
    \r\n
        .gallery-image-wrapper {\r\n
            width: 100% !important;\r\n
            margin-bottom: 20px;\r\n
        }\r\n
    \r\n
        .gallery-image {\r\n
            width: 100% !important;\r\n
            height: auto !important;\r\n
            object-fit: cover;\r\n
        }\r\n
    \r\n
        /* Verbesserung der Startup-Bilder auf Mobilgeräten */\r\n
        .startup-image-section {\r\n
            display: block !important;\r\n
            width: 100%;\r\n
            margin-top: 20px;\r\n
        }\r\n
    \r\n
        .startup-image-row {\r\n
            display: block !important;\r\n
            width: 100%;\r\n
        }\r\n
    \r\n
        .startup-image-row .col-6 {\r\n
            width: 100% !important;\r\n
            margin-bottom: 15px;\r\n
        }\r\n
    \r\n
        /* Korrektur für Bildersektion im Header */\r\n
        .image-section {\r\n
            width: 100% !important;\r\n
            display: block !important;\r\n
            margin: 20px 0;\r\n
            text-align: center !important;\r\n
        }\r\n
    \r\n
        /* Verbesserte Bildanzeige für alle responsiven Bilder */\r\n
        .image-responsive, \r\n
        .startup-image-responsive, \r\n
        .gallery-image {\r\n
            max-width: 100% !important;\r\n
            width: 100% !important;\r\n
            height: auto !important;\r\n
            border-radius: 10px !important;\r\n
            margin-bottom: 10px;\r\n
        }\r\n
    }\r\n
    \r\n
    /* Fix speziell für Startup-Bereich */\r\n
    @media (max-width: 991px) {\r\n
        .startup-image-section {\r\n
            display: block !important;\r\n
            width: 100% !important;\r\n
        }\r\n
    \r\n
        .startup-image-section .col-6 {\r\n
            width: 100% !important;\r\n
            max-width: 100% !important;\r\n
            margin-bottom: 15px;\r\n
            display: block;\r\n
        }\r\n
    \r\n
        .startup-image-row {\r\n
            display: block !important;\r\n
            width: 100%;\r\n
        }\r\n
    }\r\n
    \r\n
    /* Anpassung der Schriftgrößen für mobile Geräte */\r\n
    @media (max-width: 768px) {\r\n
        /* Grundlegende Schriftgrößenanpassungen */\r\n
        h1 {\r\n
            font-size: 26px !important;\r\n
        }\r\n
        \r\n
        h2 {\r\n
            font-size: 22px !important;\r\n
        }\r\n
        \r\n
        h3 {\r\n
            font-size: 18px !important;\r\n
        }\r\n
        \r\n
        h4 {\r\n
            font-size: 16px !important;\r\n
        }\r\n
        \r\n
        p, li, td, .faq-answer {\r\n
            font-size: 16px !important;\r\n
            line-height: 1.5 !important;\r\n
        }\r\n
        \r\n
        /* Spezifische Elemente anpassen */\r\n
        .faq-question {\r\n
            font-size: 16px !important;\r\n
        }\r\n
        \r\n
        .stat-label {\r\n
            font-size: 14px !important;\r\n
        }\r\n
        \r\n
        .stat-background {\r\n
            font-size: 60px !important;\r\n
        }\r\n
        \r\n
        .testimonial-text p {\r\n
            font-size: 16px !important;\r\n
        }\r\n
        \r\n
        /* Buttons kleiner machen */\r\n
        .cta-button, .custom-btn, .btn {\r\n
            font-size: 18px !important;\r\n
            padding: 12px 18px !important;\r\n
        }\r\n
        \r\n
        .small-button {\r\n
            font-size: 16px !important;\r\n
            padding: 8px 16px !important;\r\n
        }\r\n
        \r\n
        /* Header und Listen */\r\n
        .custom-layout h1 {\r\n
            font-size: 26px !important;\r\n
            margin-bottom: 15px !important;\r\n
        }\r\n
        \r\n
        .custom-layout ul li {\r\n
            font-size: 16px !important;\r\n
            line-height: 1.6 !important;\r\n
        }\r\n
        \r\n
        /* Preisangabe */\r\n
        .text-section h2.bold {\r\n
            font-size: 18px !important;\r\n
        }\r\n
        \r\n
        .text-section span[style*="font-size: 50px"] {\r\n
            font-size: 36px !important;\r\n
        }\r\n
        \r\n
        .text-section span[style*="font-size: 20px"] {\r\n
            font-size: 16px !important;\r\n
        }\r\n
        \r\n
        /* Tabellen */\r\n
        .comparison-table td {\r\n
            font-size: 15px !important;\r\n
            padding: 12px !important;\r\n
        }\r\n
        \r\n
        /* Office Info */\r\n
        .office-info {\r\n
            font-size: 18px !important;\r\n
        }\r\n
        \r\n
        /* Bildunterschriften */\r\n
        .caption {\r\n
            font-size: 14px !important;\r\n
            padding: 8px !important;\r\n
        }\r\n
    }\r\n
    \r\n
    /* Extra kleine Geräte */\r\n
    @media (max-width: 576px) {\r\n
        h1 {\r\n
            font-size: 24px !important;\r\n
        }\r\n
        \r\n
        h2 {\r\n
            font-size: 20px !important;\r\n
        }\r\n
        \r\n
        .text-section span[style*="font-size: 50px"] {\r\n
            font-size: 32px !important;\r\n
        }\r\n
        \r\n
        .button-group {\r\n
            gap: 10px;\r\n
        }\r\n
        \r\n
        .cta-button, .custom-btn, .btn {\r\n
            padding: 10px 16px !important;\r\n
            font-size: 16px !important;\r\n
        }\r\n
    }\r\n
    \r\n
    /* Die erste Galerie auf Mobilgeräten ausblenden */\r\n
    @media (max-width: 768px) {\r\n
        /* Spezifischer Selektor für die erste Galerie-Section */\r\n
        section.gallery-section:not(.gallery-section-mobile) {\r\n
            display: none !important;\r\n
        }\r\n
        \r\n
        /* Sicherstellen, dass die mobile Galerie angezeigt wird */\r\n
        .gallery-section-mobile {\r\n
            display: block !important;\r\n
        }\r\n
    }\r\n
    \r\n
    /* Fix für doppelte Haken - neuer, korrigierter Ansatz */\r\n
    .list-image-hook {\r\n
        position: relative;\r\n
        padding-left: 30px;\r\n
        margin-bottom: 10px;\r\n
        list-style-type: none !important; /* Entfernt jeden Standard-Listentyp */\r\n
    }\r\n
    \r\n
    /* Entfernt content für :before, da bereits Haken im HTML vorhanden sind */\r\n
    .list-image-hook:before {\r\n
        content: none !important;\r\n
    }\r\n
    \r\n
    /* Utility-Klassen */\r\n
    .pt-3 {\r\n
        padding-top: 1rem;\r\n
    }\r\n
    \r\n
    .pt-4 {\r\n
        padding-top: 1.5rem;\r\n
    }\r\n
    \r\n
    .pt-5 {\r\n
        padding-top: 3rem;\r\n
    }\r\n
    \r\n
    .py-5 {\r\n
        padding-top: 3rem;\r\n
        padding-bottom: 3rem;\r\n
    }\r\n
    \r\n
    .mb-4 {\r\n
        margin-bottom: 1.5rem;\r\n
    }\r\n
    \r\n
    .d-flex {\r\n
        display: flex;\r\n
    }\r\n
    \r\n
    .flex-column {\r\n
        flex-direction: column;\r\n
    }\r\n
    \r\n
    .flex-md-row {\r\n
        flex-direction: row;\r\n
    }\r\n
    \r\n
    .justify-content-start {\r\n
        justify-content: flex-start;\r\n
    }\r\n
    \r\n
    .justify-content-center {\r\n
        justify-content: center;\r\n
    }\r\n
    \r\n
    .justify-content-between {\r\n
        justify-content: space-between;\r\n
    }\r\n
    \r\n
    .align-items-center {\r\n
        align-items: center;\r\n
    }\r\n
    \r\n
    .text-center {\r\n
        text-align: center;\r\n
    }\r\n
    \r\n
    .text-left {\r\n
        text-align: left;\r\n
    }\r\n
    \r\n
    .bold {\r\n
        font-weight: bold;\r\n
    }\r\n
    </style>\r\n
    \r\n
    \r\n
    \r\n
    </section><!-- Überschrift -->\r\n
    \r\n
    <section class="" style="background-color: white;">\r\n
            <div class="container">\r\n
                <div class="custom-layout">\r\n
                    <!-- Textbereich -->\r\n
                    <div class="text-section">\r\n
                        <div class="text-left no-border">\r\n
                            <h1 class="bold" style="color: black; font-size: 40px; margin-bottom: 20px;">\r\n
                                Coworking space at STARTPLATZ Cologne\r\n
                            </h1>\r\n
                            <ul style="font-size: 20px; list-style-type: none; padding-left: 0; line-height: 1.8;">\r\n
                                <li class="list-image-hook"><span style="color: black;">Central location in the <span style="font-weight: bold;">Mediapark Cologne</span></span></li>\r\n
                                <li class="list-image-hook"><span style="color: black;">Modern, fully equipped offices</span></li>\r\n
                                <li class="list-image-hook"><span style="color: black;">Discounts on conference rooms and workshops</span></li>\r\n
                                <li class="list-image-hook"><span style="color: black;">Access to our exclusive founders network</span></li>\r\n
                                <li class="list-image-hook"><span style="color: black;">Available as Flex desk and Fix desk option</span></li>\r\n
                            </ul>\r\n
                            <div style="margin-top: 30px;">\r\n
                                <h2 class="bold" style="color: black; font-size: 20px; display: inline;">from</h2>\r\n
                                <span style="color: black; font-size: 50px; font-weight: bold; margin-left: 10px;">180€</span>\r\n
                                <span style="color: black; font-size: 20px; margin-left: 10px;">per month.</span>\r\n
                            </div>\r\n
                            <div class="pt-3 d-flex justify-content-start">\r\n
                                <a class="btn btn-sp-green" style="margin-right: 10px; margin-bottom: 20px; font-size: 20px; font-weight: bold; padding: 14px 24px;" href="https://app.monsum.com/purchase/b4847183a0f3978eecd9c6d8fd00aedf/11025">Book now!</a>\r\n
                                <a class="btn btn-outline-secondary" style="margin-bottom: 20px; font-size: 20px; font-weight: bold; padding: 14px 24px;" href="https://cal.eu/startplatz/startplatz-coworking-trial-day-cologne">Arrange a free trial day</a>\r\n
                            </div>\r\n
                        </div>\r\n
                    </div>\r\n
                    <!-- Bildbereich -->\r\n
                    <div class="image-section">\r\n
                        <img class="image-responsive" src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775893/Offices/K%C3%B6ln/Au%C3%9Fenansicht/STARTPLATZ_Ko%CC%88ln_Au%C3%9Fenansicht9.jpg" alt="STARTPLATZ Köln Außenansicht" />\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
        </section>\r\n
    \r\n
    \r\n
    \r\n
    </section><!-- Gallerie 1 -->\r\n
    \r\n
    <section class="gallery-section">\r\n
      <div class="container">\r\n
        <div class="row justify-content-center">\r\n
          \r\n
          <!-- Erstes Bild -->\r\n
          <div class="col-md-6 col-lg-5">\r\n
            <div class="gallery-image-wrapper">\r\n
              <img\r\n
                src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775944/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/STARTPLATZ_Atmospa%CC%88he45.jpg"\r\n
                alt="Gemütliche Atmosphäre im Coworking Space"\r\n
                class="gallery-image"\r\n
              />\r\n
            </div>\r\n
          </div>\r\n
    \r\n
          <!-- Zweites Bild -->\r\n
          <div class="col-md-6 col-lg-5">\r\n
            <div class="gallery-image-wrapper">\r\n
              <img\r\n
                src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775941/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/STARTPLATZ_Atmospa%CC%88he3.jpg"\r\n
                alt="lebhafter Austausch im Empfangsbereich des STARTPLATZ Köln"\r\n
                class="gallery-image"\r\n
              />\r\n
            </div>\r\n
          </div>\r\n
        </div>\r\n
      </div>\r\n
    </section>\r\n
    \r\n
    \r\n
    \r\n
    </section><!-- Tabelle-->\r\n
    \r\n
    <section style="padding: 60px 0; background: white;">\r\n
        <div class="container">\r\n
            <div class="row justify-content-center">\r\n
                <div class="col-12 py-5"\r\n
                    style="background: #f8f9fa;\r\n
                            box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);\r\n
                            border-radius: 15px;\r\n
                            padding: 50px;\r\n
                            margin: 20px 0;\r\n
                            text-align: center;">\r\n
                    \r\n
                    <!-- Überschrift -->\r\n
                    <h2 style="font-weight: bold; color: black; font-size: 28px; margin-bottom: 30px;">\r\n
                        Which workstation suits you best? Flex Desk vs. Fix Desk in comparison\r\n
                    </h2>\r\n
    \r\n
                    <div class="table-wrapper">\r\n
                        <table class="comparison-table">\r\n
                            <thead>\r\n
                                <tr>\r\n
                                    <th></th>\r\n
                                    <th>Coworking</th>\r\n
                                    <th>2nd Home</th>\r\n
                                </tr>\r\n
                            </thead>\r\n
                            <tbody>\r\n
                                <tr>\r\n
                                    <td data-label="Leistung">Workplace and usage</td>\r\n
                                    <td data-label="Coworking">Flexible workspace with 24/7 access</td>\r\n
                                    <td data-label="2nd Home">Fixed workspace with 24/7 access</td>\r\n
                                </tr>\r\n
                                <tr>\r\n
                                    <td data-label="Leistung">Community advantages</td>\r\n
                                    <td data-label="Coworking">Yes</td>\r\n
                                    <td data-label="2nd Home">Yes</td>\r\n
                                </tr>\r\n
                                <tr>\r\n
                                    <td data-label="Leistung">Coworking Space Benefits</td>\r\n
                                    <td data-label="Coworking">Yes</td>\r\n
                                    <td data-label="2nd Home">Yes</td>\r\n
                                </tr>\r\n
                                <tr>\r\n
                                    <td data-label="Leistung">Access to the second location in Düsseldorf</td>\r\n
                                    <td data-label="Coworking">Yes</td>\r\n
                                    <td data-label="2nd Home">Yes</td>\r\n
                                </tr>\r\n
                                <tr>\r\n
                                    <td data-label="Leistung">Use of the meeting rooms</td>\r\n
                                    <td data-label="Coworking">90 min. per day free of charge (bookable on the same day) <br>After that: 50 % discount</td>\r\n
                                    <td data-label="2nd Home">90 min. per day free of charge (bookable on the same day) <br>Additional: 16 hours per month included</td>\r\n
                                </tr>\r\n
                                <tr>\r\n
                                    <td data-label="Leistung">Business address</td>\r\n
                                    <td data-label="Coworking">optional +60€</td>\r\n
                                    <td data-label="2nd Home">Yes</td>\r\n
                                </tr>\r\n
                                <tr class="highlight-row">\r\n
                                    <td data-label="Leistung"><strong>Price</strong></td>\r\n
                                    <td data-label="Coworking"><strong>180€ per month</strong></td>\r\n
                                    <td data-label="2nd Home"><strong>350€ per month</strong></td>\r\n
                                </tr>\r\n
                                <tr>\r\n
                                    <td><strong>Book</strong></td>\r\n
                                    <td>\r\n
                                        <a class="cta-button small-button primary" href="https://app.monsum.com/purchase/b4847183a0f3978eecd9c6d8fd00aedf/11025">\r\n
                                            Book Coworking space\r\n
                                        </a>\r\n
                                    </td>\r\n
                                    <td>\r\n
                                        <a class="cta-button small-button primary" href="https://form.typeform.com/to/UkI4yN?typeform-source=www.startplatz.de">\r\n
                                            Request 2nd Home\r\n
                                        </a>\r\n
                                    </td>\r\n
                                </tr>\r\n
                            </tbody>\r\n
                        </table>\r\n
                    </div>\r\n
    \r\n
                    <!-- Probetag-Button -->\r\n
                    <div class="button-group" style="margin-top: 30px; text-align: center;">\r\n
                        <a class="cta-button secondary" href="https://calendly.com/johannes-graef/startplatz-besichtigung">\r\n
                            Arrange a free trial day\r\n
                        </a>\r\n
                    </div>\r\n
    \r\n
                    <!-- Büroangebote Hinweis -->\r\n
                    <h2 class="office-info">\r\n
                        Are you interested in a private office at STARTPLATZ?  \r\n
                        Then take a look at <a href="https://www.startplatz.de/en/offices-cologne/">our office offers.</a>\r\n
                    </h2>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
    </section>\r\n
    \r\n
    \r\n
    \r\n
    </section><!--Gallerie 2-->\r\n
    \r\n
    <section class="gallery-section-mobile">\r\n
      <div class="container">\r\n
        <div class="row justify-content-center">\r\n
          \r\n
          <!-- Drittes Bild -->\r\n
          <div class="col-md-6 col-lg-5">\r\n
            <div class="gallery-image-wrapper">\r\n
              <img\r\n
                src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775926/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/STARTPLATZ_Atmospa%CC%88he28.jpg"\r\n
                alt="konzentriertes Arbeiten im lichtdurchfluteten Coworking Bereich des STARTPLATZ Köln"\r\n
                class="gallery-image"\r\n
                loading="lazy"\r\n
              />\r\n
            </div>\r\n
          </div>\r\n
    \r\n
          <!-- Viertes Bild -->\r\n
          <div class="col-md-6 col-lg-5">\r\n
            <div class="gallery-image-wrapper">\r\n
              <img\r\n
                src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775927/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/STARTPLATZ_Atmospa%CC%88he42.jpg"\r\n
                alt="Community Building beim Tischkicker"\r\n
                class="gallery-image"\r\n
                loading="lazy"\r\n
              />\r\n
            </div>\r\n
          </div>\r\n
        </div>\r\n
      </div>\r\n
    </section>\r\n
    \r\n
    \r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    \r\n
    \r\n
    \r\n
    </section><!-- Service Leistungen-->\r\n
    \r\n
    <section style="padding: 40px 0;">\r\n
        <div class="container" style="background-color: #f8f9fa; padding: 40px; border-radius: 10px; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15);">\r\n
            <div class="row">\r\n
                <div class="col-12 text-center">\r\n
                    <h2 style="font-weight: bold;">All round service – the following services are included</h2>\r\n
                    <p style="font-size: 18px;">When you book a coworking space at STARTPLATZ Cologne, you also benefit from all STARTPLATZ advantages, such as:</p>\r\n
                </div>\r\n
            </div>\r\n
    \r\n
            <div class="row pt-4">\r\n
                <!-- Leistung 1 -->\r\n
                <div class="col-md-3 d-flex flex-column">\r\n
                    <img src="https://v.fastcdn.co/u/5b11d3c4/63593322-0-events-workshops-bla.png" alt="Möblierte Büros" style="width: 50px; margin-bottom: 10px;">\r\n
                    <h4 style="font-weight: bold;">Startup Community & Events</h4>\r\n
                    <p>Become part of the largest startup community in NRW and make valuable contacts at exclusive community events.</p>\r\n
                </div>\r\n
    \r\n
                <!-- Leistung 2 -->\r\n
                <div class="col-md-3 d-flex flex-column">\r\n
                    <img src="https://v.fastcdn.co/u/5b11d3c4/63593327-0-placeholder-filled-p.png" alt="24/7 Zugang" style="width: 50px; margin-bottom: 10px;">\r\n
                    <h4 style="font-weight: bold;">Top location with partner hubs</h4>\r\n
                    <p>Central location with excellent connections and access to partner hubs in Europe for maximum flexibility.</p>\r\n
                </div>\r\n
    \r\n
                <!-- Leistung 3 -->\r\n
                <div class="col-md-3 d-flex flex-column">\r\n
                    <img src="https://v.fastcdn.co/u/5b11d3c4/63593317-0-printer-black.png" alt="Meetingräume" style="width: 50px; margin-bottom: 10px;">\r\n
                    <h4 style="font-weight: bold;">Professional office infrastructure</h4>\r\n
                    <p>High-speed Internet, printers, telephone rooms and office supplies - everything you need to work productively.</p>\r\n
                </div>\r\n
    \r\n
                <!-- Leistung 4 -->\r\n
                <div class="col-md-3 d-flex flex-column">\r\n
                    <img src="https://v.fastcdn.co/u/6430ff65/47011940-0-send-photo.svg" alt="Geschäftsanschrift" style="width: 50px; margin-bottom: 10px;">\r\n
                    <h4 style="font-weight: bold;">Exclusive discounts</h4>\r\n
                    <p>Benefit from discounts with service partners and 50% off meeting and conference rooms.</p>\r\n
                </div>\r\n
            </div>\r\n
    \r\n
            <div class="row pt-4">\r\n
                <!-- Leistung 5 -->\r\n
                <div class="col-md-3 d-flex flex-column">\r\n
                    <img src="https://v.fastcdn.co/u/5b11d3c4/63593304-0-memberbreakfast-blac.png" alt="Getränke-Flat" style="width: 50px; margin-bottom: 10px;">\r\n
                    <h4 style="font-weight: bold;">Working with comfort and feel-good factor</h4>\r\n
                    <p>Coffee, tea and water flat rate, communal areas and an inspiring environment for concentrated and relaxed work.</p>\r\n
                </div>\r\n
    \r\n
                <!-- Leistung 6 -->\r\n
                <div class="col-md-3 d-flex flex-column">\r\n
                    <img src="https://res.cloudinary.com/startplatz/image/upload/v1614678469/Icons/promote.png" alt="Drucker & Bürobedarf" style="width: 50px; margin-bottom: 10px;">\r\n
                    <h4 style="font-weight: bold;">More reach for you</h4>\r\n
                    <p>Slack Workspace and STARTPLATZ channels for networking, exchange and more visibility in the startup scene.</p>\r\n
                </div>\r\n
    \r\n
                <!-- Leistung 7 -->\r\n
                <div class="col-md-3 d-flex flex-column">\r\n
                    <img src="https://v.fastcdn.co/u/5b11d3c4/63593302-0-desk-black.png" alt="Standort Düsseldorf" style="width: 50px; margin-bottom: 10px;">\r\n
                    <h4 style="font-weight: bold;">Knowledge and expert support</h4>\r\n
                    <p>Free mentoring sessions and 50% discount on workshops for the targeted development of your skills.</p>\r\n
                </div>\r\n
    \r\n
                <!-- Leistung 8 -->\r\n
                <div class="col-md-3 d-flex flex-column">\r\n
                    <img src="https://v.fastcdn.co/u/5b11d3c4/63593406-0-man-in-office-desk-w.png" alt="Flexible Arbeitsplätze" style="width: 50px; margin-bottom: 10px;">\r\n
                    <h4 style="font-weight: bold;">Flexible workstations with cleaning service</h4>\r\n
                    <p>Flexible or fixed workplace with daily cleaning for a professional and pleasant working atmosphere.</p>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
    </section>\r\n
    \r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    \r\n
    \r\n
    \r\n
    </section><!-- Fließtext -->\r\n
    \r\n
    <section style="padding: 40px 0;">\r\n
        <div class="container">\r\n
            <div class="row">\r\n
                <div class="col-12">\r\n
                    <!-- Hier ein extra div für den Schatten -->\r\n
                    <div style="background: #f8f9fa; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15); padding: 40px; border-radius: 10px;">\r\n
                        \r\n
                        <div class="mb-4">\r\n
                            <h2 style="font-weight: bold; color: black; font-size: 26px; text-align: left;">Book your modern coworking space in Cologne now</h2>\r\n
                        </div>\r\n
    \r\n
                    <div class="mb-4">\r\n
                        <h3 style="font-weight: bold; color: black; font-size: 22px; text-align: left;">Flexible workplace in the heart of Cologne</h3>\r\n
                        <p style="font-size: 18px; line-height: 1.6; color: #333; text-align: left;">\r\n
                            Get out of your own four walls and into an innovative coworking space in Cologne! \r\n
                            For just €180/month, you can rent a space in the shared office - including infrastructure, knowledge transfer, exchange of ideas and expert feedback. \r\n
                            Become part of the STARTPLATZ ecosystem with founders, freelancers, investors and corporates.\r\n
                        </p>\r\n
                    </div>\r\n
    \r\n
                    <div class="mb-4">\r\n
                        <h3 style="font-weight: bold; color: black; font-size: 22px; text-align: left;">Coworking spaces – more than just a desk</h3>\r\n
                        <p style="font-size: 18px; line-height: 1.6; color: #333; text-align: left;">\r\n
                            Our coworking spaces offer you more than just a flexible workplace. \r\n
                            You work in a creative environment, meet like-minded people and benefit from an open exchange of ideas. \r\n
                            Ideal for anyone who wants to remain flexible and work in a professional environment at the same time.\r\n
                        </p>\r\n
                    </div>\r\n
    \r\n
                    <div class="mb-4">\r\n
                        <h3 style="font-weight: bold; color: black; font-size: 22px; text-align: left;">Work productively with the best equipment\r\n
    </h3>\r\n
                        <p style="font-size: 18px; line-height: 1.6; color: #333; text-align: left;">\r\n
                            Work efficiently without having to worry about technical details - that's coworking at STARTPLATZ Cologne. \r\n
                            Our flexible workstations, which you can rent as required, are equipped with state-of-the-art infrastructure  \r\n
                            and offer you the ideal environment for concentrated work - including height-adjustable desks and monitors.\r\n
                        </p>\r\n
                    </div>\r\n
    \r\n
                <!-- Buttons mit Abstand und responsive Anpassung -->\r\n
                <div class="d-flex flex-column flex-md-row justify-content-between" style="gap: 10px; margin-top: 30px;">\r\n
                    <a class="btn btn-sp-green custom-btn" \r\n
                    href="https://app.monsum.com/purchase/b4847183a0f3978eecd9c6d8fd00aedf/11025" \r\n
                    target="_blank" \r\n
                    rel="noopener noreferrer">\r\n
                    Book now!\r\n
                    </a>\r\n
                    \r\n
                    <a class="btn btn-outline-secondary custom-btn" \r\n
                    href="https://cal.eu/startplatz/coworking-probetag-koln" \r\n
                    target="_blank" \r\n
                    rel="noopener noreferrer">\r\n
                    Arrange a free trial day\r\n
                    </a>\r\n
                </div>\r\n
    \r\n
    \r\n
    </section>\r\n
    \r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    \r\n
    \r\n
    \r\n
    </section><!--Location-->\r\n
    \r\n
    <section>\r\n
        <div class="container">\r\n
            <div class="row align-items-center py-5 custom-section"\r\n
                style="background: #f8f9fa; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 40px; margin: 40px 0; display: flex; flex-wrap: wrap;">\r\n
    \r\n
                <!-- Textbereich -->\r\n
                <div class="col-lg-7 col-md-12 text-content" \r\n
                    style="color: black; flex: 1 1 60%; order: 2;">\r\n
                    <h2 style="font-size: 28px; font-weight: bold; margin-bottom: 20px;">\r\n
                        Top location in the <span style="font-weight: bold;">Mediapark Cologne</span> – Your <span style="font-weight: bold;">Coworking Space</span> in the centre of innovation\r\n
                    </h2>\r\n
                    <div class="mb-4">\r\n
                        <h3 style="font-weight: bold; font-size: 22px; margin-bottom: 10px;">Central location for your Coworking</h3>\r\n
                        <p style="font-size: 18px; line-height: 1.6;">\r\n
                            Our shared offices at STARTPLATZ Cologne are located in the Mediapark, one of the city's most central innovation locations. \r\n
                            With direct connections to the main train station, highways and airport, you can be reached quickly and flexibly at any time.\r\n
                        </p>\r\n
                    </div>\r\n
                    <div>\r\n
                        <h3 style="font-weight: bold; font-size: 22px; margin-bottom: 10px;">Coworking in the heart of the innovation and business hotspot</h3>\r\n
                        <p style="font-size: 18px; line-height: 1.6;">\r\n
                            In the Mediapark, you will work among start-ups, companies and creative minds. The dynamic environment promotes exchange and collaboration, while cafés, restaurants and events offer the perfect balance between work and networking.\r\n
                        </p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Bildbereich -->\r\n
                <div class="col-lg-5 col-md-12 image-content"\r\n
                    style="flex: 1 1 40%; display: flex; justify-content: center; align-items: center; order: 1;">\r\n
                    <div class="image-wrapper">\r\n
                        <img src="https://v.fastcdn.co/u/5b11d3c4/53227341-0-Corona-projektbuero-.JPG" \r\n
                             alt="Ausblick vom STARTPLATZ Köln auf den Mediapark" \r\n
                             class="img-fluid rounded-image"\r\n
                             loading="lazy">\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
    </section>\r\n
    \r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    \r\n
    \r\n
    \r\n
    </section><!--Profitiere von der größten Startup Community in NRW-->\r\n
    \r\n
    <section>\r\n
        <div class="container">\r\n
            <div class="py-5" style="background: #f8f9fa; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 40px; margin: 40px 0;">\r\n
                <!-- Überschrift -->\r\n
                <div class="col-12 mb-4 text-left">\r\n
                    <h2 style="font-weight: bold; font-size: 26px; color: black;">Benefit from the largest startup community in NRW\r\n
    </h2>\r\n
                </div>\r\n
    \r\n
                <!-- Flexbox-Container für Desktop -->\r\n
                <div class="row startup-section-layout">\r\n
                    <!-- Textbereich -->\r\n
                    <div class="col-lg-6 startup-text-section">\r\n
                        <div class="mb-4">\r\n
                            <h3 style="font-weight: bold; font-size: 22px; margin-bottom: 10px;">Huge community</h3>\r\n
                            <p style="font-size: 18px; line-height: 1.6;">\r\n
                                An office at STARTPLATZ gives you access to NRW's largest startup community with over 2,000 startups and contact to many freelancers, investors, agencies and corporates.\r\n
                            </p>\r\n
                        </div>\r\n
    \r\n
                        <div class="mb-4">\r\n
                            <h3 style="font-weight: bold; font-size: 22px; margin-bottom: 10px;">Extensive range of events</h3>\r\n
                            <p style="font-size: 18px; line-height: 1.6;">\r\n
                                Whether community events such as the Startup BBQ for networking or workshops, lectures & conferences for further training: STARTPLATZ offers a wide range of event formats.\r\n
                            </p>\r\n
                        </div>\r\n
    \r\n
                        <div class="mb-4">\r\n
                            <h3 style="font-weight: bold; font-size: 22px; margin-bottom: 10px;">Community benefits</h3>\r\n
                            <p style="font-size: 18px; line-height: 1.6;">\r\n
                                Benefit from many member benefits, discounts with many service providers and software tools.\r\n
                            </p>\r\n
                        </div>\r\n
                    </div>\r\n
    \r\n
                    <!-- Bildbereich -->\r\n
                    <div class="col-lg-6 startup-image-section">\r\n
                        <div class="row startup-image-row">\r\n
                            <div class="col-6 p-2 mobile-visible">\r\n
                                <img src="https://v.fastcdn.co/u/5b11d3c4/63584245-0-InsurTech-Week-2018-.jpg" alt="Volles Publikum bei einem Event im STARTPLATZ Konferenzraum" class="img-fluid startup-image-responsive" loading="lazy">\r\n
                            </div>\r\n
                            <div class="col-6 p-2 mobile-hidden">\r\n
                                <img src="https://v.fastcdn.co/u/5b11d3c4/53426256-0-Rheinland-Pitch-Somm.jpg" alt="Rheinland-Pitch des STARTPLATZ Köln - Live Startup-Pitches vor Investoren und Publikum" class="img-fluid startup-image-responsive" loading="lazy">\r\n
                            </div>\r\n
                            <div class="col-6 p-2 mobile-hidden">\r\n
                                <img src="https://v.fastcdn.co/u/5b11d3c4/61795270-0-STARTPLATZ-Atmosphe4.jpg" alt="Networking und Teambuilding im STARTPLATZ Köln - Kicker-Runde im Gemeinschaftsbereich" class="img-fluid startup-image-responsive" loading="lazy">\r\n
                            </div>\r\n
                            <div class="col-6 p-2 mobile-visible">\r\n
                                <img src="https://v.fastcdn.co/u/5b11d3c4/61795227-0-BBQ-7.jpg" alt="Entspannte Gespräche bei Snacks und Drinks - Community Event im STARTPLATZ Köln" class="img-fluid startup-image-responsive" loading="lazy">\r\n
                            </div>\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Buttons -->\r\n
                <div class="d-flex flex-column flex-md-row justify-content-between" style="gap: 10px; margin-top: 30px;">\r\n
                    <a class="btn btn-sp-green custom-btn" href="https://app.monsum.com/purchase/b4847183a0f3978eecd9c6d8fd00aedf/11025" target="_blank" rel="noopener noreferrer">Book now!</a>\r\n
                    <a class="btn btn-outline-secondary custom-btn" href="https://cal.eu/startplatz/startplatz-coworking-trial-day-cologne" target="_blank" rel="noopener noreferrer">Arrange a free trial day</a>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
    </section>\r\n
    \r\n
    \r\n
    \r\n
    <!-- Über den STARTPLATZ -->\r\n
    <section>\r\n
        <div class="container">\r\n
            <div class="row align-items-center py-5 custom-section"\r\n
                style="background: #f8f9fa; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 20px; margin: 40px 0; display: flex; flex-wrap: wrap;">\r\n
    \r\n
                <!-- Textbereich -->\r\n
                <div class="col-12 text-content" style="color: black; flex: 1 1 100%; order: 2;">\r\n
                    <h2 style="font-weight: bold; font-size: 26px; color: black; margin-bottom: 20px;">About STARTPLATZ</h2>\r\n
                    <p style="font-size: 18px; line-height: 1.6; color: black;">\r\n
                        STARTPLATZ is NRW's largest startup hub and a central meeting place for the Rhineland startup scene. In addition to flexible office spaces, STARTPLATZ offers an innovative ecosystem of founders, freelancers, investors and corporates as well as a strong community of makers, experts and creative minds. As an interface between the old and new economy, STARTPLATZ can look back on over 12 years of startup experience. With more than 1,200 supported startups, over 600 million euros in investments in these startups and 300 events and 35,000 visitors every year, STARTPLATZ is a driving force in the regional innovation landscape.\r\n
                    </p>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
    </section>\r\n
    \r\n
    \r\n
    \r\n
    <!-- Statistiken -->\r\n
    <section class="stats-section">\r\n
        <div class="container">\r\n
            <div class="stats-grid">\r\n
                <div class="stat-item">\r\n
                    <span class="stat-background">12</span>\r\n
                    <span class="stat-label">years of Startup-<br>experience</span>\r\n
                </div>\r\n
                <div class="stat-item">\r\n
                    <span class="stat-background">1.200</span>\r\n
                    <span class="stat-label">supported<br>Startups</span>\r\n
                </div>\r\n
                <div class="stat-item">\r\n
                    <span class="stat-background">300</span>\r\n
                    <span class="stat-label">events <br>per year</span>\r\n
                </div>\r\n
                <div class="stat-item">\r\n
                    <span class="stat-background">600</span>\r\n
                    <span class="stat-label">Mio € investments<br>in our Startups</span>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
    </section>\r\n
    \r\n
    \r\n
    \r\n
    </section><!--Testimonials-->\r\n
    \r\n
    <section style="padding: 40px 0;">\r\n
      <div class="container">\r\n
        <div class="row justify-content-center">\r\n
          <div class="col-12">\r\n
            <!-- Wrapper mit Schatten -->\r\n
            <div style="background: #f8f9fa; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 40px; margin: 40px 0;">\r\n
              <!-- Überschrift -->\r\n
              <h2 style="font-weight: bold; color: black; font-size: 26px; margin-bottom: 30px;">What members of our community say</h2>\r\n
    \r\n
    \r\n
              <!-- Testimonials -->\r\n
              <div class="testimonial">\r\n
                <img src="https://www.startplatz.de/wp-content/uploads/2018/03/Kamil-Barbarski-e1521457523139.jpg" alt="Bild von Kamil">\r\n
                <div class="testimonial-text">\r\n
                  <h3 style="font-size: 22px; font-weight: bold; margin-bottom: 10px;">Kamil</h3>\r\n
                  <h4 style="font-size: 18px; font-weight: bold; margin-bottom: 10px;">Entrepreneur & co-founder MAK3it</h4>\r\n
                  <p>What characterizes the community here at STARTPLATZ is the open exchange. You can talk to anyone at the foosball table or the coffee machine and find out a lot. Many problems have found a solution this way.</p>\r\n
                </div>\r\n
              </div>\r\n
    \r\n
    \r\n
    \r\n
              <div class="testimonial">\r\n
                <img src="https://www.startplatz.de/wp-content/uploads/2019/05/Marianne_Ohm_codiviti.jpg" alt="Bild von Marianne">\r\n
                <div class="testimonial-text">\r\n
                  <h3 style="font-size: 22px; font-weight: bold; margin-bottom: 10px;">Marianne</h3>\r\n
                  <h4 style="font-size: 18px; font-weight: bold; margin-bottom: 10px;">CEO Codiviti</h4>\r\n
                  <p>The main reason why we chose STARTPLATZ as our workbase is the access to the huge network and the opportunity to network with other founders and like-minded people, exciting companies and startup mentors in a creative and motivating atmosphere.</p>\r\n
                </div>\r\n
              </div>\r\n
    \r\n
              <div class="testimonial">\r\n
                <img src="https://www.startplatz.de/wp-content/uploads/2019/05/nora_quadrat.jpg" alt="Bild von Nora">\r\n
                <div class="testimonial-text">\r\n
                  <h3 style="font-size: 22px; font-weight: bold; margin-bottom: 10px;">Nora</h3>\r\n
                  <h4 style="font-size: 18px; font-weight: bold; margin-bottom: 10px;">Founder Radbonus</h4>\r\n
                  <p>STARTPLATZ is the place where I felt welcome right from the start and where I was able to develop as an entrepreneur. Here I have found the know-how, the network and the spaces where I feel at home with my ideas.</p>\r\n
                </div>\r\n
              </div>\r\n
    \r\n
              <div class="testimonial">\r\n
                <img src="https://www.startplatz.de/wp-content/uploads/2017/10/Dr.-Joachim-Lammert.jpg" alt="Bild von Joachim">\r\n
                <div class="testimonial-text">\r\n
                  <h3 style="font-size: 22px; font-weight: bold; margin-bottom: 10px;">Joachim</h3>\r\n
                  <h4 style="font-size: 18px; font-weight: bold; margin-bottom: 10px;">Founder FanQ</h4>\r\n
                  <p>STARTPLATZ is the ideal start-up environment for me - a very positive and inspiring working atmosphere, an extensive network, important contacts and advisors, events and training courses, a wide range of support from STARTPLATZ, (almost) “family” support and a complete office infrastructure.</p>\r\n
                </div>\r\n
              </div>\r\n
    \r\n
            <!-- Buttons mit Abstand und responsive Anpassung -->\r\n
            <div class="d-flex flex-column flex-md-row justify-content-between" style="gap: 10px; margin-top: 30px;">\r\n
                <a class="btn btn-sp-green custom-btn" \r\n
                href="https://app.monsum.com/purchase/b4847183a0f3978eecd9c6d8fd00aedf/11025" \r\n
                target="_blank" \r\n
                rel="noopener noreferrer">\r\n
                Book now!\r\n
                </a>\r\n
                \r\n
                <a class="btn btn-outline-secondary custom-btn" \r\n
                href="https://cal.eu/startplatz/startplatz-coworking-trial-day-cologne" \r\n
                target="_blank" \r\n
                rel="noopener noreferrer">\r\n
                Arrange a free trial day\r\n
                </a>\r\n
            </div>\r\n
        </section>\r\n
    \r\n
    \r\n
    \r\n
    </section><!--3D Room Tour-->\r\n
    \r\n
    <section>\r\n
    <div class="container">\r\n
        <div class="row">\r\n
            <div class="col-12 py-5" style="background: white;">\r\n
            <div class="d-flex flex-row justify-content-center">\r\n
            <div>\r\n
            <h2 class="bold" style="text-align: center;">3D Room Tour</h2>\r\n
            </div>\r\n
            </div>\r\n
            <div class="d-flex flex-row justify-content-center pt-5"><iframe class="embed-responsive-item" style="border: 0;" src="https://mpembed.com/show/?m=ZY8irrfVNwA&amp;mpu=95" width="600" height="450" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>\r\n
            </div>\r\n
        </div>\r\n
    </div>\r\n
    \r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    \r\n
    \r\n
    \r\n
    <!-- Impressionen Slideshow -->\r\n
    <section class="impressionen-slideshow-section">\r\n
      <div class="impressionen-container">\r\n
        <h2 class="text-left" style="font-weight: bold; color: black; font-size: 24px; margin-bottom: 30px;">\r\n
        Impressionen - <span style="font-weight: bold;">STARTPLATZ</span>\r\n
    </h2>\r\n
    \r\n
    \r\n
        <div class="slideshow-container">\r\n
          <!-- Slide 1 -->\r\n
          <div class="slide active">\r\n
            <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775937/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/STARTPLATZ_Atmospa%CC%88he35.jpg" alt="Concentrated work in the coworking area" loading="lazy">\r\n
            <div class="caption">Concentrated work in the coworking area</div>\r\n
          </div>\r\n
    \r\n
          <!-- Slide 2 -->\r\n
          <div class="slide">\r\n
            <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1737448765/conference-rooms/Bilder%202025%20bearbeitet/Rom_Tisch_neu.jpg" alt="One of 12 meeting and conference rooms" loading="lazy">\r\n
            <div class="caption">One of 12 meeting and conference rooms</div>\r\n
          </div>\r\n
    \r\n
          <!-- Slide 3 -->\r\n
          <div class="slide">\r\n
            <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1614775942/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/STARTPLATZ_Atmospa%CC%88he4.jpg" alt="Good ideas are born over coffee" loading="lazy">\r\n
            <div class="caption">Good ideas are born over coffee</div>\r\n
          </div>\r\n
    \r\n
          <!-- Slide 4 -->\r\n
          <div class="slide">\r\n
            <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775928/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/STARTPLATZ_Atmospa%CC%88he24.jpg" alt="Reception area of STARTPLATZ Cologne" loading="lazy">\r\n
            <div class="caption">Reception area of STARTPLATZ Cologne</div>\r\n
          </div>\r\n
    \r\n
          <!-- Slide 5 -->\r\n
          <div class="slide">\r\n
            <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775936/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/STARTPLATZ_Atmospa%CC%88he8.jpg" alt="Networking during coworking" loading="lazy">\r\n
            <div class="caption">Networking during coworking</div>\r\n
          </div>\r\n
    \r\n
          <!-- Slide 6 -->\r\n
          <div class="slide">\r\n
            <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775931/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/STARTPLATZ_Atmospa%CC%88he37.jpg" alt="Focused work" loading="lazy">\r\n
            <div class="caption">Focused work</div>\r\n
          </div>\r\n
    \r\n
          <!-- Slide 7 -->\r\n
          <div class="slide">\r\n
            <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775894/Offices/K%C3%B6ln/Au%C3%9Fenansicht/STARTPLATZ_Ko%CC%88ln_Au%C3%9Fenansicht12.jpg" alt="Exterior view" loading="lazy">\r\n
            <div class="caption">Exterior view</div>\r\n
          </div>\r\n
    \r\n
    \r\n
          <!-- Navigation Buttons -->\r\n
          <a class="prev" onclick="plusSlides(-1)">&#10094;</a>\r\n
          <a class="next" onclick="plusSlides(1)">&#10095;</a>\r\n
        </div>\r\n
    \r\n
        <!-- Dots für Navigation -->\r\n
        <div class="dots-container">\r\n
          <span class="dot active" onclick="currentSlide(1)"></span>\r\n
          <span class="dot" onclick="currentSlide(2)"></span>\r\n
          <span class="dot" onclick="currentSlide(3)"></span>\r\n
          <span class="dot" onclick="currentSlide(4)"></span>\r\n
          <span class="dot" onclick="currentSlide(5)"></span>\r\n
          <span class="dot" onclick="currentSlide(6)"></span>\r\n
          <span class="dot" onclick="currentSlide(7)"></span>\r\n
    \r\n
        </div>\r\n
      </div>\r\n
    </section>\r\n
    \r\n
    \r\n
    <script>\r\n
      let slideIndex = 0;\r\n
      const slides = document.getElementsByClassName("slide");\r\n
      const dots = document.getElementsByClassName("dot");\r\n
    \r\n
      function showSlides(n) {\r\n
        // Verhindern, dass die Slideshow überläuft\r\n
        if (n >= slides.length) slideIndex = 0;\r\n
        if (n < 0) slideIndex = slides.length - 1;\r\n
    \r\n
        // Alle Bilder ausblenden\r\n
        for (let i = 0; i < slides.length; i++) {\r\n
          slides[i].classList.remove("active");\r\n
        }\r\n
    \r\n
        // Alle Dots deaktivieren\r\n
        for (let i = 0; i < dots.length; i++) {\r\n
          dots[i].classList.remove("active");\r\n
        }\r\n
    \r\n
        // Aktuelles Bild anzeigen\r\n
        slides[slideIndex].classList.add("active");\r\n
        dots[slideIndex].classList.add("active");\r\n
      }\r\n
    \r\n
      function plusSlides(n) {\r\n
        slideIndex += n;\r\n
        showSlides(slideIndex);\r\n
      }\r\n
    \r\n
      function currentSlide(n) {\r\n
        slideIndex = n - 1;\r\n
        showSlides(slideIndex);\r\n
      }\r\n
    \r\n
      // Automatische Slideshow (optional)\r\n
      function autoSlideShow() {\r\n
        slideIndex++;\r\n
        showSlides(slideIndex);\r\n
        setTimeout(autoSlideShow, 5000); // Alle 5 Sekunden wechseln\r\n
      }\r\n
    \r\n
      // Starte Slideshow nach Laden der Seite\r\n
      document.addEventListener("DOMContentLoaded", () => {\r\n
        showSlides(slideIndex);\r\n
        autoSlideShow();\r\n
      });\r\n
    </script>\r\n
    \r\n
    \r\n
    \r\n
    </section><!-- FAQ Bereich-->\r\n
    \r\n
    <section class="faq-section py-5" style="background: white;">\r\n
        <div class="container">\r\n
            <h2 class="text-left" style="font-weight: bold; color: black; font-size: 24px; margin-bottom: 30px;">\r\n
                FAQ - <span style="font-weight: bold;">Coworking</span> Cologne\r\n
            </h2>\r\n
            <div class="faq-accordion">\r\n
                \r\n
                <!-- Frage 1 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>What is the difference between a coworking workspace and a private office?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>In the coworking area, you share the space with others and look for a new place every day, depending on your tariff. You benefit in particular from interacting with the community and flexible working options. There are separate areas for confidential discussions. A private office, on the other hand, is yours alone and allows you to work undisturbed and discreetly.</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Frage 2 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>How long is the notice period for coworking and 2nd Home membership?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>The notice period for the Coworking Membership is only one month and can be terminated at any time. For the 2nd Home Membership, the notice period is 3 months to the end of the month.</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Frage 3 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>Is there a minimum term for the coworking membership ?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>No, there is no minimum term for the coworking membership</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Frage 4 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>How many times a month can I work at STARTPLATZ with a coworking membership?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>Unlimited. You can work as often as you like in the shared offices at STARTPLATZ and have 24/7 access.</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Frage 5 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>What does a coworking membership include?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>Membership in our shared offices at STARTPLATZ Cologne includes high-speed internet, access to meeting and conference rooms, printing and scanning services as well as free coffee and water. In addition, members benefit from events, workshops, an inspiring community, 24/7 access and much more.</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Frage 6 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>Can I book a trial day?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>Yes, to see our coworking spaces for yourself, you can book a free trial day <a href="https://cal.eu/startplatz/startplatz-coworking-trial-day-cologne" style="color: #7ab800;">under this link</a>.</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Frage 7 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>Do you offer a student discount?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>Yes, we also offer a student discount. Simply click <a href="https://www.startplatz.de/student-coworking" style="color: #7ab800;">on this link</a> to find out more about our offers.</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Frage 8 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>What options do I have for a coworking membership</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>At STARTPLATZ, you can choose between our coworking membership with FlexDesk for €180 per month and a 2nd Home tariff including a permanent workstation in our shared offices for €350 per month.</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Frage 9 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>Is it possible to rent your own office at STARTPLATZ Cologne?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>Of course! If your team is growing and you need your own office, we offer various flexible office solutions in the Mediapark. Find out more directly <a href="https://www.startplatz.de/teambuero-koeln/" style="color: #7ab800;">on our website</a> or contact us on 0221 975 802 15 for further details.</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Frage 10 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>Do I have to provide a security deposit?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>No, you don't have to provide a security deposit to work in our coworking spaces.</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Frage 11 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>Are there parking spaces available?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>Yes, parking is possible at any time in one of the large parking decks of the Mediapark. A permanent parking space costs €120 per month. The parking garage can also be used on a daily or hourly basis.</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Frage 12 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>You would like to take out a coworking membership at STARTPLATZ Cologne, but are also interested in working at STARTPLATZ Düsseldorf from time to time?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>No problem! With a coworking membership, you can work both in Cologne and in the shared offices in Düsseldorf – as often as you like.</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Frage 13 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>Is STARTPLATZ Cologne easily accessible by public transportation?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>Yes, the Mediapark is very easy to reach with lines 12 and 15. From the Christophstraße/Mediapark stop, it is about a 5-minute walk to the STARTPLATZ office building. Lines S6, S11, S12 and S19 provide easy access to Hansaring station, which is also not far away.</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Frage 14 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>You would also like to make STARTPLATZ Cologne your official company headquarters?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>No problem! Simply book a business address online! You can then have your mail conveniently sent to STARTPLATZ.</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Frage 15 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>I have further questions about the coworking or 2nd home membership, who can I contact?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>We will be happy to help you with any questions about our flexible workplaces. Please send an email to mitgliedschaft@startplatz.de or call us on 0221 975 802 15</p>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
    </section>\r\n
    \r\n
    <script>\r\n
    document.addEventListener("DOMContentLoaded", function () {\r\n
        const faqItems = document.querySelectorAll(".faq-item");\r\n
    \r\n
        faqItems.forEach(item => {\r\n
            const question = item.querySelector(".faq-question");\r\n
            const answer = item.querySelector(".faq-answer");\r\n
            const icon = item.querySelector(".faq-icon");\r\n
    \r\n
            question.addEventListener("click", function () {\r\n
                const isOpen = answer.style.maxHeight;\r\n
    \r\n
                // Alle anderen FAQs schließen\r\n
                document.querySelectorAll(".faq-answer").forEach(ans => {\r\n
                    ans.style.maxHeight = null;\r\n
                    ans.style.opacity = "0";\r\n
                });\r\n
    \r\n
                document.querySelectorAll(".faq-icon").forEach(i => {\r\n
                    i.textContent = "+";\r\n
                    i.style.transform = "rotate(0deg)";\r\n
                });\r\n
    \r\n
                // Wenn noch nicht geöffnet, dann öffnen\r\n
                if (!isOpen || isOpen === "0px") {\r\n
                    answer.style.maxHeight = answer.scrollHeight + "px";\r\n
                    answer.style.opacity = "1";\r\n
                    icon.textContent = "−";\r\n
                    icon.style.transform = "rotate(180deg)";\r\n
                }\r\n
            });\r\n
        });\r\n
    });\r\n
    </script>\r\n
    \r\n
    \r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </section><!-- WordPress editor ends here -->\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">About STARTPLATZ</h2>\n
                        <p>STARTPLATZ is the biggest inkubator in NRW with Locations in Düsseldorf and Köln</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">About the website</h2>\n
                        <ul class="list-unstyled">\n
                            <li><a href="/en/contact"><span class="fas fa-long-arrow-alt-right mr-2"></span>Contact</a></li>\n
                            <li><a href="/wlan-am-startplatz-koeln"><span class="fas fa-long-arrow-alt-right mr-2"></span>WiFi STARTPLATZ Koeln</a></li>\n
                            <li><a href="/pressebereich"><span class="fas fa-long-arrow-alt-right mr-2"></span>Press</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>Locations</a></li>\n
                            <li><a href="/startplatz-archiv"><span class="fas fa-long-arrow-alt-right mr-2"></span>Archive</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>Privacy</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">Hot topics</h2>\n
                        <ul class="list-unstyled">\n
                            <li><a href="/en/coworking-cologne"><span class="fas fa-long-arrow-alt-right mr-2"></span>Coworking Cologne</a></li>\n
    <li><a href="/en/coworking-duesseldorf"><span class="fas fa-long-arrow-alt-right mr-2"></span>Coworking Düsseldorf</a></li>\n
    <li><a href="/en/conference-rooms"><span class="fas fa-long-arrow-alt-right mr-2"></span>Rent a conference room in Cologne</a></li>\n
    <li><a href="/en/duesseldorf-conference-and-meeting-rooms"><span class="fas fa-long-arrow-alt-right mr-2"></span>Rent a conference room 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="/en/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>Rent a project office</a></li>\n
    <li><a href="/meetingraeume-mieten"><span class="fas fa-long-arrow-alt-right mr-2"></span>Rent meeting rooms</a></li>\n
    <li><a href="/coworker-werden"><span class="fas fa-long-arrow-alt-right mr-2"></span>Become a coworker</a></li>\n
    <li><a href="/startup-membership"><span class="fas fa-long-arrow-alt-right mr-2"></span>Startup company membership</a></li>\n
    <li><a href="/en/career/"><span class="fas fa-long-arrow-alt-right mr-2"></span>Startup jobs at 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>Incubator</a></li>\n
    <li><a href="/benefits/perks"><span class="fas fa-long-arrow-alt-right mr-2"></span>Software for startups</a></li>\n
    <li><a href="/en/startup-wiki"><span class="fas fa-long-arrow-alt-right mr-2"></span>Startup Wiki</a></li>\n
    <li><a href="/en/open-office-hours"><span class="fas fa-long-arrow-alt-right mr-2"></span>Open office hours</a></li>\n
    <li><a href="/en/mentoring"><span class="fas fa-long-arrow-alt-right mr-2"></span>Mentors</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">Contact</h2>\n
                        <div class="row">\n
                            <div class="col-6">\n
                                <p class="address city">Cologne</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>Do you want to stay up to date?\n
                                <br>Get the latest news of STARTPLATZ, all workshops, lectures and conferences</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">subscribe here</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
    <!-- 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=7.0.2"}}\n
    </script>\n
    <script type="module">\n
    /*! This file is auto-generated */\n
    const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});\n
    //# sourceURL=https://www.staging.startplatz.de/wp-includes/js/wp-emoji-loader.min.js\n
    </script>\n
    <!-- wp_footer ends -->\n
    <!-- startplatz default js starts -->\n
    <!-- 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="sfwdtcd193b">        <div id="sfToolbarClearer-cd193b" class="sf-toolbar-clearer"></div><div id="sfToolbarMainContent-cd193b" class="sf-toolbarreset notranslate clear-fix" data-no-turbolink data-turbo="false">                                                    <div class="sf-toolbar-block sf-toolbar-block-request sf-toolbar-status-normal " >    <a href="https://www.staging.startplatz.de/_profiler/cd193b?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-cd193b"></span>        </div>        <div class="sf-toolbar-info-piece">            <b>                <button class="sf-cancel-button" type="button" id="sfLoadCancel-cd193b" title="Cancel loading">Cancel</button>            </b>        </div>    </div></div>                                <button class="sf-toolbar-toggle-button" type="button" id="sfToolbarToggleButton-cd193b" accesskey="D" aria-expanded="true" aria-controls="sfToolbarMainContent-cd193b" 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="2d7064fd97ab1ccbab2a55a0ef13294d" href="https://www.staging.startplatz.de/_wdt/styles" />        <script nonce="032d8d7245ca24959e0d2bdf110dd594">/*<![CDATA[*/        if (typeof Sfjs === 'undefined' || typeof Sfjs.loadToolbar === 'undefined') {            Sfjs = (function() {                "use strict";                if ('classList' in document.documentElement) {                    var hasClass = function (el, cssClass) { return el.classList.contains(cssClass); };                    var removeClass = function(el, cssClass) { el.classList.remove(cssClass); };                    var addClass = function(el, cssClass) { el.classList.add(cssClass); };                    var toggleClass = function(el, cssClass) { el.classList.toggle(cssClass); };                } else {                    var hasClass = function (el, cssClass) { return el.className.match(new RegExp('\\b' + cssClass + '\\b')); };                    var removeClass = function(el, cssClass) { el.className = el.className.replace(new RegExp('\\b' + cssClass + '\\b'), ' '); };                    var addClass = function(el, cssClass) { if (!hasClass(el, cssClass)) { el.className += " " + cssClass; } };                    var toggleClass = function(el, cssClass) { hasClass(el, cssClass) ? removeClass(el, cssClass) : addClass(el, cssClass); };                }                var noop = function() {};                var profilerStorageKey = 'symfony/profiler/';                var addEventListener;                var el = document.createElement('div');                if (!('addEventListener' in el)) {                    addEventListener = function (element, eventName, callback) {                        element.attachEvent('on' + eventName, callback);                    };                } else {                    addEventListener = function (element, eventName, callback) {                        element.addEventListener(eventName, callback, false);                    };                }                var request = function(url, onSuccess, onError, payload, options, tries) {                    url = new URL(url);                    url.searchParams.set('XDEBUG_IGNORE', '1');                    url = url.toString();                    var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');                    options = options || {};                    options.retry = options.retry || false;                    tries = tries || 1;                    /* this delays for 125, 375, 625, 875, and 1000, ... */                    var delay = tries < 5 ? (tries - 0.5) * 250 : 1000;                    xhr.open(options.method || 'GET', url, true);                    xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');                    xhr.onreadystatechange = function(state) {                        if (4 !== xhr.readyState) {                            return null;                        }                        if (xhr.status == 404 && options.retry && !options.stop) {                            setTimeout(function() {                                if (options.stop) {                                    return;                                }                                request(url, onSuccess, onError, payload, options, tries + 1);                            }, delay);                            return null;                        }                        if (200 === xhr.status) {                            (onSuccess || noop)(xhr);                        } else {                            (onError || noop)(xhr);                        }                    };                    if (options.onSend) {                        options.onSend(tries);                    }                    xhr.send(payload || '');                };                var getPreference = function(name) {                    if (!window.localStorage) {                        return null;                    }                    return localStorage.getItem(profilerStorageKey + name);                };                var setPreference = function(name, value) {                    if (!window.localStorage) {                        return null;                    }                    localStorage.setItem(profilerStorageKey + name, value);                };                var requestStack = [];                var extractHeaders = function(xhr, stackElement) {                    /* Here we avoid to call xhr.getResponseHeader in order to */                    /* prevent polluting the console with CORS security errors */                    var allHeaders = xhr.getAllResponseHeaders();                    var ret;                    if (ret = allHeaders.match(/^x-debug-token:\s+(.*)$/im)) {                        stackElement.profile = ret[1];                    }                    if (ret = allHeaders.match(/^x-debug-token-link:\s+(.*)$/im)) {                        stackElement.profilerUrl = ret[1];                    }                    if (ret = allHeaders.match(/^Symfony-Debug-Toolbar-Replace:\s+(.*)$/im)) {                        stackElement.toolbarReplaceFinished = false;                        stackElement.toolbarReplace = '1' === ret[1];                    }                };                var successStreak = 4;                var pendingRequests = 0;                var renderAjaxRequests = function() {                    var requestCounter = document.querySelector('.sf-toolbar-ajax-request-counter');                    if (!requestCounter) {                        return;                    }                    requestCounter.textContent = requestStack.length;                    var infoSpan = document.querySelector(".sf-toolbar-ajax-info");                    if (infoSpan) {                        infoSpan.textContent = requestStack.length + ' AJAX request' + (requestStack.length !== 1 ? 's' : '');                    }                    var ajaxToolbarPanel = document.querySelector('.sf-toolbar-block-ajax');                    if (requestStack.length) {                        ajaxToolbarPanel.style.display = '';                    } else {                        ajaxToolbarPanel.style.display = 'none';                    }                    if (pendingRequests > 0) {                        addClass(ajaxToolbarPanel, 'sf-ajax-request-loading');                    } else if (successStreak < 4) {                        addClass(ajaxToolbarPanel, 'sf-toolbar-status-red');                        removeClass(ajaxToolbarPanel, 'sf-ajax-request-loading');                    } else {                        removeClass(ajaxToolbarPanel, 'sf-ajax-request-loading');                        removeClass(ajaxToolbarPanel, 'sf-toolbar-status-red');                    }                };                var startAjaxRequest = function(index) {                    var tbody = document.querySelector('.sf-toolbar-ajax-request-list');                    if (!tbody) {                        return;                    }                    var nbOfAjaxRequest = tbody.rows.length;                    if (nbOfAjaxRequest >= 100) {                        tbody.deleteRow(0);                    }                    var request = requestStack[index];                    pendingRequests++;                    var row = document.createElement('tr');                    request.DOMNode = row;                    var requestNumberCell = document.createElement('td');                    requestNumberCell.textContent = index + 1;                    row.appendChild(requestNumberCell);                    var profilerCell = document.createElement('td');                    profilerCell.textContent = 'n/a';                    row.appendChild(profilerCell);                    var methodCell = document.createElement('td');                    methodCell.textContent = request.method;                    row.appendChild(methodCell);                    var typeCell = document.createElement('td');                    typeCell.textContent = request.type;                    row.appendChild(typeCell);                    var statusCodeCell = document.createElement('td');                    var statusCode = document.createElement('span');                    statusCode.textContent = 'n/a';                    statusCodeCell.appendChild(statusCode);                    row.appendChild(statusCodeCell);                    var pathCell = document.createElement('td');                    pathCell.className = 'sf-ajax-request-url';                    if ('GET' === request.method) {                        var pathLink = document.createElement('a');                        pathLink.setAttribute('href', request.url);                        pathLink.textContent = request.url;                        pathCell.appendChild(pathLink);                    } else {                        pathCell.textContent = request.url;                    }                    pathCell.setAttribute('title', request.url);                    row.appendChild(pathCell);                    var durationCell = document.createElement('td');                    durationCell.className = 'sf-ajax-request-duration';                    durationCell.textContent = 'n/a';                    row.appendChild(durationCell);                    request.liveDurationHandle = setInterval(function() {                        durationCell.textContent = (new Date() - request.start) + ' ms';                    }, 100);                    row.className = 'sf-ajax-request sf-ajax-request-loading';                    tbody.insertBefore(row, null);                    var toolbarInfo = document.querySelector('.sf-toolbar-block-ajax .sf-toolbar-info');                    toolbarInfo.scrollTop = toolbarInfo.scrollHeight;                    renderAjaxRequests();                };                var finishAjaxRequest = function(index) {                    var request = requestStack[index];                    clearInterval(request.liveDurationHandle);                    if (!request.DOMNode) {                        return;                    }                    if (request.toolbarReplace && !request.toolbarReplaceFinished && request.profile) {                        /* Flag as complete because finishAjaxRequest can be called multiple times. */                        request.toolbarReplaceFinished = true;                        /* Search up through the DOM to find the toolbar's container ID. */                        for (var elem = request.DOMNode; elem && elem !== document; elem = elem.parentNode) {                            if (elem.id.match(/^sfwdt/)) {                                Sfjs.loadToolbar(elem.id.replace(/^sfwdt/, ''), request.profile);                                break;                            }                        }                    }                    if (pendingRequests > 0) {                        pendingRequests--;                    }                    var row = request.DOMNode;                    /* Unpack the children from the row */                    var profilerCell = row.children[1];                    var methodCell = row.children[2];                    var statusCodeCell = row.children[4];                    var statusCodeElem = statusCodeCell.children[0];                    var durationCell = row.children[6];                    if (request.error) {                        row.className = 'sf-ajax-request sf-ajax-request-error';                        methodCell.className = 'sf-ajax-request-error';                        successStreak = 0;                    } else {                        row.className = 'sf-ajax-request sf-ajax-request-ok';                        successStreak++;                    }                    if (request.statusCode) {                        if (request.statusCode < 300) {                            statusCodeElem.setAttribute('class', 'sf-toolbar-status');                        } else if (request.statusCode < 400) {                            statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-yellow');                        } else {                            statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-red');                        }                        statusCodeElem.textContent = request.statusCode;                    } else {                        statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-red');                    }                    if (request.duration) {                        durationCell.textContent = request.duration + ' ms';                    }                    if (request.profilerUrl) {                        profilerCell.textContent = '';                        var profilerLink = document.createElement('a');                        profilerLink.setAttribute('href', request.profilerUrl);                        profilerLink.textContent = request.profile;                        profilerCell.appendChild(profilerLink);                    }                    renderAjaxRequests();                };                                if (window.EventSource) {                    var oldEventSource = window.EventSource;                    function patchedEventSource(url, options) {                        var es = new oldEventSource(url, options);                        if (!url.toString().match(new RegExp("^\/((index|app(_[\\w]+)?)\\.php\/)?_wdt"))) {                            var stackElement = {                                error: false,                                url: url,                                method: 'GET',                                type: 'event-stream',                                start: new Date()                            };                            var idx = requestStack.push(stackElement) - 1;                            startAjaxRequest(idx);                            addEventListener(es, 'error', function () {                                stackElement.error = true;                                finishAjaxRequest(idx);                            });                            addEventListener(es, 'open', function () {                                stackElement.statusCode = 200;                                stackElement.toolbarReplaceFinished = false;                                stackElement.toolbarReplace = true;                            });                            addEventListener(es, 'symfony:debug:started', function (event) {                                var items = event.data.split('\n');                                stackElement.profile = items[0];                                stackElement.profilerUrl = items[1];                            });                            addEventListener(es, 'symfony:debug:error', function (event) {                                stackElement.error = true;                                stackElement.statusCode = event.data;                                finishAjaxRequest(idx);                            });                            addEventListener(es, 'symfony:debug:finished', function () {                                stackElement.duration = new Date() - stackElement.start;                                stackElement.toolbarReplaceFinished = false;                                stackElement.toolbarReplace = true;                                finishAjaxRequest(idx);                            });                        }                        return es;                    };                    Object.defineProperties(patchedEventSource, Object.getOwnPropertyDescriptors(oldEventSource));                    window.EventSource = patchedEventSource;                }                if (window.fetch && window.fetch.polyfill === undefined) {                    var oldFetch = window.fetch;                    window.fetch = function () {                        var promise = oldFetch.apply(this, arguments);                        var url = arguments[0];                        var params = arguments[1];                        var paramType = Object.prototype.toString.call(arguments[0]);                        if (paramType === '[object Request]') {                            url = arguments[0].url;                            params = {                                method: arguments[0].method,                                credentials: arguments[0].credentials,                                headers: arguments[0].headers,                                mode: arguments[0].mode,                                redirect: arguments[0].redirect                            };                        } else {                            url = String(url);                        }                        if (!url.match(new RegExp("^\/((index|app(_[\\w]+)?)\\.php\/)?_wdt"))) {                            var method = 'GET';                            if (params && params.method !== undefined) {                                method = params.method;                            }                            var stackElement = {                                error: false,                                url: url,                                method: method,                                type: 'fetch',                                start: new Date()                            };                            var idx = requestStack.push(stackElement) - 1;                            promise.then(function (r) {                                stackElement.duration = new Date() - stackElement.start;                                stackElement.error = r.status < 200 || r.status >= 400;                                stackElement.statusCode = r.status;                                stackElement.profile = r.headers.get('x-debug-token');                                stackElement.profilerUrl = r.headers.get('x-debug-token-link');                                stackElement.toolbarReplaceFinished = false;                                stackElement.toolbarReplace = '1' === r.headers.get('Symfony-Debug-Toolbar-Replace');                                finishAjaxRequest(idx);                            }, function (e){                                stackElement.error = true;                                finishAjaxRequest(idx);                            });                            startAjaxRequest(idx);                        }                        return promise;                    };                }                if (window.XMLHttpRequest && XMLHttpRequest.prototype.addEventListener) {                    var proxied = XMLHttpRequest.prototype.open;                    XMLHttpRequest.prototype.open = function(method, url, async, user, pass) {                        var self = this;                        /* prevent logging AJAX calls to static and inline files, like templates */                        var path = url;                        if (url.slice(0, 1) === '/') {                            if (0 === url.indexOf('')) {                                path = url.slice(0);                            }                        }                        else if (0 === url.indexOf('https\u003A\/\/www.staging.startplatz.de')) {                            path = url.slice(33);                        }                        if (!path.match(new RegExp("^\/((index|app(_[\\w]+)?)\\.php\/)?_wdt"))) {                            var stackElement = {                                error: false,                                url: url,                                method: method,                                type: 'xhr',                                start: new Date()                            };                            var idx = requestStack.push(stackElement) - 1;                            this.addEventListener('readystatechange', function() {                                if (self.readyState == 4) {                                    stackElement.duration = new Date() - stackElement.start;                                    stackElement.error = self.status < 200 || self.status >= 400;                                    stackElement.statusCode = self.status;                                    extractHeaders(self, stackElement);                                    finishAjaxRequest(idx);                                }                            }, false);                            startAjaxRequest(idx);                        }                        proxied.apply(this, Array.prototype.slice.call(arguments));                    };                }                                return {                    hasClass: hasClass,                    removeClass: removeClass,                    addClass: addClass,                    toggleClass: toggleClass,                    getPreference: getPreference,                    setPreference: setPreference,                    addEventListener: addEventListener,                    request: request,                    renderAjaxRequests: renderAjaxRequests,                    getSfwdt: function(token) {                        return document.getElementById('sfwdt' + token);                    },                    load: function(selector, url, onSuccess, onError, options) {                        var el = document.getElementById(selector);                        if (el && el.getAttribute('data-sfurl') !== url) {                            request(                                url,                                function(xhr) {                                    el.innerHTML = xhr.responseText;                                    el.setAttribute('data-sfurl', url);                                    removeClass(el, 'loading');                                    var pending = pendingRequests;                                    for (var i = 0; i < requestStack.length; i++) {                                        startAjaxRequest(i);                                        if (requestStack[i].duration || requestStack[i].error) {                                            finishAjaxRequest(i);                                        }                                    }                                    /* Revert the pending state in case there was a start called without a finish above. */                                    pendingRequests = pending;                                    (onSuccess || noop)(xhr, el);                                },                                function(xhr) { (onError || noop)(xhr, el); },                                '',                                options                            );                        }                        return this;                    },                    showToolbar: function(token) {                        var sfwdt = this.getSfwdt(token);                        var toggleButton = document.querySelector(`#sfToolbarToggleButton-${token}`);                        if ('closed' === getPreference('toolbar/displayState')) {                            addClass(sfwdt.parentNode, 'sf-toolbar-closed');                            removeClass(sfwdt.parentNode, 'sf-toolbar-opened');                            if (toggleButton) { toggleButton.setAttribute('aria-expanded', 'false'); }                        } else {                            addClass(sfwdt.parentNode, 'sf-toolbar-opened');                            removeClass(sfwdt.parentNode, 'sf-toolbar-closed');                            if (toggleButton) { toggleButton.setAttribute('aria-expanded', 'true'); }                        }                    },                    hideToolbar: function(token) {                        var sfwdt = this.getSfwdt(token);                        var toggleButton = document.querySelector(`#sfToolbarToggleButton-${token}`);                        addClass(sfwdt.parentNode, 'sf-toolbar-closed');                        removeClass(sfwdt.parentNode, 'sf-toolbar-opened');                        if (toggleButton) { toggleButton.setAttribute('aria-expanded', 'false'); }                    },                    initToolbar: function(token) {                        this.showToolbar(token);                        var toggleButton = document.querySelector(`#sfToolbarToggleButton-${token}`);                        addEventListener(toggleButton, 'click', function (event) {                            event.preventDefault();                            const newState = 'closed' === getPreference('toolbar/displayState') ? 'opened' : 'closed';                            setPreference('toolbar/displayState', newState);                            'opened' === newState ? Sfjs.showToolbar(token) : Sfjs.hideToolbar(token);                        });                    },                    loadToolbar: function(token, newToken) {                        var that = this;                        var triesCounter = document.getElementById('sfLoadCounter-' + token);                        var options = {                            retry: true,                            onSend: function (count) {                                if (count === 3) {                                    that.initToolbar(token);                                }                                if (triesCounter) {                                    triesCounter.textContent = count;                                }                            },                        };                        var cancelButton = document.getElementById('sfLoadCancel-' + token);                        if (cancelButton) {                            addEventListener(cancelButton, 'click', function (event) {                                event.preventDefault();                                options.stop = true;                                that.hideToolbar(token);                            });                        }                        newToken = (newToken || token);                        this.load(                            'sfwdt' + token,                            'https\u003A\/\/www.staging.startplatz.de\/_wdt\/xxxxxx'.replace(/xxxxxx/, newToken),                            function(xhr, el) {                                var toolbarContent = document.getElementById('sfToolbarMainContent-' + newToken);                                /* Do nothing in the edge case where the toolbar has already been replaced with a new one */                                if (!toolbarContent) {                                    return;                                }                                /* Replace the ID, it has to match the new token */                                toolbarContent.parentElement.id = 'sfwdt' + newToken;                                /* Evaluate in global scope scripts embedded inside the toolbar */                                var i, scripts = [].slice.call(el.querySelectorAll('script'));                                for (i = 0; i < scripts.length; ++i) {                                    if (scripts[i].firstChild) {                                        eval.call({}, scripts[i].firstChild.nodeValue);                                    }                                }                                el.style.display = -1 !== xhr.responseText.indexOf('sf-toolbarreset') ? 'block' : 'none';                                if (el.style.display == 'none') {                                    return;                                }                                that.initToolbar(newToken);                                /* Handle toolbar-info position */                                var toolbarBlocks = [].slice.call(el.querySelectorAll('.sf-toolbar-block'));                                for (i = 0; i < toolbarBlocks.length; ++i) {                                    toolbarBlocks[i].onmouseover = function () {                                        var toolbarInfo = this.querySelectorAll('.sf-toolbar-info')[0];                                        var pageWidth = document.body.clientWidth;                                        var elementWidth = toolbarInfo.offsetWidth;                                        var leftValue = (elementWidth + this.offsetLeft) - pageWidth;                                        var rightValue = (elementWidth + (pageWidth - this.offsetLeft)) - pageWidth;                                        /* Reset right and left value, useful on window resize */                                        toolbarInfo.style.right = '';                                        toolbarInfo.style.left = '';                                        if (elementWidth > pageWidth) {                                            toolbarInfo.style.left = 0;                                        }                                        else if (leftValue > 0 && rightValue > 0) {                                            toolbarInfo.style.right = (rightValue * -1) + 'px';                                        } else if (leftValue < 0) {                                            toolbarInfo.style.left = 0;                                        } else {                                            toolbarInfo.style.right = '0px';                                        }                                    };                                }                                renderAjaxRequests();                                addEventListener(document.querySelector('.sf-toolbar-ajax-clear'), 'click', function() {                                    requestStack = [];                                    renderAjaxRequests();                                    successStreak = 4;                                    document.querySelector('.sf-toolbar-ajax-request-list').innerHTML = '';                                });                                addEventListener(document.querySelector('.sf-toolbar-block-ajax'), 'mouseenter', function (event) {                                    var elem = document.querySelector('.sf-toolbar-block-ajax .sf-toolbar-info');                                    elem.scrollTop = elem.scrollHeight;                                });                                addEventListener(document.querySelector('.sf-toolbar-block-ajax > .sf-toolbar-icon'), 'click', function (event) {                                    event.preventDefault();                                    toggleClass(this.parentNode, 'hover');                                });                                var dumpInfo = document.querySelector('.sf-toolbar-block-dump .sf-toolbar-info');                                if (null !== dumpInfo) {                                    addEventListener(dumpInfo, 'sfbeforedumpcollapse', function () {                                        dumpInfo.style.minHeight = dumpInfo.getBoundingClientRect().height+'px';                                    });                                    addEventListener(dumpInfo, 'mouseleave', function () {                                        dumpInfo.style.minHeight = '';                                    });                                }                            },                            function(xhr) {                                if (xhr.status !== 0 && !options.stop) {                                    var sfwdt = that.getSfwdt(token);                                    sfwdt.innerHTML = '\                                    <div class="sf-toolbarreset notranslate">\                                        <div class="sf-toolbar-icon"><svg width="26" height="28" xmlns="http://www.w3.org/2000/svg" version="1.1" x="0px" y="0px" viewBox="0 0 26 28" enable-background="new 0 0 26 28" xml:space="preserve"><path fill="#FFFFFF" d="M13 0C5.8 0 0 5.8 0 13c0 7.2 5.8 13 13 13c7.2 0 13-5.8 13-13C26 5.8 20.2 0 13 0z M20 7.5 c-0.6 0-1-0.3-1-0.9c0-0.2 0-0.4 0.2-0.6c0.1-0.3 0.2-0.3 0.2-0.4c0-0.3-0.5-0.4-0.7-0.4c-2 0.1-2.5 2.7-2.9 4.8l-0.2 1.1 c1.1 0.2 1.9 0 2.4-0.3c0.6-0.4-0.2-0.8-0.1-1.3C18 9.2 18.4 9 18.7 8.9c0.5 0 0.8 0.5 0.8 1c0 0.8-1.1 2-3.3 1.9 c-0.3 0-0.5 0-0.7-0.1L15 14.1c-0.4 1.7-0.9 4.1-2.6 6.2c-1.5 1.8-3.1 2.1-3.8 2.1c-1.3 0-2.1-0.6-2.2-1.6c0-0.9 0.8-1.4 1.3-1.4 c0.7 0 1.2 0.5 1.2 1.1c0 0.5-0.2 0.6-0.4 0.7c-0.1 0.1-0.3 0.2-0.3 0.4c0 0.1 0.1 0.3 0.4 0.3c0.5 0 0.9-0.3 1.2-0.5 c1.3-1 1.7-2.9 2.4-6.2l0.1-0.8c0.2-1.1 0.5-2.3 0.8-3.5c-0.9-0.7-1.4-1.5-2.6-1.8c-0.8-0.2-1.3 0-1.7 0.4C8.4 10 8.6 10.7 9 11.1 l0.7 0.7c0.8 0.9 1.3 1.7 1.1 2.7c-0.3 1.6-2.1 2.8-4.3 2.1c-1.9-0.6-2.2-1.9-2-2.7c0.2-0.6 0.7-0.8 1.2-0.6 c0.5 0.2 0.7 0.8 0.6 1.3c0 0.1 0 0.1-0.1 0.3C6 15 5.9 15.2 5.9 15.3c-0.1 0.4 0.4 0.7 0.8 0.8c0.8 0.3 1.7-0.2 1.9-0.9 c0.2-0.6-0.2-1.1-0.4-1.2l-0.8-0.9c-0.4-0.4-1.2-1.5-0.8-2.8c0.2-0.5 0.5-1 0.9-1.4c1-0.7 2-0.8 3-0.6c1.3 0.4 1.9 1.2 2.8 1.9 c0.5-1.3 1.1-2.6 2-3.8c0.9-1 2-1.7 3.3-1.8C20 4.8 21 5.4 21 6.3C21 6.7 20.8 7.5 20 7.5z"/></svg></div>\                                        An error occurred while loading the web debug toolbar. <a href="https\u003A\/\/www.staging.startplatz.de\/_profiler\/' + newToken + '">Open the web profiler.</a>\                                    </div>\                                ';                                    sfwdt.parentElement.setAttribute('class', 'sf-toolbar sf-error-toolbar');                                }                            },                            options                        );                        return this;                    },                    toggle: function(selector, elOn, elOff) {                        var tmp = elOn.style.display,                            el = document.getElementById(selector);                        elOn.style.display = elOff.style.display;                        elOff.style.display = tmp;                        if (el) {                            el.style.display = 'none' === tmp ? 'none' : 'block';                        }                        return this;                    },                };            })();        }        Sfjs.loadToolbar('cd193b');    /*]]>*/</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
}