| _wordpressResponse |
Symfony\Component\HttpFoundation\Response {#2602
+headers: Symfony\Component\HttpFoundation\ResponseHeaderBag {#3877 …}
#content: """
<!DOCTYPE html>\n
<html lang="en">\n
<head>\n
<!-- header-startplatz-v40.php starts -->\n
<meta charset="utf-8">\n
<meta name="viewport" content="width=device-width, initial-scale=1">\n
\n
<link rel="profile" href="http://gmpg.org/xfn/11">\n
<link rel="pingback" href="https://www.startplatz.de/xmlrpc.php">\n
<!-- third-generation iPad with high-resolution Retina display: -->\n
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://res.cloudinary.com/startplatz/image/upload/c_lpad,h_144,w_144/v1614775223/logos/STARTPLATZ_Logos/Logo_Laeufer_frei.png">\n
<!-- iPhone with high-resolution Retina display: -->\n
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://res.cloudinary.com/startplatz/image/upload/c_lpad,h_114,w_114/v1614775223/logos/STARTPLATZ_Logos/Logo_Laeufer_frei.png">\n
<!-- first- and second-generation iPad: -->\n
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://res.cloudinary.com/startplatz/image/upload/c_lpad,h_72,w_72/v1614775223/logos/STARTPLATZ_Logos/Logo_Laeufer_frei.png">\n
<!-- non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->\n
<link rel="apple-touch-icon-precomposed" href="https://res.cloudinary.com/startplatz/image/upload/c_lpad,h_56,w_56/v1614775223/logos/STARTPLATZ_Logos/Logo_Laeufer_frei.png">\n
<!-- basic favicon -->\n
<link rel="icon" href="https://res.cloudinary.com/startplatz/image/upload/c_lpad,h_32,w_32/v1614775223/logos/STARTPLATZ_Logos/Logo_Laeufer_frei.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='noindex, nofollow' />\n
\t<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>\n
\t\n
\t<!-- This site is optimized with the Yoast SEO Premium plugin v26.4 (Yoast SEO v26.4) - https://yoast.com/wordpress/plugins/seo/ -->\n
\t<title>Coworking Space in Cologne at STARTPLATZ in Mediapark - STARTPLATZ</title>\n
\t<meta property="og:locale" content="de_DE" />\n
\t<meta property="og:type" content="article" />\n
\t<meta property="og:title" content="Coworking Space in Cologne at STARTPLATZ in Mediapark" />\n
\t<meta property="og:description" content="Become a part of the biggest startup community in the Rhineland! Coworking Space at STARTPLATZ Cologne You want to get out of your own depressing four walls and into an innovative and modern coworking space? Then a spot in our coworking space in Cologne is just right for you! For 180€/month, you’ll get a flexible […]" />\n
\t<meta property="og:url" content="https://www.staging.startplatz.de/en/coworking-cologne/" />\n
\t<meta property="og:site_name" content="STARTPLATZ" />\n
\t<meta property="article:modified_time" content="2023-04-06T14:50:45+00:00" />\n
\t<meta property="og:image" content="https://www.startplatz.de/wp-content/uploads/2018/05/netzwerk-1.png" />\n
\t<meta name="twitter:label1" content="Geschätzte Lesezeit" />\n
\t<meta name="twitter:data1" content="10 Minuten" />\n
\t<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.staging.startplatz.de/en/coworking-cologne/","url":"https://www.staging.startplatz.de/en/coworking-cologne/","name":"Coworking Space in Cologne at STARTPLATZ in Mediapark - STARTPLATZ","isPartOf":{"@id":"https://www.staging.startplatz.de/#website"},"primaryImageOfPage":{"@id":"https://www.staging.startplatz.de/en/coworking-cologne/#primaryimage"},"image":{"@id":"https://www.staging.startplatz.de/en/coworking-cologne/#primaryimage"},"thumbnailUrl":"https://www.startplatz.de/wp-content/uploads/2018/05/netzwerk-1.png","datePublished":"2023-03-27T11:28:54+00:00","dateModified":"2023-04-06T14:50:45+00:00","breadcrumb":{"@id":"https://www.staging.startplatz.de/en/coworking-cologne/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https://www.staging.startplatz.de/en/coworking-cologne/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https://www.staging.startplatz.de/en/coworking-cologne/#primaryimage","url":"https://www.startplatz.de/wp-content/uploads/2018/05/netzwerk-1.png","contentUrl":"https://www.startplatz.de/wp-content/uploads/2018/05/netzwerk-1.png"},{"@type":"BreadcrumbList","@id":"https://www.staging.startplatz.de/en/coworking-cologne/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.staging.startplatz.de/"},{"@type":"ListItem","position":2,"name":"STARTPLATZ: the hotspot of the NRW Startup-Scene","item":"https://www.staging.startplatz.de/en/"},{"@type":"ListItem","position":3,"name":"Coworking Space in Cologne at STARTPLATZ in Mediapark"}]},{"@type":"WebSite","@id":"https://www.staging.startplatz.de/#website","url":"https://www.staging.startplatz.de/","name":"STARTPLATZ","description":"Startup Inkubator in Köln und Düsseldorf","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.staging.startplatz.de/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}</script>\n
\t<!-- / Yoast SEO Premium plugin. -->\n
\n
\n
<link rel='dns-prefetch' href='//www.staging.startplatz.de' />\n
<link rel="alternate" type="application/rss+xml" title="STARTPLATZ » 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/75162" /><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=75162' />\n
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.staging.startplatz.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.staging.startplatz.de%2Fen%2Fcoworking-cologne%2F" />\n
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.staging.startplatz.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.staging.startplatz.de%2Fen%2Fcoworking-cologne%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
</head>\n
\n
\n
<body id="top" >\n
\n
<!-- menu starts -->\n
\n
\n
<style>\n
\n
\n
#imgNav {\n
height: 45px;\n
width: 45px;\n
\n
}\n
#imgNav img {\n
object-fit: cover;\n
}\n
\n
.navbar-collapse .navbar-nav .nav-item a:hover {\n
background-color: #aacf61ff;\n
color: #000000;\n
border-radius: 5px;\n
\n
}\n
\n
.logo {\n
font-weight: bolder;\n
font-size: 1.5rem;\n
}\n
\n
.navbar-nav .nav-item .dropdown-menu {\n
border: none;\n
background-color: #eae9e9;\n
}\n
\n
#userNamePlaceHolder {\n
background-color: rgba(170, 207, 97, 0.6);\n
}\n
.navbar-nav .nav-item .dropdown-menu a:hover {\n
border-radius: 0;\n
\n
}\n
\n
\n
.navbar-nav .nav-item .loginlink {\n
background-color:#aacf61ff;\n
}\n
.navbar-collapse .navbar-nav .nav-item .loginlink:hover {\n
background-color:#7ab800;\n
}\n
\n
@media all and (min-width: 992px) {\n
.navbar .dropdown-menu-end{ right:0; left: auto; }\n
.navbar .nav-item .dropdown-menu{ display:block; opacity: 0; visibility: hidden; transition:.1s; margin-top:0; }\n
.navbar .nav-item:hover .nav-link{ color: #000000; }\n
.navbar .dropdown-menu.fade-down {\n
top:80%; transform: rotateX(-75deg); transform-origin: 0 0;\n
}\n
.navbar .dropdown-menu.fade-up{ top:180%; }\n
.navbar .nav-item:hover .dropdown-menu{transition: 0.1s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }\n
}\n
@media (max-width: 768px ) {\n
.collapse {\n
height: 100vh;\n
transition: 0.5s; opacity: 1; visibility: visible; top: 100%; transform: rotateX(0deg);\n
}\n
\n
\n
}\n
\n
.highlight {\n
border-bottom: 3px solid #AACF61;\n
}\n
\n
.padding-bottom {\n
padding-bottom: 2px;\n
}\n
</style>\n
\n
<style>\n
.ai-hub-link:hover {\n
color: black; /* Textfarbe beim Hover */\n
}\n
</style>\n
\n
\n
\n
<nav class="navbar navbar-dark bg-dark navbar-expand-lg fixed-top shadow-lg padding-bottom d-flex justify-content-lg-center">\n
<a class="logo navbar-brand text-center mr-2 mr-lg-4" href="https://www.startplatz.de" rel="tooltip" title="Home for the innovative people in Rheinland" data-placement="bottom" >\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,w_107/v1614775778/logos/STARTPLATZ_Logos/STARTPLATZ_Logo_wei%C3%9F.png" class="p-0 m-0">\n
</a>\n
\n
<button class="navbar-toggler " type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navbarSupportedContent-3" aria-expanded="false" aria-label="Toggle navigation">\n
<span class="navbar-toggler-icon"></span>\n
</button>\n
\n
<div class="collapse navbar-collapse mt-1" id="navigation" style="font-size: 0.9rem; max-width:920px" >\n
<ul class="navbar-nav mr-3">\n
\n
<li class="nav-item active mb-2 mt-2 mr-1 ml-0 mr-2">\n
<a class="nav-link px-2" style="background-color: rgba(142,86,255,1.0); border-radius: 10px; min-width:75px; display: inline-block; text-align: center;" href="https://startplatz-ai-hub.de/en/">\n
AI Hub\n
</a>\n
</li>\n
\n
<li class="nav-item dropdown active mt-2 mr-2">\n
<a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
Startups\n
</a>\n
<div class="dropdown-menu dropdown-menu-left" aria-labelledby="navbarDropdownMenuLink">\n
<hr class="my-2 mx-3">\n
<a class="dropdown-item" href="/en/memberships">\n
Memberships\n
</a>\n
<hr class="my-2 mx-3">\n
<a class="dropdown-item" href="https://accelerator.startplatz.de">\n
Accelerator\n
</a>\n
<a class="dropdown-item" href="https://www.rheinland-pitch.de">\n
Rheinland Pitch\n
</a>\n
\n
</div>\n
</li>\n
\n
\n
<li class="nav-item dropdown active mt-2 mr-2\n
">\n
<a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
Corporates\n
</a>\n
<div class="dropdown-menu dropdown-menu-left" aria-labelledby="navbarDropdownMenuLink">\n
<a class="dropdown-item" href="/en/corporate-innovation">\n
Innovation & Partnerships\n
</a>\n
<a class="dropdown-item" href="/en">\n
AI Training\n
</a>\n
</div>\n
</li>\n
\n
<li class="nav-item dropdown active mt-2 mr-2">\n
<a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
Offices / Coworking\n
</a>\n
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">\n
<a class="dropdown-item" href="/en/offices-cologne">\n
Offices in Cologne\n
</a>\n
<a class="dropdown-item" href="/en/offices-duesseldorf">\n
Offices in Düsseldorf\n
</a>\n
<a class="dropdown-item" href="/en/coworking-cologne">\n
Coworking in Cologne\n
</a>\n
<a class="dropdown-item" href="/en/coworking-duesseldorf">\n
Coworking in Düsseldorf\n
</a>\n
<a class="dropdown-item" href="/en/business-address-cologne">\n
Business Address Cologne\n
</a>\n
<a class="dropdown-item" href="/en/business-address-duesseldorf">\n
Business Address Düsseldorf\n
</a>\n
</div>\n
</li>\n
\n
\n
<li class="nav-item dropdown active mt-2 mr-2">\n
<a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
Conference rooms\n
</a>\n
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">\n
<a class="dropdown-item" href="/en/koeln-conference-and-meeting-rooms">\n
Conference rooms Köln\n
</a>\n
<a class="dropdown-item" href="/en/duesseldorf-conference-and-meeting-rooms">\n
Conference rooms Düsseldorf\n
</a>\n
\n
</div>\n
</li>\n
\n
\n
<li class="nav-item active mt-2 mr-2\n
">\n
<a href="/en/events" class="nav-link px-2">\n
Events\n
</a>\n
</li>\n
\n
\n
<li class="nav-item dropdown active mt-2 mr-2\n
">\n
<a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
About us\n
</a>\n
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">\n
<a class="dropdown-item" href="/en/press">\n
About STARTPLATZ\n
</a>\n
<a class="dropdown-item" href="/en/locations">\n
Locations\n
</a>\n
<a class="dropdown-item" href="/en/startplatz-team">\n
STARTPLATZ Team\n
</a>\n
<a class="dropdown-item" href="/en/partner">\n
Partner\n
</a>\n
<a class="dropdown-item" href="/en/startups">\n
Our startups\n
</a>\n
<a class="dropdown-item" href="/en/references">\n
References\n
</a>\n
<a class="dropdown-item" href="/en/career">\n
Career\n
</a>\n
\n
</div>\n
</li>\n
\n
<li class="nav-item active mt-2 mr-2">\n
<a class="nav-link px-2" href="/blog">\n
Blog\n
</a>\n
</li>\n
\n
<li class="nav-item mt-2 mr-2">\n
<link href="https://fonts.googleapis.com/icon?family=Material+Icons%7CMaterial+Icons+Outlined" rel="stylesheet">\n
<li class="nav-item dropdown active mt-2 mr-2">\n
<a href="#" class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
<span class="material-icons-outlined" style="font-size:20px; vertical-align: bottom; color:white">\n
language\n
</span>\n
</a>\n
<div class="dropdown-menu" style="width:70px; min-width:70px;" aria-labelledby="navbarDropdownMenuLink">\n
<a class="dropdown-item" href="/coworking-koeln">\n
<img src="/bundles/startplatzstyle/images/german_language.png" height="20px;" alt="Deutsch">\n
</a>\n
\n
<a class="dropdown-item" href="/en">\n
<img src="/bundles/startplatzstyle/images/english_language.png" height="20px;" alt="English">\n
</a>\n
\n
<a class="dropdown-item" href="/fr/coworking-cologne">\n
<img src="/bundles/startplatzstyle/images/french_language.png" height="20px;" alt="Français">\n
</a>\n
</div>\n
</li>\n
</li>\n
\n
<li class="nav-item active p-0 m-0 ml-lg-4 mt-2">\n
<a class="nav-link px-3"\n
style="background-color:#7ab800; border-radius: 5px;"\n
href="/login/">\n
Login\n
</a>\n
</li>\n
</ul>\n
</div>\n
</nav>\n
\n
<!-- homepage nav.homepage.bootstrap4 ends -->\n
<!-- menu ends -->\n
\n
<!-- additional css style definitions starts -->\n
<!-- style definitions to make interim homepage similar to previous homepage\n
search for\n
$this->render('@StartPlatzStyleBundle/CSS/_homepage.version-2021-winter.html.twig',[]);\n
-->\n
<style>\n
/* Event styles */\n
.bg-startplatz {\n
background-color: #7ab800;\n
}\n
\n
.bg-ai-hub {\n
background-color: #9632FF !important;\n
}\n
\n
a.bg-ai-hub:hover, a.bg-ai-hub:focus,\n
button.bg-ai-hub:hover,\n
button.bg-ai-hub:focus {\n
background-color: #b880fe !important; }\n
\n
\n
.bg-sp-grey {\n
background-color: rgba(82,84,89,0.2);\n
}\n
\n
/* redefinition for branding purposes */\n
.alert-success{\n
background-color: #7ab800;\n
color: white;\n
}\n
\n
/* Coworking styles */\n
.office-perks .card {\n
padding-bottom: 0px;\n
border-left: 4px solid #7ab800;\n
height: 110px;\n
border-radius:1.5rem;\n
background-color: #eee;\n
margin-bottom: 1.0rem;\n
\n
background: #eee;\n
padding-bottom: 2px;\n
box-shadow: none;\n
font-size: 14px;\n
}\n
.office-perks .card:hover {\n
box-shadow: none;\n
}\n
.office-perks .card-header {\n
background: none;\n
border: none;\n
}\n
.office-perks .card-body {\n
padding-top: 0rem;\n
padding: 0rem 0.8rem 0.8rem 0.8rem;\n
color: #000000;\n
line-height: 1.4;\n
font-weight: 500;\n
\n
text-align: center;\n
}\n
\n
.memberships-header h3:after {\n
content: " ";\n
display: block;\n
width: 100px;\n
border-bottom: 2px solid #8cc63f;\n
margin-top: 5px;\n
margin-bottom: 10px;\n
}\n
.center-block {\n
display: block;\n
margin-left: auto;\n
margin-right: auto;\n
}\n
.faq .panel-group {\n
margin-bottom: 20px;\n
} \n
.faq a {\n
\t\tcolor: #8cc63f;\n
\t}\n
.faq a:hover {\n
\ttext-decoration: underline;\n
}\n
.faq .panel {\n
margin-bottom: 20px;\n
background-color: #fff;\n
border-radius: 4px;\n
border: 1px solid transparent;\n
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);\n
box-shadow: 0 1px 1px rgba(0,0,0,.05);\n
}\n
.faq .panel-group .panel + .panel {\n
margin-top: 5px;\n
}\n
.faq .panel-group .panel {\n
margin-bottom: 0;\n
border-radius: 4px;\n
}\n
\t.faq .panel-default,\n
\t.faq .panel.panel-default {\n
border-color: #ddd;\n
}\n
.faq .panel-default > .panel-heading {\n
color: #333;\n
background-color: #f5f5f5;\n
border-color: #ddd;\n
}\n
.faq .panel-group .panel-heading {\n
border-bottom: 0;\n
border-bottom-color: currentcolor;\n
}\n
.faq .panel-heading {\n
padding: 10px 15px;\n
border-bottom: 1px solid transparent;\n
border-top-left-radius: 3px;\n
border-top-right-radius: 3px;\n
}\n
.faq .panel-body {\n
padding: 15px;\n
}\n
\n
.col-padding {\n
padding-left: 6px;\n
padding-right: 0px;\n
}\n
.card-title {\n
font-size: 20px;\n
font-weight: bold;\n
padding-bottom: 6px;\n
}\n
.card-title-events {\n
font-size: 20px;\n
font-weight: bold;\n
padding-bottom: 6px;\n
color:#7AB800;\n
}\n
.sp-green, .spGreen{\n
color:#7AB800;\n
}\n
.free-access-info {\n
font-weight: bold; /* Example property */\n
color: #7AB800; /* Startplatz green for free access info */\n
/* Additional styling as needed */\n
}\n
.cardsmall-title {\n
font-size: 17px;\n
font-weight: bold;\n
margin:1px;\n
}\n
.card-body {\n
color: #ffffff;\n
padding: 10px 10px 0;\n
}\n
.card-body-events{\n
color:black;\n
padding:20px;\n
}\n
.card-header {\n
background: #7AB800;\n
min-height: 50px;\n
}\n
.threeLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
display: -webkit-box;-webkit-line-clamp: 3;/* number of lines to show */line-clamp: 3;\n
-webkit-box-orient: vertical;}\n
@media (min-width: 0px) and (max-width: 767px) {\n
.card-margin-right {\n
margin-left: 15px;\n
margin-right: 15px;\n
}\n
}\n
@media (min-width: 768px) and (max-width: 991px) {\n
.card-margin-right {\n
margin-left: 15px;\n
margin-right: 15px;\n
}\n
}\n
@media (min-width: 992px) and (max-width: 1199px) {\n
.card-margin-right {\n
margin-right: 15px;\n
margin-left: 15px;\n
}\n
}\n
@media (min-width: 1200px) {\n
.card-margin-right {\n
margin-right: 20px;\n
margin-left: 15px;\n
}\n
}\n
a.link {\n
text-decoration: none;\n
color: white;\n
}\n
.introbig {\n
color: black;\n
font-size: 56px;\n
text-align:center;\n
font-weight: bold;\n
}\n
.introsmall {\n
color: black;\n
font-size: 18px;\n
text-align:center;\n
text-transform: uppercase;\n
}\n
.introteaser {\n
color: black;\n
font-size: 18px;\n
text-align:center;\n
}\n
.testimonial-name {\n
font-size: 18px;\n
text-align:center;\n
font-weight: bold;\n
}\n
.text_medium {\n
font-size:17px;\n
margin-left: 15px;\n
margin-right: 15px;\n
}\n
.card-footer {\n
margin:10px;\n
}\n
.card-body {\n
padding: 0 10px;\n
color: #ffffff;\n
}\n
#quote-text {\n
font-size:18px;\n
}\n
.bg-success {\n
background-color:#7AB800!important;\n
}\n
\n
.new-label {color:#fff;background-color:#ef5777;font-size:16px;text-transform:uppercase;padding:4px 7px;display:block;position:absolute;top:-10px;left:5px\n
}\n
\n
.banner-title {\n
font-family: 'Source Sans Pro', sans-serif;\n
text-shadow: 0px 0px 7px black;\n
font-size: 50px;\n
font-weight: bold;\n
color: white;\n
}\n
\n
/*Corporation Landingpage*/\n
\n
.bold {\n
font-weight: bold;\n
}\n
.lighter {\n
font-weight: lighter;\n
}\n
.temp-font{\n
font-family: Arial;\n
}\n
\n
.align-middle{\n
margin: auto;\n
width: 8em;\n
height: 8em;\n
}\n
\n
.list-image-hook-partner {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997119/Wordpress/Business-Club%20Landingpage%20/1.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 65px;\n
vertical-align: middle;\n
}\n
\n
.list-image-hook {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_24/v1653997119/Wordpress/Business-Club%20Landingpage%20/1.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 55px;\n
vertical-align: middle;\n
}\n
\n
.list-image-burger {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678467/Icons/business-affiliate-network.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 70px;\n
vertical-align: middle;\n
}\n
\n
.list-image-network {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997119/Wordpress/Business-Club%20Landingpage%20/5.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 70px;\n
vertical-align: middle;\n
}\n
\n
.list-image-percent {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997120/Wordpress/Business-Club%20Landingpage%20/7.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 70px;\n
vertical-align: middle;\n
}\n
\n
.list-image-megaphone {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997119/Wordpress/Business-Club%20Landingpage%20/6.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 70px;\n
vertical-align: middle;\n
}\n
\n
.list-image-global {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678469/Icons/worldwide.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 70px;\n
vertical-align: middle;\n
}\n
\n
.list-image-event {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678467/Icons/croissant.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 70px;\n
vertical-align: middle;\n
}\n
\n
.list-image-benefits {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678466/Icons/hand-shake.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 70px;\n
vertical-align: middle;\n
}\n
\n
.no-border-style{\n
border: 0px solid rgba(0,0,0,.125);\n
border-radius: 0em;\n
}\n
\n
.side-border-style{\n
border-top: 0px solid rgba(0,0,0,.125);\n
border-bottom: 0px solid rgba(0,0,0,.125);;\n
border-radius: 0em;\n
}\n
\n
.event-links a {\n
color: inherit; /* blue colors for links too */\n
text-decoration: inherit; /* no underline */\n
}\n
\n
.event-links a:hover {\n
color: inherit; /* blue colors for links too */\n
text-decoration: inherit; /* no underline */\n
}\n
\n
a.link-green {\n
color:#7AB800;\n
}\n
\n
@media (min-width: 768px) {\n
.pt-md-6,\n
.py-md-6 {\n
padding-top: 5rem !important;\n
}\n
\n
.pr-md-6,\n
.px-md-6 {\n
padding-right: 5rem !important;\n
}\n
\n
.pb-md-6,\n
.py-md-6 {\n
padding-bottom: 5rem !important;\n
}\n
\n
.pl-md-6,\n
.px-md-6 {\n
padding-left: 5rem !important;\n
}\n
}\n
\n
.pt-md-7,\n
.py-md-7 {\n
padding-top: 6rem !important;\n
}\n
\n
.pr-md-7,\n
.px-md-7 {\n
padding-right: 6rem !important;\n
}\n
\n
.pb-md-7,\n
.py-md-7 {\n
padding-bottom: 6rem !important;\n
}\n
\n
.pl-md-7,\n
.px-md-7 {\n
padding-left: 6rem !important;\n
}\n
\n
\n
@media (min-width: 768px) {\n
.height-auto {\n
height: 400px;\n
}\n
}\n
\n
@media (max-width: 400px) {\n
.space-3 {\n
padding-top: 2rem !important;\n
padding-bottom: 2rem !important; }\n
}\n
\n
.btn-sp-green {\n
color: #ffff;\n
background-color: #7ab800 ;\n
border-color: #7ab800;\n
}\n
\n
.btn-sp-green:hover {\n
color: #ffff;\n
background-color: #507900;\n
border-color: #507900;\n
}\n
\n
/*Timeline at "Nächste Schritte" section*/\n
\n
.timeline-item {\n
padding: 0.5em 2em 0.6em;\n
position: relative;\n
color: rgba(0, 0, 0, 0.88);\n
border-left: 2px solid rgba(0, 0, 0, 0.88);\n
}\n
\n
.timeline-item p {\n
font-size: 1.1rem;\n
}\n
\n
.timeline-item::before {\n
content: attr(date-is);\n
position: absolute;\n
left: 2em;\n
font-weight: bold;\n
top: 1em;\n
display: block;\n
font-family: 'Roboto', sans-serif;\n
font-weight: 700;\n
font-size: .785rem;\n
}\n
\n
.timeline-item::after {\n
width: 10px;\n
height: 10px;\n
display: block;\n
top: 1em;\n
position: absolute;\n
left: -7px;\n
border-radius: 10px;\n
content: '';\n
border: 2px solid black;\n
background: white;\n
}\n
\n
.timeline-item:last-child {\n
border-image: linear-gradient(\n
to bottom,\n
rgba(0, 0, 0, 0.88),\n
rgba(0, 0, 0, 0.88))1;\n
\n
}\n
\n
\n
/*Timeline at "Nächste Schritte" section end */\n
\n
\n
/* Slideshow container */\n
\n
.slideshow-container {\n
position: relative;\n
background: #f1f1f1f1;\n
}\n
\n
/* Slides */\n
\n
.mySlides {\n
display: none;\n
padding: 80px;\n
text-align: center;\n
background: #8cc63f;\n
}\n
\n
/* Next & previous buttons */\n
.prev, .next {\n
cursor: pointer;\n
position: absolute;\n
top: 50%;\n
width: auto;\n
margin-top: -30px;\n
padding: 16px;\n
color: white;\n
font-weight: bold;\n
font-size: 20px;\n
border-radius: 0 3px 3px 0;\n
user-select: none;\n
}\n
\n
/* Position the "next button" to the right */\n
.next {\n
position: absolute;\n
right: 0;\n
border-radius: 3px 0 0 3px;\n
}\n
\n
/* On hover, add a black background color with a little bit see-through */\n
.prev:hover, .next:hover {\n
background-color: rgba(0,0,0,0.8);\n
color: white;\n
}\n
\n
/* The dot/bullet/indicator container */\n
.dot-container {\n
text-align: center;\n
padding: 20px;\n
background: #8cc63f;\n
}\n
\n
/* The dots/bullets/indicators */\n
.dot {\n
cursor: pointer;\n
height: 15px;\n
width: 15px;\n
margin: 0 2px;\n
background-color: #bbb;\n
border-radius: 50%;\n
display: inline-block;\n
transition: background-color 0.6s ease;\n
}\n
\n
/* Add an italic font style to all quotes */\n
q {\n
font-size: 15px;\n
font-style: italic;\n
color: white;\n
}\n
\n
/* Add a blue color to the author */\n
.author {color: white;}\n
\n
/* Slideshow container end */\n
\n
/* Corporation Landingpage end */\n
\n
\n
/* Service Partner */\n
.partner-headline {\n
font-size: 40px;\n
font-weight: lighter;\n
}\n
\n
.col-same-heigth img {width: 100%; height: auto; }\n
\n
@media (min-width: 500px) {\n
.container-div {\n
display: table;\n
border-spacing: 16px;\n
}\n
.col-same-heigth {\n
display: table-cell;\n
box-sizing: border-box;\n
cell-spacing: 8px;\n
padding: 0.5em;\n
vertical-align: top\n
}\n
\n
\n
}\n
\n
\n
/* Service Partner end */\n
\n
\n
/*Card default*/\n
.card-general {\n
width: 18rem;height: 26rem;border: 2px solid #7ab800;\n
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.16), 0 0 6px rgba(0, 0, 0, 0.1);\n
transition: .4s transform cubic-bezier(.155,1.105,.295,1.12),.4s box-shadow,.4s\n
-webkit-transform cubic-bezier(.155,1.105,.295,1.12);\n
}\n
.card-general-hover:hover {transform: scale(1.04);}\n
\n
/*Card Header with background color and centered title*/\n
.card-general-header {\n
display: flex;\n
align-items: center;\n
text-align: left;\n
justify-content: center;\n
width: 100%;\n
height: 8rem;\n
background: #7ab800;\n
}\n
\n
/*Card Header with image*/\n
.card-general-header-image{text-align: center;width: 100%;height: 10rem;}\n
.card-general-header-image img {width: 100%;height: 100%;object-fit: contain;}\n
.card-general-header-image svg {width: 100%;height: 100%;object-fit: contain;}\n
\n
/*Card separator*/\n
.card-general-seperator {width: 100%;height: 0.6rem;\n
background: linear-gradient(90deg,#7AB800 0%, #AACF61 60%, #ffffff 110%);\n
}\n
\n
/*Card body default*/\n
.card-general-body {height: 15rem; display:flex; flex-direction: column; width: 100%; overflow:hidden;}\n
.card-general-body::-webkit-scrollbar {display: none; scrollbar-width: none;}\n
.rounded-pill-green{background-color: #AACF61;}\n
.rounded-pill-grey{background-color: #d7d9d4;}\n
\n
\n
\n
\n
.card-startup {\n
height: 20rem;\n
background-color: #fff;\n
border: 3px solid black;\n
flex-wrap: wrap;\n
display: flex;\n
justify-content: space-between;\n
}\n
.card-startup-logo a {\n
width: 100%;\n
height: 20rem;\n
object-fit: contain;\n
float: left;\n
}\n
.card-startup-logo img {\n
width: 100%;\n
height: 20rem;\n
max-height: 260px;\n
object-fit: contain;\n
float: left;\n
}\n
.card-startup-logo svg {\n
width: 100%;\n
height: 20rem;\n
max-height: 260px;\n
object-fit: contain;\n
float: left;\n
}\n
.card-startup .card-name {\n
font-size: 30px;\n
float: left;\n
color: black;\n
position: relative;\n
font-weight: bold;\n
display: block;\n
}\n
.card-startup .card-content {\n
width: 100%;\n
height: 100%;\n
margin: 5px 0px 0px 0px;\n
display: flex;\n
flex-direction: column;\n
}\n
.card-startup .card-content p{\n
width: 100%;\n
font-size: 15px;\n
color: black;\n
padding: 0px;\n
}\n
.card-place {\n
display: inline-block;\n
color: black;\n
padding: 10px 0px;\n
}\n
.card-place img{\n
width: 15px;\n
height: 20px;\n
}\n
.card-startup-link{\n
display: inline-block;\n
padding: 10px 0px;\n
}\n
.card-startup-link img{\n
width: 35px;\n
height: 35px;\n
}\n
.card-startup-link a{\n
color: black;\n
font-weight: bold;\n
padding: 0px 10px;\n
}\n
@media (max-width: 575px) {\n
.card-startup {\n
height: auto;\n
}\n
}\n
\n
\n
\n
.oneLineEllipsis {overflow: hidden;text-overflow: ellipsis;word-break:break-all;\n
display: -webkit-box;-webkit-line-clamp: 1;/* number of lines to show */line-clamp: 1;\n
-webkit-box-orient: vertical;}\n
.twoLineEllipsis {overflow: hidden;text-overflow: ellipsis;word-break:break-all;\n
display: -webkit-box;-webkit-line-clamp: 2;/* number of lines to show */line-clamp: 2;\n
-webkit-box-orient: vertical;}\n
.threeLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
display: -webkit-box;-webkit-line-clamp: 3;/* number of lines to show */line-clamp: 3;\n
-webkit-box-orient: vertical;}\n
.fourLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
display: -webkit-box;-webkit-line-clamp: 4;/* number of lines to show */line-clamp: 4;\n
-webkit-box-orient: vertical;}\n
.fiveLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
display: -webkit-box;-webkit-line-clamp: 5;/* number of lines to show */line-clamp: 5;\n
-webkit-box-orient: vertical;word-wrap:break-word;}\n
.sixLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
display: -webkit-box;-webkit-line-clamp: 6;/* number of lines to show */line-clamp: 6;\n
-webkit-box-orient: vertical;word-wrap:break-word;}\n
.xLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
display: -webkit-box;/* number of lines to show: line-clamp: 3;-webkit-line-clamp: 3; */\n
-webkit-box-orient: vertical;}\n
\n
\n
.office-gallery {\n
display: flex;\n
flex-wrap: wrap;\n
justify-content: center;\n
}\n
\n
.office-gallery-row {\n
display: flex;\n
flex-direction: row;\n
width: 85%;\n
}\n
\n
.office-gallery-row img {\n
width: 50%;\n
box-sizing: border-box;\n
padding: 10px;\n
}\n
\n
.flex-container-office {\n
display: flex;\n
flex-direction: row;\n
}\n
\n
@media (max-width: 800px) {\n
.flex-container-office {\n
flex-direction: column;\n
}\n
}\n
\n
.office-grid {\n
display: grid;\n
grid-template-columns: repeat(7, 1fr);\n
grid-template-rows: repeat(5, 1fr);\n
width: 100%;\n
height: 600px;\n
grid-gap: 10px;\n
}\n
\n
.grid-item1 {\n
background-image: url("https://images.unsplash.com/photo-1534719156993-f3c9448673bf?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=f089cfa06eb1cd7c0f654b39d8fdfd07&auto=format&fit=crop&w=1350&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 1/4;\n
grid-row: 1/6;\n
}\n
\n
.grid-item2 {\n
background-image: url("https://images.unsplash.com/photo-1534759846116-5799c33ce22a?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=19c8355cd5aff72debf2f4720f4c7e09&auto=format&fit=crop&w=688&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 1/2;\n
grid-row: 2/5;\n
}\n
\n
.grid-item3 {\n
background-image: url("https://images.unsplash.com/photo-1508097549463-97f74cb9a6aa?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=52c257bf60c788a1332419c74c6a8a01&auto=format&fit=crop&w=1350&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 1/5;\n
grid-row: 5/5;\n
}\n
\n
.grid-item4 {\n
background-image: url("https://images.unsplash.com/photo-1507562534834-42ebd36b00ea?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=f712012a42c9e9d9163fd9a0c80fd66a&auto=format&fit=crop&w=1202&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 2/4;\n
grid-row: 2/5;\n
}\n
\n
.grid-item5 {\n
background-image: url("https://images.unsplash.com/photo-1534714259038-764cb4cf1d58?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=d07ea713fcf12221034dafd8f4ffe82b&auto=format&fit=crop&w=1350&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 4/6;\n
grid-row: 1/3;\n
}\n
\n
.grid-item6 {\n
background-image: url("https://images.unsplash.com/photo-1515694581961-1fbdb6840a5f?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=4267be6fb944c94b672e0b3ddb458286&auto=format&fit=crop&w=634&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 4/5;\n
grid-row: 3/6;\n
}\n
\n
.grid-item7 {\n
background-image: url("https://images.unsplash.com/photo-1534703580202-6123d4189ef6?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=5478b30dec2346f00a40ab259d162068&auto=format&fit=crop&w=634&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 5/6;\n
grid-row: 3/6;\n
}\n
\n
.grid-item8 {\n
background-image: url("https://images.unsplash.com/photo-1534743901536-d184ed4194bc?ixlib=rb-0.3.5&s=21fd4555141d93425b8ee3f80f764e69&auto=format&fit=crop&w=634&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 6/8;\n
grid-row: 1/6;\n
}\n
\n
/* TARIFE */\n
\n
.card-memberships {\n
padding-bottom: 0px;\n
border-left: 4px solid #7ab800;\n
height: 170px;\n
border-radius: 1.5rem;\n
background-color: #eee;\n
margin-bottom: 1.0rem;\n
}\n
\n
.card-header-memberships {\n
display: flex;\n
align-items: center;\n
text-align: left;\n
justify-content: center;\n
width: 100%;\n
height: 90px;\n
border-bottom: none;\n
border-radius: 1.5rem;\n
}\n
\n
.card-body-memberships {\n
display: flex;\n
align-items: center;\n
justify-content: center;\n
font-size: 0.9rem;\n
line-height: 1.4;\n
font-weight: 500;\n
text-align: center;\n
color: #000000;\n
}\n
\n
.community_perks {\n
border-left: 4px solid #7ab800;\n
background-color: #eee;\n
}\n
\n
.office_perks {\n
border-top: 2px solid #ffffff;\n
border-left: 4px solid #0680bb;\n
background-color: #eee;\n
}\n
\n
.office_perks_link {\n
color: black;\n
text-decoration: underline;\n
}\n
\n
.memberships {\n
margin-right: 20px;\n
margin-left: 20px;\n
font-size: 15px;\n
}\n
\n
.memberships-headline h3{\n
font-size: 20px;\n
}\n
\n
.memberships-headline h3:after {\n
content: " ";\n
display: block;\n
width: 100px;\n
border-bottom: 2px solid #8cc63f;\n
margin-top: 5px;\n
margin-bottom: 10px;\n
}\n
\n
/* Create four columns of equal width */\n
.columns-memberships {\n
float: left;\n
width: 25%;\n
padding: 8px;\n
}\n
\n
/* Create four columns of equal width */\n
.columns-memberships {\n
float: left;\n
width: 25%;\n
padding: 8px;\n
}\n
\n
/* Change the width of the three columns to 100%\n
(to stack horizontally on small screens) */\n
@media (max-width: 768px) {\n
.columns-memberships {\n
width: 100%;\n
}\n
}\n
\n
@media (max-width: 767px) {\n
.hidden-xs {\n
display: none !important;\n
}\n
}\n
\n
a.link-memberships {\n
text-decoration: none;\n
color: #7ab800;\n
}\n
\n
/* Style the list */\n
.price {\n
list-style-type: none;\n
border: 1px solid #eee;\n
margin: 0;\n
padding: 0;\n
-webkit-transition: 0.3s;\n
transition: 0.3s;\n
}\n
\n
/* Add shadows on hover */\n
.price:hover {\n
box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)\n
}\n
\n
/* Pricing header */\n
.price .header {\n
background-color: #8cc63f;\n
color: white;\n
font-size: 25px;\n
}\n
\n
/* List items */\n
.price li {\n
border-bottom: 1px solid #eee;\n
padding: 10px;\n
text-align: center;\n
}\n
\n
/* Grey list item */\n
.price .grey {\n
background-color: #eee;\n
font-size: 20px;\n
}\n
\n
/* Grey list item location */\n
.price .grey_second {\n
background-color: #eee;\n
font-size: 14px;\n
display: inline-flex;\n
}\n
\n
/* Placeholder */\n
.clear .clear {\n
clear: both;\n
}\n
\n
\n
/* Grey list small item */\n
.price .grey_small {\n
background-color: #eee;\n
font-size: 12px;\n
}\n
\n
/* The "Sign Up" button */\n
.button-sign-up {\n
background-color: #8cc63f;\n
border: none;\n
color: white;\n
padding: 10px 25px;\n
text-align: center;\n
text-decoration: none;\n
font-size: 18px;\n
}\n
\n
.memberships-top-headline {\n
font-size: 65px;\n
}\n
\n
@media (max-width: 768px) {\n
.memberships-top-headline {\n
font-size: 55px;\n
}\n
}\n
\n
.general-line-clamp {\n
display : block;\n
display : -webkit-box;\n
-webkit-box-orient : vertical;\n
position : relative;\n
overflow : hidden;\n
text-overflow : ellipsis;\n
padding : 0 !important;\n
line-height: var(--global--line-height-body,1.2) !important;\n
}\n
\n
.general-line-clamp-1 {\n
-webkit-line-clamp : 1;\n
height : calc(1em * var(--global--line-height-body, 1.15) * 1.6);\n
}\n
\n
.general-line-clamp-2 {\n
-webkit-line-clamp : 2;\n
height : calc(1em * var(--global--line-height-body, 1.15) * 2);\n
}\n
\n
.general-line-clamp-3 {\n
-webkit-line-clamp : 3;\n
height : calc(1em * var(--global--line-height-body, 1.15) * 3);\n
}\n
\n
.general-line-clamp-4 {\n
-webkit-line-clamp : 4;\n
height : calc(1em * var(--global--line-height-body, 1.15) * 4);\n
}\n
\n
.general-line-clamp-5 {\n
-webkit-line-clamp : 5;\n
height : calc(1em * var(--global--line-height-body, 1.15) * 5.6);\n
}\n
\n
/* Geschäftsadresse Köln */\n
\n
.business-address .font-weight-light{\n
font-weight: 300!important;\n
}\n
\n
.business-address .intro-text {\n
text-align: justify;\n
max-width: 875px;\n
margin: 3rem auto;\n
}\n
\n
.business-address .intro-text p {\n
font-size: 1.6rem;\n
line-height: 1.7;\n
}\n
\n
.business-address .placeholder-addition {\n
height: 160px;\n
z-index:1;\n
position: absolute;\n
}\n
\n
.business-address .panel-heading-box{\n
background-color: #f5f5f5;\n
width: 1045px;\n
}\n
\n
.business-address .panel-heading-entry{\n
text-decoration: none !important;\n
color: #7ab800;\n
cursor:pointer;\n
}\n
\n
.business-address .panel-collapse-box{\n
background-color: white;\n
width: 1045px;\n
}\n
\n
\n
\n
</style>\n
\n
<!-- additional css style definitions ends -->\n
\n
\n
\n
<section class="" style="background-color: rgba(82,84,89,0.2);">\r\n
<div class="container">\r\n
<div class="row text-center" style="background: url('https://res.cloudinary.com/startplatz/image/upload/q_auto,f_auto/v1637934231/Wordpress/Website_banners_CoWorking_K%C3%B6ln2.png'); background-repeat: no-repeat; background-size: cover; background-position: center center; color: #fff; height: 100%; padding-top: 30px; padding-bottom: 30px;">\r\n
<div class="col-12">\r\n
<h4 style="font-size: 25px; font-family: 'Source Sans Pro', sans-serif;">Become a part of the biggest startup community in the Rhineland!</h4>\r\n
<h1 class="mt-3 mb-5" style="padding-top: 40px; font-size: 65px; font-family: 'Source Sans Pro', sans-serif;">Coworking Space at STARTPLATZ Cologne</h1>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</section><section class="" style="background-color: rgba(82,84,89,0.2);">\r\n
<div class="overlay"></div>\r\n
<div class="container">\r\n
<div class="row">\r\n
<div class="col-12 p-3" style="background: #ffffff;">\r\n
<div class="row">\r\n
<div class="col-12 text-center">You want to get out of your own depressing four walls and into an innovative and modern coworking space? Then a spot in our coworking space in Cologne is just right for you! For 180€/month, you'll get a flexible workspace and the complete package of knowledge transfer, infrastructure, idea exchange, feedback from experts, and access to the STARTPLATZ ecosystem consisting of founders, freelancers, investors, and corporates.\r\n
<center>\r\n
<a class="btn btn-success text-uppercase" style="margin-top: 25px; margin-bottom: 20px; font-weight: bold;" href="https://app.monsum.com/purchase/b4847183a0f3978eecd9c6d8fd00aedf/11025">\r\n
Book your coworking spot now!\r\n
</a>\r\n
</center>\r\n
</div>\r\n
</div>\r\n
<h2 id="community_perks" style="text-align: center; font-size: 26px;">With the Coworking Membership, you benefit from all community perks...</h2>\r\n
<div class="container office-perks">\r\n
<div class="row">\r\n
<div class="col col-sm-4 col-md-3">\r\n
<!-- Card -->\r\n
<div class="card">\r\n
<div class="card-header"><img class="img-fluid center-block" src="https://www.startplatz.de/wp-content/uploads/2018/05/netzwerk-1.png" alt="" width="30px;" height="30px;/" /></div>\r\n
<div class="card-body"><span class="">Access to the largest startup <strong>ecosystem</strong> in North Rhine-Westphalia</span></div>\r\n
</div>\r\n
<!-- .end Card -->\r\n
\r\n
\r\n
\r\n
</div>\r\n
<div class="col col-sm-4 col-md-3">\r\n
<!-- Card -->\r\n
<div class="card">\r\n
<div class="card-header"><img class="img-fluid center-block" src="https://www.startplatz.de/wp-content/uploads/2018/05/partnerangebote.png" alt="" width="30px;" height="30px;" /></div>\r\n
<div class="card-body"><span class="">A variety of discounts from our service providers</span></div>\r\n
</div>\r\n
<!-- .end Card -->\r\n
</div>\r\n
<div class="col col-sm-4 col-md-3">\r\n
<!-- Card -->\r\n
<div class="card">\r\n
<div class="card-header"><img class="img-fluid center-block" src="https://www.startplatz.de/wp-content/uploads/2018/05/pr_marketing.png" alt="" width="30px;" height="30px;/" /></div>\r\n
<div class="card-body"><span class=""><strong>Visibility & Reach</strong> through our STARTPLATZ channels</span></div>\r\n
</div>\r\n
<!-- .end Card -->\r\n
</div>\r\n
<div class="col col-sm-4 col-md-3">\r\n
<!-- Card -->\r\n
<div class="card">\r\n
<div class="card-header"><img class="img-fluid center-block" src="https://www.startplatz.de/wp-content/uploads/2018/05/online_academy.png" alt="" width="30px;" height="30px;/" /></div>\r\n
<div class="card-body"><span class="">Access to the <strong>exclusive Member Portal</strong> and Slack Workspace</span></div>\r\n
</div>\r\n
<!-- .end Card -->\r\n
</div>\r\n
<div class="col col-sm-4 col-md-3">\r\n
<!-- Card -->\r\n
<div class="card">\r\n
<div class="card-header"><img class="img-fluid center-block" src="https://www.startplatz.de/wp-content/uploads/2019/03/startup_hubs.png" alt="" width="30px;" height="auto;/" /></div>\r\n
<div class="card-body"><span class=""><strong>50% discount</strong> on meeting and conference room bookings</span></div>\r\n
</div>\r\n
<!-- .end Card -->\r\n
</div>\r\n
<div class="col col-sm-4 col-md-3">\r\n
<!-- Card -->\r\n
<div class="card">\r\n
<div class="card-header"><img class="img-fluid center-block" src="https://www.startplatz.de/wp-content/uploads/2018/05/meetup.png" alt="" width="30px;" height="auto;/" /></div>\r\n
<div class="card-body"><span class="">Free use of our mentors' consulting hours</span></div>\r\n
</div>\r\n
<!-- .end Card -->\r\n
\r\n
\r\n
\r\n
</div>\r\n
<div class="col col-sm-4 col-md-3"><!-- Card -->\r\n
<div class="card">\r\n
<div class="card-header"><img class="img-fluid center-block" src="https://www.startplatz.de/wp-content/uploads/2019/03/community_events.png" alt="" width="30px;" height="auto;/" /></div>\r\n
<div class="card-body"><span class="">Exclusive\r\n
<strong>Community\r\n
Events</strong> in Cologne\r\n
and Düsseldorf</span></div>\r\n
</div>\r\n
<!-- .end Card -->\r\n
</div>\r\n
<div class="col col-sm-4 col-md-3"><!-- Card -->\r\n
<div class="card">\r\n
<div class="card-header"><img class="img-fluid center-block" src="https://www.startplatz.de/wp-content/uploads/2018/06/raumgroesse.png" alt="" width="30px;" height="auto;/" /></div>\r\n
<div class="card-body"><span class=""><strong>50%\r\n
discount</strong> on all\r\n
workshops of our\r\n
Startup Academy</span></div>\r\n
</div>\r\n
<!-- .end Card -->\r\n
</div>\r\n
</div>\r\n
<div class="container office-perks">\r\n
<div class="row">\r\n
<div class="col-12 mt-3">\r\n
<h2 style="text-align: center; font-size: 26px;">... and additionally from\r\n
the infrastructure &\r\n
all office perks...</h2>\r\n
</div>\r\n
<div class="col col-sm-4 col-md-3"><!-- Card -->\r\n
<div class="card" style="border-left: 4px solid #0680bb;">\r\n
<div class="card-header"><img class="img-fluid center-block" src="https://www.startplatz.de/wp-content/uploads/2019/05/cowoking_desk.png" alt="" width="30px;" height="auto;" /></div>\r\n
<div class="card-body"><span class=""><strong>Flexible\r\n
workspace</strong>\r\n
in our\r\n
coworking areas</span></div>\r\n
</div>\r\n
<!-- .end Card -->\r\n
</div>\r\n
<div class="col col-sm-4 col-md-3"><!-- Card -->\r\n
<div class="card" style="border-left: 4px solid #0680bb;">\r\n
<div class="card-header"><img class="img-fluid center-block" src="https://www.startplatz.de/wp-content/uploads/2019/04/coffee_sp.png" alt="" width="30px;" height="auto;/" /></div>\r\n
<div class="card-body"><span class="">Coffee, tea and\r\n
water flat</span></div>\r\n
</div>\r\n
<!-- .end Card -->\r\n
</div>\r\n
<div class="col col-sm-4 col-md-3"><!-- Card -->\r\n
<div class="card" style="border-left: 4px solid #0680bb;">\r\n
<div class="card-header"><img class="img-fluid center-block" src="https://www.startplatz.de/wp-content/uploads/2019/04/social_area_sp.png" alt="" width="30px;" height="auto;/" /></div>\r\n
<div class="card-body"><span class="">Community areas\r\n
with table football,\r\n
lunch corner &\r\n
balcony</span></div>\r\n
</div>\r\n
<!-- .end Card -->\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
</div>\r\n
<div class="col col-sm-4 col-md-3"><!-- Card -->\r\n
<div class="card" style="border-left: 4px solid #0680bb;">\r\n
<div class="card-header"><img class="img-fluid center-block" src="https://www.startplatz.de/wp-content/uploads/2019/04/office_space_sp.png" alt="" width="30px;" height="auto;/" /></div>\r\n
<div class="card-body"><span class="">Modern office spaces at the heart of innovation in Cologne and Düsseldorf</span></div>\r\n
</div>\r\n
<!-- .end Card -->\r\n
</div>\r\n
<div class="col col-sm-4 col-md-3"><!-- Card -->\r\n
<div class="card" style="border-left: 4px solid #0680bb;">\r\n
<div class="card-header"><img class="img-fluid center-block" src="https://www.startplatz.de/wp-content/uploads/2019/04/partnerhubs_sp.png" alt="" width="30px;" height="auto;/" /></div>\r\n
<div class="card-body"><span class="">Access to our partner hubs in Europe</span></div>\r\n
</div>\r\n
<!-- .end Card -->\r\n
</div>\r\n
<div class="col col-sm-4 col-md-3"><!-- Card -->\r\n
<div class="card" style="border-left: 4px solid #0680bb;">\r\n
<div class="card-header"><img class="img-fluid center-block" src="https://www.startplatz.de/wp-content/uploads/2019/04/highspeed_interenet_icon.png" alt="" width="30px;" height="auto;/" /></div>\r\n
<div class="card-body"><span class="">High-speed internet (1Gbit)</span></div>\r\n
</div>\r\n
<!-- .end Card -->\r\n
</div>\r\n
<div class="col col-sm-4 col-md-3"><!-- Card -->\r\n
<div class="card" style="border-left: 4px solid #0680bb;">\r\n
<div class="card-header"><img class="img-fluid center-block" src="https://www.startplatz.de/wp-content/uploads/2019/04/cleaning_sp.png" alt="" width="30px;" height="auto;/" /></div>\r\n
<div class="card-body"><span class="">Daily cleaning service</span></div>\r\n
</div>\r\n
<!-- .end Card -->\r\n
</div>\r\n
<div class="col col-sm-4 col-md-3"><!-- Card -->\r\n
<div class="card" style="border-left: 4px solid #0680bb;">\r\n
<div class="card-header"><img class="img-fluid center-block" src="https://www.startplatz.de/wp-content/uploads/2019/04/printer-.png" alt="" width="30px;" height="auto;/" /></div>\r\n
<div class="card-body"><span class="">Printer, phone rooms and office supplies</span></div>\r\n
</div>\r\n
<!-- .end Card -->\r\n
\r\n
\r\n
</div>\r\n
<div class="col-12 justify-content-center"><span style="text-align: center; font-size: 26px;">\r\n
...and all this for only</span>\r\n
<span style="text-align: center; font-size: 46px;">\r\n
180 €</span> <span style="text-align: center; font-size: 26px;">\r\n
monthly</span></div>\r\n
<div class="col-12 justify-content-center"><center>\r\n
<a class="btn btn-success text-uppercase" style="margin-top: 25px; margin-bottom: 20px; font-weight: bold;" href="https://app.monsum.com/purchase/b4847183a0f3978eecd9c6d8fd00aedf/11025">\r\n
Book now your Coworking Space!</a></center></div>\r\n
<div class="col-12"><!-- Warum SP -->\r\n
<h2 style="text-align: center; font-size: 26px;">Why STARTPLATZ?</h2>\r\n
\r\n
</div>\r\n
<div class="col col-sm-6"><strong>We are NOT ONLY a\r\n
coworking space, but\r\n
also...</strong>\r\n
<ul>\r\n
\t<li>NRW's largest startup\r\n
hub</li>\r\n
\t<li>The meeting point of the\r\n
Rheinland startup scene</li>\r\n
\t<li>A strong community of\r\n
makers, experts, and\r\n
creative minds</li>\r\n
\t<li>An innovative ecosystem\r\n
of founders, freelancers,\r\n
investors, and corporates</li>\r\n
\t<li>The interface between the\r\n
old and new economy</li>\r\n
</ul>\r\n
</div>\r\n
<div class="col col-sm-6"><strong>The STARTPLATZ in\r\n
numbers</strong>\r\n
<ul>\r\n
\t<li>Over 7 years of startup\r\n
experience</li>\r\n
\t<li>More than 170 million €\r\n
have already been invested\r\n
in our startups</li>\r\n
\t<li>More than 300 events\r\n
per year</li>\r\n
\t<li>35,000 visitors per\r\n
year</li>\r\n
\t<li>350 startups in the\r\n
network</li>\r\n
</ul>\r\n
</div>\r\n
<!-- End Warum SP -->\r\n
<!-- Testimonials -->\r\n
<h2 style="text-align: center; font-size: 26px;">What our community members say</h2>\r\n
\r\n
<div class="col-12 mb-3">\r\n
<div class="row">\r\n
<div class="col-12 col-md-3"><img class="img-fluid" src="https://www.startplatz.de/wp-content/uploads/2018/03/Kamil-Barbarski-e1521457523139.jpg" alt="" width="392" height="375" /></div>\r\n
<div class="col-12 col-md-3">\r\n
<div class="post-head">\r\n
<h2>Kamil</h2>\r\n
<em>Entrepreneur\r\n
& Co-founder\r\n
MAK3it</em>\r\n
</div>\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
<div class="post-body">What distinguishes the community here at STARTPLATZ is the open exchange. You can really talk to anyone at the foosball table or the coffee machine and learn a lot. Many problems have found a solution this way.</div>\r\n
</div>\r\n
<div class="col-12 col-md-3"><img class="img-fluid" src="https://www.startplatz.de/wp-content/uploads/2019/05/Marianne_Ohm_codiviti.jpg" alt="" /></div>\r\n
<div class="col-12 col-md-3">\r\n
<div class="post-head">\r\n
<h2>Marianne</h2>\r\n
<em>CEO\r\n
Codiviti</em>\r\n
</div>\r\n
<div class="post-body">The decisive factor why we chose STARTPLATZ as our workbase is the access to the huge network and the chance to network with other founders and like-minded people, exciting companies, and startup mentors in a creative and motivating atmosphere.</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
<div class="col-12">\r\n
<div class="row">\r\n
<div class="col-12 col-md-3"><img class="img-fluid" src="https://www.startplatz.de/wp-content/uploads/2019/05/nora_quadrat.jpg" alt="nora grazzini" /></div>\r\n
<div class="col-12 col-md-3">\r\n
<div class="post-head">\r\n
<h2>Nora</h2>\r\n
<em>Founder\r\n
Radbonus</em>\r\n
</div>\r\n
<div class="post-body">STARTPLATZ is the place where I felt welcome from the beginning and where I could unfold myself as an entrepreneur. Here I found the know-how, the network, and the spaces where I feel at home with my ideas.</div>\r\n
</div>\r\n
<div class="col-12 col-md-3"><img class="img-fluid" src="https://www.startplatz.de/wp-content/uploads/2017/10/Dr.-Joachim-Lammert.jpg" alt="" width="768" height="768" /></div>\r\n
<div class="col-12 col-md-3">\r\n
<div class="post-head">\r\n
<h2>Joachim</h2>\r\n
<em>Founder\r\n
FanQ</em>\r\n
</div>\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
<div class="post-body">The STARTPLATZ is\r\n
the ideal environment\r\n
for me to start a\r\n
business - very\r\n
positive and inspiring\r\n
working atmosphere,\r\n
extensive network,\r\n
important contacts and\r\n
advisors, events and\r\n
training, diverse\r\n
support from the\r\n
STARTPLATZ,\r\n
(almost) "familiar"\r\n
support and complete\r\n
office infrastructure.</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
<!-- Testimonials End -->\r\n
<div class="col-12"><center>\r\n
<a class="btn btn-success text-uppercase" style="margin-top: 25px; margin-bottom: 20px; font-weight: bold;" href="https://app.monsum.com/purchase/b4847183a0f3978eecd9c6d8fd00aedf/11025">\r\n
Book a coworking space now!</a></center></div>\r\n
<!-- Pictures -->\r\n
<h3 style="text-align: center; font-size: 26px;">The STARTPLATZ Cologne in pictures</h3>\r\n
\r\n
<div class="col-12">\r\n
<div class="row">\r\n
<div class="col-12 col-sm-6 col-md-6"><img class="img-fluid" src="https://www.startplatz.de/wp-content/uploads/2019/06/Startplatz_coworking_koeln.jpg" alt="Cozy atmosphere in the coworking space" />\r\n
<p style="text-align: center; padding-bottom: 4rem;">Cozy atmosphere in the coworking space</p>\r\n
</div>\r\n
<div class="col-12 col-sm-6 col-md-6"><img class="img-fluid" src="https://www.startplatz.de/wp-content/uploads/2018/03/Startplatz_Konferenzraum_Pitchveranstaltung.jpg" alt="" />\r\n
<p style="text-align: center; padding-bottom: 4rem;">Rheinland-Pitch at STARTPLATZ Cologne</p>\r\n
</div>\r\n
</div>\r\n
<div class="row">\r\n
<div class="col-12 col-sm-6 col-md-6"><img class="img-fluid" src="https://www.startplatz.de/wp-content/uploads/2019/05/Community_BBQ_Koeln.jpg" alt="" />\r\n
<p style="text-align: center; padding-bottom: 4rem;">Exchange of startups at the Startup BBQ in Cologne</p>\r\n
</div>\r\n
<div class="col-12 col-sm-6 col-md-6"><img class="img-fluid" src="https://res.cloudinary.com/startplatz/image/upload/q_auto,f_auto/v1637934514/Wordpress/DSC_6456.jpg" alt="" />\r\n
<p style="text-align: center; padding-bottom: 4rem;">The exterior view of STARTPLATZ Cologne</p>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
\r\n
\r\n
<!-- End Bilder -->\r\n
<div class="section-header">\r\n
<h3 style="text-align: center;">360° Tour of STARTPLATZ Cologne</h3>\r\n
</div>\r\n
<div class="row">\r\n
<div class="col-12 col-md-6 col-sm-6">\r\n
<div class="embed-responsive embed-responsive-4by3"><iframe class="embed-responsive-item" style="border: 0;" src="https://mpembed.com/show/?m=ZY8irrfVNwA&mpu=95" width="600" height="450" frameborder="0" allowfullscreen="allowfullscreen">></iframe></div>\r\n
</div>\r\n
<div class="col-12 col-md-6 col-sm-6">\r\n
<div class="embed-responsive embed-responsive-4by3"><iframe class="embed-responsive-item" style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d10054.614518297072!2d6.9448365!3d50.9486184!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x633cba727abfdbaa!2sSTARTPLATZ!5e0!3m2!1sde!2sde!4v1559047712399!5m2!1sde!2sde" width="600" height="450" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>\r\n
</div>\r\n
</div>\r\n
<!-- Coworking FAQ -->\r\n
<div class="col-12 faq mt-5">\r\n
<h3 style="text-align: center; font-size: 26px;">FAQ - Coworking Cologne</h3>\r\n
\r\n
<div id="accordion" class="panel-group">\r\n
<div class="panel panel-default">\r\n
<div class="panel-heading"><strong><a href="#collapse1" data-toggle="collapse" data-parent="#accordion">What is the notice period for the Coworker membership?</a></strong></div>\r\n
<div id="collapse1" class="panel-collapse collapse">\r\n
<div class="panel-body">The notice period for the Coworking membership is only one month and can be terminated at any time.</div>\r\n
</div>\r\n
</div>\r\n
<div class="panel panel-default">\r\n
<div class="panel-heading"><strong><a href="#collapse2" data-toggle="collapse" data-parent="#accordion">What is the minimum term for the Coworker membership?</a></strong></div>\r\n
<div id="collapse2" class="panel-collapse collapse">\r\n
<div class="panel-body">There is no minimum term.</div>\r\n
</div>\r\n
</div>\r\n
<div class="panel panel-default">\r\n
<div class="panel-heading"><strong><a href="#collapse3" data-toggle="collapse" data-parent="#accordion">How often can I work at STARTPLATZ with the Coworking membership?</a></strong></div>\r\n
<div id="collapse3" class="panel-collapse collapse">\r\n
<div class="panel-body">There is no limitation, you can work at STARTPLATZ as often as you like.</div>\r\n
</div>\r\n
</<div class="panel panel-default">\r\n
<div class="panel-heading"><strong><a href="#collapse4" data-toggle="collapse" data-parent="#accordion">Are there parking spaces available?</a></strong></div>\r\n
<div id="collapse4" class="panel-collapse collapse">\r\n
<div class="panel-body">Yes, parking is available at one of the large parking garages in Mediapark at any time.</div>\r\n
</div>\r\n
</div>\r\n
<div class="panel panel-default">\r\n
<div class="panel-heading"><strong><a href="#collapse5" data-toggle="collapse" data-parent="#accordion">Is STARTPLATZ easily accessible by public transportation?</a></strong></div>\r\n
<div id="collapse5" class="panel-collapse collapse">\r\n
<div class="panel-body">Yes, Mediapark can be easily reached by lines 12 and 15. It takes about 5 minutes on foot from the Christophstraße/Mediapark stop to the STARTPLATZ office building. The Hansaring station is also easily accessible via lines S6 and S11, which is also nearby.</div>\r\n
</div>\r\n
</div>\r\n
<div class="panel panel-default">\r\n
<div class="panel-heading"><strong><a href="#collapse6" data-toggle="collapse" data-parent="#accordion">Do you want to join a coworking membership at STARTPLATZ Cologne but are also interested in working at STARTPLATZ Düsseldorf occasionally?</a></strong></div>\r\n
<div id="collapse6" class="panel-collapse collapse">\r\n
<div class="panel-body">No problem! With the coworking membership, you can work in both Cologne and Düsseldorf as often as you like!</div>\r\n
</div>\r\n
</div>\r\n
\r\n
\r\n
\r\n
<div class="panel panel-default">\r\n
<div class="panel-heading"><strong><a href="#collapse7" data-toggle="collapse" data-parent="#accordion">Do you want to add STARTPLATZ Köln or Düsseldorf as your official business address?</a></strong></div>\r\n
<div id="collapse7" class="panel-collapse collapse">\r\n
<div class="panel-body">No problem, simply book an official business address online! You can also have your mail sent conveniently to STARTPLATZ.</div>\r\n
</div>\r\n
</div>\r\n
<div class="panel panel-default">\r\n
<div class="panel-heading"><strong><a href="#collapse8" data-toggle="collapse" data-parent="#accordion">I have further questions about the Coworking Membership, who can I contact?</a></strong></div>\r\n
<div id="collapse8" class="panel-collapse collapse">\r\n
<div class="panel-body">We are happy to assist you with any questions you may have. Please send an email to mitgliedschaft@startplatz.de or call us at 0221 975 802 15.</div>\r\n
</div>\r\n
</div>\r\n
<!-- END FAQ -->\r\n
</div>\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
\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="https://accelerator.startplatz.de/"><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="sfwdtff6f18" class="sf-toolbar sf-display-none" role="region" aria-label="Symfony Web Debug Toolbar"> <!-- START of Symfony Web Debug Toolbar --><div id="sfMiniToolbar-ff6f18" class="sf-minitoolbar" data-no-turbolink data-turbo="false"> <button type="button" title="Show Symfony toolbar" id="sfToolbarMiniToggler-ff6f18" accesskey="D" aria-expanded="false" aria-controls="sfToolbarMainContent-ff6f18"> <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-ff6f18" class="sf-toolbar-clearer"></div><div id="sfToolbarMainContent-ff6f18" 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/ff6f18?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-ff6f18"></span> </div> <div class="sf-toolbar-info-piece"> <b> <button class="sf-cancel-button" type="button" id="sfLoadCancel-ff6f18" title="Cancel loading">Cancel</button> </b> </div> </div></div> <button class="hide-button" type="button" id="sfToolbarHideButton-ff6f18" title="Close Toolbar" accesskey="D" aria-expanded="true" aria-controls="sfToolbarMainContent-ff6f18"> <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="236329b5200584291178b090d9992369">/*<![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="0d1284d9f842e984cbc183dd079fb7fb"> .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="236329b5200584291178b090d9992369">/*<![CDATA[*/ (function () { Sfjs.loadToolbar('ff6f18'); })();/*]]>*/</script>\n
</body>\n
</html>\n
"""
#version: "1.1"
#statusCode: 200
#statusText: "OK"
#charset: "UTF-8"
} |