PassthruController :: passthruAction
Request
GET Parameters
No GET parameters
POST Parameters
No POST parameters
Uploaded Files
No files were uploaded
Request Attributes
| Key | Value |
|---|---|
| _controller | "Startplatz\Bundle\WordpressIntegrationBundle\Controller\PassthruController::passthruAction" |
| _firewall_context | "security.firewall.map.context.main" |
| _route | "startplatz_wordpress_passthru" |
| _route_params | [ "path" => "teambuero-koeln/" ] |
| _security_firewall_run | "_security_main" |
| _stopwatch_token | "e95381" |
| _wordpressResponse | Symfony\Component\HttpFoundation\Response {#5132 +headers: Symfony\Component\HttpFoundation\ResponseHeaderBag {#2875 …} #content: """ <!DOCTYPE html>\n <html lang="de">\n <head>\n <!-- header-startplatz-v40.php starts -->\n <meta charset="utf-8">\n <meta name="viewport" content="width=device-width, initial-scale=1">\n \n <link rel="profile" href="http://gmpg.org/xfn/11">\n <link rel="pingback" href="https://www.startplatz.de/xmlrpc.php">\n <!-- Apple Touch Icon (180x180 auto-scales) -->\n <link rel="apple-touch-icon" href="/apple-touch-icon.png">\n <!-- Favicon -->\n \n <link rel="icon" href="/favicon.png" sizes="32x32">\n \n <script src="https://kit.fontawesome.com/30335e3531.js" crossorigin="anonymous"></script>\n \n <!-- Google tag (gtag.js) -->\n <script async src="https://www.googletagmanager.com/gtag/js?id=G-XYVL4EFW9X"></script>\n <script>\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n \n gtag('config', 'G-XYVL4EFW9X');\n </script>\n <!-- End Google tag -->\n \n <!-- Google Tag Manager -->\n <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\n new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\n j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n })(window,document,'script','dataLayer','GTM-5WTVWDT');</script>\n <!-- End Google Tag Manager -->\n \n <!-- Facebook Pixel Code -->\n <script>\n !function(f,b,e,v,n,t,s)\n {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n n.queue=[];t=b.createElement(e);t.async=!0;\n t.src=v;s=b.getElementsByTagName(e)[0];\n s.parentNode.insertBefore(t,s)}(window,document,'script',\n 'https://connect.facebook.net/en_US/fbevents.js');\n fbq('init', '380666967734105');\n fbq('track', 'PageView');\n </script>\n <noscript>\n <img height="1" width="1"\n src="https://www.facebook.com/tr?id=380666967734105&ev=PageView&noscript=1"/>\n </noscript>\n <!-- End Facebook Pixel Code -->\n \n \n <noscript>\n <img height="1" width="1" src="https://www.facebook.com/tr?id=767917863396798&ev=PageView&noscript=1"/>\n </noscript>\n \n <!-- wp_head starts -->\n <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />\n \t<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>\n \t\n \t<!-- This site is optimized with the Yoast SEO Premium plugin v26.4 (Yoast SEO v26.4) - https://yoast.com/wordpress/plugins/seo/ -->\n \t<title>Büros im Mediapark Köln: Flexibel und günstig mieten</title>\n \t<meta name="description" content="Büros in deiner Wunschgröße zu flexiblen Laufzeiten mit Rundum-Paket im STARTPLATZ Köln. Werde Teil der größten Startup-Community NRWs." />\n \t<link rel="canonical" href="https://www.staging.startplatz.de/teambuero-koeln/" />\n \t<meta property="og:locale" content="de_DE" />\n \t<meta property="og:type" content="article" />\n \t<meta property="og:title" content="Teambüro Köln" />\n \t<meta property="og:description" content="Büros in deiner Wunschgröße zu flexiblen Laufzeiten mit Rundum-Paket im STARTPLATZ Köln. Werde Teil der größten Startup-Community NRWs." />\n \t<meta property="og:url" content="https://www.staging.startplatz.de/teambuero-koeln/" />\n \t<meta property="og:site_name" content="STARTPLATZ" />\n \t<meta property="article:modified_time" content="2025-12-08T12:54:58+00:00" />\n \t<meta property="og:image" content="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775894/Offices/K%C3%B6ln/Au%C3%9Fenansicht/STARTPLATZ_Ko%CC%88ln_Au%C3%9Fenansicht14.jpg" />\n \t<meta name="twitter:label1" content="Geschätzte Lesezeit" />\n \t<meta name="twitter:data1" content="12 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/teambuero-koeln/","url":"https://www.staging.startplatz.de/teambuero-koeln/","name":"Büros im Mediapark Köln: Flexibel und günstig mieten","isPartOf":{"@id":"https://www.staging.startplatz.de/#website"},"primaryImageOfPage":{"@id":"https://www.staging.startplatz.de/teambuero-koeln/#primaryimage"},"image":{"@id":"https://www.staging.startplatz.de/teambuero-koeln/#primaryimage"},"thumbnailUrl":"https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775894/Offices/K%C3%B6ln/Au%C3%9Fenansicht/STARTPLATZ_Ko%CC%88ln_Au%C3%9Fenansicht14.jpg","datePublished":"2023-04-05T07:24:09+00:00","dateModified":"2025-12-08T12:54:58+00:00","description":"Büros in deiner Wunschgröße zu flexiblen Laufzeiten mit Rundum-Paket im STARTPLATZ Köln. Werde Teil der größten Startup-Community NRWs.","breadcrumb":{"@id":"https://www.staging.startplatz.de/teambuero-koeln/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https://www.staging.startplatz.de/teambuero-koeln/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https://www.staging.startplatz.de/teambuero-koeln/#primaryimage","url":"https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775894/Offices/K%C3%B6ln/Au%C3%9Fenansicht/STARTPLATZ_Ko%CC%88ln_Au%C3%9Fenansicht14.jpg","contentUrl":"https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775894/Offices/K%C3%B6ln/Au%C3%9Fenansicht/STARTPLATZ_Ko%CC%88ln_Au%C3%9Fenansicht14.jpg"},{"@type":"BreadcrumbList","@id":"https://www.staging.startplatz.de/teambuero-koeln/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.staging.startplatz.de/"},{"@type":"ListItem","position":2,"name":"Teambüro Köln"}]},{"@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 » Feed" href="https://www.staging.startplatz.de/feed/" />\n <link rel="alternate" type="application/rss+xml" title="STARTPLATZ » 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/75285" /><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=75285' />\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%2Fteambuero-koeln%2F" />\n <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.staging.startplatz.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.staging.startplatz.de%2Fteambuero-koeln%2F&format=xml" />\n <!-- wp_head ends -->\n \n \n <!-- Bootstrap CSS -->\n <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">\n \n <!-- Google Fonts -->\n <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap" rel="stylesheet">\n \n <!-- additional CSS based on page settings -->\n <!-- style definitions to make interim homepage similar to previous homepage\n search for\n $this->render('@StartPlatzStyleBundle/CSS/_homepage.version-2021-winter.html.twig',[]);\n -->\n <style>\n /* Event styles */\n .bg-startplatz {\n background-color: #7ab800;\n }\n \n .bg-ai-hub {\n background-color: #9632FF !important;\n }\n \n a.bg-ai-hub:hover, a.bg-ai-hub:focus,\n button.bg-ai-hub:hover,\n button.bg-ai-hub:focus {\n background-color: #b880fe !important; }\n \n \n .bg-sp-grey {\n background-color: rgba(82,84,89,0.2);\n }\n \n /* redefinition for branding purposes */\n .alert-success{\n background-color: #7ab800;\n color: white;\n }\n \n /* Coworking styles */\n .office-perks .card {\n padding-bottom: 0px;\n border-left: 4px solid #7ab800;\n height: 110px;\n border-radius:1.5rem;\n background-color: #eee;\n margin-bottom: 1.0rem;\n \n background: #eee;\n padding-bottom: 2px;\n box-shadow: none;\n font-size: 14px;\n }\n .office-perks .card:hover {\n box-shadow: none;\n }\n .office-perks .card-header {\n background: none;\n border: none;\n }\n .office-perks .card-body {\n padding-top: 0rem;\n padding: 0rem 0.8rem 0.8rem 0.8rem;\n color: #000000;\n line-height: 1.4;\n font-weight: 500;\n \n text-align: center;\n }\n \n .memberships-header h3:after {\n content: " ";\n display: block;\n width: 100px;\n border-bottom: 2px solid #8cc63f;\n margin-top: 5px;\n margin-bottom: 10px;\n }\n .center-block {\n display: block;\n margin-left: auto;\n margin-right: auto;\n }\n .faq .panel-group {\n margin-bottom: 20px;\n } \n .faq a {\n \t\tcolor: #8cc63f;\n \t}\n .faq a:hover {\n \ttext-decoration: underline;\n }\n .faq .panel {\n margin-bottom: 20px;\n background-color: #fff;\n border-radius: 4px;\n border: 1px solid transparent;\n -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);\n box-shadow: 0 1px 1px rgba(0,0,0,.05);\n }\n .faq .panel-group .panel + .panel {\n margin-top: 5px;\n }\n .faq .panel-group .panel {\n margin-bottom: 0;\n border-radius: 4px;\n }\n \t.faq .panel-default,\n \t.faq .panel.panel-default {\n border-color: #ddd;\n }\n .faq .panel-default > .panel-heading {\n color: #333;\n background-color: #f5f5f5;\n border-color: #ddd;\n }\n .faq .panel-group .panel-heading {\n border-bottom: 0;\n border-bottom-color: currentcolor;\n }\n .faq .panel-heading {\n padding: 10px 15px;\n border-bottom: 1px solid transparent;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n }\n .faq .panel-body {\n padding: 15px;\n }\n \n .col-padding {\n padding-left: 6px;\n padding-right: 0px;\n }\n .card-title {\n font-size: 20px;\n font-weight: bold;\n padding-bottom: 6px;\n }\n .card-title-events {\n font-size: 20px;\n font-weight: bold;\n padding-bottom: 6px;\n color:#7AB800;\n }\n .sp-green, .spGreen{\n color:#7AB800;\n }\n .free-access-info {\n font-weight: bold; /* Example property */\n color: #7AB800; /* Startplatz green for free access info */\n /* Additional styling as needed */\n }\n .cardsmall-title {\n font-size: 17px;\n font-weight: bold;\n margin:1px;\n }\n .card-body {\n color: #ffffff;\n padding: 10px 10px 0;\n }\n .card-body-events{\n color:black;\n padding:20px;\n }\n .card-header {\n background: #7AB800;\n min-height: 50px;\n }\n .threeLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n display: -webkit-box;-webkit-line-clamp: 3;/* number of lines to show */line-clamp: 3;\n -webkit-box-orient: vertical;}\n @media (min-width: 0px) and (max-width: 767px) {\n .card-margin-right {\n margin-left: 15px;\n margin-right: 15px;\n }\n }\n @media (min-width: 768px) and (max-width: 991px) {\n .card-margin-right {\n margin-left: 15px;\n margin-right: 15px;\n }\n }\n @media (min-width: 992px) and (max-width: 1199px) {\n .card-margin-right {\n margin-right: 15px;\n margin-left: 15px;\n }\n }\n @media (min-width: 1200px) {\n .card-margin-right {\n margin-right: 20px;\n margin-left: 15px;\n }\n }\n a.link {\n text-decoration: none;\n color: white;\n }\n .introbig {\n color: black;\n font-size: 56px;\n text-align:center;\n font-weight: bold;\n }\n .introsmall {\n color: black;\n font-size: 18px;\n text-align:center;\n text-transform: uppercase;\n }\n .introteaser {\n color: black;\n font-size: 18px;\n text-align:center;\n }\n .testimonial-name {\n font-size: 18px;\n text-align:center;\n font-weight: bold;\n }\n .text_medium {\n font-size:17px;\n margin-left: 15px;\n margin-right: 15px;\n }\n .card-footer {\n margin:10px;\n }\n .card-body {\n padding: 0 10px;\n color: #ffffff;\n }\n #quote-text {\n font-size:18px;\n }\n .bg-success {\n background-color:#7AB800!important;\n }\n \n .new-label {color:#fff;background-color:#ef5777;font-size:16px;text-transform:uppercase;padding:4px 7px;display:block;position:absolute;top:-10px;left:5px\n }\n \n .banner-title {\n font-family: 'Source Sans Pro', sans-serif;\n text-shadow: 0px 0px 7px black;\n font-size: 50px;\n font-weight: bold;\n color: white;\n }\n \n /*Corporation Landingpage*/\n \n .bold {\n font-weight: bold;\n }\n .lighter {\n font-weight: lighter;\n }\n .temp-font{\n font-family: Arial;\n }\n \n .align-middle{\n margin: auto;\n width: 8em;\n height: 8em;\n }\n \n .list-image-hook-partner {\n background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997119/Wordpress/Business-Club%20Landingpage%20/1.png") no-repeat 0px 0px transparent;\n list-style-type: none;\n margin: 0;\n padding: 0px 0px 1px 65px;\n vertical-align: middle;\n }\n \n .list-image-hook {\n background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_24/v1653997119/Wordpress/Business-Club%20Landingpage%20/1.png") no-repeat 0px 0px transparent;\n list-style-type: none;\n margin: 0;\n padding: 0px 0px 1px 55px;\n vertical-align: middle;\n }\n \n .list-image-burger {\n background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678467/Icons/business-affiliate-network.png") no-repeat 0px 0px transparent;\n list-style-type: none;\n margin: 0;\n padding: 0px 0px 1px 70px;\n vertical-align: middle;\n }\n \n .list-image-network {\n background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997119/Wordpress/Business-Club%20Landingpage%20/5.png") no-repeat 0px 0px transparent;\n list-style-type: none;\n margin: 0;\n padding: 0px 0px 1px 70px;\n vertical-align: middle;\n }\n \n .list-image-percent {\n background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997120/Wordpress/Business-Club%20Landingpage%20/7.png") no-repeat 0px 0px transparent;\n list-style-type: none;\n margin: 0;\n padding: 0px 0px 1px 70px;\n vertical-align: middle;\n }\n \n .list-image-megaphone {\n background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997119/Wordpress/Business-Club%20Landingpage%20/6.png") no-repeat 0px 0px transparent;\n list-style-type: none;\n margin: 0;\n padding: 0px 0px 1px 70px;\n vertical-align: middle;\n }\n \n .list-image-global {\n background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678469/Icons/worldwide.png") no-repeat 0px 0px transparent;\n list-style-type: none;\n margin: 0;\n padding: 0px 0px 1px 70px;\n vertical-align: middle;\n }\n \n .list-image-event {\n background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678467/Icons/croissant.png") no-repeat 0px 0px transparent;\n list-style-type: none;\n margin: 0;\n padding: 0px 0px 1px 70px;\n vertical-align: middle;\n }\n \n .list-image-benefits {\n background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678466/Icons/hand-shake.png") no-repeat 0px 0px transparent;\n list-style-type: none;\n margin: 0;\n padding: 0px 0px 1px 70px;\n vertical-align: middle;\n }\n \n .no-border-style{\n border: 0px solid rgba(0,0,0,.125);\n border-radius: 0em;\n }\n \n .side-border-style{\n border-top: 0px solid rgba(0,0,0,.125);\n border-bottom: 0px solid rgba(0,0,0,.125);;\n border-radius: 0em;\n }\n \n .event-links a {\n color: inherit; /* blue colors for links too */\n text-decoration: inherit; /* no underline */\n }\n \n .event-links a:hover {\n color: inherit; /* blue colors for links too */\n text-decoration: inherit; /* no underline */\n }\n \n a.link-green {\n color:#7AB800;\n }\n \n @media (min-width: 768px) {\n .pt-md-6,\n .py-md-6 {\n padding-top: 5rem !important;\n }\n \n .pr-md-6,\n .px-md-6 {\n padding-right: 5rem !important;\n }\n \n .pb-md-6,\n .py-md-6 {\n padding-bottom: 5rem !important;\n }\n \n .pl-md-6,\n .px-md-6 {\n padding-left: 5rem !important;\n }\n }\n \n .pt-md-7,\n .py-md-7 {\n padding-top: 6rem !important;\n }\n \n .pr-md-7,\n .px-md-7 {\n padding-right: 6rem !important;\n }\n \n .pb-md-7,\n .py-md-7 {\n padding-bottom: 6rem !important;\n }\n \n .pl-md-7,\n .px-md-7 {\n padding-left: 6rem !important;\n }\n \n \n @media (min-width: 768px) {\n .height-auto {\n height: 400px;\n }\n }\n \n @media (max-width: 400px) {\n .space-3 {\n padding-top: 2rem !important;\n padding-bottom: 2rem !important; }\n }\n \n .btn-sp-green {\n color: #ffff;\n background-color: #7ab800 ;\n border-color: #7ab800;\n }\n \n .btn-sp-green:hover {\n color: #ffff;\n background-color: #507900;\n border-color: #507900;\n }\n \n /*Timeline at "Nächste Schritte" section*/\n \n .timeline-item {\n padding: 0.5em 2em 0.6em;\n position: relative;\n color: rgba(0, 0, 0, 0.88);\n border-left: 2px solid rgba(0, 0, 0, 0.88);\n }\n \n .timeline-item p {\n font-size: 1.1rem;\n }\n \n .timeline-item::before {\n content: attr(date-is);\n position: absolute;\n left: 2em;\n font-weight: bold;\n top: 1em;\n display: block;\n font-family: 'Roboto', sans-serif;\n font-weight: 700;\n font-size: .785rem;\n }\n \n .timeline-item::after {\n width: 10px;\n height: 10px;\n display: block;\n top: 1em;\n position: absolute;\n left: -7px;\n border-radius: 10px;\n content: '';\n border: 2px solid black;\n background: white;\n }\n \n .timeline-item:last-child {\n border-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.88),\n rgba(0, 0, 0, 0.88))1;\n \n }\n \n \n /*Timeline at "Nächste Schritte" section end */\n \n \n /* Slideshow container */\n \n .slideshow-container {\n position: relative;\n background: #f1f1f1f1;\n }\n \n /* Slides */\n \n .mySlides {\n display: none;\n padding: 80px;\n text-align: center;\n background: #8cc63f;\n }\n \n /* Next & previous buttons */\n .prev, .next {\n cursor: pointer;\n position: absolute;\n top: 50%;\n width: auto;\n margin-top: -30px;\n padding: 16px;\n color: white;\n font-weight: bold;\n font-size: 20px;\n border-radius: 0 3px 3px 0;\n user-select: none;\n }\n \n /* Position the "next button" to the right */\n .next {\n position: absolute;\n right: 0;\n border-radius: 3px 0 0 3px;\n }\n \n /* On hover, add a black background color with a little bit see-through */\n .prev:hover, .next:hover {\n background-color: rgba(0,0,0,0.8);\n color: white;\n }\n \n /* The dot/bullet/indicator container */\n .dot-container {\n text-align: center;\n padding: 20px;\n background: #8cc63f;\n }\n \n /* The dots/bullets/indicators */\n .dot {\n cursor: pointer;\n height: 15px;\n width: 15px;\n margin: 0 2px;\n background-color: #bbb;\n border-radius: 50%;\n display: inline-block;\n transition: background-color 0.6s ease;\n }\n \n /* Add an italic font style to all quotes */\n q {\n font-size: 15px;\n font-style: italic;\n color: white;\n }\n \n /* Add a blue color to the author */\n .author {color: white;}\n \n /* Slideshow container end */\n \n /* Corporation Landingpage end */\n \n \n /* Service Partner */\n .partner-headline {\n font-size: 40px;\n font-weight: lighter;\n }\n \n .col-same-heigth img {width: 100%; height: auto; }\n \n @media (min-width: 500px) {\n .container-div {\n display: table;\n border-spacing: 16px;\n }\n .col-same-heigth {\n display: table-cell;\n box-sizing: border-box;\n cell-spacing: 8px;\n padding: 0.5em;\n vertical-align: top\n }\n \n \n }\n \n \n /* Service Partner end */\n \n \n /*Card default*/\n .card-general {\n width: 18rem;height: 26rem;border: 2px solid #7ab800;\n box-shadow: 0 6px 10px rgba(0, 0, 0, 0.16), 0 0 6px rgba(0, 0, 0, 0.1);\n transition: .4s transform cubic-bezier(.155,1.105,.295,1.12),.4s box-shadow,.4s\n -webkit-transform cubic-bezier(.155,1.105,.295,1.12);\n }\n .card-general-hover:hover {transform: scale(1.04);}\n \n /*Card Header with background color and centered title*/\n .card-general-header {\n display: flex;\n align-items: center;\n text-align: left;\n justify-content: center;\n width: 100%;\n height: 8rem;\n background: #7ab800;\n }\n \n /*Card Header with image*/\n .card-general-header-image{text-align: center;width: 100%;height: 10rem;}\n .card-general-header-image img {width: 100%;height: 100%;object-fit: contain;}\n .card-general-header-image svg {width: 100%;height: 100%;object-fit: contain;}\n \n /*Card separator*/\n .card-general-seperator {width: 100%;height: 0.6rem;\n background: linear-gradient(90deg,#7AB800 0%, #AACF61 60%, #ffffff 110%);\n }\n \n /*Card body default*/\n .card-general-body {height: 15rem; display:flex; flex-direction: column; width: 100%; overflow:hidden;}\n .card-general-body::-webkit-scrollbar {display: none; scrollbar-width: none;}\n .rounded-pill-green{background-color: #AACF61;}\n .rounded-pill-grey{background-color: #d7d9d4;}\n \n \n \n \n .card-startup {\n height: 20rem;\n background-color: #fff;\n border: 3px solid black;\n flex-wrap: wrap;\n display: flex;\n justify-content: space-between;\n }\n .card-startup-logo a {\n width: 100%;\n height: 20rem;\n object-fit: contain;\n float: left;\n }\n .card-startup-logo img {\n width: 100%;\n height: 20rem;\n max-height: 260px;\n object-fit: contain;\n float: left;\n }\n .card-startup-logo svg {\n width: 100%;\n height: 20rem;\n max-height: 260px;\n object-fit: contain;\n float: left;\n }\n .card-startup .card-name {\n font-size: 30px;\n float: left;\n color: black;\n position: relative;\n font-weight: bold;\n display: block;\n }\n .card-startup .card-content {\n width: 100%;\n height: 100%;\n margin: 5px 0px 0px 0px;\n display: flex;\n flex-direction: column;\n }\n .card-startup .card-content p{\n width: 100%;\n font-size: 15px;\n color: black;\n padding: 0px;\n }\n .card-place {\n display: inline-block;\n color: black;\n padding: 10px 0px;\n }\n .card-place img{\n width: 15px;\n height: 20px;\n }\n .card-startup-link{\n display: inline-block;\n padding: 10px 0px;\n }\n .card-startup-link img{\n width: 35px;\n height: 35px;\n }\n .card-startup-link a{\n color: black;\n font-weight: bold;\n padding: 0px 10px;\n }\n @media (max-width: 575px) {\n .card-startup {\n height: auto;\n }\n }\n \n \n \n .oneLineEllipsis {overflow: hidden;text-overflow: ellipsis;word-break:break-all;\n display: -webkit-box;-webkit-line-clamp: 1;/* number of lines to show */line-clamp: 1;\n -webkit-box-orient: vertical;}\n .twoLineEllipsis {overflow: hidden;text-overflow: ellipsis;word-break:break-all;\n display: -webkit-box;-webkit-line-clamp: 2;/* number of lines to show */line-clamp: 2;\n -webkit-box-orient: vertical;}\n .threeLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n display: -webkit-box;-webkit-line-clamp: 3;/* number of lines to show */line-clamp: 3;\n -webkit-box-orient: vertical;}\n .fourLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n display: -webkit-box;-webkit-line-clamp: 4;/* number of lines to show */line-clamp: 4;\n -webkit-box-orient: vertical;}\n .fiveLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n display: -webkit-box;-webkit-line-clamp: 5;/* number of lines to show */line-clamp: 5;\n -webkit-box-orient: vertical;word-wrap:break-word;}\n .sixLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n display: -webkit-box;-webkit-line-clamp: 6;/* number of lines to show */line-clamp: 6;\n -webkit-box-orient: vertical;word-wrap:break-word;}\n .xLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n display: -webkit-box;/* number of lines to show: line-clamp: 3;-webkit-line-clamp: 3; */\n -webkit-box-orient: vertical;}\n \n \n .office-gallery {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n }\n \n .office-gallery-row {\n display: flex;\n flex-direction: row;\n width: 85%;\n }\n \n .office-gallery-row img {\n width: 50%;\n box-sizing: border-box;\n padding: 10px;\n }\n \n .flex-container-office {\n display: flex;\n flex-direction: row;\n }\n \n @media (max-width: 800px) {\n .flex-container-office {\n flex-direction: column;\n }\n }\n \n .office-grid {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n grid-template-rows: repeat(5, 1fr);\n width: 100%;\n height: 600px;\n grid-gap: 10px;\n }\n \n .grid-item1 {\n background-image: url("https://images.unsplash.com/photo-1534719156993-f3c9448673bf?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=f089cfa06eb1cd7c0f654b39d8fdfd07&auto=format&fit=crop&w=1350&q=80");\n background-size: cover;\n background-position: center;\n grid-column: 1/4;\n grid-row: 1/6;\n }\n \n .grid-item2 {\n background-image: url("https://images.unsplash.com/photo-1534759846116-5799c33ce22a?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=19c8355cd5aff72debf2f4720f4c7e09&auto=format&fit=crop&w=688&q=80");\n background-size: cover;\n background-position: center;\n grid-column: 1/2;\n grid-row: 2/5;\n }\n \n .grid-item3 {\n background-image: url("https://images.unsplash.com/photo-1508097549463-97f74cb9a6aa?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=52c257bf60c788a1332419c74c6a8a01&auto=format&fit=crop&w=1350&q=80");\n background-size: cover;\n background-position: center;\n grid-column: 1/5;\n grid-row: 5/5;\n }\n \n .grid-item4 {\n background-image: url("https://images.unsplash.com/photo-1507562534834-42ebd36b00ea?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=f712012a42c9e9d9163fd9a0c80fd66a&auto=format&fit=crop&w=1202&q=80");\n background-size: cover;\n background-position: center;\n grid-column: 2/4;\n grid-row: 2/5;\n }\n \n .grid-item5 {\n background-image: url("https://images.unsplash.com/photo-1534714259038-764cb4cf1d58?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=d07ea713fcf12221034dafd8f4ffe82b&auto=format&fit=crop&w=1350&q=80");\n background-size: cover;\n background-position: center;\n grid-column: 4/6;\n grid-row: 1/3;\n }\n \n .grid-item6 {\n background-image: url("https://images.unsplash.com/photo-1515694581961-1fbdb6840a5f?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=4267be6fb944c94b672e0b3ddb458286&auto=format&fit=crop&w=634&q=80");\n background-size: cover;\n background-position: center;\n grid-column: 4/5;\n grid-row: 3/6;\n }\n \n .grid-item7 {\n background-image: url("https://images.unsplash.com/photo-1534703580202-6123d4189ef6?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=5478b30dec2346f00a40ab259d162068&auto=format&fit=crop&w=634&q=80");\n background-size: cover;\n background-position: center;\n grid-column: 5/6;\n grid-row: 3/6;\n }\n \n .grid-item8 {\n background-image: url("https://images.unsplash.com/photo-1534743901536-d184ed4194bc?ixlib=rb-0.3.5&s=21fd4555141d93425b8ee3f80f764e69&auto=format&fit=crop&w=634&q=80");\n background-size: cover;\n background-position: center;\n grid-column: 6/8;\n grid-row: 1/6;\n }\n \n /* TARIFE */\n \n .card-memberships {\n padding-bottom: 0px;\n border-left: 4px solid #7ab800;\n height: 170px;\n border-radius: 1.5rem;\n background-color: #eee;\n margin-bottom: 1.0rem;\n }\n \n .card-header-memberships {\n display: flex;\n align-items: center;\n text-align: left;\n justify-content: center;\n width: 100%;\n height: 90px;\n border-bottom: none;\n border-radius: 1.5rem;\n }\n \n .card-body-memberships {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.9rem;\n line-height: 1.4;\n font-weight: 500;\n text-align: center;\n color: #000000;\n }\n \n .community_perks {\n border-left: 4px solid #7ab800;\n background-color: #eee;\n }\n \n .office_perks {\n border-top: 2px solid #ffffff;\n border-left: 4px solid #0680bb;\n background-color: #eee;\n }\n \n .office_perks_link {\n color: black;\n text-decoration: underline;\n }\n \n .memberships {\n margin-right: 20px;\n margin-left: 20px;\n font-size: 15px;\n }\n \n .memberships-headline h3{\n font-size: 20px;\n }\n \n .memberships-headline h3:after {\n content: " ";\n display: block;\n width: 100px;\n border-bottom: 2px solid #8cc63f;\n margin-top: 5px;\n margin-bottom: 10px;\n }\n \n /* Create four columns of equal width */\n .columns-memberships {\n float: left;\n width: 25%;\n padding: 8px;\n }\n \n /* Create four columns of equal width */\n .columns-memberships {\n float: left;\n width: 25%;\n padding: 8px;\n }\n \n /* Change the width of the three columns to 100%\n (to stack horizontally on small screens) */\n @media (max-width: 768px) {\n .columns-memberships {\n width: 100%;\n }\n }\n \n @media (max-width: 767px) {\n .hidden-xs {\n display: none !important;\n }\n }\n \n a.link-memberships {\n text-decoration: none;\n color: #7ab800;\n }\n \n /* Style the list */\n .price {\n list-style-type: none;\n border: 1px solid #eee;\n margin: 0;\n padding: 0;\n -webkit-transition: 0.3s;\n transition: 0.3s;\n }\n \n /* Add shadows on hover */\n .price:hover {\n box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)\n }\n \n /* Pricing header */\n .price .header {\n background-color: #8cc63f;\n color: white;\n font-size: 25px;\n }\n \n /* List items */\n .price li {\n border-bottom: 1px solid #eee;\n padding: 10px;\n text-align: center;\n }\n \n /* Grey list item */\n .price .grey {\n background-color: #eee;\n font-size: 20px;\n }\n \n /* Grey list item location */\n .price .grey_second {\n background-color: #eee;\n font-size: 14px;\n display: inline-flex;\n }\n \n /* Placeholder */\n .clear .clear {\n clear: both;\n }\n \n \n /* Grey list small item */\n .price .grey_small {\n background-color: #eee;\n font-size: 12px;\n }\n \n /* The "Sign Up" button */\n .button-sign-up {\n background-color: #8cc63f;\n border: none;\n color: white;\n padding: 10px 25px;\n text-align: center;\n text-decoration: none;\n font-size: 18px;\n }\n \n .memberships-top-headline {\n font-size: 65px;\n }\n \n @media (max-width: 768px) {\n .memberships-top-headline {\n font-size: 55px;\n }\n }\n \n .general-line-clamp {\n display : block;\n display : -webkit-box;\n -webkit-box-orient : vertical;\n position : relative;\n overflow : hidden;\n text-overflow : ellipsis;\n padding : 0 !important;\n line-height: var(--global--line-height-body,1.2) !important;\n }\n \n .general-line-clamp-1 {\n -webkit-line-clamp : 1;\n height : calc(1em * var(--global--line-height-body, 1.15) * 1.6);\n }\n \n .general-line-clamp-2 {\n -webkit-line-clamp : 2;\n height : calc(1em * var(--global--line-height-body, 1.15) * 2);\n }\n \n .general-line-clamp-3 {\n -webkit-line-clamp : 3;\n height : calc(1em * var(--global--line-height-body, 1.15) * 3);\n }\n \n .general-line-clamp-4 {\n -webkit-line-clamp : 4;\n height : calc(1em * var(--global--line-height-body, 1.15) * 4);\n }\n \n .general-line-clamp-5 {\n -webkit-line-clamp : 5;\n height : calc(1em * var(--global--line-height-body, 1.15) * 5.6);\n }\n \n /* Geschäftsadresse Köln */\n \n .business-address .font-weight-light{\n font-weight: 300!important;\n }\n \n .business-address .intro-text {\n text-align: justify;\n max-width: 875px;\n margin: 3rem auto;\n }\n \n .business-address .intro-text p {\n font-size: 1.6rem;\n line-height: 1.7;\n }\n \n .business-address .placeholder-addition {\n height: 160px;\n z-index:1;\n position: absolute;\n }\n \n .business-address .panel-heading-box{\n background-color: #f5f5f5;\n width: 1045px;\n }\n \n .business-address .panel-heading-entry{\n text-decoration: none !important;\n color: #7ab800;\n cursor:pointer;\n }\n \n .business-address .panel-collapse-box{\n background-color: white;\n width: 1045px;\n }\n \n \n \n </style>\n \n <!-- additional css style definitions ends -->\n \n <style type="text/css">\n body {\n padding-top: 50px;\n font-family: 'Source Sans Pro', sans-serif;\n }\n </style>\n \n <!-- header-startplatz-v40.php ends -->\n \n <!-- Custom CSS per page (after Bootstrap) -->\n </head>\n \n \n <body id="top" >\n <!-- Google Tag Manager (noscript) -->\n <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5WTVWDT"\n height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>\n <!-- End Google Tag Manager (noscript) -->\n \n <!-- X STARTPLATZ content4.0 part -->\n <!-- menu starts -->\n \n \n <style>\n \n \n #imgNav {\n height: 45px;\n width: 45px;\n \n }\n #imgNav img {\n object-fit: cover;\n }\n \n .navbar-collapse .navbar-nav .nav-item a:hover {\n background-color: #aacf61ff;\n color: #000000;\n border-radius: 5px;\n \n }\n \n .logo {\n font-weight: bolder;\n font-size: 1.5rem;\n }\n \n .navbar-nav .nav-item .dropdown-menu {\n border: none;\n background-color: #eae9e9;\n }\n \n #userNamePlaceHolder {\n background-color: rgba(170, 207, 97, 0.6);\n }\n .navbar-nav .nav-item .dropdown-menu a:hover {\n border-radius: 0;\n \n }\n \n \n .navbar-nav .nav-item .loginlink {\n background-color:#aacf61ff;\n }\n .navbar-collapse .navbar-nav .nav-item .loginlink:hover {\n background-color:#7ab800;\n }\n \n @media all and (min-width: 992px) {\n .navbar .dropdown-menu-end{ right:0; left: auto; }\n .navbar .nav-item .dropdown-menu{ display:block; opacity: 0; visibility: hidden; transition:.1s; margin-top:0; }\n .navbar .nav-item:hover .nav-link{ color: #000000; }\n .navbar .dropdown-menu.fade-down {\n top:80%; transform: rotateX(-75deg); transform-origin: 0 0;\n }\n .navbar .dropdown-menu.fade-up{ top:180%; }\n .navbar .nav-item:hover .dropdown-menu{transition: 0.1s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }\n }\n @media (max-width: 768px ) {\n .collapse {\n height: 100vh;\n transition: 0.5s; opacity: 1; visibility: visible; top: 100%; transform: rotateX(0deg);\n }\n \n \n }\n \n .highlight {\n border-bottom: 3px solid #AACF61;\n }\n \n .padding-bottom {\n padding-bottom: 2px;\n }\n </style>\n \n <style>\n .ai-hub-link:hover {\n color: black; /* Textfarbe beim Hover */\n }\n </style>\n \n \n \n <nav class="navbar navbar-dark bg-dark navbar-expand-lg fixed-top shadow-lg padding-bottom d-flex justify-content-lg-center">\n <a class="logo navbar-brand text-center mr-2 mr-lg-4" href="https://www.startplatz.de" rel="tooltip" title="Home for the innovative people in Rheinland" data-placement="bottom" >\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,w_107/v1614775778/logos/STARTPLATZ_Logos/STARTPLATZ_Logo_wei%C3%9F.png" class="p-0 m-0">\n </a>\n \n <button class="navbar-toggler " type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navbarSupportedContent-3" aria-expanded="false" aria-label="Toggle navigation">\n <span class="navbar-toggler-icon"></span>\n </button>\n \n <div class="collapse navbar-collapse mt-1" id="navigation" style="font-size: 0.9rem; max-width:920px" >\n <ul class="navbar-nav mr-3">\n \n <li class="nav-item active mb-2 mt-2 mr-1 ml-0 mr-2">\n <a class="nav-link px-2" style="background-color: rgba(142,86,255,1.0); border-radius: 10px; min-width:75px; display: inline-block; text-align: center;" href="https://startplatz-ai-hub.de">\n AI Hub\n </a>\n </li>\n \n <li class="nav-item dropdown active mt-2 mr-2">\n <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n Startups\n </a>\n <div class="dropdown-menu dropdown-menu-left" aria-labelledby="navbarDropdownMenuLink">\n <hr class="my-2 mx-3">\n <a class="dropdown-item" href="/memberships">\n Memberships\n </a>\n <hr class="my-2 mx-3">\n <a class="dropdown-item" href="/accelerator/">\n Accelerator\n </a>\n <a class="dropdown-item" href="https://www.rheinlandpitch.de">\n Rheinland Pitch\n </a>\n <a class="dropdown-item" href="/gruendungsstipendium-nrw/">\n Gründungsstipendium NRW\n </a>\n \n </div>\n </li>\n \n \n <li class="nav-item dropdown active mt-2 mr-2\n ">\n <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n Unternehmen\n </a>\n <div class="dropdown-menu dropdown-menu-left" aria-labelledby="navbarDropdownMenuLink">\n <a class="dropdown-item" href="/fuer-unternehmen">\n Innovation & Partnerschaften\n </a>\n <a class="dropdown-item" href="/ki-weiterbildungen">\n KI-Weiterbildung\n </a>\n </div>\n </li>\n \n <li class="nav-item dropdown active mt-2 mr-2">\n <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n Büros / Coworking\n </a>\n <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">\n <a class="dropdown-item" href="/teambuero-koeln">\n Büros in Köln\n </a>\n <a class="dropdown-item" href="/teambuero-duesseldorf">\n Büros in Düsseldorf\n </a>\n <a class="dropdown-item" href="/coworking-koeln">\n Coworking in Köln\n </a>\n <a class="dropdown-item" href="/coworking-duesseldorf">\n Coworking in Düsseldorf\n </a>\n <a class="dropdown-item" href="/geschaeftsanschrift-koeln">\n Geschäftsadresse Köln\n </a>\n <a class="dropdown-item" href="/geschaeftsanschrift-duesseldorf">\n Geschäftsadresse Düsseldorf\n </a>\n </div>\n </li>\n \n \n <li class="nav-item dropdown active mt-2 mr-2">\n <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n Konferenzräume\n </a>\n <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">\n <a class="dropdown-item" href="/koeln-tagungsraeume-und-konferenzraeume">\n Konferenzräume in Köln\n </a>\n <a class="dropdown-item" href="/duesseldorf-tagungsraeume-und-konferenzraeume">\n Konferenzräume in Düsseldorf\n </a>\n \n </div>\n </li>\n \n \n <li class="nav-item active mt-2 mr-2\n ">\n <a href="/events" class="nav-link px-2">\n Events\n </a>\n </li>\n \n \n <li class="nav-item dropdown active mt-2 mr-2\n ">\n <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n Über uns\n </a>\n <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">\n <a class="dropdown-item" href="/presse">\n Über STARTPLATZ\n </a>\n <a class="dropdown-item" href="/standorte">\n Standorte\n </a>\n <a class="dropdown-item" href="/startplatz-team">\n STARTPLATZ Team\n </a>\n <a class="dropdown-item" href="/partner">\n Partner\n </a>\n <a class="dropdown-item" href="/startups">\n Unsere Startups\n </a>\n <a class="dropdown-item" href="/referenzen">\n Referenzen\n </a>\n <a class="dropdown-item" href="/karriere">\n Karriere\n </a>\n \n </div>\n </li>\n \n <li class="nav-item active mt-2 mr-2">\n <a class="nav-link px-2" href="/blog">\n Blog\n </a>\n </li>\n \n <li class="nav-item mt-2 mr-2">\n <link href="https://fonts.googleapis.com/icon?family=Material+Icons%7CMaterial+Icons+Outlined" rel="stylesheet">\n <li class="nav-item dropdown active mt-2 mr-2">\n <a href="#" class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n <span class="material-icons-outlined" style="font-size:20px; vertical-align: bottom; color:white">\n language\n </span>\n </a>\n <div class="dropdown-menu" style="width:70px; min-width:70px;" aria-labelledby="navbarDropdownMenuLink">\n <a class="dropdown-item" href="/">\n <img src="/bundles/startplatzstyle/images/german_language.png" height="20px;" alt="Deutsch">\n </a>\n \n <a class="dropdown-item" href="/en/offices-cologne">\n <img src="/bundles/startplatzstyle/images/english_language.png" height="20px;" alt="English">\n </a>\n \n <a class="dropdown-item" href="/fr/bureaux-cologne">\n <img src="/bundles/startplatzstyle/images/french_language.png" height="20px;" alt="Français">\n </a>\n </div>\n </li>\n </li>\n \n <li class="nav-item active p-0 m-0 ml-lg-4 mt-2">\n <a class="nav-link px-3"\n style="background-color:#7ab800; border-radius: 5px;"\n href="/login/">\n Login\n </a>\n </li>\n </ul>\n </div>\n </nav>\n \n <!-- homepage nav.homepage.bootstrap4 ends -->\n <!-- menu ends -->\n \n \n <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 /* 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 \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 \r\n \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 \r\n \r\n \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;">Büroräume</span>\r\n im STARTPLATZ Köln\r\n \r\n <span style="color: black;">in deiner Wunschgröße mieten</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 Zentrale Lage im \r\n <span style="font-weight: bold;">Mediapark Köln</span>\r\n </li>\r\n <li class="list-image-hook">Voll ausgestattete und klimatisierte Büros</li>\r\n <li class="list-image-hook">Rabatt auf Konferenzräume und Workshops</li>\r\n <li class="list-image-hook">Exklusives <span style="font-weight: bold;">Gründernetzwerk</span> und Veranstaltungen</li>\r\n <li class="list-image-hook">Rundum-Service: Empfang, Post & Reinigung</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_800/v1614775894/Offices/K%C3%B6ln/Au%C3%9Fenansicht/STARTPLATZ_Ko%CC%88ln_Au%C3%9Fenansicht14.jpg" alt="Bild vom STARTPLATZ Gebäude" style="max-width: 100%; border-radius: 10px;">\r\n </div>\r\n </div>\r\n \r\n <!-- Preisbox mit drei Buttons nebeneinander - BREITER -->\r\n <div class="price-section" style="max-width: 900px;">\r\n <div class="price-button-container">\r\n <!-- NEU: Verfügbare Räume Button MIT HOVER -->\r\n <a class="price-button visit-button" href="https://www.startplatz.de/bueroraeume-verfuegbarkeiten-koeln/" target="_blank" rel="noopener noreferrer">\r\n Verfügbare Büroräume ansehen\r\n </a>\r\n \r\n <!-- Jetzt unverbindlich anfragen -->\r\n <a class="price-button inquire-button" href="https://startplatz.typeform.com/to/uHoEWY1e" target="_blank" rel="noopener noreferrer">\r\n Jetzt unverbindlich anfragen!\r\n </a>\r\n \r\n <!-- Besichtigungstermin vereinbaren -->\r\n <a class="price-button visit-button" href="https://calendly.com/johannes-graef/startplatz-besichtigung" target="_blank" rel="noopener noreferrer">\r\n Besichtigungstermin vereinbaren\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n \r\n \r\n \r\n <!-- Service Leistungen-->\r\n \r\n <section style="padding: 40px 0;">\r\n <div class="container" style="background-color: #f8f9fa; padding: 40px; border-radius: 10px; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15);">\r\n <div class="row">\r\n <div class="col-12 text-center">\r\n <h2 style="font-weight: bold;">Rundum Service - Folgende Leistungen sind inbegriffen</h2>\r\n <p style="font-size: 18px;">Wenn du den STARTPLATZ Köln als deinen Workspace nutzt, profitierst du zusätzlich von allen STARTPLATZ Vorteilen, wie z.B:</p>\r\n </div>\r\n </div>\r\n \r\n <div class="row pt-4">\r\n <!-- Leistung 1 -->\r\n <div class="col-md-3 d-flex flex-column">\r\n <img src="https://v.fastcdn.co/u/5b11d3c4/63593302-0-desk-black.png" alt="Möblierte Büros" style="width: 50px; margin-bottom: 10px;">\r\n <h4 style="font-weight: bold;">Möblierte und klimatisierte Büros</h4>\r\n <p>Arbeite produktiv in einem modernen, voll ausgestatteten und klimatisierten Büro, das sofort einsatzbereit ist.</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 Zugang</h4>\r\n <p>Greife jederzeit auf dein Büro zu – unabhängig von Tages- oder Nachtzeit. Flexibilität ist hier garantiert.</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;">Nutzung der Meeting- & Konferenzräume</h4>\r\n <p>Moderne Räume für Meetings, Präsentationen oder Kundengespräche – professionell ausgestattet und flexibel buchbar.</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;">Geschäftsanschrift und Empfang</h4>\r\n <p>Nutze eine repräsentative Geschäftsadresse inklusive Postannahme und Empfangsservice.</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;">Arbeitsbereiche & Ausstattung</h4>\r\n <p>Profitiere von verschiedenen Aufenthaltsbereichen, Telefonräumen sowie Druck- und Bürobedarf für deine tägliche Arbeit.</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="Drucker & Bürobedarf" style="width: 50px; margin-bottom: 10px;">\r\n <h4 style="font-weight: bold;">Nutzung des zweiten Standorts (Düsseldorf)</h4>\r\n <p>Arbeite flexibel an einem weiteren Standort und nutze die Vorteile beider 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="Standort Düsseldorf" style="width: 50px; margin-bottom: 10px;">\r\n <h4 style="font-weight: bold;">Reinigungsservice</h4>\r\n <p>Unsere Büros werden regelmäßig gereinigt, damit du dich auf dein Business konzentrieren kannst.</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="Flexible Arbeitsplätze" style="width: 50px; margin-bottom: 10px;">\r\n <h4 style="font-weight: bold;">Kaffee-, Tee- & Wasserflat</h4>\r\n <p>Genieße unbegrenzt Kaffee, Tee und Wasser – perfekt für produktive Arbeitstage.</p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n \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 Alle verfügbaren Büroräume auf einen Blick\r\n </h2>\r\n <p style="font-size: 18px; color: #333; margin-bottom: 30px;">\r\n Entdecke unsere aktuellen Büroangebote und finde den passenden Raum für dein Team – mit nur wenigen Klicks!\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-koeln/" \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 Jetzt verfügbare Räume ansehen & anfragen\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 </section>\r\n \r\n \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,w_800/v1733929315/Offices/K%C3%B6ln/Sydney/dba-2030.jpg" alt="Der Büroraum Sydney mit moderner Austattung" 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_800/v1733929388/Offices/K%C3%B6ln/Hongkong/dba-2037.jpg" alt="Der Büroraum Hongkong" 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 </section>\r\n \r\n \r\n \r\n <!-- Fließtext -->\r\n \r\n <section style="padding: 40px 0;">\r\n <div class="container">\r\n <div class="row">\r\n <div class="col-12">\r\n <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;">Miete dir jetzt deinen modernen Büroraum in Köln</h2>\r\n </div>\r\n \r\n <div class="mb-4">\r\n <h3 style="font-weight: bold; color: black; font-size: 22px; text-align: left;">Arbeiten in einem dynamischen Umfeld</h3>\r\n <p style="font-size: 18px; line-height: 1.6; color: #333; text-align: left;">\r\n Mit einem Büro im STARTPLATZ Köln erhältst du die perfekte Mischung aus einem eigenen Büroraum und den Vorteilen eines <a href="https://www.startplatz.de/coworking-koeln/" target="_blank" rel="noopener noreferrer" style="color: #7AB800;">flexiblen Coworking Spaces.</a> Unsere modernen Büros in Köln bieten dir maximale Flexibilität, Nutzung der Konferenzräume, eine erstklassige Ausstattung und Zugang zu einem einzigartigen Innovations-Ökosystem.\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;">Hochwertige Büroausstattung für maximalen Komfort</h3>\r\n <p style="font-size: 18px; line-height: 1.6; color: #333; text-align: left;">\r\n Unsere Büroräume im STARTPLATZ Köln bieten dir eine hochwertige Arbeitsumgebung, die Produktivität und Komfort vereint. Jedes Büro ist mit ergonomischen Möbeln, höhenverstellbaren Schreibtischen und High-Speed WLAN ausgestattet, sodass dein Team effizient arbeiten kann.\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;">Rundum Service für einen reibungslosen Arbeitsalltag</h3>\r\n <p style="font-size: 18px; line-height: 1.6; color: #333; text-align: left;">\r\n Zusätzliche Services wie Post und Reinigungsservice, Drucker & Scanner sowie kostenloser Kaffe und Tee erleichtern deinen Büroalltag und schaffen eine angenehme Arbeitsatmosphäre. Dank skalierbarer Bürolösungen passt sich dein Arbeitsplatz jederzeit an dein Teamwachstum an. \r\n </p>\r\n </div>\r\n \r\n <!-- Buttons mit Abstand und responsive Anpassung -->\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/uHoEWY1e" target="_blank" rel="noopener noreferrer" onmouseover="this.style.backgroundColor='#5F8E00';" onmouseout="this.style.backgroundColor='#7AB800';">\r\n Jetzt unverbindlich anfragen!\r\n </a>\r\n </div>\r\n </section>\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;">Rahmenbedingungen</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 Laufzeiten</p>\r\n <p style="font-size: 20px;">Flexible Laufzeiten und eine kurze Kündigungsfrist von drei Monaten bieten die Möglichkeit sich jederzeit zu vergrößern.</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;">Für jede Teamgröße</p>\r\n <p style="font-size: 20px;">Ob für ein Team mit 3 Personen, oder über 20 Personen, im STARTPLATZ findest du dein Büro in der passenden Größe.</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;">Individuell anpassbar</p>\r\n <p style="font-size: 20px;">Du benötigst dauerhaft ein eigenes Teambüro, oder doch lediglich einmal die Woche ein Büro? Kein Problem, wir passen uns deinen Bedürfnissen an.</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 </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 \r\n <!-- Hinweis Crosslinks -->\r\n \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/uHoEWY1e" target="_blank" rel="noopener noreferrer" onmouseover="this.style.backgroundColor='#5F8E00';" onmouseout="this.style.backgroundColor='#7AB800';">\r\n Jetzt unverbindlich anfragen!\r\n </a>\r\n </div>\r\n <h2 class="office-info">\r\n Arbeite produktiv in einem voll ausgestatteten Büro mit 24/7-Zugang und professioneller Infrastruktur.\r\n </h2>\r\n <h2 class="office-info">\r\n Du brauchst eine \r\n <a href="https://www.startplatz.de/geschaeftsanschrift-koeln/" target="_blank" rel="noopener noreferrer">Geschäftsadresse</a>\r\n oder flexibles\r\n <a href="https://www.startplatz.de/coworking-koeln/" target="_blank" rel="noopener noreferrer">Coworking</a>? Schau dir unsere Alternativen an. \r\n </h2>\r\n </div>\r\n </section>\r\n \r\n \r\n \r\n \r\n \r\n <!--Location-->\r\n \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-Lage im <span style="font-weight: bold;">Mediapark Köln</span> – Arbeiten im Zentrum der Innovation \r\n </h2>\r\n <div class="mb-4">\r\n <h3 style="font-weight: bold; font-size: 22px; margin-bottom: 10px;">Exzellente Anbindung für maximale Erreichbarkeit</h3>\r\n <p style="font-size: 18px; line-height: 1.6;">\r\n Das STARTPLATZ Büro Köln liegt im Mediapark, einem der führenden Geschäfts- und Innovationsstandorte der Stadt. Dank der zentralen Lage erreichst du den Hauptbahnhof in wenigen Minuten, während die Autobahnen A1 und A57 eine schnelle Anbindung mit dem Auto ermöglichen. Auch der Flughafen Köln/Bonn ist nur 20 Minuten entfernt, sodass du jederzeit flexibel und bestens vernetzt bist.\r\n </div>\r\n \r\n <div>\r\n <h3 style="font-weight: bold; font-size: 22px; margin-bottom: 10px;">Inspirierende Umgebung für konzentriertes Arbeiten</h3>\r\n <p style="font-size: 18px; line-height: 1.6;">\r\n In der Umgebung findest du Restaurants, Cafés und Einkaufsmöglichkeiten, während grüne Erholungsflächen und ein See für Pausen sorgen. Die <a href="https://www.startplatz.de/geschaeftsanschrift-koeln/" target="_blank" rel="noopener noreferrer" style="color: #7AB800;">repräsentative Geschäftsadresse</a> im Mediapark stärkt dein Unternehmensimage und verbindet dich mit einem innovativen Netzwerk aus Startups und Investoren.\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/53227341-0-Corona-projektbuero-.JPG" alt="Ausblick vom STARTPLATZ Köln auf den Mediapark" 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 <!--Profitiere von der größten Startup Community in NRW-->\r\n \r\n <section>\r\n <div class="container">\r\n <div class="py-5" style="background: #f8f9fa; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 40px; margin: 40px 0;">\r\n <!-- Überschrift -->\r\n <div class="col-12 mb-4 text-left">\r\n <h2 style="font-weight: bold; font-size: 26px; color: black;">Profitiere von der größten Startup Community in NRW</h2>\r\n </div>\r\n \r\n <!-- Flexbox-Container für Desktop -->\r\n <div class="row startup-section-layout">\r\n <!-- Textbereich -->\r\n <div class="col-lg-6 startup-text-section">\r\n <div class="mb-4">\r\n <h3 style="font-weight: bold; font-size: 22px; margin-bottom: 10px;">Riesige Community</h3>\r\n <p style="font-size: 18px; line-height: 1.6;">\r\n Erhalte mit einem Büro im STARTPLATZ Zugang zur größten Startup Community NRWs mit über 2.000 Startups und Kontakt zu vielen Freelancern, Investoren, Agenturen und Corporates.\r\n </p>\r\n </div>\r\n \r\n <div class="mb-4">\r\n <h3 style="font-weight: bold; font-size: 22px; margin-bottom: 10px;">Reichhaltiges Eventangebot</h3>\r\n <p style="font-size: 18px; line-height: 1.6;">\r\n Ob Community-Events wie das Startup BBQ zur Vernetzung oder Workshops, Vorträge & Konferenzen zur Weiterbildung: Im STARTPLATZ gibt es eine Vielzahl an Eventformaten.\r\n </p>\r\n </div>\r\n \r\n <div class="mb-4">\r\n <h3 style="font-weight: bold; font-size: 22px; margin-bottom: 10px;">Community Benefits</h3>\r\n <p style="font-size: 18px; line-height: 1.6;">\r\n Profitiere von vielen Member Benefits, Vergünstigungen bei vielen Service-Anbietern und Software-Tools.\r\n </p>\r\n </div>\r\n </div>\r\n \r\n <!-- Bildbereich -->\r\n <div class="col-lg-6 startup-image-section">\r\n <div class="row startup-image-row">\r\n <div class="col-6 p-2 mobile-visible">\r\n <img src="https://v.fastcdn.co/u/5b11d3c4/63584245-0-InsurTech-Week-2018-.jpg" alt="Volles Publikum bei einem Event im STARTPLATZ Konferenzraum" class="img-fluid startup-image-responsive" loading="lazy">\r\n </div>\r\n <div class="col-6 p-2 mobile-hidden">\r\n <img src="https://v.fastcdn.co/u/5b11d3c4/53426256-0-Rheinland-Pitch-Somm.jpg" alt="Rheinland-Pitch des STARTPLATZ Köln - Live Startup-Pitches vor Investoren und Publikum" class="img-fluid startup-image-responsive" loading="lazy">\r\n </div>\r\n <div class="col-6 p-2 mobile-hidden">\r\n <img src="https://v.fastcdn.co/u/5b11d3c4/61795270-0-STARTPLATZ-Atmosphe4.jpg" alt="Networking und Teambuilding im STARTPLATZ Köln - Kicker-Runde im Gemeinschaftsbereich" class="img-fluid startup-image-responsive" loading="lazy">\r\n </div>\r\n <div class="col-6 p-2 mobile-visible">\r\n <img src="https://v.fastcdn.co/u/5b11d3c4/61795227-0-BBQ-7.jpg" alt="Entspannte Gespräche bei Snacks und Drinks - Community Event im STARTPLATZ Köln" class="img-fluid startup-image-responsive" loading="lazy">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n <!-- Buttons -->\r\n <div class="d-flex flex-column flex-md-row justify-content-between" style="gap: 10px; margin-top: 30px;">\r\n <a class="btn btn-sp-green custom-btn" \r\n href="https://startplatz.typeform.com/to/uHoEWY1e" \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 Jetzt unverbindlich anfragen!\r\n </a>\r\n \r\n <a class="btn btn-outline-secondary custom-btn" \r\n href="https://calendly.com/johannes-graef/startplatz-besichtigung" \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 Besichtigungstermin vereinbaren\r\n </a>\r\n </div>\r\n </section>\r\n \r\n \r\n \r\n <!-- Über den STARTPLATZ -->\r\n <section>\r\n <div class="container">\r\n <div class="row align-items-center py-5 custom-section" style="background: #f8f9fa; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 20px; margin: 40px 0; display: flex; flex-wrap: wrap;">\r\n \r\n <!-- Textbereich -->\r\n <div class="col-12 text-content" style="color: black; flex: 1 1 100%; order: 2;">\r\n <h2 style="font-weight: bold; font-size: 26px; color: black; margin-bottom: 20px;">Über den STARTPLATZ</h2>\r\n <p style="font-size: 18px; line-height: 1.6; color: black;">\r\n STARTPLATZ ist NRWs größter Startup Hub und zentraler Treffpunkt der rheinischen Gründerszene. Neben flexiblen Office Spaces bietet STARTPLATZ ein innovatives Ökosystem aus Gründern, Freelancern, Investoren und Corporates sowie eine starke Community aus Machern, Experten und kreativen Köpfen. Als Schnittstelle zwischen Old und New Economy blickt STARTPLATZ auf über 12 Jahre Startup-Erfahrung zurück. Mit mehr als 1.200 geförderten Startups, über 600 Millionen Euro an Investitionen in diese Startups und jährlich 300 Events sowie 35.000 Besuchern ist STARTPLATZ eine treibende Kraft der regionalen Innovationslandschaft.\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n \r\n \r\n \r\n <!-- Statistiken -->\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 Jahre Startup-\r\n <br>\r\n Erfahrung\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 geförderte\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 pro Jahr\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 € Investition\r\n <br>\r\n in unsere Startups\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n \r\n \r\n \r\n </section><!--3D Room Tour-->\r\n \r\n <section>\r\n <div class="container">\r\n <div class="row 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: 15px; \r\n margin: 20px 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://mpembed.com/show/?m=ZY8irrfVNwA&mpu=95" \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 </div>\r\n </div>\r\n </section>\r\n \r\n \r\n \r\n <!-- Impressionen Slideshow -->\r\n \r\n <section class="impressionen-slideshow-section">\r\n <div class="impressionen-container">\r\n <h2 class="text-left" style="font-weight: bold; color: black; font-size: 24px; margin-bottom: 30px;">\r\n Impressionen - <span style="font-weight: bold;">STARTPLATZ</span>\r\n </h2>\r\n \r\n <div class="slideshow-container">\r\n <!-- Slide 1 -->\r\n <div class="slide active">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,h_667,q_auto,w_1000/v1607722264/conference-rooms/Berlin/20200907_121109.jpg" alt="Meeting im Konferenzraum Berlin" loading="lazy">\r\n <div class="caption">Meeting im Konferenzraum Berlin</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/v1737448766/conference-rooms/Bilder%202025%20bearbeitet/Barcelona_U-Form_neu.jpg" alt="Einer von 12 Meeting- und Konferenzräumen" loading="lazy">\r\n <div class="caption">Einer von 12 Meeting- und Konferenzräumen</div>\r\n </div>\r\n \r\n <!-- Slide 3 -->\r\n <div class="slide">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1733929692/Offices/K%C3%B6ln/Lissabon/dba-2062.jpg" alt="Der lichtdurchflutete Raum Lissabon" loading="lazy">\r\n <div class="caption">Der lichtdurchflutete Raum Lissabon</div>\r\n </div>\r\n \r\n <!-- Slide 4 -->\r\n <div class="slide">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1614775928/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/STARTPLATZ_Atmospa%CC%88he24.jpg" alt="Empfangsbereich des STARTPLATZ Köln" loading="lazy">\r\n <div class="caption">Empfangsbereich</div>\r\n </div>\r\n \r\n <!-- Slide 5 -->\r\n <div class="slide">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,h_667,q_80,w_1000/v1676472940/Offices/K%C3%B6ln/Singapur/IMG_5392.heic" alt="Der Raum Singapur bei Sonnenuntergang" loading="lazy">\r\n <div class="caption">Der Raum Singapur bei Sonnenuntergang</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,h_667,q_auto,w_1000/v1715003055/Offices/K%C3%B6ln/Toronto/IMG_4229.jpg" alt="Unser moderner Büroraum Toronto" loading="lazy">\r\n <div class="caption">Unser moderner Büroraum Toronto</div>\r\n </div>\r\n \r\n <!-- Slide 7 -->\r\n <div class="slide">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1614775894/Offices/K%C3%B6ln/Au%C3%9Fenansicht/STARTPLATZ_Ko%CC%88ln_Au%C3%9Fenansicht12.jpg" alt="Außenansicht" loading="lazy">\r\n <div class="caption">Außenansicht</div>\r\n </div>\r\n \r\n \r\n <!-- Navigation Buttons -->\r\n <a class="prev" onclick="plusSlides(-1)">❮</a>\r\n <a class="next" onclick="plusSlides(1)">❯</a>\r\n </div>\r\n \r\n <!-- Dots für Navigation -->\r\n <div class="dots-container">\r\n <span class="dot active" onclick="currentSlide(1)"></span>\r\n <span class="dot" onclick="currentSlide(2)"></span>\r\n <span class="dot" onclick="currentSlide(3)"></span>\r\n <span class="dot" onclick="currentSlide(4)"></span>\r\n <span class="dot" onclick="currentSlide(5)"></span>\r\n <span class="dot" onclick="currentSlide(6)"></span>\r\n <span class="dot" onclick="currentSlide(7)"></span>\r\n \r\n </div>\r\n </div>\r\n </section>\r\n \r\n <script>\r\n let slideIndex = 0;\r\n const slides = document.getElementsByClassName("slide");\r\n const dots = document.getElementsByClassName("dot");\r\n \r\n function showSlides(n) {\r\n // Verhindern, dass die Slideshow überläuft\r\n if (n >= slides.length) slideIndex = 0;\r\n if (n < 0) slideIndex = slides.length - 1;\r\n \r\n // Alle Bilder ausblenden\r\n for (let i = 0; i < slides.length; i++) {\r\n slides[i].classList.remove("active");\r\n }\r\n \r\n // Alle Dots deaktivieren\r\n for (let i = 0; i < dots.length; i++) {\r\n dots[i].classList.remove("active");\r\n }\r\n \r\n // Aktuelles Bild anzeigen\r\n slides[slideIndex].classList.add("active");\r\n dots[slideIndex].classList.add("active");\r\n }\r\n \r\n function plusSlides(n) {\r\n slideIndex += n;\r\n showSlides(slideIndex);\r\n }\r\n \r\n function currentSlide(n) {\r\n slideIndex = n - 1;\r\n showSlides(slideIndex);\r\n }\r\n \r\n // Automatische Slideshow (optional)\r\n function autoSlideShow() {\r\n slideIndex++;\r\n showSlides(slideIndex);\r\n setTimeout(autoSlideShow, 5000); // Alle 5 Sekunden wechseln\r\n }\r\n \r\n // Starte Slideshow nach Laden der Seite\r\n document.addEventListener("DOMContentLoaded", () => {\r\n showSlides(slideIndex);\r\n autoSlideShow();\r\n });\r\n </script>\r\n \r\n \r\n <!-- Contact Section -->\r\n <section class="contact-section">\r\n <div class="container">\r\n <div class="contact-card">\r\n <h2>Du hast noch Fragen zu unseren Teambüros?</h2>\r\n <p>Dann kontaktiere uns gerne. Unser Team hilft dir weiter:</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:+4922197580215'" 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 975 802 15\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 \r\n FAQ - \r\n <span style="font-weight: bold;">Büroräume Köln</span>\r\n \r\n </h2>\r\n <div class="faq-accordion">\r\n \r\n <!-- Frage 1 -->\r\n <div class="faq-item">\r\n <div class="faq-question">\r\n <span>Was kostet ein Büro im STARTPLATZ Köln?</span>\r\n <span class="faq-icon">+</span>\r\n </div>\r\n <div class="faq-answer">\r\n <p>\r\n Die Preise für unsere Büroräume variieren je nach Bürogröße, Ausstattung und Mietdauer. Wir bieten flexible Preismodelle an, die sich an die Bedürfnisse deines Unternehmens anpassen. \r\n <a href="https://startplatz.typeform.com/to/uHoEWY1e" target="_blank" rel="noopener noreferrer" style="color: #7AB800;">Kontaktiere uns für ein individuelles Angebot und eine persönliche Beratung.</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>Gibt es flexible Mietverträge?</span>\r\n <span class="faq-icon">+</span>\r\n </div>\r\n <div class="faq-answer">\r\n <p>Ja! Unser Mietmodell ist so flexibel wie dein Unternehmen. Egal ob du nur für wenige Monate ein Büro suchst oder eine langfristige Lösung benötigst – wir passen uns deinen Anforderungen an. Auch bei einer Veränderung deiner Teamgröße kannst du jederzeit auf ein größeres Büro wechseln.</p>\r\n </div>\r\n </div>\r\n \r\n <!-- Frage 3 -->\r\n <div class="faq-item">\r\n <div class="faq-question">\r\n <span>Gibt es eine Mindestvertragslaufzeit?</span>\r\n <span class="faq-icon">+</span>\r\n </div>\r\n <div class="faq-answer">\r\n <p>Nein, es gibt keine Mindestvertragslaufzeit.</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>Welche Services sind im Mietpreis enthalten?</span>\r\n <span class="faq-icon">+</span>\r\n </div>\r\n <div class="faq-answer">\r\n <p>Unsere Teambüros in Köln bieten dir nicht nur einen eigenen Arbeitsbereich, sondern auch eine Vielzahl an Inklusivleistungen, die deinen Büroalltag erleichtern. Dazu gehören 24/7 Zugang, sodass du jederzeit flexibel arbeiten kannst, sowie eine leistungsstarke High-Speed-Internetverbindung. Zudem kannst du unsere voll ausgestatteten Konferenzräume für Meetings, Präsentationen oder Workshops nutzen. Ein professioneller Postservice und regelmäßige Reinigung sorgen für eine angenehme Arbeitsatmosphäre, während dir Drucker und Scanner jederzeit zur Verfügung stehen. Auch für das leibliche Wohl ist gesorgt: Kaffee, Tee und Wasser sind für alle Mieter kostenlos.</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>Kann ich einen Besichtigungstermin vereinbaren?</span>\r\n <span class="faq-icon">+</span>\r\n </div>\r\n <div class="faq-answer">\r\n <p>\r\n Ja, wir empfehlen dir, einen Besichtigungstermin zu vereinbaren, damit du dir selbst ein Bild von unseren modernen Büroflächen und der einzigartigen Startup-Community machen kannst. \r\n <a href="https://calendly.com/johannes-graef/startplatz-besichtigung/" target="_blank" rel="noopener noreferrer" style="color: #7AB800;">Kontaktiere uns einfach, um einen Termin zu vereinbaren.</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>Gibt es Parkmöglichkeiten vor Ort?</span>\r\n <span class="faq-icon">+</span>\r\n </div>\r\n <div class="faq-answer">\r\n <p>Ja, das Parken ist in einem der großen Parkdecks des Mediaparks jederzeit möglich. Ein Dauerstellplatz kostet 120€ pro Monat. Das Parkhaus kann auch tageweise oder stundenweise genutzt werden.</p>\r\n </div>\r\n </div>\r\n \r\n <!-- Frage 7 -->\r\n <div class="faq-item">\r\n <div class="faq-question">\r\n <span>Kann ich mein Büro jederzeit erweitern?</span>\r\n <span class="faq-icon">+</span>\r\n </div>\r\n <div class="faq-answer">\r\n <p>\r\n Ja! Falls dein Team wächst, kannst du jederzeit ein größeres Büro mieten oder zusätzliche Arbeitsbereiche im <a href="https://www.startplatz.de/coworking-koeln/" target="_blank" rel="noopener noreferrer" style="color: #7AB800;">Coworking Bereich</a> buchen. Unsere skalierbaren Bürolösungen machen es einfach, sich an neue Herausforderungen anzupassen.\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>Ist der STARTPLATZ Köln durch öffentliche Verkehrsmittel gut zu erreichen?</span>\r\n <span class="faq-icon">+</span>\r\n </div>\r\n <div class="faq-answer">\r\n <p>Ja, der Mediapark ist mit den Linien 12 und 15 sehr gut zu erreichen. Von der Haltestelle Christophstraße/Mediapark sind es etwa 5 Minuten Fußweg zum Bürogebäude des STARTPLATZ. Über die Linien S6, S11, S12 und S19 ist die Station Hansaring sehr gut zu erreichen, die ebenfalls nicht weit entfernt liegt.</p>\r\n </div>\r\n </div>\r\n \r\n <!-- Frage 9 -->\r\n <div class="faq-item">\r\n <div class="faq-question">\r\n <span>Wie kann ich ein Teambüro im STARTPLATZ Köln mieten?</span>\r\n <span class="faq-icon">+</span>\r\n </div>\r\n <div class="faq-answer">\r\n <p>\r\n Kontaktiere uns per E-Mail unter mitgliedschaft@startplatz.de oder Telefon unter 0221 975 802 15, um mehr über unsere Büroflächen zu erfahren oder eine Besichtigung zu vereinbaren. Wir helfen dir gerne dabei, die optimale Lösung für dein Unternehmen zu finden. \r\n <br>\r\n <a href="https://startplatz.typeform.com/to/uHoEWY1e" target="_blank" rel="noopener noreferrer" style="color: #7AB800;">Jetzt anfragen und dein perfektes Teambüro in Köln sichern.</a>\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n \r\n <script>\r\n document.addEventListener("DOMContentLoaded", function() {\r\n const faqItems = document.querySelectorAll(".faq-item");\r\n \r\n faqItems.forEach(item => {\r\n const question = item.querySelector(".faq-question");\r\n const answer = item.querySelector(".faq-answer");\r\n const icon = item.querySelector(".faq-icon");\r\n \r\n question.addEventListener("click", function() {\r\n const isOpen = answer.style.maxHeight;\r\n \r\n // Alle anderen FAQs schließen\r\n document.querySelectorAll(".faq-answer").forEach(ans => {\r\n ans.style.maxHeight = null;\r\n ans.style.opacity = "0";\r\n });\r\n \r\n document.querySelectorAll(".faq-icon").forEach(i => {\r\n i.textContent = "+";\r\n i.style.transform = "rotate(0deg)";\r\n });\r\n \r\n // Wenn noch nicht geöffnet, dann öffnen\r\n if (!isOpen || isOpen === "0px") {\r\n answer.style.maxHeight = answer.scrollHeight + "px";\r\n answer.style.opacity = "1";\r\n icon.textContent = "−";\r\n icon.style.transform = "rotate(180deg)";\r\n }\r\n });\r\n });\r\n });\r\n </script>\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 ©<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="sfwdt74d174" class="sf-toolbar sf-display-none" role="region" aria-label="Symfony Web Debug Toolbar"> <!-- START of Symfony Web Debug Toolbar --><div id="sfMiniToolbar-74d174" class="sf-minitoolbar" data-no-turbolink data-turbo="false"> <button type="button" title="Show Symfony toolbar" id="sfToolbarMiniToggler-74d174" accesskey="D" aria-expanded="false" aria-controls="sfToolbarMainContent-74d174"> <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-74d174" class="sf-toolbar-clearer"></div><div id="sfToolbarMainContent-74d174" 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/74d174?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… </span> </div> </a> <div class="sf-toolbar-info"> <div class="sf-toolbar-info-piece"> <b>Loading the web debug toolbar…</b> </div> <div class="sf-toolbar-info-piece"> Attempt #<span id="sfLoadCounter-74d174"></span> </div> <div class="sf-toolbar-info-piece"> <b> <button class="sf-cancel-button" type="button" id="sfLoadCancel-74d174" title="Cancel loading">Cancel</button> </b> </div> </div></div> <button class="hide-button" type="button" id="sfToolbarHideButton-74d174" title="Close Toolbar" accesskey="D" aria-expanded="true" aria-controls="sfToolbarMainContent-74d174"> <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="e9dfdfe27b6a93b638344fa92bfc74fd">/*<![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="116c222a81893b8e9b3a1828fdd967c6"> .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="e9dfdfe27b6a93b638344fa92bfc74fd">/*<![CDATA[*/ (function () { Sfjs.loadToolbar('74d174'); })();/*]]>*/</script>\n </body>\n </html>\n """ #version: "1.1" #statusCode: 200 #statusText: "OK" #charset: "UTF-8" } |
| path | "teambuero-koeln/" |
Request Headers
| Header | Value |
|---|---|
| accept | "*/*" |
| accept-encoding | "gzip, br, zstd, deflate" |
| host | "www.staging.startplatz.de" |
| referer | "https://www.staging.startplatz.de/teambuero-koeln" |
| user-agent | "Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)" |
| x-forwarded-for | "216.73.216.183" |
| x-forwarded-host | "www.staging.startplatz.de" |
| x-forwarded-port | "443" |
| x-forwarded-proto | "https" |
| x-forwarded-server | "c7c6e7953db4" |
| x-php-ob-level | "0" |
| x-real-ip | "216.73.216.183" |
Request Content
Request content not available (it was retrieved as a resource).
Response
Response Headers
| Header | Value |
|---|---|
| cache-control | "no-cache, private" |
| content-type | "text/html; charset=UTF-8" |
| date | "Thu, 26 Feb 2026 22:47:01 GMT" |
| link | "<https://www.staging.startplatz.de/?p=75285>; rel=shortlink" |
| x-debug-token | "74d174" |
| x-powered-by | "PHP/8.1.34" |
Cookies
Request Cookies
No request cookies
Response Cookies
No response cookies
Session 1
Session Metadata
No session metadata
Session Attributes
No session attributes
Session Usage
1
Usages
Stateless check enabled
| Usage |
|---|
Symfony\Component\Security\Core\Authentication\Token\Storage\UsageTrackingTokenStorage:44
[
[
"file" => "/var/www/html/vendor/symfony/security-core/Authentication/Token/Storage/UsageTrackingTokenStorage.php"
"line" => 44
"function" => "getMetadataBag"
"class" => "Symfony\Component\HttpFoundation\Session\Session"
"type" => "->"
]
[
"file" => "/var/www/html/vendor/symfony/twig-bridge/AppVariable.php"
"line" => 82
"function" => "getToken"
"class" => "Symfony\Component\Security\Core\Authentication\Token\Storage\UsageTrackingTokenStorage"
"type" => "->"
]
[
"file" => "/var/www/html/vendor/twig/twig/src/Extension/CoreExtension.php"
"line" => 1909
"function" => "getUser"
"class" => "Symfony\Bridge\Twig\AppVariable"
"type" => "->"
]
[
"file" => "/var/www/html/var/cache/dev/twig/e3/e3695beb3024e3b5b3f3aac176437ce8.php"
"line" => 446
"function" => "getAttribute"
"class" => "Twig\Extension\CoreExtension"
"type" => "::"
]
[
"file" => "/var/www/html/vendor/twig/twig/src/Template.php"
"line" => 402
"function" => "doDisplay"
"class" => "__TwigTemplate_5316fa9f0e5f33e4f42ff4b27f946d68"
"type" => "->"
]
[
"file" => "/var/www/html/vendor/twig/twig/src/Template.php"
"line" => 358
"function" => "yield"
"class" => "Twig\Template"
"type" => "->"
]
[
"file" => "/var/www/html/vendor/twig/twig/src/Template.php"
"line" => 373
"function" => "display"
"class" => "Twig\Template"
"type" => "->"
]
[
"file" => "/var/www/html/vendor/twig/twig/src/TemplateWrapper.php"
"line" => 51
"function" => "render"
"class" => "Twig\Template"
"type" => "->"
]
[
"file" => "/var/www/html/vendor/twig/twig/src/Environment.php"
"line" => 333
"function" => "render"
"class" => "Twig\TemplateWrapper"
"type" => "->"
]
[
"file" => "/var/www/html/vendor/symfony/framework-bundle/Controller/AbstractController.php"
"line" => 258
"function" => "render"
"class" => "Twig\Environment"
"type" => "->"
]
[
"file" => "/var/www/html/vendor/symfony/framework-bundle/Controller/AbstractController.php"
"line" => 266
"function" => "renderView"
"class" => "Symfony\Bundle\FrameworkBundle\Controller\AbstractController"
"type" => "->"
]
[
"file" => "/var/www/html/src/StartPlatz/Bundle/WebsiteBundle/Controller/DefaultController.php"
"line" => 84
"function" => "render"
"class" => "Symfony\Bundle\FrameworkBundle\Controller\AbstractController"
"type" => "->"
]
[
"file" => "/var/www/html/vendor/symfony/http-kernel/HttpKernel.php"
"line" => 163
"function" => "menuBootstrap40Action"
"class" => "App\StartPlatz\Bundle\WebsiteBundle\Controller\DefaultController"
"type" => "->"
]
[
"file" => "/var/www/html/vendor/symfony/http-kernel/HttpKernel.php"
"line" => 75
"function" => "handleRaw"
"class" => "Symfony\Component\HttpKernel\HttpKernel"
"type" => "->"
]
[
"file" => "/var/www/html/vendor/symfony/http-kernel/HttpCache/SubRequestHandler.php"
"line" => 86
"function" => "handle"
"class" => "Symfony\Component\HttpKernel\HttpKernel"
"type" => "->"
]
[
"file" => "/var/www/html/vendor/symfony/http-kernel/Fragment/InlineFragmentRenderer.php"
"line" => 80
"function" => "handle"
"class" => "Symfony\Component\HttpKernel\HttpCache\SubRequestHandler"
"type" => "::"
]
[
"file" => "/var/www/html/vendor/symfony/http-kernel/Fragment/FragmentHandler.php"
"line" => 85
"function" => "render"
"class" => "Symfony\Component\HttpKernel\Fragment\InlineFragmentRenderer"
"type" => "->"
]
[
"file" => "/var/www/html/vendor/symfony/http-kernel/DependencyInjection/LazyLoadingFragmentHandler.php"
"line" => 49
"function" => "render"
"class" => "Symfony\Component\HttpKernel\Fragment\FragmentHandler"
"type" => "->"
]
[
"file" => "/var/www/html/vendor/startplatz/wordpress-integration-bundle/Wordpress/ShortCode/ControllerShortCode.php"
"line" => 30
"function" => "render"
"class" => "Symfony\Component\HttpKernel\DependencyInjection\LazyLoadingFragmentHandler"
"type" => "->"
]
[
"function" => "execute"
"class" => "Startplatz\Bundle\WordpressIntegrationBundle\Wordpress\ShortCode\ControllerShortCode"
"type" => "->"
]
[
"file" => "/var/www/html/vendor/startplatz/wordpress-integration-bundle/EventListener/WordpressResponseListener.php"
"line" => 177
"function" => "call_user_func"
]
[
"function" => "Startplatz\Bundle\WordpressIntegrationBundle\EventListener\{closure}"
"class" => "Startplatz\Bundle\WordpressIntegrationBundle\EventListener\WordpressResponseListener"
"type" => "->"
]
[
"file" => "/var/www/html/vendor/startplatz/wordpress-integration-bundle/EventListener/WordpressResponseListener.php"
"line" => 166
"function" => "preg_replace_callback"
]
[
"file" => "/var/www/html/vendor/startplatz/wordpress-integration-bundle/EventListener/WordpressResponseListener.php"
"line" => 67
"function" => "expandShortCodes"
"class" => "Startplatz\Bundle\WordpressIntegrationBundle\EventListener\WordpressResponseListener"
"type" => "->"
]
[
"file" => "/var/www/html/vendor/symfony/event-dispatcher/Debug/WrappedListener.php"
"line" => 118
"function" => "onKernelController"
"class" => "Startplatz\Bundle\WordpressIntegrationBundle\EventListener\WordpressResponseListener"
"type" => "->"
]
[
"file" => "/var/www/html/vendor/symfony/event-dispatcher/EventDispatcher.php"
"line" => 230
"function" => "__invoke"
"class" => "Symfony\Component\EventDispatcher\Debug\WrappedListener"
"type" => "->"
]
[
"file" => "/var/www/html/vendor/symfony/event-dispatcher/EventDispatcher.php"
"line" => 59
"function" => "callListeners"
"class" => "Symfony\Component\EventDispatcher\EventDispatcher"
"type" => "->"
]
[
"file" => "/var/www/html/vendor/symfony/event-dispatcher/Debug/TraceableEventDispatcher.php"
"line" => 154
"function" => "dispatch"
"class" => "Symfony\Component\EventDispatcher\EventDispatcher"
"type" => "->"
]
[
"file" => "/var/www/html/vendor/symfony/http-kernel/HttpKernel.php"
"line" => 151
"function" => "dispatch"
"class" => "Symfony\Component\EventDispatcher\Debug\TraceableEventDispatcher"
"type" => "->"
]
[
"file" => "/var/www/html/vendor/symfony/http-kernel/HttpKernel.php"
"line" => 75
"function" => "handleRaw"
"class" => "Symfony\Component\HttpKernel\HttpKernel"
"type" => "->"
]
[
"file" => "/var/www/html/vendor/symfony/http-kernel/Kernel.php"
"line" => 202
"function" => "handle"
"class" => "Symfony\Component\HttpKernel\HttpKernel"
"type" => "->"
]
[
"file" => "/var/www/html/vendor/symfony/runtime/Runner/Symfony/HttpKernelRunner.php"
"line" => 35
"function" => "handle"
"class" => "Symfony\Component\HttpKernel\Kernel"
"type" => "->"
]
[
"file" => "/var/www/html/vendor/autoload_runtime.php"
"line" => 35
"function" => "run"
"class" => "Symfony\Component\Runtime\Runner\Symfony\HttpKernelRunner"
"type" => "->"
]
[
"file" => "/var/www/html/public/index.php"
"line" => 10
"args" => [
"/var/www/html/vendor/autoload_runtime.php"
]
"function" => "require_once"
]
]
|
Flashes
Flashes
No flash messages were created.
Server Parameters
Server Parameters
Defined in .env
| Key | Value |
|---|---|
| ANTHROPIC_API_KEY | "" |
| CLOUDINARY_API_KEY | "187719847589952" |
| CLOUDINARY_API_SECRET | "2L0-UBEtXjD-ODU3On8eqJrZPFY" |
| CLOUDINARY_CLOUDNAME | "startplatz" |
| CLOUDINARY_URL | "cloudinary://187719847589952:2L0-UBEtXjD-ODU3On8eqJrZPFY@startplatz" |
| CRON_API_KEY | "cron_sp_X9kM4nQ7pR2sT6vW8yB1" |
| MONSUM_WEBHOOK_PASSWORD_CGN | "" |
| MONSUM_WEBHOOK_PASSWORD_DUS | "" |
| MONSUM_WEBHOOK_PASSWORD_TESTPLATZ | "" |
| MONSUM_WEBHOOK_USER_CGN | "" |
| MONSUM_WEBHOOK_USER_DUS | "" |
| MONSUM_WEBHOOK_USER_TESTPLATZ | "" |
| OPENAI_ORGANIZATION | "STARTPLATZ" |
| REDIS_URL | "" |
| SESSION_SAVE_PATH | "%kernel.project_dir%/var/cache/sessions" |
| SKOOL_WEBHOOK_KI_CAMPUS | "https://api.skool.com/groups/ki-campus/webhooks/5f76ae64499d42a49dafbf613fec3ec0" |
| SKOOL_WEBHOOK_KI_TREFFPUNKT | "https://api.skool.com/groups/ki-treffpunkt/webhooks/af0324eeef3d40649f8d16607fe6e7b9" |
| STATISTIC_ZAPIER_API_KEY | "50670" |
| TEST_DATA_PATH | "data/test-bewerbungen" |
| TWILIO_AUTH_TOKEN | "" |
| TYPEFORM_WEBHOOK_SECRET | "" |
| WP_API_BASE_URL | "" |
| WP_API_PASSWORD | "" |
| WP_API_USERNAME | "" |
Defined as regular env variables
| Key | Value |
|---|---|
| APP_DEBUG | "1" |
| APP_ENV | "dev" |
| APP_SECRET | "a8A3I6BRkJE2ppNaBcgPec5i6E8Iwqwm" |
| CONTENT_LENGTH | "" |
| CONTENT_TYPE | "" |
| DATABASE_URL | "mysql://startplatz:kpp8o9pWYAp2@startplatz-staging-mysql:3306/startplatz-wordpress" |
| DOCUMENT_ROOT | "/var/www/html/public" |
| DOCUMENT_URI | "/index.php" |
| EASYBILL_EMAIL_AI_HUB | "lorenz.graef@startplatz.de" |
| EASYBILL_EMAIL_FGH | "alexandra.thelen@startplatz.de" |
| EASYBILL_EMAIL_SP_CGN | "admin@startplatz.de" |
| EASYBILL_EMAIL_SP_DUS | "johannes.graef@startplatz.de" |
| EASYBILL_TOKEN_AI_HUB | "1NrjWZrE53dSqWFmMNz0oRd8i22VFmK1Oww9huGp8DPry8EfK1Oj9h6HeW7fyDUM" |
| EASYBILL_TOKEN_FGH | "Fjqj30ZbQorEtdpRfw3T19eAkOgrrgzq4WcExyLrxuot0bzkDpUrjpv41YH8dgBK" |
| EASYBILL_TOKEN_SP_CGN | "9njde49xtcsoswco4c80oggkwwoo080osow8soo8go4gkw0gwwgc8sck4wgw08og" |
| EASYBILL_TOKEN_SP_DUS | "YnHmfQYjOQ01hZ97zQKhsDLcvPc632dhdYjnUYuE4ZzkbAfkyC2TbOGOckUBFBDZ" |
| FCGI_ROLE | "RESPONDER" |
| GATEWAY_INTERFACE | "CGI/1.1" |
| GPG_KEYS | "528995BFEDFBA7191D46839EF9BA0ADA31CBD89E 39B641343D8C104B2B146DC3F9C39DC0B9698544 F1F692238FBC1666E5A5CCD4199F9DFEF6FFBAFD" |
| HOME | "/home/www-data" |
| HOSTNAME | "dev" |
| HTTP_ACCEPT | "*/*" |
| HTTP_ACCEPT_ENCODING | "gzip, br, zstd, deflate" |
| HTTP_HOST | "www.staging.startplatz.de" |
| HTTP_REFERER | "https://www.staging.startplatz.de/teambuero-koeln" |
| HTTP_USER_AGENT | "Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)" |
| HTTP_X_FORWARDED_FOR | "216.73.216.183" |
| HTTP_X_FORWARDED_HOST | "www.staging.startplatz.de" |
| HTTP_X_FORWARDED_PORT | "443" |
| HTTP_X_FORWARDED_PROTO | "https" |
| HTTP_X_FORWARDED_SERVER | "c7c6e7953db4" |
| HTTP_X_REAL_IP | "216.73.216.183" |
| HUBSPOT_API_KEY | "pat-na1-72043aa0-44a4-4dd6-b57a-5759597c4642" |
| HUBSPOT_DEFAULT_FORM_GUID | "1e712a28-62f9-46e0-99f5-13f6bdc0ec70" |
| HUBSPOT_PORTAL_ID | "44225308" |
| HUBSPOT_TRACKING_ID | "2795177" |
| MAILER_DSN | "smtp://STARTPLATZ:md-UPVV0udzlA47hrj9B-LMGQ@smtp.mandrillapp.com:587" |
| MONSUM_API_EMAIL_CGN | "startplatz@lennarz-consulting.de" |
| MONSUM_API_EMAIL_DUS | "startplatz@lennarz-consulting.de" |
| MONSUM_API_EMAIL_TESTPLATZ | "lorenz.graef@startplatz.de" |
| MONSUM_API_TOKEN_CGN | "32e50c9db555d24f87b40c641b4b014bKzrRnijwaj7yLDB7c0CKXYmVJCzyATZ3" |
| MONSUM_API_TOKEN_DUS | "762173de1b510657bb44a2662747bac9nUFkR3NatmYlrqjI7hswGM2ZsDBbgYxR" |
| MONSUM_API_TOKEN_TESTPLATZ | "c0c8e924c966fbf562c59646ee67b2a3sh4WFrDN3XxPiwKcskvfcRWQyzWOy4Bu" |
| OPENAI_API_KEY | "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" |
| PATH | "/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin" |
| PERPLEXITY_API_KEY | "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" |
| PHPIZE_DEPS | "autoconf \t\tdpkg-dev dpkg \t\tfile \t\tg++ \t\tgcc \t\tlibc-dev \t\tmake \t\tpkgconf \t\tre2c" |
| PHP_ASC_URL | "https://www.php.net/distributions/php-8.1.34.tar.xz.asc" |
| PHP_CFLAGS | "-fstack-protector-strong -fpic -fpie -O2 -D_LARGEFILE_SOURCE -D_FILE_OFFSET_BITS=64" |
| PHP_CPPFLAGS | "-fstack-protector-strong -fpic -fpie -O2 -D_LARGEFILE_SOURCE -D_FILE_OFFSET_BITS=64" |
| PHP_INI_DIR | "/usr/local/etc/php" |
| PHP_LDFLAGS | "-Wl,-O1 -pie" |
| PHP_SELF | "/index.php" |
| PHP_SHA256 | "ffa9e0982e82eeaea848f57687b425ed173aa278fe563001310ae2638db5c251" |
| PHP_URL | "https://www.php.net/distributions/php-8.1.34.tar.xz" |
| PHP_VERSION | "8.1.34" |
| PWD | "/var/www/html" |
| QUERY_STRING | "" |
| REDIRECT_STATUS | "200" |
| REMOTE_ADDR | "172.22.0.12" |
| REMOTE_PORT | "47666" |
| REQUEST_METHOD | "GET" |
| REQUEST_SCHEME | "http" |
| REQUEST_TIME | 1772146021 |
| REQUEST_TIME_FLOAT | 1772146021.2823 |
| REQUEST_URI | "/teambuero-koeln/" |
| SCRIPT_FILENAME | "/var/www/html/public/index.php" |
| SCRIPT_NAME | "/index.php" |
| SERVER_ADDR | "172.22.0.7" |
| SERVER_NAME | "dev.startplatz.de" |
| SERVER_PORT | "80" |
| SERVER_PROTOCOL | "HTTP/1.1" |
| SERVER_SOFTWARE | "nginx/1.18.0" |
| SHLVL | "1" |
| STARTPLATZ_BUILDTIME | "001" |
| STARTPLATZ_DATABASE_WORDPRESS_HOST | "startplatz-staging-mysql" |
| STARTPLATZ_DATABASE_WORDPRESS_NAME | "startplatz-wordpress" |
| STARTPLATZ_DATABASE_WORDPRESS_PASSWORD | "kpp8o9pWYAp2" |
| STARTPLATZ_DATABASE_WORDPRESS_USER | "startplatz" |
| STARTPLATZ_ENVIRONMENT | "staging.www.staging.startplatz.de" |
| STARTPLATZ_HOST | "www.staging.startplatz.de" |
| STRIPE_LIVE_KEY_AI_HUB | "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" |
| STRIPE_LIVE_KEY_ECODYNAMICS | "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" |
| STRIPE_LIVE_KEY_STARTPLATZ | "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" |
| STRIPE_SK_INITIAL | "ojWxv1978YWU" |
| STRIPE_TEST_KEY_AI_HUB | "sk_test_51PmYwGDCU56CMQmgpcCdmzVTjiym8wom2WWiAAuVOUhS55972eM73wDNRDEBfGMnoLSt81yqW5CKCyraQKPDTb6y00xGk2RMpj" |
| STRIPE_TEST_KEY_ECODYNAMICS | "sk_test_51PeutFFqPnUaAUP6dP1y273V3ckVBrUUxBSSIufpLoU2TdWoJBbzjnNmfM3UHsauN4ZuhObIZYhhPLd4621AmzzW00xaHryus4" |
| STRIPE_TEST_KEY_STARTPLATZ | "sk_test_51O8fFSHegJLrFARiXBFfwCkkRCTyr64RpTlYx5X7FPNEKDSRhQHgb7X9WELyNzmMkMT39tavykkZbtbWDsCz0Tc800bNFXrtbH" |
| STRIPE_WEBHOOK_SECRET | "whsec_replace_with_actual_webhook_secret_from_stripe_dashboard" |
| SYMFONY_DOTENV_VARS | "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" |
| USER | "www-data" |
| WP_API_PROD_BASE_URL | "https://www.startplatz.de/wp-json/wp/v2" |
| WP_API_PROD_PASSWORD | "lSFFfrfi24zjRXtmqlwxWlBx" |
| WP_API_PROD_USERNAME | "Allmeda" |
| argc | 0 |
| argv | [] |
Sub Requests 3
DefaultController :: homepageCssAction (token = cb66f9)
| Key | Value |
|---|---|
| _controller | "App\StartPlatz\Bundle\WebsiteBundle\Controller\DefaultController::homepageCssAction" |
| _format | "html" |
| _locale | "en" |
| _stopwatch_token | "9abd04" |
DefaultController :: menuBootstrap40Action (token = 1a17ed)
| Key | Value |
|---|---|
| _controller | "App\StartPlatz\Bundle\WebsiteBundle\Controller\DefaultController::menuBootstrap40Action" |
| _format | "html" |
| _locale | "en" |
| _stopwatch_token | "0e8513" |
| permalink | "https://www.staging.startplatz.de/teambuero-koeln" |
DefaultController :: footerBootstrap40Action (token = 634dad)
| Key | Value |
|---|---|
| _controller | "App\StartPlatz\Bundle\WebsiteBundle\Controller\DefaultController::footerBootstrap40Action" |
| _format | "html" |
| _locale | "en" |
| _stopwatch_token | "f6a1ca" |