Symfony Profiler

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

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

"html"

"en"

"9c944e"

"https://www.staging.startplatz.de/coworking-koeln"

"*/*"

"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/?p=63461"

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

"172.22.0.12"

"c7c6e7953db4"

"0"

"216.73.216.183"

"no-cache, private"

"Fri, 27 Feb 2026 00:02:37 GMT"

"e710c2"

""

"187719847589952"

"2L0-UBEtXjD-ODU3On8eqJrZPFY"

"startplatz"

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

"cron_sp_X9kM4nQ7pR2sT6vW8yB1"

""

""

""

""

""

""

"STARTPLATZ"

""

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

"data/test-bewerbungen"

""

""

""

""

""

"1"

"dev"

"a8A3I6BRkJE2ppNaBcgPec5i6E8Iwqwm"

""

""

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

"/var/www/html/public"

"/index.php"

"lorenz.graef@startplatz.de"

"alexandra.thelen@startplatz.de"

"admin@startplatz.de"

"johannes.graef@startplatz.de"

"1NrjWZrE53dSqWFmMNz0oRd8i22VFmK1Oww9huGp8DPry8EfK1Oj9h6HeW7fyDUM"

"Fjqj30ZbQorEtdpRfw3T19eAkOgrrgzq4WcExyLrxuot0bzkDpUrjpv41YH8dgBK"

"9njde49xtcsoswco4c80oggkwwoo080osow8soo8go4gkw0gwwgc8sck4wgw08og"

"YnHmfQYjOQ01hZ97zQKhsDLcvPc632dhdYjnUYuE4ZzkbAfkyC2TbOGOckUBFBDZ"

"RESPONDER"

"CGI/1.1"

"528995BFEDFBA7191D46839EF9BA0ADA31CBD89E 39B641343D8C104B2B146DC3F9C39DC0B9698544 F1F692238FBC1666E5A5CCD4199F9DFEF6FFBAFD"

"/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/?p=63461"

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

"172.22.0.12"

"c7c6e7953db4"

"216.73.216.183"

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

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

"44225308"

"2795177"

"smtp://STARTPLATZ:md-UPVV0udzlA47hrj9B-LMGQ@smtp.mandrillapp.com:587"

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

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

"ffa9e0982e82eeaea848f57687b425ed173aa278fe563001310ae2638db5c251"

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

"8.1.34"

"/var/www/html"

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

"200"

"127.0.0.1"

"53814"

"GET"

"http"

1772150557

1772150557.5291

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

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

"/index.php"

"172.22.0.7"

"dev.startplatz.de"

"80"

"HTTP/1.1"

"nginx/1.18.0"

"1"

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

"ojWxv1978YWU"

"sk_test_51PmYwGDCU56CMQmgpcCdmzVTjiym8wom2WWiAAuVOUhS55972eM73wDNRDEBfGMnoLSt81yqW5CKCyraQKPDTb6y00xGk2RMpj"

"sk_test_51PeutFFqPnUaAUP6dP1y273V3ckVBrUUxBSSIufpLoU2TdWoJBbzjnNmfM3UHsauN4ZuhObIZYhhPLd4621AmzzW00xaHryus4"

"sk_test_51O8fFSHegJLrFARiXBFfwCkkRCTyr64RpTlYx5X7FPNEKDSRhQHgb7X9WELyNzmMkMT39tavykkZbtbWDsCz0Tc800bNFXrtbH"

"whsec_replace_with_actual_webhook_secret_from_stripe_dashboard"

"CLOUDINARY_URL,CLOUDINARY_CLOUDNAME,CLOUDINARY_API_KEY,CLOUDINARY_API_SECRET,SESSION_SAVE_PATH,OPENAI_ORGANIZATION,ANTHROPIC_API_KEY,STATISTIC_ZAPIER_API_KEY,CRON_API_KEY,SKOOL_WEBHOOK_KI_CAMPUS,SKOOL_WEBHOOK_KI_TREFFPUNKT,TEST_DATA_PATH,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,TYPEFORM_WEBHOOK_SECRET,TWILIO_AUTH_TOKEN"

"www-data"

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

"lSFFfrfi24zjRXtmqlwxWlBx"

"Allmeda"

0

[]

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

"security.firewall.map.context.main"

"startplatz_wordpress_passthru"

[
  "path" => "coworking-koeln/"
]

"_security_main"

"ec8f69"

Symfony\Component\HttpFoundation\Response {#5132
  +headers: Symfony\Component\HttpFoundation\ResponseHeaderBag {#2860 …}
  #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', '380666967734105');\n
            fbq('track', 'PageView');\n
        </script>\n
        <noscript>\n
            <img height="1" width="1"\n
                 src="https://www.facebook.com/tr?id=380666967734105&ev=PageView&noscript=1"/>\n
        </noscript>\n
        <!-- End Facebook Pixel Code -->\n
    \n
    \n
        <noscript>\n
            <img height="1" width="1" src="https://www.facebook.com/tr?id=767917863396798&ev=PageView&noscript=1"/>\n
        </noscript>\n
    \n
        <!-- wp_head starts -->\n
        <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />\n
    \t<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>\n
    \t\n
    \t<!-- This site is optimized with the Yoast SEO Premium plugin v26.4 (Yoast SEO v26.4) - https://yoast.com/wordpress/plugins/seo/ -->\n
    \t<title>Coworking Köln – Flexibel ab 180€ / Monat im Mediapark</title>\n
    \t<meta name="description" content="Coworking Köln im STARTPLATZ: Flexible Tarife, zentrale Lage. Jetzt Arbeitsplatz sichern &amp; Teil der größten Startup-Community in NRW werden." />\n
    \t<link rel="canonical" href="https://www.staging.startplatz.de/coworking-koeln/" />\n
    \t<meta property="og:locale" content="de_DE" />\n
    \t<meta property="og:type" content="article" />\n
    \t<meta property="og:title" content="Coworking Space in Köln am STARTPLATZ im Mediapark" />\n
    \t<meta property="og:description" content="Coworking Köln im STARTPLATZ: Flexible Tarife, zentrale Lage. Jetzt Arbeitsplatz sichern &amp; Teil der größten Startup-Community in NRW werden." />\n
    \t<meta property="og:url" content="https://www.staging.startplatz.de/coworking-koeln/" />\n
    \t<meta property="og:site_name" content="STARTPLATZ" />\n
    \t<meta property="article:modified_time" content="2025-05-09T13:20:29+00:00" />\n
    \t<meta property="og:image" content="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775893/Offices/K%C3%B6ln/Au%C3%9Fenansicht/STARTPLATZ_Ko%CC%88ln_Au%C3%9Fenansicht9.jpg" />\n
    \t<meta name="twitter:label1" content="Geschätzte Lesezeit" />\n
    \t<meta name="twitter:data1" content="15 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/coworking-koeln/","url":"https://www.staging.startplatz.de/coworking-koeln/","name":"Coworking Köln – Flexibel ab 180€ / Monat im Mediapark","isPartOf":{"@id":"https://www.staging.startplatz.de/#website"},"primaryImageOfPage":{"@id":"https://www.staging.startplatz.de/coworking-koeln/#primaryimage"},"image":{"@id":"https://www.staging.startplatz.de/coworking-koeln/#primaryimage"},"thumbnailUrl":"https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775893/Offices/K%C3%B6ln/Au%C3%9Fenansicht/STARTPLATZ_Ko%CC%88ln_Au%C3%9Fenansicht9.jpg","datePublished":"2019-05-17T13:00:14+00:00","dateModified":"2025-05-09T13:20:29+00:00","description":"Coworking Köln im STARTPLATZ: Flexible Tarife, zentrale Lage. Jetzt Arbeitsplatz sichern & Teil der größten Startup-Community in NRW werden.","breadcrumb":{"@id":"https://www.staging.startplatz.de/coworking-koeln/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https://www.staging.startplatz.de/coworking-koeln/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https://www.staging.startplatz.de/coworking-koeln/#primaryimage","url":"https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775893/Offices/K%C3%B6ln/Au%C3%9Fenansicht/STARTPLATZ_Ko%CC%88ln_Au%C3%9Fenansicht9.jpg","contentUrl":"https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775893/Offices/K%C3%B6ln/Au%C3%9Fenansicht/STARTPLATZ_Ko%CC%88ln_Au%C3%9Fenansicht9.jpg"},{"@type":"BreadcrumbList","@id":"https://www.staging.startplatz.de/coworking-koeln/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.staging.startplatz.de/"},{"@type":"ListItem","position":2,"name":"Coworking Space in Köln am STARTPLATZ im Mediapark"}]},{"@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
    <script type="text/javascript">\n
    /* <![CDATA[ */\n
    window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.staging.startplatz.de\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.8.3"}};\n
    /*! This file is auto-generated */\n
    !function(s,n){var o,i,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),a=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===a[t]})}function u(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);for(var n=e.getImageData(16,16,1,1),a=0;a<n.data.length;a++)if(0!==n.data[a])return!1;return!0}function f(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\udedf")}return!1}function g(e,t,n,a){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):s.createElement("canvas"),o=r.getContext("2d",{willReadFrequently:!0}),i=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(function(e){i[e]=t(o,e,n,a)}),i}function t(e){var t=s.createElement("script");t.src=e,t.defer=!0,s.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",i=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){s.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var 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("+g.toString()+"("+[JSON.stringify(i),f.toString(),p.toString(),u.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"}),r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=function(e){c(n=e.data),r.terminate(),t(n)})}catch(e){}c(n=g(i,f,p,u))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);\n
    /* ]]> */\n
    </script>\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
    </style>\n
    <link rel='stylesheet' id='wp-block-library-css' href='https://www.staging.startplatz.de/wp-includes/css/dist/block-library/style.min.css?ver=6.8.3' type='text/css' media='all' />\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
    </style>\n
    <style id='global-styles-inline-css' type='text/css'>\n
    :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}\n
    :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}\n
    :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}\n
    :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}\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/63461" /><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.8.3" />\n
    <link rel='shortlink' href='https://www.staging.startplatz.de/?p=63461' />\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%2Fcoworking-koeln%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%2Fcoworking-koeln%2F&#038;format=xml" />\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
    \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;" href="https://startplatz-ai-hub.de">\n
                                AI Hub\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="/gruendungsstipendium-nrw/">\n
                                    Gründungsstipendium NRW\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="/presse">\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/coworking-cologne">\n
                    <img src="/bundles/startplatzstyle/images/english_language.png" height="20px;" alt="English">\n
                </a>\n
            \n
                                <a class="dropdown-item" href="/fr/coworking-cologne">\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
        <!--Opening-->\r\n
    <style>\r\n
    /* Allgemeine Stile */\r\n
    .container {\r\n
        max-width: 1200px !important;\r\n
    }\r\n
    \r\n
    .row {\r\n
        display: flex;\r\n
        flex-wrap: wrap;\r\n
        margin-right: -15px;\r\n
        margin-left: -15px;\r\n
    }\r\n
    \r\n
    /* Button Styling */\r\n
    .button-group {\r\n
        display: flex;\r\n
        justify-content: center;\r\n
        gap: 20px;\r\n
        margin-top: 30px;\r\n
    }\r\n
    \r\n
    .cta-button {\r\n
        font-size: 20px;\r\n
        font-weight: bold;\r\n
        padding: 16px 30px;\r\n
        width: 400px;\r\n
        height: 60px;\r\n
        display: flex;\r\n
        align-items: center;\r\n
        justify-content: center;\r\n
        text-decoration: none;\r\n
        border-radius: 8px;\r\n
        transition: all 0.3s ease-in-out;\r\n
    }\r\n
    \r\n
    .primary {\r\n
        background: #7AB800;\r\n
        color: white;\r\n
        border: none;\r\n
        text-decoration: none;\r\n
    }\r\n
    \r\n
    .small-button {\r\n
        font-size: 18px;\r\n
        padding: 10px 20px;\r\n
        width: auto;\r\n
        height: auto;\r\n
    }\r\n
    \r\n
    .primary:hover {\r\n
        background: #5f8e00;\r\n
        color: white;\r\n
        text-decoration: none;\r\n
    }\r\n
    \r\n
    .secondary {\r\n
        background: transparent;\r\n
        border: 2px solid #7AB800;\r\n
        color: #7AB800;\r\n
        text-decoration: none;\r\n
    }\r\n
    \r\n
    .secondary:hover {\r\n
        background: #7AB800;\r\n
        color: white;\r\n
        text-decoration: none;\r\n
    }\r\n
    \r\n
    .custom-btn {\r\n
        font-size: 24px;\r\n
        font-weight: bold;\r\n
        padding: 14px 24px;\r\n
        width: 100%;\r\n
        text-align: center;\r\n
    }\r\n
    \r\n
    @media (max-width: 767px) {\r\n
        .custom-btn {\r\n
            font-size: 22px !important;\r\n
            padding: 12px 20px;\r\n
        }\r\n
    }\r\n
    \r\n
    @media (min-width: 768px) {\r\n
        .custom-btn {\r\n
            width: 50%;\r\n
            font-size: 24px;\r\n
        }\r\n
    }\r\n
    \r\n
    \r\n
    \r\n
    /* Header Desktop Layout */\r\n
    @media (min-width: 992px) {\r\n
        .container {\r\n
            max-width: 1200px !important;\r\n
            margin: 0 auto;\r\n
        }\r\n
    \r\n
        .custom-layout {\r\n
            display: flex;\r\n
            flex-wrap: wrap;\r\n
            justify-content: space-between;\r\n
            align-items: center;\r\n
        }\r\n
        .text-section {\r\n
            order: 1;\r\n
            width: 50%;\r\n
            padding: 20px;\r\n
        }\r\n
        .image-section {\r\n
            order: 2;\r\n
            width: 50%;\r\n
            text-align: right;\r\n
            display: flex;\r\n
            justify-content: flex-end;\r\n
        }\r\n
        .image-section img {\r\n
            max-width: 100%;\r\n
            height: auto;\r\n
        }\r\n
    }\r\n
    \r\n
    \r\n
    /* Header mobile Layout */\r\n
    @media (max-width: 992px) {\r\n
        .custom-layout {\r\n
            flex-direction: column;\r\n
            align-items: center;\r\n
            text-align: center;\r\n
            gap: 20px; \r\n
        }\r\n
        .text-section, .image-section {\r\n
            width: 100%;\r\n
            text-align: center;\r\n
        }\r\n
        .image-section {\r\n
            justify-content: center;\r\n
            margin-top: 20px;\r\n
            margin-bottom: 20px;\r\n
        }\r\n
    \r\n
        .image-responsive {\r\n
            border-radius: 10px !important;\r\n
            max-width: 100% !important;\r\n
            height: auto !important;\r\n
        }\r\n
    }\r\n
    \r\n
    \r\n
    \r\n
    /* Galerie Styling */\r\n
    .gallery-section {\r\n
        padding: 50px 0;\r\n
        background: white;\r\n
    }\r\n
    \r\n
    .gallery-image-wrapper {\r\n
        position: relative;\r\n
        width: 100%;\r\n
        overflow: hidden;\r\n
        border-radius: 10px;\r\n
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);\r\n
        margin-bottom: 20px;\r\n
    }\r\n
    \r\n
    .gallery-image {\r\n
        width: 100%;\r\n
        height: 100%;\r\n
        object-fit: cover;\r\n
        border-radius: 10px;\r\n
        display: block;\r\n
    }\r\n
    \r\n
    .gallery-section-mobile {\r\n
        padding: 50px 0;\r\n
        background: white;\r\n
    }\r\n
    \r\n
    /* GEÄNDERT: Zeige Galerie auch auf Mobilgeräten an */\r\n
    @media (max-width: 768px) {\r\n
        .gallery-section {\r\n
            display: block !important;\r\n
        }\r\n
    }\r\n
    \r\n
    /* Vergleichstabelle Styling */\r\n
    .table-wrapper {\r\n
        overflow-x: auto;\r\n
        width: 100%;\r\n
    }\r\n
    \r\n
    .comparison-table {\r\n
        width: 100%;\r\n
        border-collapse: collapse;\r\n
        font-size: 18px;\r\n
        color: black;\r\n
        text-align: left;\r\n
        border-radius: 10px;\r\n
        overflow: hidden;\r\n
    }\r\n
    \r\n
    .comparison-table thead {\r\n
        background: #7AB800;\r\n
        color: white;\r\n
    }\r\n
    \r\n
    .comparison-table thead th {\r\n
        padding: 20px;\r\n
        font-size: 20px;\r\n
        font-weight: bold;\r\n
        text-align: center;\r\n
    }\r\n
    \r\n
    .comparison-table tbody tr {\r\n
        transition: background 0.3s ease;\r\n
    }\r\n
    \r\n
    .comparison-table tbody tr:hover {\r\n
        background: #E8F5E9;\r\n
    }\r\n
    \r\n
    .comparison-table tbody td {\r\n
        padding: 18px;\r\n
        border-bottom: 1px solid #ddd;\r\n
        text-align: left;\r\n
    }\r\n
    \r\n
    .comparison-table tbody td:first-child {\r\n
        text-align: left;\r\n
        font-weight: bold;\r\n
    }\r\n
    \r\n
    /* Mobile Ansicht */\r\n
    @media (max-width: 600px) {\r\n
        .comparison-table thead {\r\n
            display: none;\r\n
        }\r\n
    \r\n
        .comparison-table,\r\n
        .comparison-table tbody,\r\n
        .comparison-table tr,\r\n
        .comparison-table td {\r\n
            display: block;\r\n
            width: 100%;\r\n
        }\r\n
    \r\n
        .comparison-table tr {\r\n
            margin-bottom: 10px;\r\n
        }\r\n
    \r\n
        .comparison-table td {\r\n
            text-align: left;\r\n
            padding-left: 15px;\r\n
            position: relative;\r\n
            word-wrap: break-word;\r\n
            font-size: 18px;\r\n
        }\r\n
    \r\n
        .comparison-table td:first-child {\r\n
            background: #7AB800;\r\n
            color: white;\r\n
            font-weight: bold;\r\n
            padding: 15px;\r\n
            border-radius: 5px;\r\n
        }\r\n
    \r\n
        .comparison-table td[data-label="Coworking"]::before {\r\n
            content: "Coworking: ";\r\n
            font-weight: bold;\r\n
        }\r\n
    \r\n
        .comparison-table td[data-label="2nd Home"]::before {\r\n
            content: "2nd Home: ";\r\n
            font-weight: bold;\r\n
        }\r\n
    \r\n
    }\r\n
    \r\n
    /* Büroangebote Hinweis */\r\n
    .office-info {\r\n
        margin-top: 20px;\r\n
        font-size: 22px;\r\n
        font-weight: bold;\r\n
        text-align: center;\r\n
    }\r\n
    \r\n
    .office-info a {\r\n
        color: black;\r\n
        text-decoration: underline;\r\n
        transition: color 0.3s;\r\n
    }\r\n
    \r\n
    .office-info a:hover {\r\n
        color: #7AB800;\r\n
    }\r\n
    \r\n
    .clearfix::after {\r\n
        content: "";\r\n
        display: table;\r\n
        clear: both;\r\n
    }\r\n
    \r\n
    \r\n
    /* Loacation Styling */\r\n
    .image-wrapper {\r\n
        overflow: hidden;\r\n
        border-radius: 10px;\r\n
        display: inline-block;\r\n
    }\r\n
    \r\n
    .rounded-image {\r\n
        width: 100%;\r\n
        height: 420px;\r\n
        object-fit: cover;\r\n
        border-radius: 10px;\r\n
        display: block;\r\n
    }\r\n
    \r\n
    @media (max-width: 768px) {\r\n
        .text-content {\r\n
            order: 1 !important;\r\n
        }\r\n
        .image-content {\r\n
            order: 2 !important;\r\n
        }\r\n
        \r\n
        /* HINZUGEFÜGT: Bessere Bildanpassung für mobile Geräte */\r\n
        .rounded-image {\r\n
            height: auto !important;\r\n
            max-height: 300px;\r\n
        }\r\n
    }\r\n
    \r\n
    \r\n
    /* Über den STARTPLATZ Styling */\r\n
    @media (max-width: 768px) {\r\n
        .text-content {\r\n
            order: 1 !important;\r\n
        }\r\n
    }\r\n
    \r\n
    /* Statistiken Styling */\r\n
    .stats-section {\r\n
        text-align: center;\r\n
        padding: 40px 0;\r\n
    }\r\n
    \r\n
    .container {\r\n
        max-width: 1200px;\r\n
        margin: auto;\r\n
    }\r\n
    \r\n
    .stats-grid {\r\n
        display: grid;\r\n
        grid-template-columns: repeat(4, 1fr);\r\n
        gap: 20px;\r\n
        text-align: center;\r\n
    }\r\n
    \r\n
    .stat-item {\r\n
        position: relative;\r\n
        padding: 20px;\r\n
    }\r\n
    \r\n
    .stat-background {\r\n
        font-size: 120px;\r\n
        font-weight: bold;\r\n
        color: rgba(122, 184, 0, 0.20);\r\n
        position: absolute;\r\n
        left: 50%;\r\n
        top: 50%;\r\n
        transform: translate(-50%, -50%);\r\n
        z-index: -1;\r\n
        white-space: nowrap;\r\n
    }\r\n
    \r\n
    .stat-label {\r\n
        font-size: 18px;\r\n
        font-weight: bold;\r\n
        color: rgba(0, 0, 0, 0.75);\r\n
        position: relative;\r\n
        z-index: 1;\r\n
    }\r\n
    \r\n
    /* Mobile Ansicht */\r\n
    @media (max-width: 768px) {\r\n
        .stats-grid {\r\n
            grid-template-columns: repeat(2, 1fr);\r\n
            gap: 15px;\r\n
        }\r\n
    \r\n
        .stat-background {\r\n
            font-size: 80px;\r\n
        }\r\n
    \r\n
        .stat-label {\r\n
            font-size: 16px;\r\n
        }\r\n
    }\r\n
    \r\n
    \r\n
    \r\n
    /* Startup Community styling */\r\n
    @media (min-width: 992px) {\r\n
        .startup-section-layout {\r\n
            display: flex;\r\n
            flex-wrap: nowrap;\r\n
            justify-content: space-between;\r\n
            align-items: flex-start;\r\n
            gap: 30px;\r\n
            padding-right: 20px;\r\n
        }\r\n
    \r\n
        .startup-text-section {\r\n
            flex: 0 0 55%;\r\n
            max-width: 55%;\r\n
        }\r\n
    \r\n
        .startup-image-section {\r\n
            flex: 0 0 45%;\r\n
            max-width: 45%;\r\n
            display: flex;\r\n
            justify-content: center;\r\n
        }\r\n
    \r\n
        .startup-image-row {\r\n
            display: flex;\r\n
            flex-wrap: wrap;\r\n
            justify-content: center;\r\n
        }\r\n
    }\r\n
    \r\n
    @media (max-width: 991px) {\r\n
        .startup-section-layout {\r\n
            display: block;\r\n
        }\r\n
    \r\n
        .startup-text-section {\r\n
            width: 100%;\r\n
            max-width: 100%;\r\n
        }\r\n
    \r\n
        .startup-image-section {\r\n
            width: 100%;\r\n
            max-width: 100%;\r\n
            display: flex;\r\n
            justify-content: center;\r\n
        }\r\n
    \r\n
        .startup-image-row {\r\n
            display: flex;\r\n
            flex-wrap: wrap;\r\n
            justify-content: center;\r\n
            width: 100%;\r\n
        }\r\n
    \r\n
        .startup-image-section .col-6 {\r\n
            flex: 0 0 100%;\r\n
            max-width: 100%;\r\n
            padding: 5px;\r\n
            margin-bottom: 10px;\r\n
        }\r\n
    \r\n
        .startup-image-responsive {\r\n
            width: 100%;\r\n
            max-width: 100%;\r\n
            border-radius: 10px;\r\n
            height: auto;\r\n
        }\r\n
    \r\n
        /* GEÄNDERT: Verbesserte Sichtbarkeitslogik für mobile Ansicht */\r\n
        .mobile-hidden {\r\n
            display: none !important;\r\n
        }\r\n
        \r\n
        .mobile-visible {\r\n
            display: block !important;\r\n
            width: 100%;\r\n
        }\r\n
    }\r\n
    \r\n
    .image-responsive {\r\n
        max-width: 100%;\r\n
        height: auto;\r\n
        object-fit: contain;\r\n
        border-radius: 10px; \r\n
    }\r\n
    \r\n
    .text-section {\r\n
        margin-top: 30px; \r\n
    }\r\n
    \r\n
    /* Testimonial Styling */\r\n
    .testimonial {\r\n
        display: flex;\r\n
        align-items: flex-start;\r\n
        gap: 20px;\r\n
        margin-bottom: 40px;\r\n
    }\r\n
    \r\n
    .testimonial img {\r\n
        width: 150px;\r\n
        height: 150px;\r\n
        object-fit: cover;\r\n
        border-radius: 10px;\r\n
    }\r\n
    \r\n
    .testimonial-text {\r\n
        color: black;\r\n
        font-size: 18px;\r\n
        line-height: 1.6;\r\n
        flex: 1;\r\n
    }\r\n
    \r\n
    @media (max-width: 768px) {\r\n
        .testimonial {\r\n
            flex-direction: column;\r\n
            align-items: flex-start;\r\n
        }\r\n
    \r\n
        .testimonial img {\r\n
            width: 120px;\r\n
            height: 120px;\r\n
            margin-bottom: 10px;\r\n
        }\r\n
    \r\n
        .testimonial-text {\r\n
            text-align: left;\r\n
        }\r\n
    } \r\n
    \r\n
    /* Impressionen Styling */\r\n
    .impressionen-container {\r\n
        max-width: 900px;\r\n
        margin: auto;\r\n
        padding: 20px;\r\n
        text-align: center;\r\n
    }\r\n
    \r\n
    .impressionen-heading {\r\n
        font-size: 2rem;\r\n
        margin-bottom: 20px;\r\n
    }\r\n
    \r\n
    .slideshow-container {\r\n
        position: relative;\r\n
        max-width: 100%;\r\n
        margin: auto;\r\n
        border-radius: 10px;\r\n
        overflow: hidden;\r\n
        background: #fff; \r\n
    }\r\n
    \r\n
    .slide {\r\n
        display: none;\r\n
        text-align: center;\r\n
    }\r\n
    \r\n
    .slide.active {\r\n
        display: block;\r\n
    }\r\n
    \r\n
    .slide img {\r\n
        width: 100%;\r\n
        border-radius: 10px;\r\n
        object-fit: cover;\r\n
    }\r\n
    \r\n
    .caption {\r\n
        padding: 10px;\r\n
        font-size: 1rem;\r\n
        background: #7AB800;\r\n
        color: white;\r\n
        border-radius: 0 0 10px 10px;\r\n
        text-align: center;\r\n
    }\r\n
    \r\n
    /* Navigation Buttons */\r\n
    .prev, .next {\r\n
        cursor: pointer;\r\n
        position: absolute;\r\n
        top: 50%;\r\n
        width: 40px;\r\n
        height: 40px;\r\n
        padding: 10px;\r\n
        color: white;\r\n
        font-weight: bold;\r\n
        font-size: 24px;\r\n
        transition: 0.3s;\r\n
        user-select: none;\r\n
        background: #7AB800;\r\n
        border-radius: 50%;\r\n
        display: flex;\r\n
        align-items: center;\r\n
        justify-content: center;\r\n
        transform: translateY(-50%);\r\n
        border: none;\r\n
    }\r\n
    \r\n
    .next {\r\n
        right: 10px;\r\n
    }\r\n
    \r\n
    .prev {\r\n
        left: 10px;\r\n
    }\r\n
    \r\n
    .prev:hover, .next:hover {\r\n
        background: rgba(0, 0, 0, 0.8);\r\n
    }\r\n
    \r\n
    /* Dots */\r\n
    .dots-container {\r\n
        text-align: center;\r\n
        margin-top: 10px;\r\n
    }\r\n
    \r\n
    .dot {\r\n
        cursor: pointer;\r\n
        height: 12px;\r\n
        width: 12px;\r\n
        margin: 5px;\r\n
        background-color: #bbb;\r\n
        border-radius: 50%;\r\n
        display: inline-block;\r\n
        transition: background-color 0.3s ease;\r\n
    }\r\n
    \r\n
    .dot.active, .dot:hover {\r\n
        background-color: #717171;\r\n
    }\r\n
    \r\n
    /* FAQ Styling */\r\n
    .faq-accordion {\r\n
        max-width: 1300px;\r\n
        margin: 0 auto;\r\n
    }\r\n
    \r\n
    .faq-item {\r\n
        border-bottom: 1px solid #ccc;\r\n
        padding: 15px 0;\r\n
    }\r\n
    \r\n
    .faq-question {\r\n
        display: flex;\r\n
        justify-content: space-between;\r\n
        align-items: center;\r\n
        font-size: 18px;\r\n
        font-weight: bold;\r\n
        color: black;\r\n
        cursor: pointer;\r\n
        transition: color 0.3s;\r\n
    }\r\n
    \r\n
    .faq-question:hover {\r\n
        color: #7AB800;\r\n
    }\r\n
    \r\n
    .faq-icon {\r\n
        font-size: 24px;\r\n
        transition: transform 0.3s ease-in-out;\r\n
    }\r\n
    \r\n
    .faq-answer {\r\n
        max-height: 0;\r\n
        overflow: hidden;\r\n
        opacity: 0;\r\n
        transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out;\r\n
        font-size: 18px;\r\n
        color: black;\r\n
    }\r\n
    \r\n
    .faq-answer p {\r\n
        margin-top: 10px;\r\n
    }\r\n
    \r\n
    /* HINZUGEFÜGT: Zusätzliche Korrekturen für mobile Ansicht */\r\n
    @media (max-width: 768px) {\r\n
    /* Grundlegende Bildoptimierung */\r\n
    img {\r\n
        max-width: 100%;\r\n
        height: auto !important;\r\n
    }\r\n
    \r\n
    /* Fix für Galerie auf Mobilgeräten */\r\n
    .gallery-section, .gallery-section-mobile {\r\n
        display: block !important;\r\n
        width: 100%;\r\n
    }\r\n
    \r\n
    .gallery-image-wrapper {\r\n
        width: 100% !important;\r\n
        margin-bottom: 20px;\r\n
    }\r\n
    \r\n
    .gallery-image {\r\n
        width: 100% !important;\r\n
        height: auto !important;\r\n
        object-fit: cover;\r\n
    }\r\n
    \r\n
    /* Verbesserung der Startup-Bilder auf Mobilgeräten */\r\n
    .startup-image-section {\r\n
        display: block !important;\r\n
        width: 100%;\r\n
        margin-top: 20px;\r\n
    }\r\n
    \r\n
    .startup-image-row {\r\n
        display: block !important;\r\n
        width: 100%;\r\n
    }\r\n
    \r\n
    .startup-image-row .col-6 {\r\n
        width: 100% !important;\r\n
        margin-bottom: 15px;\r\n
    }\r\n
    \r\n
    /* Korrektur für Bildersektion im Header */\r\n
    .image-section {\r\n
        width: 100% !important;\r\n
        display: block !important;\r\n
        margin: 20px 0;\r\n
        text-align: center !important;\r\n
    }\r\n
    \r\n
    /* Verbesserte Bildanzeige für alle responsiven Bilder */\r\n
    .image-responsive, \r\n
    .startup-image-responsive, \r\n
    .gallery-image {\r\n
        max-width: 100% !important;\r\n
        width: 100% !important;\r\n
        height: auto !important;\r\n
        border-radius: 10px !important;\r\n
        margin-bottom: 10px;\r\n
    }\r\n
    }\r\n
    \r\n
    /* HINZUGEFÜGT: Fix speziell für Startup-Bereich */\r\n
    @media (max-width: 991px) {\r\n
    .startup-image-section {\r\n
        display: block !important;\r\n
        width: 100% !important;\r\n
    }\r\n
    \r\n
    .startup-image-section .col-6 {\r\n
        width: 100% !important;\r\n
        max-width: 100% !important;\r\n
        margin-bottom: 15px;\r\n
        display: block;\r\n
    }\r\n
    \r\n
    .startup-image-row {\r\n
        display: block !important;\r\n
        width: 100%;\r\n
    }\r\n
    }\r\n
    \r\n
    \r\n
    \r\n
    /* Anpassung der Schriftgrößen für mobile Geräte */\r\n
    @media (max-width: 768px) {\r\n
        /* Grundlegende Schriftgrößenanpassungen */\r\n
        h1 {\r\n
            font-size: 30px !important;\r\n
        }\r\n
        \r\n
        h2 {\r\n
            font-size: 22px !important;\r\n
        }\r\n
        \r\n
        h3 {\r\n
            font-size: 18px !important;\r\n
        }\r\n
        \r\n
        h4 {\r\n
            font-size: 16px !important;\r\n
        }\r\n
        \r\n
        p, li, td, .faq-answer {\r\n
            font-size: 16px !important;\r\n
            line-height: 1.5 !important;\r\n
        }\r\n
        \r\n
        /* Spezifische Elemente anpassen */\r\n
        .faq-question {\r\n
            font-size: 16px !important;\r\n
        }\r\n
        \r\n
        .stat-label {\r\n
            font-size: 14px !important;\r\n
        }\r\n
        \r\n
        .stat-background {\r\n
            font-size: 60px !important;\r\n
        }\r\n
        \r\n
        .testimonial-text p {\r\n
            font-size: 16px !important;\r\n
        }\r\n
        \r\n
        /* Buttons kleiner machen */\r\n
        .cta-button, .custom-btn, .btn {\r\n
            font-size: 18px !important;\r\n
            padding: 12px 18px !important;\r\n
        }\r\n
        \r\n
        .small-button {\r\n
            font-size: 16px !important;\r\n
            padding: 8px 16px !important;\r\n
        }\r\n
        \r\n
        /* Header und Listen */\r\n
        .custom-layout h1 {\r\n
            font-size: 30px !important;\r\n
            margin-bottom: 15px !important;\r\n
        }\r\n
        \r\n
        .custom-layout ul li {\r\n
            font-size: 16px !important;\r\n
            line-height: 1.6 !important;\r\n
        }\r\n
        \r\n
        /* Preisangabe */\r\n
        .text-section h2.bold {\r\n
            font-size: 18px !important;\r\n
        }\r\n
        \r\n
        .text-section span[style*="font-size: 50px"] {\r\n
            font-size: 40px !important;\r\n
        }\r\n
        \r\n
        .text-section span[style*="font-size: 20px"] {\r\n
            font-size: 16px !important;\r\n
        }\r\n
        \r\n
        /* Tabellen */\r\n
        .comparison-table td {\r\n
            font-size: 16px !important;\r\n
            padding: 12px !important;\r\n
        }\r\n
        \r\n
        /* Office Info */\r\n
        .office-info {\r\n
            font-size: 18px !important;\r\n
        }\r\n
        \r\n
        /* Bildunterschriften */\r\n
        .caption {\r\n
            font-size: 14px !important;\r\n
            padding: 8px !important;\r\n
        }\r\n
    }\r\n
    \r\n
    /* Extra kleine Geräte */\r\n
    @media (max-width: 576px) {\r\n
        h1 {\r\n
            font-size: 26px !important;\r\n
        }\r\n
        \r\n
        h2 {\r\n
            font-size: 20px !important;\r\n
        }\r\n
        \r\n
        .text-section span[style*="font-size: 50px"] {\r\n
            font-size: 36px !important;\r\n
        }\r\n
        \r\n
        .button-group {\r\n
            gap: 10px;\r\n
        }\r\n
        \r\n
        .cta-button, .custom-btn, .btn {\r\n
            padding: 10px 16px !important;\r\n
            font-size: 16px !important;\r\n
        }\r\n
    }\r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    /* Die erste Galerie auf Mobilgeräten ausblenden */\r\n
    @media (max-width: 768px) {\r\n
        /* Spezifischer Selektor für die erste Galerie-Section */\r\n
        section.gallery-section:not(.gallery-section-mobile) {\r\n
            display: none !important;\r\n
        }\r\n
        \r\n
        /* Sicherstellen, dass die mobile Galerie angezeigt wird */\r\n
        .gallery-section-mobile {\r\n
            display: block !important;\r\n
        }\r\n
    }\r\n
    \r\n
    \r\n
    \r\n
        \r\n
    </style>\r\n
    \r\n
    \r\n
    \r\n
    </section><!-- Header -->\r\n
    \r\n
    <section class="" style="background-color: white;">\r\n
            <div class="container">\r\n
                <div class="custom-layout">\r\n
                    <!-- Textbereich -->\r\n
                    <div class="text-section">\r\n
                        <div class="text-left no-border">\r\n
                            <h1 class="bold" style="color: black; font-size: 40px; margin-bottom: 20px;">\r\n
                                Coworking Space im STARTPLATZ Köln\r\n
                            </h1>\r\n
                            <ul style="font-size: 20px; list-style-type: none; padding-left: 0; line-height: 1.8;">\r\n
                                <li class="list-image-hook"><span style="color: black;">Zentrale Lage im <span style="font-weight: bold;">Mediapark Köln</span></span></li>\r\n
                                <li class="list-image-hook"><span style="color: black;">Moderne, voll ausgestattete Büros</span></li>\r\n
                                <li class="list-image-hook"><span style="color: black;">Rabatt auf Konferenzräume und Workshops</span></li>\r\n
                                <li class="list-image-hook"><span style="color: black;">Zugang zu unserem exklusiven Gründernetzwerk</span></li>\r\n
                                <li class="list-image-hook"><span style="color: black;">Als Flex Desk und Fix Desk Variante verfügbar</span></li>\r\n
                            </ul>\r\n
                            <div style="margin-top: 30px;">\r\n
                                <h2 class="bold" style="color: black; font-size: 20px; display: inline;">ab</h2>\r\n
                                <span style="color: black; font-size: 50px; font-weight: bold; margin-left: 10px;">180€</span>\r\n
                                <span style="color: black; font-size: 20px; margin-left: 10px;">monatlich.</span>\r\n
                            </div>\r\n
                            <div class="pt-3 d-flex justify-content-start">\r\n
                                <a class="btn btn-sp-green" style="margin-right: 10px; margin-bottom: 20px; font-size: 20px; font-weight: bold; padding: 14px 24px;" href="https://app.monsum.com/purchase/b4847183a0f3978eecd9c6d8fd00aedf/11025">Jetzt buchen!</a>\r\n
                                <a class="btn btn-outline-secondary" style="margin-bottom: 20px; font-size: 20px; font-weight: bold; padding: 14px 24px;" href="https://calendly.com/support-startplatz/coworking-probetag">Kostenlosen Probetag vereinbaren</a>\r\n
                            </div>\r\n
                        </div>\r\n
                    </div>\r\n
                    <!-- Bildbereich -->\r\n
                    <div class="image-section">\r\n
                        <img class="image-responsive" src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775893/Offices/K%C3%B6ln/Au%C3%9Fenansicht/STARTPLATZ_Ko%CC%88ln_Au%C3%9Fenansicht9.jpg" alt="STARTPLATZ Köln Außenansicht" />\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
        </section>\r\n
    \r\n
    \r\n
    \r\n
    </section><!-- Gallerie 1 -->\r\n
    \r\n
    <section class="gallery-section">\r\n
      <div class="container">\r\n
        <div class="row justify-content-center">\r\n
          \r\n
          <!-- Erstes Bild -->\r\n
          <div class="col-md-6 col-lg-5">\r\n
            <div class="gallery-image-wrapper">\r\n
              <img\r\n
                src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775944/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/STARTPLATZ_Atmospa%CC%88he45.jpg"\r\n
                alt="Gemütliche Atmosphäre im Coworking Space"\r\n
                class="gallery-image"\r\n
              />\r\n
            </div>\r\n
          </div>\r\n
    \r\n
          <!-- Zweites Bild -->\r\n
          <div class="col-md-6 col-lg-5">\r\n
            <div class="gallery-image-wrapper">\r\n
              <img\r\n
                src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775941/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/STARTPLATZ_Atmospa%CC%88he3.jpg"\r\n
                alt="lebhafter Austausch im Empfangsbereich des STARTPLATZ Köln"\r\n
                class="gallery-image"\r\n
              />\r\n
            </div>\r\n
          </div>\r\n
    \r\n
        </div>\r\n
      </div>\r\n
    </section>\r\n
    \r\n
    \r\n
    \r\n
    </section><!-- Tabelle-->\r\n
    \r\n
    <section style="padding: 60px 0; background: white;">\r\n
        <div class="container">\r\n
            <div class="row justify-content-center">\r\n
                <div class="col-12 py-5"\r\n
                    style="background: #f8f9fa;\r\n
                            box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);\r\n
                            border-radius: 15px;\r\n
                            padding: 50px;\r\n
                            margin: 20px 0;\r\n
                            text-align: center;">\r\n
                    \r\n
                    <!-- Überschrift -->\r\n
                    <h2 style="font-weight: bold; color: black; font-size: 28px; margin-bottom: 30px;">\r\n
                        Welcher Arbeitsplatz passt zu dir? Flex Desk vs. Fix Desk im Vergleich\r\n
                    </h2>\r\n
    \r\n
                    <div class="table-wrapper">\r\n
                        <table class="comparison-table">\r\n
                            <thead>\r\n
                                <tr>\r\n
                                    <th></th>\r\n
                                    <th>Coworking</th>\r\n
                                    <th>2nd Home</th>\r\n
                                </tr>\r\n
                            </thead>\r\n
                            <tbody>\r\n
                                <tr>\r\n
                                    <td data-label="Leistung">Arbeitsplatz und Nutzung</td>\r\n
                                    <td data-label="Coworking">Flexibler Arbeitsplatz mit 24/7 Zugang</td>\r\n
                                    <td data-label="2nd Home">Fester Arbeitsplatz mit 24/7 Zugang</td>\r\n
                                </tr>\r\n
                                <tr>\r\n
                                    <td data-label="Leistung">Community Vorteile</td>\r\n
                                    <td data-label="Coworking">Ja</td>\r\n
                                    <td data-label="2nd Home">Ja</td>\r\n
                                </tr>\r\n
                                <tr>\r\n
                                    <td data-label="Leistung">Coworking Space Benefits</td>\r\n
                                    <td data-label="Coworking">Ja</td>\r\n
                                    <td data-label="2nd Home">Ja</td>\r\n
                                </tr>\r\n
                                <tr>\r\n
                                    <td data-label="Leistung">Zugang zum 2. Standort in Düsseldorf</td>\r\n
                                    <td data-label="Coworking">Ja</td>\r\n
                                    <td data-label="2nd Home">Ja</td>\r\n
                                </tr>\r\n
                                <tr>\r\n
                                    <td data-label="Leistung">Nutzung der Meetingräume</td>\r\n
                                    <td data-label="Coworking">90 Min. pro Tag kostenlos (buchbar am selben Tag) <br>Danach: 50 % Rabatt</td>\r\n
                                    <td data-label="2nd Home">90 Min. pro Tag kostenlos (buchbar am selben Tag) <br>Zusätzlich: 16 Std./Monat inklusive</td>\r\n
                                </tr>\r\n
                                <tr>\r\n
                                    <td data-label="Leistung">Geschäftsadresse</td>\r\n
                                    <td data-label="Coworking">optional +60€</td>\r\n
                                    <td data-label="2nd Home">Ja</td>\r\n
                                </tr>\r\n
                                <tr class="highlight-row">\r\n
                                    <td data-label="Leistung"><strong>Preis</strong></td>\r\n
                                    <td data-label="Coworking"><strong>180€ pro Monat</strong></td>\r\n
                                    <td data-label="2nd Home"><strong>350€ pro Monat</strong></td>\r\n
                                </tr>\r\n
                                <tr>\r\n
                                    <td><strong>Buchen</strong></td>\r\n
                                    <td>\r\n
                                        <a class="cta-button small-button primary" href="https://app.monsum.com/purchase/b4847183a0f3978eecd9c6d8fd00aedf/11025">\r\n
                                            Coworking Platz buchen\r\n
                                        </a>\r\n
                                    </td>\r\n
                                    <td>\r\n
                                        <a class="cta-button small-button primary" href="https://startplatz.typeform.com/to/UkI4yN?typeform-source=www.startplatz.de">\r\n
                                            2nd Home anfragen\r\n
                                        </a>\r\n
                                    </td>\r\n
                                </tr>\r\n
                            </tbody>\r\n
                        </table>\r\n
                    </div>\r\n
    \r\n
                    <!-- Probetag-Button unterhalb der Tabelle -->\r\n
                    <div class="button-group" style="margin-top: 30px; text-align: center;">\r\n
                        <a class="cta-button secondary" href="https://calendly.com/johannes-graef/startplatz-besichtigung">\r\n
                            Kostenlosen Probetag vereinbaren\r\n
                        </a>\r\n
                    </div>\r\n
    \r\n
                    <!-- Büroangebote Hinweis -->\r\n
                    <h2 class="office-info">\r\n
                        Du hast Interesse an einem privaten Büro im STARTPLATZ?  \r\n
                        Dann schau dir <a href="https://www.startplatz.de/teambuero-koeln/">unsere Büro Angebote</a> an.\r\n
                    </h2>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
    </section>\r\n
    \r\n
    \r\n
    \r\n
    </section><!--Gallerie 2-->\r\n
    \r\n
    <section class="gallery-section-mobile">\r\n
      <div class="container">\r\n
        <div class="row justify-content-center">\r\n
          \r\n
          <!-- Drittes Bild -->\r\n
          <div class="col-md-6 col-lg-5">\r\n
            <div class="gallery-image-wrapper">\r\n
              <img\r\n
                src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775926/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/STARTPLATZ_Atmospa%CC%88he28.jpg"\r\n
                alt="konzentriertes Arbeiten im lichtdurchfluteten Coworking Bereich des STARTPLATZ Köln"\r\n
                class="gallery-image"\r\n
                loading="lazy"\r\n
              />\r\n
            </div>\r\n
          </div>\r\n
    \r\n
          <!-- Viertes Bild -->\r\n
          <div class="col-md-6 col-lg-5">\r\n
            <div class="gallery-image-wrapper">\r\n
              <img\r\n
                src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775927/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/STARTPLATZ_Atmospa%CC%88he42.jpg"\r\n
                alt="Community Building beim Tischkicker"\r\n
                class="gallery-image"\r\n
                loading="lazy"\r\n
              />\r\n
            </div>\r\n
          </div>\r\n
    \r\n
        </div>\r\n
      </div>\r\n
    </section>\r\n
    \r\n
    \r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    \r\n
    \r\n
    \r\n
    </section><!-- Service Leistungen-->\r\n
    \r\n
    <section style="padding: 40px 0;">\r\n
        <div class="container" style="background-color: #f8f9fa; padding: 40px; border-radius: 10px; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15);">\r\n
            <div class="row">\r\n
                <div class="col-12 text-center">\r\n
                    <h2 style="font-weight: bold;">Rundum Service - Folgende Leistungen sind inbegriffen</h2>\r\n
                    <p style="font-size: 18px;">Wenn du im STARTPLATZ Köln einen Coworking Platz buchst, profitierst du zusätzlich von allen STARTPLATZ Vorteilen, wie z.B.:</p>\r\n
                </div>\r\n
            </div>\r\n
    \r\n
            <div class="row pt-4">\r\n
                <!-- Leistung 1 -->\r\n
                <div class="col-md-3 d-flex flex-column">\r\n
                    <img src="https://v.fastcdn.co/u/5b11d3c4/63593322-0-events-workshops-bla.png" alt="Möblierte Büros" style="width: 50px; margin-bottom: 10px;">\r\n
                    <h4 style="font-weight: bold;">Startup Community & Events</h4>\r\n
                    <p>Werde Teil der größten Startup-Community in NRW und knüpfe wertvolle Kontakte bei exklusiven Community-Events.</p>\r\n
                </div>\r\n
    \r\n
                <!-- Leistung 2 -->\r\n
                <div class="col-md-3 d-flex flex-column">\r\n
                    <img src="https://v.fastcdn.co/u/5b11d3c4/63593327-0-placeholder-filled-p.png" alt="24/7 Zugang" style="width: 50px; margin-bottom: 10px;">\r\n
                    <h4 style="font-weight: bold;">Top-Lage mit Partner Hubs</h4>\r\n
                    <p>Zentrale Lage mit exzellenter Anbindung und Zugang zu Partner Hubs in Europa für maximale Flexibilität.</p>\r\n
                </div>\r\n
    \r\n
                <!-- Leistung 3 -->\r\n
                <div class="col-md-3 d-flex flex-column">\r\n
                    <img src="https://v.fastcdn.co/u/5b11d3c4/63593317-0-printer-black.png" alt="Meetingräume" style="width: 50px; margin-bottom: 10px;">\r\n
                    <h4 style="font-weight: bold;">Professionelle Büroinfrastruktur</h4>\r\n
                    <p>Highspeed-Internet, Drucker, Telefonräume und Bürobedarf – alles, was du für produktives Arbeiten brauchst.</p>\r\n
                </div>\r\n
    \r\n
                <!-- Leistung 4 -->\r\n
                <div class="col-md-3 d-flex flex-column">\r\n
                    <img src="https://v.fastcdn.co/u/6430ff65/47011940-0-send-photo.svg" alt="Geschäftsanschrift" style="width: 50px; margin-bottom: 10px;">\r\n
                    <h4 style="font-weight: bold;">Exklusive Vergünstigungen</h4>\r\n
                    <p>Profitiere von Rabatten bei Service-Partnern sowie 50 % auf Meeting- und Konferenzräume.</p>\r\n
                </div>\r\n
            </div>\r\n
    \r\n
            <div class="row pt-4">\r\n
                <!-- Leistung 5 -->\r\n
                <div class="col-md-3 d-flex flex-column">\r\n
                    <img src="https://v.fastcdn.co/u/5b11d3c4/63593304-0-memberbreakfast-blac.png" alt="Getränke-Flat" style="width: 50px; margin-bottom: 10px;">\r\n
                    <h4 style="font-weight: bold;">Arbeiten mit Komfort und Wohlfühlfaktor</h4>\r\n
                    <p>Kaffee- Tee- und Wasser-Flat, Gemeinschaftsbereiche und ein inspirierendes Umfeld für konzentriertes und entspanntes Arbeiten.</p>\r\n
                </div>\r\n
    \r\n
                <!-- Leistung 6 -->\r\n
                <div class="col-md-3 d-flex flex-column">\r\n
                    <img src="https://res.cloudinary.com/startplatz/image/upload/v1614678469/Icons/promote.png" alt="Drucker & Bürobedarf" style="width: 50px; margin-bottom: 10px;">\r\n
                    <h4 style="font-weight: bold;">Mehr Reichweite für dich</h4>\r\n
                    <p>Slack Workspace und STARTPLATZ-Kanäle für Vernetzung, Austausch und mehr Sichtbarkeit in der Startup-Szene.</p>\r\n
                </div>\r\n
    \r\n
                <!-- Leistung 7 -->\r\n
                <div class="col-md-3 d-flex flex-column">\r\n
                    <img src="https://v.fastcdn.co/u/5b11d3c4/63593302-0-desk-black.png" alt="Standort Düsseldorf" style="width: 50px; margin-bottom: 10px;">\r\n
                    <h4 style="font-weight: bold;">Wissen & Experten-Support</h4>\r\n
                    <p>Kostenlose Mentoring-Sessions und 50 % Rabatt auf Workshops zur gezielten Weiterentwicklung deiner Skills.</p>\r\n
                </div>\r\n
    \r\n
                <!-- Leistung 8 -->\r\n
                <div class="col-md-3 d-flex flex-column">\r\n
                    <img src="https://v.fastcdn.co/u/5b11d3c4/63593406-0-man-in-office-desk-w.png" alt="Flexible Arbeitsplätze" style="width: 50px; margin-bottom: 10px;">\r\n
                    <h4 style="font-weight: bold;">Flexible Arbeitsplätze mit Reinigunsservice</h4>\r\n
                    <p>Flexibler oder fester Arbeitsplatz mit täglicher Reinigung für eine professionelle und angenehme Arbeitsatmosphäre.</p>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
    </section>\r\n
    \r\n
    \r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    \r\n
    \r\n
    \r\n
    </section><!-- Fließtext -->\r\n
    \r\n
    <section style="padding: 40px 0;">\r\n
        <div class="container">\r\n
            <div class="row">\r\n
                <div class="col-12">\r\n
                    <!-- Hier ein extra div für den Schatten -->\r\n
                    <div style="background: #f8f9fa; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15); padding: 40px; border-radius: 10px;">\r\n
                        \r\n
                        <div class="mb-4">\r\n
                            <h2 style="font-weight: bold; color: black; font-size: 26px; text-align: left;">Buche dir jetzt deinen modernen Coworking Space in Köln</h2>\r\n
                        </div>\r\n
    \r\n
                    <div class="mb-4">\r\n
                        <h3 style="font-weight: bold; color: black; font-size: 22px; text-align: left;">Flexibler Arbeitsplatz im Herzen von Köln</h3>\r\n
                        <p style="font-size: 18px; line-height: 1.6; color: #333; text-align: left;">\r\n
                            Raus aus den eigenen vier Wänden und rein in einen innovativen Coworking Space in Köln! \r\n
                            Für nur 180€/Monat kannst du dir einen Platz im Shared Office mieten – inklusive Infrastruktur, Wissenstransfer, Ideenaustausch und Experten-Feedback. \r\n
                            Werde Teil des STARTPLATZ Ökosystems mit Gründern, Freelancern, Investoren und Corporates.\r\n
                        </p>\r\n
                    </div>\r\n
    \r\n
                    <div class="mb-4">\r\n
                        <h3 style="font-weight: bold; color: black; font-size: 22px; text-align: left;">Coworking Spaces – Mehr als nur ein Schreibtisch</h3>\r\n
                        <p style="font-size: 18px; line-height: 1.6; color: #333; text-align: left;">\r\n
                            Unsere Coworking Spaces bieten dir mehr als nur einen flexiblen Arbeitsplatz. \r\n
                            Du arbeitest in einer kreativen Umgebung, triffst Gleichgesinnte und profitierst von einem offenen Austausch. \r\n
                            Ideal für alle, die flexibel bleiben und gleichzeitig in einem professionellen Umfeld arbeiten wollen.\r\n
                        </p>\r\n
                    </div>\r\n
    \r\n
                    <div class="mb-4">\r\n
                        <h3 style="font-weight: bold; color: black; font-size: 22px; text-align: left;">Produktiv arbeiten mit bester Ausstattung</h3>\r\n
                        <p style="font-size: 18px; line-height: 1.6; color: #333; text-align: left;">\r\n
                            Effizient arbeiten, ohne sich um technische Details kümmern zu müssen – das ist Coworking bei STARTPLATZ Köln. \r\n
                            Unsere flexiblen Arbeitsplätze, die du ganz nach Bedarf mieten kannst, sind mit modernster Infrastruktur ausgestattet \r\n
                            und bieten dir die ideale Umgebung für konzentriertes Arbeiten – inklusive höhenverstellbarer Schreibtische und Monitore.\r\n
                        </p>\r\n
                    </div>\r\n
    \r\n
                    <!-- Buttons -->\r\n
                    <div class="d-flex flex-column flex-md-row justify-content-between" style="gap: 10px; margin-top: 30px;">\r\n
                        <a class="btn btn-sp-green custom-btn" \r\n
                        href="https://app.monsum.com/purchase/b4847183a0f3978eecd9c6d8fd00aedf/11025" \r\n
                        target="_blank" \r\n
                        rel="noopener noreferrer">\r\n
                        Jetzt buchen!\r\n
                        </a>\r\n
                        \r\n
                        <a class="btn btn-outline-secondary custom-btn" \r\n
                        href="https://calendly.com/support-startplatz/coworking-probetag" \r\n
                        target="_blank" \r\n
                        rel="noopener noreferrer">\r\n
                        Kostenlosen Probetag vereinbaren\r\n
                        </a>\r\n
                    </div>\r\n
                </section>\r\n
    \r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    \r\n
    \r\n
    \r\n
    </section><!--Location-->\r\n
    \r\n
    <section>\r\n
        <div class="container">\r\n
            <div class="row align-items-center py-5 custom-section"\r\n
                style="background: #f8f9fa; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 40px; margin: 40px 0; display: flex; flex-wrap: wrap;">\r\n
    \r\n
                <!-- Textbereich -->\r\n
                <div class="col-lg-7 col-md-12 text-content" \r\n
                    style="color: black; flex: 1 1 60%; order: 2;">\r\n
                    <h2 style="font-size: 28px; font-weight: bold; margin-bottom: 20px;">\r\n
                        Top-Lage im <span style="font-weight: bold;">Mediapark Köln</span> – Dein <span style="font-weight: bold;">Coworking Space</span> im Zentrum der Innovation\r\n
                    </h2>\r\n
                    <div class="mb-4">\r\n
                        <h3 style="font-weight: bold; font-size: 22px; margin-bottom: 10px;">Zentrale Lage für dein Coworking</h3>\r\n
                        <p style="font-size: 18px; line-height: 1.6;">\r\n
                            Unsere Shared Offices im STARTPLATZ Köln liegen im Mediapark, einem der zentralsten Innovationsstandorte der Stadt. \r\n
                            Mit direkter Anbindung an Hauptbahnhof, Autobahnen und Flughafen bist du jederzeit flexibel und schnell erreichbar.\r\n
                        </p>\r\n
                    </div>\r\n
                    <div>\r\n
                        <h3 style="font-weight: bold; font-size: 22px; margin-bottom: 10px;">Coworking mitten im Innovations- und Business-Hotspot</h3>\r\n
                        <p style="font-size: 18px; line-height: 1.6;">\r\n
                            Im Mediapark arbeitest du inmitten von Startups, Unternehmen und kreativen Köpfen. Die dynamische Umgebung fördert Austausch und Zusammenarbeit, \r\n
                            während Cafés, Restaurants und Events die perfekte Balance zwischen Arbeit und Networking bieten.\r\n
                        </p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Bildbereich -->\r\n
                <div class="col-lg-5 col-md-12 image-content"\r\n
                    style="flex: 1 1 40%; display: flex; justify-content: center; align-items: center; order: 1;">\r\n
                    <div class="image-wrapper">\r\n
                        <img src="https://v.fastcdn.co/u/5b11d3c4/53227341-0-Corona-projektbuero-.JPG" \r\n
                             alt="Ausblick vom STARTPLATZ Köln auf den Mediapark" \r\n
                             class="img-fluid rounded-image"\r\n
                             loading="lazy">\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
    </section>\r\n
    \r\n
    \r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    \r\n
    \r\n
    \r\n
    </section><!--Profitiere von der größten Startup Community in NRW-->\r\n
    \r\n
    <section>\r\n
        <div class="container">\r\n
            <div class="py-5" style="background: #f8f9fa; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 40px; margin: 40px 0;">\r\n
                <!-- Überschrift -->\r\n
                <div class="col-12 mb-4 text-left">\r\n
                    <h2 style="font-weight: bold; font-size: 26px; color: black;">Profitiere von der größten Startup Community in NRW</h2>\r\n
                </div>\r\n
    \r\n
                <!-- Flexbox-Container für Desktop -->\r\n
                <div class="row startup-section-layout">\r\n
                    <!-- Textbereich -->\r\n
                    <div class="col-lg-6 startup-text-section">\r\n
                        <div class="mb-4">\r\n
                            <h3 style="font-weight: bold; font-size: 22px; margin-bottom: 10px;">Riesige Community</h3>\r\n
                            <p style="font-size: 18px; line-height: 1.6;">\r\n
                                Erhalte mit einem Büro im STARTPLATZ Zugang zur größten Startup Community NRWs mit über 2.000 Startups und Kontakt zu vielen Freelancern, Investoren, Agenturen und Corporates.\r\n
                            </p>\r\n
                        </div>\r\n
    \r\n
                        <div class="mb-4">\r\n
                            <h3 style="font-weight: bold; font-size: 22px; margin-bottom: 10px;">Reichhaltiges Eventangebot</h3>\r\n
                            <p style="font-size: 18px; line-height: 1.6;">\r\n
                                Ob Community-Events wie das Startup BBQ zur Vernetzung oder Workshops, Vorträge & Konferenzen zur Weiterbildung: Im STARTPLATZ gibt es eine Vielzahl an Eventformaten.\r\n
                            </p>\r\n
                        </div>\r\n
    \r\n
                        <div class="mb-4">\r\n
                            <h3 style="font-weight: bold; font-size: 22px; margin-bottom: 10px;">Community Benefits</h3>\r\n
                            <p style="font-size: 18px; line-height: 1.6;">\r\n
                                Profitiere von vielen Member Benefits, Vergünstigungen bei vielen Service-Anbietern und Software-Tools.\r\n
                            </p>\r\n
                        </div>\r\n
                    </div>\r\n
    \r\n
                    <!-- Bildbereich -->\r\n
                    <div class="col-lg-6 startup-image-section">\r\n
                        <div class="row startup-image-row">\r\n
                            <div class="col-6 p-2 mobile-visible">\r\n
                                <img src="https://v.fastcdn.co/u/5b11d3c4/63584245-0-InsurTech-Week-2018-.jpg" alt="Volles Publikum bei einem Event im STARTPLATZ Konferenzraum" class="img-fluid startup-image-responsive" loading="lazy">\r\n
                            </div>\r\n
                            <div class="col-6 p-2 mobile-hidden">\r\n
                                <img src="https://v.fastcdn.co/u/5b11d3c4/53426256-0-Rheinland-Pitch-Somm.jpg" alt="Rheinland-Pitch des STARTPLATZ Köln - Live Startup-Pitches vor Investoren und Publikum" class="img-fluid startup-image-responsive" loading="lazy">\r\n
                            </div>\r\n
                            <div class="col-6 p-2 mobile-hidden">\r\n
                                <img src="https://v.fastcdn.co/u/5b11d3c4/61795270-0-STARTPLATZ-Atmosphe4.jpg" alt="Networking und Teambuilding im STARTPLATZ Köln - Kicker-Runde im Gemeinschaftsbereich" class="img-fluid startup-image-responsive" loading="lazy">\r\n
                            </div>\r\n
                            <div class="col-6 p-2 mobile-visible">\r\n
                                <img src="https://v.fastcdn.co/u/5b11d3c4/61795227-0-BBQ-7.jpg" alt="Entspannte Gespräche bei Snacks und Drinks - Community Event im STARTPLATZ Köln" class="img-fluid startup-image-responsive" loading="lazy">\r\n
                            </div>\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Buttons -->\r\n
                <div class="d-flex flex-column flex-md-row justify-content-between" style="gap: 10px; margin-top: 30px;">\r\n
                    <a class="btn btn-sp-green custom-btn" href="https://app.monsum.com/purchase/b4847183a0f3978eecd9c6d8fd00aedf/11025" target="_blank" rel="noopener noreferrer">Jetzt buchen!</a>\r\n
                    <a class="btn btn-outline-secondary custom-btn" href="https://calendly.com/support-startplatz/coworking-probetag" target="_blank" rel="noopener noreferrer">Kostenlosen Probetag vereinbaren</a>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
    </section>\r\n
    \r\n
    \r\n
    \r\n
    <!-- Über den STARTPLATZ -->\r\n
    <section>\r\n
        <div class="container">\r\n
            <div class="row align-items-center py-5 custom-section"\r\n
                style="background: #f8f9fa; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 20px; margin: 40px 0; display: flex; flex-wrap: wrap;">\r\n
    \r\n
                <!-- Textbereich -->\r\n
                <div class="col-12 text-content" style="color: black; flex: 1 1 100%; order: 2;">\r\n
                    <h2 style="font-weight: bold; font-size: 26px; color: black; margin-bottom: 20px;">Über den STARTPLATZ</h2>\r\n
                    <p style="font-size: 18px; line-height: 1.6; color: black;">\r\n
                        STARTPLATZ ist NRWs größter Startup Hub und zentraler Treffpunkt der rheinischen Gründerszene. Neben flexiblen Office Spaces bietet STARTPLATZ ein innovatives Ökosystem aus Gründern, Freelancern, Investoren und Corporates sowie eine starke Community aus Machern, Experten und kreativen Köpfen. Als Schnittstelle zwischen Old und New Economy blickt STARTPLATZ auf über 12 Jahre Startup-Erfahrung zurück. Mit mehr als 1.200 geförderten Startups, über 600 Millionen Euro an Investitionen in diese Startups und jährlich 300 Events sowie 35.000 Besuchern ist STARTPLATZ eine treibende Kraft der regionalen Innovationslandschaft.\r\n
                    </p>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
    </section>\r\n
    \r\n
    \r\n
    \r\n
    <!-- Statistiken groß -->\r\n
    <section class="stats-section">\r\n
        <div class="container">\r\n
            <div class="stats-grid">\r\n
                <div class="stat-item">\r\n
                    <span class="stat-background">12</span>\r\n
                    <span class="stat-label">Jahre Startup-<br>Erfahrung</span>\r\n
                </div>\r\n
                <div class="stat-item">\r\n
                    <span class="stat-background">1.200</span>\r\n
                    <span class="stat-label">geförderte<br>Startups</span>\r\n
                </div>\r\n
                <div class="stat-item">\r\n
                    <span class="stat-background">300</span>\r\n
                    <span class="stat-label">Events <br>pro Jahr</span>\r\n
                </div>\r\n
                <div class="stat-item">\r\n
                    <span class="stat-background">600</span>\r\n
                    <span class="stat-label">Mio € Investition<br>in unsere Startups</span>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
    </section>\r\n
    \r\n
    \r\n
    \r\n
    </section><!--Testimonials-->\r\n
    \r\n
    <section style="padding: 40px 0;">\r\n
      <div class="container">\r\n
        <div class="row justify-content-center">\r\n
          <div class="col-12">\r\n
            <!-- Wrapper mit Schatten -->\r\n
            <div style="background: #f8f9fa; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 40px; margin: 40px 0;">\r\n
              <!-- Überschrift -->\r\n
              <h2 style="font-weight: bold; color: black; font-size: 26px; margin-bottom: 30px;">Das sagen Member aus unserer Community</h2>\r\n
    \r\n
    \r\n
              <!-- Testimonials -->\r\n
              <div class="testimonial">\r\n
                <img src="https://www.startplatz.de/wp-content/uploads/2018/03/Kamil-Barbarski-e1521457523139.jpg" alt="Bild von Kamil">\r\n
                <div class="testimonial-text">\r\n
                  <h3 style="font-size: 22px; font-weight: bold; margin-bottom: 10px;">Kamil</h3>\r\n
                  <h4 style="font-size: 18px; font-weight: bold; margin-bottom: 10px;">Entrepreneur & Co-founder MAK3it</h4>\r\n
                  <p>Was die Community hier im STARTPLATZ auszeichnet, ist der offene Austausch. Man kann wirklich jeden am Kickertisch oder dem Kaffeeautomaten einfach ansprechen und erfährt sehr viel. Viele Probleme haben so eine Lösung gefunden.</p>\r\n
                </div>\r\n
              </div>\r\n
    \r\n
    \r\n
    \r\n
              <div class="testimonial">\r\n
                <img src="https://www.startplatz.de/wp-content/uploads/2019/05/Marianne_Ohm_codiviti.jpg" alt="Bild von Marianne">\r\n
                <div class="testimonial-text">\r\n
                  <h3 style="font-size: 22px; font-weight: bold; margin-bottom: 10px;">Marianne</h3>\r\n
                  <h4 style="font-size: 18px; font-weight: bold; margin-bottom: 10px;">CEO Codiviti</h4>\r\n
                  <p>Der ausschlaggebende Punkt, warum wir uns für den STARTPLATZ als Workbase entschieden haben, ist der Zugang zu dem riesigen Netzwerk und damit die Chance der Vernetzung mit anderen Gründern und Gleichgesinnten, spannenden Unternehmen und Startup-Mentoren in einer kreativen und gleichzeitig motivierenden Atmosphäre.</p>\r\n
                </div>\r\n
              </div>\r\n
    \r\n
              <div class="testimonial">\r\n
                <img src="https://www.startplatz.de/wp-content/uploads/2019/05/nora_quadrat.jpg" alt="Bild von Nora">\r\n
                <div class="testimonial-text">\r\n
                  <h3 style="font-size: 22px; font-weight: bold; margin-bottom: 10px;">Nora</h3>\r\n
                  <h4 style="font-size: 18px; font-weight: bold; margin-bottom: 10px;">Founder Radbonus</h4>\r\n
                  <p>Der STARTPLATZ ist der Ort, in dem ich mich von Anfang an willkommen gefühlt habe und in dem ich mich als Entrepreneurin entfalten konnte. Hier habe ich das Know-How, das Netzwerk und die Räume gefunden, in denen ich mich mit meinen Ideen zuhause fühle.</p>\r\n
                </div>\r\n
              </div>\r\n
    \r\n
              <div class="testimonial">\r\n
                <img src="https://www.startplatz.de/wp-content/uploads/2017/10/Dr.-Joachim-Lammert.jpg" alt="Bild von Joachim">\r\n
                <div class="testimonial-text">\r\n
                  <h3 style="font-size: 22px; font-weight: bold; margin-bottom: 10px;">Joachim</h3>\r\n
                  <h4 style="font-size: 18px; font-weight: bold; margin-bottom: 10px;">Founder FanQ</h4>\r\n
                  <p>Der STARTPLATZ ist für mich das ideale Gründungsumfeld – sehr positive und inspirierende Arbeitsatmosphäre, umfangreiches Netzwerk, wichtige Kontakte und Ratgeber, Events und Schulungen, vielfältige Unterstützung durch den STARTPLATZ, eine (fast) „familiäre“ Betreuung und vollständige Büroinfrastruktur.</p>\r\n
                </div>\r\n
              </div>\r\n
    \r\n
            <!-- Buttons -->\r\n
            <div class="d-flex flex-column flex-md-row justify-content-between" style="gap: 10px; margin-top: 30px;">\r\n
                <a class="btn btn-sp-green custom-btn" \r\n
                href="https://app.monsum.com/purchase/b4847183a0f3978eecd9c6d8fd00aedf/11025" \r\n
                target="_blank" \r\n
                rel="noopener noreferrer">\r\n
                Jetzt buchen!\r\n
                </a>\r\n
                \r\n
                <a class="btn btn-outline-secondary custom-btn" \r\n
                href="https://calendly.com/support-startplatz/coworking-probetag" \r\n
                target="_blank" \r\n
                rel="noopener noreferrer">\r\n
                Kostenlosen Probetag vereinbaren\r\n
                </a>\r\n
            </div>\r\n
    </section>\r\n
    \r\n
    \r\n
    \r\n
    </section><!--3D Rooms Tour-->\r\n
    \r\n
    <section>\r\n
    <div class="container">\r\n
        <div class="row">\r\n
            <div class="col-12 py-5" style="background: white;">\r\n
                <div class="d-flex flex-row justify-content-center">\r\n
                <div>\r\n
                <h2 class="bold" style="text-align: center;">3D Room Tour</h2>\r\n
                </div>\r\n
                </div>\r\n
                <div class="d-flex flex-row justify-content-center pt-5"><iframe class="embed-responsive-item" style="border: 0;" src="https://mpembed.com/show/?m=ZY8irrfVNwA&amp;mpu=95" width="600" height="450" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>\r\n
            </div>\r\n
        </div>\r\n
    </div>\r\n
    \r\n
    \r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    \r\n
    \r\n
    \r\n
    <!-- Impressionen Slideshow -->\r\n
    <section class="impressionen-slideshow-section">\r\n
      <div class="impressionen-container">\r\n
        <h2 class="text-left" style="font-weight: bold; color: black; font-size: 24px; margin-bottom: 30px;">\r\n
        Impressionen - <span style="font-weight: bold;">STARTPLATZ</span>\r\n
    </h2>\r\n
    \r\n
    \r\n
        <div class="slideshow-container">\r\n
          <!-- Slide 1 -->\r\n
          <div class="slide active">\r\n
            <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775937/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/STARTPLATZ_Atmospa%CC%88he35.jpg" alt="Konzentriertes Arbeiten im Coworking Bereich" loading="lazy">\r\n
            <div class="caption">Konzentriertes Arbeiten im Coworking Bereich</div>\r\n
          </div>\r\n
    \r\n
          <!-- Slide 2 -->\r\n
          <div class="slide">\r\n
            <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1737448765/conference-rooms/Bilder%202025%20bearbeitet/Rom_Tisch_neu.jpg" alt="Einer von 12 Meeting- und Konferenzräumen" loading="lazy">\r\n
            <div class="caption">Einer von 12 Meeting- und Konferenzräumen</div>\r\n
          </div>\r\n
    \r\n
          <!-- Slide 3 -->\r\n
          <div class="slide">\r\n
            <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1614775942/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/STARTPLATZ_Atmospa%CC%88he4.jpg" alt="Gute Ideen entstehen beim Kaffee" loading="lazy">\r\n
            <div class="caption">Gute Ideen entstehen beim Kaffee</div>\r\n
          </div>\r\n
    \r\n
          <!-- Slide 4 -->\r\n
          <div class="slide">\r\n
            <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775928/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/STARTPLATZ_Atmospa%CC%88he24.jpg" alt="Empfangsbereich des STARTPLATZ Köln" loading="lazy">\r\n
            <div class="caption">Empfangsbereich</div>\r\n
          </div>\r\n
    \r\n
          <!-- Slide 5 -->\r\n
          <div class="slide">\r\n
            <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775936/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/STARTPLATZ_Atmospa%CC%88he8.jpg" alt="Networking beim Coworking" loading="lazy">\r\n
            <div class="caption">Networking beim Coworking</div>\r\n
          </div>\r\n
    \r\n
          <!-- Slide 6 -->\r\n
          <div class="slide">\r\n
            <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775931/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/STARTPLATZ_Atmospa%CC%88he37.jpg" alt="Fokussiertes Arbeiten" loading="lazy">\r\n
            <div class="caption">Fokussiertes Arbeiten</div>\r\n
          </div>\r\n
    \r\n
          <!-- Slide 7 -->\r\n
          <div class="slide">\r\n
            <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775894/Offices/K%C3%B6ln/Au%C3%9Fenansicht/STARTPLATZ_Ko%CC%88ln_Au%C3%9Fenansicht12.jpg" alt="Außenansicht" loading="lazy">\r\n
            <div class="caption">Außenansicht</div>\r\n
          </div>\r\n
    \r\n
    \r\n
          <!-- Navigation Buttons -->\r\n
          <a class="prev" onclick="plusSlides(-1)">&#10094;</a>\r\n
          <a class="next" onclick="plusSlides(1)">&#10095;</a>\r\n
        </div>\r\n
    \r\n
        <!-- Dots für Navigation -->\r\n
        <div class="dots-container">\r\n
          <span class="dot active" onclick="currentSlide(1)"></span>\r\n
          <span class="dot" onclick="currentSlide(2)"></span>\r\n
          <span class="dot" onclick="currentSlide(3)"></span>\r\n
          <span class="dot" onclick="currentSlide(4)"></span>\r\n
          <span class="dot" onclick="currentSlide(5)"></span>\r\n
          <span class="dot" onclick="currentSlide(6)"></span>\r\n
          <span class="dot" onclick="currentSlide(7)"></span>\r\n
    \r\n
        </div>\r\n
      </div>\r\n
    </section>\r\n
    \r\n
    <script>\r\n
      let slideIndex = 0;\r\n
      const slides = document.getElementsByClassName("slide");\r\n
      const dots = document.getElementsByClassName("dot");\r\n
    \r\n
      function showSlides(n) {\r\n
        // Verhindern, dass die Slideshow überläuft\r\n
        if (n >= slides.length) slideIndex = 0;\r\n
        if (n < 0) slideIndex = slides.length - 1;\r\n
    \r\n
        // Alle Bilder ausblenden\r\n
        for (let i = 0; i < slides.length; i++) {\r\n
          slides[i].classList.remove("active");\r\n
        }\r\n
    \r\n
        // Alle Dots deaktivieren\r\n
        for (let i = 0; i < dots.length; i++) {\r\n
          dots[i].classList.remove("active");\r\n
        }\r\n
    \r\n
        // Aktuelles Bild anzeigen\r\n
        slides[slideIndex].classList.add("active");\r\n
        dots[slideIndex].classList.add("active");\r\n
      }\r\n
    \r\n
      function plusSlides(n) {\r\n
        slideIndex += n;\r\n
        showSlides(slideIndex);\r\n
      }\r\n
    \r\n
      function currentSlide(n) {\r\n
        slideIndex = n - 1;\r\n
        showSlides(slideIndex);\r\n
      }\r\n
    \r\n
      // Automatische Slideshow (optional)\r\n
      function autoSlideShow() {\r\n
        slideIndex++;\r\n
        showSlides(slideIndex);\r\n
        setTimeout(autoSlideShow, 5000); // Alle 5 Sekunden wechseln\r\n
      }\r\n
    \r\n
      // Starte Slideshow nach Laden der Seite\r\n
      document.addEventListener("DOMContentLoaded", () => {\r\n
        showSlides(slideIndex);\r\n
        autoSlideShow();\r\n
      });\r\n
    </script>\r\n
    \r\n
    \r\n
    \r\n
    </section><!-- FAQ Bereich-->\r\n
    \r\n
    <section class="faq-section py-5" style="background: white;">\r\n
        <div class="container">\r\n
            <h2 class="text-left" style="font-weight: bold; color: black; font-size: 24px; margin-bottom: 30px;">\r\n
                FAQ - <span style="font-weight: bold;">Coworking</span> Köln\r\n
            </h2>\r\n
            <div class="faq-accordion">\r\n
                \r\n
                <!-- Frage 1 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>Was ist der Unterschied zwischen einem Coworking-Arbeitsplatz und einem privaten Büro?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>Im Coworking-Bereich teilst du dir den Raum mit anderen und suchst dir je nach Tarif täglich einen neuen Platz. Dabei profitierst du insbesondere vom Austausch mit der Community und flexiblen Arbeitsmöglichkeiten. Für vertrauliche Gespräche gibt es separate Bereiche. Ein privates Büro hingegen gehört nur dir und ermöglicht ungestörtes, diskretes Arbeiten.</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Frage 2 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>Wie lange beträgt die Kündigungsfrist der Coworking und 2nd Home Mitgliedschaft?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>Die Kündigungsfrist bei der Coworking Membership beträgt nur einen Monat und kann jederzeit gekündigt werden. Für die 2nd Home Membership beträgt die Kündigungsfrist 3 Monate zum Monatsende.</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Frage 3 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>Gibt es eine Mindestlaufzeit bei der Coworking Mitgliedschaft?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>Nein, bei der Coworking Mitgliedschaft gibt es keine Mindestlaufzeit</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Frage 4 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>Wie oft im Monat kann ich mit der Coworking Mitgliedschaft im STARTPLATZ arbeiten?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>Unbegrenzt. Du kannst so oft du möchtest in den Shared Offices im STARTPLATZ arbeiten und hast 24/7 Zugang</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Frage 5 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>Was beinhaltet eine Coworking Mitgliedschaft?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>Die Mitgliedschaft in unseren Shared Offices bei STARTPLATZ Köln umfasst High-Speed-Internet, Zugang zu Meeting- und Konferenzräumen, Druck- und Scandienste sowie kostenloser Kaffee und Wasser. Zusätzlich profitieren Mitglieder von Events, Workshops, einer inspirierenden Community, 24/7 Zugang und vielem mehr.</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Frage 6 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>Kann ich einen Probetag buchen?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>Ja, um dich von unseren Coworking Spaces zu überzeugen, kannst du <a href="https://calendly.com/support-startplatz/coworking-probetag" style="color: #7ab800;">unter diesem Link</a> einen kostenlosen Probetag vereinbaren.</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Frage 7 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>Gibt es einen Studentenrabatt?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>Ja, wir bieten auch einen Studentenrabatt an. Informiere dich einfach <a href="https://www.startplatz.de/student-coworking" style="color: #7ab800;">unter diesem Link</a> über unsere Angebote.</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Frage 7 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>Welche Optionen für eine Coworking Mitgliedschaft habe ich?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>Bei STARTPLATZ hast du die Wahl zwischen unserer Coworking Mitgliedschaft mit FlexDesk für 180€ im Monat und 2nd Home Tarif inklusive festem Arbeitsplatz in unseren Shared Offices für 350€ im Monat.</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Frage 8 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>Gibt es im STARTPLATZ Köln die Möglichkeit, ein eigenes Büro zu mieten?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>Natürlich! Wenn dein Team wächst und du ein eigenes Büro benötigst, bieten wir im Mediapark verschiedene flexible Bürolösungen an. Informiere dich direkt <a href="https://www.startplatz.de/teambuero-koeln/" style="color: #7ab800;">auf unserer Website</a> oder melde dich bei uns unter 0221 975 802 15 für weitere Details.</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Frage 9 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>Muss ich eine Sicherheitsleistung hinterlegen?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>Nein, du musst keine Sicherheitsleistung hinterlegen, um in unseren Coworking Spaces arbeiten zu können.</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Frage 10 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>Gibt es Parkplätze?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>Ja, das Parken ist in einem der großen Parkdecks des Mediaparks jederzeit möglich. Ein Dauerstellplatz kostet 120€ pro Monat. Das Parkhaus kann auch tageweise oder stundenweise genutzt werden.</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Frage 11 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>Du möchtest eine Coworking Mitgliedschaft im STARTPLATZ Köln abschließen, interessierst dich aber auch dafür, ab und zu im STARTPLATZ Düsseldorf zu arbeiten?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>Kein Problem! Mit der Coworking Mitgliedschaft kannst du sowohl in Köln, als auch in den shared offices in Düsseldorf arbeiten – und das so oft du möchtest.</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Frage 12 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>Ist der STARTPLATZ Köln durch öffentliche Verkehrsmittel gut zu erreichen?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>Ja, der Mediapark ist mit den Linien 12 und 15 sehr gut zu erreichen. Von der Haltestelle Christophstraße/Mediapark sind es etwa 5 Minuten Fußweg zum Bürogebäude des STARTPLATZ. Über die Linien S6, S11, S12 und S19 ist die Station Hansaring sehr gut zu erreichen, die ebenfalls nicht weit entfernt liegt.</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Frage 13 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>Du möchtest den STARTPLATZ Köln zusätzlich zu deinem offiziellen Firmensitz machen?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>Kein Problem! Buche online einfach eine Geschäftsanschrift hinzu! Du kannst dir deine Post dann auch ganz bequem in den STARTPLATZ schicken lassen.</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Frage 14 -->\r\n
                <div class="faq-item">\r\n
                    <div class="faq-question">\r\n
                        <span>Ich habe noch weitere Fragen zur Coworking und 2nd Home Membership, an wen kann ich mich wenden?</span>\r\n
                        <span class="faq-icon">+</span>\r\n
                    </div>\r\n
                    <div class="faq-answer">\r\n
                        <p>Gerne helfen wir die bei allen Fragen zu unseren flexiblen Arbeitsplätzen weiter. Schreibe bitte eine Email an mitgliedschaft@startplatz.de oder melde dich telefonisch unter 0221 975 802 15</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
            </div>\r\n
        </div>\r\n
    </section>\r\n
    \r\n
    <script>\r\n
    document.addEventListener("DOMContentLoaded", function () {\r\n
        const faqItems = document.querySelectorAll(".faq-item");\r\n
    \r\n
        faqItems.forEach(item => {\r\n
            const question = item.querySelector(".faq-question");\r\n
            const answer = item.querySelector(".faq-answer");\r\n
            const icon = item.querySelector(".faq-icon");\r\n
    \r\n
            question.addEventListener("click", function () {\r\n
                const isOpen = answer.style.maxHeight;\r\n
    \r\n
                // Alle anderen FAQs schließen\r\n
                document.querySelectorAll(".faq-answer").forEach(ans => {\r\n
                    ans.style.maxHeight = null;\r\n
                    ans.style.opacity = "0";\r\n
                });\r\n
    \r\n
                document.querySelectorAll(".faq-icon").forEach(i => {\r\n
                    i.textContent = "+";\r\n
                    i.style.transform = "rotate(0deg)";\r\n
                });\r\n
    \r\n
                // Wenn noch nicht geöffnet, dann öffnen\r\n
                if (!isOpen || isOpen === "0px") {\r\n
                    answer.style.maxHeight = answer.scrollHeight + "px";\r\n
                    answer.style.opacity = "1";\r\n
                    icon.textContent = "−";\r\n
                    icon.style.transform = "rotate(180deg)";\r\n
                }\r\n
            });\r\n
        });\r\n
    });\r\n
    </script>\r\n
    \r\n
    \r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </section><!-- WordPress editor ends here -->\n
    \n
    \n
    \n
    \n
    <!-- sp-connect footer starts -->\n
    \n
    <style type="text/css">\n
        .ftco-section {\n
            padding: 5em 0;\n
            position: relative; }\n
        @media (max-width: 767.98px) {\n
            .ftco-section {\n
                padding: 6em 0; } }\n
    \n
        .ftco-footer {\n
            font-size: 16px;\n
            background: #232931;\n
            padding: 7em 0;\n
            z-index: 0; }\n
        .ftco-footer .ftco-footer-logo {\n
            text-transform: uppercase;\n
            letter-spacing: .1em; }\n
        .ftco-footer .ftco-footer-widget h2 {\n
            font-weight: normal;\n
            color: #fff;\n
            margin-bottom: 40px;\n
            font-size: 22px;\n
            font-weight: 600; }\n
        .ftco-footer .ftco-footer-widget ul li {\n
            margin-bottom: 10px; }\n
        .ftco-footer .ftco-footer-widget ul li a {\n
            color: rgba(255, 255, 255, 0.6); }\n
        .ftco-footer .ftco-footer-widget ul li a span {\n
            color: rgba(255, 255, 255, 0.6); }\n
        .ftco-footer .ftco-footer-widget .btn-primary {\n
            background: #fff !important;\n
            border: 2px solid #fff !important; }\n
        .ftco-footer .ftco-footer-widget .btn-primary:hover {\n
            background: #fff;\n
            border: 2px solid #fff !important; }\n
        .ftco-footer p {\n
            color: rgba(255, 255, 255, 0.7); }\n
        .ftco-footer a {\n
            color: rgba(255, 255, 255, 0.7); }\n
        .ftco-footer a:hover {\n
            color: #fff; }\n
        .ftco-footer .ftco-heading-2 {\n
            font-size: 17px;\n
            font-weight: 400;\n
            color: #000000; }\n
    \n
        .ftco-footer-social li {\n
            list-style: none;\n
            margin: 0 10px 0 0;\n
            display: inline-block; }\n
        .ftco-footer-social li a {\n
            height: 50px;\n
            width: 50px;\n
            display: block;\n
            float: left;\n
            background: rgba(255, 255, 255, 0.1);\n
            border-radius: 50%;\n
            position: relative; }\n
        .ftco-footer-social li a span {\n
            position: absolute;\n
            font-size: 26px;\n
            top: 50%;\n
            left: 50%;\n
            -webkit-transform: translate(-50%, -50%);\n
            -ms-transform: translate(-50%, -50%);\n
            transform: translate(-50%, -50%); }\n
        .ftco-footer-social li a:hover {\n
            color: #fff; }\n
    \n
        .footer-small-nav > li {\n
            display: inline-block; }\n
        .footer-small-nav > li a {\n
            margin: 0 10px 10px 0; }\n
        .footer-small-nav > li a:hover, .footer-small-nav > li a:focus {\n
            color: #033fff; }\n
    \n
        .media .ftco-icon {\n
            width: 100px; }\n
        .media .ftco-icon span {\n
            color: #033fff; }\n
    \n
    \n
         .spGreen h1,.spGreen h2,.spGreen h3,.spGreen h4,.spGreen h5,.spGreen h6  {color: rgba(122,184,8,1) !important;}\n
        .spBgGreen {background-color: rgba(122,184,8,1) !important;color: white;}\n
    \n
        /* --- Corporate: spRed/ RED ---- */\n
        .color-danger {\n
            color:#8F2640;\n
        }\n
    \n
        .spRed h1,.spRed h2,.spRed h3,.spRed h4,.spRed h5,.spRed h6  {color: rgba(143,38,64,1) !important;}\n
        .bgSpRed { background-color: rgba(143,38,64,0.99)!important;}\n
    \n
    </style>\n
    \n
    <footer class="ftco-footer ftco-section">\n
        <div class="container">\n
            <div class="row my-2">\n
                <div class="col-md-2">\n
                    <div class="ftco-footer-widget mb-3">\n
                        <h2 class="ftco-heading-2">Ü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="/gruenderstipendium-nrw"><span class="fas fa-long-arrow-alt-right mr-2"></span>Gründungsstipendium</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
            <!-- 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
    <div id="sfwdtca92f4" class="sf-toolbar sf-display-none" role="region" aria-label="Symfony Web Debug Toolbar">    <!-- START of Symfony Web Debug Toolbar --><div id="sfMiniToolbar-ca92f4" class="sf-minitoolbar" data-no-turbolink data-turbo="false">    <button type="button" title="Show Symfony toolbar" id="sfToolbarMiniToggler-ca92f4" accesskey="D" aria-expanded="false" aria-controls="sfToolbarMainContent-ca92f4">        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#AAA" 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>    </button></div><div id="sfToolbarClearer-ca92f4" class="sf-toolbar-clearer"></div><div id="sfToolbarMainContent-ca92f4" class="sf-toolbarreset 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/ca92f4?panel=request">        <div class="sf-toolbar-icon">        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#AAA" 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-ca92f4"></span>        </div>        <div class="sf-toolbar-info-piece">            <b>                <button class="sf-cancel-button" type="button" id="sfLoadCancel-ca92f4" title="Cancel loading">Cancel</button>            </b>        </div>    </div></div>                                <button class="hide-button" type="button" id="sfToolbarHideButton-ca92f4" title="Close Toolbar" accesskey="D" aria-expanded="true" aria-controls="sfToolbarMainContent-ca92f4">        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#AAA" d="M21.1 18.3c.8.8.8 2 0 2.8-.4.4-.9.6-1.4.6s-1-.2-1.4-.6L12 14.8l-6.3 6.3c-.4.4-.9.6-1.4.6s-1-.2-1.4-.6a2 2 0 0 1 0-2.8L9.2 12 2.9 5.7a2 2 0 0 1 0-2.8 2 2 0 0 1 2.8 0L12 9.2l6.3-6.3a2 2 0 0 1 2.8 0c.8.8.8 2 0 2.8L14.8 12l6.3 6.3z"/></svg>    </button></div><!-- END of Symfony Web Debug Toolbar --></div><script nonce="adea7df607c67ad3e07121ed4c6d6664">/*<![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);            };        }        if (navigator.clipboard) {            document.querySelectorAll('[data-clipboard-text]').forEach(function(element) {                removeClass(element, 'hidden');                element.addEventListener('click', function() {                    navigator.clipboard.writeText(element.getAttribute('data-clipboard-text'));                })            });        }        var request = function(url, onSuccess, onError, payload, options, tries) {            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 = 'block';            } 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;                    }                }            }            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.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) {                if (!this.sfwdt) {                    this.sfwdt = document.getElementById('sfwdt' + token);                }                return this.sfwdt;            },            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) {                                    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);                removeClass(sfwdt, 'sf-display-none');                if (getPreference('toolbar/displayState') == 'none') {                    document.getElementById('sfToolbarMainContent-' + token).style.display = 'none';                    document.getElementById('sfToolbarClearer-' + token).style.display = 'none';                    document.getElementById('sfMiniToolbar-' + token).style.display = 'block';                } else {                    document.getElementById('sfToolbarMainContent-' + token).style.display = 'block';                    document.getElementById('sfToolbarClearer-' + token).style.display = 'block';                    document.getElementById('sfMiniToolbar-' + token).style.display = 'none';                }            },            hideToolbar: function(token) {                var sfwdt = this.getSfwdt(token);                addClass(sfwdt, 'sf-display-none');            },            initToolbar: function(token) {                this.showToolbar(token);                var hideButton = document.getElementById('sfToolbarHideButton-' + token);                var hideButtonSvg = hideButton.querySelector('svg');                hideButtonSvg.setAttribute('aria-hidden', 'true');                hideButtonSvg.setAttribute('focusable', 'false');                addEventListener(hideButton, 'click', function (event) {                    event.preventDefault();                    var p = this.parentNode;                    p.style.display = 'none';                    (p.previousElementSibling || p.previousSibling).style.display = 'none';                    document.getElementById('sfMiniToolbar-' + token).style.display = 'block';                    setPreference('toolbar/displayState', 'none');                });                var showButton = document.getElementById('sfToolbarMiniToggler-' + token);                var showButtonSvg = showButton.querySelector('svg');                showButtonSvg.setAttribute('aria-hidden', 'true');                showButtonSvg.setAttribute('focusable', 'false');                addEventListener(showButton, 'click', function (event) {                    event.preventDefault();                    var elem = this.parentNode;                    if (elem.style.display == 'none') {                        document.getElementById('sfToolbarMainContent-' + token).style.display = 'none';                        document.getElementById('sfToolbarClearer-' + token).style.display = 'none';                        elem.style.display = 'block';                    } else {                        document.getElementById('sfToolbarMainContent-' + token).style.display = 'block';                        document.getElementById('sfToolbarClearer-' + token).style.display = 'block';                        elem.style.display = 'none'                    }                    setPreference('toolbar/displayState', 'block');                });            },            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) {                        /* Do nothing in the edge case where the toolbar has already been replaced with a new one */                        if (!document.getElementById('sfToolbarMainContent-' + newToken)) {                            return;                        }                        /* 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">\                                    <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.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;            },            createTabs: function() {                var tabGroups = document.querySelectorAll('.sf-tabs:not([data-processed=true])');                /* create the tab navigation for each group of tabs */                for (var i = 0; i < tabGroups.length; i++) {                    var tabs = tabGroups[i].querySelectorAll(':scope > .tab');                    var tabNavigation = document.createElement('ul');                    tabNavigation.className = 'tab-navigation';                    var selectedTabId = 'tab-' + i + '-0'; /* select the first tab by default */                    for (var j = 0; j < tabs.length; j++) {                        var tabId = 'tab-' + i + '-' + j;                        var tabTitle = tabs[j].querySelector('.tab-title').innerHTML;                        var tabNavigationItem = document.createElement('li');                        tabNavigationItem.setAttribute('data-tab-id', tabId);                        if (hasClass(tabs[j], 'active')) { selectedTabId = tabId; }                        if (hasClass(tabs[j], 'disabled')) { addClass(tabNavigationItem, 'disabled'); }                        tabNavigationItem.innerHTML = tabTitle;                        tabNavigation.appendChild(tabNavigationItem);                        var tabContent = tabs[j].querySelector('.tab-content');                        tabContent.parentElement.setAttribute('id', tabId);                    }                    tabGroups[i].insertBefore(tabNavigation, tabGroups[i].firstChild);                    addClass(document.querySelector('[data-tab-id="' + selectedTabId + '"]'), 'active');                }                /* display the active tab and add the 'click' event listeners */                for (i = 0; i < tabGroups.length; i++) {                    tabNavigation = tabGroups[i].querySelectorAll(':scope > .tab-navigation li');                    for (j = 0; j < tabNavigation.length; j++) {                        tabId = tabNavigation[j].getAttribute('data-tab-id');                        document.getElementById(tabId).querySelector('.tab-title').className = 'hidden';                        if (hasClass(tabNavigation[j], 'active')) {                            document.getElementById(tabId).className = 'block';                        } else {                            document.getElementById(tabId).className = 'hidden';                        }                        tabNavigation[j].addEventListener('click', function(e) {                            var activeTab = e.target || e.srcElement;                            /* needed because when the tab contains HTML contents, user can click */                            /* on any of those elements instead of their parent '<li>' element */                            while (activeTab.tagName.toLowerCase() !== 'li') {                                activeTab = activeTab.parentNode;                            }                            /* get the full list of tabs through the parent of the active tab element */                            var tabNavigation = activeTab.parentNode.children;                            for (var k = 0; k < tabNavigation.length; k++) {                                var tabId = tabNavigation[k].getAttribute('data-tab-id');                                document.getElementById(tabId).className = 'hidden';                                removeClass(tabNavigation[k], 'active');                            }                            addClass(activeTab, 'active');                            var activeTabId = activeTab.getAttribute('data-tab-id');                            document.getElementById(activeTabId).className = 'block';                        });                    }                    tabGroups[i].setAttribute('data-processed', 'true');                }            },            createToggles: function() {                var toggles = document.querySelectorAll('.sf-toggle:not([data-processed=true])');                for (var i = 0; i < toggles.length; i++) {                    var elementSelector = toggles[i].getAttribute('data-toggle-selector');                    var element = document.querySelector(elementSelector);                    addClass(element, 'sf-toggle-content');                    if (toggles[i].hasAttribute('data-toggle-initial') && toggles[i].getAttribute('data-toggle-initial') == 'display') {                        addClass(toggles[i], 'sf-toggle-on');                        addClass(element, 'sf-toggle-visible');                    } else {                        addClass(toggles[i], 'sf-toggle-off');                        addClass(element, 'sf-toggle-hidden');                    }                    addEventListener(toggles[i], 'click', function(e) {                        e.preventDefault();                        if ('' !== window.getSelection().toString()) {                            /* Don't do anything on text selection */                            return;                        }                        var toggle = e.target || e.srcElement;                        /* needed because when the toggle contains HTML contents, user can click */                        /* on any of those elements instead of their parent '.sf-toggle' element */                        while (!hasClass(toggle, 'sf-toggle')) {                            toggle = toggle.parentNode;                        }                        var element = document.querySelector(toggle.getAttribute('data-toggle-selector'));                        toggleClass(toggle, 'sf-toggle-on');                        toggleClass(toggle, 'sf-toggle-off');                        toggleClass(element, 'sf-toggle-hidden');                        toggleClass(element, 'sf-toggle-visible');                        /* the toggle doesn't change its contents when clicking on it */                        if (!toggle.hasAttribute('data-toggle-alt-content')) {                            return;                        }                        if (!toggle.hasAttribute('data-toggle-original-content')) {                            toggle.setAttribute('data-toggle-original-content', toggle.innerHTML);                        }                        var currentContent = toggle.innerHTML;                        var originalContent = toggle.getAttribute('data-toggle-original-content');                        var altContent = toggle.getAttribute('data-toggle-alt-content');                        toggle.innerHTML = currentContent !== altContent ? altContent : originalContent;                    });                    /* Prevents from disallowing clicks on links inside toggles */                    var toggleLinks = toggles[i].querySelectorAll('a');                    for (var j = 0; j < toggleLinks.length; j++) {                        addEventListener(toggleLinks[j], 'click', function(e) {                            e.stopPropagation();                        });                    }                    /* Prevents from disallowing clicks on "copy to clipboard" elements inside toggles */                    var copyToClipboardElements = toggles[i].querySelectorAll('span[data-clipboard-text]');                    for (var k = 0; k < copyToClipboardElements.length; k++) {                        addEventListener(copyToClipboardElements[k], 'click', function(e) {                            e.stopPropagation();                        });                    }                    toggles[i].setAttribute('data-processed', 'true');                }            },            initializeLogsTable: function() {                Sfjs.updateLogsTable();                document.querySelectorAll('.log-filter input').forEach((input) => {                    input.addEventListener('change', () => { Sfjs.updateLogsTable(); });                });                document.querySelectorAll('.filter-select-all-or-none button').forEach((link) => {                    link.addEventListener('click', () => {                        const selectAll = link.classList.contains('select-all');                        link.closest('.log-filter-content').querySelectorAll('input').forEach((input) => {                            input.checked = selectAll;                        });                        Sfjs.updateLogsTable();                    });                });                document.body.addEventListener('click', (event) => {                    document.querySelectorAll('details.log-filter').forEach((filterElement) => {                        if (!filterElement.contains(event.target) && filterElement.open) {                            filterElement.open = false;                        }                    });                });            },            updateLogsTable: function() {                const selectedType = document.querySelector('#log-filter-type input:checked').value;                const priorities = document.querySelectorAll('#log-filter-priority input');                const allPriorities = Array.from(priorities).map((input) => input.value);                const selectedPriorities = Array.from(priorities).filter((input) => input.checked).map((input) => input.value);                const channels = document.querySelectorAll('#log-filter-channel input');                const selectedChannels = Array.from(channels).filter((input) => input.checked).map((input) => input.value);                const logs = document.querySelector('table.logs');                if (null === logs) {                    return;                }                /* hide rows that don't match the current filters */                let numVisibleRows = 0;                logs.querySelectorAll('tbody tr').forEach((row) => {                    if ('all' !== selectedType && selectedType !== row.getAttribute('data-type')) {                        row.style.display = 'none';                        return;                    }                    const priority = row.getAttribute('data-priority');                    if (false === selectedPriorities.includes(priority) && true === allPriorities.includes(priority)) {                        row.style.display = 'none';                        return;                    }                    if ('' !== row.getAttribute('data-channel') && false === selectedChannels.includes(row.getAttribute('data-channel'))) {                        row.style.display = 'none';                        return;                    }                    row.style.display = 'table-row';                    numVisibleRows++;                });                document.querySelector('table.logs').style.display = 0 === numVisibleRows ? 'none' : 'table';                document.querySelector('.no-logs-message').style.display = 0 === numVisibleRows ? 'block' : 'none';                /* update the selected totals of all filters */                document.querySelector('#log-filter-priority .filter-active-num').innerText = (priorities.length === selectedPriorities.length) ? 'All' : selectedPriorities.length;                document.querySelector('#log-filter-channel .filter-active-num').innerText = (channels.length === selectedChannels.length) ? 'All' : selectedChannels.length;                /* update the currently selected "log type" tab */                document.querySelectorAll('#log-filter-type li').forEach((tab) => tab.classList.remove('active'));                document.querySelector(`#log-filter-type input[value="${selectedType}"]`).parentElement.classList.add('active');            },        };    })();    Sfjs.addEventListener(document, 'DOMContentLoaded', function() {        Sfjs.createTabs();        Sfjs.createToggles();    });}/*]]>*/</script><style nonce="37764f1ed244e25a6511ab5f0b1cec7b">    .sf-minitoolbar {    background-color: #222;    border-top-left-radius: 4px;    bottom: 0;    box-sizing: border-box;    display: none;    height: 36px;    padding: 6px;    position: fixed;    right: 0;    z-index: 99999;}.sf-minitoolbar button {    background-color: transparent;    padding: 0;    border: none;}.sf-minitoolbar svg,.sf-minitoolbar img {    max-height: 24px;    max-width: 24px;    display: inline;}.sf-toolbar-clearer {    clear: both;    height: 36px;}.sf-display-none {    display: none;}.sf-toolbarreset * {    box-sizing: content-box;    vertical-align: baseline;    letter-spacing: normal;    width: auto;}.sf-toolbarreset {    background-color: #222;    bottom: 0;    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);    color: #EEE;    font: 11px Arial, sans-serif;    left: 0;    margin: 0;    padding: 0 36px 0 0;    position: fixed;    right: 0;    text-align: left;    text-transform: none;    z-index: 99999;    direction: ltr;    /* neutralize the aliasing defined by external CSS styles */    -webkit-font-smoothing: subpixel-antialiased;    -moz-osx-font-smoothing: auto;}.sf-toolbarreset abbr {    border: dashed #777;    border-width: 0 0 1px;}.sf-toolbarreset svg,.sf-toolbarreset img {    height: 20px;    width: 20px;    display: inline-block;}.sf-toolbarreset .sf-cancel-button {    color: #444;}.sf-toolbarreset .hide-button {    background: #444;    display: block;    position: absolute;    top: 0;    right: 0;    width: 36px;    height: 36px;    cursor: pointer;    text-align: center;    border: none;    margin: 0;    padding: 0;}.sf-toolbarreset .hide-button svg {    max-height: 18px;    margin-top: 1px;}.sf-toolbar-block {    cursor: default;    display: block;    float: left;    height: 36px;    margin-right: 0;    white-space: nowrap;    max-width: 15%;}.sf-toolbar-block > a,.sf-toolbar-block > a:hover {    display: block;    text-decoration: none;    background-color: transparent;    color: inherit;}.sf-toolbar-block span {    display: inline-block;}.sf-toolbar-block .sf-toolbar-value {    color: #F5F5F5;    font-size: 13px;    line-height: 36px;    padding: 0;}.sf-toolbar-block .sf-toolbar-label,.sf-toolbar-block .sf-toolbar-class-separator {    color: #AAA;    font-size: 12px;}.sf-toolbar-block .sf-toolbar-info {    border-collapse: collapse;    display: table;    z-index: 100000;}.sf-toolbar-block hr {    border-top: 1px solid #777;    margin: 4px 0;    padding-top: 4px;}.sf-toolbar-block .sf-toolbar-info-piece {    /* this 'border-bottom' trick is needed because 'margin-bottom' doesn't work for table rows */    border-bottom: solid transparent 3px;    display: table-row;}.sf-toolbar-block .sf-toolbar-info-piece-additional,.sf-toolbar-block .sf-toolbar-info-piece-additional-detail {    display: none;}.sf-toolbar-block .sf-toolbar-info-group {    margin-bottom: 4px;    padding-bottom: 2px;    border-bottom: 1px solid #333333;}.sf-toolbar-block .sf-toolbar-info-group:last-child {    margin-bottom: 0;    padding-bottom: 0;    border-bottom: none;}.sf-toolbar-block .sf-toolbar-info-piece .sf-toolbar-status {    padding: 2px 5px;    margin-bottom: 0;}.sf-toolbar-block .sf-toolbar-info-piece .sf-toolbar-status + .sf-toolbar-status {    margin-left: 4px;}.sf-toolbar-block .sf-toolbar-info-piece:last-child {    margin-bottom: 0;}div.sf-toolbar .sf-toolbar-block .sf-toolbar-info-piece a {    color: #99CDD8;    text-decoration: underline;}div.sf-toolbar .sf-toolbar-block a:hover {    text-decoration: none;}.sf-toolbar-block .sf-toolbar-info-piece b {    color: #AAA;    display: table-cell;    font-size: 11px;    padding: 4px 8px 4px 0;}.sf-toolbar-block:not(.sf-toolbar-block-dump) .sf-toolbar-info-piece span {    color: #F5F5F5;}.sf-toolbar-block .sf-toolbar-info-piece span {    font-size: 12px;}.sf-toolbar-block .sf-toolbar-info {    background-color: #444;    bottom: 36px;    color: #F5F5F5;    display: none;    padding: 9px 0;    position: absolute;}.sf-toolbar-block .sf-toolbar-info:empty {    visibility: hidden;}.sf-toolbar-block .sf-toolbar-status {    display: inline-block;    color: #FFF;    background-color: #666;    padding: 3px 6px;    margin-bottom: 2px;    vertical-align: middle;    min-width: 15px;    min-height: 13px;    text-align: center;}.sf-toolbar-block .sf-toolbar-status-green {    background-color: #4F805D;}.sf-toolbar-block .sf-toolbar-status-red {    background-color: #B0413E;}.sf-toolbar-block .sf-toolbar-status-yellow {    background-color: #A46A1F;}.sf-toolbar-block.sf-toolbar-status-green {    background-color: #4F805D;    color: #FFF;}.sf-toolbar-block.sf-toolbar-status-red {    background-color: #B0413E;    color: #FFF;}.sf-toolbar-block.sf-toolbar-status-yellow {    background-color: #A46A1F;    color: #FFF;}.sf-toolbar-block-request .sf-toolbar-status {    color: #FFF;    display: inline-block;    font-size: 14px;    height: 36px;    line-height: 36px;    padding: 0 10px;}.sf-toolbar-block-request .sf-toolbar-info-piece a {    background-color: transparent;    text-decoration: none;}.sf-toolbar-block-request .sf-toolbar-info-piece a:hover {    text-decoration: underline;}.sf-toolbar-block-request .sf-toolbar-redirection-status {    font-weight: normal;    padding: 2px 4px;    line-height: 18px;}.sf-toolbar-block-request .sf-toolbar-info-piece span.sf-toolbar-redirection-method {    font-size: 12px;    height: 17px;    line-height: 17px;    margin-right: 5px;}.sf-toolbar-block-ajax .sf-toolbar-icon {    cursor: pointer;}.sf-toolbar-status-green .sf-toolbar-label,.sf-toolbar-status-yellow .sf-toolbar-label,.sf-toolbar-status-red .sf-toolbar-label {    color: #FFF;}.sf-toolbar-status-green svg path,.sf-toolbar-status-green svg .sf-svg-path,.sf-toolbar-status-red svg path,.sf-toolbar-status-red svg .sf-svg-path,.sf-toolbar-status-yellow svg path,.sf-toolbar-status-yellow svg .sf-svg-path {    fill: #FFF;}.sf-toolbar-block-config svg path,.sf-toolbar-block-config svg .sf-svg-path {    fill: #FFF;}.sf-toolbar-block .sf-toolbar-icon {    display: block;    height: 36px;    padding: 0 7px;    overflow: hidden;    text-overflow: ellipsis;}.sf-toolbar-block-request .sf-toolbar-icon {    padding-left: 0;    padding-right: 0;}.sf-toolbar-block .sf-toolbar-icon img,.sf-toolbar-block .sf-toolbar-icon svg {    border-width: 0;    position: relative;    top: 8px;    vertical-align: baseline;}.sf-toolbar-block .sf-toolbar-icon img + span,.sf-toolbar-block .sf-toolbar-icon svg + span {    margin-left: 4px;}.sf-toolbar-block-config .sf-toolbar-icon .sf-toolbar-value {    margin-left: 4px;}.sf-toolbar-block:hover,.sf-toolbar-block.hover {    position: relative;}.sf-toolbar-block:hover .sf-toolbar-icon,.sf-toolbar-block.hover .sf-toolbar-icon {    background-color: #444;    position: relative;    z-index: 10002;}.sf-toolbar-block-ajax.hover .sf-toolbar-info {    z-index: 10001;}.sf-toolbar-block:hover .sf-toolbar-info,.sf-toolbar-block.hover .sf-toolbar-info {    display: block;    padding: 10px;    max-width: 525px;    max-height: 480px;    word-wrap: break-word;    overflow: hidden;    overflow-y: auto;}.sf-toolbar-info-piece b.sf-toolbar-ajax-info {    color: #F5F5F5;}.sf-toolbar-ajax-requests {    table-layout: auto;    width: 100%;}.sf-toolbar-ajax-requests td {    background-color: #444;    border-bottom: 1px solid #777;    color: #F5F5F5;    font-size: 12px;    padding: 4px;}.sf-toolbar-ajax-requests tr:last-child td {    border-bottom: 0;}.sf-toolbar-ajax-requests th {    background-color: #222;    border-bottom: 0;    color: #AAA;    font-size: 11px;    padding: 4px;}.sf-ajax-request-url {    max-width: 250px;    line-height: 9px;    overflow: hidden;    text-overflow: ellipsis;}.sf-toolbar-ajax-requests .sf-ajax-request-url a {    text-decoration: none;}.sf-toolbar-ajax-requests .sf-ajax-request-url a:hover {    text-decoration: underline;}.sf-ajax-request-duration {    text-align: right;}.sf-ajax-request-loading {    animation: sf-blink .5s ease-in-out infinite;}@keyframes sf-blink {    0% { background: #222; }    50% { background: #444; }    100% { background: #222; }}.sf-toolbar-block.sf-toolbar-block-dump .sf-toolbar-info {    max-width: none;    width: 100%;    position: fixed;    box-sizing: border-box;    left: 0;}.sf-toolbar-block-dump pre.sf-dump {    background-color: #222;    border-color: #777;    border-radius: 0;    margin: 6px 0 12px 0;}.sf-toolbar-block-dump pre.sf-dump:last-child {    margin-bottom: 0;}.sf-toolbar-block-dump pre.sf-dump .sf-dump-search-wrapper {    margin-bottom: 5px;}.sf-toolbar-block-dump pre.sf-dump span.sf-dump-search-count {    color: #333;    font-size: 12px;}.sf-toolbar-block-dump .sf-toolbar-info-piece {    display: block;}.sf-toolbar-block-dump .sf-toolbar-info-piece .sf-toolbar-file-line {    color: #AAA;    margin-left: 4px;}.sf-toolbar-block-dump .sf-toolbar-info img {    display: none;}/* Responsive Design */.sf-toolbar-icon .sf-toolbar-label,.sf-toolbar-icon .sf-toolbar-value {    display: none;}.sf-toolbar-block-config .sf-toolbar-icon .sf-toolbar-label {    display: inline-block;}/* Legacy Design - these styles are maintained to make old panels look   a bit better on the new toolbar */.sf-toolbar-block .sf-toolbar-info-piece-additional-detail {    color: #AAA;    font-size: 12px;}.sf-toolbar-status-green .sf-toolbar-info-piece-additional-detail,.sf-toolbar-status-yellow .sf-toolbar-info-piece-additional-detail,.sf-toolbar-status-red .sf-toolbar-info-piece-additional-detail {    color: #FFF;}@media (min-width: 768px) {    .sf-toolbar-icon .sf-toolbar-label,    .sf-toolbar-icon .sf-toolbar-value {        display: inline;    }    .sf-toolbar-block .sf-toolbar-icon img,    .sf-toolbar-block .sf-toolbar-icon svg {        top: 6px;    }    .sf-toolbar-block-time .sf-toolbar-icon svg,    .sf-toolbar-block-memory .sf-toolbar-icon svg {        display: none;    }    .sf-toolbar-block-time .sf-toolbar-icon svg + span,    .sf-toolbar-block-memory .sf-toolbar-icon svg + span {        margin-left: 0;    }    .sf-toolbar-block .sf-toolbar-icon {        padding: 0 10px;    }    .sf-toolbar-block-time .sf-toolbar-icon {        padding-right: 5px;    }    .sf-toolbar-block-memory .sf-toolbar-icon {        padding-left: 5px;    }    .sf-toolbar-block-request .sf-toolbar-icon {        padding-left: 0;        padding-right: 0;    }    .sf-toolbar-block-request .sf-toolbar-label {        margin-left: 5px;    }    .sf-toolbar-block-request .sf-toolbar-status + svg {        margin-left: 5px;    }    .sf-toolbar-block-request .sf-toolbar-icon svg + .sf-toolbar-label {        margin-left: 0;     }    .sf-toolbar-block-request .sf-toolbar-label + .sf-toolbar-value {        margin-right: 10px;    }    .sf-toolbar-block-request:hover .sf-toolbar-info {        max-width: none;    }    .sf-toolbar-block .sf-toolbar-info-piece b {        font-size: 12px;    }    .sf-toolbar-block .sf-toolbar-info-piece span {        font-size: 13px;    }    .sf-toolbar-block-right {        float: right;        margin-left: 0;        margin-right: 0;    }}@media (min-width: 1024px) {    .sf-toolbar-block .sf-toolbar-info-piece-additional,    .sf-toolbar-block .sf-toolbar-info-piece-additional-detail {        display: inline;    }    .sf-toolbar-block .sf-toolbar-info-piece-additional:empty,    .sf-toolbar-block .sf-toolbar-info-piece-additional-detail:empty {        display: none;    }}/***** Error Toolbar *****/.sf-error-toolbar .sf-toolbarreset {    background: #222;    color: #f5f5f5;    font: 13px/36px Arial, sans-serif;    height: 36px;    padding: 0 15px;    text-align: left;}.sf-error-toolbar .sf-toolbarreset svg {    height: auto;}.sf-error-toolbar .sf-toolbarreset a {    color: #99cdd8;    margin-left: 5px;    text-decoration: underline;}.sf-error-toolbar .sf-toolbarreset a:hover {    text-decoration: none;}.sf-error-toolbar .sf-toolbarreset .sf-toolbar-icon {    float: left;    padding: 5px 0;    margin-right: 10px;}.sf-full-stack {    left: 0px;    font-size: 12px;}/***** Media query print: Do not print the Toolbar. *****/@media print {    .sf-toolbar {        display: none !important;    }}</style><script nonce="adea7df607c67ad3e07121ed4c6d6664">/*<![CDATA[*/    (function () {        Sfjs.loadToolbar('ca92f4');    })();/*]]>*/</script>\n
    </body>\n
    </html>\n
    """
  #version: "1.1"
  #statusCode: 200
  #statusText: "OK"
  #charset: "UTF-8"
}