Symfony Profiler

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

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

"html"

"en"

"137d7e"

"*/*"

"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/en/offices-duesseldorf"

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

"Thu, 26 Feb 2026 23:57:24 GMT"

"7ac0c4"

""

"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/en/offices-duesseldorf"

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

"200"

"127.0.0.1"

"48710"

"GET"

"http"

1772150244

1772150244.0963

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

"/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" => "en/offices-duesseldorf/"
]

"_security_main"

"5d9438"

Symfony\Component\HttpFoundation\Response {#5132
  +headers: Symfony\Component\HttpFoundation\ResponseHeaderBag {#2911 …}
  #content: """
    <!DOCTYPE html>\n
    <html lang="en">\n
    <head>\n
        <!-- header-startplatz-v40.php starts -->\n
        <meta charset="utf-8">\n
        <meta name="viewport" content="width=device-width, initial-scale=1">\n
    \n
        <link rel="profile" href="http://gmpg.org/xfn/11">\n
        <link rel="pingback" href="https://www.startplatz.de/xmlrpc.php">\n
        <!-- Apple Touch Icon (180x180 auto-scales) -->\n
    <link rel="apple-touch-icon" href="/apple-touch-icon.png">\n
    <!-- Favicon -->\n
    \n
        <link rel="icon" href="/favicon.png" sizes="32x32">\n
    \n
        <script src="https://kit.fontawesome.com/30335e3531.js" crossorigin="anonymous"></script>\n
    \n
        <!-- Google tag (gtag.js) -->\n
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-XYVL4EFW9X"></script>\n
        <script>\n
            window.dataLayer = window.dataLayer || [];\n
            function gtag(){dataLayer.push(arguments);}\n
            gtag('js', new Date());\n
    \n
            gtag('config', 'G-XYVL4EFW9X');\n
        </script>\n
        <!-- End Google tag -->\n
    \n
        <!-- Google Tag Manager -->\n
        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\n
                    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\n
                j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n
                'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n
            })(window,document,'script','dataLayer','GTM-5WTVWDT');</script>\n
        <!-- End Google Tag Manager -->\n
    \n
        <!-- Facebook Pixel Code -->\n
        <script>\n
            !function(f,b,e,v,n,t,s)\n
            {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n
                n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n
                if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n
                n.queue=[];t=b.createElement(e);t.async=!0;\n
                t.src=v;s=b.getElementsByTagName(e)[0];\n
                s.parentNode.insertBefore(t,s)}(window,document,'script',\n
                'https://connect.facebook.net/en_US/fbevents.js');\n
            fbq('init', '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>Offices in Dusseldorf - STARTPLATZ</title>\n
    \t<link rel="canonical" href="https://www.staging.startplatz.de/en/offices-duesseldorf/" />\n
    \t<meta property="og:locale" content="de_DE" />\n
    \t<meta property="og:type" content="article" />\n
    \t<meta property="og:title" content="Offices in Dusseldorf" />\n
    \t<meta property="og:description" content="Rent office space at STARTPLATZ Düsseldorf in your desired size Central location in the Medienhafen Düsseldorf Modern, fully equipped offices Discounts on conference rooms and workshops Exclusive founder&#8217;s network and events All-round service: reception, mail and cleaning Submit a non-binding inquiry! Schedule a viewing appointment All-round service &#8211; The following service are included When you [&hellip;]" />\n
    \t<meta property="og:url" content="https://www.staging.startplatz.de/en/offices-duesseldorf/" />\n
    \t<meta property="og:site_name" content="STARTPLATZ" />\n
    \t<meta property="article:modified_time" content="2025-11-13T15:38:47+00:00" />\n
    \t<meta property="og:image" content="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1737547718/conference-rooms/Confi%20DUS%20new/Au%C3%9Fenansicht.jpg" />\n
    \t<meta name="twitter:label1" content="Geschätzte Lesezeit" />\n
    \t<meta name="twitter:data1" content="13 Minuten" />\n
    \t<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.staging.startplatz.de/en/offices-duesseldorf/","url":"https://www.staging.startplatz.de/en/offices-duesseldorf/","name":"Offices in Dusseldorf - STARTPLATZ","isPartOf":{"@id":"https://www.staging.startplatz.de/#website"},"primaryImageOfPage":{"@id":"https://www.staging.startplatz.de/en/offices-duesseldorf/#primaryimage"},"image":{"@id":"https://www.staging.startplatz.de/en/offices-duesseldorf/#primaryimage"},"thumbnailUrl":"https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1737547718/conference-rooms/Confi%20DUS%20new/Au%C3%9Fenansicht.jpg","datePublished":"2023-04-03T13:32:48+00:00","dateModified":"2025-11-13T15:38:47+00:00","breadcrumb":{"@id":"https://www.staging.startplatz.de/en/offices-duesseldorf/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https://www.staging.startplatz.de/en/offices-duesseldorf/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https://www.staging.startplatz.de/en/offices-duesseldorf/#primaryimage","url":"https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1737547718/conference-rooms/Confi%20DUS%20new/Au%C3%9Fenansicht.jpg","contentUrl":"https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1737547718/conference-rooms/Confi%20DUS%20new/Au%C3%9Fenansicht.jpg"},{"@type":"BreadcrumbList","@id":"https://www.staging.startplatz.de/en/offices-duesseldorf/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.staging.startplatz.de/"},{"@type":"ListItem","position":2,"name":"STARTPLATZ: the hotspot of the NRW Startup-Scene","item":"https://www.staging.startplatz.de/en/"},{"@type":"ListItem","position":3,"name":"Offices in Dusseldorf"}]},{"@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/75272" /><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=75272' />\n
    <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.staging.startplatz.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.staging.startplatz.de%2Fen%2Foffices-duesseldorf%2F" />\n
    <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.staging.startplatz.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.staging.startplatz.de%2Fen%2Foffices-duesseldorf%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
    \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/en/">\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="/en/memberships">\n
                                    Memberships\n
                                </a>\n
                                <hr class="my-2 mx-3">\n
                                <a class="dropdown-item" href="/accelerator/">\n
                                    Accelerator\n
                                </a>\n
                                <a class="dropdown-item" href="https://www.rheinlandpitch.de">\n
                                    Rheinland Pitch\n
                                </a>\n
                                <a class="dropdown-item" href="/en/founders-scholarship/">\n
                                    Gruendungsstipendium 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
                                Corporates\n
                            </a>\n
                            <div class="dropdown-menu dropdown-menu-left" aria-labelledby="navbarDropdownMenuLink">\n
                                                            <a class="dropdown-item" href="/en/corporate-innovation">\n
                                    Innovation &amp; Partnerships\n
                                </a>\n
                                <a class="dropdown-item" href="/en">\n
                                    AI Training\n
                                </a>\n
                            </div>\n
                        </li>\n
    \n
                        <li class="nav-item dropdown active  mt-2 mr-2">\n
                            <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
                                Offices / Coworking\n
                            </a>\n
                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">\n
                                <a class="dropdown-item" href="/en/offices-cologne">\n
                                    Offices in Cologne\n
                                </a>\n
                                <a class="dropdown-item" href="/en/offices-duesseldorf">\n
                                    Offices in Düsseldorf\n
                                </a>\n
                                <a class="dropdown-item" href="/en/coworking-cologne">\n
                                    Coworking in Cologne\n
                                </a>\n
                                <a class="dropdown-item" href="/en/coworking-duesseldorf">\n
                                    Coworking in Düsseldorf\n
                                </a>\n
                                <a class="dropdown-item" href="/en/business-address-cologne">\n
                                    Business Address Cologne\n
                                </a>\n
                                <a class="dropdown-item" href="/en/business-address-duesseldorf">\n
                                    Business Address Düsseldorf\n
                                </a>\n
                            </div>\n
                        </li>\n
    \n
    \n
                        <li class="nav-item dropdown active  mt-2 mr-2">\n
                            <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
                                Conference rooms\n
                            </a>\n
                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">\n
                                <a class="dropdown-item" href="/en/koeln-conference-and-meeting-rooms">\n
                                    Conference rooms Köln\n
                                </a>\n
                                <a class="dropdown-item" href="/en/duesseldorf-conference-and-meeting-rooms">\n
                                    Conference rooms Düsseldorf\n
                                </a>\n
    \n
                            </div>\n
                        </li>\n
    \n
    \n
                        <li class="nav-item active mt-2 mr-2\n
                                    ">\n
                            <a href="/en/events" class="nav-link px-2">\n
                                Events\n
                            </a>\n
                        </li>\n
    \n
    \n
                        <li class="nav-item dropdown active  mt-2 mr-2\n
                                                                                        ">\n
                            <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
                                About us\n
                            </a>\n
                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">\n
                                <a class="dropdown-item" href="/en/press">\n
                                    About STARTPLATZ\n
                                </a>\n
                                <a class="dropdown-item" href="/en/locations">\n
                                    Locations\n
                                </a>\n
                                <a class="dropdown-item" href="/en/startplatz-team">\n
                                    STARTPLATZ Team\n
                                </a>\n
                                <a class="dropdown-item" href="/en/partner">\n
                                    Partner\n
                                </a>\n
                                <a class="dropdown-item" href="/en/startups">\n
                                    Our startups\n
                                </a>\n
                                <a class="dropdown-item" href="/en/references">\n
                                    References\n
                                </a>\n
                                <a class="dropdown-item" href="/en/career">\n
                                    Career\n
                                </a>\n
    \n
                            </div>\n
                        </li>\n
    \n
                        <li class="nav-item active  mt-2 mr-2">\n
                            <a class="nav-link px-2" href="/blog">\n
                                Blog\n
                            </a>\n
                        </li>\n
    \n
                        <li class="nav-item mt-2 mr-2">\n
                        <link href="https://fonts.googleapis.com/icon?family=Material+Icons%7CMaterial+Icons+Outlined" rel="stylesheet">\n
    <li class="nav-item dropdown active  mt-2 mr-2">\n
        <a href="#" class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
            <span class="material-icons-outlined" style="font-size:20px; vertical-align: bottom; color:white">\n
            language\n
            </span>\n
        </a>\n
        <div class="dropdown-menu" style="width:70px; min-width:70px;" aria-labelledby="navbarDropdownMenuLink">\n
                                <a class="dropdown-item" href="/teambuero-duesseldorf">\n
                    <img src="/bundles/startplatzstyle/images/german_language.png" height="20px;" alt="Deutsch">\n
                </a>\n
            \n
                                            <a class="dropdown-item" href="/en">\n
                    <img src="/bundles/startplatzstyle/images/english_language.png" height="20px;" alt="English">\n
                </a>\n
            \n
                                <a class="dropdown-item" href="/fr/bureaux-duesseldorf">\n
                    <img src="/bundles/startplatzstyle/images/french_language.png" height="20px;" alt="Français">\n
                </a>\n
                </div>\n
    </li>\n
                        </li>\n
    \n
                                                <li class="nav-item active p-0 m-0 ml-lg-4 mt-2">\n
                                <a class="nav-link px-3"\n
                                   style="background-color:#7ab800; border-radius: 5px;"\n
                                   href="/login/">\n
                                    Login\n
                                </a>\n
                            </li>\n
                                        </ul>\n
            </div>\n
    </nav>\n
    \n
    <!-- homepage nav.homepage.bootstrap4 ends -->\n
        <!-- menu ends -->\n
    \n
        <!-- additional css style definitions starts -->\n
        <!-- style definitions to make interim homepage similar to previous homepage\n
         search for\n
         $this->render('@StartPlatzStyleBundle/CSS/_homepage.version-2021-winter.html.twig',[]);\n
    -->\n
    <style>\n
        /* Event styles */\n
        .bg-startplatz {\n
            background-color: #7ab800;\n
        }\n
    \n
        .bg-ai-hub {\n
            background-color: #9632FF !important;\n
        }\n
    \n
        a.bg-ai-hub:hover, a.bg-ai-hub:focus,\n
        button.bg-ai-hub:hover,\n
        button.bg-ai-hub:focus {\n
            background-color: #b880fe !important; }\n
    \n
    \n
        .bg-sp-grey {\n
            background-color: rgba(82,84,89,0.2);\n
        }\n
    \n
        /* redefinition for branding purposes */\n
        .alert-success{\n
            background-color: #7ab800;\n
            color: white;\n
        }\n
    \n
        /* Coworking styles */\n
       .office-perks .card {\n
            padding-bottom: 0px;\n
            border-left: 4px solid #7ab800;\n
            height: 110px;\n
            border-radius:1.5rem;\n
            background-color: #eee;\n
            margin-bottom: 1.0rem;\n
            \n
            background: #eee;\n
            padding-bottom: 2px;\n
            box-shadow: none;\n
            font-size: 14px;\n
        }\n
        .office-perks .card:hover {\n
            box-shadow: none;\n
        }\n
        .office-perks .card-header {\n
            background: none;\n
            border: none;\n
        }\n
        .office-perks .card-body {\n
            padding-top: 0rem;\n
            padding: 0rem 0.8rem 0.8rem 0.8rem;\n
            color: #000000;\n
            line-height: 1.4;\n
            font-weight: 500;\n
    \n
            text-align: center;\n
        }\n
    \n
        .memberships-header h3:after {\n
            content: " ";\n
            display: block;\n
            width: 100px;\n
            border-bottom: 2px solid #8cc63f;\n
            margin-top: 5px;\n
            margin-bottom: 10px;\n
        }\n
        .center-block {\n
          display: block;\n
          margin-left: auto;\n
          margin-right: auto;\n
        }\n
        .faq .panel-group {\n
          margin-bottom: 20px;\n
        }    \n
        .faq a {\n
    \t\tcolor: #8cc63f;\n
    \t}\n
        .faq a:hover {\n
        \ttext-decoration: underline;\n
        }\n
        .faq .panel {\n
          margin-bottom: 20px;\n
          background-color: #fff;\n
          border-radius: 4px;\n
          border: 1px solid transparent;\n
          -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);\n
          box-shadow: 0 1px 1px rgba(0,0,0,.05);\n
        }\n
        .faq .panel-group .panel + .panel {\n
          margin-top: 5px;\n
        }\n
        .faq .panel-group .panel {\n
          margin-bottom: 0;\n
          border-radius: 4px;\n
        }\n
    \t.faq .panel-default,\n
    \t.faq .panel.panel-default {\n
          border-color: #ddd;\n
        }\n
        .faq .panel-default > .panel-heading {\n
          color: #333;\n
          background-color: #f5f5f5;\n
          border-color: #ddd;\n
        }\n
        .faq .panel-group .panel-heading {\n
          border-bottom: 0;\n
            border-bottom-color: currentcolor;\n
        }\n
        .faq .panel-heading {\n
          padding: 10px 15px;\n
          border-bottom: 1px solid transparent;\n
          border-top-left-radius: 3px;\n
          border-top-right-radius: 3px;\n
        }\n
        .faq .panel-body {\n
          padding: 15px;\n
        }\n
    \n
        .col-padding {\n
            padding-left: 6px;\n
            padding-right: 0px;\n
        }\n
        .card-title {\n
            font-size: 20px;\n
            font-weight: bold;\n
            padding-bottom: 6px;\n
        }\n
        .card-title-events {\n
            font-size: 20px;\n
            font-weight: bold;\n
            padding-bottom: 6px;\n
            color:#7AB800;\n
        }\n
        .sp-green, .spGreen{\n
            color:#7AB800;\n
        }\n
        .free-access-info {\n
            font-weight: bold; /* Example property */\n
            color: #7AB800; /* Startplatz green for free access info */\n
            /* Additional styling as needed */\n
        }\n
        .cardsmall-title {\n
            font-size: 17px;\n
            font-weight: bold;\n
            margin:1px;\n
        }\n
        .card-body {\n
            color: #ffffff;\n
            padding: 10px 10px 0;\n
        }\n
        .card-body-events{\n
            color:black;\n
            padding:20px;\n
        }\n
        .card-header {\n
            background: #7AB800;\n
            min-height: 50px;\n
        }\n
        .threeLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
            display: -webkit-box;-webkit-line-clamp: 3;/* number of lines to show */line-clamp: 3;\n
            -webkit-box-orient: vertical;}\n
        @media (min-width: 0px) and (max-width: 767px) {\n
            .card-margin-right {\n
                margin-left: 15px;\n
                margin-right: 15px;\n
            }\n
        }\n
        @media (min-width: 768px) and (max-width: 991px) {\n
            .card-margin-right {\n
                margin-left: 15px;\n
                margin-right: 15px;\n
            }\n
        }\n
        @media (min-width: 992px) and (max-width: 1199px) {\n
            .card-margin-right {\n
                margin-right: 15px;\n
                margin-left: 15px;\n
            }\n
        }\n
        @media (min-width: 1200px) {\n
            .card-margin-right {\n
                margin-right: 20px;\n
                margin-left: 15px;\n
            }\n
        }\n
        a.link {\n
            text-decoration: none;\n
            color: white;\n
        }\n
        .introbig {\n
            color: black;\n
            font-size: 56px;\n
            text-align:center;\n
            font-weight: bold;\n
        }\n
        .introsmall {\n
            color: black;\n
            font-size: 18px;\n
            text-align:center;\n
            text-transform: uppercase;\n
        }\n
        .introteaser {\n
            color: black;\n
            font-size: 18px;\n
            text-align:center;\n
        }\n
        .testimonial-name {\n
            font-size: 18px;\n
            text-align:center;\n
            font-weight: bold;\n
        }\n
        .text_medium {\n
            font-size:17px;\n
            margin-left: 15px;\n
            margin-right: 15px;\n
        }\n
        .card-footer {\n
            margin:10px;\n
        }\n
        .card-body {\n
            padding: 0 10px;\n
            color: #ffffff;\n
        }\n
        #quote-text {\n
            font-size:18px;\n
        }\n
        .bg-success {\n
            background-color:#7AB800!important;\n
        }\n
    \n
        .new-label {color:#fff;background-color:#ef5777;font-size:16px;text-transform:uppercase;padding:4px 7px;display:block;position:absolute;top:-10px;left:5px\n
        }\n
        \n
        .banner-title {\n
            font-family: 'Source Sans Pro', sans-serif;\n
            text-shadow: 0px 0px 7px black;\n
            font-size: 50px;\n
            font-weight: bold;\n
            color: white;\n
        }\n
    \n
        /*Corporation Landingpage*/\n
    \n
        .bold {\n
            font-weight: bold;\n
        }\n
        .lighter {\n
            font-weight: lighter;\n
        }\n
        .temp-font{\n
            font-family: Arial;\n
        }\n
    \n
        .align-middle{\n
            margin: auto;\n
            width: 8em;\n
            height: 8em;\n
        }\n
    \n
        .list-image-hook-partner {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997119/Wordpress/Business-Club%20Landingpage%20/1.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 65px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-hook {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_24/v1653997119/Wordpress/Business-Club%20Landingpage%20/1.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 55px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-burger {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678467/Icons/business-affiliate-network.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 70px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-network {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997119/Wordpress/Business-Club%20Landingpage%20/5.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 70px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-percent {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997120/Wordpress/Business-Club%20Landingpage%20/7.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 70px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-megaphone {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997119/Wordpress/Business-Club%20Landingpage%20/6.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 70px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-global {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678469/Icons/worldwide.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 70px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-event {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678467/Icons/croissant.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 70px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-benefits {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678466/Icons/hand-shake.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 70px;\n
            vertical-align: middle;\n
        }\n
    \n
        .no-border-style{\n
            border: 0px solid rgba(0,0,0,.125);\n
            border-radius: 0em;\n
        }\n
    \n
        .side-border-style{\n
            border-top: 0px solid rgba(0,0,0,.125);\n
            border-bottom: 0px solid rgba(0,0,0,.125);;\n
            border-radius: 0em;\n
        }\n
    \n
        .event-links a {\n
            color: inherit; /* blue colors for links too */\n
            text-decoration: inherit; /* no underline */\n
        }\n
    \n
        .event-links a:hover {\n
            color: inherit; /* blue colors for links too */\n
            text-decoration: inherit; /* no underline */\n
        }\n
    \n
        a.link-green {\n
            color:#7AB800;\n
        }\n
    \n
        @media (min-width: 768px) {\n
            .pt-md-6,\n
            .py-md-6 {\n
                padding-top: 5rem !important;\n
            }\n
    \n
            .pr-md-6,\n
            .px-md-6 {\n
                padding-right: 5rem !important;\n
            }\n
    \n
            .pb-md-6,\n
            .py-md-6 {\n
                padding-bottom: 5rem !important;\n
            }\n
    \n
            .pl-md-6,\n
            .px-md-6 {\n
                padding-left: 5rem !important;\n
            }\n
        }\n
    \n
            .pt-md-7,\n
            .py-md-7 {\n
                padding-top: 6rem !important;\n
            }\n
    \n
            .pr-md-7,\n
            .px-md-7 {\n
                padding-right: 6rem !important;\n
            }\n
    \n
            .pb-md-7,\n
            .py-md-7 {\n
                padding-bottom: 6rem !important;\n
            }\n
    \n
            .pl-md-7,\n
            .px-md-7 {\n
                padding-left: 6rem !important;\n
            }\n
    \n
    \n
        @media (min-width: 768px) {\n
            .height-auto {\n
                height: 400px;\n
            }\n
        }\n
    \n
        @media (max-width: 400px) {\n
            .space-3 {\n
                padding-top: 2rem !important;\n
                padding-bottom: 2rem !important; }\n
        }\n
    \n
        .btn-sp-green {\n
            color: #ffff;\n
            background-color: #7ab800 ;\n
            border-color: #7ab800;\n
        }\n
    \n
        .btn-sp-green:hover {\n
            color: #ffff;\n
            background-color: #507900;\n
            border-color: #507900;\n
        }\n
    \n
        /*Timeline at "Nächste Schritte" section*/\n
    \n
        .timeline-item {\n
            padding: 0.5em 2em 0.6em;\n
            position: relative;\n
            color: rgba(0, 0, 0, 0.88);\n
            border-left: 2px solid rgba(0, 0, 0, 0.88);\n
        }\n
    \n
        .timeline-item p {\n
            font-size: 1.1rem;\n
        }\n
    \n
        .timeline-item::before {\n
            content: attr(date-is);\n
            position: absolute;\n
            left: 2em;\n
            font-weight: bold;\n
            top: 1em;\n
            display: block;\n
            font-family: 'Roboto', sans-serif;\n
            font-weight: 700;\n
            font-size: .785rem;\n
        }\n
    \n
        .timeline-item::after {\n
            width: 10px;\n
            height: 10px;\n
            display: block;\n
            top: 1em;\n
            position: absolute;\n
            left: -7px;\n
            border-radius: 10px;\n
            content: '';\n
            border: 2px solid black;\n
            background: white;\n
        }\n
    \n
        .timeline-item:last-child {\n
            border-image: linear-gradient(\n
                    to bottom,\n
                    rgba(0, 0, 0, 0.88),\n
                    rgba(0, 0, 0, 0.88))1;\n
    \n
        }\n
    \n
    \n
        /*Timeline at "Nächste Schritte" section end */\n
    \n
    \n
        /* Slideshow container */\n
    \n
        .slideshow-container {\n
            position: relative;\n
            background: #f1f1f1f1;\n
        }\n
    \n
        /* Slides */\n
    \n
        .mySlides {\n
            display: none;\n
            padding: 80px;\n
            text-align: center;\n
            background: #8cc63f;\n
        }\n
    \n
        /* Next & previous buttons */\n
        .prev, .next {\n
            cursor: pointer;\n
            position: absolute;\n
            top: 50%;\n
            width: auto;\n
            margin-top: -30px;\n
            padding: 16px;\n
            color: white;\n
            font-weight: bold;\n
            font-size: 20px;\n
            border-radius: 0 3px 3px 0;\n
            user-select: none;\n
        }\n
    \n
        /* Position the "next button" to the right */\n
        .next {\n
            position: absolute;\n
            right: 0;\n
            border-radius: 3px 0 0 3px;\n
        }\n
    \n
        /* On hover, add a black background color with a little bit see-through */\n
        .prev:hover, .next:hover {\n
            background-color: rgba(0,0,0,0.8);\n
            color: white;\n
        }\n
    \n
        /* The dot/bullet/indicator container */\n
        .dot-container {\n
            text-align: center;\n
            padding: 20px;\n
            background: #8cc63f;\n
        }\n
    \n
        /* The dots/bullets/indicators */\n
        .dot {\n
            cursor: pointer;\n
            height: 15px;\n
            width: 15px;\n
            margin: 0 2px;\n
            background-color: #bbb;\n
            border-radius: 50%;\n
            display: inline-block;\n
            transition: background-color 0.6s ease;\n
        }\n
    \n
        /* Add an italic font style to all quotes */\n
        q {\n
            font-size: 15px;\n
            font-style: italic;\n
            color: white;\n
        }\n
    \n
        /* Add a blue color to the author */\n
        .author {color: white;}\n
    \n
        /* Slideshow container end */\n
    \n
        /* Corporation Landingpage end */\n
    \n
    \n
        /* Service Partner */\n
        .partner-headline {\n
            font-size: 40px;\n
            font-weight: lighter;\n
        }\n
    \n
        .col-same-heigth img {width: 100%; height: auto;  }\n
    \n
        @media (min-width: 500px) {\n
            .container-div {\n
                display: table;\n
                border-spacing: 16px;\n
            }\n
            .col-same-heigth {\n
                display: table-cell;\n
                box-sizing: border-box;\n
                cell-spacing: 8px;\n
                padding: 0.5em;\n
                vertical-align: top\n
            }\n
    \n
    \n
        }\n
    \n
    \n
        /* Service Partner end */\n
    \n
    \n
        /*Card default*/\n
        .card-general {\n
            width: 18rem;height: 26rem;border: 2px solid #7ab800;\n
            box-shadow: 0 6px 10px rgba(0, 0, 0, 0.16), 0 0 6px rgba(0, 0, 0, 0.1);\n
            transition: .4s transform cubic-bezier(.155,1.105,.295,1.12),.4s box-shadow,.4s\n
            -webkit-transform cubic-bezier(.155,1.105,.295,1.12);\n
        }\n
        .card-general-hover:hover {transform: scale(1.04);}\n
    \n
        /*Card Header with background color and centered title*/\n
        .card-general-header {\n
            display: flex;\n
            align-items: center;\n
            text-align: left;\n
            justify-content: center;\n
            width: 100%;\n
            height: 8rem;\n
            background:  #7ab800;\n
        }\n
    \n
        /*Card Header with image*/\n
        .card-general-header-image{text-align: center;width: 100%;height: 10rem;}\n
        .card-general-header-image img {width: 100%;height: 100%;object-fit: contain;}\n
        .card-general-header-image svg {width: 100%;height: 100%;object-fit: contain;}\n
    \n
        /*Card separator*/\n
        .card-general-seperator {width: 100%;height: 0.6rem;\n
            background: linear-gradient(90deg,#7AB800 0%, #AACF61 60%, #ffffff 110%);\n
        }\n
    \n
        /*Card body default*/\n
        .card-general-body {height: 15rem; display:flex; flex-direction: column; width: 100%; overflow:hidden;}\n
        .card-general-body::-webkit-scrollbar {display: none; scrollbar-width: none;}\n
        .rounded-pill-green{background-color: #AACF61;}\n
        .rounded-pill-grey{background-color: #d7d9d4;}\n
    \n
    \n
        \n
        \n
        .card-startup {\n
            height: 20rem;\n
            background-color: #fff;\n
            border: 3px solid black;\n
            flex-wrap: wrap;\n
            display: flex;\n
            justify-content: space-between;\n
        }\n
        .card-startup-logo a {\n
            width: 100%;\n
            height: 20rem;\n
            object-fit: contain;\n
            float: left;\n
        }\n
        .card-startup-logo img {\n
            width: 100%;\n
            height: 20rem;\n
            max-height: 260px;\n
            object-fit: contain;\n
            float: left;\n
        }\n
        .card-startup-logo svg {\n
            width: 100%;\n
            height: 20rem;\n
            max-height: 260px;\n
            object-fit: contain;\n
            float: left;\n
        }\n
        .card-startup .card-name {\n
            font-size: 30px;\n
            float: left;\n
            color: black;\n
            position: relative;\n
            font-weight: bold;\n
            display: block;\n
        }\n
        .card-startup .card-content {\n
            width: 100%;\n
            height: 100%;\n
            margin:  5px 0px 0px 0px;\n
            display: flex;\n
            flex-direction: column;\n
        }\n
        .card-startup .card-content p{\n
            width: 100%;\n
            font-size: 15px;\n
            color: black;\n
            padding:  0px;\n
        }\n
        .card-place {\n
            display: inline-block;\n
            color: black;\n
            padding: 10px 0px;\n
        }\n
        .card-place img{\n
            width: 15px;\n
            height: 20px;\n
        }\n
        .card-startup-link{\n
            display: inline-block;\n
            padding: 10px 0px;\n
        }\n
        .card-startup-link img{\n
            width: 35px;\n
            height: 35px;\n
        }\n
        .card-startup-link a{\n
            color: black;\n
            font-weight: bold;\n
            padding: 0px 10px;\n
        }\n
        @media (max-width: 575px) {\n
            .card-startup {\n
                height: auto;\n
            }\n
        }\n
    \n
        \n
    \n
        .oneLineEllipsis {overflow: hidden;text-overflow: ellipsis;word-break:break-all;\n
            display: -webkit-box;-webkit-line-clamp: 1;/* number of lines to show */line-clamp: 1;\n
            -webkit-box-orient: vertical;}\n
        .twoLineEllipsis {overflow: hidden;text-overflow: ellipsis;word-break:break-all;\n
            display: -webkit-box;-webkit-line-clamp: 2;/* number of lines to show */line-clamp: 2;\n
            -webkit-box-orient: vertical;}\n
        .threeLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
            display: -webkit-box;-webkit-line-clamp: 3;/* number of lines to show */line-clamp: 3;\n
            -webkit-box-orient: vertical;}\n
        .fourLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
            display: -webkit-box;-webkit-line-clamp: 4;/* number of lines to show */line-clamp: 4;\n
            -webkit-box-orient: vertical;}\n
        .fiveLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
            display: -webkit-box;-webkit-line-clamp: 5;/* number of lines to show */line-clamp: 5;\n
            -webkit-box-orient: vertical;word-wrap:break-word;}\n
        .sixLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
            display: -webkit-box;-webkit-line-clamp: 6;/* number of lines to show */line-clamp: 6;\n
            -webkit-box-orient: vertical;word-wrap:break-word;}\n
        .xLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
            display: -webkit-box;/* number of lines to show: line-clamp: 3;-webkit-line-clamp: 3; */\n
            -webkit-box-orient: vertical;}\n
    \n
        \n
        .office-gallery {\n
            display: flex;\n
            flex-wrap: wrap;\n
            justify-content: center;\n
        }\n
    \n
        .office-gallery-row {\n
            display: flex;\n
            flex-direction: row;\n
            width: 85%;\n
        }\n
    \n
        .office-gallery-row img {\n
            width: 50%;\n
            box-sizing: border-box;\n
            padding: 10px;\n
        }\n
    \n
        .flex-container-office {\n
            display: flex;\n
            flex-direction: row;\n
        }\n
    \n
        @media (max-width: 800px) {\n
            .flex-container-office {\n
                flex-direction: column;\n
            }\n
        }\n
    \n
        .office-grid {\n
            display: grid;\n
            grid-template-columns: repeat(7, 1fr);\n
            grid-template-rows: repeat(5, 1fr);\n
            width: 100%;\n
            height: 600px;\n
            grid-gap: 10px;\n
        }\n
    \n
        .grid-item1 {\n
            background-image: url("https://images.unsplash.com/photo-1534719156993-f3c9448673bf?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=f089cfa06eb1cd7c0f654b39d8fdfd07&auto=format&fit=crop&w=1350&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 1/4;\n
            grid-row: 1/6;\n
        }\n
    \n
        .grid-item2 {\n
            background-image: url("https://images.unsplash.com/photo-1534759846116-5799c33ce22a?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=19c8355cd5aff72debf2f4720f4c7e09&auto=format&fit=crop&w=688&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 1/2;\n
            grid-row: 2/5;\n
        }\n
    \n
        .grid-item3 {\n
            background-image: url("https://images.unsplash.com/photo-1508097549463-97f74cb9a6aa?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=52c257bf60c788a1332419c74c6a8a01&auto=format&fit=crop&w=1350&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 1/5;\n
            grid-row: 5/5;\n
        }\n
    \n
        .grid-item4 {\n
            background-image: url("https://images.unsplash.com/photo-1507562534834-42ebd36b00ea?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=f712012a42c9e9d9163fd9a0c80fd66a&auto=format&fit=crop&w=1202&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 2/4;\n
            grid-row: 2/5;\n
        }\n
    \n
        .grid-item5 {\n
            background-image: url("https://images.unsplash.com/photo-1534714259038-764cb4cf1d58?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=d07ea713fcf12221034dafd8f4ffe82b&auto=format&fit=crop&w=1350&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 4/6;\n
            grid-row: 1/3;\n
        }\n
    \n
        .grid-item6 {\n
            background-image: url("https://images.unsplash.com/photo-1515694581961-1fbdb6840a5f?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=4267be6fb944c94b672e0b3ddb458286&auto=format&fit=crop&w=634&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 4/5;\n
            grid-row: 3/6;\n
        }\n
    \n
        .grid-item7 {\n
            background-image: url("https://images.unsplash.com/photo-1534703580202-6123d4189ef6?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=5478b30dec2346f00a40ab259d162068&auto=format&fit=crop&w=634&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 5/6;\n
            grid-row: 3/6;\n
        }\n
    \n
        .grid-item8 {\n
            background-image: url("https://images.unsplash.com/photo-1534743901536-d184ed4194bc?ixlib=rb-0.3.5&s=21fd4555141d93425b8ee3f80f764e69&auto=format&fit=crop&w=634&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 6/8;\n
            grid-row: 1/6;\n
        }\n
        \n
        /* TARIFE */\n
    \n
        .card-memberships {\n
            padding-bottom: 0px;\n
            border-left: 4px solid #7ab800;\n
            height: 170px;\n
            border-radius: 1.5rem;\n
            background-color: #eee;\n
            margin-bottom: 1.0rem;\n
        }\n
    \n
        .card-header-memberships {\n
            display: flex;\n
            align-items: center;\n
            text-align: left;\n
            justify-content: center;\n
            width: 100%;\n
            height: 90px;\n
            border-bottom: none;\n
            border-radius: 1.5rem;\n
        }\n
    \n
        .card-body-memberships {\n
            display: flex;\n
            align-items: center;\n
            justify-content: center;\n
            font-size: 0.9rem;\n
            line-height: 1.4;\n
            font-weight: 500;\n
            text-align: center;\n
            color: #000000;\n
        }\n
    \n
        .community_perks {\n
            border-left: 4px solid #7ab800;\n
            background-color: #eee;\n
        }\n
    \n
        .office_perks {\n
            border-top: 2px solid #ffffff;\n
            border-left: 4px solid #0680bb;\n
            background-color: #eee;\n
        }\n
    \n
        .office_perks_link {\n
            color: black;\n
            text-decoration: underline;\n
        }\n
    \n
        .memberships {\n
            margin-right: 20px;\n
            margin-left: 20px;\n
            font-size: 15px;\n
        }\n
    \n
        .memberships-headline h3{\n
            font-size: 20px;\n
        }\n
    \n
        .memberships-headline h3:after {\n
            content: " ";\n
            display: block;\n
            width: 100px;\n
            border-bottom: 2px solid #8cc63f;\n
            margin-top: 5px;\n
            margin-bottom: 10px;\n
        }\n
    \n
        /* Create four columns of equal width */\n
        .columns-memberships {\n
            float: left;\n
            width: 25%;\n
            padding: 8px;\n
        }\n
    \n
        /* Create four columns of equal width */\n
        .columns-memberships {\n
            float: left;\n
            width: 25%;\n
            padding: 8px;\n
        }\n
    \n
        /* Change the width of the three columns to 100%\n
    (to stack horizontally on small screens) */\n
        @media (max-width: 768px) {\n
            .columns-memberships {\n
                width: 100%;\n
            }\n
        }\n
    \n
        @media (max-width: 767px) {\n
            .hidden-xs {\n
                display: none !important;\n
            }\n
        }\n
    \n
        a.link-memberships {\n
            text-decoration: none;\n
            color: #7ab800;\n
        }\n
    \n
        /* Style the list */\n
        .price {\n
            list-style-type: none;\n
            border: 1px solid #eee;\n
            margin: 0;\n
            padding: 0;\n
            -webkit-transition: 0.3s;\n
            transition: 0.3s;\n
        }\n
    \n
        /* Add shadows on hover */\n
        .price:hover {\n
            box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)\n
        }\n
    \n
        /* Pricing header */\n
        .price .header {\n
            background-color: #8cc63f;\n
            color: white;\n
            font-size: 25px;\n
        }\n
    \n
        /* List items */\n
        .price li {\n
            border-bottom: 1px solid #eee;\n
            padding: 10px;\n
            text-align: center;\n
        }\n
    \n
        /* Grey list item */\n
        .price .grey {\n
            background-color: #eee;\n
            font-size: 20px;\n
        }\n
    \n
        /* Grey list item location */\n
        .price .grey_second {\n
            background-color: #eee;\n
            font-size: 14px;\n
            display: inline-flex;\n
        }\n
    \n
        /* Placeholder */\n
        .clear .clear {\n
            clear: both;\n
        }\n
    \n
    \n
        /* Grey list small item */\n
        .price .grey_small {\n
            background-color: #eee;\n
            font-size: 12px;\n
        }\n
    \n
        /* The "Sign Up" button */\n
        .button-sign-up {\n
            background-color: #8cc63f;\n
            border: none;\n
            color: white;\n
            padding: 10px 25px;\n
            text-align: center;\n
            text-decoration: none;\n
            font-size: 18px;\n
        }\n
    \n
        .memberships-top-headline {\n
            font-size: 65px;\n
        }\n
    \n
        @media (max-width: 768px) {\n
            .memberships-top-headline {\n
                font-size: 55px;\n
            }\n
        }\n
    \n
        .general-line-clamp {\n
            display            : block;\n
            display            : -webkit-box;\n
            -webkit-box-orient : vertical;\n
            position           : relative;\n
            overflow           : hidden;\n
            text-overflow      : ellipsis;\n
            padding            : 0 !important;\n
            line-height: var(--global--line-height-body,1.2) !important;\n
        }\n
    \n
        .general-line-clamp-1 {\n
            -webkit-line-clamp : 1;\n
            height             : calc(1em * var(--global--line-height-body, 1.15) * 1.6);\n
        }\n
    \n
        .general-line-clamp-2 {\n
            -webkit-line-clamp : 2;\n
            height             : calc(1em * var(--global--line-height-body, 1.15) * 2);\n
        }\n
    \n
        .general-line-clamp-3 {\n
            -webkit-line-clamp : 3;\n
            height             : calc(1em * var(--global--line-height-body, 1.15) * 3);\n
        }\n
    \n
        .general-line-clamp-4 {\n
            -webkit-line-clamp : 4;\n
            height             : calc(1em * var(--global--line-height-body, 1.15) * 4);\n
        }\n
    \n
        .general-line-clamp-5 {\n
            -webkit-line-clamp : 5;\n
            height             : calc(1em * var(--global--line-height-body, 1.15) * 5.6);\n
        }\n
    \n
        /* Geschäftsadresse Köln */\n
    \n
        .business-address .font-weight-light{\n
            font-weight: 300!important;\n
        }\n
    \n
        .business-address .intro-text {\n
            text-align: justify;\n
            max-width: 875px;\n
            margin: 3rem auto;\n
        }\n
    \n
        .business-address .intro-text p {\n
            font-size: 1.6rem;\n
            line-height: 1.7;\n
        }\n
    \n
        .business-address .placeholder-addition {\n
            height: 160px;\n
            z-index:1;\n
            position: absolute;\n
        }\n
    \n
        .business-address .panel-heading-box{\n
            background-color: #f5f5f5;\n
            width: 1045px;\n
        }\n
    \n
        .business-address .panel-heading-entry{\n
            text-decoration: none !important;\n
            color: #7ab800;\n
            cursor:pointer;\n
        }\n
    \n
        .business-address .panel-collapse-box{\n
            background-color: white;\n
            width: 1045px;\n
        }\n
    \n
    \n
    \n
    </style>\n
    \n
        <!-- additional css style definitions ends -->\n
    \n
    \n
    \n
        <style>\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
    /* Button Optimierung */\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
        display: flex;\r\n
        align-items: center;\r\n
        justify-content: center;\r\n
    }\r\n
    \r\n
    @media (max-width: 767px) {\r\n
        .custom-btn {\r\n
            font-size: 18px !important;\r\n
            padding: 10px 16px;\r\n
            height: auto;\r\n
            line-height: 1.4;\r\n
        }\r\n
    }\r\n
    \r\n
    @media (min-width: 768px) {\r\n
        .custom-btn {\r\n
            width: 50%;\r\n
            font-size: 24px;\r\n
        }\r\n
    }\r\n
    \r\n
    /* Header Styling */\r\n
    .header-section {\r\n
        margin-top: 70px;\r\n
    }\r\n
    \r\n
    .custom-layout {\r\n
        display: flex;\r\n
        justify-content: flex-start;\r\n
        align-items: flex-start;\r\n
        gap: 50px;\r\n
    }\r\n
    \r\n
    .text-section {\r\n
        max-width: 600px;\r\n
        flex: none;\r\n
    }\r\n
    \r\n
    .image-section {\r\n
        flex: none;\r\n
        max-width: 500px;\r\n
    }\r\n
    \r\n
    /* Container für Bilder auf allen Geräten */\r\n
    .image-section img {\r\n
        border-radius: 10px;\r\n
        width: 100%;\r\n
        max-width: 500px;\r\n
        height: auto;\r\n
        object-fit: cover;\r\n
    }\r\n
    \r\n
    .price-section {\r\n
        display: flex;\r\n
        justify-content: center;\r\n
        align-items: center;\r\n
        margin-top: 30px;\r\n
        margin-bottom: 20px;\r\n
        border: 2px solid #7AB800;\r\n
        padding: 20px;\r\n
        max-width: 600px;\r\n
        margin-left: auto;\r\n
        margin-right: auto;\r\n
        border-radius: 12px;\r\n
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);\r\n
        transition: all 0.3s ease-in-out;\r\n
    }\r\n
    \r\n
    .price-section:hover {\r\n
        transform: scale(1.05);\r\n
        box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);\r\n
    }\r\n
    \r\n
    @keyframes glow {\r\n
        0% {\r\n
            box-shadow: 0px 0px 10px rgba(122, 184, 0, 0.3);\r\n
        }\r\n
        50% {\r\n
            box-shadow: 0px 0px 20px rgba(122, 184, 0, 0.5);\r\n
        }\r\n
        100% {\r\n
            box-shadow: 0px 0px 10px rgba(122, 184, 0, 0.3);\r\n
        }\r\n
    }\r\n
    \r\n
    .price-section {\r\n
        border-radius: 12px;\r\n
        animation: glow 2s infinite alternate;\r\n
    }\r\n
    \r\n
    .price-button-container {\r\n
        display: flex;\r\n
        justify-content: space-between;\r\n
        width: 100%;\r\n
    }\r\n
    \r\n
    .price-button {\r\n
        display: flex;\r\n
        flex: 1;\r\n
        margin: 10px;\r\n
        font-size: 18px;\r\n
        font-weight: bold;\r\n
        padding: 12px;\r\n
        border-radius: 8px;\r\n
        text-align: center;\r\n
        text-decoration: none;\r\n
        transition: all 0.3s ease-in-out;\r\n
        align-items: center;\r\n
        justify-content: center;\r\n
        line-height: 1.4;\r\n
    }\r\n
    \r\n
    .price-button:hover {\r\n
        text-decoration: none;\r\n
    }\r\n
    \r\n
    .inquire-button {\r\n
        background-color: #7AB800;\r\n
        color: white;\r\n
    }\r\n
    \r\n
    .inquire-button:hover {\r\n
        background-color: #5F8E00;\r\n
        color: white;\r\n
    }\r\n
    \r\n
    .visit-button {\r\n
        border: 2px solid #7AB800;\r\n
        color: #7AB800;\r\n
        background-color: white;\r\n
    }\r\n
    \r\n
    .visit-button:hover {\r\n
        background-color: #7AB800;\r\n
        color: white;\r\n
        text-decoration: none;\r\n
    }\r\n
    \r\n
    @media (max-width: 768px) {\r\n
        .custom-layout {\r\n
            flex-direction: column;\r\n
            align-items: center;\r\n
            gap: 10px;\r\n
        }\r\n
    \r\n
        .text-section {\r\n
            max-width: 100%;\r\n
            text-align: center;\r\n
            margin-left: 0;\r\n
        }\r\n
    \r\n
        .image-section {\r\n
            max-width: 90%;\r\n
            margin: 0 auto;\r\n
        }\r\n
        \r\n
        .image-section img {\r\n
            width: 100%;\r\n
            max-width: 100%;\r\n
        }\r\n
    \r\n
        .price-section {\r\n
            max-width: 100%;\r\n
            margin-left: 0;\r\n
            margin-top: 30px;\r\n
            padding: 15px;\r\n
        }\r\n
        \r\n
        .price-button-container {\r\n
            flex-direction: column;\r\n
        }\r\n
        \r\n
        .price-button {\r\n
            margin: 6px;\r\n
            font-size: 16px;\r\n
            padding: 10px;\r\n
        }\r\n
        \r\n
        /* Header-Bild auf mobilen Geräten anpassen */\r\n
        .header-section .container .custom-layout .image-section img {\r\n
            max-width: 100% !important;\r\n
            width: 100% !important;\r\n
            height: auto !important;\r\n
            border-radius: 10px !important;\r\n
            overflow: hidden !important;\r\n
            padding: 0 !important;\r\n
            margin: 0 15px !important;\r\n
        }\r\n
        \r\n
        /* Reduzierte Schriftgrößen für mobile Geräte */\r\n
        h1 {\r\n
            font-size: 28px !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 {\r\n
            font-size: 16px !important;\r\n
            line-height: 1.5 !important;\r\n
        }\r\n
    \r\n
        .text-section ul {\r\n
            font-size: 16px !important;\r\n
        }\r\n
    \r\n
        .text-section ul li {\r\n
            font-size: 16px !important;\r\n
            line-height: 1.5 !important;\r\n
        }\r\n
    \r\n
        .office-info {\r\n
            font-size: 18px !important;\r\n
        }\r\n
    \r\n
        .btn, .custom-btn {\r\n
            font-size: 16px !important;\r\n
            padding: 8px 16px !important;\r\n
        }\r\n
    \r\n
        .price-section .btn {\r\n
            font-size: 14px !important;\r\n
            padding: 8px 12px !important;\r\n
        }\r\n
    }\r\n
    \r\n
    /* Galerie Styling */\r\n
    .gallery-section {\r\n
        padding: 50px 0;\r\n
        background: white;\r\n
    }\r\n
    \r\n
    .gallery-image-wrapper {\r\n
        position: relative;\r\n
        width: 100%;\r\n
        overflow: hidden;\r\n
        border-radius: 10px;\r\n
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);\r\n
        margin-bottom: 20px;\r\n
    }\r\n
    \r\n
    .gallery-image {\r\n
        width: 100%;\r\n
        height: 100%;\r\n
        object-fit: cover;\r\n
        border-radius: 10px;\r\n
        display: block;\r\n
    }\r\n
    \r\n
    .gallery-section-mobile {\r\n
        padding: 50px 0;\r\n
        background: white;\r\n
    }\r\n
    \r\n
    @media (max-width: 768px) {\r\n
        .gallery-section {\r\n
            display: none;\r\n
        }\r\n
        \r\n
        .gallery-section-mobile {\r\n
            display: none !important;\r\n
        }\r\n
    }\r\n
    \r\n
    /* Location-Styling - KORRIGIERT FÜR RICHTIGE REIHENFOLGE */\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
    /* Desktop: Text links, Bild rechts */\r\n
    @media (min-width: 769px) {\r\n
        .custom-section {\r\n
            display: flex !important;\r\n
            flex-direction: row !important;\r\n
        }\r\n
        \r\n
        .text-content {\r\n
            order: 1 !important; /* Text kommt zuerst */\r\n
            flex: 1 1 60% !important;\r\n
        }\r\n
    \r\n
        .image-content {\r\n
            order: 2 !important; /* Bild kommt nach dem Text */\r\n
            flex: 1 1 40% !important;\r\n
        }\r\n
    }\r\n
    \r\n
    /* Mobile Version (max. 768px): Text zuerst, dann Bild */\r\n
    @media (max-width: 768px) {\r\n
        .custom-section {\r\n
            flex-direction: column !important;\r\n
        }\r\n
        \r\n
        .text-content {\r\n
            order: 1 !important; /* Text kommt ZUERST */\r\n
        }\r\n
    \r\n
        .image-content {\r\n
            order: 2 !important; /* Bild kommt NACH dem Text */\r\n
            margin-top: 20px !important;\r\n
        }\r\n
        \r\n
        /* Optimierte Bildanzeige auf Mobile */\r\n
        .rounded-image {\r\n
            height: 280px !important;\r\n
        }\r\n
    }\r\n
    \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
    /* Responsive Design für Mobile */\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
        /* Mobile Optimierung für bessere Lesbarkeit */\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
        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 {\r\n
            font-size: 14px !important;\r\n
            line-height: 1.5 !important;\r\n
        }\r\n
    \r\n
        /* Optimierung für FAQ */\r\n
        .faq-question {\r\n
            font-size: 16px !important;\r\n
        }\r\n
        \r\n
        .faq-answer p {\r\n
            font-size: 14px !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
        /* Service-Leistungen Icons verkleinern */\r\n
        .col-md-3 img {\r\n
            width: 35px !important;\r\n
            margin-bottom: 8px !important;\r\n
        }\r\n
    \r\n
        .col-md-3 h4 {\r\n
            font-size: 14px !important;\r\n
            margin-bottom: 8px !important;\r\n
        }\r\n
    \r\n
        .col-md-3 p {\r\n
            font-size: 12px !important;\r\n
            line-height: 1.4 !important;\r\n
        }\r\n
    \r\n
        /* Buttons für mobile optimieren */\r\n
        .btn, .custom-btn {\r\n
            font-size: 14px !important;\r\n
            padding: 10px 16px !important;\r\n
        }\r\n
    \r\n
        .price-section .btn {\r\n
            font-size: 12px !important;\r\n
            padding: 8px 12px !important;\r\n
        }\r\n
    \r\n
        /* Kleinere Abstände zwischen Elementen */\r\n
        .office-info {\r\n
            font-size: 16px !important;\r\n
            margin-top: 15px !important;\r\n
        }\r\n
    \r\n
        /* Impressionen Caption */\r\n
        .caption {\r\n
            font-size: 12px !important;\r\n
            padding: 6px !important;\r\n
        }\r\n
    \r\n
        /* Rahmenbedingungen Cards */\r\n
        .card p {\r\n
            font-size: 12px !important;\r\n
        }\r\n
    \r\n
        .card img {\r\n
            width: 20% !important;\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
        }\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
        }\r\n
    \r\n
        .startup-image-responsive {\r\n
            width: 100%;\r\n
            max-width: 100%;\r\n
            height: auto;\r\n
        }\r\n
    \r\n
        .mobile-hidden {\r\n
            display: none !important;\r\n
        }\r\n
    }\r\n
    \r\n
    .startup-image-responsive {\r\n
        border-radius: 10px;\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
    \r\n
            /* Contact Section */\r\n
            .contact-section {\r\n
                background: #eef1f4;\r\n
                padding: 60px 0;\r\n
            }\r\n
    \r\n
            .contact-card {\r\n
                background: #ffffff;\r\n
                padding: 40px;\r\n
                border-radius: 16px;\r\n
                box-shadow: 0 4px 20px rgba(0,0,0,0.1);\r\n
                text-align: center;\r\n
                max-width: 800px;\r\n
                margin: 0 auto;\r\n
            }\r\n
    \r\n
            .contact-card h2 {\r\n
                font-size: 1.8rem;\r\n
                color: #2c3e50;\r\n
                margin-bottom: 16px;\r\n
                font-weight: 700;\r\n
            }\r\n
    \r\n
            .contact-card p {\r\n
                color: #7f8c8d;\r\n
                margin-bottom: 32px;\r\n
                font-size: 1.1rem;\r\n
                line-height: 1.6;\r\n
            }\r\n
    \r\n
            .contact-methods {\r\n
                display: flex;\r\n
                justify-content: center;\r\n
                gap: 20px;\r\n
                flex-wrap: wrap;\r\n
            }\r\n
    \r\n
            .contact-button {\r\n
                display: inline-flex !important;\r\n
                align-items: center !important;\r\n
                gap: 12px !important;\r\n
                padding: 18px 28px !important;\r\n
                border-radius: 10px !important;\r\n
                font-weight: 600 !important;\r\n
                font-size: 1.1rem !important;\r\n
                transition: all 0.3s ease !important;\r\n
                border: 2px solid #7AB800 !important;\r\n
                cursor: pointer !important;\r\n
                font-family: inherit !important;\r\n
                min-width: 200px !important;\r\n
                justify-content: center !important;\r\n
                text-decoration: none !important;\r\n
            }\r\n
    \r\n
            .contact-button.email {\r\n
                background: #7AB800 !important;\r\n
                color: #ffffff !important;\r\n
                border-color: #7AB800 !important;\r\n
            }\r\n
    \r\n
            .contact-button.email:hover {\r\n
                background: #5a8a00 !important;\r\n
                border-color: #5a8a00 !important;\r\n
                color: #ffffff !important;\r\n
                transform: translateY(-2px) !important;\r\n
                box-shadow: 0 6px 20px rgba(122, 184, 0, 0.3) !important;\r\n
                text-decoration: none !important;\r\n
            }\r\n
    \r\n
            .contact-button.phone {\r\n
                background: #ffffff !important;\r\n
                border-color: #7AB800 !important;\r\n
                color: #7AB800 !important;\r\n
            }\r\n
    \r\n
            .contact-button.phone:hover {\r\n
                background: #7AB800 !important;\r\n
                border-color: #7AB800 !important;\r\n
                color: #ffffff !important;\r\n
                transform: translateY(-2px) !important;\r\n
                box-shadow: 0 6px 20px rgba(122, 184, 0, 0.3) !important;\r\n
                text-decoration: none !important;\r\n
            }\r\n
    \r\n
            .contact-icon {\r\n
                width: 24px;\r\n
                height: 24px;\r\n
                display: flex;\r\n
                align-items: center;\r\n
                justify-content: center;\r\n
            }\r\n
    \r\n
            .contact-icon svg {\r\n
                width: 20px;\r\n
                height: 20px;\r\n
                fill: none;\r\n
                stroke: currentColor;\r\n
                stroke-width: 2;\r\n
            }\r\n
    \r\n
            /* Responsive Design */\r\n
            @media (max-width: 768px) {\r\n
                .contact-section {\r\n
                    padding: 40px 0;\r\n
                }\r\n
    \r\n
                .contact-card {\r\n
                    padding: 30px 20px;\r\n
                    margin: 0 20px;\r\n
                }\r\n
    \r\n
                .contact-card h2 {\r\n
                    font-size: 1.5rem;\r\n
                }\r\n
    \r\n
                .contact-methods {\r\n
                    flex-direction: column;\r\n
                    align-items: center;\r\n
                }\r\n
    \r\n
                .contact-button {\r\n
                    width: 100%;\r\n
                    max-width: 300px;\r\n
                    padding: 16px 24px;\r\n
                    font-size: 1rem;\r\n
                }\r\n
            }\r\n
    \r\n
            @media (max-width: 480px) {\r\n
                .contact-button {\r\n
                    min-width: auto;\r\n
                }\r\n
            }\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
    .custom-btn:hover {\r\n
        transform: scale(1.05);\r\n
        background-color: #5F8E00 !important;\r\n
        transition: all 0.3s ease-in-out;\r\n
    }\r\n
    \r\n
    /* Verbesserte mobile Optimierungen */\r\n
    @media (max-width: 768px) {\r\n
        /* Optimierung für Rahmenbedingungen-Karten */\r\n
        .card-deck .card {\r\n
            margin-bottom: 15px !important;\r\n
        }\r\n
        \r\n
        .card p {\r\n
            font-size: 14px !important;\r\n
        }\r\n
        \r\n
        /* Kleinere Icons für Rahmenbedingungen */\r\n
        .card-img-top {\r\n
            width: 15% !important;\r\n
        }\r\n
        \r\n
        /* Optimierung für 3D Room Tour */\r\n
        iframe.embed-responsive-item {\r\n
            width: 100% !important;\r\n
            height: 300px !important;\r\n
        }\r\n
        \r\n
        /* Optimierung für Impressionen Slideshow */\r\n
        .impressionen-container h2 {\r\n
            font-size: 20px !important;\r\n
        }\r\n
        \r\n
        .caption {\r\n
            font-size: 14px !important;\r\n
            padding: 8px !important;\r\n
        }\r\n
        \r\n
        /* Verbesserte Buttonabstände */\r\n
        .d-flex.justify-content-center {\r\n
            margin-bottom: 20px !important;\r\n
        }\r\n
        \r\n
        /* Optimierung für Service-Leistungen */\r\n
        .col-md-3 {\r\n
            margin-bottom: 25px !important;\r\n
        }\r\n
    }\r\n
    \r\n
    /* Extra kleine Geräte Optimierung */\r\n
    @media (max-width: 576px) {\r\n
        h1 {\r\n
            font-size: 24px !important;\r\n
        }\r\n
        \r\n
        h2 {\r\n
            font-size: 20px !important;\r\n
        }\r\n
        \r\n
        h3 {\r\n
            font-size: 18px !important;\r\n
        }\r\n
        \r\n
        p, li {\r\n
            font-size: 14px !important;\r\n
        }\r\n
        \r\n
        .btn, .custom-btn {\r\n
            font-size: 14px !important;\r\n
            padding: 8px 12px !important;\r\n
        }\r\n
        \r\n
        .office-info {\r\n
            font-size: 16px !important;\r\n
        }\r\n
        \r\n
        /* Noch kleinere Icons für sehr kleine Geräte */\r\n
        .card-img-top {\r\n
            width: 12% !important;\r\n
        }\r\n
    }\r\n
        </style>\r\n
    \r\n
    \r\n
        </section>\r\n
    \r\n
        <!-- Header -->\r\n
        <section class="header-section" 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
                                <span style="font-weight: bold; color: black;">Rent office space at STARTPLATZ Düsseldorf in your desired size</span>\r\n
                            </h1>\r\n
                            <ul style="font-size: 20px; list-style-type: none; padding-left: 0; line-height: 1.8; color: black;">\r\n
                                <li class="list-image-hook">\r\n
                                    Central location in the <span style="font-weight: bold;"> Medienhafen Düsseldorf</span>\r\n
                                </li>\r\n
                                <li class="list-image-hook">Modern, fully equipped offices</li>\r\n
                                <li class="list-image-hook">Discounts on conference rooms and workshops</li>\r\n
                                <li class="list-image-hook">Exclusive <span style="font-weight: bold;">founder's network</span> and events</li>\r\n
                                <li class="list-image-hook">All-round service: reception, mail and cleaning</li>\r\n
                            </ul>\r\n
                        </div>\r\n
                    </div>\r\n
    \r\n
                    <!-- Bildbereich -->\r\n
                    <div class="image-section">\r\n
                        <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1737547718/conference-rooms/Confi%20DUS%20new/Au%C3%9Fenansicht.jpg" alt="Bild vom STARTPLATZ Gebäude in Düsseldorf" style="max-width: 500px; border-radius: 10px;">\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
            <!-- Preisbox unterhalb des Textes -->\r\n
            <div class="price-section">\r\n
                <div style="display: flex; justify-content: space-between;">\r\n
                    <!-- Jetzt unverbindlich anfragen -->\r\n
                    <a class="btn" style="display: block; flex: 1; margin: 10px; font-size: 18px; font-weight: bold; padding: 12px; border-radius: 8px; background-color: #7AB800; color: white; text-align: center; text-decoration: none; transition: all 0.3s ease-in-out;" href="https://startplatz.typeform.com/to/TJK50L" target="_blank" rel="noopener noreferrer" onmouseover="this.style.backgroundColor='#5F8E00';" onmouseout="this.style.backgroundColor='#7AB800';">\r\n
                        Submit a non-binding inquiry!\r\n
                    </a>\r\n
    \r\n
                    <!-- Besichtigungstermin vereinbaren -->\r\n
                    <a class="btn" style="display: block; flex: 1; margin: 10px; font-size: 18px; font-weight: bold; padding: 12px; border-radius: 8px; border: 2px solid #7AB800; text-align: center; text-decoration: none; color: #7AB800; background-color: white; transition: all 0.3s ease-in-out;" href="https://calendly.com/startplatz-duesseldorf/coworker-probetag" target="_blank" rel="noopener noreferrer" onmouseover="this.style.backgroundColor='#7AB800'; this.style.color='white';" onmouseout="this.style.backgroundColor='white'; this.style.color='#7AB800';">\r\n
                        Schedule a viewing appointment\r\n
                    </a>\r\n
                </div>\r\n
            </div>\r\n
        </section>\r\n
    \r\n
    \r\n
        <!-- Gallerie 1 -->\r\n
        <section class="gallery-section-mobile">\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 src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1734512239/Offices/Duesseldorf/Havanna/_F5A4287-b.jpg" alt="Der moderne und lichtdurchflutete Büroraum Havanna" class="gallery-image"/>\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 src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1734512173/Offices/Duesseldorf/Havanna/_F5A4293-Pano-B.jpg" alt="Unser moderner Büroraum Havanna" class="gallery-image"/>\r\n
                        </div>\r\n
                    </div>\r\n
    \r\n
                </div>\r\n
            </div>\r\n
        </section>\r\n
    \r\n
    \r\n
        <!--NEU Service Leistungen-->\r\n
        <section style="padding: 40px 0;">\r\n
            <div class="container" style="background-color: #f8f9fa; padding: 40px; border-radius: 10px; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15);">\r\n
                <div class="row">\r\n
                    <div class="col-12 text-center">\r\n
                        <h2 style="font-weight: bold;">All-round service - The following service are included</h2>\r\n
                        <p style="font-size: 18px;">When you use STARTPLATZ Düsseldorf as your workspace, you also benefit from all STARTPLATZ advantages, such as:</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <div class="row pt-4">\r\n
                    <!-- Leistung 1 -->\r\n
                    <div class="col-md-3 d-flex flex-column">\r\n
                        <img src="https://v.fastcdn.co/u/5b11d3c4/63593302-0-desk-black.png" alt="Möblierte Büros" style="width: 50px; margin-bottom: 10px;">\r\n
                        <h4 style="font-weight: bold;">Furnished and air conditioned offices</h4>\r\n
                        <p>Work productively in a modern, fully equipped and air conditioned office that is ready for immediate use.</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/63593398-0-3d-building.png" alt="24/7 Zugang" style="width: 50px; margin-bottom: 10px;">\r\n
                        <h4 style="font-weight: bold;">24/7 access</h4>\r\n
                        <p>Access your office at any time – regardless the time of day or night. Flexibility is guaranteed here.</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/63593322-0-events-workshops-bla.png" alt="Meetingräume" style="width: 50px; margin-bottom: 10px;">\r\n
                        <h4 style="font-weight: bold;">Use of the meeting and conference rooms</h4>\r\n
                        <p>Modern rooms for meetings, presentations or customer discussions – professionally equipped and flexibly bookable.</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/5b11d3c4/63593406-0-man-in-office-desk-w.png" alt="Geschäftsanschrift" style="width: 50px; margin-bottom: 10px;">\r\n
                        <h4 style="font-weight: bold;">Business address and reception</h4>\r\n
                        <p>Use a prestigious business address including mail acceptance and reception service.</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/63593370-0-team-2.png" alt="Getränke-Flat" style="width: 50px; margin-bottom: 10px;">\r\n
                        <h4 style="font-weight: bold;">Work areas & equipment</h4>\r\n
                        <p>Benefit from various common areas, telephone rooms and printing and office supplies for your daily work.</p>\r\n
                    </div>\r\n
    \r\n
                    <!-- Leistung 6 -->\r\n
                    <div class="col-md-3 d-flex flex-column">\r\n
                        <img src="https://v.fastcdn.co/u/5b11d3c4/63593327-0-placeholder-filled-p.png" alt="Standort Köln" style="width: 50px; margin-bottom: 10px;">\r\n
                        <h4 style="font-weight: bold;">Use of the second location (Cologne)</h4>\r\n
                        <p>Work flexibly at another location and benefit from the advantages from both locations.</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/63593330-0-like.png" alt="Regelmäßige Reinigung" style="width: 50px; margin-bottom: 10px;">\r\n
                        <h4 style="font-weight: bold;">Cleaning service</h4>\r\n
                        <p>Our offices are cleaned regularly so that you can concentrate on your business.</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/63593304-0-memberbreakfast-blac.png" alt="Getränke-Flat" style="width: 50px; margin-bottom: 10px;">\r\n
                        <h4 style="font-weight: bold;">Coffee, tea & water flat rate</h4>\r\n
                        <p>Enjoy unlimited coffee, tea and water – perfect for productive working days.</p>\r\n
                    </div>\r\n
                 </div>\r\n
              </div>\r\n
           </div>\r\n
        </section>\r\n
    \r\n
    \r\n
        <!-- Buchungs-CTA Section -->\r\n
    \r\n
        <section style="padding: 40px 0; background-color: #eef1f4;">\r\n
        <div class="container text-center">\r\n
        <h2 style="font-size: 24px; font-weight: bold; color: black; margin-bottom: 15px;">\r\n
          All available office spaces at a glance\r\n
        </h2>\r\n
        <p style="font-size: 18px; color: #333; margin-bottom: 30px;">\r\n
          Dicsover our current office listings and find the right space for your team – in just a few clicks!\r\n
        </p>\r\n
        <div class="d-flex justify-content-center">\r\n
          <a \r\n
            class="btn custom-btn"\r\n
            style="max-width: 800px; font-size: 22px; font-weight: bold; padding: 16px; border-radius: 10px; background-color: #7AB800; color: white; text-decoration: none; transition: all 0.3s ease-in-out;"\r\n
            href="https://www.startplatz.de/bueroraeume-verfuegbarkeiten-duesseldorf/" \r\n
            target="_blank" \r\n
            rel="noopener noreferrer"\r\n
            onmouseover="this.style.backgroundColor='#5F8E00';" \r\n
            onmouseout="this.style.backgroundColor='#7AB800';"\r\n
          >\r\n
            View available offices now & make an inquiry\r\n
          </a>\r\n
        </div>\r\n
        </div>\r\n
        </section>\r\n
    \r\n
        </div>\r\n
        </div>\r\n
        </div>\r\n
        </div>\r\n
        </div>\r\n
        </div>\r\n
    \r\n
        <!--Gallerie 2-->\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
                    <!-- Drittes Bild -->\r\n
                    <div class="col-md-6 col-lg-5">\r\n
                        <div class="gallery-image-wrapper">\r\n
                            <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,h_667,q_auto,w_1000/v1722851985/Sonstige%20Bilder/duss.jpg" alt="Der Düsseldorfer Medienhafen" class="gallery-image" loading="lazy"/>\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 src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1737547716/conference-rooms/Confi%20DUS%20new/Empfangsbereich.jpg" alt="Empfangsbereich des STARTPLATZ Düsseldorf" class="gallery-image" loading="lazy"/>\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
        </section>\r\n
    \r\n
        </div>\r\n
        </div>\r\n
        </div>\r\n
        </div>\r\n
        </div>\r\n
        </div>\r\n
    \r\n
        </section>\r\n
    \r\n
    \r\n
        <!-- Fließtext -->\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
                        <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;">Rent your modern office space in Düsseldorf now</h2>\r\n
                            </div>\r\n
    \r\n
                            <div class="mb-4">\r\n
                                <h3 style="font-weight: bold; color: black; font-size: 22px; text-align: left;">Working in a dynamic environment</h3>\r\n
                                <p style="font-size: 18px; line-height: 1.6; color: #333; text-align: left;">\r\n
                                                       With an office at STARTPLATZ Düsseldorf, you get the perfect mix of your own office space and the benefits of a <a href="https://www.startplatz.de/en/coworking-duesseldorf/" target="_blank" rel="noopener noreferrer" style="color: #7AB800;">flexible coworking space.</a> Our modern offices in Düsseldorf offer you maximum flexibility, use of conference rooms, first-class facilities and access to a unique innovation ecosystem.\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;">High-quality office equipment for maximum comfort</h3>\r\n
                                <p style="font-size: 18px; line-height: 1.6; color: #333; text-align: left;">\r\n
                                                        Our offices at STARTPLATZ Düsseldorf offer you a high-quality working environment that combines productivity and comfort. Each office is equipped with ergonomic furniture, height adjustable desks and high-speed WiFi so that your team can work efficiently.\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;">All-round service for a smooth working day</h3>\r\n
                                <p style="font-size: 18px; line-height: 1.6; color: #333; text-align: left;">\r\n
                                                        Additional services such as mail and cleaning service, printer & scanner as well as free coffee and tea make your everyday office life easier and create a pleasant working atmosphere. Thanks to scalable office solutions, your workplace can adapt to your team's growth at any time. \r\n
                                                    </p>\r\n
                            </div>\r\n
    \r\n
                            <!-- Buttons -->\r\n
                            <div class="d-flex justify-content-center" style="margin-top: 30px;">\r\n
                                <a class="btn custom-btn" style="width: 100%; max-width: 600px; font-size: 24px; font-weight: bold; padding: 16px; border-radius: 8px; background-color: #7AB800; color: white; text-align: center; text-decoration: none; transition: all 0.3s ease-in-out; border: none;" href="https://startplatz.typeform.com/to/TJK50L" target="_blank" rel="noopener noreferrer" onmouseover="this.style.backgroundColor='#5F8E00';" onmouseout="this.style.backgroundColor='#7AB800';">\r\n
                                       Submit a non-binding inquiry!\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
        </section><!--Rahmenbedingungen-->\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-container-office justify-content-center">\r\n
                <div>\r\n
                    <h2 class="bold" style="text-align: center; font-size: 28px;">Conditions</h2>\r\n
                </div>\r\n
                </div>\r\n
                <div class="card-deck row justify-content-center pt-5">\r\n
                <div class="col-xl-3 col-8 card m-2" style="border-radius: 12px; display: inline-block; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); border: 2px solid #7AB800;">\r\n
                    <img class="card-img-top center-block pt-4" style="width: 25%;" src="https://res.cloudinary.com/startplatz/image/upload/v1680761968/Icons/number-1.png" alt="placeholder" />\r\n
                    <div class="p-3" style="text-align: center;">\r\n
                    <p style="font-weight: bold; font-size: 20px;">Flexible terms or durations</p>\r\n
                    <p style="font-size: 20px;">Flexible terms and a short notice period of three months provide the opportunity to expand at any time.</p>\r\n
                    </div>\r\n
                </div>\r\n
                <div class="col-xl-3 col-8 card m-2" style="border-radius: 12px; display: inline-block; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); border: 2px solid #7AB800;">\r\n
                    <img class="card-img-top center-block pt-4" style="width: 25%;" src="https://res.cloudinary.com/startplatz/image/upload/v1680762376/Icons/number-2.png" alt="placeholder" />\r\n
                    <div class="p-3" style="text-align: center;">\r\n
                    <p style="font-weight: bold; font-size: 20px;">For every team size</p>\r\n
                    <p style="font-size: 20px;">Whether for a team of 3 people or over 20 people, you will find your office in the appropriate size at STARTPLATZ.</p>\r\n
                    </div>\r\n
                </div>\r\n
                <div class="col-xl-3 col-8 card m-2" style="border-radius: 12px; display: inline-block; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); border: 2px solid #7AB800;">\r\n
                    <img class="card-img-top center-block pt-4" style="width: 25%;" src="https://res.cloudinary.com/startplatz/image/upload/v1680762377/Icons/number-3.png" alt="placeholder" />\r\n
                    <div class="p-3" style="text-align: center;">\r\n
                    <p style="font-weight: bold; font-size: 20px;">Individually adaptable</p>\r\n
                    <p style="font-size: 20px;">Do you need a permanent private team office, or just an office once a week? No problem, we adapt to your needs.</p>\r\n
                    </div>\r\n
                </div>\r\n
                </div>\r\n
            </div>\r\n
            </div>\r\n
        </div>\r\n
        </section>\r\n
    \r\n
    \r\n
        </div>\r\n
        </div>\r\n
        </div>\r\n
        </div>\r\n
        </div>\r\n
        </div>\r\n
    \r\n
    \r\n
    \r\n
    \r\n
        <!-- Hinweis Crosslinks -->\r\n
        <section style="padding: 40px 0; background-color: #eef1f4;">\r\n
            <div class="container text-center">\r\n
                <div class="d-flex justify-content-center" style="margin-bottom: 30px;">\r\n
                    <a class="btn custom-btn" style="width: 100%; max-width: 800px; font-size: 24px; font-weight: bold; padding: 16px; border-radius: 8px; background-color: #7AB800; color: white; text-align: center; text-decoration: none; transition: all 0.3s ease-in-out; border: none;" href="https://startplatz.typeform.com/to/TJK50L" target="_blank" rel="noopener noreferrer" onmouseover="this.style.backgroundColor='#5F8E00';" onmouseout="this.style.backgroundColor='#7AB800';">\r\n
                                   Submit a non-binding inquiry!\r\n
                                </a>\r\n
                </div>\r\n
                <h2 class="office-info">\r\n
                            Work productively in a fully equipped office with 24/7 access and professional infrastructure.\r\n
                        </h2>\r\n
                <h2 class="office-info">\r\n
                                You need a   \r\n
                    <a href="https://www.startplatz.de/geschaeftsanschrift-duesseldorf/" target="_blank" rel="noopener noreferrer">business address</a>\r\n
                     or flexible\r\n
                    <a href="https://www.startplatz.de/en/coworking-duesseldorf/" target="_blank" rel="noopener noreferrer">coworking</a>? Take a look at our alternatives.                        \r\n
                </h2>\r\n
            </div>\r\n
        </section>\r\n
    \r\n
    \r\n
    \r\n
        \r\n
        <!--Location-->\r\n
        <section>\r\n
            <div class="container">\r\n
                <div class="row align-items-center py-5 custom-section" 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" style="color: black; flex: 1 1 60%; order: 2;">\r\n
                        <h2 style="font-size: 28px; font-weight: bold; margin-bottom: 20px;">\r\n
    \r\n
                              Top Location in Medienhafen Düsseldorf – working in the center of innovation                       \r\n
                        </h2>\r\n
                        <div class="mb-4">\r\n
        <h3 style="font-weight: bold; font-size: 22px; margin-bottom: 10px;">Excellent connections for maximum flexibility</h3>\r\n
        <p style="font-size: 18px; line-height: 1.6;">\r\n
            Our offices at STARTPLATZ Düsseldorf are located in the Medienhafen, one of the city's most central innovation locations. Thanks to excellent transport connections to the main train station, major highways, and Düsseldorf Airport, your business remains easily accessible at all times.\r\n
                        </div>\r\n
    \r\n
                        <div>\r\n
         <h3 style="font-weight: bold; font-size: 22px; margin-bottom: 10px;">Inspiring environment for concentrated work</h3>\r\n
         <p style="font-size: 18px; line-height: 1.6;">\r\n
            You will find restaurants, cafés and shopping facilities in the surrounding area, while green recreational areas and a lake provide breaks. The prestigious <a href="https://www.startplatz.de/geschaeftsanschrift-duesseldorf/" target="_blank" rel="noopener noreferrer" style="color: #7AB800;">business address</a> in the Medienhafen strengthens your corporate image and connects you with an innovative network of startups and investors.\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" 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/63727174-0-Synnous-office-3097-.jpg" alt="Ausblick vom STARTPLATZ Düsseldorf auf den Medienhafen" class="img-fluid rounded-image" loading="lazy">\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
        </section>\r\n
    \r\n
    \r\n
    \r\n
    \r\n
        <!--Profitiere von der größten Startup Community in NRW-->\r\n
        <section>\r\n
            <div class="container">\r\n
                <div class="py-5" style="background: #f8f9fa; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 40px; margin: 40px 0;">\r\n
                    <!-- Überschrift -->\r\n
                    <div class="col-12 mb-4 text-left">\r\n
                        <h2 style="font-weight: bold; font-size: 26px; color: black;">Benefit from the largest startup community in NRW</h2>\r\n
                    </div>\r\n
    \r\n
                    <!-- Flexbox-Container für Desktop -->\r\n
                    <div class="row startup-section-layout">\r\n
                        <!-- Textbereich -->\r\n
                        <div class="col-lg-6 startup-text-section">\r\n
                            <div class="mb-4">\r\n
                                <h3 style="font-weight: bold; font-size: 22px; margin-bottom: 10px;">Huge community</h3>\r\n
                                <p style="font-size: 18px; line-height: 1.6;">\r\n
                                                            An office at STARTPLATZ gives you access to NRWs largest startup community with over 2.000 startups and contact to many freelancers, investors, agencies and corporates.\r\n
                                  </p>\r\n
                            </div>\r\n
    \r\n
                            <div class="mb-4">\r\n
                                <h3 style="font-weight: bold; font-size: 22px; margin-bottom: 10px;">Wide range of events</h3>\r\n
                                <p style="font-size: 18px; line-height: 1.6;">\r\n
                                                            Whether community events such as the startup BBQ for networking or workshops, lectures & conferences for further education: STARTPLATZ offers a wide range of event formats.\r\n
                                  </p>\r\n
                            </div>\r\n
    \r\n
                            <div class="mb-4">\r\n
                                <h3 style="font-weight: bold; font-size: 22px; margin-bottom: 10px;">Community benefits</h3>\r\n
                                <p style="font-size: 18px; line-height: 1.6;">\r\n
                                                            Benefit from many member benefits, discounts with many service providers and software tools.\r\n
                                  </p>\r\n
                            </div>\r\n
                        </div>\r\n
    \r\n
                        <!-- Bildbereich -->\r\n
                        <div class="col-lg-6 startup-image-section">\r\n
                            <div class="row startup-image-row">\r\n
                                <div class="col-6 p-2 mobile-visible">\r\n
                                    <img src="https://v.fastcdn.co/u/5b11d3c4/63584245-0-InsurTech-Week-2018-.jpg" alt="Volles Publikum bei einem Event im STARTPLATZ Konferenzraum" class="img-fluid startup-image-responsive" loading="lazy">\r\n
                                </div>\r\n
                                <div class="col-6 p-2 mobile-hidden">\r\n
                                    <img src="https://v.fastcdn.co/u/5b11d3c4/53426256-0-Rheinland-Pitch-Somm.jpg" alt="Rheinland-Pitch des STARTPLATZ Köln - Live Startup-Pitches vor Investoren und Publikum" class="img-fluid startup-image-responsive" loading="lazy">\r\n
                                </div>\r\n
                                <div class="col-6 p-2 mobile-hidden">\r\n
                                    <img src="https://v.fastcdn.co/u/5b11d3c4/61795270-0-STARTPLATZ-Atmosphe4.jpg" alt="Networking und Teambuilding im STARTPLATZ Köln - Kicker-Runde im Gemeinschaftsbereich" class="img-fluid startup-image-responsive" loading="lazy">\r\n
                                </div>\r\n
                                <div class="col-6 p-2 mobile-visible">\r\n
                                    <img src="https://v.fastcdn.co/u/5b11d3c4/61795227-0-BBQ-7.jpg" alt="Entspannte Gespräche bei Snacks und Drinks - Community Event im STARTPLATZ Köln" class="img-fluid startup-image-responsive" loading="lazy">\r\n
                                </div>\r\n
                            </div>\r\n
                        </div>\r\n
                    </div>\r\n
    \r\n
             <!-- Buttons -->\r\n
            <div class="d-flex flex-column flex-md-row justify-content-between" style="gap: 10px; margin-top: 30px;">\r\n
                <a class="btn btn-sp-green custom-btn" \r\n
                href="https://startplatz.typeform.com/to/TJK50L" \r\n
                target="_blank" \r\n
                rel="noopener noreferrer" \r\n
                style="display: block; flex: 1; margin: 10px; font-size: 22px; font-weight: bold; padding: 16px; border-radius: 10px; text-align: center; text-decoration: none; color: white; background-color: #7AB800; transition: all 0.3s ease-in-out;" \r\n
                onmouseover="this.style.backgroundColor='#5F8E00';" \r\n
                onmouseout="this.style.backgroundColor='#7AB800';">\r\n
                    Submit a non-binding inquiry!\r\n
                </a>\r\n
    \r\n
                <a class="btn btn-outline-secondary custom-btn" \r\n
                href="https://calendly.com/startplatz-duesseldorf/coworker-probetag" \r\n
                target="_blank" \r\n
                rel="noopener noreferrer" \r\n
                style="display: block; flex: 1; margin: 10px; font-size: 22px; font-weight: bold; padding: 16px; border-radius: 10px; background-color: #F8F9Fa; color: #7AB800; border: 2px solid #7AB800; text-align: center; text-decoration: none; transition: all 0.3s ease-in-out;" \r\n
                onmouseover="this.style.backgroundColor='#7AB800'; this.style.color='white';" \r\n
                onmouseout="this.style.backgroundColor='#F5F5F5'; this.style.color='#7AB800';">\r\n
                    Schedule a viewing appointment\r\n
                </a>\r\n
            </div>\r\n
    \r\n
    </section>\r\n
    \r\n
    \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" style="background: #f8f9fa; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 20px; margin: 40px 0; display: flex; flex-wrap: wrap;">\r\n
    \r\n
                    <!-- Textbereich -->\r\n
                    <div class="col-12 text-content" style="color: black; flex: 1 1 100%; order: 2;">\r\n
                        <h2 style="font-weight: bold; font-size: 26px; color: black; margin-bottom: 20px;">About STARTPLATZ</h2>\r\n
                        <p style="font-size: 18px; line-height: 1.6; color: black;">\r\n
                                            STARTPLATZ is NRWs largest startup hub and a central meeting place for the Rhineland startup scene. In addition to flexible office spaces, STARTPLATZ offers an innovative ecosystem of founders, freelancers, investors and corporates as well as a strong community of makers, experts and creative minds. As an interface between old and new economy, STARTPLATZ can look back on over 12 years of startup experience. With more than 1.200 supported startups, over 600 million euros investments in these startups, 300 Events and 35.000 visitors every year, STARTPLATZ is a driving force in the regional innovation landscape.\r\n
                                        </p>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
        </section>\r\n
    \r\n
        <!-- 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">\r\n
                            years of startup\r\n
                            <br>\r\n
                            experience\r\n
                        </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">\r\n
                            supported\r\n
                            <br>\r\n
                            startups\r\n
                        </span>\r\n
                    </div>\r\n
                    <div class="stat-item">\r\n
                        <span class="stat-background">300</span>\r\n
                        <span class="stat-label">\r\n
                            events \r\n
                            <br>\r\n
                            per year\r\n
                        </span>\r\n
                    </div>\r\n
                    <div class="stat-item">\r\n
                        <span class="stat-background">600</span>\r\n
                        <span class="stat-label">\r\n
                            Mio € investments\r\n
                            <br>\r\n
                            in our startups\r\n
                        </span>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
        </section>\r\n
    \r\n
    \r\n
    \r\n
    \r\n
    </section><!--3D Room Tour-->\r\n
    \r\n
    <section>\r\n
        <div class="container">\r\n
            <div class="row align-items-center py-5" \r\n
                 style="background: #f8f9fa; \r\n
                        box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15); \r\n
                        border-radius: 10px; \r\n
                        padding: 20px; \r\n
                        margin: 40px 0; \r\n
                        display: flex; \r\n
                        flex-wrap: wrap;">\r\n
                \r\n
                <div class="col-12 py-5">\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">\r\n
                        <iframe class="embed-responsive-item" \r\n
                                style="border: 0; border-radius: 10px; overflow: hidden;" \r\n
                                src="https://www.google.com/maps/embed?pb=!1m0!4v1502884274617!6m8!1m7!1sCAoSLEFGMVFpcFB5TmdTdElSVGVTSVZJeGk4QXNjeFpTN3UzbUcyUUtEdlVpTmY0!2m2!1d51.215805300906!2d6.7518497086903!3f234.072864736437!4f-4.90517344164563!5f0.7820865974627469" \r\n
                                width="600" \r\n
                                height="450" \r\n
                                frameborder="0" \r\n
                                allowfullscreen="allowfullscreen">\r\n
                        </iframe>\r\n
                    </div>\r\n
                </div>\r\n
                \r\n
            </div>\r\n
        </div>\r\n
    </section>\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
        Impressions – STARTPLATZ\r\n
    </h2>\r\n
    \r\n
        <div class="slideshow-container">\r\n
          <!-- Slide 1 -->\r\n
          <div class="slide active">\r\n
            <img src="https://v.fastcdn.co/u/5b11d3c4/63624092-0-Aussicht-duesseldorf.jpg" alt="View over Düsseldorf's Medienhafen" loading="lazy">\r\n
            <div class="caption">View over Düsseldorf's Medienhafen</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/v1734512174/Offices/Duesseldorf/Havanna/_F5A4298.jpg" alt="The office room Havana" loading="lazy">\r\n
            <div class="caption">The office room Havana</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/v1734512237/Offices/Duesseldorf/Havanna/_F5A4282.jpg" alt="The light flooded office LA" loading="lazy">\r\n
            <div class="caption">The light flooded office LA</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,h_667,q_auto,w_1000/v1704657208/Offices/Duesseldorf/Panama/PXL_20231117_081803608.LONG_EXPOSURE-02.ORIGINAL.jpg" alt="One of 7 meeting and conference rooms" loading="lazy">\r\n
            <div class="caption">One of 7 meeting and conference rooms</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_1000/v1677578928/Offices/Duesseldorf/Havanna/Synnous_office_2099.jpg" alt="Collaborative atmosphere" loading="lazy">\r\n
            <div class="caption">Collaborative atmosphere</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_1000/v1734512318/Offices/Duesseldorf/LA/_F5A4315.jpg" alt="Team office LA with modern equipment" loading="lazy">\r\n
            <div class="caption">Team office LA with modern equipment</div>\r\n
          </div>\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
        </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
        if (n >= slides.length) slideIndex = 0;\r\n
        if (n < 0) slideIndex = slides.length - 1;\r\n
    \r\n
        for (let i = 0; i < slides.length; i++) {\r\n
          slides[i].classList.remove("active");\r\n
        }\r\n
    \r\n
        for (let i = 0; i < dots.length; i++) {\r\n
          dots[i].classList.remove("active");\r\n
        }\r\n
    \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
      function autoSlideShow() {\r\n
        slideIndex++;\r\n
        showSlides(slideIndex);\r\n
        setTimeout(autoSlideShow, 5000);\r\n
      }\r\n
    \r\n
      document.addEventListener("DOMContentLoaded", () => {\r\n
        showSlides(slideIndex);\r\n
        autoSlideShow();\r\n
      });\r\n
    </script>\r\n
    \r\n
    \r\n
    <!-- Contact Section -->\r\n
    <section class="contact-section">\r\n
        <div class="container">\r\n
            <div class="contact-card">\r\n
                <h2>Do you have any questions about our team offices?</h2>\r\n
                <p>Then please feel free to contact us. Our team will be happy to help you:</p>\r\n
                \r\n
                <div class="contact-methods">\r\n
                    <div onclick="window.location.href='mailto:vermietung@startplatz.de'" class="contact-button email">\r\n
                        <span class="contact-icon">\r\n
                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\r\n
                                <rect x="2" y="4" width="20" height="16" rx="2" fill="none" stroke="currentColor" stroke-width="2"/>\r\n
                                <path d="m22 7-10 5L2 7" stroke="currentColor" stroke-width="2" fill="none"/>\r\n
                            </svg>\r\n
                        </span>\r\n
                        vermietung@startplatz.de\r\n
                    </div>\r\n
    \r\n
                    <div onclick="window.location.href='tel:+4922193672520'" class="contact-button phone">\r\n
                        <span class="contact-icon">\r\n
                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\r\n
                                <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/>\r\n
                            </svg>\r\n
                        </span>\r\n
                        0221 936 725 20\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
    </section>\r\n
    \r\n
    \r\n
    <!--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 – Office spaces Düsseldorf\r\n
                </h2>\r\n
                <div class="faq-accordion">\r\n
    \r\n
                    <!-- Frage 1 -->\r\n
                    <div class="faq-item">\r\n
                        <div class="faq-question">\r\n
                            <span>What does an office space at STARTPLATZ Düsseldorf cost?</span>\r\n
                            <span class="faq-icon">+</span>\r\n
                        </div>\r\n
                        <div class="faq-answer">\r\n
                            <p>\r\n
                                The prices for our office space vary depending on the office size, equipment and rental period. We offer flexible pricing models that adapt to the needs of your company. \r\n
                                <a href="https://startplatz.typeform.com/to/TJK50L" target="_blank" rel="noopener noreferrer" style="color: #7AB800;">Contact us for an individual offer and personal consultation.</a>\r\n
                            </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>Are there flexible rental models?</span>\r\n
                            <span class="faq-icon">+</span>\r\n
                        </div>\r\n
                        <div class="faq-answer">\r\n
                            <p>Yes, our rental model is as flexible as your company. Whether you're only looking for an office space for a few months or need a long term solution – we adapt to your requirements. Even if the size of your team changes, you can switch to a larger office at any time.</p>\r\n
                        </div>\r\n
                    </div>\r\n
    \r\n
                    <!-- Frage 3 -->\r\n
                    <div class="faq-item">\r\n
                        <div class="faq-question">\r\n
                            <span>Is there a minimum contract term?</span>\r\n
                            <span class="faq-icon">+</span>\r\n
                        </div>\r\n
                        <div class="faq-answer">\r\n
                            <p>No, there is no minimum contract term.</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>What services are included in the rent?</span>\r\n
                            <span class="faq-icon">+</span>\r\n
                        </div>\r\n
                        <div class="faq-answer">\r\n
                            <p>Our team offices in Düsseldorf not only offer you your own workspace, but also a wide range of included services that make your everyday office life easier. These include 24/7 access, so you can work flexibly at any time, as well as a powerful high-speed internet connection. You can also use our fully equipped conference rooms for meetings, presentations or workshops. A professional mail service and regular cleaning ensure a pleasant working atmosphere, while printers and scanners are available for you at all times. Your wellbeing is also taken care of: coffee, tea and water are free of charge for all members.</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>Can I arrange a viewing appointment?</span>\r\n
                            <span class="faq-icon">+</span>\r\n
                        </div>\r\n
                        <div class="faq-answer">\r\n
                            <p>Yes, we recommend that you arrange a viewing appointment so that you can see our modern office space and unique startup community for yourself. \r\n
                                <a href="https://calendly.com/startplatz-duesseldorf/coworker-probetag" target="_blank" rel="noopener noreferrer" style="color: #7AB800;">Simply contact us to arrange an appointment.</a>\r\n
                            </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>Are there parking spaces available on site?</span>\r\n
                            <span class="faq-icon">+</span>\r\n
                        </div>\r\n
                        <div class="faq-answer">\r\n
                            <p>Yes, a public parking lot is available opposite our building for a fee. Permanent parking spaces can also be rented in the parking garage.</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>Can I expand my office at any time?</span>\r\n
                            <span class="faq-icon">+</span>\r\n
                        </div>\r\n
                        <div class="faq-answer">\r\n
                            <p>\r\n
                                Yes! If your team grows, you can always rent a larger office or book additional workspaces in the \r\n
                                <a href="https://www.startplatz.de/en/coworking-duesseldorf/" target="_blank" rel="noopener noreferrer" style="color: #7AB800;">coworking area.</a>\r\n
                                Our scalable office solutions make it easy to adapt to new challenges.\r\n
                            </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>Is STARTPLATZ Düsseldorf easily accessible by public transportation?</span>\r\n
                            <span class="faq-icon">+</span>\r\n
                        </div>\r\n
                        <div class="faq-answer">\r\n
                            <p>Yes, the Medienhafen is very easy to reach with the 719 train line. From the Speditionsstraße stop, it is about a 5-minute walk to the STARTPLATZ office building.</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>How can I rent a team office at STARTPLATZ?</span>\r\n
                            <span class="faq-icon">+</span>\r\n
                        </div>\r\n
                        <div class="faq-answer">\r\n
                            <p>\r\n
                                Contact us by email at mitgliedschaft@startplatz.de or by phone at 0221 975 802 15 to find out more about our office space or to arrange a viewing. We will be happy to help you find the optimal solution for your company. \r\n
                                <br>\r\n
                                <a href="https://startplatz.typeform.com/to/TJK50L" target="_blank" rel="noopener noreferrer" style="color: #7AB800;">Enquire now and secure your perfect team office in Düsseldorf.</a>\r\n
                            </p>\r\n
                        </div>\r\n
                    </div>\r\n
    \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>\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="sfwdt427a7a" class="sf-toolbar sf-display-none" role="region" aria-label="Symfony Web Debug Toolbar">    <!-- START of Symfony Web Debug Toolbar --><div id="sfMiniToolbar-427a7a" class="sf-minitoolbar" data-no-turbolink data-turbo="false">    <button type="button" title="Show Symfony toolbar" id="sfToolbarMiniToggler-427a7a" accesskey="D" aria-expanded="false" aria-controls="sfToolbarMainContent-427a7a">        <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-427a7a" class="sf-toolbar-clearer"></div><div id="sfToolbarMainContent-427a7a" 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/427a7a?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-427a7a"></span>        </div>        <div class="sf-toolbar-info-piece">            <b>                <button class="sf-cancel-button" type="button" id="sfLoadCancel-427a7a" title="Cancel loading">Cancel</button>            </b>        </div>    </div></div>                                <button class="hide-button" type="button" id="sfToolbarHideButton-427a7a" title="Close Toolbar" accesskey="D" aria-expanded="true" aria-controls="sfToolbarMainContent-427a7a">        <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="393ce4bb90d5b24b011f4abf5fb792cc">/*<![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="948afad2e6d11d32f7e2490865bd8fab">    .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="393ce4bb90d5b24b011f4abf5fb792cc">/*<![CDATA[*/    (function () {        Sfjs.loadToolbar('427a7a');    })();/*]]>*/</script>\n
    </body>\n
    </html>\n
    """
  #version: "1.1"
  #statusCode: 200
  #statusText: "OK"
  #charset: "UTF-8"
}