Symfony Profiler

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

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

"html"

"en"

"df13ec"

"*/*"

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

"gzip, br, zstd, deflate"

"en-us,en;q=0.5"

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

"www.staging.startplatz.de"

"https://www.staging.startplatz.de/memberships"

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

"172.22.0.12"

"c7c6e7953db4"

"0"

"216.73.217.92"

"no-cache, private"

"Thu, 11 Jun 2026 03:15:41 GMT"

"be8657"

""

""

"187719847589952"

"2L0-UBEtXjD-ODU3On8eqJrZPFY"

"startplatz"

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

"cron_sp_X9kM4nQ7pR2sT6vW8yB1"

""

""

"flock"

""

""

""

""

""

""

""

""

""

""

""

""

""

""

""

""

""

""

""

"STARTPLATZ"

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

""

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

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

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

"50670"

"test"

"data/test-bewerbungen"

""

""

""

""

"1"

"dev"

"/var/www/html"

"Symfony\Component\Runtime\SymfonyRuntime"

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

"a8A3I6BRkJE2ppNaBcgPec5i6E8Iwqwm"

"UBs7DJs5mgZhSaCvjxqjdfG4hMJAUnJQnvJEH7F6xKy1eDjhTJ9EPNBe0M2KMC9q"

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

""

""

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

"/var/www/html/public"

"/index.php"

"e2e.startplatz.de"

"lorenz.graef@startplatz.de"

"alexandra.thelen@startplatz.de"

"admin@startplatz.de"

"johannes.graef@startplatz.de"

"1NrjWZrE53dSqWFmMNz0oRd8i22VFmK1Oww9huGp8DPry8EfK1Oj9h6HeW7fyDUM"

"Fjqj30ZbQorEtdpRfw3T19eAkOgrrgzq4WcExyLrxuot0bzkDpUrjpv41YH8dgBK"

"9njde49xtcsoswco4c80oggkwwoo080osow8soo8go4gkw0gwwgc8sck4wgw08og"

"YnHmfQYjOQ01hZ97zQKhsDLcvPc632dhdYjnUYuE4ZzkbAfkyC2TbOGOckUBFBDZ"

"RESPONDER"

"CGI/1.1"

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

"AFD8691FDAEDF03BDF6E460563F15A9B715376CA 9D7F99A0CB8F05C8A6958D6256A97AF7600A39A6 0616E93D95AF471243E26761770426E17EBBB3DD"

"/home/www-data"

"dev"

"*/*"

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

"gzip, br, zstd, deflate"

"en-us,en;q=0.5"

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

"www.staging.startplatz.de"

"https://www.staging.startplatz.de/memberships"

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

"172.22.0.12"

"c7c6e7953db4"

"216.73.217.92"

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

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

"44225308"

"2795177"

"secret-mb7SAjB50ESxpuB07s6SXqVPe"

"whsec_0efmpntgpinwt1s2641fegeq1o3w9la7"

"a7e5ebbb7d4966bad11c6ca9b94699b4-us5"

"be73f77d94"

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

"455qg651n4so0npqf6unama8pv"

"kohhlns9q6ipohd72oe356oq07"

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

"doctrine://default?queue_name=default"

"EAAKFICOQZBK0BRPwRkxGLlRyKrSPfgSi17hAXOJDEmPIkI3EnneTZBZCU99QetZB3bbn8GyPpzubXyZCGZCAG6HZCBUp6iY1MBpgnQdRyZAW4xYSKehyFLBSd6cbaiCJ0Xdvu3STG6ZAq0m6S4h1zzYZBKoHUR6fpqbimDWQK03ZCO6uJrxj1yCMUeLxOnhxgZDZD"

"EAAerPqXZCTbkBRFRDRoJEHTKCvEMmD1VgtTbXtO39dGZB2qAU0kAYc9Mqb6Ms9V4eBlL211Tdnk3oHunCVQykwpddAWOCaI5HVfiZAPacH2VNUY9JvH3CR33WxtEFhBBeTE3qbcAD8E6WMzl9hRoFCxwPA9j73j2uXkuCg4h58vNZBOFFPFkrWBkZBmNSDgZCzvQZDZD"

"e28b7b6fdcfeea9fa66475524cb4e0a2"

"367308473131474"

"375845979147453"

"EAAKFICOQZBK0BRVPgGrjtDWMzyZCnImKg37HDL4zt629pVgWmWkeZBnWppqvhfJ0NRjhWRulcphxwa0gA1UJfR9P4xofmEzl2l3jbisoLNHrQtXgoj8vHKl8pqjz0dAdnlrRdhArn5Jyd3MuSwyjd808K0wSEMAX7aCSdbR2jfa0APn45VyzEqhP36FdpZBrbx75nAZDZD"

"EAAKFICOQZBK0BRbmpEWTsZB5ZCZCjgNujR9qDa3927DJZCJai2ZBHbc7u1vUxFRgqMbrIfsPLHQUSxdToZAPICa86BQ3hlYn8ffvuZBDf3rfv1AhiBfon2NfPbxk7OfUt5g0fMQ1z5JPmb6qToo7AqOukfHCgjU1NN3OOs4mFZCOePFICCc7hKBb09oZCpujqZB8YrAsqSQjgZDZD"

"85c80a066572b825942da65b1c7697b334346780cc5ce36732472345115aa475"

"startplatz@lennarz-consulting.de"

"startplatz@lennarz-consulting.de"

"lorenz.graef@startplatz.de"

"32e50c9db555d24f87b40c641b4b014bKzrRnijwaj7yLDB7c0CKXYmVJCzyATZ3"

"762173de1b510657bb44a2662747bac9nUFkR3NatmYlrqjI7hswGM2ZsDBbgYxR"

"c0c8e924c966fbf562c59646ee67b2a3sh4WFrDN3XxPiwKcskvfcRWQyzWOy4Bu"

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

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

""

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

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

"papi-Y2VkMjNiZTUtODZkOC00MGM0LWE0MTgtYmNlNDZjOTIzZDA1"

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

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

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

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

"/usr/local/etc/php"

"-Wl,-O1 -pie"

"/index.php"

"696c0f6ad92e94c59059c1eb6e300842b8d050934226efcdf00f2a413cb083cf"

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

"8.4.22"

"/var/www/html"

"startplatz-ai-hub-gmbh-7057"

"b6d51ce3d4af4ab46546c97233e1d296718872520d8017ef921709f5f2b62234"

"familie-graf-holding-gmbh-2881"

"a966378f41e498548c27b1633fc7d345f61695b6d118fd5f269b4fe26c6c7775"

"golf-post-ag-1712"

"78aad72c3d26dc74c75a1516b24381f52523f2dbbd9972ebbb095c362c9a2cb1"

"startplatz-koeln-gmbh-2905"

"95f816a715cc5bc1f2358599caf0ca454741896a820cc9b99795f99c7bb05d49"

"startplatz-duesseldorf-gmbh-3237"

"fc4f2b5ae4abfb6932ec66f5e20cd32d17740504838c40bf52951ec69e88aafb"

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

"200"

"127.0.0.1"

"38144"

"GET"

"http"

1781147741

1781147741.5055

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

"re_gP9RoYZ9_A6AxvmtxuYTraPDMteY2VeNz"

"e2e.startplatz.de"

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

"/index.php"

"172.22.0.7"

"dev.startplatz.de"

"80"

"HTTP/1.1"

"nginx/1.27.5"

"1"

"802fe57aa7a178d556ed14937253fe3ddf96834655553ad6780fadfdde8bdb11"

"xoxb-22688965603-11102474461793-c23ekshqpRpvYuNoEoP3MGfJ"

"c6fd09306423dd490fe18f4bfcd702d672ef7dcdc157b105099a5046c9128063"

"001"

"startplatz-staging-mysql"

"startplatz-wordpress"

"kpp8o9pWYAp2"

"startplatz"

"staging.www.staging.startplatz.de"

"www.staging.startplatz.de"

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

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

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

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

"ojWxv1978YWU"

"sk_test_51PmYwGDCU56CMQmgpcCdmzVTjiym8wom2WWiAAuVOUhS55972eM73wDNRDEBfGMnoLSt81yqW5CKCyraQKPDTb6y00xGk2RMpj"

"sk_test_51PeutFFqPnUaAUP6UqT3hbkwOzm9p0bmMrYVUzb7tG9QXo44yrn9MXcG7SLClxzSk29YkkrjXq0YPRguF6EwrNfM00nUAe3oG0"

"sk_test_51O8fFSHegJLrFARiXBFfwCkkRCTyr64RpTlYx5X7FPNEKDSRhQHgb7X9WELyNzmMkMT39tavykkZbtbWDsCz0Tc800bNFXrtbH"

"sk_test_51QxQltE7CeifmjQUUi4dqtrptSM08rRKRIU9QaXWJFVByoPhOTbQPqfhJJ2VZ5ltUl6JfPxaepcckLmaACG9AYjp00o0EHUzMP"

"whsec_IhBWwzKzI6Wlarqw4pTnpaxrH7YEvNyl"

"whsec_yqgxxJvddBinUKIThXxoklhFvrdnOrEr"

"whsec_VeLsQhCBdNcOcIvwlsbuU6ckTEGJVTaN"

"whsec_IhBWwzKzI6Wlarqw4pTnpaxrH7YEvNyl"

"whsec_TVCR6s4R9j6LtkshVthDPjj4QHEh1XDe"

"/var/www/html/.env"

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

"AC361123adb81224dd32caf04a6c41d9fe"

"35470da64905cd973456bc4e727e13c2"

"www-data"

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

"lSFFfrfi24zjRXtmqlwxWlBx"

"Allmeda"

"sk_6b66b9739d5e49b500f0e3e2c76fedf5f789a8aabeb73f2a607ff55ce736dc98"

0

[]

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

"security.firewall.map.context.main"

"startplatz_wordpress_passthru"

[
  "path" => "memberships/"
]

[]

"_security_main"

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

"86d579"

Symfony\Component\HttpFoundation\Response {#179
  +headers: Symfony\Component\HttpFoundation\ResponseHeaderBag {#3505 …}
  #content: """
    <!DOCTYPE html>\n
    <html lang="de">\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>Memberships - STARTPLATZ</title>\n
    \t<link rel="canonical" href="https://www.staging.startplatz.de/memberships/" />\n
    \t<meta property="og:locale" content="de_DE" />\n
    \t<meta property="og:type" content="article" />\n
    \t<meta property="og:title" content="Memberships" />\n
    \t<meta property="og:description" content="Werde Teil unserer Community — und profitiere vom Ökosystem. Vom 10-€-Community-Zugang bis zum eigenen Teambüro: fünf Wege ins STARTPLATZ-Ökosystem, abgestimmt auf Phase und Bedarf. 2.000+ Member, beide Standorte, alle Vorteile inklusive. Tarife im Überblick Finde deinen Tarif. Köln · Mediapark Düsseldorf · Medienhafen Tarife für Köln · Mediapark Alle Tarife inkl. Zugang zur Community, Slack-Workspace, [&hellip;]" />\n
    \t<meta property="og:url" content="https://www.staging.startplatz.de/memberships/" />\n
    \t<meta property="og:site_name" content="STARTPLATZ" />\n
    \t<meta property="article:modified_time" content="2026-06-08T21:54:00+00:00" />\n
    \t<meta property="og:image" content="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" />\n
    \t<meta name="twitter:label1" content="Geschätzte Lesezeit" />\n
    \t<meta name="twitter:data1" content="11\u{A0}Minuten" />\n
    \t<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.staging.startplatz.de\/memberships\/","url":"https:\/\/www.staging.startplatz.de\/memberships\/","name":"Memberships - STARTPLATZ","isPartOf":{"@id":"https:\/\/www.staging.startplatz.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.staging.startplatz.de\/memberships\/#primaryimage"},"image":{"@id":"https:\/\/www.staging.startplatz.de\/memberships\/#primaryimage"},"thumbnailUrl":"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","datePublished":"2023-04-06T09:17:38+00:00","dateModified":"2026-06-08T21:54:00+00:00","breadcrumb":{"@id":"https:\/\/www.staging.startplatz.de\/memberships\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.staging.startplatz.de\/memberships\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.staging.startplatz.de\/memberships\/#primaryimage","url":"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","contentUrl":"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"},{"@type":"BreadcrumbList","@id":"https:\/\/www.staging.startplatz.de\/memberships\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.staging.startplatz.de\/"},{"@type":"ListItem","position":2,"name":"Memberships"}]},{"@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%2Fmemberships%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%2Fmemberships%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:6a2a285da7f63*/\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/75312" /><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=75312' />\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
        <!-- Google Tag Manager (noscript) -->\n
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5WTVWDT"\n
                          height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>\n
        <!-- End Google Tag Manager (noscript) -->\n
    \n
        <!-- X STARTPLATZ content4.0 part -->\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="/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
                                Unternehmen\n
                            </a>\n
                            <div class="dropdown-menu dropdown-menu-left" aria-labelledby="navbarDropdownMenuLink">\n
                                                            <a class="dropdown-item" href="/fuer-unternehmen">\n
                                    Innovation &amp; Partnerschaften\n
                                </a>\n
                                <a class="dropdown-item" href="/ki-weiterbildungen">\n
                                    KI-Weiterbildung\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
                                Büros / Coworking\n
                            </a>\n
                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">\n
                                <a class="dropdown-item" href="/teambuero-koeln">\n
                                    Büros in Köln\n
                                </a>\n
                                <a class="dropdown-item" href="/teambuero-duesseldorf">\n
                                    Büros in Düsseldorf\n
                                </a>\n
                                <a class="dropdown-item" href="/coworking-koeln">\n
                                    Coworking in Köln\n
                                </a>\n
                                <a class="dropdown-item" href="/coworking-duesseldorf">\n
                                    Coworking in Düsseldorf\n
                                </a>\n
                                <a class="dropdown-item" href="/geschaeftsanschrift-koeln">\n
                                    Geschäftsadresse Köln\n
                                </a>\n
                                <a class="dropdown-item" href="/geschaeftsanschrift-duesseldorf">\n
                                    Geschäftsadresse 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
                                Konferenzräume\n
                            </a>\n
                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">\n
                                <a class="dropdown-item" href="/koeln-tagungsraeume-und-konferenzraeume">\n
                                    Konferenzräume in Köln\n
                                </a>\n
                                <a class="dropdown-item" href="/duesseldorf-tagungsraeume-und-konferenzraeume">\n
                                    Konferenzräume in 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="/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
                                Über uns\n
                            </a>\n
                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">\n
                                <a class="dropdown-item" href="/ueber-uns/">\n
                                    Über STARTPLATZ\n
                                </a>\n
                                <a class="dropdown-item" href="/standorte">\n
                                    Standorte\n
                                </a>\n
                                <a class="dropdown-item" href="/startplatz-team">\n
                                    STARTPLATZ Team\n
                                </a>\n
                                <a class="dropdown-item" href="/partner">\n
                                    Partner\n
                                </a>\n
                                <a class="dropdown-item" href="/startups">\n
                                    Unsere Startups\n
                                </a>\n
                                <a class="dropdown-item" href="/referenzen">\n
                                    Referenzen\n
                                </a>\n
                                <a class="dropdown-item" href="/karriere">\n
                                    Karriere\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/memberships">\n
                    <img src="/bundles/startplatzstyle/images/english_language.png" height="20px;" alt="English">\n
                </a>\n
            \n
                                <a class="dropdown-item" href="/fr/adhesions">\n
                    <img src="/bundles/startplatzstyle/images/french_language.png" height="20px;" alt="Français">\n
                </a>\n
                </div>\n
    </li>\n
                        </li>\n
    \n
                                                <li class="nav-item active p-0 m-0 ml-lg-4 mt-2">\n
                                <a class="nav-link px-3"\n
                                   style="background-color:#7ab800; border-radius: 5px;"\n
                                   href="/login/">\n
                                    Login\n
                                </a>\n
                            </li>\n
                                        </ul>\n
            </div>\n
    </nav>\n
    \n
    <!-- homepage nav.homepage.bootstrap4 ends -->\n
        <!-- menu ends -->\n
    \n
    \n
        <div class="spm26">\n
    <style>\n
    @import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Source+Sans+3:wght@300;400;500;600;700;900&display=swap');\n
    .spm26 {\n
        --sp-green: #7ab800;\n
        --sp-green-dark: #5a8a00;\n
        --sp-blue: #0080bb;\n
        --sp-blue-dark: #006699;\n
        --sp-gray: #525459;\n
        --sp-graphit: #2a2c30;\n
        --sp-warm: #f3f1ec;\n
        --sp-gray-light: #f5f6f7;\n
        --sp-gray-mid: #e2e3e5;\n
        --serif: 'DM Serif Display', Georgia, serif;\n
        --sans: 'Source Sans 3', -apple-system, BlinkMacSystemFont, sans-serif;\n
    }\n
    .spm26 * { margin: 0; padding: 0; box-sizing: border-box; }\n
    .spm26 { scroll-behavior: smooth; }\n
    .spm26 {\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
    .spm26 a { color: inherit; text-decoration: none; }\n
    .spm26 img { max-width: 100%; display: block; }\n
    .spm26 button { font: inherit; cursor: pointer; border: none; background: none; }\n
    .spm26 .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; }\n
    .spm26 .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
    .spm26 a.is-wip { opacity: 0.7; cursor: not-allowed; }\n
    .spm26 a.is-wip:hover { color: inherit !important; transform: none !important; }\n
    .spm26 .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
    .spm26 /* === HERO === */\n
    .hero {\n
        background:\n
            linear-gradient(180deg, rgba(42,44,48,0.78) 0%, rgba(42,44,48,0.92) 100%),\n
            url('https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_2000/v1614775944/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/STARTPLATZ_Atmospa%CC%88he45.jpg') center/cover no-repeat;\n
        background-color: var(--sp-graphit);\n
        color: white;\n
        padding: 120px 0 110px;\n
        position: relative;\n
        overflow: hidden;\n
    }\n
    .spm26 .hero::before {\n
        content: "";\n
        position: absolute;\n
        top: 0; right: 0; bottom: 0;\n
        width: 55%;\n
        background: linear-gradient(135deg, transparent, rgba(122,184,0,0.22) 60%, rgba(0,128,187,0.28));\n
        clip-path: polygon(35% 0, 100% 0, 100% 100%, 0 100%);\n
        pointer-events: none;\n
        mix-blend-mode: screen;\n
    }\n
    .spm26 .hero::after {\n
        content: "";\n
        position: absolute;\n
        inset: 0;\n
        background: radial-gradient(ellipse at 20% 80%, rgba(0,0,0,0.4), transparent 60%);\n
        pointer-events: none;\n
    }\n
    .spm26 .hero-content {\n
        position: relative;\n
        max-width: 1280px;\n
        margin: 0 auto;\n
        padding: 0 32px;\n
    }\n
    .spm26 .hero-eyebrow {\n
        display: inline-flex;\n
        align-items: center;\n
        gap: 10px;\n
        font-size: 14px;\n
        font-weight: 700;\n
        letter-spacing: 2.5px;\n
        text-transform: uppercase;\n
        color: white;\n
        margin-bottom: 32px;\n
        padding: 10px 18px;\n
        background: rgba(122,184,0,0.18);\n
        border: 1px solid rgba(122,184,0,0.5);\n
        border-radius: 999px;\n
    }\n
    .spm26 .hero-eyebrow::before {\n
        content: "";\n
        width: 8px; height: 8px;\n
        border-radius: 50%;\n
        background: var(--sp-green);\n
        box-shadow: 0 0 0 4px rgba(122,184,0,0.25);\n
        animation: pulse 2.5s ease-in-out infinite;\n
    }\n
    @keyframes pulse {\n
        0%, 100% { box-shadow: 0 0 0 4px rgba(122,184,0,0.25); }\n
        50% { box-shadow: 0 0 0 8px rgba(122,184,0,0.05); }\n
    }\n
    .spm26 .hero h1 {\n
        font-family: var(--serif);\n
        font-size: clamp(48px, 7vw, 88px);\n
        line-height: 1.05;\n
        margin-bottom: 28px;\n
        max-width: 14ch;\n
        letter-spacing: -0.02em;\n
    }\n
    .spm26 .hero h1 em {\n
        color: var(--sp-green);\n
        font-style: italic;\n
    }\n
    .spm26 .hero-sub {\n
        font-size: 22px;\n
        color: rgba(255,255,255,0.78);\n
        max-width: 56ch;\n
        line-height: 1.45;\n
        margin-bottom: 56px;\n
    }\n
    .spm26 /* Persona Cards */\n
    .personas {\n
        display: grid;\n
        grid-template-columns: repeat(5, 1fr);\n
        gap: 14px;\n
    }\n
    .spm26 .persona {\n
        background: rgba(255,255,255,0.08);\n
        border: 1px solid rgba(255,255,255,0.1);\n
        padding: 28px 24px;\n
        border-radius: 12px;\n
        cursor: pointer;\n
        transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\n
        display: flex;\n
        flex-direction: column;\n
        gap: 16px;\n
    }\n
    .spm26 .persona:hover {\n
        background: rgba(122,184,0,0.12);\n
        border-color: var(--sp-green);\n
        transform: translateY(-3px);\n
    }\n
    .spm26 .persona-icon {\n
        width: 44px; height: 44px;\n
        border-radius: 12px;\n
        background: rgba(122,184,0,0.15);\n
        display: flex;\n
        align-items: center;\n
        justify-content: center;\n
        color: var(--sp-green);\n
        transition: background 0.25s ease, transform 0.25s ease;\n
    }\n
    .spm26 .persona:hover .persona-icon {\n
        background: var(--sp-green);\n
        color: white;\n
        transform: scale(1.05);\n
    }\n
    .spm26 .persona-icon svg { width: 22px; height: 22px; }\n
    .spm26 .persona-title {\n
        font-family: var(--serif);\n
        font-size: 26px;\n
        line-height: 1.15;\n
        color: white;\n
    }\n
    .spm26 .persona-desc {\n
        font-size: 14px;\n
        color: rgba(255,255,255,0.7);\n
        line-height: 1.5;\n
        flex-grow: 1;\n
    }\n
    .spm26 .persona-cta {\n
        font-size: 14px;\n
        font-weight: 700;\n
        color: var(--sp-green);\n
        margin-top: 8px;\n
    }\n
    .spm26 .persona-cta::after {\n
        content: " →";\n
        transition: margin 0.2s ease;\n
        display: inline-block;\n
    }\n
    .spm26 .persona:hover .persona-cta::after { margin-left: 6px; }\n
    .spm26 /* === IMPACT METRICS === */\n
    .impact {\n
        background: var(--sp-warm);\n
        padding: clamp(64px, 9vw, 110px) 0;\n
    }\n
    .spm26 .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
    .spm26 .impact-item {\n
        text-align: left;\n
        border-left: 3px solid var(--sp-green);\n
        padding-left: 20px;\n
    }\n
    .spm26 .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
    .spm26 .impact-label {\n
        font-size: 16px;\n
        color: var(--sp-gray);\n
        line-height: 1.4;\n
        font-weight: 500;\n
    }\n
    .spm26 /* === SECTION HEADER === */\n
    .section-eyebrow {\n
        font-size: 13px;\n
        font-weight: 700;\n
        letter-spacing: 3px;\n
        text-transform: uppercase;\n
        color: var(--sp-green);\n
        margin-bottom: 16px;\n
        text-align: center;\n
    }\n
    .spm26 .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
    .spm26 /* === SUCCESS STORIES === */\n
    .stories { background: white; padding: clamp(80px, 10vw, 130px) 0; }\n
    .spm26 .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
    .spm26 .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
    .spm26 .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
    .spm26 .story-card:hover::after { opacity: 1; transform: translateX(4px); color: var(--sp-green); }\n
    .spm26 .story-card:hover {\n
        border-color: var(--sp-green);\n
        background: white;\n
        transform: translateY(-4px);\n
    }\n
    .spm26 .story-card.featured {\n
        background: var(--sp-graphit);\n
        color: white;\n
        grid-column: span 2;\n
        aspect-ratio: 2 / 1;\n
        border-color: var(--sp-graphit);\n
        background-image:\n
            linear-gradient(135deg, rgba(122,184,0,0.18), transparent 60%),\n
            linear-gradient(rgba(42,44,48,0.85), rgba(42,44,48,0.85));\n
    }\n
    .spm26 .story-card.featured::after { color: var(--sp-green); opacity: 0.8; }\n
    .spm26 .story-card.featured:hover { background: black; border-color: var(--sp-green); }\n
    .spm26 .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
    .spm26 .story-card:hover .story-logo { opacity: 1; filter: none; }\n
    .spm26 .story-card.featured .story-logo { height: 36px; max-width: 180px; opacity: 0.9; filter: grayscale(100%) brightness(0) invert(1); }\n
    .spm26 .story-card.featured:hover .story-logo { opacity: 1; filter: brightness(0) invert(1); }\n
    .spm26 .story-name {\n
        font-family: var(--serif);\n
        font-size: 28px;\n
        line-height: 1.1;\n
        color: var(--sp-graphit);\n
    }\n
    .spm26 .story-card.featured .story-name { font-size: 44px; color: white; max-width: 16ch; }\n
    .spm26 .story-card:not(.featured) .story-name { color: var(--sp-graphit); }\n
    .spm26 .story-meta {\n
        font-size: 12px;\n
        text-transform: uppercase;\n
        letter-spacing: 2px;\n
        opacity: 0.7;\n
        font-weight: 700;\n
        color: var(--sp-green);\n
    }\n
    .spm26 .story-card.featured .story-meta { color: var(--sp-green); opacity: 1; }\n
    .spm26 .story-desc { font-size: 14px; line-height: 1.5; margin-top: 12px; color: rgba(255,255,255,0.78); max-width: 38ch; }\n
    .spm26 .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
    .spm26 .stories-cta {\n
        text-align: center;\n
        margin-top: 56px;\n
    }\n
    .spm26 .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
    .spm26 .btn:hover { background: black; transform: translateY(-1px); }\n
    .spm26 .btn-green { background: var(--sp-green); }\n
    .spm26 .btn-green:hover { background: var(--sp-green-dark); }\n
    .spm26 .btn-outline {\n
        background: transparent;\n
        border: 2px solid currentColor;\n
        color: var(--sp-graphit) !important;\n
    }\n
    .spm26 .btn-outline:hover { background: var(--sp-graphit); color: white !important; }\n
    .spm26 /* === PILLARS (Was du bekommst) === */\n
    .pillars {\n
        background: var(--sp-graphit);\n
        color: white;\n
        padding: clamp(80px, 10vw, 130px) 0;\n
    }\n
    .spm26 .pillars .section-title { color: white; }\n
    .spm26 .pillars .section-eyebrow { color: var(--sp-green); }\n
    .spm26 .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
    .spm26 .pillar {\n
        padding: 40px 32px;\n
        border-left: 3px solid var(--sp-green);\n
        background: rgba(255,255,255,0.03);\n
        border-radius: 0 12px 12px 0;\n
    }\n
    .spm26 .pillar h3 {\n
        font-family: var(--serif);\n
        font-size: 32px;\n
        line-height: 1.15;\n
        margin-bottom: 20px;\n
    }\n
    .spm26 .pillar p {\n
        font-size: 16px;\n
        line-height: 1.6;\n
        color: rgba(255,255,255,0.78);\n
        margin-bottom: 24px;\n
    }\n
    .spm26 .pillar-list {\n
        list-style: none;\n
        margin-bottom: 24px;\n
    }\n
    .spm26 .pillar-list li {\n
        font-size: 15px;\n
        padding: 8px 0;\n
        border-bottom: 1px solid rgba(255,255,255,0.1);\n
        color: rgba(255,255,255,0.9);\n
    }\n
    .spm26 .pillar-link {\n
        font-weight: 700;\n
        color: var(--sp-green);\n
        font-size: 15px;\n
    }\n
    .spm26 .pillar-link::after { content: " →"; }\n
    .spm26 /* === LOCATIONS === */\n
    .locations { background: var(--sp-warm); padding: clamp(80px, 10vw, 130px) 0; }\n
    .spm26 .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
    .spm26 .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
    .spm26 .location-img {\n
        aspect-ratio: 16 / 9;\n
        background: linear-gradient(135deg, var(--sp-graphit), var(--sp-gray));\n
        display: flex;\n
        align-items: center;\n
        justify-content: center;\n
        color: rgba(255,255,255,0.4);\n
        font-family: var(--serif);\n
        font-size: 40px;\n
    }\n
    .spm26 .location-body { padding: 32px; flex-grow: 1; display: flex; flex-direction: column; }\n
    .spm26 .location-name {\n
        font-family: var(--serif);\n
        font-size: 36px;\n
        color: var(--sp-graphit);\n
        margin-bottom: 8px;\n
    }\n
    .spm26 .location-name.dus { color: var(--sp-green); }\n
    .spm26 .location-addr {\n
        font-size: 15px;\n
        color: var(--sp-gray);\n
        margin-bottom: 20px;\n
        line-height: 1.5;\n
    }\n
    .spm26 .location-tags {\n
        display: flex;\n
        flex-wrap: wrap;\n
        gap: 8px;\n
        margin-bottom: 24px;\n
    }\n
    .spm26 .location-tag {\n
        background: var(--sp-gray-light);\n
        color: var(--sp-gray);\n
        font-size: 13px;\n
        font-weight: 600;\n
        padding: 4px 12px;\n
        border-radius: 999px;\n
    }\n
    .spm26 .location-actions {\n
        display: flex;\n
        gap: 16px;\n
        margin-top: auto;\n
    }\n
    .spm26 /* === LATEST === */\n
    .latest { background: white; padding: clamp(80px, 10vw, 130px) 0; }\n
    .spm26 .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
    .spm26 .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
    .spm26 .latest-card:hover {\n
        border-color: var(--sp-green);\n
        transform: translateY(-3px);\n
    }\n
    .spm26 .latest-card-img {\n
        aspect-ratio: 16 / 10;\n
        background: var(--sp-graphit);\n
        display: flex;\n
        align-items: flex-end;\n
        justify-content: flex-start;\n
        padding: 24px;\n
        color: white;\n
        position: relative;\n
        overflow: hidden;\n
    }\n
    .spm26 .latest-card-img::before {\n
        content: "";\n
        position: absolute;\n
        inset: 0;\n
        background:\n
            linear-gradient(135deg, rgba(122,184,0,0.35), transparent 55%),\n
            linear-gradient(225deg, rgba(0,128,187,0.30), transparent 55%);\n
    }\n
    .spm26 .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
    .spm26 .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
    .spm26 .latest-card:hover .latest-card-img::before {\n
        background:\n
            linear-gradient(135deg, rgba(122,184,0,0.55), transparent 60%),\n
            linear-gradient(225deg, rgba(0,128,187,0.45), transparent 60%);\n
    }\n
    .spm26 .latest-card-body { padding: 24px; }\n
    .spm26 .latest-tag {\n
        display: inline-block;\n
        font-size: 12px;\n
        font-weight: 700;\n
        letter-spacing: 2px;\n
        text-transform: uppercase;\n
        color: var(--sp-green);\n
        margin-bottom: 12px;\n
    }\n
    .spm26 .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
    .spm26 .latest-card-meta {\n
        font-size: 13px;\n
        color: var(--sp-gray);\n
    }\n
    .spm26 /* === TESTIMONIALS === */\n
    .testimonials {\n
        background: var(--sp-warm);\n
        padding: clamp(80px, 10vw, 130px) 0;\n
    }\n
    .spm26 .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
    .spm26 .testimonial {\n
        background: white;\n
        padding: 40px;\n
        border-radius: 16px;\n
        border-left: 4px solid var(--sp-green);\n
    }\n
    .spm26 .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
    .spm26 .testimonial-author {\n
        display: flex;\n
        align-items: center;\n
        gap: 16px;\n
    }\n
    .spm26 .testimonial-avatar {\n
        width: 48px; height: 48px;\n
        border-radius: 50%;\n
        background: linear-gradient(135deg, var(--sp-green), var(--sp-blue));\n
    }\n
    .spm26 .testimonial-name {\n
        font-weight: 700;\n
        color: var(--sp-graphit);\n
        font-size: 15px;\n
    }\n
    .spm26 .testimonial-role {\n
        font-size: 13px;\n
        color: var(--sp-gray);\n
    }\n
    .spm26 /* === RESPONSIVE === */\n
    @media (max-width: 980px) {\n
        .megamenu-nav, .megamenu-actions .megamenu-lang, .megamenu-actions .megamenu-login { display: none; }\n
        .megamenu-burger { display: flex; }\n
        .hero { padding: 140px 0 80px; }\n
        .hero h1 { font-size: clamp(40px, 9vw, 64px); }\n
        .hero-sub { font-size: 18px; margin-bottom: 40px; }\n
        .personas { grid-template-columns: 1fr 1fr; gap: 14px; }\n
        .persona { padding: 24px 22px; }\n
        .persona-title { font-size: 22px; }\n
        .impact-grid { grid-template-columns: 1fr 1fr; gap: 28px; }\n
        .stories-grid { grid-template-columns: 1fr 1fr; }\n
        .story-card.featured { grid-column: span 2; aspect-ratio: 2 / 1; }\n
        .story-card.featured .story-name { font-size: 32px; }\n
        .pillars-grid, .latest-grid { grid-template-columns: 1fr; }\n
        .locations-grid { grid-template-columns: 1fr; }\n
        .testimonials-grid { grid-template-columns: 1fr; }\n
        .megamenu-panel-grid { grid-template-columns: 1fr 1fr; gap: 32px; }\n
    }\n
    @media (max-width: 600px) {\n
    .spm26 .hero { padding: 110px 0 64px; }\n
    .spm26 .hero-eyebrow { font-size: 11px; padding: 8px 14px; letter-spacing: 2px; }\n
    .spm26 .hero h1 { font-size: clamp(36px, 11vw, 52px); margin-bottom: 20px; }\n
    .spm26 .hero-sub { font-size: 16px; margin-bottom: 32px; }\n
    .spm26 .personas { grid-template-columns: 1fr; gap: 12px; }\n
    .spm26 .persona { padding: 22px; }\n
    .spm26 .persona-title { font-size: 24px; }\n
    .spm26 .stories-grid { grid-template-columns: 1fr; }\n
    .spm26 .story-card.featured { grid-column: span 1; aspect-ratio: 16 / 11; }\n
    .spm26 .story-card.featured .story-name { font-size: 28px; }\n
    .spm26 .impact-grid { grid-template-columns: 1fr; gap: 20px; }\n
    .spm26 .impact-num { font-size: 48px; }\n
    .spm26 .section-title { font-size: 32px; margin-bottom: 40px; }\n
    .spm26 .pillar h3 { font-size: 26px; }\n
    .spm26 .location-name { font-size: 28px; }\n
    }\n
    .spm26 /* === SUB-PAGE: MEMBERSHIPS === */\n
    .hero-page {\n
        min-height: auto;\n
        padding: 64px 0 80px;\n
    }\n
    .spm26 .hero-page h1 {\n
        font-size: clamp(40px, 5.5vw, 68px);\n
        max-width: 22ch;\n
    }\n
    .spm26 .hero-page .hero-sub { margin-bottom: 0; }\n
    .spm26 .pricing {\n
        padding: 100px 0;\n
        background: white;\n
    }\n
    .spm26 .pricing .container { max-width: 1280px; }\n
    .spm26 .pricing .section-title { text-align: center; margin-bottom: 14px; }\n
    .spm26 .pricing-intro {\n
        text-align: center;\n
        max-width: 56ch;\n
        margin: 0 auto 56px;\n
        font-size: 17px;\n
        color: var(--sp-gray);\n
        line-height: 1.55;\n
    }\n
    .spm26 .pricing-toggle-wrap {\n
        display: flex;\n
        justify-content: center;\n
        margin: 4px auto 36px;\n
    }\n
    .spm26 .pricing-toggle {\n
        display: inline-flex;\n
        gap: 6px;\n
        background: var(--sp-gray-light);\n
        border: 1px solid var(--sp-gray-mid);\n
        padding: 6px;\n
        border-radius: 999px;\n
    }\n
    .spm26 .pricing-toggle-btn {\n
        padding: 10px 24px;\n
        border-radius: 999px;\n
        font-weight: 600;\n
        font-size: 14px;\n
        color: var(--sp-gray);\n
        transition: background 0.2s ease, color 0.2s ease;\n
    }\n
    .spm26 .pricing-toggle-btn:hover { color: var(--sp-graphit); }\n
    .spm26 .pricing-toggle-btn.is-active {\n
        background: var(--sp-graphit);\n
        color: white;\n
    }\n
    .spm26 .pricing-city-caption {\n
        text-align: center;\n
        font-size: 15px;\n
        font-weight: 600;\n
        color: var(--sp-gray);\n
        margin: 0 auto 14px;\n
    }\n
    .spm26 .pricing-city-caption strong { color: var(--sp-green); }\n
    .spm26 /* Düsseldorf: Tarif-Bereich auf STARTPLATZ-Blau umfärben -> Switch sofort erkennbar */\n
    .pricing.city-dus { --sp-green: #0080bb; --sp-green-dark: #006699; }\n
    .spm26 .pricing.city-dus .pricing-toggle-btn.is-active { background: #0080bb; }\n
    .spm26 .pricing.city-dus .pricing-card.featured {\n
        background:\n
            linear-gradient(135deg, rgba(0,128,187,0.30), transparent 60%),\n
            linear-gradient(var(--sp-graphit), var(--sp-graphit));\n
    }\n
    .spm26 .pricing-promo {\n
        margin-top: 10px;\n
        display: inline-block;\n
        background: var(--sp-green);\n
        color: white;\n
        font-size: 12px;\n
        font-weight: 700;\n
        line-height: 1.3;\n
        padding: 6px 10px;\n
        border-radius: 8px;\n
    }\n
    .spm26 .pricing-grid {\n
        display: grid;\n
        grid-template-columns: repeat(5, 1fr);\n
        gap: 16px;\n
        margin-bottom: 40px;\n
    }\n
    .spm26 .pricing-card {\n
        background: var(--sp-warm);\n
        border-radius: 14px;\n
        padding: 32px 22px;\n
        border: 1px solid var(--sp-gray-mid);\n
        display: flex;\n
        flex-direction: column;\n
        position: relative;\n
        transition: transform 0.25s ease, box-shadow 0.25s ease;\n
    }\n
    .spm26 .pricing-card:hover {\n
        transform: translateY(-4px);\n
        box-shadow: 0 18px 40px -20px rgba(0,0,0,0.18);\n
    }\n
    .spm26 .pricing-card.featured {\n
        background: var(--sp-graphit);\n
        color: white;\n
        border-color: var(--sp-graphit);\n
    }\n
    .spm26 .pricing-card.featured::before {\n
        content: "Beliebt";\n
        position: absolute;\n
        top: -12px; left: 50%;\n
        transform: translateX(-50%);\n
        background: var(--sp-green);\n
        color: white;\n
        font-size: 11px;\n
        font-weight: 700;\n
        letter-spacing: 1.5px;\n
        text-transform: uppercase;\n
        padding: 5px 14px;\n
        border-radius: 999px;\n
    }\n
    .spm26 .pricing-tier {\n
        font-size: 13px;\n
        letter-spacing: 2px;\n
        text-transform: uppercase;\n
        font-weight: 700;\n
        color: var(--sp-green);\n
        margin-bottom: 10px;\n
    }\n
    .spm26 .pricing-card.featured .pricing-tier { color: var(--sp-green); }\n
    .spm26 .pricing-name {\n
        font-family: var(--serif);\n
        font-size: 28px;\n
        line-height: 1.1;\n
        color: var(--sp-graphit);\n
        margin-bottom: 16px;\n
    }\n
    .spm26 .pricing-card.featured .pricing-name { color: white; }\n
    .spm26 .pricing-price {\n
        margin-bottom: 24px;\n
        padding-bottom: 24px;\n
        border-bottom: 1px solid var(--sp-gray-mid);\n
    }\n
    .spm26 .pricing-card.featured .pricing-price { border-color: rgba(255,255,255,0.15); }\n
    .spm26 .pricing-amount {\n
        font-family: var(--serif);\n
        font-size: 44px;\n
        font-weight: 400;\n
        color: var(--sp-graphit);\n
        line-height: 1;\n
    }\n
    .spm26 .pricing-card.featured .pricing-amount { color: white; }\n
    .spm26 .pricing-period {\n
        font-size: 14px;\n
        color: var(--sp-gray);\n
        margin-left: 6px;\n
    }\n
    .spm26 .pricing-card.featured .pricing-period { color: rgba(255,255,255,0.7); }\n
    .spm26 .pricing-features {\n
        list-style: none;\n
        margin-bottom: 28px;\n
        flex: 1;\n
    }\n
    .spm26 .pricing-features li {\n
        font-size: 14px;\n
        color: var(--sp-gray);\n
        line-height: 1.5;\n
        padding: 8px 0 8px 22px;\n
        position: relative;\n
    }\n
    .spm26 .pricing-features li::before {\n
        content: "✓";\n
        position: absolute;\n
        left: 0;\n
        color: var(--sp-green);\n
        font-weight: 700;\n
    }\n
    .spm26 .pricing-card.featured .pricing-features li { color: rgba(255,255,255,0.85); }\n
    .spm26 .pricing-cta {\n
        display: block;\n
        padding: 14px 18px;\n
        text-align: center;\n
        font-weight: 700;\n
        font-size: 14px;\n
        letter-spacing: 0.5px;\n
        border-radius: 8px;\n
        background: var(--sp-green);\n
        color: white;\n
        text-decoration: none;\n
        transition: background 0.2s ease;\n
    }\n
    .spm26 .pricing-cta:hover { background: var(--sp-green-dark); }\n
    .spm26 .pricing-cta + .pricing-cta { margin-top: 8px; }\n
    .spm26 .pricing-card.featured .pricing-cta { background: var(--sp-green); }\n
    .spm26 .pricing-cta.outline {\n
        background: transparent;\n
        color: var(--sp-graphit);\n
        border: 1.5px solid var(--sp-graphit);\n
    }\n
    .spm26 .pricing-cta.outline:hover { background: var(--sp-graphit); color: white; }\n
    .spm26 .pricing-card.featured .pricing-cta.outline {\n
        color: white;\n
        border-color: white;\n
    }\n
    .spm26 .pricing-card.featured .pricing-cta.outline:hover { background: white; color: var(--sp-graphit); }\n
    .spm26 .bootstrap-note {\n
        display: flex;\n
        align-items: center;\n
        gap: 16px;\n
        text-align: left;\n
        margin: 32px auto 0;\n
        padding: 18px 24px;\n
        background: rgba(122,184,0,0.08);\n
        border: 1px solid rgba(122,184,0,0.25);\n
        border-left: 4px solid var(--sp-green);\n
        border-radius: 12px;\n
        font-size: 15px;\n
        line-height: 1.5;\n
        color: var(--sp-gray);\n
        max-width: 720px;\n
    }\n
    .spm26 .bootstrap-note::before {\n
        content: "%";\n
        flex-shrink: 0;\n
        width: 38px; height: 38px;\n
        display: flex;\n
        align-items: center;\n
        justify-content: center;\n
        border-radius: 50%;\n
        background: var(--sp-green);\n
        color: white;\n
        font-weight: 700;\n
        font-size: 18px;\n
    }\n
    .spm26 .bootstrap-note strong { color: var(--sp-graphit); }\n
    .spm26 .bootstrap-note a { white-space: nowrap; }\n
    .spm26 .daypass-strip {\n
        display: flex;\n
        align-items: center;\n
        justify-content: space-between;\n
        gap: 24px;\n
        flex-wrap: wrap;\n
        margin: 40px auto 0;\n
        max-width: 940px;\n
        padding: 22px 28px;\n
        background: var(--sp-graphit);\n
        color: white;\n
        border-radius: 14px;\n
    }\n
    .spm26 .daypass-text { display: flex; flex-direction: column; gap: 4px; }\n
    .spm26 .daypass-text strong { font-family: var(--serif); font-size: 22px; font-weight: 400; }\n
    .spm26 .daypass-text span { font-size: 14px; color: rgba(255,255,255,0.75); }\n
    .spm26 .daypass-btn {\n
        flex-shrink: 0;\n
        background: var(--sp-green);\n
        color: white;\n
        font-weight: 700;\n
        font-size: 14px;\n
        padding: 14px 24px;\n
        border-radius: 999px;\n
        transition: background 0.2s ease;\n
    }\n
    .spm26 .daypass-btn:hover { background: var(--sp-green-dark); }\n
    .spm26 .pricing-footnote {\n
        text-align: center;\n
        margin: 24px auto 0;\n
        font-size: 13px;\n
        color: var(--sp-gray);\n
        max-width: 64ch;\n
    }\n
    .spm26 /* Tarif-Details (Accordion) */\n
    .tariff-details { background: var(--sp-warm); padding: clamp(70px, 9vw, 110px) 0; }\n
    .spm26 .tariff-details .container { max-width: 900px; }\n
    .spm26 .tariff-details .section-title { margin-bottom: 48px; }\n
    .spm26 .accordion { display: flex; flex-direction: column; gap: 12px; }\n
    .spm26 .acc-item {\n
        background: white;\n
        border: 1px solid var(--sp-gray-mid);\n
        border-radius: 12px;\n
        overflow: hidden;\n
        transition: border-color 0.2s ease, box-shadow 0.2s ease;\n
    }\n
    .spm26 .acc-item[open] { border-color: var(--sp-green); box-shadow: 0 18px 36px -26px rgba(0,0,0,0.22); }\n
    .spm26 .acc-item summary {\n
        list-style: none;\n
        cursor: pointer;\n
        display: flex;\n
        align-items: center;\n
        gap: 16px;\n
        padding: 22px 26px;\n
        font-family: var(--serif);\n
        font-size: 22px;\n
        color: var(--sp-graphit);\n
    }\n
    .spm26 .acc-item summary::-webkit-details-marker { display: none; }\n
    .spm26 .acc-item summary::after {\n
        content: "";\n
        flex-shrink: 0;\n
        width: 9px; height: 9px;\n
        margin-left: 4px;\n
        border-right: 2px solid var(--sp-gray);\n
        border-bottom: 2px solid var(--sp-gray);\n
        transform: rotate(45deg);\n
        transition: transform 0.2s ease;\n
    }\n
    .spm26 .acc-item[open] summary::after { transform: rotate(-135deg); }\n
    .spm26 .acc-price {\n
        margin-left: auto;\n
        font-family: var(--sans);\n
        font-size: 14px;\n
        font-weight: 700;\n
        color: var(--sp-green);\n
        background: rgba(122,184,0,0.12);\n
        padding: 4px 12px;\n
        border-radius: 999px;\n
        white-space: nowrap;\n
    }\n
    .spm26 .acc-body { padding: 0 26px 24px; }\n
    .spm26 .acc-body p { font-size: 15px; line-height: 1.65; color: var(--sp-gray); margin-bottom: 16px; }\n
    .spm26 .acc-links { display: flex; flex-wrap: wrap; gap: 8px 22px; }\n
    .spm26 .acc-link { font-weight: 700; font-size: 14px; color: var(--sp-green); }\n
    .spm26 .acc-link:hover { color: var(--sp-green-dark); }\n
    @media (max-width: 560px) {\n
    .spm26 .acc-item summary { font-size: 18px; flex-wrap: wrap; padding: 18px 20px; }\n
    .spm26 .acc-body { padding: 0 20px 20px; }\n
    }\n
    .spm26 .benefits-detail {\n
        padding: 100px 0;\n
        background: var(--sp-warm);\n
    }\n
    .spm26 .benefits-detail .section-title { margin-bottom: 18px; }\n
    .spm26 .benefits-detail .container { max-width: 1100px; }\n
    .spm26 .benefits-intro {\n
        max-width: 62ch;\n
        margin-bottom: 40px;\n
        font-size: 17px;\n
        color: var(--sp-gray);\n
        line-height: 1.6;\n
    }\n
    .spm26 .benefits-grid {\n
        display: grid;\n
        grid-template-columns: 1fr 1fr;\n
        gap: 14px 40px;\n
    }\n
    .spm26 .benefits-grid li {\n
        list-style: none;\n
        padding: 10px 0 10px 28px;\n
        position: relative;\n
        font-size: 15px;\n
        color: var(--sp-graphit);\n
        border-bottom: 1px solid var(--sp-gray-mid);\n
    }\n
    .spm26 .benefits-grid li::before {\n
        content: "✓";\n
        position: absolute;\n
        left: 0;\n
        top: 10px;\n
        color: var(--sp-green);\n
        font-weight: 700;\n
        font-size: 16px;\n
    }\n
    .spm26 /* Icon-Benefit-Gruppen (Community grün / Coworking blau) */\n
    .benefit-group { margin-top: 36px; }\n
    .spm26 .benefit-group.is-green { --accent: var(--sp-green); --accent-bg: rgba(122,184,0,0.12); }\n
    .spm26 .benefit-group.is-blue { --accent: var(--sp-blue); --accent-bg: rgba(0,128,187,0.12); }\n
    .spm26 .benefit-group-title {\n
        font-family: var(--serif);\n
        font-size: clamp(24px, 2.6vw, 32px);\n
        text-align: center;\n
        color: var(--sp-graphit);\n
        margin-bottom: 24px;\n
    }\n
    .spm26 .benefit-group-tag {\n
        display: inline-block;\n
        font-family: var(--sans);\n
        font-size: 13px;\n
        font-weight: 600;\n
        color: var(--accent);\n
        background: var(--accent-bg);\n
        padding: 4px 12px;\n
        border-radius: 999px;\n
        vertical-align: middle;\n
        margin-left: 8px;\n
    }\n
    .spm26 .benefit-cards {\n
        display: grid;\n
        grid-template-columns: repeat(4, 1fr);\n
        gap: 16px;\n
    }\n
    .spm26 .benefit-card {\n
        background: white;\n
        border: 1px solid var(--sp-gray-mid);\n
        border-radius: 14px;\n
        padding: 22px 18px;\n
        text-align: center;\n
        transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;\n
    }\n
    .spm26 .benefit-card:hover {\n
        transform: translateY(-4px);\n
        border-color: var(--accent);\n
        box-shadow: 0 16px 32px -20px rgba(0,0,0,0.2);\n
    }\n
    .spm26 .benefit-icon {\n
        width: 50px; height: 50px;\n
        margin: 0 auto 12px;\n
        border-radius: 14px;\n
        display: flex;\n
        align-items: center;\n
        justify-content: center;\n
        background: var(--accent-bg);\n
        color: var(--accent);\n
    }\n
    .spm26 .benefit-icon svg { width: 26px; height: 26px; }\n
    .spm26 .benefit-card p { font-size: 14px; line-height: 1.45; color: var(--sp-graphit); font-weight: 500; }\n
    @media (max-width: 980px) {\n
    .spm26 .benefit-cards { grid-template-columns: repeat(2, 1fr); }\n
    }\n
    @media (max-width: 520px) {\n
    .spm26 .benefit-cards { grid-template-columns: 1fr 1fr; gap: 12px; }\n
    .spm26 .benefit-card { padding: 22px 14px; }\n
    }\n
    .spm26 .visit-cta {\n
        padding: 100px 0;\n
        background: var(--sp-graphit);\n
        color: white;\n
        text-align: center;\n
    }\n
    .spm26 .visit-cta h2 {\n
        font-family: var(--serif);\n
        font-size: clamp(32px, 4vw, 48px);\n
        margin-bottom: 16px;\n
        max-width: 22ch;\n
        margin-left: auto;\n
        margin-right: auto;\n
    }\n
    .spm26 .visit-cta p {\n
        max-width: 56ch;\n
        margin: 0 auto 32px;\n
        color: rgba(255,255,255,0.78);\n
        font-size: 17px;\n
        line-height: 1.6;\n
    }\n
    .spm26 .visit-cta .visit-actions {\n
        display: inline-flex;\n
        gap: 14px;\n
        flex-wrap: wrap;\n
        justify-content: center;\n
    }\n
    .spm26 /* Fix: Outline-Button war unsichtbar (dunkle Schrift auf dunklem BG durch !important der Basisregel) */\n
    .visit-cta .btn-outline {\n
        color: white !important;\n
        border-color: white;\n
    }\n
    .spm26 .visit-cta .btn-outline:hover {\n
        background: white;\n
        color: var(--sp-graphit) !important;\n
    }\n
    .spm26 /* Standort-Umschalter Köln / Düsseldorf */\n
    .visit-toggle {\n
        display: inline-flex;\n
        gap: 6px;\n
        background: rgba(255,255,255,0.08);\n
        border: 1px solid rgba(255,255,255,0.15);\n
        padding: 6px;\n
        border-radius: 999px;\n
        margin-bottom: 20px;\n
    }\n
    .spm26 .visit-toggle-btn {\n
        padding: 10px 22px;\n
        border-radius: 999px;\n
        font-weight: 600;\n
        font-size: 14px;\n
        color: rgba(255,255,255,0.7);\n
        transition: background 0.2s ease, color 0.2s ease;\n
    }\n
    .spm26 .visit-toggle-btn:hover { color: white; }\n
    .spm26 .visit-toggle-btn.is-active {\n
        background: var(--sp-green);\n
        color: white;\n
    }\n
    .spm26 .visit-city-line {\n
        font-size: 15px !important;\n
        color: rgba(255,255,255,0.6) !important;\n
        margin-bottom: 28px !important;\n
    }\n
    .spm26 .visit-city-line strong { color: white; }\n
    .spm26 .visit-photo {\n
        position: relative;\n
        max-width: 720px;\n
        margin: 0 auto 34px;\n
        border-radius: 18px;\n
        overflow: hidden;\n
        box-shadow: 0 30px 60px -28px rgba(0,0,0,0.7);\n
    }\n
    .spm26 .visit-photo img {\n
        width: 100%;\n
        aspect-ratio: 16 / 9;\n
        object-fit: cover;\n
        display: block;\n
        transition: opacity 0.25s ease;\n
    }\n
    .spm26 .visit-photo::after {\n
        content: "";\n
        position: absolute;\n
        inset: 0;\n
        background: linear-gradient(180deg, transparent 55%, rgba(0,0,0,0.5));\n
        pointer-events: none;\n
    }\n
    .spm26 .visit-photo-badge {\n
        position: absolute;\n
        left: 18px; bottom: 16px;\n
        z-index: 1;\n
        background: rgba(42,44,48,0.8);\n
        color: white;\n
        font-size: 13px;\n
        font-weight: 600;\n
        padding: 8px 14px;\n
        border-radius: 999px;\n
    }\n
    .spm26 .visit-photo-badge strong { color: var(--sp-green); }\n
    .spm26 .visit-tour-link {\n
        display: block;\n
        margin-top: 22px;\n
        font-size: 15px;\n
        font-weight: 600;\n
        color: rgba(255,255,255,0.8);\n
        border-bottom: 1px solid rgba(255,255,255,0.3);\n
        padding-bottom: 2px;\n
        transition: color 0.2s ease, border-color 0.2s ease;\n
    }\n
    .spm26 .visit-tour-link:hover { color: white; border-color: white; }\n
    .spm26 .visit-contact {\n
        margin-top: 30px;\n
        font-size: 14px;\n
        color: rgba(255,255,255,0.6) !important;\n
        max-width: none !important;\n
    }\n
    .spm26 .visit-contact a {\n
        color: rgba(255,255,255,0.9);\n
        border-bottom: 1px solid rgba(255,255,255,0.3);\n
        transition: color 0.2s ease, border-color 0.2s ease;\n
    }\n
    .spm26 .visit-contact a:hover { color: white; border-color: white; }\n
    @media (max-width: 1080px) {\n
    .spm26 .pricing-grid { grid-template-columns: repeat(3, 1fr); }\n
    }\n
    @media (max-width: 720px) {\n
    .spm26 .pricing-grid { grid-template-columns: 1fr; }\n
    .spm26 .benefits-grid { grid-template-columns: 1fr; }\n
    .spm26 .hero-page { padding: 130px 0 60px; }\n
    }\n
    </style>\n
    \n
    <header class="hero hero-page">\n
        <div class="hero-content">\n
            <h1>Werde Teil unserer <em>Community</em> — und profitiere vom Ökosystem.</h1>\n
            <p class="hero-sub">\n
                Vom 10-€-Community-Zugang bis zum eigenen Teambüro: fünf Wege ins STARTPLATZ-Ökosystem, abgestimmt auf Phase und Bedarf. 2.000+ Member, beide Standorte, alle Vorteile inklusive.\n
            </p>\n
        </div>\n
    </header>\n
    <section class="pricing">\n
        <div class="container">\n
            <div class="section-eyebrow" style="text-align:center;">Tarife im Überblick</div>\n
            <h2 class="section-title">Finde deinen Tarif.</h2>\n
            <div class="pricing-toggle-wrap">\n
                <div class="pricing-toggle" role="tablist" aria-label="Standort wählen">\n
                    <button class="pricing-toggle-btn is-active" data-city="koeln">Köln · Mediapark</button>\n
                    <button class="pricing-toggle-btn" data-city="duesseldorf">Düsseldorf · Medienhafen</button>\n
                </div>\n
            </div>\n
            <p class="pricing-city-caption" id="pricingCityCaption">Tarife für <strong>Köln</strong> · Mediapark</p>\n
            <p class="pricing-intro">Alle Tarife inkl. Zugang zur Community, Slack-Workspace, Member-Portal und exklusiven Events in Köln &amp; Düsseldorf.</p>\n
            <div class="pricing-grid" id="pricingGrid"></div>\n
            <div class="bootstrap-note" id="pricingNote"></div>\n
            <p class="pricing-footnote">Studierende erhalten Rabatt — einfach beim Office-Team anfragen. Alle Preise zzgl. 19 % MwSt.</p>\n
        </div>\n
    </section>\n
    <section class="benefits-detail">\n
        <div class="container">\n
            <div class="section-eyebrow" style="text-align:center;">Was alles drin ist</div>\n
            <h2 class="section-title">Alles inklusive — kein Kleingedrucktes.</h2>\n
            <div class="benefit-group is-green">\n
                <h3 class="benefit-group-title">Community-Benefits <span class="benefit-group-tag">in jedem Tarif enthalten</span></h3>\n
                <div class="benefit-cards" id="communityBenefits"></div>\n
            </div>\n
            <div class="benefit-group is-blue">\n
                <h3 class="benefit-group-title">Coworking-Benefits <span class="benefit-group-tag">zusätzlich bei Coworking, 2nd Home &amp; Teambüro</span></h3>\n
                <div class="benefit-cards" id="coworkingBenefits"></div>\n
            </div>\n
        </div>\n
    </section>\n
    <section class="visit-cta">\n
        <div class="container">\n
            <h2>Jetzt kostenlos &amp; unverbindlich testen!</h2>\n
            <p>Buche einfach einen kostenlosen Probetag in Köln oder Düsseldorf und mach dir vor Ort dein eigenes Bild.</p>\n
            <div class="visit-toggle" role="tablist" aria-label="Standort wählen">\n
                <button class="visit-toggle-btn is-active" data-city="koeln">Köln · Mediapark</button>\n
                <button class="visit-toggle-btn" data-city="duesseldorf">Düsseldorf · Medienhafen</button>\n
            </div>\n
            <div class="visit-photo">\n
                <img id="visitPhoto" 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 Köln – Mediapark Außenansicht">\n
                <span class="visit-photo-badge" id="visitCityLine"><strong>Köln</strong> · Im Mediapark 5, 50670 Köln</span>\n
            </div>\n
            <div class="visit-actions">\n
                <a href="https://calendly.com/support-startplatz/coworking-probetag" target="_blank" rel="noopener" class="btn btn-green visit-test-btn">Kostenlos in Köln testen</a>\n
                <a href="https://app.monsum.com/purchase/b4847183a0f3978eecd9c6d8fd00aedf/11025" target="_blank" rel="noopener" class="btn btn-outline visit-buy-btn">Direkt buchen</a>\n
            </div>\n
            <a href="mailto:info@startplatz.de?subject=STARTPLATZ Visite Köln" class="visit-tour-link visit-tour-btn">Oder eine Tour in Köln vereinbaren →</a>\n
            <p class="visit-contact">Noch Fragen zu unseren Tarifen? Schreib uns an <a href="mailto:mitgliedschaft@startplatz.de?subject=STARTPLATZ Tarife">mitgliedschaft@startplatz.de</a> · <a href="https://www.startplatz.de/startplatz-agb/" target="_blank" rel="noopener">Hier findest du unsere AGB</a></p>\n
        </div>\n
    </section>\n
    <section class="tariff-details">\n
        <div class="container">\n
            <div class="section-eyebrow" style="text-align:center;">Alle Tarife im Detail</div>\n
            <h2 class="section-title">Noch mehr Infos zu jedem Tarif.</h2>\n
            <div class="accordion">\n
                <details class="acc-item" open>\n
                    <summary><span>Community Membership</span><span class="acc-price">10 € / Monat</span></summary>\n
                    <div class="acc-body">\n
                        <p>Du möchtest Teil der digitalen STARTPLATZ-Community werden? Egal ob vernetzen, austauschen, weiterbilden oder einfach den Startup-Spirit erleben — als Member stehen dir die Türen zu unserem Ökosystem aus Experten, Investoren, Gründern und Unternehmen offen. Mit täglichen Networking- und Wissensveranstaltungen, 2.000+ Mitgliedern und einer aktiven Community findest du schnell deinen Platz.</p>\n
                        <div class="acc-links">\n
                            <a href="https://app.monsum.com/purchase/b4847183a0f3978eecd9c6d8fd00aedf/16018" target="_blank" rel="noopener" class="acc-link">Community Membership buchen →</a>\n
                            <a href="https://startplatz.de/digitaler-startplatz" target="_blank" rel="noopener" class="acc-link">Mehr erfahren →</a>\n
                        </div>\n
                    </div>\n
                </details>\n
                <details class="acc-item">\n
                    <summary><span>Geschäftsanschrift Köln oder Düsseldorf</span><span class="acc-price">70 € / Monat</span></summary>\n
                    <div class="acc-body">\n
                        <p>Du möchtest den STARTPLATZ Köln oder Düsseldorf als offiziellen Firmensitz, brauchst aber keinen Arbeitsplatz? Kein Problem. Für 70 €/Monat bekommst du eine repräsentative Geschäftsanschrift inklusive aller Vorteile der Community Membership — deine Post wird bequem in den STARTPLATZ geliefert, optional mit wöchentlicher Weiterleitung.</p>\n
                        <div class="acc-links">\n
                            <a href="https://app.monsum.com/purchase/b4847183a0f3978eecd9c6d8fd00aedf/121-2" target="_blank" rel="noopener" class="acc-link">Geschäftsadresse Köln buchen →</a>\n
                            <a href="https://app.monsum.com/purchase/19d16aad7bef4b048bcddb92de96f54c/121-1" target="_blank" rel="noopener" class="acc-link">Geschäftsadresse Düsseldorf buchen →</a>\n
                        </div>\n
                    </div>\n
                </details>\n
                <details class="acc-item">\n
                    <summary><span>Postscan-Service Köln oder Düsseldorf</span><span class="acc-price">35 € / Monat</span></summary>\n
                    <div class="acc-body">\n
                        <p>Kein mühsames Scannen mehr: Unser Postscan-Service digitalisiert deine Dokumente und schickt sie dir wöchentlich per Mail. Deine Unterlagen werden 3 Monate im STARTPLATZ archiviert und danach ordnungsgemäß vernichtet. 100 Seiten pro Monat für 35 € — spart Zeit und Ressourcen mit digitalem Workflow.</p>\n
                        <div class="acc-links">\n
                            <a href="mailto:support@startplatz.de" class="acc-link">Interesse? Schreib an support@startplatz.de →</a>\n
                        </div>\n
                    </div>\n
                </details>\n
                <details class="acc-item">\n
                    <summary><span>Coworking Membership</span><span class="acc-price">ab 180 € / Monat</span></summary>\n
                    <div class="acc-body">\n
                        <p>Du möchtest in einer innovativen, modernen Umgebung arbeiten? Ab 180 €/Monat bekommst du einen flexiblen Arbeitsplatz im Coworking, kommst automatisch mit Startups und Unternehmen in Kontakt, erhältst 50 % Rabatt auf alle STARTPLATZ-Events und viele weitere Vorteile — nutzbar an beiden Standorten. Eine repräsentative Firmenadresse buchst du optional dazu.</p>\n
                        <div class="acc-links">\n
                            <a href="https://startplatz.de/coworking-koeln" target="_blank" rel="noopener" class="acc-link">Coworking Köln →</a>\n
                            <a href="https://startplatz.de/coworking-duesseldorf" target="_blank" rel="noopener" class="acc-link">Coworking Düsseldorf →</a>\n
                        </div>\n
                    </div>\n
                </details>\n
                <details class="acc-item">\n
                    <summary><span>Second Home</span><span class="acc-price">ab 350 € / Monat</span></summary>\n
                    <div class="acc-body">\n
                        <p>Du möchtest voll durchstarten? Dann mach den STARTPLATZ zu deinem zweiten Zuhause: 24/7-Zugang zum Office mit allen Annehmlichkeiten — vergünstigte Workshops, Meeting- und Konferenzräume, Anschluss zur rheinischen Gründerszene und natürlich die Kaffee-Flat. Eine repräsentative Firmenadresse ist bereits im Tarif inbegriffen.</p>\n
                        <div class="acc-links">\n
                            <a href="https://www.startplatz.de/2nd-home-koeln/" target="_blank" rel="noopener" class="acc-link">2nd Home Köln →</a>\n
                            <a href="https://www.startplatz.de/2nd-home-duesseldorf/" target="_blank" rel="noopener" class="acc-link">2nd Home Düsseldorf →</a>\n
                        </div>\n
                    </div>\n
                </details>\n
                <details class="acc-item">\n
                    <summary><span>Teambüro</span><span class="acc-price">auf Anfrage</span></summary>\n
                    <div class="acc-body">\n
                        <p>Ihr wollt als Team den nächsten Schritt gehen? Mit einem eigenen Teambüro im STARTPLATZ profitiert ihr von voll ausgestatteten eigenen Büroräumen und habt zugleich Zugang zum gesamten STARTPLATZ-Netzwerk mit allen Vorteilen.</p>\n
                        <div class="acc-links">\n
                            <a href="https://www.startplatz.de/teambuero-koeln/" target="_blank" rel="noopener" class="acc-link">Teambüros Köln →</a>\n
                            <a href="https://www.startplatz.de/teambuero-duesseldorf/" target="_blank" rel="noopener" class="acc-link">Teambüros Düsseldorf →</a>\n
                        </div>\n
                    </div>\n
                </details>\n
                <details class="acc-item">\n
                    <summary><span>Bootstrap</span><span class="acc-price">140 € / Monat</span></summary>\n
                    <div class="acc-body">\n
                        <p>Ihr seid ein Startup-Team mit 2–4 Personen, habt eine außergewöhnliche, innovative Idee, die ihr vorantreiben möchtet? Ihr finanziert euch selbst oder habt nur geringfügige Unterstützung, seid hoch motiviert und es fehlt nur die richtige Umgebung, um eurer Kreativität freien Lauf zu lassen? Dann seid ihr im STARTPLATZ genau richtig.</p>\n
                        <div class="acc-links">\n
                            <a href="https://www.startplatz.de/bootstrapping/" target="_blank" rel="noopener" class="acc-link">Jetzt bewerben →</a>\n
                        </div>\n
                    </div>\n
                </details>\n
            </div>\n
        </div>\n
    </section>\n
    \n
    <script>\n
    const MONSUM_K = 'https://app.monsum.com/purchase/b4847183a0f3978eecd9c6d8fd00aedf/'; const MONSUM_D = 'https://app.monsum.com/purchase/19d16aad7bef4b048bcddb92de96f54c/'; const CALENDLY_K = 'https://calendly.com/support-startplatz/coworking-probetag'; const CALENDLY_D = 'https://calendly.com/startplatz-duesseldorf/coworker-probetag'; const BOOTSTRAP_NOTE = '\x3Cstrong>Bootstrap-Tarif:\x3C/strong> Coworking für 140 € / Monat — speziell für Frühphasen-Gründer:innen ohne Funding. \x3Ca href="https://www.startplatz.de/bootstrapping/" target="_blank" rel="noopener" style="color:var(--sp-green); font-weight:600;">Mehr Infos →\x3C/a>'; const tariffData = { koeln: { cards: [ {tier:'Community', name:'Community', amount:'10 €', period:'/ Monat', outline:true, features:['Digitaler Community-Zugang (2.000+ Member)','Slack-Workspace + Member-Portal','20 % Rabatt auf Meeting- &amp; Konferenzräume','Kostenlose Workshops, Vorträge &amp; Events','Kostenloses Idea-Feedback'], cta:'Community buchen', href: MONSUM_K + '16018'}, {tier:'Geschäftsadresse', name:'Geschäfts\u{AD}adresse', amount:'70 €', period:'/ Monat', outline:true, features:['Repräsentative Adresse in Köln','Postannahme &amp; optional Weiterleitung (+35 €)','Kein Arbeitsplatz nötig','Alle Community-Vorteile inkl.'], cta:'Adresse buchen', href: MONSUM_K + '11081'}, {tier:'Coworking', name:'Coworking', amount:'180 €', period:'/ Monat', featured:true, features:['Flexibler Schreibtisch (Flex Desk)','24/7-Zugang','50 % Rabatt auf Meeting- &amp; Konferenzräume','90-min-Meetingraum-Kontingent / Tag','Alle Coworking-Benefits (siehe unten)'], cta:'Kostenlos testen', href: CALENDLY_K, cta2:'Buchen', href2: MONSUM_K + '11025'}, {tier:'2nd Home', name:'2nd Home', amount:'350 €', period:'/ Monat', outline:true, features:['Fester Schreibtisch (Fix Desk)','24/7-Zugang','Geschäftsadresse inklusive','16 h Meetingraum / Monat + 90 min / Tag','50 % Rabatt auf weitere Buchungen'], cta:'2nd Home anfragen', href: 'https://form.typeform.com/to/p4R9aS'}, {tier:'Teambüro', name:'Teambüro', amount:'auf Anfrage', outline:true, features:['Eigene Büros in versch. Größen','24/7-Zugang','Geschäftsadresse inklusive','16 h MR + 8 h KR / Monat','50 % Rabatt auf weitere Buchungen'], cta:'Teambüro anfragen', href: 'https://form.typeform.com/to/uHoEWY1e?utm_source=website_memberships'} ], note: BOOTSTRAP_NOTE }, duesseldorf: { cards: [ {tier:'Community', name:'Community', amount:'10 €', period:'/ Monat', outline:true, features:['Digitaler Community-Zugang (1.500+ Startups)','Slack-Workspace + Member-Portal','20 % Rabatt auf Meeting- &amp; Konferenzräume','Kostenlose Workshops, Vorträge &amp; Events','Kostenloses Idea-Feedback'], cta:'Community buchen', href: MONSUM_K + '16018'}, {tier:'Geschäftsadresse', name:'Geschäfts\u{AD}adresse', amount:'70 €', period:'/ Monat', outline:true, features:['Repräsentative Adresse im Medienhafen','Postempfang inkl., optional Weiterleitung/Scan (+35 €)','Kein Arbeitsplatz nötig','Alle Community-Vorteile inkl.'], cta:'Adresse buchen', href: MONSUM_D + '11082'}, {tier:'Coworking', name:'Coworking', amount:'180 €', period:'/ Monat', featured:true, features:['Flexibler Schreibtisch (Flex Desk)','24/7-Zugang','50 % Rabatt auf Meeting- &amp; Konferenzräume','90-min-Meetingraum-Kontingent / Tag','Alle Coworking-Benefits (siehe unten)'], cta:'Kostenlos testen', href: CALENDLY_D, cta2:'Buchen', href2: MONSUM_D + '11024'}, {tier:'2nd Home', name:'2nd Home', amount:'350 €', period:'/ Monat', outline:true, features:['Fester Schreibtisch (Fix Desk)','24/7-Zugang','Geschäftsadresse inklusive','16 h Meetingraum / Monat + 90 min / Tag','50 % Rabatt auf weitere Buchungen'], cta:'2nd Home anfragen', href: 'https://form.typeform.com/to/hAdbbi'}, {tier:'Teambüro', name:'Teambüro', amount:'auf Anfrage', outline:true, features:['Eigene Büros in versch. Größen','24/7-Zugang','Geschäftsadresse inklusive','Nutzung Standort Köln inkl.','Recruitment-Support &amp; Job-Plattform'], cta:'Teambüro anfragen', href: 'https://form.typeform.com/to/I6lclX?utm_source=website_memberships'} ], note: BOOTSTRAP_NOTE } }; function renderTariffs(city) { const data = tariffData[city]; const grid = document.getElementById('pricingGrid'); const note = document.getElementById('pricingNote'); if (!grid || !data) return; grid.innerHTML = data.cards.map(c => ` \x3Cdiv class="pricing-card${c.featured ? ' featured' : ''}"> \x3Cdiv class="pricing-tier">${c.tier}\x3C/div> \x3Cdiv class="pricing-name">${c.name}\x3C/div> \x3Cdiv class="pricing-price"> \x3Cspan class="pricing-amount">${c.amount}\x3C/span>${c.period ? `\x3Cspan class="pricing-period">${c.period}\x3C/span>` : ''} ${c.promo ? `\x3Cdiv class="pricing-promo">${c.promo}\x3C/div>` : ''} \x3C/div> \x3Cul class="pricing-features">${c.features.map(f => `\x3Cli>${f}\x3C/li>`).join('')}\x3C/ul> \x3Ca href="${c.href || '#'}" target="_blank" rel="noopener" class="pricing-cta${c.outline ? ' outline' : ''}">${c.cta}\x3C/a> ${c.cta2 ? `\x3Ca href="${c.href2 || '#'}" target="_blank" rel="noopener" class="pricing-cta outline">${c.cta2}\x3C/a>` : ''} \x3C/div>`).join(''); if (note) note.innerHTML = data.note; const sec = document.querySelector('.pricing'); if (sec) sec.classList.toggle('city-dus', city === 'duesseldorf'); const cap = document.getElementById('pricingCityCaption'); if (cap) cap.innerHTML = city === 'duesseldorf' ? 'Tarife für \x3Cstrong>Düsseldorf\x3C/strong> · Medienhafen' : 'Tarife für \x3Cstrong>Köln\x3C/strong> · Mediapark'; } const pricingToggle = document.querySelectorAll('.pricing-toggle-btn'); pricingToggle.forEach(btn => { btn.addEventListener('click', () => { pricingToggle.forEach(b => b.classList.remove('is-active')); btn.classList.add('is-active'); renderTariffs(btn.dataset.city); }); }); renderTariffs('koeln');  const ICONS = { users: '\x3Csvg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>\x3Ccircle cx="9" cy="7" r="4"/>\x3Cpath d="M23 21v-2a4 4 0 0 0-3-3.87"/>\x3Cpath d="M16 3.13a4 4 0 0 1 0 7.75"/>\x3C/svg>', percent: '\x3Csvg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\x3Cline x1="19" y1="5" x2="5" y2="19"/>\x3Ccircle cx="6.5" cy="6.5" r="2.5"/>\x3Ccircle cx="17.5" cy="17.5" r="2.5"/>\x3C/svg>', megaphone: '\x3Csvg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="M3 11l18-5v12L3 14v-3z"/>\x3Cpath d="M11.6 16.8a3 3 0 1 1-5.8-1.6"/>\x3C/svg>', portal: '\x3Csvg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\x3Crect x="3" y="3" width="18" height="18" rx="2"/>\x3Cline x1="3" y1="9" x2="21" y2="9"/>\x3Cline x1="9" y1="21" x2="9" y2="9"/>\x3C/svg>', workshop: '\x3Csvg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\x3Crect x="2" y="3" width="20" height="14" rx="2"/>\x3Cpolygon points="10 8 15 10.5 10 13"/>\x3Cline x1="8" y1="21" x2="16" y2="21"/>\x3Cline x1="12" y1="17" x2="12" y2="21"/>\x3C/svg>', bulb: '\x3Csvg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="M9 18h6"/>\x3Cpath d="M10 22h4"/>\x3Cpath d="M12 2a7 7 0 0 0-4 12.7c.5.4.8 1 .8 1.6V17h6.4v-.7c0-.6.3-1.2.8-1.6A7 7 0 0 0 12 2z"/>\x3C/svg>', rocket: '\x3Csvg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"/>\x3Cpath d="M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"/>\x3Cpath d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"/>\x3Cpath d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"/>\x3C/svg>', home: '\x3Csvg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>\x3Cpolyline points="9 22 9 12 15 12 15 22"/>\x3C/svg>', wifi: '\x3Csvg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="M5 12.55a11 11 0 0 1 14 0"/>\x3Cpath d="M1.42 9a16 16 0 0 1 21.16 0"/>\x3Cpath d="M8.53 16.11a6 6 0 0 1 6.95 0"/>\x3Cline x1="12" y1="20" x2="12.01" y2="20"/>\x3C/svg>', coffee: '\x3Csvg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="M18 8h1a4 4 0 0 1 0 8h-1"/>\x3Cpath d="M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z"/>\x3Cline x1="6" y1="1" x2="6" y2="4"/>\x3Cline x1="10" y1="1" x2="10" y2="4"/>\x3Cline x1="14" y1="1" x2="14" y2="4"/>\x3C/svg>', lounge: '\x3Csvg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\x3Ccircle cx="12" cy="12" r="10"/>\x3Cpath d="M8 14s1.5 2 4 2 4-2 4-2"/>\x3Cline x1="9" y1="9" x2="9.01" y2="9"/>\x3Cline x1="15" y1="9" x2="15.01" y2="9"/>\x3C/svg>', building: '\x3Csvg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="M3 21h18"/>\x3Cpath d="M5 21V7l8-4v18"/>\x3Cpath d="M19 21V11l-6-4"/>\x3Cline x1="9" y1="9" x2="9.5" y2="9"/>\x3Cline x1="9" y1="13" x2="9.5" y2="13"/>\x3Cline x1="9" y1="17" x2="9.5" y2="17"/>\x3C/svg>', monitor: '\x3Csvg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\x3Crect x="2" y="3" width="20" height="14" rx="2"/>\x3Cline x1="8" y1="21" x2="16" y2="21"/>\x3Cline x1="12" y1="17" x2="12" y2="21"/>\x3C/svg>', sparkle: '\x3Csvg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\x3Cpath d="M12 3l1.9 5.8L20 10l-6.1 1.2L12 17l-1.9-5.8L4 10l6.1-1.2z"/>\x3C/svg>', printer: '\x3Csvg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\x3Cpolyline points="6 9 6 2 18 2 18 9"/>\x3Cpath d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"/>\x3Crect x="6" y="14" width="12" height="8"/>\x3C/svg>', clock: '\x3Csvg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\x3Ccircle cx="12" cy="12" r="10"/>\x3Cpolyline points="12 6 12 12 16 14"/>\x3C/svg>' }; const communityBenefitsData = [ {icon:'users', text:'Zugang zu Startups, Corporates, KMU, Freelancern &amp; Investoren'}, {icon:'percent', text:'Vielzahl an Vergünstigungen auf Software-Lösungen'}, {icon:'megaphone', text:'Sichtbarkeit &amp; Reichweite über die STARTPLATZ-Kanäle'}, {icon:'portal', text:'Exklusives Member-Portal &amp; Slack-Workspace'}, {icon:'workshop', text:'Täglich kostenlose Workshops &amp; Online-Circles'}, {icon:'bulb', text:'Kostenloses Feedback zu deiner Startup-Idee'}, {icon:'rocket', text:'Bewerbung deiner Produkte in der Community'}, {icon:'home', text:'Startup-Spirit — auch rein digital von zuhause'} ]; const coworkingBenefitsData = [ {icon:'wifi', text:'Highspeed-Internet (1 Gbit)'}, {icon:'coffee', text:'Kaffee, Tee &amp; Wasser inklusive'}, {icon:'lounge', text:'Gemeinschaftsbereiche mit Kicker, Lunch-Ecke &amp; Balkon'}, {icon:'building', text:'Moderne Büroflächen in Köln &amp; Düsseldorf'}, {icon:'monitor', text:'Voll ausgestattete Meetingräume'}, {icon:'sparkle', text:'Tägliche Reinigung'}, {icon:'printer', text:'Drucker, Telefonboxen &amp; Office-Supplies'}, {icon:'clock', text:'24/7-Zugang an beiden Standorten'} ]; function renderBenefits(id, data) { const el = document.getElementById(id); if (!el) return; el.innerHTML = data.map(b => ` \x3Cdiv class="benefit-card"> \x3Cdiv class="benefit-icon">${ICONS[b.icon] || ''}\x3C/div> \x3Cp>${b.text}\x3C/p> \x3C/div>`).join(''); } renderBenefits('communityBenefits', communityBenefitsData); renderBenefits('coworkingBenefits', coworkingBenefitsData);  const visitToggle = document.querySelectorAll('.visit-toggle-btn'); const visitCityLine = document.getElementById('visitCityLine'); const visitTourBtn = document.querySelector('.visit-tour-btn'); const visitTestBtn = document.querySelector('.visit-test-btn'); const visitPhoto = document.getElementById('visitPhoto'); const visitBuyBtn = document.querySelector('.visit-buy-btn'); const cityData = { koeln: { name: 'Köln', addr: 'Im Mediapark 5, 50670 Köln', img: '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 Köln – Mediapark Außenansicht', test: CALENDLY_K, buy: MONSUM_K + '11025', tour: 'mailto:info@startplatz.de?subject=STARTPLATZ Visite Köln' }, duesseldorf: { name: 'Düsseldorf', addr: 'Speditionstraße 15a, 40221 Düsseldorf', img: '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', test: CALENDLY_D, buy: MONSUM_D + '11024', tour: 'mailto:dus@startplatz.de?subject=STARTPLATZ Visite Düsseldorf' } }; visitToggle.forEach(btn => { btn.addEventListener('click', () => { visitToggle.forEach(b => b.classList.remove('is-active')); btn.classList.add('is-active'); const city = cityData[btn.dataset.city]; visitCityLine.innerHTML = '\x3Cstrong>' + city.name + '\x3C/strong> · ' + city.addr; visitTourBtn.textContent = 'Oder eine Tour in ' + city.name + ' vereinbaren →'; visitTourBtn.href = city.tour; if (visitTestBtn) { visitTestBtn.textContent = 'Kostenlos in ' + city.name + ' testen'; visitTestBtn.href = city.test; } if (visitBuyBtn) visitBuyBtn.href = city.buy; if (visitPhoto) { visitPhoto.src = city.img; visitPhoto.alt = city.alt; } }); });\n
    </script>\n
    </div>\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="sfwdt07aa5e">        <div id="sfToolbarClearer-07aa5e" class="sf-toolbar-clearer"></div><div id="sfToolbarMainContent-07aa5e" 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/07aa5e?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-07aa5e"></span>        </div>        <div class="sf-toolbar-info-piece">            <b>                <button class="sf-cancel-button" type="button" id="sfLoadCancel-07aa5e" title="Cancel loading">Cancel</button>            </b>        </div>    </div></div>                                <button class="sf-toolbar-toggle-button" type="button" id="sfToolbarToggleButton-07aa5e" accesskey="D" aria-expanded="true" aria-controls="sfToolbarMainContent-07aa5e" 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="e223fa9cc637e33f74e5bfe991e06ba0" href="http://www.staging.startplatz.de/_wdt/styles" />        <script nonce="ec6183fb3d5f0eb9f239c30125b26f7f">/*<![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('07aa5e');    /*]]>*/</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
}