GET http://www.staging.startplatz.de/_fragment?_path=_format%3Dhtml%26_locale%3Den%26_controller%3DApp%255CStartPlatz%255CBundle%255CWebsiteBundle%255CController%25…

Response
200 OK
Browse referrer URL
IP
172.22.0.12
Profiled on
Token
117be8

DefaultController :: homepageCssAction

Request

GET Parameters

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

POST Parameters

No POST parameters

Uploaded Files

No files were uploaded

Request Attributes

Key Value
_controller 
"App\StartPlatz\Bundle\WebsiteBundle\Controller\DefaultController::homepageCssAction"
_format 
"html"
_locale 
"en"
_stopwatch_token 
"85dd97"

Request Headers

Header Value
accept 
"*/*"
accept-charset 
"ISO-8859-1,utf-8;q=0.7,*;q=0.7"
accept-encoding 
"gzip, br, zstd, deflate"
accept-language 
"en-us,en;q=0.5"
cookie 
"main_deauth_profile_token=37cca6"
forwarded 
"for="172.22.0.12";host="www.staging.startplatz.de";proto=http"
host 
"www.staging.startplatz.de"
referer 
"https://www.staging.startplatz.de/en"
user-agent 
"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)"
x-forwarded-for 
"172.22.0.12"
x-forwarded-server 
"c7c6e7953db4"
x-php-ob-level 
"0"
x-real-ip 
"216.73.217.92"

Request Content

Request content not available (it was retrieved as a resource).

Response

Response Headers

Header Value
cache-control 
"no-cache, private"
date 
"Thu, 11 Jun 2026 03:15:09 GMT"
x-debug-token 
"117be8"

Cookies

Request Cookies

Key Value
main_deauth_profile_token 
"37cca6"

Response Cookies

No response cookies

Session

Session Metadata

No session metadata

Session Attributes

No session attributes

Session Usage

0 Usages
Stateless check enabled

Session not used.

Flashes

Flashes

No flash messages were created.

Server Parameters

Server Parameters

Defined in .env

Key Value
ANTHROPIC_ADMIN_KEY 
""
ANTHROPIC_API_KEY 
""
CLOUDINARY_API_KEY 
"187719847589952"
CLOUDINARY_API_SECRET 
"2L0-UBEtXjD-ODU3On8eqJrZPFY"
CLOUDINARY_CLOUDNAME 
"startplatz"
CLOUDINARY_URL 
"cloudinary://187719847589952:2L0-UBEtXjD-ODU3On8eqJrZPFY@startplatz"
CRON_API_KEY 
"cron_sp_X9kM4nQ7pR2sT6vW8yB1"
INSTAGRAM_ACCESS_TOKEN 
""
INSTAGRAM_ACCOUNT_ID 
""
LOCK_DSN 
"flock"
MANDRILL_API_KEY 
""
META_CAPI_TEST_CODE 
""
MONSUM_WEBHOOK_PASSWORD_CGN 
""
MONSUM_WEBHOOK_PASSWORD_DUS 
""
MONSUM_WEBHOOK_PASSWORD_TESTPLATZ 
""
MONSUM_WEBHOOK_USER_CGN 
""
MONSUM_WEBHOOK_USER_DUS 
""
MONSUM_WEBHOOK_USER_TESTPLATZ 
""
MOSS_AI_HUB_KEY_ID 
""
MOSS_AI_HUB_SECRET_KEY 
""
MOSS_FGH_KEY_ID 
""
MOSS_FGH_SECRET_KEY 
""
MOSS_GOLF_POST_KEY_ID 
""
MOSS_GOLF_POST_SECRET_KEY 
""
MOSS_SP_CGN_KEY_ID 
""
MOSS_SP_CGN_SECRET_KEY 
""
MOSS_SP_DUS_KEY_ID 
""
MOSS_SP_DUS_SECRET_KEY 
""
OPENAI_ADMIN_KEY 
""
OPENAI_ORGANIZATION 
"STARTPLATZ"
PLEO_SP_CGN_TOKEN 
"eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6InBsZW8tb3BlbmFwaS1wcm9kdWN0aW9uIn0.eyJkYXRhIjp7InVzZXIiOnsiYWNjZXB0ZWRUZXJtcyI6dHJ1ZSwiYWN0aXZlIjp0cnVlLCJjcmVhdGVkQXQiOiIyMDI1LTEwLTEzVDE0OjI4OjU0LjIzMloiLCJkYXRhIjp7InByb21vIjoiU0VMRl9PTkJPQVJESU5HIiwicHJvZmlsZSI6eyJpZCI6bnVsbCwicmF3Ijp7fSwibmFtZSI6eyJsYXN0TmFtZSI6Ikdyw6RmIiwiZmlyc3ROYW1lIjoiTG9yZW56In0sInR5cGUiOiJlbWFpbCIsImVtYWlsIjoiYnVjaGhhbHR1bmctc3AtY2duQHN0YXJ0cGxhdHouZGUiLCJwaG9uZSI6Iis0OTE1MTIyMzMzMjMzIiwicGljdHVyZSI6bnVsbH19LCJlbWFpbCI6ImJ1Y2hoYWx0dW5nLXNwLWNnbkBzdGFydHBsYXR6LmRlIiwiaGFzUGluIjp0cnVlLCJpZCI6ImIxZTJlZmUzLWY0OWMtNGY5ZC1iZTE3LTc2MzM0YmI1YTNmYiIsImxhbmd1YWdlIjoiZGUiLCJwYXlsb2FkIjp7ImNvbXBhbnlJZCI6IjQ3MGEyZGNmLTM2ODgtNDI5YS04MjVlLWY4YTZhNTIzNGE4YiIsInRva2VuSWQiOiIxYTMzZjg2ZS0xNDE1LTRkOWItYjhjNy1lMDk5NGMzYzlhNjMifSwicGhvbmUiOiIrNDkxNzM3MTcxNzE1IiwicGhvbmVWZXJpZmllZCI6ZmFsc2UsInNjYUVuYWJsZWQiOnRydWUsInZlcmlmaWVkIjp0cnVlLCJwZXJtaXNzaW9ucyI6WyJlbS8jMS9jZC8jMC9vdyIsImVtLyMxL2NkZC8jMC9vdyIsImVtLyMxL2NkLyMyL293IiwiZW0vIzEvY2RkLyMyL293IiwiZW0vIzEvY2QvIzMvb3ciLCJlbS8jMS9jZGQvIzMvb3ciLCJlbS8jMS9jZC8jNC9vdyIsImVtLyMxL2NkZC8jNC9vdyIsImVtLyMxL2NhLyMxL293IiwiY28vIzUvb3ciLCJlbS8jMS9kY2EvIzEvb3ciLCJjby8jNS9lbS8jMS9vdyJdLCJya20iOlsiNGpUZG52R1FMVkNVZjFUVDNBOWdRViIsIm1HRHNUV3R5ZWFtTFRIM2hyZTNadkgiLCI5bUdGYWJlU0RvNUc4R3dEZExTcHVpIiwianJGSzF6dWpTdFNja216YTVlS1R2ayIsInNhS3BjVExBVWlGR2NlTDRmNVFYU0EiLCI5TE1aeWRtenFTRzV1em9QalZobm42Il0sImNtcHMiOlsiOUxNWnlkbXpxU0c1dXpvUGpWaG5uNiJdLCJjbXAiOiI5TE1aeWRtenFTRzV1em9QalZobm42In0sImFyZVBlcm1pc3Npb25zSW5DYWNoZSI6ZmFsc2UsInNjb3BlIjpbIm9wZW5hcGkiXSwidHlwZSI6Ik9QRU5BUElfVE9LRU4iLCJzZXNzaW9uSWQiOm51bGwsIm1ldGEiOnsic3ViU2Vzc2lvbkVtYWlscyI6W119fSwiaWF0IjoxNzcyNzMzMDU2LCJleHAiOjE4MDQyNjkwNTYsImlzcyI6InBsZW8ub3BlbmFwaS5wcm9kdWN0aW9uIiwianRpIjoiMWEzM2Y4NmUtMTQxNS00ZDliLWI4YzctZTA5OTRjM2M5YTYzIn0.eskzOV1wxUCFvywF1toHuc7SiOPx3UAottMTrHjgq8eg1gPkGCtx1tWqJD1lQkPFTz1xg1mvqDFiRG1L9x0KsRxJDuZZmAhdCeqYXX-jHjuhcb30jIbxV-I8hK9PleetN065UgU7Stemdu_NTT466p8wvbsvChylaJ216iKUQPoEJ5vyWM97NxFTcGzRh-z_oUSv77DefZVm2QL3r-27fc4ADPSwGPiBr-m2aK2ec_X_VWMvCfj-5GTs1mh03488ohJB6zT4qGbH2dnMJsBxYebeBz6yByh-YL9KclYpRjvnh54cnLcQ8Dguw94Rty9ygMqyyIvqHz-Hl48p9CjJ6aVoK1y5yUqmaExu5nPEvDEjmH1XXYeV8CutElk9FVtieulFmO09vcJ-by1Xj-mWRVg8Bgm6vqseWsrc7zFHL9cibl5zRSm8dh14MUl27Xeb6kAhG5mSvr5qGz3ElIfItbYvj4QqlKDoUzjHgTQ_CiaiVRyUqDVr_XbaHfSuz9cJEXLFFZ204yJfv3jfR4wcfnKwdLRwyrBZ9uEzmrfWVgXVOzwS_zd3vWBy4V1OUUwEvpn2w-CjICjluvaYOXRVUu4JLQVNTDfrbAvRIifXn2DuHQRKvo2HpovdDCMRvr64JkHt5OC54x_FDuTxH6qzHXyAFhqtRPgPlta4W7o7EcA"
REDIS_URL 
""
SESSION_SAVE_PATH 
"%kernel.project_dir%/var/cache/sessions"
SKOOL_WEBHOOK_KI_CAMPUS 
"https://api.skool.com/groups/ki-campus/webhooks/5f76ae64499d42a49dafbf613fec3ec0"
SKOOL_WEBHOOK_KI_TREFFPUNKT 
"https://api.skool.com/groups/ki-treffpunkt/webhooks/af0324eeef3d40649f8d16607fe6e7b9"
STATISTIC_ZAPIER_API_KEY 
"50670"
STRIPE_MODE 
"test"
TEST_DATA_PATH 
"data/test-bewerbungen"
TYPEFORM_WEBHOOK_SECRET 
""
WP_API_BASE_URL 
""
WP_API_PASSWORD 
""
WP_API_USERNAME 
""

Defined as regular env variables

Key Value
APP_DEBUG 
"1"
APP_ENV 
"dev"
APP_PROJECT_DIR 
"/var/www/html"
APP_RUNTIME 
"Symfony\Component\Runtime\SymfonyRuntime"
APP_RUNTIME_OPTIONS 
[
  "project_dir" => "/var/www/html"
]
APP_SECRET 
"a8A3I6BRkJE2ppNaBcgPec5i6E8Iwqwm"
BEEHIIV_API_KEY 
"UBs7DJs5mgZhSaCvjxqjdfG4hMJAUnJQnvJEH7F6xKy1eDjhTJ9EPNBe0M2KMC9q"
BEEHIIV_PUBLICATION_ID 
"pub_8c05c30c-27b3-495f-9b05-44c3eb2ff471"
CONTENT_LENGTH 
""
CONTENT_TYPE 
""
DATABASE_URL 
"mysql://startplatz:kpp8o9pWYAp2@startplatz-staging-mysql:3306/startplatz-wordpress"
DOCUMENT_ROOT 
"/var/www/html/public"
DOCUMENT_URI 
"/index.php"
E2E_EMAIL_DOMAIN 
"e2e.startplatz.de"
EASYBILL_EMAIL_AI_HUB 
"lorenz.graef@startplatz.de"
EASYBILL_EMAIL_FGH 
"alexandra.thelen@startplatz.de"
EASYBILL_EMAIL_SP_CGN 
"admin@startplatz.de"
EASYBILL_EMAIL_SP_DUS 
"johannes.graef@startplatz.de"
EASYBILL_TOKEN_AI_HUB 
"1NrjWZrE53dSqWFmMNz0oRd8i22VFmK1Oww9huGp8DPry8EfK1Oj9h6HeW7fyDUM"
EASYBILL_TOKEN_FGH 
"Fjqj30ZbQorEtdpRfw3T19eAkOgrrgzq4WcExyLrxuot0bzkDpUrjpv41YH8dgBK"
EASYBILL_TOKEN_SP_CGN 
"9njde49xtcsoswco4c80oggkwwoo080osow8soo8go4gkw0gwwgc8sck4wgw08og"
EASYBILL_TOKEN_SP_DUS 
"YnHmfQYjOQ01hZ97zQKhsDLcvPc632dhdYjnUYuE4ZzkbAfkyC2TbOGOckUBFBDZ"
FCGI_ROLE 
"RESPONDER"
GATEWAY_INTERFACE 
"CGI/1.1"
GMI_SP_CGN_API_KEY 
"3itm-7j58-6ze8-3w8q-qd74-23ya-67gi"
GPG_KEYS 
"AFD8691FDAEDF03BDF6E460563F15A9B715376CA 9D7F99A0CB8F05C8A6958D6256A97AF7600A39A6 0616E93D95AF471243E26761770426E17EBBB3DD"
HOME 
"/home/www-data"
HOSTNAME 
"dev"
HTTP_ACCEPT 
"*/*"
HTTP_ACCEPT_CHARSET 
"ISO-8859-1,utf-8;q=0.7,*;q=0.7"
HTTP_ACCEPT_ENCODING 
"gzip, br, zstd, deflate"
HTTP_ACCEPT_LANGUAGE 
"en-us,en;q=0.5"
HTTP_COOKIE 
"main_deauth_profile_token=37cca6"
HTTP_FORWARDED 
"for="172.22.0.12";host="www.staging.startplatz.de";proto=http"
HTTP_HOST 
"www.staging.startplatz.de"
HTTP_REFERER 
"https://www.staging.startplatz.de/en"
HTTP_USER_AGENT 
"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)"
HTTP_X_FORWARDED_FOR 
"172.22.0.12"
HTTP_X_FORWARDED_SERVER 
"c7c6e7953db4"
HTTP_X_REAL_IP 
"216.73.217.92"
HUBSPOT_API_KEY 
"pat-na1-72043aa0-44a4-4dd6-b57a-5759597c4642"
HUBSPOT_DEFAULT_FORM_GUID 
"1e712a28-62f9-46e0-99f5-13f6bdc0ec70"
HUBSPOT_PORTAL_ID 
"44225308"
HUBSPOT_TRACKING_ID 
"2795177"
LUMA_API_KEY 
"secret-mb7SAjB50ESxpuB07s6SXqVPe"
LUMA_WEBHOOK_SECRET 
"whsec_0efmpntgpinwt1s2641fegeq1o3w9la7"
MAILCHIMP_API_KEY 
"a7e5ebbb7d4966bad11c6ca9b94699b4-us5"
MAILCHIMP_DEFAULT_LIST_ID 
"be73f77d94"
MAILER_DSN 
"smtp://resend:re_C3EwCoBV_33jjSuHVv1Xf1VQkDtTFzriA@smtp.resend.com:587"
MEETUP_CLIENT_ID 
"455qg651n4so0npqf6unama8pv"
MEETUP_CLIENT_SECRET 
"kohhlns9q6ipohd72oe356oq07"
MEETUP_REDIRECT_URI 
"https://www.staging.startplatz.de/allmeda/meetup/callback"
MESSENGER_TRANSPORT_DSN 
"doctrine://default?queue_name=default"
META_ADS_ACCESS_TOKEN 
"EAAKFICOQZBK0BRPwRkxGLlRyKrSPfgSi17hAXOJDEmPIkI3EnneTZBZCU99QetZB3bbn8GyPpzubXyZCGZCAG6HZCBUp6iY1MBpgnQdRyZAW4xYSKehyFLBSd6cbaiCJ0Xdvu3STG6ZAq0m6S4h1zzYZBKoHUR6fpqbimDWQK03ZCO6uJrxj1yCMUeLxOnhxgZDZD"
META_CAPI_ACCESS_TOKEN 
"EAAerPqXZCTbkBRFRDRoJEHTKCvEMmD1VgtTbXtO39dGZB2qAU0kAYc9Mqb6Ms9V4eBlL211Tdnk3oHunCVQykwpddAWOCaI5HVfiZAPacH2VNUY9JvH3CR33WxtEFhBBeTE3qbcAD8E6WMzl9hRoFCxwPA9j73j2uXkuCg4h58vNZBOFFPFkrWBkZBmNSDgZCzvQZDZD"
META_LEADGEN_APP_SECRET 
"e28b7b6fdcfeea9fa66475524cb4e0a2"
META_LEADGEN_PAGE_ID_AIHUB 
"367308473131474"
META_LEADGEN_PAGE_ID_STARTPLATZ 
"375845979147453"
META_LEADGEN_PAGE_TOKEN_AIHUB 
"EAAKFICOQZBK0BRVPgGrjtDWMzyZCnImKg37HDL4zt629pVgWmWkeZBnWppqvhfJ0NRjhWRulcphxwa0gA1UJfR9P4xofmEzl2l3jbisoLNHrQtXgoj8vHKl8pqjz0dAdnlrRdhArn5Jyd3MuSwyjd808K0wSEMAX7aCSdbR2jfa0APn45VyzEqhP36FdpZBrbx75nAZDZD"
META_LEADGEN_PAGE_TOKEN_STARTPLATZ 
"EAAKFICOQZBK0BRbmpEWTsZB5ZCZCjgNujR9qDa3927DJZCJai2ZBHbc7u1vUxFRgqMbrIfsPLHQUSxdToZAPICa86BQ3hlYn8ffvuZBDf3rfv1AhiBfon2NfPbxk7OfUt5g0fMQ1z5JPmb6qToo7AqOukfHCgjU1NN3OOs4mFZCOePFICCc7hKBb09oZCpujqZB8YrAsqSQjgZDZD"
META_LEADGEN_VERIFY_TOKEN 
"85c80a066572b825942da65b1c7697b334346780cc5ce36732472345115aa475"
MONSUM_API_EMAIL_CGN 
"startplatz@lennarz-consulting.de"
MONSUM_API_EMAIL_DUS 
"startplatz@lennarz-consulting.de"
MONSUM_API_EMAIL_TESTPLATZ 
"lorenz.graef@startplatz.de"
MONSUM_API_TOKEN_CGN 
"32e50c9db555d24f87b40c641b4b014bKzrRnijwaj7yLDB7c0CKXYmVJCzyATZ3"
MONSUM_API_TOKEN_DUS 
"762173de1b510657bb44a2662747bac9nUFkR3NatmYlrqjI7hswGM2ZsDBbgYxR"
MONSUM_API_TOKEN_TESTPLATZ 
"c0c8e924c966fbf562c59646ee67b2a3sh4WFrDN3XxPiwKcskvfcRWQyzWOy4Bu"
OPENAI_API_KEY 
"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"
PATH 
"/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin"
PATH_INFO 
""
PERPLEXITY_API_KEY 
"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"
PERSONIO_CLIENT_ID 
"papi-e2251a49-feb5-440d-be2d-b96d500c9289"
PERSONIO_CLIENT_SECRET 
"papi-Y2VkMjNiZTUtODZkOC00MGM0LWE0MTgtYmNlNDZjOTIzZDA1"
PHPIZE_DEPS 
"autoconf \t\tdpkg-dev dpkg \t\tfile \t\tg++ \t\tgcc \t\tlibc-dev \t\tmake \t\tpkgconf \t\tre2c"
PHP_ASC_URL 
"https://www.php.net/distributions/php-8.4.22.tar.xz.asc"
PHP_CFLAGS 
"-fstack-protector-strong -fpic -fpie -O2 -D_LARGEFILE_SOURCE -D_FILE_OFFSET_BITS=64"
PHP_CPPFLAGS 
"-fstack-protector-strong -fpic -fpie -O2 -D_LARGEFILE_SOURCE -D_FILE_OFFSET_BITS=64"
PHP_INI_DIR 
"/usr/local/etc/php"
PHP_LDFLAGS 
"-Wl,-O1 -pie"
PHP_SELF 
"/index.php"
PHP_SHA256 
"696c0f6ad92e94c59059c1eb6e300842b8d050934226efcdf00f2a413cb083cf"
PHP_URL 
"https://www.php.net/distributions/php-8.4.22.tar.xz"
PHP_VERSION 
"8.4.22"
PWD 
"/var/www/html"
QONTO_AI_HUB_LOGIN 
"startplatz-ai-hub-gmbh-7057"
QONTO_AI_HUB_SECRET_KEY 
"b6d51ce3d4af4ab46546c97233e1d296718872520d8017ef921709f5f2b62234"
QONTO_FGH_LOGIN 
"familie-graf-holding-gmbh-2881"
QONTO_FGH_SECRET_KEY 
"a966378f41e498548c27b1633fc7d345f61695b6d118fd5f269b4fe26c6c7775"
QONTO_GOLF_POST_LOGIN 
"golf-post-ag-1712"
QONTO_GOLF_POST_SECRET_KEY 
"78aad72c3d26dc74c75a1516b24381f52523f2dbbd9972ebbb095c362c9a2cb1"
QONTO_SP_CGN_LOGIN 
"startplatz-koeln-gmbh-2905"
QONTO_SP_CGN_SECRET_KEY 
"95f816a715cc5bc1f2358599caf0ca454741896a820cc9b99795f99c7bb05d49"
QONTO_SP_DUS_LOGIN 
"startplatz-duesseldorf-gmbh-3237"
QONTO_SP_DUS_SECRET_KEY 
"fc4f2b5ae4abfb6932ec66f5e20cd32d17740504838c40bf52951ec69e88aafb"
QUERY_STRING 
"_path=_format%3Dhtml%26_locale%3Den%26_controller%3DApp%255CStartPlatz%255CBundle%255CWebsiteBundle%255CController%255CDefaultController%253A%253AhomepageCssAction"
REDIRECT_STATUS 
"200"
REMOTE_ADDR 
"127.0.0.1"
REMOTE_PORT 
"40416"
REQUEST_METHOD 
"GET"
REQUEST_SCHEME 
"http"
REQUEST_TIME 
1781147709
REQUEST_TIME_FLOAT 
1781147709.2644
REQUEST_URI 
"/_fragment?_path=_format%3Dhtml%26_locale%3Den%26_controller%3DApp%255CStartPlatz%255CBundle%255CWebsiteBundle%255CController%255CDefaultController%253A%253AhomepageCssAction"
RESEND_API_KEY 
"re_gP9RoYZ9_A6AxvmtxuYTraPDMteY2VeNz"
RESEND_RECEIVING_DOMAIN 
"e2e.startplatz.de"
SCRIPT_FILENAME 
"/var/www/html/public/index.php"
SCRIPT_NAME 
"/index.php"
SERVER_ADDR 
"172.22.0.7"
SERVER_NAME 
"dev.startplatz.de"
SERVER_PORT 
"80"
SERVER_PROTOCOL 
"HTTP/1.1"
SERVER_SOFTWARE 
"nginx/1.27.5"
SHLVL 
"1"
SKOOL_INGEST_TOKEN 
"802fe57aa7a178d556ed14937253fe3ddf96834655553ad6780fadfdde8bdb11"
SLACK_BOT_TOKEN 
"xoxb-22688965603-11102474461793-c23ekshqpRpvYuNoEoP3MGfJ"
SLACK_INGEST_TOKEN 
"c6fd09306423dd490fe18f4bfcd702d672ef7dcdc157b105099a5046c9128063"
STARTPLATZ_BUILDTIME 
"001"
STARTPLATZ_DATABASE_WORDPRESS_HOST 
"startplatz-staging-mysql"
STARTPLATZ_DATABASE_WORDPRESS_NAME 
"startplatz-wordpress"
STARTPLATZ_DATABASE_WORDPRESS_PASSWORD 
"kpp8o9pWYAp2"
STARTPLATZ_DATABASE_WORDPRESS_USER 
"startplatz"
STARTPLATZ_ENVIRONMENT 
"staging.www.staging.startplatz.de"
STARTPLATZ_HOST 
"www.staging.startplatz.de"
STRIPE_LIVE_KEY_AI_HUB 
"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"
STRIPE_LIVE_KEY_ECODYNAMICS 
"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"
STRIPE_LIVE_KEY_STARTPLATZ 
"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"
STRIPE_LIVE_KEY_STARTPLATZ_DUS 
"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"
STRIPE_SK_INITIAL 
"ojWxv1978YWU"
STRIPE_TEST_KEY_AI_HUB 
"sk_test_51PmYwGDCU56CMQmgpcCdmzVTjiym8wom2WWiAAuVOUhS55972eM73wDNRDEBfGMnoLSt81yqW5CKCyraQKPDTb6y00xGk2RMpj"
STRIPE_TEST_KEY_ECODYNAMICS 
"sk_test_51PeutFFqPnUaAUP6UqT3hbkwOzm9p0bmMrYVUzb7tG9QXo44yrn9MXcG7SLClxzSk29YkkrjXq0YPRguF6EwrNfM00nUAe3oG0"
STRIPE_TEST_KEY_STARTPLATZ 
"sk_test_51O8fFSHegJLrFARiXBFfwCkkRCTyr64RpTlYx5X7FPNEKDSRhQHgb7X9WELyNzmMkMT39tavykkZbtbWDsCz0Tc800bNFXrtbH"
STRIPE_TEST_KEY_STARTPLATZ_DUS 
"sk_test_51QxQltE7CeifmjQUUi4dqtrptSM08rRKRIU9QaXWJFVByoPhOTbQPqfhJJ2VZ5ltUl6JfPxaepcckLmaACG9AYjp00o0EHUzMP"
STRIPE_WEBHOOK_SECRET 
"whsec_IhBWwzKzI6Wlarqw4pTnpaxrH7YEvNyl"
STRIPE_WEBHOOK_SECRET_AIHUB 
"whsec_yqgxxJvddBinUKIThXxoklhFvrdnOrEr"
STRIPE_WEBHOOK_SECRET_ECODYNAMICS 
"whsec_VeLsQhCBdNcOcIvwlsbuU6ckTEGJVTaN"
STRIPE_WEBHOOK_SECRET_STARTPLATZ 
"whsec_IhBWwzKzI6Wlarqw4pTnpaxrH7YEvNyl"
STRIPE_WEBHOOK_SECRET_STARTPLATZ_DUS 
"whsec_TVCR6s4R9j6LtkshVthDPjj4QHEh1XDe"
SYMFONY_DOTENV_PATH 
"/var/www/html/.env"
SYMFONY_DOTENV_VARS 
"CLOUDINARY_URL,CLOUDINARY_CLOUDNAME,CLOUDINARY_API_KEY,CLOUDINARY_API_SECRET,SESSION_SAVE_PATH,OPENAI_ORGANIZATION,OPENAI_ADMIN_KEY,ANTHROPIC_ADMIN_KEY,ANTHROPIC_API_KEY,MANDRILL_API_KEY,STATISTIC_ZAPIER_API_KEY,CRON_API_KEY,SKOOL_WEBHOOK_KI_CAMPUS,SKOOL_WEBHOOK_KI_TREFFPUNKT,TEST_DATA_PATH,PLEO_SP_CGN_TOKEN,MOSS_SP_CGN_KEY_ID,MOSS_SP_CGN_SECRET_KEY,MOSS_SP_DUS_KEY_ID,MOSS_SP_DUS_SECRET_KEY,MOSS_AI_HUB_KEY_ID,MOSS_AI_HUB_SECRET_KEY,MOSS_GOLF_POST_KEY_ID,MOSS_GOLF_POST_SECRET_KEY,MOSS_FGH_KEY_ID,MOSS_FGH_SECRET_KEY,MONSUM_WEBHOOK_USER_CGN,MONSUM_WEBHOOK_PASSWORD_CGN,MONSUM_WEBHOOK_USER_DUS,MONSUM_WEBHOOK_PASSWORD_DUS,MONSUM_WEBHOOK_USER_TESTPLATZ,MONSUM_WEBHOOK_PASSWORD_TESTPLATZ,WP_API_USERNAME,WP_API_PASSWORD,WP_API_BASE_URL,REDIS_URL,STRIPE_MODE,TYPEFORM_WEBHOOK_SECRET,META_CAPI_TEST_CODE,INSTAGRAM_ACCESS_TOKEN,INSTAGRAM_ACCOUNT_ID,LOCK_DSN"
TWILIO_ACCOUNT_SID 
"AC361123adb81224dd32caf04a6c41d9fe"
TWILIO_AUTH_TOKEN 
"35470da64905cd973456bc4e727e13c2"
USER 
"www-data"
WP_API_PROD_BASE_URL 
"https://www.startplatz.de/wp-json/wp/v2"
WP_API_PROD_PASSWORD 
"lSFFfrfi24zjRXtmqlwxWlBx"
WP_API_PROD_USERNAME 
"Allmeda"
ZERNIO_API_KEY 
"sk_6b66b9739d5e49b500f0e3e2c76fedf5f789a8aabeb73f2a607ff55ce736dc98"
argc 
0
argv 
[]

Parent Request

Return to parent request (token = 1c296c)

Key Value
_controller 
"Startplatz\Bundle\WordpressIntegrationBundle\Controller\PassthruController::passthruAction"
_firewall_context 
"security.firewall.map.context.main"
_route 
"startplatz_wordpress_passthru"
_route_params 
[
  "path" => "en/"
]
_security_authenticators 
[]
_security_firewall_run 
"_security_main"
_security_skipped_authenticators 
[
  Symfony\Component\Security\Http\Authenticator\Debug\TraceableAuthenticator {#1922
    -supports: false
    -passport: null
    -duration: null
    -stub: "App\StartPlatz\Bundle\UserBundle\Security\LoginLinkAuthenticator"
    -authenticated: null
    -exception: null
    -authenticator: App\StartPlatz\Bundle\UserBundle\Security\LoginLinkAuthenticator {#1923 …}
  }
  Symfony\Component\Security\Http\Authenticator\Debug\TraceableAuthenticator {#1920
    -supports: false
    -passport: null
    -duration: null
    -stub: "Symfony\Component\Security\Http\Authenticator\FormLoginAuthenticator"
    -authenticated: null
    -exception: null
    -authenticator: Symfony\Component\Security\Http\Authenticator\FormLoginAuthenticator {#1644 …}
  }
  Symfony\Component\Security\Http\Authenticator\Debug\TraceableAuthenticator {#1925
    -supports: false
    -passport: null
    -duration: null
    -stub: "Symfony\Component\Security\Http\Authenticator\RememberMeAuthenticator"
    -authenticated: null
    -exception: null
    -authenticator: Symfony\Component\Security\Http\Authenticator\RememberMeAuthenticator {#1926 …}
  }
]
_stopwatch_token 
"156111"
_wordpressResponse 
Symfony\Component\HttpFoundation\Response {#179
  +headers: Symfony\Component\HttpFoundation\ResponseHeaderBag {#3505 …}
  #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
        <!-- Google tag (gtag.js) -->\n
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-XYVL4EFW9X"></script>\n
        <script>\n
            window.dataLayer = window.dataLayer || [];\n
            function gtag(){dataLayer.push(arguments);}\n
            gtag('js', new Date());\n
    \n
            gtag('config', 'G-XYVL4EFW9X');\n
        </script>\n
        <!-- End Google tag -->\n
    \n
        <!-- Google Tag Manager -->\n
        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\n
                    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\n
                j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n
                'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n
            })(window,document,'script','dataLayer','GTM-5WTVWDT');</script>\n
        <!-- End Google Tag Manager -->\n
    \n
        <!-- Facebook Pixel Code -->\n
        <script>\n
            !function(f,b,e,v,n,t,s)\n
            {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n
                n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n
                if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n
                n.queue=[];t=b.createElement(e);t.async=!0;\n
                t.src=v;s=b.getElementsByTagName(e)[0];\n
                s.parentNode.insertBefore(t,s)}(window,document,'script',\n
                'https://connect.facebook.net/en_US/fbevents.js');\n
            fbq('init', '767917863396798');\n
            fbq('track', 'PageView');\n
        </script>\n
        <noscript>\n
            <img height="1" width="1"\n
                 src="https://www.facebook.com/tr?id=767917863396798&ev=PageView&noscript=1"/>\n
        </noscript>\n
        <!-- End Facebook Pixel Code -->\n
    \n
        <!-- wp_head starts -->\n
        <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />\n
    \n
    \t<!-- This site is optimized with the Yoast SEO Premium plugin v27.6 (Yoast SEO v27.6) - https://yoast.com/product/yoast-seo-premium-wordpress/ -->\n
    \t<title>STARTPLATZ: the hotspot of the NRW Startup-Scene - STARTPLATZ</title>\n
    \t<link rel="canonical" href="https://www.staging.startplatz.de/en/" />\n
    \t<meta property="og:locale" content="de_DE" />\n
    \t<meta property="og:type" content="article" />\n
    \t<meta property="og:title" content="STARTPLATZ: the hotspot of the NRW Startup-Scene" />\n
    \t<meta property="og:description" content="Coworking Conference Rooms AI Hub Programs Events About DE / EN / FR Login Become a member Spaces Coworking Flexible workspaces in Cologne &amp; Düsseldorf Team offices Private offices for 2–30 people Business address Professional address + mail service Book Book a tour Drop by &amp; take a look Locations Cologne Mediapark Düsseldorf Medienhafen Book [&hellip;]" />\n
    \t<meta property="og:url" content="https://www.staging.startplatz.de/en/" />\n
    \t<meta property="og:site_name" content="STARTPLATZ" />\n
    \t<meta property="article:modified_time" content="2026-06-08T11:23:19+00:00" />\n
    \t<meta property="og:image" content="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_360/v1614775778/logos/STARTPLATZ_Logos/STARTPLATZ_Logo_wei%C3%9F.png" />\n
    \t<meta name="twitter:label1" content="Geschätzte Lesezeit" />\n
    \t<meta name="twitter:data1" content="10\u{A0}Minuten" />\n
    \t<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.staging.startplatz.de\/en\/","url":"https:\/\/www.staging.startplatz.de\/en\/","name":"STARTPLATZ: the hotspot of the NRW Startup-Scene - STARTPLATZ","isPartOf":{"@id":"https:\/\/www.staging.startplatz.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.staging.startplatz.de\/en\/#primaryimage"},"image":{"@id":"https:\/\/www.staging.startplatz.de\/en\/#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/startplatz\/image\/upload\/c_scale,q_auto,w_360\/v1614775778\/logos\/STARTPLATZ_Logos\/STARTPLATZ_Logo_wei%C3%9F.png","datePublished":"2016-06-25T16:19:33+00:00","dateModified":"2026-06-08T11:23:19+00:00","breadcrumb":{"@id":"https:\/\/www.staging.startplatz.de\/en\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.staging.startplatz.de\/en\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.staging.startplatz.de\/en\/#primaryimage","url":"https:\/\/res.cloudinary.com\/startplatz\/image\/upload\/c_scale,q_auto,w_360\/v1614775778\/logos\/STARTPLATZ_Logos\/STARTPLATZ_Logo_wei%C3%9F.png","contentUrl":"https:\/\/res.cloudinary.com\/startplatz\/image\/upload\/c_scale,q_auto,w_360\/v1614775778\/logos\/STARTPLATZ_Logos\/STARTPLATZ_Logo_wei%C3%9F.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.staging.startplatz.de\/en\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.staging.startplatz.de\/"},{"@type":"ListItem","position":2,"name":"STARTPLATZ: the hotspot of the NRW Startup-Scene"}]},{"@type":"WebSite","@id":"https:\/\/www.staging.startplatz.de\/#website","url":"https:\/\/www.staging.startplatz.de\/","name":"STARTPLATZ","description":"Startup Inkubator in Köln und Düsseldorf","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.staging.startplatz.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}</script>\n
    \t<!-- / Yoast SEO Premium plugin. -->\n
    \n
    \n
    <link rel='dns-prefetch' href='//www.staging.startplatz.de' />\n
    <link rel="alternate" type="application/rss+xml" title="STARTPLATZ &raquo; Feed" href="https://www.staging.startplatz.de/feed/" />\n
    <link rel="alternate" type="application/rss+xml" title="STARTPLATZ &raquo; Kommentar-Feed" href="https://www.staging.startplatz.de/comments/feed/" />\n
    <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.staging.startplatz.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.staging.startplatz.de%2Fen%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%2F&#038;format=xml" />\n
    <style id='wp-img-auto-sizes-contain-inline-css' type='text/css'>\n
    img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}\n
    /*# sourceURL=wp-img-auto-sizes-contain-inline-css */\n
    </style>\n
    <style id='wp-emoji-styles-inline-css' type='text/css'>\n
    \n
    \timg.wp-smiley, img.emoji {\n
    \t\tdisplay: inline !important;\n
    \t\tborder: none !important;\n
    \t\tbox-shadow: none !important;\n
    \t\theight: 1em !important;\n
    \t\twidth: 1em !important;\n
    \t\tmargin: 0 0.07em !important;\n
    \t\tvertical-align: -0.1em !important;\n
    \t\tbackground: none !important;\n
    \t\tpadding: 0 !important;\n
    \t}\n
    /*# sourceURL=wp-emoji-styles-inline-css */\n
    </style>\n
    <style id='wp-block-library-inline-css' type='text/css'>\n
    :root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}\n
    /*wp_block_styles_on_demand_placeholder:6a2a283d718b1*/\n
    /*# sourceURL=wp-block-library-inline-css */\n
    </style>\n
    <style id='classic-theme-styles-inline-css' type='text/css'>\n
    /*! This file is auto-generated */\n
    .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}\n
    /*# sourceURL=/wp-includes/css/classic-themes.min.css */\n
    </style>\n
    <link rel='stylesheet' id='mc4wp-form-styles-builder-css' href='//www.staging.startplatz.de/wp-content/uploads/mc4wp-stylesheets/bundle.css?ver=1649164263' type='text/css' media='all' />\n
    <link rel="https://api.w.org/" href="https://www.staging.startplatz.de/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.staging.startplatz.de/wp-json/wp/v2/pages/35826" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.staging.startplatz.de/xmlrpc.php?rsd" />\n
    <meta name="generator" content="WordPress 6.9.4" />\n
    <link rel='shortlink' href='https://www.staging.startplatz.de/?p=35826' />\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
    <style>\n
    \n
    \n
    #imgNav {\n
        height: 45px;\n
        width: 45px;\n
    \n
    }\n
    #imgNav img {\n
        object-fit: cover;\n
    }\n
    \n
    .navbar-collapse .navbar-nav .nav-item a:hover {\n
        background-color: #aacf61ff;\n
        color: #000000;\n
        border-radius: 5px;\n
    \n
    }\n
    \n
    .logo {\n
        font-weight: bolder;\n
        font-size: 1.5rem;\n
    }\n
    \n
    .navbar-nav .nav-item .dropdown-menu {\n
        border: none;\n
        background-color: #eae9e9;\n
    }\n
    \n
    #userNamePlaceHolder {\n
        background-color: rgba(170, 207, 97, 0.6);\n
    }\n
    .navbar-nav .nav-item .dropdown-menu a:hover {\n
        border-radius: 0;\n
    \n
    }\n
    \n
    \n
    .navbar-nav .nav-item .loginlink {\n
        background-color:#aacf61ff;\n
    }\n
    .navbar-collapse .navbar-nav .nav-item .loginlink:hover {\n
        background-color:#7ab800;\n
    }\n
    \n
    @media all and (min-width: 992px) {\n
        .navbar .dropdown-menu-end{ right:0; left: auto;  }\n
        .navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.1s; margin-top:0;  }\n
        .navbar .nav-item:hover .nav-link{ color: #000000;  }\n
        .navbar .dropdown-menu.fade-down {\n
            top:80%; transform: rotateX(-75deg); transform-origin: 0 0;\n
        }\n
        .navbar .dropdown-menu.fade-up{ top:180%;  }\n
        .navbar .nav-item:hover .dropdown-menu{transition: 0.1s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }\n
    }\n
    @media (max-width: 768px ) {\n
        .collapse {\n
            height: 100vh;\n
            transition: 0.5s; opacity: 1; visibility: visible; top: 100%; transform: rotateX(0deg);\n
        }\n
    \n
    \n
    }\n
    \n
    .highlight {\n
        border-bottom: 3px solid #AACF61;\n
    }\n
    \n
    .padding-bottom {\n
        padding-bottom: 2px;\n
    }\n
    </style>\n
    \n
    <style>\n
        .ai-hub-link:hover {\n
            color: black; /* Textfarbe beim Hover */\n
        }\n
    </style>\n
    \n
    \n
    \n
    <nav class="navbar navbar-dark bg-dark navbar-expand-lg fixed-top shadow-lg padding-bottom d-flex justify-content-lg-center">\n
            <a class="logo navbar-brand text-center mr-2 mr-lg-4" href="https://www.startplatz.de" rel="tooltip" title="Home for the innovative people in Rheinland" data-placement="bottom" >\n
                <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,w_107/v1614775778/logos/STARTPLATZ_Logos/STARTPLATZ_Logo_wei%C3%9F.png" class="p-0 m-0">\n
            </a>\n
    \n
            <button class="navbar-toggler " type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navbarSupportedContent-3" aria-expanded="false" aria-label="Toggle navigation">\n
                <span class="navbar-toggler-icon"></span>\n
            </button>\n
    \n
            <div class="collapse navbar-collapse mt-1" id="navigation" style="font-size: 0.9rem; max-width:920px" >\n
                    <ul class="navbar-nav mr-3">\n
                        \n
                        <li class="nav-item active mb-2 mt-2 mr-1 ml-0 mr-2">\n
                            <a class="nav-link px-2" style="background-color: rgba(142,86,255,1.0); border-radius: 10px; min-width:75px; display: inline-block; text-align: center; white-space: nowrap;" href="https://startplatz-ai-academy.de/">\n
                                AI Academy\n
                            </a>\n
                        </li>\n
    \n
                        <li class="nav-item dropdown active  mt-2 mr-2">\n
                            <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
                                Startups\n
                            </a>\n
                            <div class="dropdown-menu dropdown-menu-left" aria-labelledby="navbarDropdownMenuLink">\n
                                <hr class="my-2 mx-3">\n
                                <a class="dropdown-item" href="/en/memberships">\n
                                    Memberships\n
                                </a>\n
                                <hr class="my-2 mx-3">\n
                                <a class="dropdown-item" href="/accelerator/">\n
                                    Accelerator\n
                                </a>\n
                                <a class="dropdown-item" href="https://www.rheinlandpitch.de">\n
                                    Rheinland Pitch\n
                                </a>\n
                                <a class="dropdown-item" href="/open-accelerator">\n
                                    Inkubator\n
                                </a>\n
                                \n
                            </div>\n
                        </li>\n
    \n
    \n
                        <li class="nav-item dropdown active  mt-2 mr-2\n
                                                                                       ">\n
                            <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
                                Corporates\n
                            </a>\n
                            <div class="dropdown-menu dropdown-menu-left" aria-labelledby="navbarDropdownMenuLink">\n
                                                            <a class="dropdown-item" href="/en/corporate-innovation">\n
                                    Innovation &amp; Partnerships\n
                                </a>\n
                                <a class="dropdown-item" href="/en">\n
                                    AI Training\n
                                </a>\n
                            </div>\n
                        </li>\n
    \n
                        <li class="nav-item dropdown active  mt-2 mr-2">\n
                            <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
                                Offices / Coworking\n
                            </a>\n
                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">\n
                                <a class="dropdown-item" href="/en/offices-cologne">\n
                                    Offices in Cologne\n
                                </a>\n
                                <a class="dropdown-item" href="/en/offices-duesseldorf">\n
                                    Offices in Düsseldorf\n
                                </a>\n
                                <a class="dropdown-item" href="/en/coworking-cologne">\n
                                    Coworking in Cologne\n
                                </a>\n
                                <a class="dropdown-item" href="/en/coworking-duesseldorf">\n
                                    Coworking in Düsseldorf\n
                                </a>\n
                                <a class="dropdown-item" href="/en/business-address-cologne">\n
                                    Business Address Cologne\n
                                </a>\n
                                <a class="dropdown-item" href="/en/business-address-duesseldorf">\n
                                    Business Address Düsseldorf\n
                                </a>\n
                            </div>\n
                        </li>\n
    \n
    \n
                        <li class="nav-item dropdown active  mt-2 mr-2">\n
                            <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
                                Conference rooms\n
                            </a>\n
                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">\n
                                <a class="dropdown-item" href="/en/koeln-conference-and-meeting-rooms">\n
                                    Conference rooms Köln\n
                                </a>\n
                                <a class="dropdown-item" href="/en/duesseldorf-conference-and-meeting-rooms">\n
                                    Conference rooms Düsseldorf\n
                                </a>\n
    \n
                            </div>\n
                        </li>\n
    \n
    \n
                        <li class="nav-item active mt-2 mr-2\n
                                    ">\n
                            <a href="/en/events" class="nav-link px-2">\n
                                Events\n
                            </a>\n
                        </li>\n
    \n
    \n
                        <li class="nav-item dropdown active  mt-2 mr-2\n
                                                                                        ">\n
                            <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
                                About us\n
                            </a>\n
                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">\n
                                <a class="dropdown-item" href="/en/about-us">\n
                                    About STARTPLATZ\n
                                </a>\n
                                <a class="dropdown-item" href="/en/locations">\n
                                    Locations\n
                                </a>\n
                                <a class="dropdown-item" href="/en/startplatz-team">\n
                                    STARTPLATZ Team\n
                                </a>\n
                                <a class="dropdown-item" href="/en/partner">\n
                                    Partner\n
                                </a>\n
                                <a class="dropdown-item" href="/en/startups">\n
                                    Our startups\n
                                </a>\n
                                <a class="dropdown-item" href="/en/references">\n
                                    References\n
                                </a>\n
                                <a class="dropdown-item" href="/en/career">\n
                                    Career\n
                                </a>\n
    \n
                            </div>\n
                        </li>\n
    \n
                        <li class="nav-item active  mt-2 mr-2">\n
                            <a class="nav-link px-2" href="/blog">\n
                                Blog\n
                            </a>\n
                        </li>\n
    \n
                        <li class="nav-item mt-2 mr-2">\n
                        <link href="https://fonts.googleapis.com/icon?family=Material+Icons%7CMaterial+Icons+Outlined" rel="stylesheet">\n
    <li class="nav-item dropdown active  mt-2 mr-2">\n
        <a href="#" class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
            <span class="material-icons-outlined" style="font-size:20px; vertical-align: bottom; color:white">\n
            language\n
            </span>\n
        </a>\n
        <div class="dropdown-menu" style="width:70px; min-width:70px;" aria-labelledby="navbarDropdownMenuLink">\n
                                <a class="dropdown-item" href="/">\n
                    <img src="/bundles/startplatzstyle/images/german_language.png" height="20px;" alt="Deutsch">\n
                </a>\n
            \n
                                            <a class="dropdown-item" href="/en">\n
                    <img src="/bundles/startplatzstyle/images/english_language.png" height="20px;" alt="English">\n
                </a>\n
            \n
                                <a class="dropdown-item" href="/fr/">\n
                    <img src="/bundles/startplatzstyle/images/french_language.png" height="20px;" alt="Français">\n
                </a>\n
                </div>\n
    </li>\n
                        </li>\n
    \n
                                                <li class="nav-item active p-0 m-0 ml-lg-4 mt-2">\n
                                <a class="nav-link px-3"\n
                                   style="background-color:#7ab800; border-radius: 5px;"\n
                                   href="/login/">\n
                                    Login\n
                                </a>\n
                            </li>\n
                                        </ul>\n
            </div>\n
    </nav>\n
    \n
    <!-- homepage nav.homepage.bootstrap4 ends -->\n
        <!-- menu ends -->\n
    \n
        <!-- 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
        <!-- STARTPLATZ EN Homepage mobile-fix 2026-05-21 — section-title nowrap override -->\n
    <style>\n
    :root {\n
        --sp-green: #7ab800;\n
        --sp-green-dark: #5a8a00;\n
        --sp-blue: #0080bb;\n
        --sp-blue-dark: #006699;\n
        --sp-gray: #525459;\n
        --sp-graphit: #2a2c30;\n
        --sp-warm: #f3f1ec;\n
        --sp-gray-light: #f5f6f7;\n
        --sp-gray-mid: #e2e3e5;\n
        --serif: 'DM Serif Display', Georgia, serif;\n
        --sans: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, sans-serif;\n
        --mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;\n
    }\n
    * { margin: 0; padding: 0; box-sizing: border-box; }\n
    html { scroll-behavior: smooth; }\n
    body {\n
        font-family: var(--sans);\n
        color: var(--sp-gray);\n
        line-height: 1.5;\n
        -webkit-font-smoothing: antialiased;\n
        background: #fff;\n
    }\n
    a { color: inherit; text-decoration: none; }\n
    img { max-width: 100%; display: block; }\n
    button { font: inherit; cursor: pointer; border: none; background: none; }\n
    .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; }\n
    \n
    /* === MEGA MENU === */\n
    .megamenu {\n
        position: fixed;\n
        top: 0; left: 0; right: 0;\n
        z-index: 100;\n
        transition: background 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease, color 0.4s ease;\n
    }\n
    .megamenu.is-transparent {\n
        background: linear-gradient(180deg, rgba(0,0,0,0.25), transparent);\n
        color: white;\n
    }\n
    .megamenu.is-solid {\n
        background: rgba(255,255,255,0.97);\n
        color: var(--sp-graphit);\n
        box-shadow: 0 1px 0 var(--sp-gray-mid), 0 6px 20px -10px rgba(0,0,0,0.08);\n
    }\n
    .megamenu-bar {\n
        display: flex;\n
        align-items: center;\n
        justify-content: space-between;\n
        height: 76px;\n
        padding: 0 32px;\n
        max-width: 1440px;\n
        margin: 0 auto;\n
    }\n
    .megamenu-logo {\n
        flex-shrink: 0;\n
        display: flex;\n
        align-items: center;\n
        height: 40px;\n
    }\n
    .megamenu-logo img {\n
        height: 36px;\n
        width: auto;\n
        transition: opacity 0.25s ease;\n
    }\n
    .megamenu-logo .logo-light { display: block; }\n
    .megamenu-logo .logo-dark { display: none; }\n
    .megamenu.is-solid .megamenu-logo .logo-light { display: none; }\n
    .megamenu.is-solid .megamenu-logo .logo-dark { display: block; }\n
    .megamenu-nav {\n
        display: flex;\n
        gap: 4px;\n
        list-style: none;\n
    }\n
    .megamenu-link {\n
        padding: 12px 18px;\n
        font-weight: 500;\n
        font-size: 16px;\n
        border-radius: 8px;\n
        transition: background 0.2s ease;\n
        cursor: pointer;\n
        display: flex;\n
        align-items: center;\n
        gap: 6px;\n
    }\n
    .megamenu.is-transparent .megamenu-link:hover {\n
        background: rgba(255,255,255,0.1);\n
    }\n
    .megamenu.is-solid .megamenu-link:hover {\n
        background: var(--sp-gray-light);\n
    }\n
    .megamenu-link[aria-expanded="true"] {\n
        background: var(--sp-gray-light) !important;\n
        color: var(--sp-graphit) !important;\n
    }\n
    .megamenu-link::after {\n
        content: "";\n
        display: inline-block;\n
        width: 8px; height: 8px;\n
        border-right: 2px solid currentColor;\n
        border-bottom: 2px solid currentColor;\n
        transform: rotate(45deg);\n
        margin-left: 4px;\n
        margin-top: -4px;\n
        opacity: 0.6;\n
    }\n
    .megamenu-actions {\n
        display: flex;\n
        align-items: center;\n
        gap: 16px;\n
    }\n
    .megamenu-lang {\n
        font-size: 13px;\n
        letter-spacing: 1px;\n
        opacity: 0.7;\n
    }\n
    .megamenu-login {\n
        font-size: 14px;\n
        font-weight: 600;\n
    }\n
    .megamenu-cta {\n
        background: var(--sp-green);\n
        color: white !important;\n
        padding: 12px 22px;\n
        border-radius: 999px;\n
        font-weight: 700;\n
        font-size: 14px;\n
        transition: background 0.2s ease, transform 0.2s ease;\n
    }\n
    .megamenu-cta:hover {\n
        background: var(--sp-green-dark);\n
        transform: translateY(-1px);\n
    }\n
    .megamenu-burger {\n
        display: none;\n
        width: 40px; height: 40px;\n
        border-radius: 8px;\n
        align-items: center;\n
        justify-content: center;\n
    }\n
    .megamenu-burger span,\n
    .megamenu-burger span::before,\n
    .megamenu-burger span::after {\n
        display: block;\n
        width: 22px; height: 2px;\n
        background: currentColor;\n
        position: relative;\n
    }\n
    .megamenu-burger span::before { content: ""; position: absolute; top: -7px; }\n
    .megamenu-burger span::after { content: ""; position: absolute; top: 7px; }\n
    \n
    /* Mega Panel */\n
    .megamenu-panel {\n
        display: none;\n
        position: absolute;\n
        top: 76px; left: 0; right: 0;\n
        background: white;\n
        color: var(--sp-graphit);\n
        border-top: 1px solid var(--sp-gray-mid);\n
        box-shadow: 0 24px 40px -20px rgba(0,0,0,0.2);\n
        padding: 48px 32px 56px;\n
    }\n
    .megamenu-panel.is-open { display: block; }\n
    .megamenu-panel-grid {\n
        max-width: 1280px;\n
        margin: 0 auto;\n
        display: grid;\n
        grid-template-columns: 1fr 1fr 1fr 1.2fr;\n
        gap: 56px;\n
    }\n
    .megamenu-panel-col h4 {\n
        font-family: var(--sans);\n
        font-size: 12px;\n
        font-weight: 700;\n
        letter-spacing: 2px;\n
        text-transform: uppercase;\n
        color: var(--sp-gray);\n
        margin-bottom: 20px;\n
        display: flex;\n
        align-items: center;\n
        gap: 8px;\n
    }\n
    .megamenu-panel-col.is-highlight h4 {\n
        color: var(--sp-graphit);\n
    }\n
    .megamenu-panel-col.is-highlight h4::before {\n
        content: "";\n
        width: 6px; height: 6px;\n
        border-radius: 50%;\n
        background: var(--sp-green);\n
        box-shadow: 0 0 0 3px rgba(122,184,0,0.25);\n
        flex-shrink: 0;\n
    }\n
    .megamenu-panel-col.is-highlight {\n
        background: var(--sp-warm);\n
        margin: -20px -16px;\n
        padding: 24px 16px;\n
        border-radius: 12px;\n
        border: 1px solid rgba(122,184,0,0.3);\n
        position: relative;\n
    }\n
    .megamenu-panel-col.is-highlight::after {\n
        content: "Highlight";\n
        position: absolute;\n
        top: -10px; right: 12px;\n
        background: var(--sp-green);\n
        color: white;\n
        font-size: 10px;\n
        font-weight: 700;\n
        letter-spacing: 1.5px;\n
        padding: 4px 10px;\n
        border-radius: 999px;\n
        text-transform: uppercase;\n
    }\n
    .megamenu-panel-col ul { list-style: none; }\n
    .megamenu-panel-col li { margin-bottom: 16px; }\n
    .megamenu-panel-col a {\n
        display: block;\n
        font-weight: 600;\n
        font-size: 16px;\n
        color: var(--sp-graphit);\n
        transition: color 0.2s ease, transform 0.2s ease;\n
    }\n
    .megamenu-panel-col a:hover {\n
        color: var(--sp-green);\n
        transform: translateX(3px);\n
    }\n
    .megamenu-panel-col a small {\n
        display: block;\n
        font-weight: 400;\n
        font-size: 13px;\n
        color: var(--sp-gray);\n
        margin-top: 2px;\n
    }\n
    /* Top entry per panel: larger, serif, with green arrow accent and divider */\n
    .megamenu-panel-col li.is-featured {\n
        margin-bottom: 22px;\n
        padding-bottom: 22px;\n
        border-bottom: 1px solid var(--sp-gray-mid);\n
    }\n
    .megamenu-panel-col li.is-featured a {\n
        font-family: var(--serif);\n
        font-size: 22px;\n
        font-weight: 400;\n
        line-height: 1.2;\n
        letter-spacing: -0.01em;\n
    }\n
    .megamenu-panel-col li.is-featured a::after {\n
        content: " →";\n
        color: var(--sp-green);\n
        font-weight: 700;\n
        font-family: var(--sans);\n
    }\n
    .megamenu-panel-col li.is-featured a small {\n
        font-family: var(--sans);\n
        font-size: 13px;\n
        margin-top: 6px;\n
    }\n
    .megamenu-panel-feature {\n
        background: var(--sp-warm);\n
        border-radius: 12px;\n
        padding: 28px;\n
        border-left: 4px solid var(--sp-green);\n
    }\n
    .megamenu-panel-feature h5 {\n
        font-family: var(--serif);\n
        font-size: 24px;\n
        color: var(--sp-graphit);\n
        margin-bottom: 8px;\n
        line-height: 1.2;\n
    }\n
    .megamenu-panel-feature p {\n
        font-size: 14px;\n
        color: var(--sp-gray);\n
        margin-bottom: 16px;\n
    }\n
    .megamenu-panel-feature .arrow {\n
        font-weight: 700;\n
        color: var(--sp-green);\n
    }\n
    .wip-badge {\n
        display: inline-block;\n
        margin-left: 8px;\n
        font-size: 10px;\n
        letter-spacing: 1px;\n
        text-transform: uppercase;\n
        color: var(--sp-gray);\n
        background: var(--sp-gray-mid);\n
        padding: 2px 7px;\n
        border-radius: 999px;\n
        font-weight: 600;\n
        vertical-align: middle;\n
    }\n
    a.is-wip { opacity: 0.7; cursor: not-allowed; }\n
    a.is-wip:hover { color: inherit !important; transform: none !important; }\n
    .is-live::after {\n
        content: "↗";\n
        display: inline-block;\n
        margin-left: 5px;\n
        color: var(--sp-gray);\n
        font-size: 11px;\n
        opacity: 0.6;\n
    }\n
    \n
    /* === HERO === */\n
    .hero {\n
        background:\n
            linear-gradient(110deg, rgba(255,255,255,0.96) 0%, rgba(255,255,255,0.92) 50%, rgba(243,241,236,0.85) 100%),\n
            url('https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_2000/v1614775944/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/STARTPLATZ_Atmospa%CC%88he45.jpg') center/cover no-repeat;\n
        color: var(--sp-graphit);\n
        padding: 80px 0 100px;\n
        min-height: auto;\n
        display: flex;\n
        flex-direction: column;\n
        justify-content: flex-start;\n
        position: relative;\n
        overflow: hidden;\n
    }\n
    .hero::before {\n
        content: "";\n
        position: absolute;\n
        top: 0; right: 0; bottom: 0;\n
        width: 55%;\n
        background: linear-gradient(135deg, transparent, rgba(122,184,0,0.08) 60%, rgba(0,128,187,0.10));\n
        clip-path: polygon(35% 0, 100% 0, 100% 100%, 0 100%);\n
        pointer-events: none;\n
    }\n
    .hero::after {\n
        content: "";\n
        position: absolute;\n
        inset: 0;\n
        background: radial-gradient(ellipse at 80% 20%, rgba(122,184,0,0.05), transparent 60%);\n
        pointer-events: none;\n
    }\n
    .hero-content {\n
        position: relative;\n
        max-width: 1280px;\n
        margin: 0 auto;\n
        padding: 0 32px;\n
        display: grid;\n
        grid-template-columns: 1.5fr 1fr;\n
        gap: 128px;\n
        align-items: center;\n
    }\n
    .hero-text { max-width: 100%; }\n
    .hero-eyebrow {\n
        display: block;\n
        font-family: var(--mono);\n
        font-size: 15px;\n
        font-weight: 700;\n
        letter-spacing: 2px;\n
        color: var(--sp-green);\n
        margin-bottom: 24px;\n
    }\n
    @keyframes pulse {\n
        0%, 100% { box-shadow: 0 0 0 4px rgba(122,184,0,0.25); }\n
        50% { box-shadow: 0 0 0 8px rgba(122,184,0,0.05); }\n
    }\n
    .hero h1 {\n
        font-family: var(--serif);\n
        font-size: clamp(48px, 6.2vw, 84px);\n
        line-height: 1.05;\n
        margin-bottom: 28px;\n
        max-width: none;\n
        letter-spacing: -0.02em;\n
        white-space: nowrap;\n
    }\n
    .hero h1 em {\n
        color: var(--sp-green);\n
        font-style: italic;\n
    }\n
    .hero h1 em.hero-ai {\n
        color: #7c3aed;\n
    }\n
    .hero-sub em {\n
        color: #7c3aed;\n
        font-style: normal;\n
        font-weight: 600;\n
    }\n
    .hero-sub {\n
        font-size: 22px;\n
        color: var(--sp-gray);\n
        max-width: 48ch;\n
        line-height: 1.5;\n
        margin-bottom: 0;\n
    }\n
    .hero-sub + .hero-sub {\n
        margin-top: 1.2em;\n
    }\n
    .hero-pills {\n
        list-style: none;\n
        padding: 0;\n
        margin: 1.4em 0;\n
        display: flex;\n
        flex-wrap: wrap;\n
        gap: 0 18px;\n
    }\n
    .hero-pills li {\n
        font-family: var(--mono);\n
        font-size: 13px;\n
        font-weight: 600;\n
        letter-spacing: 1.5px;\n
        text-transform: uppercase;\n
        color: var(--sp-graphit);\n
        display: inline-flex;\n
        align-items: center;\n
    }\n
    .hero-pills li:not(:last-child)::after {\n
        content: '·';\n
        margin-left: 18px;\n
        color: var(--sp-gray-mid);\n
        font-weight: 400;\n
    }\n
    .hero-pills li.hero-pill-ai {\n
        color: #7c3aed;\n
    }\n
    .hero-stats {\n
        display: flex;\n
        flex-direction: column;\n
        gap: 28px;\n
        padding-left: 48px;\n
        border-left: 1px solid var(--sp-gray-mid);\n
        align-self: stretch;\n
        justify-content: center;\n
    }\n
    .hero-stat-num {\n
        font-family: var(--serif);\n
        font-size: clamp(34px, 3.6vw, 52px);\n
        line-height: 1;\n
        color: var(--sp-graphit);\n
        margin-bottom: 8px;\n
        letter-spacing: -0.01em;\n
    }\n
    .hero-stat-num em {\n
        color: var(--sp-green);\n
        font-style: normal;\n
    }\n
    .hero-stat-label {\n
        font-family: var(--mono);\n
        font-size: 13px;\n
        letter-spacing: 1.5px;\n
        text-transform: uppercase;\n
        color: var(--sp-gray);\n
        font-weight: 700;\n
        line-height: 1.3;\n
    }\n
    .scroll-indicator {\n
        position: absolute;\n
        left: 50%;\n
        bottom: 40px;\n
        transform: translateX(-50%);\n
        display: inline-flex;\n
        flex-direction: column;\n
        align-items: center;\n
        gap: 10px;\n
        text-decoration: none;\n
        color: var(--sp-gray);\n
        font-family: var(--mono);\n
        font-size: 11px;\n
        font-weight: 700;\n
        letter-spacing: 2px;\n
        text-transform: uppercase;\n
        opacity: 0.7;\n
        transition: opacity 0.25s ease, transform 0.25s ease;\n
    }\n
    .scroll-indicator:hover { opacity: 1; transform: translate(-50%, 4px); }\n
    .scroll-indicator-arrow {\n
        display: inline-flex;\n
        align-items: center;\n
        justify-content: center;\n
        width: 38px; height: 38px;\n
        border: 1.5px solid currentColor;\n
        border-radius: 50%;\n
        font-size: 16px;\n
        animation: scroll-bounce 2s ease-in-out infinite;\n
    }\n
    @keyframes scroll-bounce {\n
        0%, 100% { transform: translateY(0); }\n
        50% { transform: translateY(5px); }\n
    }\n
    \n
    /* === BANNER (Dynamic content slot between Hero and Products) === */\n
    .banner {\n
        background: var(--sp-graphit);\n
        color: white;\n
        padding: 28px 0;\n
        border-top: 3px solid var(--sp-green);\n
        border-bottom: 1px solid rgba(255,255,255,0.08);\n
        position: relative;\n
        overflow: hidden;\n
    }\n
    .banner::before {\n
        content: "";\n
        position: absolute;\n
        top: 0; left: 0;\n
        width: 60%;\n
        height: 100%;\n
        background: radial-gradient(ellipse at 15% 50%, rgba(122,184,0,0.12) 0%, transparent 65%);\n
        pointer-events: none;\n
    }\n
    .banner-inner {\n
        display: grid;\n
        grid-template-columns: auto 1fr auto;\n
        gap: 32px;\n
        align-items: center;\n
        max-width: 1480px;\n
        margin: 0 auto;\n
        padding: 0 40px;\n
        position: relative;\n
        z-index: 1;\n
    }\n
    .banner-label {\n
        display: flex;\n
        align-items: center;\n
        gap: 12px;\n
        font-family: var(--mono);\n
        font-size: 12px;\n
        letter-spacing: 2.5px;\n
        text-transform: uppercase;\n
        color: var(--sp-green);\n
        font-weight: 700;\n
    }\n
    .banner-label::before {\n
        content: "";\n
        width: 10px; height: 10px;\n
        border-radius: 50%;\n
        background: var(--sp-green);\n
        box-shadow: 0 0 0 5px rgba(122,184,0,0.30), 0 0 14px rgba(122,184,0,0.5);\n
        animation: pulse 2.5s ease-in-out infinite;\n
    }\n
    .banner-items {\n
        display: flex;\n
        gap: 0;\n
        overflow: hidden;\n
    }\n
    .banner-item {\n
        flex: 1;\n
        padding: 0 28px;\n
        border-left: 1px solid rgba(255,255,255,0.12);\n
        text-decoration: none;\n
        color: inherit;\n
        min-width: 0;\n
        transition: opacity 0.2s ease;\n
    }\n
    .banner-item:first-child { border-left: none; padding-left: 0; }\n
    .banner-item:hover { opacity: 0.85; }\n
    .banner-item-meta {\n
        font-family: var(--mono);\n
        font-size: 10px;\n
        letter-spacing: 1.5px;\n
        text-transform: uppercase;\n
        color: rgba(255,255,255,0.55);\n
        font-weight: 700;\n
        margin-bottom: 4px;\n
    }\n
    .banner-item-title {\n
        font-size: 15px;\n
        font-weight: 600;\n
        color: white;\n
        line-height: 1.3;\n
        overflow: hidden;\n
        text-overflow: ellipsis;\n
        white-space: nowrap;\n
    }\n
    .banner-item-title em {\n
        color: var(--sp-green);\n
        font-style: normal;\n
    }\n
    .banner-all {\n
        font-size: 12px;\n
        color: var(--sp-green);\n
        font-weight: 700;\n
        letter-spacing: 1px;\n
        text-transform: uppercase;\n
        text-decoration: none;\n
        border: 1px solid var(--sp-green);\n
        padding: 8px 14px;\n
        border-radius: 999px;\n
        transition: background 0.2s ease, color 0.2s ease;\n
        flex-shrink: 0;\n
    }\n
    .banner-all:hover { background: var(--sp-green); color: white; }\n
    @media (max-width: 980px) {\n
        .banner-inner { grid-template-columns: 1fr; gap: 18px; padding: 16px 24px; }\n
        .banner-items { flex-direction: column; gap: 14px; }\n
        .banner-item { border-left: none; border-top: 1px solid rgba(255,255,255,0.12); padding: 14px 0 0; }\n
        .banner-item:first-child { border-top: none; padding-top: 0; }\n
        .banner-item-title { white-space: normal; }\n
    }\n
    \n
    /* Product Cards — Tiles with image + description + CTA (Bottom-of-Hero pattern) */\n
    .products-section {\n
        background: var(--sp-warm);\n
        padding: 100px 0 100px;\n
    }\n
    .products-section .container { padding-bottom: 56px; }\n
    .products-section .section-title { max-width: 28ch; }\n
    .products-grid {\n
        display: grid;\n
        grid-template-columns: repeat(6, 1fr);\n
        gap: 16px;\n
        max-width: 1480px;\n
        margin: 0 auto;\n
        padding: 0 40px;\n
    }\n
    .product {\n
        display: flex;\n
        flex-direction: column;\n
        background: white;\n
        border-radius: 8px;\n
        overflow: hidden;\n
        text-decoration: none;\n
        color: inherit;\n
        box-shadow: 0 2px 8px -2px rgba(0,0,0,0.08);\n
        transition: transform 0.25s ease, box-shadow 0.25s ease;\n
    }\n
    .product:hover {\n
        transform: translateY(-4px);\n
        box-shadow: 0 20px 40px -16px rgba(0,0,0,0.20);\n
    }\n
    .product-tile {\n
        color: white;\n
        padding: 26px 26px;\n
        font-family: var(--sans);\n
        font-weight: 700;\n
        font-size: 15px;\n
        letter-spacing: 1.8px;\n
        text-transform: uppercase;\n
        min-height: 92px;\n
        display: flex;\n
        align-items: center;\n
        justify-content: space-between;\n
        line-height: 1.15;\n
        gap: 10px;\n
    }\n
    .product-tile::after {\n
        content: "→";\n
        font-size: 18px;\n
        opacity: 0.7;\n
        flex-shrink: 0;\n
        transition: transform 0.2s ease, opacity 0.2s ease;\n
    }\n
    .product:hover .product-tile::after { transform: translateX(3px); opacity: 1; }\n
    .product-image {\n
        aspect-ratio: 5 / 4;\n
        background: var(--sp-gray-light);\n
        overflow: hidden;\n
    }\n
    .product-image img {\n
        width: 100%;\n
        height: 100%;\n
        object-fit: cover;\n
        transition: transform 0.4s ease;\n
    }\n
    .product:hover .product-image img { transform: scale(1.04); }\n
    .product-content {\n
        padding: 26px 26px 30px;\n
        flex: 1;\n
        display: flex;\n
        flex-direction: column;\n
        gap: 18px;\n
    }\n
    .product-desc {\n
        font-size: 15px;\n
        color: var(--sp-gray);\n
        line-height: 1.5;\n
        flex: 1;\n
    }\n
    .product-cta {\n
        font-size: 14px;\n
        font-weight: 700;\n
        color: var(--sp-green);\n
        letter-spacing: 0.3px;\n
    }\n
    .product-cta::after { content: " →"; }\n
    \n
    .product-cta-toggle {\n
        background: none;\n
        border: 0;\n
        padding: 0;\n
        cursor: pointer;\n
        font: inherit;\n
        color: var(--sp-green);\n
        font-size: 14px;\n
        font-weight: 700;\n
        letter-spacing: 0.3px;\n
        text-align: left;\n
        transition: opacity 0.18s ease;\n
    }\n
    .product-cta-toggle::after { content: " →"; }\n
    .product.is-expanded .product-cta-toggle::after { content: ""; }\n
    .product.is-expanded .product-cta-toggle { color: var(--sp-graphit); }\n
    .product-cta-toggle:hover { opacity: 0.65; }\n
    .product--expandable .product-locations { display: none; }\n
    .product--expandable.is-expanded .product-locations { display: flex; }\n
    \n
    /* Location chooser: cards with two locations (Coworking, Conference Rooms)\n
       show two arrow links Cologne / Düsseldorf in the same style as the regular CTA. */\n
    .product-locations {\n
        display: flex;\n
        gap: 18px;\n
        flex-wrap: wrap;\n
    }\n
    .product-location {\n
        font-size: 14px;\n
        font-weight: 700;\n
        color: var(--sp-green);\n
        letter-spacing: 0.3px;\n
        text-decoration: none;\n
        transition: opacity 0.18s ease;\n
    }\n
    .product-location::after { content: " →"; }\n
    .product-location:hover { opacity: 0.65; }\n
    .product-locations--grouped {\n
        flex-direction: column;\n
        gap: 14px;\n
        align-items: flex-start;\n
    }\n
    .product-location-row {\n
        display: flex;\n
        flex-wrap: wrap;\n
        gap: 6px 14px;\n
        align-items: baseline;\n
    }\n
    .product-location-city {\n
        flex-basis: 100%;\n
        font-family: var(--mono);\n
        font-size: 11px;\n
        font-weight: 700;\n
        letter-spacing: 1.5px;\n
        text-transform: uppercase;\n
        color: var(--sp-gray);\n
    }\n
    \n
    .product-coworking   .product-tile { background: #f97316; }\n
    .product-konferenz   .product-tile { background: var(--sp-blue); }\n
    .product-startup     .product-tile { background: var(--sp-green); }\n
    .product-aihub       .product-tile { background: #7c3aed; }\n
    .product-events      .product-tile { background: var(--sp-graphit); }\n
    .product-corporate   .product-tile { background: var(--sp-gray); }\n
    \n
    /* === IMPACT METRICS === */\n
    .impact {\n
        background: var(--sp-warm);\n
        padding: clamp(64px, 9vw, 110px) 0;\n
    }\n
    .impact-grid {\n
        display: grid;\n
        grid-template-columns: repeat(4, 1fr);\n
        gap: 32px;\n
        max-width: 1280px;\n
        margin: 0 auto;\n
        padding: 0 32px;\n
    }\n
    .impact-item {\n
        text-align: left;\n
        border-left: 3px solid var(--sp-green);\n
        padding-left: 20px;\n
    }\n
    .impact-num {\n
        font-family: var(--serif);\n
        font-size: clamp(48px, 5vw, 72px);\n
        line-height: 1;\n
        color: var(--sp-graphit);\n
        margin-bottom: 8px;\n
        letter-spacing: -0.02em;\n
    }\n
    .impact-label {\n
        font-size: 16px;\n
        color: var(--sp-gray);\n
        line-height: 1.4;\n
        font-weight: 500;\n
    }\n
    \n
    /* === SECTION HEADER === */\n
    .section-eyebrow {\n
        font-family: var(--mono);\n
        font-size: 15px;\n
        font-weight: 700;\n
        letter-spacing: 3px;\n
        text-transform: uppercase;\n
        color: var(--sp-green);\n
        margin-bottom: 20px;\n
        text-align: center;\n
    }\n
    .section-title {\n
        font-family: var(--serif);\n
        font-size: clamp(36px, 4.5vw, 56px);\n
        line-height: 1.1;\n
        text-align: center;\n
        color: var(--sp-graphit);\n
        max-width: 22ch;\n
        margin: 0 auto 64px;\n
        letter-spacing: -0.01em;\n
    }\n
    \n
    /* === SUCCESS STORIES === */\n
    .stories { background: white; padding: clamp(80px, 10vw, 130px) 0; scroll-margin-top: 100px; }\n
    .latest { scroll-margin-top: 100px; }\n
    .stories-grid {\n
        display: grid;\n
        grid-template-columns: repeat(4, 1fr);\n
        gap: 20px;\n
        max-width: 1280px;\n
        margin: 0 auto;\n
        padding: 0 32px;\n
    }\n
    .story-card {\n
        aspect-ratio: 1 / 1;\n
        background: var(--sp-warm);\n
        border-radius: 12px;\n
        padding: 28px 24px;\n
        display: flex;\n
        flex-direction: column;\n
        justify-content: space-between;\n
        transition: background 0.25s ease, transform 0.25s ease, border-color 0.25s ease;\n
        cursor: pointer;\n
        border: 1px solid var(--sp-gray-mid);\n
        position: relative;\n
        overflow: hidden;\n
    }\n
    .story-card::after {\n
        content: "→";\n
        position: absolute;\n
        bottom: 24px; right: 28px;\n
        font-size: 22px;\n
        color: var(--sp-gray);\n
        opacity: 0.4;\n
        transition: opacity 0.25s ease, transform 0.25s ease, color 0.25s ease;\n
    }\n
    .story-card:hover::after { opacity: 1; transform: translateX(4px); color: var(--sp-green); }\n
    .story-card:hover {\n
        border-color: var(--sp-green);\n
        background: white;\n
        transform: translateY(-4px);\n
    }\n
    .story-card.featured {\n
        background: white;\n
        color: var(--sp-graphit);\n
        grid-column: span 2;\n
        aspect-ratio: 2 / 1.15;\n
        padding: 32px 32px;\n
        border: 2px solid var(--sp-green);\n
        background-image: linear-gradient(135deg, rgba(122,184,0,0.06), transparent 60%);\n
    }\n
    .story-card.featured::after { color: var(--sp-green); opacity: 0.8; }\n
    .story-card.featured:hover { background: white; border-color: var(--sp-green-dark); box-shadow: 0 18px 40px -22px rgba(0,0,0,0.18); }\n
    .story-card.is-empty {\n
        background: transparent;\n
        border: 2px dashed var(--sp-gray-mid);\n
        box-shadow: none;\n
        cursor: default;\n
    }\n
    .story-card.is-empty:hover {\n
        transform: none;\n
        background: transparent;\n
        border-color: var(--sp-gray);\n
    }\n
    .story-card.is-empty::after { display: none; }\n
    .story-card.is-empty .story-meta { opacity: 0.5; }\n
    .story-empty-label {\n
        color: var(--sp-gray-mid);\n
        font-family: var(--serif);\n
        font-size: 24px;\n
        font-style: italic;\n
    }\n
    .story-logo {\n
        height: 28px;\n
        width: auto;\n
        max-width: 60%;\n
        opacity: 0.7;\n
        margin-bottom: 8px;\n
        filter: grayscale(100%);\n
        transition: opacity 0.25s ease, filter 0.25s ease;\n
    }\n
    .story-card:hover .story-logo { opacity: 1; filter: none; }\n
    .story-card.featured .story-logo { height: 36px; max-width: 180px; opacity: 0.9; filter: grayscale(100%); }\n
    .story-card.featured:hover .story-logo { opacity: 1; filter: none; }\n
    .story-name {\n
        font-family: var(--serif);\n
        font-size: 24px;\n
        line-height: 1.15;\n
        color: var(--sp-graphit);\n
    }\n
    .story-card.featured .story-name { font-size: 34px; color: var(--sp-graphit); max-width: 22ch; line-height: 1.1; }\n
    .story-card:not(.featured) .story-name { color: var(--sp-graphit); }\n
    .story-meta {\n
        font-family: var(--mono);\n
        font-size: 12px;\n
        text-transform: uppercase;\n
        letter-spacing: 2px;\n
        opacity: 0.7;\n
        font-weight: 700;\n
        color: var(--sp-green);\n
    }\n
    .story-card.featured .story-meta { color: var(--sp-green); opacity: 1; }\n
    .story-desc { font-size: 14px; line-height: 1.5; margin-top: 12px; color: var(--sp-gray); max-width: 38ch; }\n
    .story-placeholder {\n
        font-size: 12px;\n
        letter-spacing: 1.5px;\n
        text-transform: uppercase;\n
        color: var(--sp-gray);\n
        opacity: 0.55;\n
        font-weight: 600;\n
    }\n
    .stories-cta {\n
        text-align: center;\n
        margin-top: 56px;\n
    }\n
    /* WIP placeholder for sections whose final content is still in progress */\n
    .wip-placeholder {\n
        max-width: 360px;\n
        margin: 16px auto 0;\n
        padding: 14px 22px;\n
        border: 1.5px dashed var(--sp-gray-mid);\n
        border-radius: 999px;\n
        text-align: center;\n
        font-family: var(--mono);\n
        font-size: 12px;\n
        font-weight: 700;\n
        letter-spacing: 2px;\n
        text-transform: uppercase;\n
        color: var(--sp-gray);\n
    }\n
    .btn {\n
        display: inline-block;\n
        padding: 16px 32px;\n
        background: var(--sp-graphit);\n
        color: white !important;\n
        border-radius: 999px;\n
        font-weight: 700;\n
        font-size: 15px;\n
        transition: background 0.2s ease, transform 0.2s ease;\n
    }\n
    .btn:hover { background: black; transform: translateY(-1px); }\n
    .btn-green { background: var(--sp-green); }\n
    .btn-green:hover { background: var(--sp-green-dark); }\n
    .btn-outline {\n
        background: transparent;\n
        border: 2px solid currentColor;\n
        color: var(--sp-graphit) !important;\n
    }\n
    .btn-outline:hover { background: var(--sp-graphit); color: white !important; }\n
    \n
    /* === PILLARS (What you get) === */\n
    .pillars {\n
        background: var(--sp-gray-light);\n
        color: var(--sp-graphit);\n
        padding: clamp(80px, 10vw, 130px) 0;\n
    }\n
    .pillars .section-title { color: var(--sp-graphit); }\n
    .pillars .section-eyebrow { color: var(--sp-green-dark); }\n
    .pillars-grid {\n
        display: grid;\n
        grid-template-columns: repeat(3, 1fr);\n
        gap: 32px;\n
        max-width: 1280px;\n
        margin: 0 auto;\n
        padding: 0 32px;\n
    }\n
    .pillar {\n
        padding: 40px 32px;\n
        border-left: 3px solid var(--sp-green);\n
        background: white;\n
        border-radius: 0 12px 12px 0;\n
        box-shadow: 0 2px 12px -4px rgba(0,0,0,0.06);\n
    }\n
    .pillar h3 {\n
        font-family: var(--serif);\n
        font-size: 32px;\n
        line-height: 1.15;\n
        margin-bottom: 20px;\n
    }\n
    .pillar p {\n
        font-size: 16px;\n
        line-height: 1.6;\n
        color: var(--sp-gray);\n
        margin-bottom: 24px;\n
    }\n
    .pillar-list {\n
        list-style: none;\n
        margin-bottom: 24px;\n
    }\n
    .pillar-list li {\n
        font-size: 15px;\n
        padding: 8px 0;\n
        border-bottom: 1px solid var(--sp-gray-mid);\n
        color: var(--sp-graphit);\n
    }\n
    .pillar-link {\n
        font-weight: 700;\n
        color: var(--sp-green);\n
        font-size: 15px;\n
    }\n
    .pillar-link::after { content: " →"; }\n
    \n
    /* === LOCATIONS === */\n
    .locations { background: var(--sp-warm); padding: clamp(80px, 10vw, 130px) 0; }\n
    .locations-grid {\n
        display: grid;\n
        grid-template-columns: 1fr 1fr;\n
        gap: 48px;\n
        max-width: 1280px;\n
        margin: 0 auto;\n
        padding: 0 32px;\n
    }\n
    .location {\n
        background: white;\n
        border-radius: 16px;\n
        overflow: hidden;\n
        border: 1px solid var(--sp-gray-mid);\n
        display: flex;\n
        flex-direction: column;\n
    }\n
    .location-img {\n
        aspect-ratio: 16 / 9;\n
        background: linear-gradient(135deg, var(--sp-warm), var(--sp-gray-mid));\n
        display: flex;\n
        align-items: center;\n
        justify-content: center;\n
        color: var(--sp-gray);\n
        font-family: var(--serif);\n
        font-size: 40px;\n
        overflow: hidden;\n
        position: relative;\n
    }\n
    .location-img img {\n
        position: absolute;\n
        inset: 0;\n
        width: 100%;\n
        height: 100%;\n
        object-fit: cover;\n
        display: block;\n
        transition: transform 0.5s ease;\n
    }\n
    .location:hover .location-img img { transform: scale(1.03); }\n
    .location-body { padding: 32px; flex-grow: 1; display: flex; flex-direction: column; }\n
    .location-name {\n
        font-family: var(--serif);\n
        font-size: 36px;\n
        color: var(--sp-graphit);\n
        margin-bottom: 8px;\n
    }\n
    .location-name.dus { color: var(--sp-green); }\n
    .location-addr {\n
        font-size: 15px;\n
        color: var(--sp-gray);\n
        margin-bottom: 20px;\n
        line-height: 1.5;\n
    }\n
    .location-hours {\n
        display: inline-block;\n
        margin-top: 6px;\n
        font-family: var(--mono);\n
        font-size: 12px;\n
        letter-spacing: 0.5px;\n
        color: var(--sp-graphit);\n
        opacity: 0.7;\n
    }\n
    .location-tags {\n
        display: flex;\n
        flex-wrap: wrap;\n
        gap: 8px;\n
        margin-bottom: 24px;\n
    }\n
    .location-tag {\n
        background: var(--sp-gray-light);\n
        color: var(--sp-gray);\n
        font-family: var(--mono);\n
        font-size: 13px;\n
        font-weight: 600;\n
        padding: 4px 12px;\n
        border-radius: 999px;\n
    }\n
    .location-actions {\n
        display: flex;\n
        gap: 16px;\n
        margin-top: auto;\n
    }\n
    \n
    /* === LATEST === */\n
    .latest { background: white; padding: clamp(80px, 10vw, 130px) 0; }\n
    .latest-grid {\n
        display: grid;\n
        grid-template-columns: repeat(3, 1fr);\n
        gap: 28px;\n
        max-width: 1280px;\n
        margin: 0 auto;\n
        padding: 0 32px;\n
    }\n
    .latest-card {\n
        background: white;\n
        border: 1px solid var(--sp-gray-mid);\n
        border-radius: 12px;\n
        overflow: hidden;\n
        display: flex;\n
        flex-direction: column;\n
        transition: border-color 0.2s ease, transform 0.2s ease;\n
    }\n
    .latest-card:hover {\n
        border-color: var(--sp-green);\n
        transform: translateY(-3px);\n
    }\n
    .latest-card-img {\n
        aspect-ratio: 16 / 10;\n
        background: linear-gradient(135deg, var(--sp-gray-light), var(--sp-warm));\n
        display: flex;\n
        align-items: flex-end;\n
        justify-content: flex-start;\n
        padding: 24px;\n
        color: var(--sp-graphit);\n
        position: relative;\n
        overflow: hidden;\n
    }\n
    .latest-card-img::before {\n
        content: "";\n
        position: absolute;\n
        inset: 0;\n
        background:\n
            linear-gradient(135deg, rgba(122,184,0,0.18), transparent 55%),\n
            linear-gradient(225deg, rgba(0,128,187,0.14), transparent 55%);\n
    }\n
    .latest-card-img::after {\n
        content: "";\n
        position: absolute;\n
        inset: 0;\n
        background-image:\n
            radial-gradient(circle at 80% 20%, rgba(255,255,255,0.08), transparent 40%),\n
            radial-gradient(circle at 20% 80%, rgba(255,255,255,0.05), transparent 50%);\n
        pointer-events: none;\n
    }\n
    .latest-card-img-label {\n
        position: relative;\n
        z-index: 1;\n
        font-family: var(--serif);\n
        font-size: 24px;\n
        line-height: 1.1;\n
        letter-spacing: -0.01em;\n
        max-width: 16ch;\n
    }\n
    .latest-card-img img {\n
        position: absolute;\n
        inset: 0;\n
        width: 100%;\n
        height: 100%;\n
        object-fit: cover;\n
        display: block;\n
        z-index: 0;\n
        transition: transform 0.4s ease;\n
    }\n
    .latest-card:hover .latest-card-img img { transform: scale(1.04); }\n
    .latest-card-img:has(img)::before,\n
    .latest-card-img:has(img)::after { display: none; }\n
    .latest-card-img:has(img) .latest-card-img-label { display: none; }\n
    .latest-card:hover .latest-card-img::before {\n
        background:\n
            linear-gradient(135deg, rgba(122,184,0,0.30), transparent 60%),\n
            linear-gradient(225deg, rgba(0,128,187,0.22), transparent 60%);\n
    }\n
    .latest-card-body { padding: 24px; }\n
    .latest-tag {\n
        display: inline-block;\n
        font-family: var(--mono);\n
        font-size: 12px;\n
        font-weight: 700;\n
        letter-spacing: 2px;\n
        text-transform: uppercase;\n
        color: var(--sp-green);\n
        margin-bottom: 12px;\n
    }\n
    .latest-card-title {\n
        font-family: var(--serif);\n
        font-size: 22px;\n
        line-height: 1.25;\n
        color: var(--sp-graphit);\n
        margin-bottom: 12px;\n
    }\n
    .latest-card-meta {\n
        font-size: 13px;\n
        color: var(--sp-gray);\n
    }\n
    \n
    /* === HIGHLIGHTS — Light Theme with Image Cards + Stat === */\n
    .highlights-section {\n
        padding: 0;\n
        margin-top: clamp(60px, 8vw, 110px);\n
    }\n
    .highlights-grid {\n
        display: grid;\n
        grid-template-columns: repeat(4, 1fr);\n
        gap: 20px;\n
        max-width: 1280px;\n
        margin: 0 auto;\n
        padding: 0 32px;\n
    }\n
    .highlight-card {\n
        background: white;\n
        border-radius: 12px;\n
        overflow: hidden;\n
        text-decoration: none;\n
        color: inherit;\n
        display: flex;\n
        flex-direction: column;\n
        border: 1px solid var(--sp-gray-mid);\n
        box-shadow: 0 2px 8px -2px rgba(0,0,0,0.06);\n
        transition: transform 0.25s ease, box-shadow 0.25s ease;\n
    }\n
    .highlight-card:hover {\n
        transform: translateY(-4px);\n
        box-shadow: 0 20px 40px -16px rgba(0,0,0,0.16);\n
    }\n
    .highlight-img-block {\n
        aspect-ratio: 16 / 9;\n
        overflow: hidden;\n
        position: relative;\n
        background: var(--sp-warm);\n
    }\n
    .highlight-img-block img {\n
        width: 100%;\n
        height: 100%;\n
        object-fit: cover;\n
        display: block;\n
        transition: transform 0.4s ease;\n
    }\n
    .highlight-card:hover .highlight-img-block img { transform: scale(1.04); }\n
    .highlight-img-block.is-split {\n
        display: grid;\n
        grid-template-columns: 1fr 1fr;\n
        gap: 2px;\n
    }\n
    .highlight-body {\n
        padding: 22px 22px 20px;\n
        display: flex;\n
        flex-direction: column;\n
        flex: 1;\n
    }\n
    .highlight-eyebrow {\n
        font-family: var(--mono);\n
        font-size: 13px;\n
        font-weight: 700;\n
        letter-spacing: 2px;\n
        text-transform: uppercase;\n
        color: var(--sp-graphit);\n
        margin-bottom: 10px;\n
    }\n
    .highlight-num {\n
        font-family: var(--serif);\n
        font-size: clamp(40px, 4vw, 56px);\n
        line-height: 0.95;\n
        color: var(--sp-graphit);\n
        letter-spacing: -0.03em;\n
        margin-bottom: 8px;\n
    }\n
    .highlight-num em {\n
        color: var(--sp-green);\n
        font-style: normal;\n
    }\n
    .highlight-num-sub {\n
        font-family: var(--mono);\n
        font-size: 11px;\n
        font-weight: 700;\n
        letter-spacing: 1.5px;\n
        text-transform: uppercase;\n
        color: var(--sp-green);\n
        margin-bottom: 18px;\n
    }\n
    .highlight-desc {\n
        font-size: 13px;\n
        line-height: 1.5;\n
        color: var(--sp-gray);\n
        margin: 0 0 16px;\n
        flex: 1;\n
    }\n
    .highlight-location-links {\n
        display: flex;\n
        gap: 18px;\n
        margin-top: auto;\n
        flex-wrap: wrap;\n
    }\n
    .highlight-location-link {\n
        font-family: var(--mono);\n
        font-size: 11px;\n
        font-weight: 700;\n
        letter-spacing: 1.5px;\n
        text-transform: uppercase;\n
        color: var(--sp-green);\n
        text-decoration: none;\n
        transition: opacity 0.2s ease;\n
    }\n
    .highlight-location-link:hover { opacity: 0.65; }\n
    .highlight-card--locations { cursor: default; }\n
    .highlight-card--locations:hover { transform: none; box-shadow: 0 2px 8px -2px rgba(0,0,0,0.06); }\n
    .highlight-card--locations:hover .highlight-img-block img { transform: none; }\n
    .highlight-arrow {\n
        display: inline-flex;\n
        align-items: center;\n
        gap: 8px;\n
        font-family: var(--mono);\n
        font-size: 11px;\n
        font-weight: 700;\n
        letter-spacing: 1.5px;\n
        text-transform: uppercase;\n
        color: var(--sp-green);\n
        margin-top: auto;\n
    }\n
    .highlight-arrow::after {\n
        content: "→";\n
        font-size: 14px;\n
        transition: transform 0.2s ease;\n
    }\n
    .highlight-card:hover .highlight-arrow::after { transform: translateX(4px); }\n
    @media (max-width: 1024px) {\n
        .highlights-grid { grid-template-columns: repeat(2, 1fr); }\n
    }\n
    @media (max-width: 600px) {\n
        .highlights-grid { grid-template-columns: 1fr; }\n
    }\n
    \n
    /* === PARTNERS BANNER — horizontal marquee of partner logos === */\n
    .partners-banner {\n
        background: white;\n
        padding: 24px 0;\n
        overflow: hidden;\n
        border-top: 1px solid var(--sp-gray-mid);\n
        border-bottom: 1px solid var(--sp-gray-mid);\n
    }\n
    .partners-title {\n
        text-align: center;\n
        font-family: var(--mono);\n
        font-size: 12px;\n
        letter-spacing: 2px;\n
        text-transform: uppercase;\n
        color: var(--sp-gray);\n
        font-weight: 700;\n
        margin-bottom: 36px;\n
    }\n
    .partners-marquee {\n
        display: flex;\n
        overflow: hidden;\n
        mask-image: linear-gradient(90deg, transparent 0, black 8%, black 92%, transparent 100%);\n
        -webkit-mask-image: linear-gradient(90deg, transparent 0, black 8%, black 92%, transparent 100%);\n
    }\n
    .partners-track {\n
        display: flex;\n
        gap: 64px;\n
        animation: scroll-partners 50s linear infinite;\n
        flex-shrink: 0;\n
        padding-right: 64px;\n
    }\n
    .partners-banner:hover .partners-track { animation-play-state: paused; }\n
    \n
    /* === AI HUB FEATURE — dedicated showcase for AI world === */\n
    .ai-hub-feature {\n
        scroll-margin-top: 100px;\n
        background: linear-gradient(180deg, white 0%, rgba(124,58,237,0.04) 100%);\n
        padding: 100px 0;\n
        border-top: 1px solid var(--sp-gray-mid);\n
    }\n
    .ai-hub-feature .container { text-align: center; }\n
    .ai-hub-feature .section-eyebrow {\n
        color: #7c3aed;\n
        margin-bottom: 12px;\n
    }\n
    .ai-hub-feature .section-title {\n
        margin: 0 auto 22px;\n
        max-width: 28ch;\n
    }\n
    .ai-hub-sub {\n
        text-align: center;\n
        max-width: 62ch;\n
        margin: 0 auto 56px;\n
        font-size: 17px;\n
        color: var(--sp-gray);\n
        line-height: 1.6;\n
    }\n
    .ai-hub-grid {\n
        display: grid;\n
        grid-template-columns: repeat(4, 1fr);\n
        gap: 18px;\n
        max-width: 1280px;\n
        margin: 0 auto;\n
        padding: 0 32px;\n
    }\n
    .ai-hub-card {\n
        background: white;\n
        border: 1px solid var(--sp-gray-mid);\n
        border-top: 4px solid #7c3aed;\n
        border-radius: 12px;\n
        padding: 32px 26px 28px;\n
        text-decoration: none;\n
        color: inherit;\n
        display: flex;\n
        flex-direction: column;\n
        gap: 14px;\n
        transition: transform 0.25s ease, box-shadow 0.25s ease;\n
    }\n
    .ai-hub-card:hover {\n
        transform: translateY(-3px);\n
        box-shadow: 0 18px 40px -22px rgba(124,58,237,0.16);\n
    }\n
    .ai-hub-card-num {\n
        font-family: var(--mono);\n
        font-size: 11px;\n
        font-weight: 700;\n
        letter-spacing: 2px;\n
        color: #7c3aed;\n
        text-transform: uppercase;\n
    }\n
    .ai-hub-card h3 {\n
        font-family: var(--serif);\n
        font-size: 24px;\n
        line-height: 1.15;\n
        color: var(--sp-graphit);\n
        margin: 0;\n
        letter-spacing: -0.01em;\n
    }\n
    .ai-hub-card p {\n
        font-size: 14px;\n
        line-height: 1.55;\n
        color: var(--sp-gray);\n
        flex: 1;\n
        margin: 0;\n
    }\n
    .ai-hub-card-cta {\n
        font-size: 13px;\n
        font-weight: 700;\n
        color: #7c3aed;\n
        letter-spacing: 0.3px;\n
        margin-top: 6px;\n
    }\n
    .ai-hub-card-cta::after { content: " →"; }\n
    @media (max-width: 980px) {\n
        .ai-hub-grid { grid-template-columns: 1fr 1fr; }\n
    }\n
    @media (max-width: 560px) {\n
        .ai-hub-grid { grid-template-columns: 1fr; }\n
    }\n
    .ai-hub-bridge {\n
        display: grid;\n
        grid-template-columns: 1.2fr 1fr;\n
        gap: 48px;\n
        align-items: center;\n
        max-width: 1280px;\n
        margin: 32px auto 0;\n
        padding: 36px 44px;\n
        background: linear-gradient(135deg, var(--sp-graphit) 0%, #2a1f4a 100%);\n
        border-radius: 12px;\n
        border-left: 4px solid #7c3aed;\n
        text-decoration: none;\n
        color: white;\n
        transition: transform 0.25s ease, box-shadow 0.25s ease;\n
    }\n
    .ai-hub-bridge-right img {\n
        display: block;\n
        width: 100%;\n
        height: auto;\n
        border-radius: 10px;\n
        box-shadow: 0 18px 40px -22px rgba(0,0,0,0.5);\n
    }\n
    .ai-hub-bridge:hover {\n
        transform: translateY(-2px);\n
        box-shadow: 0 24px 50px -22px rgba(124,58,237,0.35);\n
    }\n
    .ai-hub-bridge-eyebrow {\n
        font-family: var(--mono);\n
        font-size: 11px;\n
        font-weight: 700;\n
        letter-spacing: 2px;\n
        text-transform: uppercase;\n
        color: #c4b5fd;\n
        margin-bottom: 10px;\n
    }\n
    .ai-hub-bridge-title {\n
        font-family: var(--serif);\n
        font-size: 28px;\n
        line-height: 1.15;\n
        margin: 0 0 12px;\n
        letter-spacing: -0.01em;\n
        color: white;\n
    }\n
    .ai-hub-bridge-text {\n
        font-size: 15px;\n
        line-height: 1.6;\n
        color: rgba(255,255,255,0.78);\n
        margin: 0;\n
    }\n
    .ai-hub-bridge-stats {\n
        display: flex;\n
        gap: 36px;\n
        margin: 22px 0 24px;\n
    }\n
    .ai-hub-bridge-stat {\n
        display: flex;\n
        flex-direction: column;\n
    }\n
    .ai-hub-bridge-stat-num {\n
        font-family: var(--serif);\n
        font-size: 26px;\n
        font-weight: 700;\n
        color: white;\n
        line-height: 1;\n
    }\n
    .ai-hub-bridge-stat-label {\n
        font-family: var(--mono);\n
        font-size: 10px;\n
        letter-spacing: 1.5px;\n
        text-transform: uppercase;\n
        color: rgba(255,255,255,0.55);\n
        margin-top: 6px;\n
    }\n
    .ai-hub-bridge-partners {\n
        margin-bottom: 20px;\n
    }\n
    .ai-hub-bridge-partners-label {\n
        display: block;\n
        font-family: var(--mono);\n
        font-size: 10px;\n
        letter-spacing: 1.5px;\n
        text-transform: uppercase;\n
        color: rgba(255,255,255,0.45);\n
        margin-bottom: 4px;\n
    }\n
    .ai-hub-bridge-partners-list {\n
        font-size: 13px;\n
        color: rgba(255,255,255,0.75);\n
        line-height: 1.5;\n
    }\n
    .ai-hub-bridge-cta {\n
        display: inline-block;\n
        font-size: 13px;\n
        font-weight: 700;\n
        letter-spacing: 0.3px;\n
        color: #c4b5fd;\n
        border: 1px solid #c4b5fd;\n
        padding: 10px 18px;\n
        border-radius: 999px;\n
        transition: background 0.2s ease, color 0.2s ease;\n
    }\n
    .ai-hub-bridge:hover .ai-hub-bridge-cta { background: #c4b5fd; color: var(--sp-graphit); }\n
    @media (max-width: 860px) {\n
        .ai-hub-bridge { grid-template-columns: 1fr; gap: 24px; padding: 28px 24px; margin-top: 24px; }\n
        .ai-hub-bridge-stats { gap: 24px; }\n
        .ai-hub-bridge-title { font-size: 24px; }\n
    }\n
    .partner-logo {\n
        flex-shrink: 0;\n
        height: 44px;\n
        display: flex;\n
        align-items: center;\n
        color: var(--sp-gray);\n
        font-family: var(--sans);\n
        font-size: 22px;\n
        font-weight: 700;\n
        opacity: 0.55;\n
        transition: opacity 0.2s ease, color 0.2s ease;\n
        text-decoration: none;\n
        letter-spacing: 0.5px;\n
        white-space: nowrap;\n
    }\n
    .partner-logo:hover { opacity: 1; color: var(--sp-graphit); }\n
    @keyframes scroll-partners {\n
        0% { transform: translateX(0); }\n
        100% { transform: translateX(-100%); }\n
    }\n
    /* === TESTIMONIALS === */\n
    .testimonials {\n
        background: var(--sp-warm);\n
        padding: clamp(80px, 10vw, 130px) 0;\n
    }\n
    .testimonials-grid {\n
        display: grid;\n
        grid-template-columns: 1fr 1fr;\n
        gap: 32px;\n
        max-width: 1280px;\n
        margin: 0 auto;\n
        padding: 0 32px;\n
    }\n
    .testimonial {\n
        background: white;\n
        padding: 40px;\n
        border-radius: 16px;\n
        border-left: 4px solid var(--sp-green);\n
    }\n
    .testimonial-quote {\n
        font-family: var(--serif);\n
        font-size: 24px;\n
        line-height: 1.4;\n
        color: var(--sp-graphit);\n
        margin-bottom: 24px;\n
        font-style: italic;\n
    }\n
    .testimonial-author {\n
        display: flex;\n
        align-items: center;\n
        gap: 16px;\n
    }\n
    .testimonial-avatar {\n
        width: 48px; height: 48px;\n
        border-radius: 50%;\n
        background: linear-gradient(135deg, var(--sp-green), var(--sp-blue));\n
    }\n
    .testimonial-name {\n
        font-weight: 700;\n
        color: var(--sp-graphit);\n
        font-size: 15px;\n
    }\n
    .testimonial-role {\n
        font-size: 13px;\n
        color: var(--sp-gray);\n
    }\n
    \n
    /* === SEO FOOTER === */\n
    .seo-footer {\n
        background: white;\n
        padding: clamp(60px, 8vw, 100px) 0 clamp(40px, 6vw, 70px);\n
        border-top: 1px solid var(--sp-gray-mid);\n
    }\n
    .seo-footer .container { max-width: 880px; }\n
    .seo-footer .section-title { margin-bottom: 32px; }\n
    .seo-footer-text {\n
        font-size: 16px;\n
        line-height: 1.7;\n
        color: var(--sp-gray);\n
        margin-bottom: 18px;\n
    }\n
    .seo-footer-text strong {\n
        color: var(--sp-graphit);\n
        font-weight: 600;\n
    }\n
    .seo-footer-list-title {\n
        font-family: var(--mono);\n
        font-size: 12px;\n
        font-weight: 700;\n
        letter-spacing: 2px;\n
        text-transform: uppercase;\n
        color: var(--sp-gray);\n
        margin: 40px 0 16px;\n
    }\n
    .seo-footer-list {\n
        list-style: none;\n
        padding: 0;\n
        margin: 0;\n
        display: flex;\n
        flex-wrap: wrap;\n
        gap: 8px 0;\n
    }\n
    .seo-footer-list a {\n
        color: var(--sp-graphit);\n
        text-decoration: none;\n
        font-size: 14px;\n
        font-weight: 600;\n
        line-height: 1.5;\n
        transition: color 0.18s ease;\n
    }\n
    .seo-footer-list li:not(:last-child) a::after {\n
        content: "  ·  ";\n
        color: var(--sp-gray-mid);\n
        font-weight: 400;\n
        margin: 0 4px;\n
    }\n
    .seo-footer-list a:hover { color: var(--sp-green); }\n
    \n
    /* === NEWSLETTER === */\n
    .newsletter {\n
        background: var(--sp-warm);\n
        color: var(--sp-graphit);\n
        padding: clamp(64px, 9vw, 110px) 0;\n
        border-top: 1px solid var(--sp-gray-mid);\n
    }\n
    .newsletter-inner {\n
        max-width: 720px;\n
        margin: 0 auto;\n
        padding: 0 32px;\n
        text-align: center;\n
    }\n
    .newsletter h2 {\n
        font-family: var(--serif);\n
        font-size: 44px;\n
        line-height: 1.1;\n
        margin-bottom: 16px; color: var(--sp-graphit); \n
    }\n
    .newsletter p {\n
        font-size: 17px;\n
        color: var(--sp-gray);\n
        margin-bottom: 36px; color: var(--sp-gray); \n
    }\n
    .newsletter-form {\n
        display: flex;\n
        gap: 12px;\n
        max-width: 480px;\n
        margin: 0 auto;\n
    }\n
    .newsletter-form input {\n
        flex: 1;\n
        padding: 16px 22px;\n
        border-radius: 999px;\n
        border: 1px solid var(--sp-gray-mid);\n
        background: white;\n
        color: var(--sp-graphit);\n
        font: inherit;\n
        font-size: 15px;\n
    }\n
    .newsletter-form input::placeholder { color: var(--sp-gray); }\n
    .newsletter-form input:focus { outline: none; border-color: var(--sp-green); background: white; box-shadow: 0 0 0 4px rgba(122,184,0,0.12); }\n
    .newsletter-form button {\n
        padding: 16px 28px;\n
        background: var(--sp-green);\n
        color: white;\n
        border-radius: 999px;\n
        font-weight: 700;\n
        font-size: 15px;\n
        transition: background 0.2s ease;\n
    }\n
    .newsletter-form button:hover { background: var(--sp-green-dark); }\n
    \n
    /* === FOOTER === */\n
    .footer {\n
        background: var(--sp-gray-light);\n
        color: var(--sp-gray);\n
        padding: 32px 0;\n
        text-align: center;\n
        font-size: 13px;\n
        border-top: 1px solid var(--sp-gray-mid);\n
    }\n
    \n
    /* === RESPONSIVE === */\n
    @media (max-width: 980px) {\n
        .megamenu-nav, .megamenu-actions .megamenu-lang, .megamenu-actions .megamenu-login { display: none; }\n
        .megamenu-burger { display: flex; }\n
        .hero { padding: 140px 0 80px; min-height: auto; }\n
        .hero h1 { font-size: clamp(36px, 8vw, 56px); max-width: 100%; }\n
        .hero-sub { font-size: 17px; margin-bottom: 0; max-width: 100%; }\n
        .hero-content { grid-template-columns: 1fr; gap: 48px; }\n
        .scroll-indicator { display: none; }\n
        .hero-stats {\n
            flex-direction: row;\n
            flex-wrap: wrap;\n
            padding-left: 0;\n
            border-left: none;\n
            border-top: 1px solid var(--sp-gray-mid);\n
            padding-top: 28px;\n
            gap: 24px 32px;\n
        }\n
        .hero-stat { flex: 1 1 40%; }\n
        .products-grid { grid-template-columns: 1fr 1fr 1fr; gap: 10px; }\n
        .hero-stats { grid-template-columns: 1fr 1fr; gap: 24px; }\n
        .persona { padding: 24px 22px; }\n
        .persona-title { font-size: 22px; }\n
        .impact-grid { grid-template-columns: 1fr 1fr; gap: 28px; }\n
        .stories-grid { grid-template-columns: 1fr 1fr; }\n
        .story-card.featured { grid-column: span 2; aspect-ratio: 2 / 1; }\n
        .story-card.featured .story-name { font-size: 32px; }\n
        .pillars-grid, .latest-grid { grid-template-columns: 1fr; }\n
        .locations-grid { grid-template-columns: 1fr; }\n
        .testimonials-grid { grid-template-columns: 1fr; }\n
        .megamenu-panel-grid { grid-template-columns: 1fr 1fr; gap: 32px; }\n
    }\n
    @media (max-width: 600px) {\n
        .container, .hero-content, .megamenu-bar { padding-left: 20px; padding-right: 20px; }\n
        .megamenu-bar { height: 64px; }\n
        .megamenu-panel { top: 64px; padding: 32px 20px; }\n
        .hero { padding: 110px 0 64px; }\n
        .hero-eyebrow { font-size: 11px; letter-spacing: 2.5px; margin-bottom: 18px; }\n
        .hero h1 { font-size: clamp(36px, 11vw, 52px); margin-bottom: 20px; }\n
        .hero-sub { font-size: 16px; margin-bottom: 32px; }\n
        .products-grid { grid-template-columns: 1fr; gap: 16px; }\n
        .product-tile { font-size: 14px; letter-spacing: 1px; }\n
        .hero-pills { gap: 8px 14px; margin: 1em 0; }\n
        .hero-pills li:not(:last-child)::after { display: none; }\n
        .hero-stats { grid-template-columns: 1fr 1fr; gap: 20px; }\n
        .persona { padding: 22px; }\n
        .persona-title { font-size: 24px; }\n
        .stories-grid { grid-template-columns: 1fr; }\n
        .story-card.featured { grid-column: span 1; aspect-ratio: 16 / 11; }\n
        .story-card.featured .story-name { font-size: 28px; }\n
        .impact-grid { grid-template-columns: 1fr; gap: 20px; }\n
        .impact-num { font-size: 48px; }\n
        .newsletter-form { flex-direction: column; }\n
        .newsletter h2 { font-size: 32px; }\n
        .megamenu-panel-grid { grid-template-columns: 1fr; gap: 24px; }\n
        .megamenu-cta { padding: 10px 16px; font-size: 13px; }\n
        .section-title { font-size: 32px; margin-bottom: 40px; white-space: normal !important; max-width: 100% !important; }\n
        .hero-stats .hero-stat:nth-child(2) { display: none; }\n
        .hero { padding: 64px 0 48px !important; }\n
        .pillar h3 { font-size: 26px; }\n
        .location-name { font-size: 28px; }\n
    }\n
    \n
    /* Mobile slide-in menu */\n
    .mobile-menu {\n
        position: fixed;\n
        top: 0; right: 0;\n
        width: min(380px, 100vw);\n
        height: 100vh;\n
        background: white;\n
        color: var(--sp-graphit);\n
        z-index: 200;\n
        padding: 80px 32px 32px;\n
        transform: translateX(100%);\n
        transition: transform 0.3s ease;\n
        box-shadow: -8px 0 32px rgba(0,0,0,0.2);\n
        overflow-y: auto;\n
    }\n
    .mobile-menu.is-open { transform: translateX(0); }\n
    .mobile-menu-close {\n
        position: absolute;\n
        top: 24px; right: 24px;\n
        font-size: 28px;\n
        color: var(--sp-graphit);\n
    }\n
    .mobile-menu ul { list-style: none; }\n
    .mobile-menu > ul > li {\n
        border-bottom: 1px solid var(--sp-gray-mid);\n
    }\n
    .mobile-menu > ul > li > a {\n
        display: block;\n
        padding: 18px 0;\n
        font-family: var(--serif);\n
        font-size: 22px;\n
        color: var(--sp-graphit);\n
    }\n
    .mobile-menu .mobile-cta {\n
        display: block;\n
        margin-top: 24px;\n
        padding: 16px;\n
        background: var(--sp-green);\n
        color: white;\n
        text-align: center;\n
        border-radius: 999px;\n
        font-weight: 700;\n
    }\n
    .backdrop {\n
        position: fixed;\n
        inset: 0;\n
        background: rgba(0,0,0,0.5);\n
        z-index: 150;\n
        opacity: 0;\n
        pointer-events: none;\n
        transition: opacity 0.3s ease;\n
    }\n
    .backdrop.is-open { opacity: 1; pointer-events: auto; }\n
    \n
    /* === SYMFONY HEADER OVERRIDE (only for this page, Bold Builder consistency) === */\n
    nav.bg-gray-900 {\n
        background: white !important;\n
        box-shadow: 0 1px 0 var(--sp-gray-mid), 0 2px 8px rgba(0,0,0,0.04) !important;\n
    }\n
    nav.bg-gray-900 .text-white,\n
    nav.bg-gray-900 button,\n
    nav.bg-gray-900 li > a {\n
        color: var(--sp-graphit) !important;\n
    }\n
    /* Logo variant: invert white Cloudinary logo via filter (for test page render) */\n
    nav.bg-gray-900 img[src*="STARTPLATZ_Logo_wei"] {\n
        filter: invert(1) saturate(0);\n
    }\n
    /* AI Hub pill stays purple — white text remains white */\n
    nav.bg-gray-900 a[style*="rgba(142,86,255"] {\n
        color: white !important;\n
    }\n
    /* Hover: SP green accent instead of the lighter lime tone */\n
    nav.bg-gray-900 a:hover,\n
    nav.bg-gray-900 button:hover {\n
        background-color: var(--sp-green) !important;\n
        color: white !important;\n
    }\n
    /* Dropdown panel: warm background instead of light grey */\n
    nav.bg-gray-900 div[class*="rounded shadow-lg"] {\n
        background: var(--sp-warm) !important;\n
    }\n
    nav.bg-gray-900 div[class*="rounded shadow-lg"] a {\n
        color: var(--sp-graphit) !important;\n
    }\n
    nav.bg-gray-900 div[class*="rounded shadow-lg"] a:hover {\n
        background-color: var(--sp-green) !important;\n
        color: white !important;\n
    }\n
    /* Mobile menu stack: also light on dark background (mobileOpen) */\n
    nav.bg-gray-900 ul[class*="bg-gray-900"] {\n
        background: white !important;\n
    }\n
    </style>\n
    \n
    <!-- ═══════════════════════ MEGA MENU ═══════════════════════ -->\n
    <nav class="megamenu is-transparent" id="megamenu">\n
        <div class="megamenu-bar">\n
            <a href="/" class="megamenu-logo" aria-label="STARTPLATZ home">\n
                <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_360/v1614775778/logos/STARTPLATZ_Logos/STARTPLATZ_Logo_wei%C3%9F.png" alt="STARTPLATZ" class="logo-light">\n
                <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_360/v1614775163/logos/STARTPLATZ_Logos/STARTPLATZ_Logo.png" alt="STARTPLATZ" class="logo-dark">\n
            </a>\n
            <ul class="megamenu-nav">\n
                <li><button class="megamenu-link" data-panel="coworking">Coworking</button></li>\n
                <li><button class="megamenu-link" data-panel="konferenz">Conference Rooms</button></li>\n
                <li><button class="megamenu-link" data-panel="aihub">AI Hub</button></li>\n
                <li><button class="megamenu-link" data-panel="programme">Programs</button></li>\n
                <li><button class="megamenu-link" data-panel="events">Events</button></li>\n
                <li><button class="megamenu-link" data-panel="ueber">About</button></li>\n
            </ul>\n
            <div class="megamenu-actions">\n
                <div class="megamenu-lang"><a href="/" lang="de">DE</a> / <a href="/en/" lang="en">EN</a> / <a href="/fr/" lang="fr">FR</a></div>\n
                <a href="/login/" class="megamenu-login">Login</a>\n
                <a href="/en/memberships" class="megamenu-cta">Become a member</a>\n
                <button class="megamenu-burger" id="burger" aria-label="Menu"><span></span></button>\n
            </div>\n
        </div>\n
    \n
        <!-- Mega Panels -->\n
        <div class="megamenu-panel" data-panel="coworking">\n
            <div class="megamenu-panel-grid">\n
                <div class="megamenu-panel-col">\n
                    <h4>Spaces</h4>\n
                    <ul>\n
                        <li class="is-featured"><a href="https://www.startplatz.de/coworking-koeln/" target="_blank" rel="noopener" class="is-live">Coworking <small>Flexible workspaces in Cologne &amp; Düsseldorf</small></a></li>\n
                        <li><a href="https://www.startplatz.de/teambuero-koeln/" target="_blank" rel="noopener" class="is-live">Team offices <small>Private offices for 2–30 people</small></a></li>\n
                        <li><a href="https://www.startplatz.de/geschaeftsanschrift-koeln/" target="_blank" rel="noopener" class="is-live">Business address <small>Professional address + mail service</small></a></li>\n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-col">\n
                    <h4>Book</h4>\n
                    <ul>\n
    \n
                        <li><a href="../standorte/standorte_website_2.html">Book a tour <small>Drop by &amp; take a look</small></a></li>\n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-col">\n
                    <h4>Locations</h4>\n
                    <ul>\n
                        <li><a href="../standorte/standorte_website_2.html">Cologne Mediapark</a></li>\n
                        <li><a href="../standorte/standorte_website_2.html">Düsseldorf Medienhafen</a></li>\n
                        <li><a href="../standorte/standorte_website_2.html">Book a tour</a></li>\n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-feature">\n
                    <h5>Day pass for 10 €</h5>\n
                    <p>Drop by, work with us for a day, get to know the community.</p>\n
                </div>\n
            </div>\n
        </div>\n
    \n
        <div class="megamenu-panel" data-panel="konferenz">\n
            <div class="megamenu-panel-grid">\n
                <div class="megamenu-panel-col">\n
                    <h4>Cologne</h4>\n
                    <ul>\n
                        <li class="is-featured"><a href="https://www.startplatz.de/koeln-tagungsraeume-und-konferenzraeume/" target="_blank" rel="noopener" class="is-live">Conference rooms Cologne <small>At Im Mediapark 5 · 8 rooms, 4–80 people</small></a></li>\n
    \n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-col">\n
                    <h4>Düsseldorf</h4>\n
                    <ul>\n
                        <li class="is-featured"><a href="https://www.startplatz.de/duesseldorf-tagungsraeume-und-konferenzraeume/" target="_blank" rel="noopener" class="is-live">Conference rooms Düsseldorf <small>Speditionstraße 15a · Medienhafen</small></a></li>\n
    \n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-col">\n
                    <h4>Format &amp; Service</h4>\n
                    <ul>\n
    \n
    \n
    \n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-feature">\n
                    <h5>Bookable online by the hour.</h5>\n
                    <p>Rooms for 4–80 people, hybrid conference tech included. No phone call needed — pick a slot, book, show up.</p>\n
                </div>\n
            </div>\n
        </div>\n
    \n
        <div class="megamenu-panel" data-panel="aihub">\n
            <div class="megamenu-panel-grid">\n
                <div class="megamenu-panel-col">\n
                    <h4>For Builders</h4>\n
                    <ul>\n
                        <li class="is-featured"><a href="https://startplatz-ai-academy.de/" target="_blank" rel="noopener" class="is-live">AI training <small>AZAV-certified, education voucher</small></a></li>\n
                        <li><a href="https://startplatz-ai-academy.de/berufstaetige" target="_blank" rel="noopener" class="is-live">For Builders</a></li>\n
                        <li><a href="https://startplatz-ai-academy.de/arbeitssuchende" target="_blank" rel="noopener" class="is-live">For Beginners</a></li>\n
                        <li><a href="https://startplatz-ai-academy.de/oneday" target="_blank" rel="noopener" class="is-live">Masterclasses</a></li>\n
                        <li><a href="https://www.startplatz.de/ki-weiterbildung/ki-campus/" target="_blank" rel="noopener" class="is-live">AI Campus</a></li>\n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-col">\n
                    <h4>For Companies</h4>\n
                    <ul>\n
                        <li><a href="https://startplatz-ai-academy.de/unternehmen" target="_blank" rel="noopener" class="is-live">Overview for companies</a></li>\n
                        <li><a href="https://startplatz-ai-academy.de/unternehmen#inhouse-schulungen" target="_blank" rel="noopener" class="is-live">Corporate Enablement</a></li>\n
                        <li><a href="https://startplatz-ai-academy.de/unternehmen#innovation-day" target="_blank" rel="noopener" class="is-live">Corporate Activation</a></li>\n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-col">\n
                    <h4>Community</h4>\n
                    <ul>\n
                        <li><a href="https://www.startplatz.de/ki-weiterbildung/meetups/" target="_blank" rel="noopener" class="is-live">Meetups</a></li>\n
                        <li><a href="https://www.startplatz.de/ki-weiterbildung/hackathons/" target="_blank" rel="noopener" class="is-live">Hackathons</a></li>\n
                        <li><a href="https://startplatz-ai-academy.de/experten" target="_blank" rel="noopener" class="is-live">Instructors</a></li>\n
                        <li><a href="https://startplatz-ai-academy.de/ueber-uns" target="_blank" rel="noopener" class="is-live">About the AI Academy</a></li>\n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-feature">\n
                    <h5>France AI Initiative</h5>\n
                    <p>Open-source AI between Cologne and Paris. A German-French expertise network.</p>\n
                    <a href="https://www.startplatz.de/ai-hub-rheinland-koeln-frankreich-startplatz/" target="_blank" rel="noopener" class="arrow is-live">Learn more →</a>\n
                </div>\n
            </div>\n
        </div>\n
    \n
        <div class="megamenu-panel" data-panel="programme">\n
            <div class="megamenu-panel-grid">\n
                <div class="megamenu-panel-col">\n
                    <h4>Accelerator</h4>\n
                    <ul>\n
                        <li class="is-featured"><a href="https://www.startplatz.de/accelerator/" target="_blank" rel="noopener" class="is-live">AI Accelerator <small>4 months, 10 startups, real transformation</small></a></li>\n
    \n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-col">\n
                    <h4>Stipend &amp; Pitch</h4>\n
                    <ul>\n
                        <li><a href="https://www.startplatz.de/gruendungsstipendium-nrw/" target="_blank" rel="noopener" class="is-live">NRW Founders Stipend <small>Funding for early-stage startups</small></a></li>\n
                        <li><a href="https://www.rheinlandpitch.de/" target="_blank" rel="noopener" class="is-live">Rheinland-Pitch <small>Germany's biggest pitch series</small></a></li>\n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-col">\n
                    <h4>More</h4>\n
                    <ul>\n
    \n
    \n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-feature">\n
                    <h5>Accelerator Batch 3</h5>\n
                    <p>Apply now — next cohort starts in summer 2026.</p>\n
                    <a href="https://www.startplatz.de/accelerator/" target="_blank" rel="noopener" class="arrow is-live">Start your application →</a>\n
                </div>\n
            </div>\n
        </div>\n
    \n
        <div class="megamenu-panel" data-panel="events">\n
            <div class="megamenu-panel-grid">\n
                <div class="megamenu-panel-col is-highlight">\n
                    <h4>Hackathons</h4>\n
                    <ul>\n
                        <li><a href="https://www.startplatz.de/ki-weiterbildung/hackathons/" target="_blank" rel="noopener" class="is-live">Hackathons – overview <small>48-hour format, AI-focused</small></a></li>\n
    \n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-col">\n
                    <h4>Meetups &amp; Talks</h4>\n
                    <ul>\n
    \n
    \n
                        <li><a href="https://www.startplatz.de/ki-weiterbildung/meetups/" target="_blank" rel="noopener" class="is-live">All meetups</a></li>\n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-col">\n
                    <h4>Event overview</h4>\n
                    <ul>\n
                        <li><a href="https://www.startplatz.de/events/" target="_blank" rel="noopener" class="is-live">All events</a></li>\n
    \n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-feature">\n
                    <h5>Built in 48 hours.</h5>\n
                    <p>Hackathons at STARTPLATZ: working prototypes instead of slides. For devs, builders and innovation teams.</p>\n
                    <a href="https://www.startplatz.de/ki-weiterbildung/hackathons/" target="_blank" rel="noopener" class="arrow is-live">Discover hackathons →</a>\n
                </div>\n
            </div>\n
        </div>\n
    \n
        <div class="megamenu-panel" data-panel="ueber">\n
            <div class="megamenu-panel-grid">\n
                <div class="megamenu-panel-col">\n
                    <h4>STARTPLATZ</h4>\n
                    <ul>\n
                        <li><a href="../ueber-uns/ueber-uns_website_2.html">About us</a></li>\n
                        <li><a href="../standorte/standorte_website_2.html">Locations</a></li>\n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-col">\n
                    <h4>Get involved</h4>\n
                    <ul>\n
                        <li><a href="../karriere/karriere_website_2.html">Careers</a></li>\n
                        <li><a href="../partner/partner_website_2.html">Partners</a></li>\n
                        <li><a href="../referenzen/referenzen_website_2.html">References</a></li>\n
                        <li><a href="../unsere-startups/unsere-startups_website_2.html">Our startups</a></li>\n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-col">\n
                    <h4>News</h4>\n
                    <ul>\n
                        <li><a href="https://www.startplatz.de/blog/" target="_blank" rel="noopener" class="is-live">Blog</a></li>\n
    \n
                    </ul>\n
                </div>\n
                <div class="megamenu-panel-feature">\n
                    <h5>13+ years as NRW's startup hub</h5>\n
                    <p>Since 2012 we've been backing startups, builders and companies.</p>\n
                    <a href="../ueber-uns/ueber-uns_website_2.html" class="arrow">Our story →</a>\n
                </div>\n
            </div>\n
        </div>\n
    </nav>\n
    \n
    <!-- Mobile Menu -->\n
    <div class="backdrop" id="backdrop"></div>\n
    <aside class="mobile-menu" id="mobileMenu">\n
        <button class="mobile-menu-close" id="mobileClose" aria-label="Close">×</button>\n
        <ul>\n
            <li><a href="https://www.startplatz.de/coworking-koeln/" target="_blank" rel="noopener">Coworking</a></li>\n
            <li><a href="https://www.startplatz.de/konferenzraeume-koeln/" target="_blank" rel="noopener">Conference Rooms</a></li>\n
            <li><a href="https://startplatz-ai-academy.de/" target="_blank" rel="noopener">AI Hub</a></li>\n
            <li><a href="https://www.startplatz.de/accelerator/" target="_blank" rel="noopener">Programs</a></li>\n
            <li><a href="https://www.startplatz.de/events/" target="_blank" rel="noopener">Events</a></li>\n
            <li><a href="../ueber-uns/ueber-uns_website_2.html">About</a></li>\n
            <li><a href="/login/">Login</a></li>\n
        </ul>\n
        <a href="/en/memberships" class="mobile-cta">Become a member</a>\n
    </aside>\n
    \n
    <!-- ═══════════════════════ HERO ═══════════════════════ -->\n
    <header class="hero">\n
        <div class="hero-content">\n
            <div class="hero-text">\n
                <span class="hero-eyebrow">The biggest startup hub in NRW</span>\n
                <h1>The home of<br><em>startups</em> and <em class="hero-ai">AI</em><br>in NRW.</h1>\n
                <p class="hero-sub">\n
                    For startups, companies and everyone driving <em>AI</em> forward.\n
                </p>\n
                <p class="hero-sub">\n
                    An ecosystem that grows startups and gets people excited about AI.\n
                </p>\n
                <ul class="hero-pills">\n
                    <li>Accelerator</li>\n
                    <li>Coworking</li>\n
                    <li>Offices</li>\n
                    <li>Events</li>\n
                    <li class="hero-pill-ai">AI</li>\n
                </ul>\n
            </div>\n
            <div class="hero-stats">\n
                <div class="hero-stat">\n
                    <div class="hero-stat-num">1,500<em>+</em></div>\n
                    <div class="hero-stat-label">Startups<br>supported</div>\n
                </div>\n
                <div class="hero-stat">\n
                    <div class="hero-stat-num">€1.5<em>+</em> bn</div>\n
                    <div class="hero-stat-label">Invested<br>into our startups</div>\n
                </div>\n
                <div class="hero-stat">\n
                    <div class="hero-stat-num">250<em>+</em></div>\n
                    <div class="hero-stat-label">Events per year<br>in our ecosystem</div>\n
                </div>\n
            </div>\n
        </div>\n
        <a href="#products" class="scroll-indicator" aria-label="Scroll down">\n
            <span class="scroll-indicator-label">Discover more</span>\n
            <span class="scroll-indicator-arrow" aria-hidden="true">↓</span>\n
        </a>\n
    </header>\n
    \n
    <!-- ═══════════════════════════════════════════════════════════════════════════════\n
         BANNER — OPTIONAL NEWS SLOT\n
         This section is NOT shown permanently. It only appears when current news,\n
         events or application phases need to be communicated explicitly\n
         (e.g. via CMS toggle). In its default state it stays hidden,\n
         and the hero goes straight into the Product Cards.\n
         ═══════════════════════════════════════════════════════════════════════════════ -->\n
    <section class="banner" aria-label="News">\n
        <div class="banner-inner">\n
            <div class="banner-label">News</div>\n
            <div class="banner-items">\n
                <a href="https://www.startplatz.de/event/clawcon-nrw/2026-06-09" target="_blank" rel="noopener" class="banner-item">\n
                    <div class="banner-item-meta">Event · June 9, 2026</div>\n
                    <div class="banner-item-title"><em>ClawCon NRW</em> — Conference for AI builders</div>\n
                </a>\n
                <a href="https://www.startplatz.de/event/mistral-meetup-nrw-koeln/2026-06-23" target="_blank" rel="noopener" class="banner-item">\n
                    <div class="banner-item-meta">Event · June 23, 2026</div>\n
                    <div class="banner-item-title"><em>Mistral Meetup</em> Cologne — Open-source AI</div>\n
                </a>\n
                <a href="https://www.startplatz.de/accelerator/" target="_blank" rel="noopener" class="banner-item">\n
                    <div class="banner-item-meta">Program · Waitlist open</div>\n
                    <div class="banner-item-title">AI Accelerator Batch 3 — Join the Waitlist</div>\n
                </a>\n
                <a href="https://www.startplatz.de/ai-hub-rheinland-koeln-frankreich-startplatz/" target="_blank" rel="noopener" class="banner-item">\n
                    <div class="banner-item-meta">Initiative</div>\n
                    <div class="banner-item-title">Open-source AI: Cologne &amp; Paris in the making</div>\n
                </a>\n
            </div>\n
            <a href="https://www.startplatz.de/events/" target="_blank" rel="noopener" class="banner-all">All events</a>\n
        </div>\n
    </section>\n
    \n
    <!-- ═══════════════════════ PRODUCT CARDS ═══════════════════════ -->\n
    <section class="products-section" id="products">\n
        <div class="container" style="text-align:center;">\n
            <div class="section-eyebrow">Our ecosystem</div>\n
            <h2 class="section-title" style="margin-left:auto;margin-right:auto;">What would you like to discover?</h2>\n
        </div>\n
        <div class="products-grid">\n
    \n
            <div class="product product-coworking product--expandable">\n
                <div class="product-tile">Offices &amp; Coworking</div>\n
                <div class="product-image">\n
                    <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,f_auto,q_auto,w_800/v1733929384/Offices/K%C3%B6ln/Hongkong/dba-2036.jpg" alt="STARTPLATZ Coworking">\n
                </div>\n
                <div class="product-content">\n
                    <p class="product-desc">Coworking and private offices — flexibly bookable in Cologne &amp; Düsseldorf.</p>\n
                    <button type="button" class="product-cta-toggle">Learn more</button>\n
                    <div class="product-locations product-locations--grouped">\n
                        <div class="product-location-row">\n
                            <span class="product-location-city">Cologne</span>\n
                            <a href="https://www.startplatz.de/teambuero-koeln/" target="_blank" rel="noopener" class="product-location">Offices</a>\n
                            <a href="https://www.startplatz.de/coworking-koeln/" target="_blank" rel="noopener" class="product-location">Coworking</a>\n
                        </div>\n
                        <div class="product-location-row">\n
                            <span class="product-location-city">Düsseldorf</span>\n
                            <a href="https://www.startplatz.de/buero-duesseldorf/" target="_blank" rel="noopener" class="product-location">Offices</a>\n
                            <a href="https://www.startplatz.de/coworking-duesseldorf/" target="_blank" rel="noopener" class="product-location">Coworking</a>\n
                        </div>\n
                    </div>\n
                </div>\n
            </div>\n
    \n
            <div class="product product-konferenz product--expandable">\n
                <div class="product-tile">Conference Rooms</div>\n
                <div class="product-image">\n
                    <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1737448763/conference-rooms/Bilder%202025%20bearbeitet/Berlin_Tisch_neu3.jpg" alt="STARTPLATZ conference room">\n
                </div>\n
                <div class="product-content">\n
                    <p class="product-desc">Meeting, workshop and event rooms — bookable by the hour at both locations.</p>\n
                    <button type="button" class="product-cta-toggle">Learn more</button>\n
                    <div class="product-locations">\n
                        <a href="https://www.startplatz.de/koeln-tagungsraeume-und-konferenzraeume/" target="_blank" rel="noopener" class="product-location">Cologne</a>\n
                        <a href="https://www.startplatz.de/duesseldorf-tagungsraeume-und-konferenzraeume/" target="_blank" rel="noopener" class="product-location">Düsseldorf</a>\n
                    </div>\n
                </div>\n
            </div>\n
    \n
            <div class="product product-events product--expandable">\n
                <div class="product-tile">Events</div>\n
                <div class="product-image">\n
                    <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,f_auto,q_auto,w_800/v1615816778/rheinland-pitch/2017/Kopie_von_30-1024x683_1.jpg" alt="STARTPLATZ event">\n
                </div>\n
                <div class="product-content">\n
                    <p class="product-desc">Meetups, pitches and workshops — over 250 events per year across our ecosystem.</p>\n
                    <button type="button" class="product-cta-toggle">Learn more</button>\n
                    <div class="product-locations">\n
                        <a href="https://www.startplatz.de/events/" target="_blank" rel="noopener" class="product-location">Event calendar</a>\n
                        <a href="https://www.startplatz.de/ki-weiterbildung/meetups/" target="_blank" rel="noopener" class="product-location">Meetups</a>\n
                        <a href="https://www.startplatz.de/ki-weiterbildung/hackathons/" target="_blank" rel="noopener" class="product-location">Hackathons</a>\n
                    </div>\n
                </div>\n
            </div>\n
    \n
            <div class="product product-corporate product--expandable">\n
                <div class="product-tile">Corporate Innovation</div>\n
                <div class="product-image">\n
                    <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,f_auto,q_auto,w_800/v1614776660/conference-rooms/Vancouver/StartplatzTraumRaum-4.jpg" alt="Corporate Innovation Space">\n
                </div>\n
                <div class="product-content">\n
                    <p class="product-desc">Innovation programs, hackathons and Business Club — for established companies.</p>\n
                    <button type="button" class="product-cta-toggle">Learn more</button>\n
                    <div class="product-locations">\n
                        <a href="https://www.startplatz.de/fuer-unternehmen/" target="_blank" rel="noopener" class="product-location">Business Club</a>\n
                        <a href="https://startplatz-ai-academy.de/unternehmen#inhouse-schulungen" target="_blank" rel="noopener" class="product-location">Corporate Enablement</a>\n
                        <a href="https://startplatz-ai-academy.de/unternehmen#innovation-day" target="_blank" rel="noopener" class="product-location">Corporate Activation</a>\n
                    </div>\n
                </div>\n
            </div>\n
    \n
            <div class="product product-startup product--expandable">\n
                <div class="product-tile">Startup World</div>\n
                <div class="product-image">\n
                    <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_900/v1777878177/2026/BREAKFAST_website.jpg" alt="STARTPLATZ Startup Community">\n
                </div>\n
                <div class="product-content">\n
                    <p class="product-desc">Accelerator, incubator and network — from idea to Series A.</p>\n
                    <button type="button" class="product-cta-toggle">Learn more</button>\n
                    <div class="product-locations">\n
                        <a href="https://www.startplatz.de/accelerator/" target="_blank" rel="noopener" class="product-location">AI Accelerator NRW</a>\n
                        <a href="https://www.startplatz.de/open-accelerator/" target="_blank" rel="noopener" class="product-location">Open Incubator</a>\n
                        <a href="https://www.rheinlandpitch.de/" target="_blank" rel="noopener" class="product-location">Rheinland-Pitch</a>\n
                    </div>\n
                </div>\n
            </div>\n
    \n
            <div class="product product-aihub product--expandable">\n
                <div class="product-tile">AI World</div>\n
                <div class="product-image">\n
                    <img src="https://res.cloudinary.com/startplatz/image/upload/f_auto,q_auto/v1739970907/ai-hub/Artikelbilder/2.png" alt="STARTPLATZ AI Hub">\n
                </div>\n
                <div class="product-content">\n
                    <p class="product-desc">AI trainings, workshops and hackathons — hands-on knowledge for teams and talent.</p>\n
                    <button type="button" class="product-cta-toggle">Learn more</button>\n
                    <div class="product-locations">\n
                        <a href="https://startplatz-ai-academy.de/" target="_blank" rel="noopener" class="product-location">AI Academy</a>\n
                        <a href="https://www.startplatz.de/ki-weiterbildung/hackathons/" target="_blank" rel="noopener" class="product-location">Hackathons</a>\n
                        <a href="https://www.startplatz.de/ki-weiterbildung/meetups/" target="_blank" rel="noopener" class="product-location">Meetups</a>\n
                    </div>\n
                </div>\n
            </div>\n
    \n
        </div>\n
    \n
    \n
    </section>\n
    \n
    <!-- ═══════════════════════ PARTNERS BANNER ═══════════════════════ -->\n
    <section class="partners-banner" aria-label="Partners and sponsors">\n
        <div class="partners-marquee">\n
            <div class="partners-track">\n
                <a href="#" class="partner-logo">Qonto</a>\n
                <a href="#" class="partner-logo">Jysk</a>\n
                <a href="#" class="partner-logo">GründerFinanz</a>\n
                <a href="#" class="partner-logo">BestGruppe</a>\n
                <a href="#" class="partner-logo">Base44</a>\n
                <a href="#" class="partner-logo">NRW Ministry of Economic Affairs</a><!-- alternative: NRW Hub logo -->\n
                <a href="#" class="partner-logo">Techniker Krankenkasse</a>\n
                <a href="#" class="partner-logo">Kravag</a>\n
                <!-- still unsure, may be removed: -->\n
                <a href="#" class="partner-logo">Köln Business</a>\n
                <a href="#" class="partner-logo">WiFö Düsseldorf</a>\n
                <a href="#" class="partner-logo">HubSpot for Startups</a>\n
            </div>\n
            <div class="partners-track" aria-hidden="true">\n
                <a href="#" class="partner-logo">Qonto</a>\n
                <a href="#" class="partner-logo">Jysk</a>\n
                <a href="#" class="partner-logo">GründerFinanz</a>\n
                <a href="#" class="partner-logo">BestGruppe</a>\n
                <a href="#" class="partner-logo">Base44</a>\n
                <a href="#" class="partner-logo">NRW Ministry of Economic Affairs</a>\n
                <a href="#" class="partner-logo">Techniker Krankenkasse</a>\n
                <a href="#" class="partner-logo">Kravag</a>\n
                <a href="#" class="partner-logo">Köln Business</a>\n
                <a href="#" class="partner-logo">WiFö Düsseldorf</a>\n
                <a href="#" class="partner-logo">HubSpot for Startups</a>\n
            </div>\n
        </div>\n
    </section>\n
    \n
    <!-- ═══════════════════════ SUCCESS STORIES ═══════════════════════ -->\n
    <!-- TEMPORARILY COMMENTED OUT: Content (alumni stories) not final yet.\n
         Re-enable once real stories + logos are available.\n
    <section class="stories" id="stories">\n
        <div class="container">\n
            <div class="section-eyebrow">Success stories from STARTPLATZ</div>\n
            <h2 class="section-title" style="max-width:none; white-space:nowrap;">From STARTPLATZ to the world</h2>\n
        </div>\n
        <div class="stories-grid">\n
            <div class="story-card featured">\n
                <div>\n
                    <div class="story-meta">Featured Story</div>\n
                    <img class="story-logo" src="../logos/deepl.png" alt="DeepL Logo" onerror="this.style.display='none'">\n
                </div>\n
                <div>\n
                    <div class="story-name">DeepL — AI translation from Cologne</div>\n
                    <div class="story-desc">Jaroslaw Kutylowski has built one of Europe's most successful AI unicorns out of Cologne. DeepL competes head-to-head with Google Translate — millions of users worldwide today, a billion-euro valuation.</div>\n
                </div>\n
            </div>\n
            <div class="story-card">\n
                <div class="story-meta">Alumnus</div>\n
                <div>\n
                    <img class="story-logo" src="../logos/cognigy.png" alt="Cognigy Logo" onerror="this.style.display='none'">\n
                    <div class="story-name">Cognigy</div>\n
                    <div class="story-placeholder">Conversational AI · Düsseldorf</div>\n
                </div>\n
            </div>\n
            <div class="story-card">\n
                <div class="story-meta">Alumnus</div>\n
                <div>\n
                    <img class="story-logo" src="../logos/deepset.png" alt="deepset Logo" onerror="this.style.display='none'">\n
                    <div class="story-name">deepset</div>\n
                    <div class="story-placeholder">LLM infrastructure · Makers of Haystack</div>\n
                </div>\n
            </div>\n
        </div>\n
        <div class="wip-placeholder">More alumni stories in progress</div>\n
    </section>\n
    -->\n
    \n
    \n
    <!-- ═══════════════════════ LATEST ═══════════════════════ -->\n
    <section class="latest" id="latest">\n
        <div class="container">\n
            <div class="section-eyebrow">What's going on</div>\n
            <h2 class="section-title" style="max-width:none; white-space:nowrap;">News from STARTPLATZ</h2>\n
        </div>\n
        <div class="latest-grid">\n
            <a href="https://www.startplatz.de/event/accelerator-batch-2-demoday-2026-07-22/" target="_blank" rel="noopener" class="latest-card">\n
                <div class="latest-card-img"><img src="https://res.cloudinary.com/startplatz/image/upload/c_fill,w_900,h_560,q_auto,f_auto/v1777538274/events/2026/Website_Design_KICK_OFF_-_Batch_1.png" alt="AI Accelerator Batch 2 Demo Day"></div>\n
                <div class="latest-card-body">\n
                    <span class="latest-tag">Program · Demo Day Jul 22</span>\n
                    <h3 class="latest-card-title">AI Accelerator Batch 2 — Demo Day</h3>\n
                    <div class="latest-card-meta">10 startups, 4-month program · see the results live</div>\n
                </div>\n
            </a>\n
            <a href="https://www.startplatz.de/event/mistral-meetup-nrw-koeln/2026-06-23" target="_blank" rel="noopener" class="latest-card">\n
                <div class="latest-card-img"><img src="https://res.cloudinary.com/startplatz/image/upload/c_fill,w_900,h_560,q_auto,f_auto/v1768770356/events/2026/mistral-meetup-nrw-duesseldorf-januar-2026.jpg" alt="Mistral Meetup Düsseldorf"></div>\n
                <div class="latest-card-body">\n
                    <span class="latest-tag">Meetup · Recurring</span>\n
                    <h3 class="latest-card-title">Mistral Meetup — Cologne &amp; Düsseldorf</h3>\n
                    <div class="latest-card-meta">Open-source AI community · monthly, alternating between both cities</div>\n
                </div>\n
            </a>\n
            <a href="https://www.startplatz.de/event/start-up-bbq-2026-06-18/" target="_blank" rel="noopener" class="latest-card">\n
                <div class="latest-card-img"><img src="https://res.cloudinary.com/startplatz/image/upload/c_fill,w_900,h_560,q_auto,f_auto/v1737366373/events/IMG_3906.png" alt="Startup BBQ #116"></div>\n
                <div class="latest-card-body">\n
                    <span class="latest-tag">Community · Jun 18, 2026</span>\n
                    <h3 class="latest-card-title">Startup BBQ #116</h3>\n
                    <div class="latest-card-meta">Networking over BBQ · Cologne Mediapark</div>\n
                </div>\n
            </a>\n
        </div>\n
    \n
        <div class="highlights-section">\n
        <div class="container">\n
            <div class="section-eyebrow">STARTPLATZ DNA</div>\n
            <h2 class="section-title" style="max-width:none; white-space:nowrap;">What makes us special</h2>\n
        </div>\n
        <div class="highlights-grid">\n
            <a href="#ai-hub" class="highlight-card">\n
                <div class="highlight-img-block">\n
                    <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,f_auto,q_auto,w_900/v1779369292/AI%20generierte%20Bilder/AI_Keynote.png" alt="AI Hub at STARTPLATZ">\n
                </div>\n
                <div class="highlight-body">\n
                    <div class="highlight-eyebrow">AI</div>\n
                    <p class="highlight-desc">From AI meetups to AI training and from in-house workshops to AI hackathons — at STARTPLATZ, people and companies meet who don't just want to understand AI, but actually apply it.</p>\n
                    <span class="highlight-arrow">More about the AI Hub</span>\n
                </div>\n
            </a>\n
            <a href="https://www.startplatz.de/events/" target="_blank" rel="noopener" class="highlight-card">\n
                <div class="highlight-img-block">\n
                    <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_900/v1615816782/rheinland-pitch/2017/Kopie_von_Rheinlandpitch270317-12.jpg" alt="Rheinland Pitch at STARTPLATZ">\n
                </div>\n
                <div class="highlight-body">\n
                    <div class="highlight-eyebrow">Events</div>\n
                    <p class="highlight-desc">Meetups, community events, hackathons, Rheinland-Pitch and workshops — every week people come together at STARTPLATZ to share ideas, build and grow.</p>\n
                    <span class="highlight-arrow">All events</span>\n
                </div>\n
            </a>\n
            <a href="https://www.startplatz.de/memberships/" target="_blank" rel="noopener" class="highlight-card">\n
                <div class="highlight-img-block">\n
                    <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,f_auto,q_auto,w_900/v1615558840/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/BBQ-7.jpg" alt="STARTPLATZ Community">\n
                </div>\n
                <div class="highlight-body">\n
                    <div class="highlight-eyebrow">Community</div>\n
                    <p class="highlight-desc">Startups, investors, mentors, experts, alumni and partners — our community connects people, knowledge and opportunities far beyond any single program.</p>\n
                    <span class="highlight-arrow">Become a member</span>\n
                </div>\n
            </a>\n
            <div class="highlight-card highlight-card--locations">\n
                <div class="highlight-img-block is-split">\n
                    <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_500/v1614775893/Offices/K%C3%B6ln/Au%C3%9Fenansicht/STARTPLATZ_Ko%CC%88ln_Au%C3%9Fenansicht9.jpg" alt="STARTPLATZ Cologne Mediapark">\n
                    <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_500/v1737547718/conference-rooms/Confi%20DUS%20new/Au%C3%9Fenansicht.jpg" alt="STARTPLATZ Düsseldorf Medienhafen">\n
                </div>\n
                <div class="highlight-body">\n
                    <div class="highlight-eyebrow">Locations</div>\n
                    <p class="highlight-desc">Cologne Mediapark and Düsseldorf Medienhafen — two central spots for coworking, offices, events and innovation, right in the heart of the startup &amp; AI ecosystem in NRW.</p>\n
                    <div class="highlight-location-links">\n
                        <a href="https://www.startplatz.de/coworking-koeln/" target="_blank" rel="noopener" class="highlight-location-link">Cologne →</a>\n
                        <a href="https://www.startplatz.de/buero-duesseldorf/" target="_blank" rel="noopener" class="highlight-location-link">Düsseldorf →</a>\n
                    </div>\n
                </div>\n
            </div>\n
        </div>\n
        </div>\n
    \n
        <div class="container" style="margin-top:80px;">\n
            <div class="section-eyebrow">News</div>\n
            <h2 class="section-title" style="max-width:none; white-space:nowrap;">Upcoming events</h2>\n
        </div>\n
        <!-- HOMEPAGE_LATEST_EVENTS_START — on WP deploy this block gets replaced by [sp_upcoming_events limit="3"] -->\n
        <div class="latest-grid">\n
            <a href="https://www.startplatz.de/event/clawcon-nrw/2026-06-09" target="_blank" rel="noopener" class="latest-card">\n
                <div class="latest-card-img"><img src="https://res.cloudinary.com/startplatz/image/upload/c_fill,w_900,h_560,q_auto,f_auto/v1770823236/events/2026/clawcon-nrw-februar-2026.jpg" alt="ClawCon NRW"></div>\n
                <div class="latest-card-body">\n
                    <span class="latest-tag">Event · Jun 9, 2026</span>\n
                    <h3 class="latest-card-title">ClawCon NRW</h3>\n
                    <div class="latest-card-meta">Conference for AI builders · Cologne</div>\n
                </div>\n
            </a>\n
            <a href="https://www.startplatz.de/event/mistral-meetup-nrw-koeln/2026-06-23" target="_blank" rel="noopener" class="latest-card">\n
                <div class="latest-card-img"><img src="https://res.cloudinary.com/startplatz/image/upload/c_fill,w_900,h_560,q_auto,f_auto/v1768770729/events/2026/mistral-meetup-nrw-koeln-februar-2026.jpg" alt="Mistral Meetup Cologne"></div>\n
                <div class="latest-card-body">\n
                    <span class="latest-tag">Event · Jun 23, 2026</span>\n
                    <h3 class="latest-card-title">Mistral Meetup CGN #3: Show &amp; Tell</h3>\n
                    <div class="latest-card-meta">Open-source AI with Mistral · Cologne</div>\n
                </div>\n
            </a>\n
            <a href="https://www.startplatz.de/event/rheinland-pitch-duesseldorf-2026-06-29/" target="_blank" rel="noopener" class="latest-card">\n
                <div class="latest-card-img"><img src="https://res.cloudinary.com/startplatz/image/upload/c_fill,w_900,h_560,q_auto,f_auto/v1698701012/rheinland-pitch/rheinland-pitch-artikelbild.png" alt="Rheinland Pitch #128 Summer Final"></div>\n
                <div class="latest-card-body">\n
                    <span class="latest-tag">Event · Jun 29, 2026</span>\n
                    <h3 class="latest-card-title">Rheinland Pitch #128 Summer Final</h3>\n
                    <div class="latest-card-meta">Startup pitches · Düsseldorf</div>\n
                </div>\n
            </a>\n
        </div>\n
        <!-- HOMEPAGE_LATEST_EVENTS_END -->\n
    </section>\n
    \n
    <!-- ═══════════════════════ AI HUB FEATURE ═══════════════════════ -->\n
    <section class="ai-hub-feature" id="ai-hub">\n
        <div class="container">\n
            <div class="section-eyebrow">AI Hub NRW</div>\n
            <h2 class="section-title" style="max-width:none; white-space:nowrap;">We're the AI hub of the Rhineland</h2>\n
            <p class="ai-hub-sub"><strong>Understanding AI isn't enough — we put it into practice.</strong> Four programs in the Rhineland: Accelerator, AI Academy, Hackathons and the Cologne–Paris builder community.</p>\n
        </div>\n
        <div class="ai-hub-grid">\n
            <a href="https://www.startplatz.de/accelerator/" target="_blank" rel="noopener" class="ai-hub-card">\n
                <div class="ai-hub-card-num">01 · Program</div>\n
                <h3>AI Accelerator</h3>\n
                <p>4-month program for 10 AI startups. Mentoring, investor access, pilot projects with corporate partners.</p>\n
                <span class="ai-hub-card-cta">Apply</span>\n
            </a>\n
            <a href="https://startplatz-ai-academy.de/" target="_blank" rel="noopener" class="ai-hub-card">\n
                <div class="ai-hub-card-num">02 · Subsidiary</div>\n
                <h3>AI Academy</h3>\n
                <p>AZAV-certified, taught by practitioners. Four stages — entry, deep dive, specialization, staying current. Masterclasses, intensive programs, AI Campus and in-house for teams.</p>\n
                <span class="ai-hub-card-cta">Discover programs</span>\n
            </a>\n
            <a href="https://www.startplatz.de/ki-weiterbildung/hackathons/" target="_blank" rel="noopener" class="ai-hub-card">\n
                <div class="ai-hub-card-num">03 · Format</div>\n
                <h3>Hackathons</h3>\n
                <p>48 hours, working prototypes. Open, corporate and Hackathon-as-a-Service for companies.</p>\n
                <span class="ai-hub-card-cta">Hackathons</span>\n
            </a>\n
            <a href="https://www.startplatz.de/ki-weiterbildung/meetups/" target="_blank" rel="noopener" class="ai-hub-card">\n
                <div class="ai-hub-card-num">04 · Community</div>\n
                <h3>Builder Community</h3>\n
                <p>Weekly AI Fridays, Mistral Meetups, AI Treffpunkt, ClawCon — if you build with AI, this is where you meet.</p>\n
                <span class="ai-hub-card-cta">Community</span>\n
            </a>\n
        </div>\n
        <a href="https://www.startplatz.de/ai-hub-rheinland-koeln-frankreich-startplatz/" target="_blank" rel="noopener" class="ai-hub-bridge">\n
            <div class="ai-hub-bridge-left">\n
                <div class="ai-hub-bridge-eyebrow">Initiative · Cologne × Paris</div>\n
                <h3 class="ai-hub-bridge-title">Open-source AI: Cologne × Paris</h3>\n
                <p class="ai-hub-bridge-text">We connect France's deep-tech strength (Mistral &amp; Co.) with NRW's applied power. 3 hours by train between the two ecosystems — together we're building Europe's AI stack.</p>\n
                <div class="ai-hub-bridge-stats">\n
                    <div class="ai-hub-bridge-stat"><span class="ai-hub-bridge-stat-num">4,500m²</span><span class="ai-hub-bridge-stat-label">Cologne</span></div>\n
                    <div class="ai-hub-bridge-stat"><span class="ai-hub-bridge-stat-num">2,000m²</span><span class="ai-hub-bridge-stat-label">Düsseldorf</span></div>\n
                </div>\n
                <span class="ai-hub-bridge-cta">Discover the initiative →</span>\n
            </div>\n
            <div class="ai-hub-bridge-right">\n
                <img src="https://res.cloudinary.com/startplatz/image/upload/v1764009303/allmeda/paris-meets-cologne.png" alt="Paris meets Cologne — Open-source AI">\n
            </div>\n
        </a>\n
    </section>\n
    \n
    <!-- ═══════════════════════ PILLARS — What you get ═══════════════════════ -->\n
    <!-- TEMPORARILY COMMENTED OUT: Six-pillar block — content still being finalized.\n
         Re-enable once texts/lists per pillar have been reviewed.\n
    <section class="pillars">\n
        <div class="container">\n
            <div class="section-eyebrow">What you get with us</div>\n
            <h2 class="section-title">Six pillars, one ecosystem</h2>\n
        </div>\n
        <div class="pillars-grid">\n
            <div class="pillar">\n
                <h3>Coworking</h3>\n
                <p>Flexible workspaces and private offices in Cologne Mediapark and Düsseldorf Medienhafen — the community sits right next to you.</p>\n
                <ul class="pillar-list">\n
                    <li>FlexDesk from €180 / month</li>\n
                    <li>2nd Home with a fixed desk</li>\n
                    <li>Team offices 2–30 people</li>\n
                    <li>Business address + mail service</li>\n
                </ul>\n
                <a href="#" class="pillar-link">Discover coworking</a>\n
            </div>\n
            <div class="pillar">\n
                <h3>Conference Rooms</h3>\n
                <p>Professionally equipped rooms for meetings, workshops and events — bookable online by the hour.</p>\n
                <ul class="pillar-list">\n
                    <li>Rooms for 4–80 people</li>\n
                    <li>Online booking, by the hour</li>\n
                    <li>Hybrid setup (conference tech)</li>\n
                    <li>Catering &amp; service available</li>\n
                </ul>\n
                <a href="#" class="pillar-link">Book a room</a>\n
            </div>\n
            <div class="pillar">\n
                <h3>Accelerator</h3>\n
                <p>From the AI Accelerator to the NRW Founders Stipend and Rheinland-Pitch — structured paths for every stage.</p>\n
                <ul class="pillar-list">\n
                    <li>AI Accelerator (4 months)</li>\n
                    <li>NRW Founders Stipend</li>\n
                    <li>Rheinland-Pitch</li>\n
                    <li>Mentoring &amp; investor access</li>\n
                </ul>\n
                <a href="#" class="pillar-link">See programs</a>\n
            </div>\n
            <div class="pillar">\n
                <h3>AI Hub</h3>\n
                <p>A builder community between Cologne and Paris. Open-source AI, devs, innovation teams — we build, we don't just talk.</p>\n
                <ul class="pillar-list">\n
                    <li><strong style="color:var(--sp-green)">Hackathons</strong> — corporate, open and as-a-service</li>\n
                    <li>Mistral Meetup, AI Treffpunkt, ClawCon</li>\n
                    <li>AI Fridays — weekly</li>\n
                    <li>France AI Initiative</li>\n
                </ul>\n
                <a href="#" class="pillar-link">Explore the AI Hub</a>\n
            </div>\n
            <div class="pillar">\n
                <h3>Events &amp; Academy</h3>\n
                <p>250+ events per year and AZAV-certified AI training — from beginner to masterclass.</p>\n
                <ul class="pillar-list">\n
                    <li>AI Manager full-time/part-time</li>\n
                    <li>Masterclasses &amp; bootcamps</li>\n
                    <li>Meetups, breakfasts, BBQs</li>\n
                    <li>AZAV funding available</li>\n
                </ul>\n
                <a href="#" class="pillar-link">See the Academy</a>\n
            </div>\n
            <div class="pillar">\n
                <h3>Corporate</h3>\n
                <p>Mid-sized companies and corporates plug into the ecosystem — from Business Club to tailored innovation.</p>\n
                <ul class="pillar-list">\n
                    <li>Business Club Membership</li>\n
                    <li>Corporate Enablement &amp; Activation</li>\n
                    <li>Innovation Experiences</li>\n
                    <li>Startup matching &amp; deal flow</li>\n
                </ul>\n
                <a href="#" class="pillar-link">Corporate offerings</a>\n
            </div>\n
        </div>\n
    </section>\n
    -->\n
    <!-- ═══════════════════════ LOCATIONS ═══════════════════════ -->\n
    <section class="locations">\n
        <div class="container">\n
            <div class="section-eyebrow">Locations</div>\n
            <h2 class="section-title">Cologne and Düsseldorf — where NRW works</h2>\n
        </div>\n
        <div class="locations-grid">\n
            <div class="location">\n
                <div class="location-img"><img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1614775893/Offices/K%C3%B6ln/Au%C3%9Fenansicht/STARTPLATZ_Ko%CC%88ln_Au%C3%9Fenansicht9.jpg" alt="STARTPLATZ Cologne Mediapark"></div>\n
                <div class="location-body">\n
                    <div class="location-name">Cologne</div>\n
                    <div class="location-addr">Im Mediapark 5 · 50670 Cologne<br>Side entrance: Schanzenstraße 36<br><span class="location-hours">Reception Mon–Fri 9am–6pm · Members 24/7</span></div>\n
                    <div class="location-tags">\n
                        <span class="location-tag">Coworking</span>\n
                        <span class="location-tag">Offices</span>\n
                        <span class="location-tag">Conference</span>\n
                        <span class="location-tag">Accelerator</span>\n
                        <span class="location-tag">Event Space</span>\n
                    </div>\n
                    <div class="location-actions">\n
                        <a href="https://calendly.com/support-startplatz/coworking-probetag?month=2026-05" target="_blank" rel="noopener" class="btn">Book a Trial Day</a>\n
                        <a href="https://www.startplatz.de/coworking-koeln/#:~:text=3D%20Room%20Tour" target="_blank" rel="noopener" class="btn btn-outline">3D Tour</a>\n
                    </div>\n
                </div>\n
            </div>\n
            <div class="location">\n
                <div class="location-img"><img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1737547718/conference-rooms/Confi%20DUS%20new/Au%C3%9Fenansicht.jpg" alt="STARTPLATZ Düsseldorf Medienhafen"></div>\n
                <div class="location-body">\n
                    <div class="location-name dus">Düsseldorf</div>\n
                    <div class="location-addr">Speditionstraße 15a · 40221 Düsseldorf<br><span class="location-hours">Reception Mon–Fri 9am–6pm · Members 24/7</span></div>\n
                    <div class="location-tags">\n
                        <span class="location-tag">Coworking</span>\n
                        <span class="location-tag">Offices</span>\n
                        <span class="location-tag">Conference</span>\n
                        <span class="location-tag">Innovation Hub</span>\n
                    </div>\n
                    <div class="location-actions">\n
                        <a href="https://calendly.com/startplatz-duesseldorf/coworker-probetag?month=2026-05" target="_blank" rel="noopener" class="btn">Book a Trial Day</a>\n
                        <a href="https://www.startplatz.de/buero-duesseldorf/#:~:text=3D%20Room%20Tour" target="_blank" rel="noopener" class="btn btn-outline">3D Tour</a>\n
                    </div>\n
                </div>\n
            </div>\n
        </div>\n
    </section>\n
    \n
    <!-- ═══════════════════════ TESTIMONIALS ═══════════════════════ -->\n
    <!-- TEMPORARILY COMMENTED OUT: Testimonials anonymous/generic — real voices + names missing.\n
         Re-enable once real member quotes with name/role/company + avatar are available.\n
    <section class="testimonials">\n
        <div class="container">\n
            <div class="section-eyebrow">Voices from the community</div>\n
            <h2 class="section-title">What members say about us</h2>\n
        </div>\n
        <div class="testimonials-grid">\n
            <div class="testimonial">\n
                <p class="testimonial-quote">„One of the nicest office spaces in Cologne with a great view — and above all, lots of brilliant colleagues you get to meet there."</p>\n
                <div class="testimonial-author">\n
                    <div class="testimonial-avatar"></div>\n
                    <div>\n
                        <div class="testimonial-name">Coworking member</div>\n
                        <div class="testimonial-role">Google Review</div>\n
                    </div>\n
                </div>\n
            </div>\n
            <div class="testimonial">\n
                <p class="testimonial-quote">„Experienced AI experts drop by regularly and share their knowledge — a valuable exchange when you're building an AI team in the Rhineland."</p>\n
                <div class="testimonial-author">\n
                    <div class="testimonial-avatar"></div>\n
                    <div>\n
                        <div class="testimonial-name">Corporate member</div>\n
                        <div class="testimonial-role">ProvenExpert</div>\n
                    </div>\n
                </div>\n
            </div>\n
        </div>\n
    </section>\n
    -->\n
    \n
    <!-- ═══════════════════════ SEO FOOTER ═══════════════════════ -->\n
    <section class="seo-footer">\n
        <div class="container">\n
            <div class="section-eyebrow">About STARTPLATZ</div>\n
            <h2 class="section-title">The biggest startup hub in NRW</h2>\n
            <p class="seo-footer-text">\n
                With locations in <strong>Cologne Mediapark</strong> and <strong>Düsseldorf Medienhafen</strong>, STARTPLATZ is the biggest startup incubator and accelerator in North Rhine-Westphalia. Since 2012 we've supported over <strong>1,500 startups</strong> — alumni like DeepL, Cognigy, deepset and epilot. More than <strong>€1.5 billion in investments</strong> have flowed into our startups.\n
            </p>\n
            <p class="seo-footer-text">\n
                Over <strong>250 events</strong> per year — from meetups, hackathons and workshops to <strong>Rheinland-Pitch</strong>, Germany's biggest pitch series. At the <strong>AI Hub Rheinland</strong> we connect builders, researchers and companies: AI Fridays, Mistral Meetups, the German-French open-source AI initiative with Paris.\n
            </p>\n
            <p class="seo-footer-text">\n
                Our programs go beyond the single idea: the <strong>AI Accelerator NRW</strong> transforms 10 startups in 4 months, the <strong>Open Incubator</strong> supports early-stage founders, the <strong>AZAV-certified AI Academy</strong> trains AI managers — fundable via the German education voucher. For companies: <strong>Business Club Membership</strong>, Corporate Enablement and Corporate Activation.\n
            </p>\n
    \n
            <h3 class="seo-footer-list-title">Top topics</h3>\n
            <ul class="seo-footer-list">\n
                <li><a href="https://www.startplatz.de/coworking-koeln/" target="_blank" rel="noopener">Coworking Cologne</a></li>\n
                <li><a href="https://www.startplatz.de/coworking-duesseldorf/" target="_blank" rel="noopener">Coworking Düsseldorf</a></li>\n
                <li><a href="https://www.startplatz.de/teambuero-koeln/" target="_blank" rel="noopener">Team offices Cologne</a></li>\n
                <li><a href="https://www.startplatz.de/buero-duesseldorf/" target="_blank" rel="noopener">Team offices Düsseldorf</a></li>\n
                <li><a href="https://www.startplatz.de/koeln-tagungsraeume-und-konferenzraeume/" target="_blank" rel="noopener">Conference room Cologne</a></li>\n
                <li><a href="https://www.startplatz.de/duesseldorf-tagungsraeume-und-konferenzraeume/" target="_blank" rel="noopener">Conference room Düsseldorf</a></li>\n
                <li><a href="https://www.startplatz.de/accelerator/" target="_blank" rel="noopener">AI Accelerator NRW</a></li>\n
                <li><a href="https://www.startplatz.de/open-accelerator/" target="_blank" rel="noopener">Open Incubator</a></li>\n
                <li><a href="https://www.rheinlandpitch.de/" target="_blank" rel="noopener">Rheinland-Pitch</a></li>\n
                <li><a href="https://startplatz-ai-academy.de/" target="_blank" rel="noopener">AI training</a></li>\n
                <li><a href="https://www.startplatz.de/ki-weiterbildung/hackathons/" target="_blank" rel="noopener">AI hackathons</a></li>\n
                <li><a href="https://www.startplatz.de/ki-weiterbildung/meetups/" target="_blank" rel="noopener">AI meetups</a></li>\n
                <li><a href="https://www.startplatz.de/fuer-unternehmen/" target="_blank" rel="noopener">Business Club</a></li>\n
                <li><a href="https://www.startplatz.de/ai-hub-rheinland-koeln-frankreich-startplatz/" target="_blank" rel="noopener">AI Hub Rheinland</a></li>\n
                <li><a href="https://www.startplatz.de/events/" target="_blank" rel="noopener">Event calendar</a></li>\n
                <li><a href="https://www.startplatz.de/blog/" target="_blank" rel="noopener">Blog</a></li>\n
            </ul>\n
        </div>\n
    </section>\n
    \n
    <!-- ═══════════════════════ NEWSLETTER ═══════════════════════ -->\n
    <section class="newsletter">\n
        <div class="newsletter-inner">\n
            <h2>Stay in the loop</h2>\n
            <p>The STARTPLATZ newsletter: events, programs and what's happening in the NRW startup ecosystem. Once a month, no spam.</p>\n
            <form class="newsletter-form" action="https://startplatz.us5.list-manage.com/subscribe/post?u=8a2b498caca4323b774191382&amp;id=be73f77d94" method="post" target="_blank" novalidate>\n
                <input type="email" name="EMAIL" placeholder="you@email.com" required>\n
                <div aria-hidden="true" style="position:absolute; left:-5000px;"><input type="text" name="b_8a2b498caca4323b774191382_be73f77d94" tabindex="-1" value=""></div>\n
                <button type="submit" name="subscribe">Subscribe</button>\n
            </form>\n
        </div>\n
    </section>\n
    <script>\n
    // === MEGA MENU INTERACTION ===\n
    const megamenu = document.getElementById('megamenu');\n
    const links = document.querySelectorAll('.megamenu-link');\n
    const panels = document.querySelectorAll('.megamenu-panel');\n
    const burger = document.getElementById('burger');\n
    const mobileMenu = document.getElementById('mobileMenu');\n
    const mobileClose = document.getElementById('mobileClose');\n
    const backdrop = document.getElementById('backdrop');\n
    \n
    function closeAllPanels() {\n
        panels.forEach(p => p.classList.remove('is-open'));\n
        links.forEach(l => l.setAttribute('aria-expanded', 'false'));\n
    }\n
    \n
    links.forEach(link => {\n
        link.addEventListener('click', (e) => {\n
            e.stopPropagation();\n
            const target = link.dataset.panel;\n
            const panel = document.querySelector(`.megamenu-panel[data-panel="${target}"]`);\n
            const isOpen = panel.classList.contains('is-open');\n
            closeAllPanels();\n
            if (!isOpen) {\n
                panel.classList.add('is-open');\n
                link.setAttribute('aria-expanded', 'true');\n
            }\n
        });\n
    });\n
    \n
    document.addEventListener('click', (e) => {\n
        if (!e.target.closest('.megamenu')) closeAllPanels();\n
    });\n
    \n
    document.addEventListener('keydown', (e) => {\n
        if (e.key === 'Escape') closeAllPanels();\n
    });\n
    \n
    // Sticky background swap on scroll\n
    function updateMegamenuBackground() {\n
        if (window.scrollY > 60) {\n
            megamenu.classList.remove('is-transparent');\n
            megamenu.classList.add('is-solid');\n
        } else {\n
            megamenu.classList.add('is-transparent');\n
            megamenu.classList.remove('is-solid');\n
        }\n
    }\n
    window.addEventListener('scroll', updateMegamenuBackground);\n
    updateMegamenuBackground();\n
    \n
    // Mobile menu\n
    function openMobile() {\n
        mobileMenu.classList.add('is-open');\n
        backdrop.classList.add('is-open');\n
        document.body.style.overflow = 'hidden';\n
    }\n
    function closeMobile() {\n
        mobileMenu.classList.remove('is-open');\n
        backdrop.classList.remove('is-open');\n
        document.body.style.overflow = '';\n
    }\n
    burger.addEventListener('click', openMobile);\n
    mobileClose.addEventListener('click', closeMobile);\n
    backdrop.addEventListener('click', closeMobile);\n
    \n
    document.querySelectorAll('.product-cta-toggle').forEach(btn => {\n
        const labelOpen = 'Learn more';\n
        const labelClose = 'Close';\n
        btn.addEventListener('click', () => {\n
            const card = btn.closest('.product');\n
            card.classList.toggle('is-expanded');\n
            btn.textContent = card.classList.contains('is-expanded') ? labelClose : labelOpen;\n
        });\n
    });\n
    </script>\n
    \n
    \n
    \n
    \n
    \n
    <!-- sp-connect footer starts -->\n
    \n
    <style type="text/css">\n
        .ftco-section {\n
            padding: 5em 0;\n
            position: relative; }\n
        @media (max-width: 767.98px) {\n
            .ftco-section {\n
                padding: 6em 0; } }\n
    \n
        .ftco-footer {\n
            font-size: 16px;\n
            background: #232931;\n
            padding: 7em 0;\n
            z-index: 0; }\n
        .ftco-footer .ftco-footer-logo {\n
            text-transform: uppercase;\n
            letter-spacing: .1em; }\n
        .ftco-footer .ftco-footer-widget h2 {\n
            font-weight: normal;\n
            color: #fff;\n
            margin-bottom: 40px;\n
            font-size: 22px;\n
            font-weight: 600; }\n
        .ftco-footer .ftco-footer-widget ul li {\n
            margin-bottom: 10px; }\n
        .ftco-footer .ftco-footer-widget ul li a {\n
            color: rgba(255, 255, 255, 0.6); }\n
        .ftco-footer .ftco-footer-widget ul li a span {\n
            color: rgba(255, 255, 255, 0.6); }\n
        .ftco-footer .ftco-footer-widget .btn-primary {\n
            background: #fff !important;\n
            border: 2px solid #fff !important; }\n
        .ftco-footer .ftco-footer-widget .btn-primary:hover {\n
            background: #fff;\n
            border: 2px solid #fff !important; }\n
        .ftco-footer p {\n
            color: rgba(255, 255, 255, 0.7); }\n
        .ftco-footer a {\n
            color: rgba(255, 255, 255, 0.7); }\n
        .ftco-footer a:hover {\n
            color: #fff; }\n
        .ftco-footer .ftco-heading-2 {\n
            font-size: 17px;\n
            font-weight: 400;\n
            color: #000000; }\n
    \n
        .ftco-footer-social li {\n
            list-style: none;\n
            margin: 0 10px 0 0;\n
            display: inline-block; }\n
        .ftco-footer-social li a {\n
            height: 50px;\n
            width: 50px;\n
            display: block;\n
            float: left;\n
            background: rgba(255, 255, 255, 0.1);\n
            border-radius: 50%;\n
            position: relative; }\n
        .ftco-footer-social li a span {\n
            position: absolute;\n
            font-size: 26px;\n
            top: 50%;\n
            left: 50%;\n
            -webkit-transform: translate(-50%, -50%);\n
            -ms-transform: translate(-50%, -50%);\n
            transform: translate(-50%, -50%); }\n
        .ftco-footer-social li a:hover {\n
            color: #fff; }\n
    \n
        .footer-small-nav > li {\n
            display: inline-block; }\n
        .footer-small-nav > li a {\n
            margin: 0 10px 10px 0; }\n
        .footer-small-nav > li a:hover, .footer-small-nav > li a:focus {\n
            color: #033fff; }\n
    \n
        .media .ftco-icon {\n
            width: 100px; }\n
        .media .ftco-icon span {\n
            color: #033fff; }\n
    \n
    \n
         .spGreen h1,.spGreen h2,.spGreen h3,.spGreen h4,.spGreen h5,.spGreen h6  {color: rgba(122,184,8,1) !important;}\n
        .spBgGreen {background-color: rgba(122,184,8,1) !important;color: white;}\n
    \n
        /* --- Corporate: spRed/ RED ---- */\n
        .color-danger {\n
            color:#8F2640;\n
        }\n
    \n
        .spRed h1,.spRed h2,.spRed h3,.spRed h4,.spRed h5,.spRed h6  {color: rgba(143,38,64,1) !important;}\n
        .bgSpRed { background-color: rgba(143,38,64,0.99)!important;}\n
    \n
    </style>\n
    \n
    <footer class="ftco-footer ftco-section">\n
        <div class="container">\n
            <div class="row my-2">\n
                <div class="col-md-2">\n
                    <div class="ftco-footer-widget mb-3">\n
                        <h2 class="ftco-heading-2">Über STARTPLATZ</h2>\n
                        <p>Mit Standorten in Köln und Düsseldorf ist STARTPLATZ der größte Startup Inkubator und Accelerator in NRW</p>\n
    \n
                        <ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-3">\n
                            <li class="ftco-animate"><a href="https://twitter.com/startplatz"><span class="fab fa-twitter"></span></a></li>\n
                            <li class="ftco-animate"><a href="https://de-de.facebook.com/StartPlatz/"><span class="fab fa-facebook-f"></span></a></li>\n
                            <li class="ftco-animate"><a href="https://www.instagram.com/startplatz/"><span class="fab fa-instagram"></span></a></li>\n
                        </ul>\n
                    </div>\n
                </div>\n
                <div class="col-md-3">\n
                    <div class="ftco-footer-widget mb-4 ml-md-4">\n
                        <h2 class="ftco-heading-2 mb-2">Über diese Website</h2>\n
                        <ul class="list-unstyled">\n
                            <li><a href="/kontakt-aufnehmen"><span class="fas fa-long-arrow-alt-right mr-2"></span>Kontakt</a></li>\n
                            <li><a href="/wlan-am-startplatz-koeln"><span class="fas fa-long-arrow-alt-right mr-2"></span>WLAN am STARTPLATZ Koeln</a></li>\n
                            <li><a href="/pressebereich"><span class="fas fa-long-arrow-alt-right mr-2"></span>Presse</a></li>\n
                            <li><a href="/jobs"><span class="fas fa-long-arrow-alt-right mr-2"></span>Jobs</a></li>\n
                            <li><a href="/standorte"><span class="fas fa-long-arrow-alt-right mr-2"></span>Standorte</a></li>\n
                            <li><a href="/startplatz-archiv"><span class="fas fa-long-arrow-alt-right mr-2"></span>Archiv</a></li>\n
                            <li><a href="/startplatz-agb"><span class="fas fa-long-arrow-alt-right mr-2"></span>AGB</a></li>\n
                            <li><a href="/impressum"><span class="fas fa-long-arrow-alt-right mr-2"></span>Impressum</a></li>\n
                            <li><a href="/support"><span class="fas fa-long-arrow-alt-right mr-2"></span>Support</a></li>\n
                            <li><a href="/datenschutz"><span class="fas fa-long-arrow-alt-right mr-2"></span>Datenschutz</a></li>\n
                        </ul>\n
                    </div>\n
                </div>\n
                <div class="col-md-3">\n
                    <div class="ftco-footer-widget mb-4">\n
                        <h2 class="ftco-heading-2">Top Themen</h2>\n
                        <ul class="list-unstyled">\n
                            <li><a href="/coworking-koeln"><span class="fas fa-long-arrow-alt-right mr-2"></span>Coworking Köln</a></li>\n
    <li><a href="/coworking-duesseldorf"><span class="fas fa-long-arrow-alt-right mr-2"></span>Coworking Düsseldorf</a></li>\n
    <li><a href="/konferenzraum"><span class="fas fa-long-arrow-alt-right mr-2"></span>Konferenzraum mieten in Köln</a></li>\n
    <li><a href="/duesseldorf-tagungsraeume-und-konferenzraeume/"><span class="fas fa-long-arrow-alt-right mr-2"></span>Konferenzraum mieten in Düsseldorf</a></li>\n
    <li><a href="/startup-wiki/business-model-canvas"><span class="fas fa-long-arrow-alt-right mr-2"></span>Business Model Canvas</a></li>\n
    <li><a href="/accelerator/"><span class="fas fa-long-arrow-alt-right mr-2"></span>STARTPLATZ Accelerator</a></li>\n
    <li><a href="/corporate-innovation-page"><span class="fas fa-long-arrow-alt-right mr-2"></span>Corporate Innovation</a></li>\n
    <li><a href="/startup-wiki/pitch"><span class="fas fa-long-arrow-alt-right mr-2"></span>Pitch</a></li>\n
    <li><a href="/projektbuero-mieten"><span class="fas fa-long-arrow-alt-right mr-2"></span>Projektbüro mieten</a></li>\n
    <li><a href="/meetingraeume-mieten"><span class="fas fa-long-arrow-alt-right mr-2"></span>Meetingräume mieten</a></li>\n
    <li><a href="/coworker-werden"><span class="fas fa-long-arrow-alt-right mr-2"></span>Coworker werden</a></li>\n
    <li><a href="/startup-membership"><span class="fas fa-long-arrow-alt-right mr-2"></span>Startup Firmenmitgliedschaft</a></li>\n
    <li><a href="/karriere"><span class="fas fa-long-arrow-alt-right mr-2"></span>Startup Jobs am STARTPLATZ</a></li>\n
    <li><a href="/digital-speed-networking"><span class="fas fa-long-arrow-alt-right mr-2"></span>Speed Networking</a></li>\n
    <li><a href="/open-accelerator"><span class="fas fa-long-arrow-alt-right mr-2"></span>Inkubator</a></li>\n
    <li><a href="/benefits/perks"><span class="fas fa-long-arrow-alt-right mr-2"></span>Software für Startups</a></li>\n
    <li><a href="/startup-wiki"><span class="fas fa-long-arrow-alt-right mr-2"></span>Startup Wiki</a></li>\n
    <li><a href="/sprechstunden"><span class="fas fa-long-arrow-alt-right mr-2"></span>Sprechstunden</a></li>\n
    <li><a href="/mentoring"><span class="fas fa-long-arrow-alt-right mr-2"></span>Mentorinnen und Mentoren</a></li>\n
                        </ul>\n
                    </div>\n
                </div>\n
                <div class="col-md-4">\n
                    <div class="ftco-footer-widget mb-4">\n
                        <h2 class="ftco-heading-2">Kontakt</h2>\n
                        <div class="row">\n
                            <div class="col-6">\n
                                <p class="address city">Köln</p>\n
                                <p class="address">Im Mediapark 5 <br>50670 Köln</p>\n
                                <p class="address mb-0">info@startplatz.de</p>\n
                                <p class="address">+49 221 975 802 00</p>\n
                            </div>\n
                            <div class="col-6">\n
                                <p class="address city">Düsseldorf</p>\n
                                <p class="address">Speditionstraße 15a <br>40221 Düsseldorf</p>\n
                                <p class="address mb-0">info@startplatz.de</p>\n
                                <p class="address">+49 211 936 725 20</p>\n
                            </div>\n
                        </div>\n
                        <div class="newsletter">\n
                            <h2 class="mb-0">Newsletter</h2>\n
                            <p>Immer auf dem Laufenden bleiben?\n
                                <br>Erhalte regelmäßig alle News aus dem STARTPLATZ, zu Workshops und Events.</p>\n
    \n
                            <!-- Begin MailChimp Signup Form -->\n
                            <div id="mc_embed_signup">\n
                                <form id="mc-embedded-subscribe-form" class="validate" action="https://startplatz.us5.list-manage.com/subscribe?u=8a2b498caca4323b774191382&id=be73f77d94" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank">\n
                                    <div id="mc_embed_signup_scroll form-group email-wrapper">\n
                                        <button type="submit" class="btn btn-success ml-2">Hier Abonnieren</button>\n
                                        <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n
                                        <div style="position: absolute; left: -5000px;"><input tabindex="-1" name="b_8a2b498caca4323b774191382_51dae9d56a" type="text" value="" /></div>\n
                                        <div class="clear"></div>\n
                                    </div>\n
                                </form></div>\n
                            <!--End mc_embed_signup-->\n
    \n
                        </div>\n
                        <div class="row">\n
                            <div class="col-12 mt-4">\n
                        <div class="pe-richsnippets"></div>\n
                        <script type="text/javascript" src="https://www.provenexpert.com/widget/richsnippet.js?u=1HQBkRmo1xQpmqGB1xmA5DGAlMwpkxQZ&v=2" async></script>\n
                        </div>\n
                        </div>\n
                    </div>\n
                </div>\n
            </div>\n
    \n
            <div class="row">\n
                <div class="col-md-12 text-center">\n
    \n
                    <p>\n
                        Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved\n
                    </p>\n
                </div>\n
            </div>\n
        </div>\n
    </footer>\n
    \n
    <!-- sp-connect footer ends -->\n
    \n
    <!-- wp_footer starts -->\n
    <script type="speculationrules">\n
    {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/startplatz/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}\n
    </script>\n
    <script async>(function(s,u,m,o,j,v){j=u.createElement(m);v=u.getElementsByTagName(m)[0];j.async=1;j.src=o;j.dataset.sumoSiteId='39f60b00513044004a8fe0004ce6fc0099bffb000c2cd200cfc8f4006d6fae00';j.dataset.sumoPlatform='wordpress';v.parentNode.insertBefore(j,v)})(window,document,'script','//load.sumome.com/');</script>        <script type="application/javascript">\r\n
                const ajaxURL = "https://www.staging.startplatz.de/wp-admin/admin-ajax.php";\r\n
    \r\n
                function sumo_add_woocommerce_coupon(code) {\r\n
                    jQuery.post(ajaxURL, {\r\n
                        action: 'sumo_add_woocommerce_coupon',\r\n
                        code: code,\r\n
                    });\r\n
                }\r\n
    \r\n
                function sumo_remove_woocommerce_coupon(code) {\r\n
                    jQuery.post(ajaxURL, {\r\n
                        action: 'sumo_remove_woocommerce_coupon',\r\n
                        code: code,\r\n
                    });\r\n
                }\r\n
    \r\n
                function sumo_get_woocommerce_cart_subtotal(callback) {\r\n
                    jQuery.ajax({\r\n
                        method: 'POST',\r\n
                        url: ajaxURL,\r\n
                        dataType: 'html',\r\n
                        data: {\r\n
                            action: 'sumo_get_woocommerce_cart_subtotal',\r\n
                        },\r\n
                        success: function (subtotal) {\r\n
                            return callback(null, subtotal);\r\n
                        },\r\n
                        error: function (err) {\r\n
                            return callback(err, 0);\r\n
                        }\r\n
                    });\r\n
                }\r\n
            </script>\r\n
            <script id="wp-emoji-settings" type="application/json">\n
    {"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://www.staging.startplatz.de/wp-includes/js/wp-emoji-release.min.js?ver=6.9.4"}}\n
    </script>\n
    <script type="module">\n
    /* <![CDATA[ */\n
    /*! This file is auto-generated */\n
    const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});\n
    //# sourceURL=https://www.staging.startplatz.de/wp-includes/js/wp-emoji-loader.min.js\n
    /* ]]> */\n
    </script>\n
    <!-- wp_footer ends -->\n
    <!-- startplatz default js starts -->\n
    <!-- Optional JavaScript -->\n
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->\n
    <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>\n
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>\n
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script><!-- startplatz default js ends -->\n
    \n
    \n
    <!-- START of Symfony Web Debug Toolbar --><div class="sf-toolbar sf-toolbar-opened" role="region" aria-label="Symfony Web Debug Toolbar" data-frankenphp-hot-reload-preserve>    <div id="sfwdt1c296c">        <div id="sfToolbarClearer-1c296c" class="sf-toolbar-clearer"></div><div id="sfToolbarMainContent-1c296c" class="sf-toolbarreset notranslate clear-fix" data-no-turbolink data-turbo="false">                                                    <div class="sf-toolbar-block sf-toolbar-block-request sf-toolbar-status-normal " >    <a href="http://www.staging.startplatz.de/_profiler/1c296c?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-1c296c"></span>        </div>        <div class="sf-toolbar-info-piece">            <b>                <button class="sf-cancel-button" type="button" id="sfLoadCancel-1c296c" title="Cancel loading">Cancel</button>            </b>        </div>    </div></div>                                <button class="sf-toolbar-toggle-button" type="button" id="sfToolbarToggleButton-1c296c" accesskey="D" aria-expanded="true" aria-controls="sfToolbarMainContent-1c296c" 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="5e33a1433ed68c9204d0a706857d338b" href="http://www.staging.startplatz.de/_wdt/styles" />        <script nonce="d43b795543069abbb2473a8d9e38c52a">/*<![CDATA[*/        if (typeof Sfjs === 'undefined' || typeof Sfjs.loadToolbar === 'undefined') {            Sfjs = (function() {                "use strict";                if ('classList' in document.documentElement) {                    var hasClass = function (el, cssClass) { return el.classList.contains(cssClass); };                    var removeClass = function(el, cssClass) { el.classList.remove(cssClass); };                    var addClass = function(el, cssClass) { el.classList.add(cssClass); };                    var toggleClass = function(el, cssClass) { el.classList.toggle(cssClass); };                } else {                    var hasClass = function (el, cssClass) { return el.className.match(new RegExp('\\b' + cssClass + '\\b')); };                    var removeClass = function(el, cssClass) { el.className = el.className.replace(new RegExp('\\b' + cssClass + '\\b'), ' '); };                    var addClass = function(el, cssClass) { if (!hasClass(el, cssClass)) { el.className += " " + cssClass; } };                    var toggleClass = function(el, cssClass) { hasClass(el, cssClass) ? removeClass(el, cssClass) : addClass(el, cssClass); };                }                var noop = function() {};                var profilerStorageKey = 'symfony/profiler/';                var addEventListener;                var el = document.createElement('div');                if (!('addEventListener' in el)) {                    addEventListener = function (element, eventName, callback) {                        element.attachEvent('on' + eventName, callback);                    };                } else {                    addEventListener = function (element, eventName, callback) {                        element.addEventListener(eventName, callback, false);                    };                }                var request = function(url, onSuccess, onError, payload, options, tries) {                    url = new URL(url);                    url.searchParams.set('XDEBUG_IGNORE', '1');                    url = url.toString();                    var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');                    options = options || {};                    options.retry = options.retry || false;                    tries = tries || 1;                    /* this delays for 125, 375, 625, 875, and 1000, ... */                    var delay = tries < 5 ? (tries - 0.5) * 250 : 1000;                    xhr.open(options.method || 'GET', url, true);                    xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');                    xhr.onreadystatechange = function(state) {                        if (4 !== xhr.readyState) {                            return null;                        }                        if (xhr.status == 404 && options.retry && !options.stop) {                            setTimeout(function() {                                if (options.stop) {                                    return;                                }                                request(url, onSuccess, onError, payload, options, tries + 1);                            }, delay);                            return null;                        }                        if (200 === xhr.status) {                            (onSuccess || noop)(xhr);                        } else {                            (onError || noop)(xhr);                        }                    };                    if (options.onSend) {                        options.onSend(tries);                    }                    xhr.send(payload || '');                };                var getPreference = function(name) {                    if (!window.localStorage) {                        return null;                    }                    return localStorage.getItem(profilerStorageKey + name);                };                var setPreference = function(name, value) {                    if (!window.localStorage) {                        return null;                    }                    localStorage.setItem(profilerStorageKey + name, value);                };                var requestStack = [];                var extractHeaders = function(xhr, stackElement) {                    /* Here we avoid to call xhr.getResponseHeader in order to */                    /* prevent polluting the console with CORS security errors */                    var allHeaders = xhr.getAllResponseHeaders();                    var ret;                    if (ret = allHeaders.match(/^x-debug-token:\s+(.*)$/im)) {                        stackElement.profile = ret[1];                    }                    if (ret = allHeaders.match(/^x-debug-token-link:\s+(.*)$/im)) {                        stackElement.profilerUrl = ret[1];                    }                    if (ret = allHeaders.match(/^Symfony-Debug-Toolbar-Replace:\s+(.*)$/im)) {                        stackElement.toolbarReplaceFinished = false;                        stackElement.toolbarReplace = '1' === ret[1];                    }                };                var successStreak = 4;                var pendingRequests = 0;                var renderAjaxRequests = function() {                    var requestCounter = document.querySelector('.sf-toolbar-ajax-request-counter');                    if (!requestCounter) {                        return;                    }                    requestCounter.textContent = requestStack.length;                    var infoSpan = document.querySelector(".sf-toolbar-ajax-info");                    if (infoSpan) {                        infoSpan.textContent = requestStack.length + ' AJAX request' + (requestStack.length !== 1 ? 's' : '');                    }                    var ajaxToolbarPanel = document.querySelector('.sf-toolbar-block-ajax');                    if (requestStack.length) {                        ajaxToolbarPanel.style.display = '';                    } else {                        ajaxToolbarPanel.style.display = 'none';                    }                    if (pendingRequests > 0) {                        addClass(ajaxToolbarPanel, 'sf-ajax-request-loading');                    } else if (successStreak < 4) {                        addClass(ajaxToolbarPanel, 'sf-toolbar-status-red');                        removeClass(ajaxToolbarPanel, 'sf-ajax-request-loading');                    } else {                        removeClass(ajaxToolbarPanel, 'sf-ajax-request-loading');                        removeClass(ajaxToolbarPanel, 'sf-toolbar-status-red');                    }                };                var startAjaxRequest = function(index) {                    var tbody = document.querySelector('.sf-toolbar-ajax-request-list');                    if (!tbody) {                        return;                    }                    var nbOfAjaxRequest = tbody.rows.length;                    if (nbOfAjaxRequest >= 100) {                        tbody.deleteRow(0);                    }                    var request = requestStack[index];                    pendingRequests++;                    var row = document.createElement('tr');                    request.DOMNode = row;                    var requestNumberCell = document.createElement('td');                    requestNumberCell.textContent = index + 1;                    row.appendChild(requestNumberCell);                    var profilerCell = document.createElement('td');                    profilerCell.textContent = 'n/a';                    row.appendChild(profilerCell);                    var methodCell = document.createElement('td');                    methodCell.textContent = request.method;                    row.appendChild(methodCell);                    var typeCell = document.createElement('td');                    typeCell.textContent = request.type;                    row.appendChild(typeCell);                    var statusCodeCell = document.createElement('td');                    var statusCode = document.createElement('span');                    statusCode.textContent = 'n/a';                    statusCodeCell.appendChild(statusCode);                    row.appendChild(statusCodeCell);                    var pathCell = document.createElement('td');                    pathCell.className = 'sf-ajax-request-url';                    if ('GET' === request.method) {                        var pathLink = document.createElement('a');                        pathLink.setAttribute('href', request.url);                        pathLink.textContent = request.url;                        pathCell.appendChild(pathLink);                    } else {                        pathCell.textContent = request.url;                    }                    pathCell.setAttribute('title', request.url);                    row.appendChild(pathCell);                    var durationCell = document.createElement('td');                    durationCell.className = 'sf-ajax-request-duration';                    durationCell.textContent = 'n/a';                    row.appendChild(durationCell);                    request.liveDurationHandle = setInterval(function() {                        durationCell.textContent = (new Date() - request.start) + ' ms';                    }, 100);                    row.className = 'sf-ajax-request sf-ajax-request-loading';                    tbody.insertBefore(row, null);                    var toolbarInfo = document.querySelector('.sf-toolbar-block-ajax .sf-toolbar-info');                    toolbarInfo.scrollTop = toolbarInfo.scrollHeight;                    renderAjaxRequests();                };                var finishAjaxRequest = function(index) {                    var request = requestStack[index];                    clearInterval(request.liveDurationHandle);                    if (!request.DOMNode) {                        return;                    }                    if (request.toolbarReplace && !request.toolbarReplaceFinished && request.profile) {                        /* Flag as complete because finishAjaxRequest can be called multiple times. */                        request.toolbarReplaceFinished = true;                        /* Search up through the DOM to find the toolbar's container ID. */                        for (var elem = request.DOMNode; elem && elem !== document; elem = elem.parentNode) {                            if (elem.id.match(/^sfwdt/)) {                                Sfjs.loadToolbar(elem.id.replace(/^sfwdt/, ''), request.profile);                                break;                            }                        }                    }                    if (pendingRequests > 0) {                        pendingRequests--;                    }                    var row = request.DOMNode;                    /* Unpack the children from the row */                    var profilerCell = row.children[1];                    var methodCell = row.children[2];                    var statusCodeCell = row.children[4];                    var statusCodeElem = statusCodeCell.children[0];                    var durationCell = row.children[6];                    if (request.error) {                        row.className = 'sf-ajax-request sf-ajax-request-error';                        methodCell.className = 'sf-ajax-request-error';                        successStreak = 0;                    } else {                        row.className = 'sf-ajax-request sf-ajax-request-ok';                        successStreak++;                    }                    if (request.statusCode) {                        if (request.statusCode < 300) {                            statusCodeElem.setAttribute('class', 'sf-toolbar-status');                        } else if (request.statusCode < 400) {                            statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-yellow');                        } else {                            statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-red');                        }                        statusCodeElem.textContent = request.statusCode;                    } else {                        statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-red');                    }                    if (request.duration) {                        durationCell.textContent = request.duration + ' ms';                    }                    if (request.profilerUrl) {                        profilerCell.textContent = '';                        var profilerLink = document.createElement('a');                        profilerLink.setAttribute('href', request.profilerUrl);                        profilerLink.textContent = request.profile;                        profilerCell.appendChild(profilerLink);                    }                    renderAjaxRequests();                };                                if (window.EventSource) {                    var oldEventSource = window.EventSource;                    function patchedEventSource(url, options) {                        var es = new oldEventSource(url, options);                        if (!url.toString().match(new RegExp("^\/((index|app(_[\\w]+)?)\\.php\/)?_wdt"))) {                            var stackElement = {                                error: false,                                url: url,                                method: 'GET',                                type: 'event-stream',                                start: new Date()                            };                            var idx = requestStack.push(stackElement) - 1;                            startAjaxRequest(idx);                            addEventListener(es, 'error', function () {                                stackElement.error = true;                                finishAjaxRequest(idx);                            });                            addEventListener(es, 'open', function () {                                stackElement.statusCode = 200;                                stackElement.toolbarReplaceFinished = false;                                stackElement.toolbarReplace = true;                            });                            addEventListener(es, 'symfony:debug:started', function (event) {                                var items = event.data.split('\n');                                stackElement.profile = items[0];                                stackElement.profilerUrl = items[1];                            });                            addEventListener(es, 'symfony:debug:error', function (event) {                                stackElement.error = true;                                stackElement.statusCode = event.data;                                finishAjaxRequest(idx);                            });                            addEventListener(es, 'symfony:debug:finished', function () {                                stackElement.duration = new Date() - stackElement.start;                                stackElement.toolbarReplaceFinished = false;                                stackElement.toolbarReplace = true;                                finishAjaxRequest(idx);                            });                        }                        return es;                    };                    Object.defineProperties(patchedEventSource, Object.getOwnPropertyDescriptors(oldEventSource));                    window.EventSource = patchedEventSource;                }                if (window.fetch && window.fetch.polyfill === undefined) {                    var oldFetch = window.fetch;                    window.fetch = function () {                        var promise = oldFetch.apply(this, arguments);                        var url = arguments[0];                        var params = arguments[1];                        var paramType = Object.prototype.toString.call(arguments[0]);                        if (paramType === '[object Request]') {                            url = arguments[0].url;                            params = {                                method: arguments[0].method,                                credentials: arguments[0].credentials,                                headers: arguments[0].headers,                                mode: arguments[0].mode,                                redirect: arguments[0].redirect                            };                        } else {                            url = String(url);                        }                        if (!url.match(new RegExp("^\/((index|app(_[\\w]+)?)\\.php\/)?_wdt"))) {                            var method = 'GET';                            if (params && params.method !== undefined) {                                method = params.method;                            }                            var stackElement = {                                error: false,                                url: url,                                method: method,                                type: 'fetch',                                start: new Date()                            };                            var idx = requestStack.push(stackElement) - 1;                            promise.then(function (r) {                                stackElement.duration = new Date() - stackElement.start;                                stackElement.error = r.status < 200 || r.status >= 400;                                stackElement.statusCode = r.status;                                stackElement.profile = r.headers.get('x-debug-token');                                stackElement.profilerUrl = r.headers.get('x-debug-token-link');                                stackElement.toolbarReplaceFinished = false;                                stackElement.toolbarReplace = '1' === r.headers.get('Symfony-Debug-Toolbar-Replace');                                finishAjaxRequest(idx);                            }, function (e){                                stackElement.error = true;                                finishAjaxRequest(idx);                            });                            startAjaxRequest(idx);                        }                        return promise;                    };                }                if (window.XMLHttpRequest && XMLHttpRequest.prototype.addEventListener) {                    var proxied = XMLHttpRequest.prototype.open;                    XMLHttpRequest.prototype.open = function(method, url, async, user, pass) {                        var self = this;                        /* prevent logging AJAX calls to static and inline files, like templates */                        var path = url;                        if (url.slice(0, 1) === '/') {                            if (0 === url.indexOf('')) {                                path = url.slice(0);                            }                        }                        else if (0 === url.indexOf('http\u003A\/\/www.staging.startplatz.de')) {                            path = url.slice(32);                        }                        if (!path.match(new RegExp("^\/((index|app(_[\\w]+)?)\\.php\/)?_wdt"))) {                            var stackElement = {                                error: false,                                url: url,                                method: method,                                type: 'xhr',                                start: new Date()                            };                            var idx = requestStack.push(stackElement) - 1;                            this.addEventListener('readystatechange', function() {                                if (self.readyState == 4) {                                    stackElement.duration = new Date() - stackElement.start;                                    stackElement.error = self.status < 200 || self.status >= 400;                                    stackElement.statusCode = self.status;                                    extractHeaders(self, stackElement);                                    finishAjaxRequest(idx);                                }                            }, false);                            startAjaxRequest(idx);                        }                        proxied.apply(this, Array.prototype.slice.call(arguments));                    };                }                                return {                    hasClass: hasClass,                    removeClass: removeClass,                    addClass: addClass,                    toggleClass: toggleClass,                    getPreference: getPreference,                    setPreference: setPreference,                    addEventListener: addEventListener,                    request: request,                    renderAjaxRequests: renderAjaxRequests,                    getSfwdt: function(token) {                        return document.getElementById('sfwdt' + token);                    },                    load: function(selector, url, onSuccess, onError, options) {                        var el = document.getElementById(selector);                        if (el && el.getAttribute('data-sfurl') !== url) {                            request(                                url,                                function(xhr) {                                    el.innerHTML = xhr.responseText;                                    el.setAttribute('data-sfurl', url);                                    removeClass(el, 'loading');                                    var pending = pendingRequests;                                    for (var i = 0; i < requestStack.length; i++) {                                        startAjaxRequest(i);                                        if (requestStack[i].duration || requestStack[i].error) {                                            finishAjaxRequest(i);                                        }                                    }                                    /* Revert the pending state in case there was a start called without a finish above. */                                    pendingRequests = pending;                                    (onSuccess || noop)(xhr, el);                                },                                function(xhr) { (onError || noop)(xhr, el); },                                '',                                options                            );                        }                        return this;                    },                    showToolbar: function(token) {                        var sfwdt = this.getSfwdt(token);                        var toggleButton = document.querySelector(`#sfToolbarToggleButton-${token}`);                        if ('closed' === getPreference('toolbar/displayState')) {                            addClass(sfwdt.parentNode, 'sf-toolbar-closed');                            removeClass(sfwdt.parentNode, 'sf-toolbar-opened');                            if (toggleButton) { toggleButton.setAttribute('aria-expanded', 'false'); }                        } else {                            addClass(sfwdt.parentNode, 'sf-toolbar-opened');                            removeClass(sfwdt.parentNode, 'sf-toolbar-closed');                            if (toggleButton) { toggleButton.setAttribute('aria-expanded', 'true'); }                        }                    },                    hideToolbar: function(token) {                        var sfwdt = this.getSfwdt(token);                        var toggleButton = document.querySelector(`#sfToolbarToggleButton-${token}`);                        addClass(sfwdt.parentNode, 'sf-toolbar-closed');                        removeClass(sfwdt.parentNode, 'sf-toolbar-opened');                        if (toggleButton) { toggleButton.setAttribute('aria-expanded', 'false'); }                    },                    initToolbar: function(token) {                        this.showToolbar(token);                        var toggleButton = document.querySelector(`#sfToolbarToggleButton-${token}`);                        addEventListener(toggleButton, 'click', function (event) {                            event.preventDefault();                            const newState = 'closed' === getPreference('toolbar/displayState') ? 'opened' : 'closed';                            setPreference('toolbar/displayState', newState);                            'opened' === newState ? Sfjs.showToolbar(token) : Sfjs.hideToolbar(token);                        });                    },                    loadToolbar: function(token, newToken) {                        var that = this;                        var triesCounter = document.getElementById('sfLoadCounter-' + token);                        var options = {                            retry: true,                            onSend: function (count) {                                if (count === 3) {                                    that.initToolbar(token);                                }                                if (triesCounter) {                                    triesCounter.textContent = count;                                }                            },                        };                        var cancelButton = document.getElementById('sfLoadCancel-' + token);                        if (cancelButton) {                            addEventListener(cancelButton, 'click', function (event) {                                event.preventDefault();                                options.stop = true;                                that.hideToolbar(token);                            });                        }                        newToken = (newToken || token);                        this.load(                            'sfwdt' + token,                            'http\u003A\/\/www.staging.startplatz.de\/_wdt\/xxxxxx'.replace(/xxxxxx/, newToken),                            function(xhr, el) {                                var toolbarContent = document.getElementById('sfToolbarMainContent-' + newToken);                                /* Do nothing in the edge case where the toolbar has already been replaced with a new one */                                if (!toolbarContent) {                                    return;                                }                                /* Replace the ID, it has to match the new token */                                toolbarContent.parentElement.id = 'sfwdt' + newToken;                                /* Evaluate in global scope scripts embedded inside the toolbar */                                var i, scripts = [].slice.call(el.querySelectorAll('script'));                                for (i = 0; i < scripts.length; ++i) {                                    if (scripts[i].firstChild) {                                        eval.call({}, scripts[i].firstChild.nodeValue);                                    }                                }                                el.style.display = -1 !== xhr.responseText.indexOf('sf-toolbarreset') ? 'block' : 'none';                                if (el.style.display == 'none') {                                    return;                                }                                that.initToolbar(newToken);                                /* Handle toolbar-info position */                                var toolbarBlocks = [].slice.call(el.querySelectorAll('.sf-toolbar-block'));                                for (i = 0; i < toolbarBlocks.length; ++i) {                                    toolbarBlocks[i].onmouseover = function () {                                        var toolbarInfo = this.querySelectorAll('.sf-toolbar-info')[0];                                        var pageWidth = document.body.clientWidth;                                        var elementWidth = toolbarInfo.offsetWidth;                                        var leftValue = (elementWidth + this.offsetLeft) - pageWidth;                                        var rightValue = (elementWidth + (pageWidth - this.offsetLeft)) - pageWidth;                                        /* Reset right and left value, useful on window resize */                                        toolbarInfo.style.right = '';                                        toolbarInfo.style.left = '';                                        if (elementWidth > pageWidth) {                                            toolbarInfo.style.left = 0;                                        }                                        else if (leftValue > 0 && rightValue > 0) {                                            toolbarInfo.style.right = (rightValue * -1) + 'px';                                        } else if (leftValue < 0) {                                            toolbarInfo.style.left = 0;                                        } else {                                            toolbarInfo.style.right = '0px';                                        }                                    };                                }                                renderAjaxRequests();                                addEventListener(document.querySelector('.sf-toolbar-ajax-clear'), 'click', function() {                                    requestStack = [];                                    renderAjaxRequests();                                    successStreak = 4;                                    document.querySelector('.sf-toolbar-ajax-request-list').innerHTML = '';                                });                                addEventListener(document.querySelector('.sf-toolbar-block-ajax'), 'mouseenter', function (event) {                                    var elem = document.querySelector('.sf-toolbar-block-ajax .sf-toolbar-info');                                    elem.scrollTop = elem.scrollHeight;                                });                                addEventListener(document.querySelector('.sf-toolbar-block-ajax > .sf-toolbar-icon'), 'click', function (event) {                                    event.preventDefault();                                    toggleClass(this.parentNode, 'hover');                                });                                var dumpInfo = document.querySelector('.sf-toolbar-block-dump .sf-toolbar-info');                                if (null !== dumpInfo) {                                    addEventListener(dumpInfo, 'sfbeforedumpcollapse', function () {                                        dumpInfo.style.minHeight = dumpInfo.getBoundingClientRect().height+'px';                                    });                                    addEventListener(dumpInfo, 'mouseleave', function () {                                        dumpInfo.style.minHeight = '';                                    });                                }                            },                            function(xhr) {                                if (xhr.status !== 0 && !options.stop) {                                    var sfwdt = that.getSfwdt(token);                                    sfwdt.innerHTML = '\                                    <div class="sf-toolbarreset notranslate">\                                        <div class="sf-toolbar-icon"><svg width="26" height="28" xmlns="http://www.w3.org/2000/svg" version="1.1" x="0px" y="0px" viewBox="0 0 26 28" enable-background="new 0 0 26 28" xml:space="preserve"><path fill="#FFFFFF" d="M13 0C5.8 0 0 5.8 0 13c0 7.2 5.8 13 13 13c7.2 0 13-5.8 13-13C26 5.8 20.2 0 13 0z M20 7.5 c-0.6 0-1-0.3-1-0.9c0-0.2 0-0.4 0.2-0.6c0.1-0.3 0.2-0.3 0.2-0.4c0-0.3-0.5-0.4-0.7-0.4c-2 0.1-2.5 2.7-2.9 4.8l-0.2 1.1 c1.1 0.2 1.9 0 2.4-0.3c0.6-0.4-0.2-0.8-0.1-1.3C18 9.2 18.4 9 18.7 8.9c0.5 0 0.8 0.5 0.8 1c0 0.8-1.1 2-3.3 1.9 c-0.3 0-0.5 0-0.7-0.1L15 14.1c-0.4 1.7-0.9 4.1-2.6 6.2c-1.5 1.8-3.1 2.1-3.8 2.1c-1.3 0-2.1-0.6-2.2-1.6c0-0.9 0.8-1.4 1.3-1.4 c0.7 0 1.2 0.5 1.2 1.1c0 0.5-0.2 0.6-0.4 0.7c-0.1 0.1-0.3 0.2-0.3 0.4c0 0.1 0.1 0.3 0.4 0.3c0.5 0 0.9-0.3 1.2-0.5 c1.3-1 1.7-2.9 2.4-6.2l0.1-0.8c0.2-1.1 0.5-2.3 0.8-3.5c-0.9-0.7-1.4-1.5-2.6-1.8c-0.8-0.2-1.3 0-1.7 0.4C8.4 10 8.6 10.7 9 11.1 l0.7 0.7c0.8 0.9 1.3 1.7 1.1 2.7c-0.3 1.6-2.1 2.8-4.3 2.1c-1.9-0.6-2.2-1.9-2-2.7c0.2-0.6 0.7-0.8 1.2-0.6 c0.5 0.2 0.7 0.8 0.6 1.3c0 0.1 0 0.1-0.1 0.3C6 15 5.9 15.2 5.9 15.3c-0.1 0.4 0.4 0.7 0.8 0.8c0.8 0.3 1.7-0.2 1.9-0.9 c0.2-0.6-0.2-1.1-0.4-1.2l-0.8-0.9c-0.4-0.4-1.2-1.5-0.8-2.8c0.2-0.5 0.5-1 0.9-1.4c1-0.7 2-0.8 3-0.6c1.3 0.4 1.9 1.2 2.8 1.9 c0.5-1.3 1.1-2.6 2-3.8c0.9-1 2-1.7 3.3-1.8C20 4.8 21 5.4 21 6.3C21 6.7 20.8 7.5 20 7.5z"/></svg></div>\                                        An error occurred while loading the web debug toolbar. <a href="http\u003A\/\/www.staging.startplatz.de\/_profiler\/' + newToken + '">Open the web profiler.</a>\                                    </div>\                                ';                                    sfwdt.parentElement.setAttribute('class', 'sf-toolbar sf-error-toolbar');                                }                            },                            options                        );                        return this;                    },                    toggle: function(selector, elOn, elOff) {                        var tmp = elOn.style.display,                            el = document.getElementById(selector);                        elOn.style.display = elOff.style.display;                        elOff.style.display = tmp;                        if (el) {                            el.style.display = 'none' === tmp ? 'none' : 'block';                        }                        return this;                    },                };            })();        }        Sfjs.loadToolbar('1c296c');    /*]]>*/</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
}
path 
"en/"