| _wordpressResponse |
Symfony\Component\HttpFoundation\Response {#5132
+headers: Symfony\Component\HttpFoundation\ResponseHeaderBag {#2860 …}
#content: """
<!DOCTYPE html>\n
<html lang="en">\n
<head>\n
<!-- header-startplatz-v40.php starts -->\n
<meta charset="utf-8">\n
<meta name="viewport" content="width=device-width, initial-scale=1">\n
\n
<link rel="profile" href="http://gmpg.org/xfn/11">\n
<link rel="pingback" href="https://www.startplatz.de/xmlrpc.php">\n
<!-- Apple Touch Icon (180x180 auto-scales) -->\n
<link rel="apple-touch-icon" href="/apple-touch-icon.png">\n
<!-- Favicon -->\n
\n
<link rel="icon" href="/favicon.png" sizes="32x32">\n
\n
<script src="https://kit.fontawesome.com/30335e3531.js" crossorigin="anonymous"></script>\n
\n
<!-- Google tag (gtag.js) -->\n
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XYVL4EFW9X"></script>\n
<script>\n
window.dataLayer = window.dataLayer || [];\n
function gtag(){dataLayer.push(arguments);}\n
gtag('js', new Date());\n
\n
gtag('config', 'G-XYVL4EFW9X');\n
</script>\n
<!-- End Google tag -->\n
\n
<!-- Google Tag Manager -->\n
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\n
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\n
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n
})(window,document,'script','dataLayer','GTM-5WTVWDT');</script>\n
<!-- End Google Tag Manager -->\n
\n
<!-- Facebook Pixel Code -->\n
<script>\n
!function(f,b,e,v,n,t,s)\n
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n
n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n
n.queue=[];t=b.createElement(e);t.async=!0;\n
t.src=v;s=b.getElementsByTagName(e)[0];\n
s.parentNode.insertBefore(t,s)}(window,document,'script',\n
'https://connect.facebook.net/en_US/fbevents.js');\n
fbq('init', '380666967734105');\n
fbq('track', 'PageView');\n
</script>\n
<noscript>\n
<img height="1" width="1"\n
src="https://www.facebook.com/tr?id=380666967734105&ev=PageView&noscript=1"/>\n
</noscript>\n
<!-- End Facebook Pixel Code -->\n
\n
\n
<noscript>\n
<img height="1" width="1" src="https://www.facebook.com/tr?id=767917863396798&ev=PageView&noscript=1"/>\n
</noscript>\n
\n
<!-- wp_head starts -->\n
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />\n
\t<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>\n
\t\n
\t<!-- This site is optimized with the Yoast SEO Premium plugin v26.4 (Yoast SEO v26.4) - https://yoast.com/wordpress/plugins/seo/ -->\n
\t<title>Coworking Düsseldorf Medienhafen - Flexible from €180 / month</title>\n
\t<meta name="description" content="Coworking Düsseldorf at STARTPLATZ: flexible rates, central location. Secure your space now & join the largest startup community in NRW." />\n
\t<link rel="canonical" href="https://www.staging.startplatz.de/en/coworking-duesseldorf/" />\n
\t<meta property="og:locale" content="de_DE" />\n
\t<meta property="og:type" content="article" />\n
\t<meta property="og:title" content="Coworking Düsseldorf" />\n
\t<meta property="og:description" content="Coworking Düsseldorf at STARTPLATZ: flexible rates, central location. Secure your space now & join the largest startup community in NRW." />\n
\t<meta property="og:url" content="https://www.staging.startplatz.de/en/coworking-duesseldorf/" />\n
\t<meta property="og:site_name" content="STARTPLATZ" />\n
\t<meta property="article:modified_time" content="2025-05-23T08:40:53+00:00" />\n
\t<meta property="og:image" content="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1737547718/conference-rooms/Confi%20DUS%20new/Au%C3%9Fenansicht.jpg" />\n
\t<meta name="twitter:label1" content="Geschätzte Lesezeit" />\n
\t<meta name="twitter:data1" content="15 Minuten" />\n
\t<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.staging.startplatz.de/en/coworking-duesseldorf/","url":"https://www.staging.startplatz.de/en/coworking-duesseldorf/","name":"Coworking Düsseldorf Medienhafen - Flexible from €180 / month","isPartOf":{"@id":"https://www.staging.startplatz.de/#website"},"primaryImageOfPage":{"@id":"https://www.staging.startplatz.de/en/coworking-duesseldorf/#primaryimage"},"image":{"@id":"https://www.staging.startplatz.de/en/coworking-duesseldorf/#primaryimage"},"thumbnailUrl":"https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1737547718/conference-rooms/Confi%20DUS%20new/Au%C3%9Fenansicht.jpg","datePublished":"2025-03-11T13:44:57+00:00","dateModified":"2025-05-23T08:40:53+00:00","description":"Coworking Düsseldorf at STARTPLATZ: flexible rates, central location. Secure your space now & join the largest startup community in NRW.","breadcrumb":{"@id":"https://www.staging.startplatz.de/en/coworking-duesseldorf/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https://www.staging.startplatz.de/en/coworking-duesseldorf/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https://www.staging.startplatz.de/en/coworking-duesseldorf/#primaryimage","url":"https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1737547718/conference-rooms/Confi%20DUS%20new/Au%C3%9Fenansicht.jpg","contentUrl":"https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1737547718/conference-rooms/Confi%20DUS%20new/Au%C3%9Fenansicht.jpg"},{"@type":"BreadcrumbList","@id":"https://www.staging.startplatz.de/en/coworking-duesseldorf/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.staging.startplatz.de/"},{"@type":"ListItem","position":2,"name":"STARTPLATZ: the hotspot of the NRW Startup-Scene","item":"https://www.staging.startplatz.de/en/"},{"@type":"ListItem","position":3,"name":"Coworking Düsseldorf"}]},{"@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/77306" /><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=77306' />\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-duesseldorf%2F" />\n
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.staging.startplatz.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.staging.startplatz.de%2Fen%2Fcoworking-duesseldorf%2F&format=xml" />\n
<!-- wp_head ends -->\n
\n
\n
<!-- Bootstrap CSS -->\n
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">\n
\n
<!-- Google Fonts -->\n
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap" rel="stylesheet">\n
\n
<!-- additional CSS based on page settings -->\n
<!-- style definitions to make interim homepage similar to previous homepage\n
search for\n
$this->render('@StartPlatzStyleBundle/CSS/_homepage.version-2021-winter.html.twig',[]);\n
-->\n
<style>\n
/* Event styles */\n
.bg-startplatz {\n
background-color: #7ab800;\n
}\n
\n
.bg-ai-hub {\n
background-color: #9632FF !important;\n
}\n
\n
a.bg-ai-hub:hover, a.bg-ai-hub:focus,\n
button.bg-ai-hub:hover,\n
button.bg-ai-hub:focus {\n
background-color: #b880fe !important; }\n
\n
\n
.bg-sp-grey {\n
background-color: rgba(82,84,89,0.2);\n
}\n
\n
/* redefinition for branding purposes */\n
.alert-success{\n
background-color: #7ab800;\n
color: white;\n
}\n
\n
/* Coworking styles */\n
.office-perks .card {\n
padding-bottom: 0px;\n
border-left: 4px solid #7ab800;\n
height: 110px;\n
border-radius:1.5rem;\n
background-color: #eee;\n
margin-bottom: 1.0rem;\n
\n
background: #eee;\n
padding-bottom: 2px;\n
box-shadow: none;\n
font-size: 14px;\n
}\n
.office-perks .card:hover {\n
box-shadow: none;\n
}\n
.office-perks .card-header {\n
background: none;\n
border: none;\n
}\n
.office-perks .card-body {\n
padding-top: 0rem;\n
padding: 0rem 0.8rem 0.8rem 0.8rem;\n
color: #000000;\n
line-height: 1.4;\n
font-weight: 500;\n
\n
text-align: center;\n
}\n
\n
.memberships-header h3:after {\n
content: " ";\n
display: block;\n
width: 100px;\n
border-bottom: 2px solid #8cc63f;\n
margin-top: 5px;\n
margin-bottom: 10px;\n
}\n
.center-block {\n
display: block;\n
margin-left: auto;\n
margin-right: auto;\n
}\n
.faq .panel-group {\n
margin-bottom: 20px;\n
} \n
.faq a {\n
\t\tcolor: #8cc63f;\n
\t}\n
.faq a:hover {\n
\ttext-decoration: underline;\n
}\n
.faq .panel {\n
margin-bottom: 20px;\n
background-color: #fff;\n
border-radius: 4px;\n
border: 1px solid transparent;\n
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);\n
box-shadow: 0 1px 1px rgba(0,0,0,.05);\n
}\n
.faq .panel-group .panel + .panel {\n
margin-top: 5px;\n
}\n
.faq .panel-group .panel {\n
margin-bottom: 0;\n
border-radius: 4px;\n
}\n
\t.faq .panel-default,\n
\t.faq .panel.panel-default {\n
border-color: #ddd;\n
}\n
.faq .panel-default > .panel-heading {\n
color: #333;\n
background-color: #f5f5f5;\n
border-color: #ddd;\n
}\n
.faq .panel-group .panel-heading {\n
border-bottom: 0;\n
border-bottom-color: currentcolor;\n
}\n
.faq .panel-heading {\n
padding: 10px 15px;\n
border-bottom: 1px solid transparent;\n
border-top-left-radius: 3px;\n
border-top-right-radius: 3px;\n
}\n
.faq .panel-body {\n
padding: 15px;\n
}\n
\n
.col-padding {\n
padding-left: 6px;\n
padding-right: 0px;\n
}\n
.card-title {\n
font-size: 20px;\n
font-weight: bold;\n
padding-bottom: 6px;\n
}\n
.card-title-events {\n
font-size: 20px;\n
font-weight: bold;\n
padding-bottom: 6px;\n
color:#7AB800;\n
}\n
.sp-green, .spGreen{\n
color:#7AB800;\n
}\n
.free-access-info {\n
font-weight: bold; /* Example property */\n
color: #7AB800; /* Startplatz green for free access info */\n
/* Additional styling as needed */\n
}\n
.cardsmall-title {\n
font-size: 17px;\n
font-weight: bold;\n
margin:1px;\n
}\n
.card-body {\n
color: #ffffff;\n
padding: 10px 10px 0;\n
}\n
.card-body-events{\n
color:black;\n
padding:20px;\n
}\n
.card-header {\n
background: #7AB800;\n
min-height: 50px;\n
}\n
.threeLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
display: -webkit-box;-webkit-line-clamp: 3;/* number of lines to show */line-clamp: 3;\n
-webkit-box-orient: vertical;}\n
@media (min-width: 0px) and (max-width: 767px) {\n
.card-margin-right {\n
margin-left: 15px;\n
margin-right: 15px;\n
}\n
}\n
@media (min-width: 768px) and (max-width: 991px) {\n
.card-margin-right {\n
margin-left: 15px;\n
margin-right: 15px;\n
}\n
}\n
@media (min-width: 992px) and (max-width: 1199px) {\n
.card-margin-right {\n
margin-right: 15px;\n
margin-left: 15px;\n
}\n
}\n
@media (min-width: 1200px) {\n
.card-margin-right {\n
margin-right: 20px;\n
margin-left: 15px;\n
}\n
}\n
a.link {\n
text-decoration: none;\n
color: white;\n
}\n
.introbig {\n
color: black;\n
font-size: 56px;\n
text-align:center;\n
font-weight: bold;\n
}\n
.introsmall {\n
color: black;\n
font-size: 18px;\n
text-align:center;\n
text-transform: uppercase;\n
}\n
.introteaser {\n
color: black;\n
font-size: 18px;\n
text-align:center;\n
}\n
.testimonial-name {\n
font-size: 18px;\n
text-align:center;\n
font-weight: bold;\n
}\n
.text_medium {\n
font-size:17px;\n
margin-left: 15px;\n
margin-right: 15px;\n
}\n
.card-footer {\n
margin:10px;\n
}\n
.card-body {\n
padding: 0 10px;\n
color: #ffffff;\n
}\n
#quote-text {\n
font-size:18px;\n
}\n
.bg-success {\n
background-color:#7AB800!important;\n
}\n
\n
.new-label {color:#fff;background-color:#ef5777;font-size:16px;text-transform:uppercase;padding:4px 7px;display:block;position:absolute;top:-10px;left:5px\n
}\n
\n
.banner-title {\n
font-family: 'Source Sans Pro', sans-serif;\n
text-shadow: 0px 0px 7px black;\n
font-size: 50px;\n
font-weight: bold;\n
color: white;\n
}\n
\n
/*Corporation Landingpage*/\n
\n
.bold {\n
font-weight: bold;\n
}\n
.lighter {\n
font-weight: lighter;\n
}\n
.temp-font{\n
font-family: Arial;\n
}\n
\n
.align-middle{\n
margin: auto;\n
width: 8em;\n
height: 8em;\n
}\n
\n
.list-image-hook-partner {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997119/Wordpress/Business-Club%20Landingpage%20/1.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 65px;\n
vertical-align: middle;\n
}\n
\n
.list-image-hook {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_24/v1653997119/Wordpress/Business-Club%20Landingpage%20/1.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 55px;\n
vertical-align: middle;\n
}\n
\n
.list-image-burger {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678467/Icons/business-affiliate-network.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 70px;\n
vertical-align: middle;\n
}\n
\n
.list-image-network {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997119/Wordpress/Business-Club%20Landingpage%20/5.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 70px;\n
vertical-align: middle;\n
}\n
\n
.list-image-percent {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997120/Wordpress/Business-Club%20Landingpage%20/7.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 70px;\n
vertical-align: middle;\n
}\n
\n
.list-image-megaphone {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997119/Wordpress/Business-Club%20Landingpage%20/6.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 70px;\n
vertical-align: middle;\n
}\n
\n
.list-image-global {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678469/Icons/worldwide.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 70px;\n
vertical-align: middle;\n
}\n
\n
.list-image-event {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678467/Icons/croissant.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 70px;\n
vertical-align: middle;\n
}\n
\n
.list-image-benefits {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678466/Icons/hand-shake.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 70px;\n
vertical-align: middle;\n
}\n
\n
.no-border-style{\n
border: 0px solid rgba(0,0,0,.125);\n
border-radius: 0em;\n
}\n
\n
.side-border-style{\n
border-top: 0px solid rgba(0,0,0,.125);\n
border-bottom: 0px solid rgba(0,0,0,.125);;\n
border-radius: 0em;\n
}\n
\n
.event-links a {\n
color: inherit; /* blue colors for links too */\n
text-decoration: inherit; /* no underline */\n
}\n
\n
.event-links a:hover {\n
color: inherit; /* blue colors for links too */\n
text-decoration: inherit; /* no underline */\n
}\n
\n
a.link-green {\n
color:#7AB800;\n
}\n
\n
@media (min-width: 768px) {\n
.pt-md-6,\n
.py-md-6 {\n
padding-top: 5rem !important;\n
}\n
\n
.pr-md-6,\n
.px-md-6 {\n
padding-right: 5rem !important;\n
}\n
\n
.pb-md-6,\n
.py-md-6 {\n
padding-bottom: 5rem !important;\n
}\n
\n
.pl-md-6,\n
.px-md-6 {\n
padding-left: 5rem !important;\n
}\n
}\n
\n
.pt-md-7,\n
.py-md-7 {\n
padding-top: 6rem !important;\n
}\n
\n
.pr-md-7,\n
.px-md-7 {\n
padding-right: 6rem !important;\n
}\n
\n
.pb-md-7,\n
.py-md-7 {\n
padding-bottom: 6rem !important;\n
}\n
\n
.pl-md-7,\n
.px-md-7 {\n
padding-left: 6rem !important;\n
}\n
\n
\n
@media (min-width: 768px) {\n
.height-auto {\n
height: 400px;\n
}\n
}\n
\n
@media (max-width: 400px) {\n
.space-3 {\n
padding-top: 2rem !important;\n
padding-bottom: 2rem !important; }\n
}\n
\n
.btn-sp-green {\n
color: #ffff;\n
background-color: #7ab800 ;\n
border-color: #7ab800;\n
}\n
\n
.btn-sp-green:hover {\n
color: #ffff;\n
background-color: #507900;\n
border-color: #507900;\n
}\n
\n
/*Timeline at "Nächste Schritte" section*/\n
\n
.timeline-item {\n
padding: 0.5em 2em 0.6em;\n
position: relative;\n
color: rgba(0, 0, 0, 0.88);\n
border-left: 2px solid rgba(0, 0, 0, 0.88);\n
}\n
\n
.timeline-item p {\n
font-size: 1.1rem;\n
}\n
\n
.timeline-item::before {\n
content: attr(date-is);\n
position: absolute;\n
left: 2em;\n
font-weight: bold;\n
top: 1em;\n
display: block;\n
font-family: 'Roboto', sans-serif;\n
font-weight: 700;\n
font-size: .785rem;\n
}\n
\n
.timeline-item::after {\n
width: 10px;\n
height: 10px;\n
display: block;\n
top: 1em;\n
position: absolute;\n
left: -7px;\n
border-radius: 10px;\n
content: '';\n
border: 2px solid black;\n
background: white;\n
}\n
\n
.timeline-item:last-child {\n
border-image: linear-gradient(\n
to bottom,\n
rgba(0, 0, 0, 0.88),\n
rgba(0, 0, 0, 0.88))1;\n
\n
}\n
\n
\n
/*Timeline at "Nächste Schritte" section end */\n
\n
\n
/* Slideshow container */\n
\n
.slideshow-container {\n
position: relative;\n
background: #f1f1f1f1;\n
}\n
\n
/* Slides */\n
\n
.mySlides {\n
display: none;\n
padding: 80px;\n
text-align: center;\n
background: #8cc63f;\n
}\n
\n
/* Next & previous buttons */\n
.prev, .next {\n
cursor: pointer;\n
position: absolute;\n
top: 50%;\n
width: auto;\n
margin-top: -30px;\n
padding: 16px;\n
color: white;\n
font-weight: bold;\n
font-size: 20px;\n
border-radius: 0 3px 3px 0;\n
user-select: none;\n
}\n
\n
/* Position the "next button" to the right */\n
.next {\n
position: absolute;\n
right: 0;\n
border-radius: 3px 0 0 3px;\n
}\n
\n
/* On hover, add a black background color with a little bit see-through */\n
.prev:hover, .next:hover {\n
background-color: rgba(0,0,0,0.8);\n
color: white;\n
}\n
\n
/* The dot/bullet/indicator container */\n
.dot-container {\n
text-align: center;\n
padding: 20px;\n
background: #8cc63f;\n
}\n
\n
/* The dots/bullets/indicators */\n
.dot {\n
cursor: pointer;\n
height: 15px;\n
width: 15px;\n
margin: 0 2px;\n
background-color: #bbb;\n
border-radius: 50%;\n
display: inline-block;\n
transition: background-color 0.6s ease;\n
}\n
\n
/* Add an italic font style to all quotes */\n
q {\n
font-size: 15px;\n
font-style: italic;\n
color: white;\n
}\n
\n
/* Add a blue color to the author */\n
.author {color: white;}\n
\n
/* Slideshow container end */\n
\n
/* Corporation Landingpage end */\n
\n
\n
/* Service Partner */\n
.partner-headline {\n
font-size: 40px;\n
font-weight: lighter;\n
}\n
\n
.col-same-heigth img {width: 100%; height: auto; }\n
\n
@media (min-width: 500px) {\n
.container-div {\n
display: table;\n
border-spacing: 16px;\n
}\n
.col-same-heigth {\n
display: table-cell;\n
box-sizing: border-box;\n
cell-spacing: 8px;\n
padding: 0.5em;\n
vertical-align: top\n
}\n
\n
\n
}\n
\n
\n
/* Service Partner end */\n
\n
\n
/*Card default*/\n
.card-general {\n
width: 18rem;height: 26rem;border: 2px solid #7ab800;\n
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.16), 0 0 6px rgba(0, 0, 0, 0.1);\n
transition: .4s transform cubic-bezier(.155,1.105,.295,1.12),.4s box-shadow,.4s\n
-webkit-transform cubic-bezier(.155,1.105,.295,1.12);\n
}\n
.card-general-hover:hover {transform: scale(1.04);}\n
\n
/*Card Header with background color and centered title*/\n
.card-general-header {\n
display: flex;\n
align-items: center;\n
text-align: left;\n
justify-content: center;\n
width: 100%;\n
height: 8rem;\n
background: #7ab800;\n
}\n
\n
/*Card Header with image*/\n
.card-general-header-image{text-align: center;width: 100%;height: 10rem;}\n
.card-general-header-image img {width: 100%;height: 100%;object-fit: contain;}\n
.card-general-header-image svg {width: 100%;height: 100%;object-fit: contain;}\n
\n
/*Card separator*/\n
.card-general-seperator {width: 100%;height: 0.6rem;\n
background: linear-gradient(90deg,#7AB800 0%, #AACF61 60%, #ffffff 110%);\n
}\n
\n
/*Card body default*/\n
.card-general-body {height: 15rem; display:flex; flex-direction: column; width: 100%; overflow:hidden;}\n
.card-general-body::-webkit-scrollbar {display: none; scrollbar-width: none;}\n
.rounded-pill-green{background-color: #AACF61;}\n
.rounded-pill-grey{background-color: #d7d9d4;}\n
\n
\n
\n
\n
.card-startup {\n
height: 20rem;\n
background-color: #fff;\n
border: 3px solid black;\n
flex-wrap: wrap;\n
display: flex;\n
justify-content: space-between;\n
}\n
.card-startup-logo a {\n
width: 100%;\n
height: 20rem;\n
object-fit: contain;\n
float: left;\n
}\n
.card-startup-logo img {\n
width: 100%;\n
height: 20rem;\n
max-height: 260px;\n
object-fit: contain;\n
float: left;\n
}\n
.card-startup-logo svg {\n
width: 100%;\n
height: 20rem;\n
max-height: 260px;\n
object-fit: contain;\n
float: left;\n
}\n
.card-startup .card-name {\n
font-size: 30px;\n
float: left;\n
color: black;\n
position: relative;\n
font-weight: bold;\n
display: block;\n
}\n
.card-startup .card-content {\n
width: 100%;\n
height: 100%;\n
margin: 5px 0px 0px 0px;\n
display: flex;\n
flex-direction: column;\n
}\n
.card-startup .card-content p{\n
width: 100%;\n
font-size: 15px;\n
color: black;\n
padding: 0px;\n
}\n
.card-place {\n
display: inline-block;\n
color: black;\n
padding: 10px 0px;\n
}\n
.card-place img{\n
width: 15px;\n
height: 20px;\n
}\n
.card-startup-link{\n
display: inline-block;\n
padding: 10px 0px;\n
}\n
.card-startup-link img{\n
width: 35px;\n
height: 35px;\n
}\n
.card-startup-link a{\n
color: black;\n
font-weight: bold;\n
padding: 0px 10px;\n
}\n
@media (max-width: 575px) {\n
.card-startup {\n
height: auto;\n
}\n
}\n
\n
\n
\n
.oneLineEllipsis {overflow: hidden;text-overflow: ellipsis;word-break:break-all;\n
display: -webkit-box;-webkit-line-clamp: 1;/* number of lines to show */line-clamp: 1;\n
-webkit-box-orient: vertical;}\n
.twoLineEllipsis {overflow: hidden;text-overflow: ellipsis;word-break:break-all;\n
display: -webkit-box;-webkit-line-clamp: 2;/* number of lines to show */line-clamp: 2;\n
-webkit-box-orient: vertical;}\n
.threeLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
display: -webkit-box;-webkit-line-clamp: 3;/* number of lines to show */line-clamp: 3;\n
-webkit-box-orient: vertical;}\n
.fourLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
display: -webkit-box;-webkit-line-clamp: 4;/* number of lines to show */line-clamp: 4;\n
-webkit-box-orient: vertical;}\n
.fiveLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
display: -webkit-box;-webkit-line-clamp: 5;/* number of lines to show */line-clamp: 5;\n
-webkit-box-orient: vertical;word-wrap:break-word;}\n
.sixLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
display: -webkit-box;-webkit-line-clamp: 6;/* number of lines to show */line-clamp: 6;\n
-webkit-box-orient: vertical;word-wrap:break-word;}\n
.xLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
display: -webkit-box;/* number of lines to show: line-clamp: 3;-webkit-line-clamp: 3; */\n
-webkit-box-orient: vertical;}\n
\n
\n
.office-gallery {\n
display: flex;\n
flex-wrap: wrap;\n
justify-content: center;\n
}\n
\n
.office-gallery-row {\n
display: flex;\n
flex-direction: row;\n
width: 85%;\n
}\n
\n
.office-gallery-row img {\n
width: 50%;\n
box-sizing: border-box;\n
padding: 10px;\n
}\n
\n
.flex-container-office {\n
display: flex;\n
flex-direction: row;\n
}\n
\n
@media (max-width: 800px) {\n
.flex-container-office {\n
flex-direction: column;\n
}\n
}\n
\n
.office-grid {\n
display: grid;\n
grid-template-columns: repeat(7, 1fr);\n
grid-template-rows: repeat(5, 1fr);\n
width: 100%;\n
height: 600px;\n
grid-gap: 10px;\n
}\n
\n
.grid-item1 {\n
background-image: url("https://images.unsplash.com/photo-1534719156993-f3c9448673bf?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=f089cfa06eb1cd7c0f654b39d8fdfd07&auto=format&fit=crop&w=1350&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 1/4;\n
grid-row: 1/6;\n
}\n
\n
.grid-item2 {\n
background-image: url("https://images.unsplash.com/photo-1534759846116-5799c33ce22a?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=19c8355cd5aff72debf2f4720f4c7e09&auto=format&fit=crop&w=688&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 1/2;\n
grid-row: 2/5;\n
}\n
\n
.grid-item3 {\n
background-image: url("https://images.unsplash.com/photo-1508097549463-97f74cb9a6aa?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=52c257bf60c788a1332419c74c6a8a01&auto=format&fit=crop&w=1350&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 1/5;\n
grid-row: 5/5;\n
}\n
\n
.grid-item4 {\n
background-image: url("https://images.unsplash.com/photo-1507562534834-42ebd36b00ea?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=f712012a42c9e9d9163fd9a0c80fd66a&auto=format&fit=crop&w=1202&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 2/4;\n
grid-row: 2/5;\n
}\n
\n
.grid-item5 {\n
background-image: url("https://images.unsplash.com/photo-1534714259038-764cb4cf1d58?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=d07ea713fcf12221034dafd8f4ffe82b&auto=format&fit=crop&w=1350&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 4/6;\n
grid-row: 1/3;\n
}\n
\n
.grid-item6 {\n
background-image: url("https://images.unsplash.com/photo-1515694581961-1fbdb6840a5f?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=4267be6fb944c94b672e0b3ddb458286&auto=format&fit=crop&w=634&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 4/5;\n
grid-row: 3/6;\n
}\n
\n
.grid-item7 {\n
background-image: url("https://images.unsplash.com/photo-1534703580202-6123d4189ef6?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=5478b30dec2346f00a40ab259d162068&auto=format&fit=crop&w=634&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 5/6;\n
grid-row: 3/6;\n
}\n
\n
.grid-item8 {\n
background-image: url("https://images.unsplash.com/photo-1534743901536-d184ed4194bc?ixlib=rb-0.3.5&s=21fd4555141d93425b8ee3f80f764e69&auto=format&fit=crop&w=634&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 6/8;\n
grid-row: 1/6;\n
}\n
\n
/* TARIFE */\n
\n
.card-memberships {\n
padding-bottom: 0px;\n
border-left: 4px solid #7ab800;\n
height: 170px;\n
border-radius: 1.5rem;\n
background-color: #eee;\n
margin-bottom: 1.0rem;\n
}\n
\n
.card-header-memberships {\n
display: flex;\n
align-items: center;\n
text-align: left;\n
justify-content: center;\n
width: 100%;\n
height: 90px;\n
border-bottom: none;\n
border-radius: 1.5rem;\n
}\n
\n
.card-body-memberships {\n
display: flex;\n
align-items: center;\n
justify-content: center;\n
font-size: 0.9rem;\n
line-height: 1.4;\n
font-weight: 500;\n
text-align: center;\n
color: #000000;\n
}\n
\n
.community_perks {\n
border-left: 4px solid #7ab800;\n
background-color: #eee;\n
}\n
\n
.office_perks {\n
border-top: 2px solid #ffffff;\n
border-left: 4px solid #0680bb;\n
background-color: #eee;\n
}\n
\n
.office_perks_link {\n
color: black;\n
text-decoration: underline;\n
}\n
\n
.memberships {\n
margin-right: 20px;\n
margin-left: 20px;\n
font-size: 15px;\n
}\n
\n
.memberships-headline h3{\n
font-size: 20px;\n
}\n
\n
.memberships-headline h3:after {\n
content: " ";\n
display: block;\n
width: 100px;\n
border-bottom: 2px solid #8cc63f;\n
margin-top: 5px;\n
margin-bottom: 10px;\n
}\n
\n
/* Create four columns of equal width */\n
.columns-memberships {\n
float: left;\n
width: 25%;\n
padding: 8px;\n
}\n
\n
/* Create four columns of equal width */\n
.columns-memberships {\n
float: left;\n
width: 25%;\n
padding: 8px;\n
}\n
\n
/* Change the width of the three columns to 100%\n
(to stack horizontally on small screens) */\n
@media (max-width: 768px) {\n
.columns-memberships {\n
width: 100%;\n
}\n
}\n
\n
@media (max-width: 767px) {\n
.hidden-xs {\n
display: none !important;\n
}\n
}\n
\n
a.link-memberships {\n
text-decoration: none;\n
color: #7ab800;\n
}\n
\n
/* Style the list */\n
.price {\n
list-style-type: none;\n
border: 1px solid #eee;\n
margin: 0;\n
padding: 0;\n
-webkit-transition: 0.3s;\n
transition: 0.3s;\n
}\n
\n
/* Add shadows on hover */\n
.price:hover {\n
box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)\n
}\n
\n
/* Pricing header */\n
.price .header {\n
background-color: #8cc63f;\n
color: white;\n
font-size: 25px;\n
}\n
\n
/* List items */\n
.price li {\n
border-bottom: 1px solid #eee;\n
padding: 10px;\n
text-align: center;\n
}\n
\n
/* Grey list item */\n
.price .grey {\n
background-color: #eee;\n
font-size: 20px;\n
}\n
\n
/* Grey list item location */\n
.price .grey_second {\n
background-color: #eee;\n
font-size: 14px;\n
display: inline-flex;\n
}\n
\n
/* Placeholder */\n
.clear .clear {\n
clear: both;\n
}\n
\n
\n
/* Grey list small item */\n
.price .grey_small {\n
background-color: #eee;\n
font-size: 12px;\n
}\n
\n
/* The "Sign Up" button */\n
.button-sign-up {\n
background-color: #8cc63f;\n
border: none;\n
color: white;\n
padding: 10px 25px;\n
text-align: center;\n
text-decoration: none;\n
font-size: 18px;\n
}\n
\n
.memberships-top-headline {\n
font-size: 65px;\n
}\n
\n
@media (max-width: 768px) {\n
.memberships-top-headline {\n
font-size: 55px;\n
}\n
}\n
\n
.general-line-clamp {\n
display : block;\n
display : -webkit-box;\n
-webkit-box-orient : vertical;\n
position : relative;\n
overflow : hidden;\n
text-overflow : ellipsis;\n
padding : 0 !important;\n
line-height: var(--global--line-height-body,1.2) !important;\n
}\n
\n
.general-line-clamp-1 {\n
-webkit-line-clamp : 1;\n
height : calc(1em * var(--global--line-height-body, 1.15) * 1.6);\n
}\n
\n
.general-line-clamp-2 {\n
-webkit-line-clamp : 2;\n
height : calc(1em * var(--global--line-height-body, 1.15) * 2);\n
}\n
\n
.general-line-clamp-3 {\n
-webkit-line-clamp : 3;\n
height : calc(1em * var(--global--line-height-body, 1.15) * 3);\n
}\n
\n
.general-line-clamp-4 {\n
-webkit-line-clamp : 4;\n
height : calc(1em * var(--global--line-height-body, 1.15) * 4);\n
}\n
\n
.general-line-clamp-5 {\n
-webkit-line-clamp : 5;\n
height : calc(1em * var(--global--line-height-body, 1.15) * 5.6);\n
}\n
\n
/* Geschäftsadresse Köln */\n
\n
.business-address .font-weight-light{\n
font-weight: 300!important;\n
}\n
\n
.business-address .intro-text {\n
text-align: justify;\n
max-width: 875px;\n
margin: 3rem auto;\n
}\n
\n
.business-address .intro-text p {\n
font-size: 1.6rem;\n
line-height: 1.7;\n
}\n
\n
.business-address .placeholder-addition {\n
height: 160px;\n
z-index:1;\n
position: absolute;\n
}\n
\n
.business-address .panel-heading-box{\n
background-color: #f5f5f5;\n
width: 1045px;\n
}\n
\n
.business-address .panel-heading-entry{\n
text-decoration: none !important;\n
color: #7ab800;\n
cursor:pointer;\n
}\n
\n
.business-address .panel-collapse-box{\n
background-color: white;\n
width: 1045px;\n
}\n
\n
\n
\n
</style>\n
\n
<!-- additional css style definitions ends -->\n
\n
<style type="text/css">\n
body {\n
padding-top: 50px;\n
font-family: 'Source Sans Pro', sans-serif;\n
}\n
</style>\n
\n
<!-- header-startplatz-v40.php ends -->\n
\n
<!-- Custom CSS per page (after Bootstrap) -->\n
</head>\n
\n
\n
<body id="top" >\n
\n
<!-- menu starts -->\n
\n
\n
<style>\n
\n
\n
#imgNav {\n
height: 45px;\n
width: 45px;\n
\n
}\n
#imgNav img {\n
object-fit: cover;\n
}\n
\n
.navbar-collapse .navbar-nav .nav-item a:hover {\n
background-color: #aacf61ff;\n
color: #000000;\n
border-radius: 5px;\n
\n
}\n
\n
.logo {\n
font-weight: bolder;\n
font-size: 1.5rem;\n
}\n
\n
.navbar-nav .nav-item .dropdown-menu {\n
border: none;\n
background-color: #eae9e9;\n
}\n
\n
#userNamePlaceHolder {\n
background-color: rgba(170, 207, 97, 0.6);\n
}\n
.navbar-nav .nav-item .dropdown-menu a:hover {\n
border-radius: 0;\n
\n
}\n
\n
\n
.navbar-nav .nav-item .loginlink {\n
background-color:#aacf61ff;\n
}\n
.navbar-collapse .navbar-nav .nav-item .loginlink:hover {\n
background-color:#7ab800;\n
}\n
\n
@media all and (min-width: 992px) {\n
.navbar .dropdown-menu-end{ right:0; left: auto; }\n
.navbar .nav-item .dropdown-menu{ display:block; opacity: 0; visibility: hidden; transition:.1s; margin-top:0; }\n
.navbar .nav-item:hover .nav-link{ color: #000000; }\n
.navbar .dropdown-menu.fade-down {\n
top:80%; transform: rotateX(-75deg); transform-origin: 0 0;\n
}\n
.navbar .dropdown-menu.fade-up{ top:180%; }\n
.navbar .nav-item:hover .dropdown-menu{transition: 0.1s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }\n
}\n
@media (max-width: 768px ) {\n
.collapse {\n
height: 100vh;\n
transition: 0.5s; opacity: 1; visibility: visible; top: 100%; transform: rotateX(0deg);\n
}\n
\n
\n
}\n
\n
.highlight {\n
border-bottom: 3px solid #AACF61;\n
}\n
\n
.padding-bottom {\n
padding-bottom: 2px;\n
}\n
</style>\n
\n
<style>\n
.ai-hub-link:hover {\n
color: black; /* Textfarbe beim Hover */\n
}\n
</style>\n
\n
\n
\n
<nav class="navbar navbar-dark bg-dark navbar-expand-lg fixed-top shadow-lg padding-bottom d-flex justify-content-lg-center">\n
<a class="logo navbar-brand text-center mr-2 mr-lg-4" href="https://www.startplatz.de" rel="tooltip" title="Home for the innovative people in Rheinland" data-placement="bottom" >\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,w_107/v1614775778/logos/STARTPLATZ_Logos/STARTPLATZ_Logo_wei%C3%9F.png" class="p-0 m-0">\n
</a>\n
\n
<button class="navbar-toggler " type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navbarSupportedContent-3" aria-expanded="false" aria-label="Toggle navigation">\n
<span class="navbar-toggler-icon"></span>\n
</button>\n
\n
<div class="collapse navbar-collapse mt-1" id="navigation" style="font-size: 0.9rem; max-width:920px" >\n
<ul class="navbar-nav mr-3">\n
\n
<li class="nav-item active mb-2 mt-2 mr-1 ml-0 mr-2">\n
<a class="nav-link px-2" style="background-color: rgba(142,86,255,1.0); border-radius: 10px; min-width:75px; display: inline-block; text-align: center;" href="https://startplatz-ai-hub.de/en/">\n
AI Hub\n
</a>\n
</li>\n
\n
<li class="nav-item dropdown active mt-2 mr-2">\n
<a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
Startups\n
</a>\n
<div class="dropdown-menu dropdown-menu-left" aria-labelledby="navbarDropdownMenuLink">\n
<hr class="my-2 mx-3">\n
<a class="dropdown-item" href="/en/memberships">\n
Memberships\n
</a>\n
<hr class="my-2 mx-3">\n
<a class="dropdown-item" href="/accelerator/">\n
Accelerator\n
</a>\n
<a class="dropdown-item" href="https://www.rheinlandpitch.de">\n
Rheinland Pitch\n
</a>\n
<a class="dropdown-item" href="/en/founders-scholarship/">\n
Gruendungsstipendium NRW\n
</a>\n
\n
</div>\n
</li>\n
\n
\n
<li class="nav-item dropdown active mt-2 mr-2\n
">\n
<a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
Corporates\n
</a>\n
<div class="dropdown-menu dropdown-menu-left" aria-labelledby="navbarDropdownMenuLink">\n
<a class="dropdown-item" href="/en/corporate-innovation">\n
Innovation & 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-duesseldorf">\n
<img src="/bundles/startplatzstyle/images/german_language.png" height="20px;" alt="Deutsch">\n
</a>\n
\n
<a class="dropdown-item" href="/en">\n
<img src="/bundles/startplatzstyle/images/english_language.png" height="20px;" alt="English">\n
</a>\n
\n
<a class="dropdown-item" href="/fr/coworking-duesseldorf">\n
<img src="/bundles/startplatzstyle/images/french_language.png" height="20px;" alt="Français">\n
</a>\n
</div>\n
</li>\n
</li>\n
\n
<li class="nav-item active p-0 m-0 ml-lg-4 mt-2">\n
<a class="nav-link px-3"\n
style="background-color:#7ab800; border-radius: 5px;"\n
href="/login/">\n
Login\n
</a>\n
</li>\n
</ul>\n
</div>\n
</nav>\n
\n
<!-- homepage nav.homepage.bootstrap4 ends -->\n
<!-- menu ends -->\n
\n
<!-- additional css style definitions starts -->\n
<!-- style definitions to make interim homepage similar to previous homepage\n
search for\n
$this->render('@StartPlatzStyleBundle/CSS/_homepage.version-2021-winter.html.twig',[]);\n
-->\n
<style>\n
/* Event styles */\n
.bg-startplatz {\n
background-color: #7ab800;\n
}\n
\n
.bg-ai-hub {\n
background-color: #9632FF !important;\n
}\n
\n
a.bg-ai-hub:hover, a.bg-ai-hub:focus,\n
button.bg-ai-hub:hover,\n
button.bg-ai-hub:focus {\n
background-color: #b880fe !important; }\n
\n
\n
.bg-sp-grey {\n
background-color: rgba(82,84,89,0.2);\n
}\n
\n
/* redefinition for branding purposes */\n
.alert-success{\n
background-color: #7ab800;\n
color: white;\n
}\n
\n
/* Coworking styles */\n
.office-perks .card {\n
padding-bottom: 0px;\n
border-left: 4px solid #7ab800;\n
height: 110px;\n
border-radius:1.5rem;\n
background-color: #eee;\n
margin-bottom: 1.0rem;\n
\n
background: #eee;\n
padding-bottom: 2px;\n
box-shadow: none;\n
font-size: 14px;\n
}\n
.office-perks .card:hover {\n
box-shadow: none;\n
}\n
.office-perks .card-header {\n
background: none;\n
border: none;\n
}\n
.office-perks .card-body {\n
padding-top: 0rem;\n
padding: 0rem 0.8rem 0.8rem 0.8rem;\n
color: #000000;\n
line-height: 1.4;\n
font-weight: 500;\n
\n
text-align: center;\n
}\n
\n
.memberships-header h3:after {\n
content: " ";\n
display: block;\n
width: 100px;\n
border-bottom: 2px solid #8cc63f;\n
margin-top: 5px;\n
margin-bottom: 10px;\n
}\n
.center-block {\n
display: block;\n
margin-left: auto;\n
margin-right: auto;\n
}\n
.faq .panel-group {\n
margin-bottom: 20px;\n
} \n
.faq a {\n
\t\tcolor: #8cc63f;\n
\t}\n
.faq a:hover {\n
\ttext-decoration: underline;\n
}\n
.faq .panel {\n
margin-bottom: 20px;\n
background-color: #fff;\n
border-radius: 4px;\n
border: 1px solid transparent;\n
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);\n
box-shadow: 0 1px 1px rgba(0,0,0,.05);\n
}\n
.faq .panel-group .panel + .panel {\n
margin-top: 5px;\n
}\n
.faq .panel-group .panel {\n
margin-bottom: 0;\n
border-radius: 4px;\n
}\n
\t.faq .panel-default,\n
\t.faq .panel.panel-default {\n
border-color: #ddd;\n
}\n
.faq .panel-default > .panel-heading {\n
color: #333;\n
background-color: #f5f5f5;\n
border-color: #ddd;\n
}\n
.faq .panel-group .panel-heading {\n
border-bottom: 0;\n
border-bottom-color: currentcolor;\n
}\n
.faq .panel-heading {\n
padding: 10px 15px;\n
border-bottom: 1px solid transparent;\n
border-top-left-radius: 3px;\n
border-top-right-radius: 3px;\n
}\n
.faq .panel-body {\n
padding: 15px;\n
}\n
\n
.col-padding {\n
padding-left: 6px;\n
padding-right: 0px;\n
}\n
.card-title {\n
font-size: 20px;\n
font-weight: bold;\n
padding-bottom: 6px;\n
}\n
.card-title-events {\n
font-size: 20px;\n
font-weight: bold;\n
padding-bottom: 6px;\n
color:#7AB800;\n
}\n
.sp-green, .spGreen{\n
color:#7AB800;\n
}\n
.free-access-info {\n
font-weight: bold; /* Example property */\n
color: #7AB800; /* Startplatz green for free access info */\n
/* Additional styling as needed */\n
}\n
.cardsmall-title {\n
font-size: 17px;\n
font-weight: bold;\n
margin:1px;\n
}\n
.card-body {\n
color: #ffffff;\n
padding: 10px 10px 0;\n
}\n
.card-body-events{\n
color:black;\n
padding:20px;\n
}\n
.card-header {\n
background: #7AB800;\n
min-height: 50px;\n
}\n
.threeLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
display: -webkit-box;-webkit-line-clamp: 3;/* number of lines to show */line-clamp: 3;\n
-webkit-box-orient: vertical;}\n
@media (min-width: 0px) and (max-width: 767px) {\n
.card-margin-right {\n
margin-left: 15px;\n
margin-right: 15px;\n
}\n
}\n
@media (min-width: 768px) and (max-width: 991px) {\n
.card-margin-right {\n
margin-left: 15px;\n
margin-right: 15px;\n
}\n
}\n
@media (min-width: 992px) and (max-width: 1199px) {\n
.card-margin-right {\n
margin-right: 15px;\n
margin-left: 15px;\n
}\n
}\n
@media (min-width: 1200px) {\n
.card-margin-right {\n
margin-right: 20px;\n
margin-left: 15px;\n
}\n
}\n
a.link {\n
text-decoration: none;\n
color: white;\n
}\n
.introbig {\n
color: black;\n
font-size: 56px;\n
text-align:center;\n
font-weight: bold;\n
}\n
.introsmall {\n
color: black;\n
font-size: 18px;\n
text-align:center;\n
text-transform: uppercase;\n
}\n
.introteaser {\n
color: black;\n
font-size: 18px;\n
text-align:center;\n
}\n
.testimonial-name {\n
font-size: 18px;\n
text-align:center;\n
font-weight: bold;\n
}\n
.text_medium {\n
font-size:17px;\n
margin-left: 15px;\n
margin-right: 15px;\n
}\n
.card-footer {\n
margin:10px;\n
}\n
.card-body {\n
padding: 0 10px;\n
color: #ffffff;\n
}\n
#quote-text {\n
font-size:18px;\n
}\n
.bg-success {\n
background-color:#7AB800!important;\n
}\n
\n
.new-label {color:#fff;background-color:#ef5777;font-size:16px;text-transform:uppercase;padding:4px 7px;display:block;position:absolute;top:-10px;left:5px\n
}\n
\n
.banner-title {\n
font-family: 'Source Sans Pro', sans-serif;\n
text-shadow: 0px 0px 7px black;\n
font-size: 50px;\n
font-weight: bold;\n
color: white;\n
}\n
\n
/*Corporation Landingpage*/\n
\n
.bold {\n
font-weight: bold;\n
}\n
.lighter {\n
font-weight: lighter;\n
}\n
.temp-font{\n
font-family: Arial;\n
}\n
\n
.align-middle{\n
margin: auto;\n
width: 8em;\n
height: 8em;\n
}\n
\n
.list-image-hook-partner {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997119/Wordpress/Business-Club%20Landingpage%20/1.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 65px;\n
vertical-align: middle;\n
}\n
\n
.list-image-hook {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_24/v1653997119/Wordpress/Business-Club%20Landingpage%20/1.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 55px;\n
vertical-align: middle;\n
}\n
\n
.list-image-burger {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678467/Icons/business-affiliate-network.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 70px;\n
vertical-align: middle;\n
}\n
\n
.list-image-network {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997119/Wordpress/Business-Club%20Landingpage%20/5.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 70px;\n
vertical-align: middle;\n
}\n
\n
.list-image-percent {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997120/Wordpress/Business-Club%20Landingpage%20/7.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 70px;\n
vertical-align: middle;\n
}\n
\n
.list-image-megaphone {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997119/Wordpress/Business-Club%20Landingpage%20/6.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 70px;\n
vertical-align: middle;\n
}\n
\n
.list-image-global {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678469/Icons/worldwide.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 70px;\n
vertical-align: middle;\n
}\n
\n
.list-image-event {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678467/Icons/croissant.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 70px;\n
vertical-align: middle;\n
}\n
\n
.list-image-benefits {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678466/Icons/hand-shake.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 70px;\n
vertical-align: middle;\n
}\n
\n
.no-border-style{\n
border: 0px solid rgba(0,0,0,.125);\n
border-radius: 0em;\n
}\n
\n
.side-border-style{\n
border-top: 0px solid rgba(0,0,0,.125);\n
border-bottom: 0px solid rgba(0,0,0,.125);;\n
border-radius: 0em;\n
}\n
\n
.event-links a {\n
color: inherit; /* blue colors for links too */\n
text-decoration: inherit; /* no underline */\n
}\n
\n
.event-links a:hover {\n
color: inherit; /* blue colors for links too */\n
text-decoration: inherit; /* no underline */\n
}\n
\n
a.link-green {\n
color:#7AB800;\n
}\n
\n
@media (min-width: 768px) {\n
.pt-md-6,\n
.py-md-6 {\n
padding-top: 5rem !important;\n
}\n
\n
.pr-md-6,\n
.px-md-6 {\n
padding-right: 5rem !important;\n
}\n
\n
.pb-md-6,\n
.py-md-6 {\n
padding-bottom: 5rem !important;\n
}\n
\n
.pl-md-6,\n
.px-md-6 {\n
padding-left: 5rem !important;\n
}\n
}\n
\n
.pt-md-7,\n
.py-md-7 {\n
padding-top: 6rem !important;\n
}\n
\n
.pr-md-7,\n
.px-md-7 {\n
padding-right: 6rem !important;\n
}\n
\n
.pb-md-7,\n
.py-md-7 {\n
padding-bottom: 6rem !important;\n
}\n
\n
.pl-md-7,\n
.px-md-7 {\n
padding-left: 6rem !important;\n
}\n
\n
\n
@media (min-width: 768px) {\n
.height-auto {\n
height: 400px;\n
}\n
}\n
\n
@media (max-width: 400px) {\n
.space-3 {\n
padding-top: 2rem !important;\n
padding-bottom: 2rem !important; }\n
}\n
\n
.btn-sp-green {\n
color: #ffff;\n
background-color: #7ab800 ;\n
border-color: #7ab800;\n
}\n
\n
.btn-sp-green:hover {\n
color: #ffff;\n
background-color: #507900;\n
border-color: #507900;\n
}\n
\n
/*Timeline at "Nächste Schritte" section*/\n
\n
.timeline-item {\n
padding: 0.5em 2em 0.6em;\n
position: relative;\n
color: rgba(0, 0, 0, 0.88);\n
border-left: 2px solid rgba(0, 0, 0, 0.88);\n
}\n
\n
.timeline-item p {\n
font-size: 1.1rem;\n
}\n
\n
.timeline-item::before {\n
content: attr(date-is);\n
position: absolute;\n
left: 2em;\n
font-weight: bold;\n
top: 1em;\n
display: block;\n
font-family: 'Roboto', sans-serif;\n
font-weight: 700;\n
font-size: .785rem;\n
}\n
\n
.timeline-item::after {\n
width: 10px;\n
height: 10px;\n
display: block;\n
top: 1em;\n
position: absolute;\n
left: -7px;\n
border-radius: 10px;\n
content: '';\n
border: 2px solid black;\n
background: white;\n
}\n
\n
.timeline-item:last-child {\n
border-image: linear-gradient(\n
to bottom,\n
rgba(0, 0, 0, 0.88),\n
rgba(0, 0, 0, 0.88))1;\n
\n
}\n
\n
\n
/*Timeline at "Nächste Schritte" section end */\n
\n
\n
/* Slideshow container */\n
\n
.slideshow-container {\n
position: relative;\n
background: #f1f1f1f1;\n
}\n
\n
/* Slides */\n
\n
.mySlides {\n
display: none;\n
padding: 80px;\n
text-align: center;\n
background: #8cc63f;\n
}\n
\n
/* Next & previous buttons */\n
.prev, .next {\n
cursor: pointer;\n
position: absolute;\n
top: 50%;\n
width: auto;\n
margin-top: -30px;\n
padding: 16px;\n
color: white;\n
font-weight: bold;\n
font-size: 20px;\n
border-radius: 0 3px 3px 0;\n
user-select: none;\n
}\n
\n
/* Position the "next button" to the right */\n
.next {\n
position: absolute;\n
right: 0;\n
border-radius: 3px 0 0 3px;\n
}\n
\n
/* On hover, add a black background color with a little bit see-through */\n
.prev:hover, .next:hover {\n
background-color: rgba(0,0,0,0.8);\n
color: white;\n
}\n
\n
/* The dot/bullet/indicator container */\n
.dot-container {\n
text-align: center;\n
padding: 20px;\n
background: #8cc63f;\n
}\n
\n
/* The dots/bullets/indicators */\n
.dot {\n
cursor: pointer;\n
height: 15px;\n
width: 15px;\n
margin: 0 2px;\n
background-color: #bbb;\n
border-radius: 50%;\n
display: inline-block;\n
transition: background-color 0.6s ease;\n
}\n
\n
/* Add an italic font style to all quotes */\n
q {\n
font-size: 15px;\n
font-style: italic;\n
color: white;\n
}\n
\n
/* Add a blue color to the author */\n
.author {color: white;}\n
\n
/* Slideshow container end */\n
\n
/* Corporation Landingpage end */\n
\n
\n
/* Service Partner */\n
.partner-headline {\n
font-size: 40px;\n
font-weight: lighter;\n
}\n
\n
.col-same-heigth img {width: 100%; height: auto; }\n
\n
@media (min-width: 500px) {\n
.container-div {\n
display: table;\n
border-spacing: 16px;\n
}\n
.col-same-heigth {\n
display: table-cell;\n
box-sizing: border-box;\n
cell-spacing: 8px;\n
padding: 0.5em;\n
vertical-align: top\n
}\n
\n
\n
}\n
\n
\n
/* Service Partner end */\n
\n
\n
/*Card default*/\n
.card-general {\n
width: 18rem;height: 26rem;border: 2px solid #7ab800;\n
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.16), 0 0 6px rgba(0, 0, 0, 0.1);\n
transition: .4s transform cubic-bezier(.155,1.105,.295,1.12),.4s box-shadow,.4s\n
-webkit-transform cubic-bezier(.155,1.105,.295,1.12);\n
}\n
.card-general-hover:hover {transform: scale(1.04);}\n
\n
/*Card Header with background color and centered title*/\n
.card-general-header {\n
display: flex;\n
align-items: center;\n
text-align: left;\n
justify-content: center;\n
width: 100%;\n
height: 8rem;\n
background: #7ab800;\n
}\n
\n
/*Card Header with image*/\n
.card-general-header-image{text-align: center;width: 100%;height: 10rem;}\n
.card-general-header-image img {width: 100%;height: 100%;object-fit: contain;}\n
.card-general-header-image svg {width: 100%;height: 100%;object-fit: contain;}\n
\n
/*Card separator*/\n
.card-general-seperator {width: 100%;height: 0.6rem;\n
background: linear-gradient(90deg,#7AB800 0%, #AACF61 60%, #ffffff 110%);\n
}\n
\n
/*Card body default*/\n
.card-general-body {height: 15rem; display:flex; flex-direction: column; width: 100%; overflow:hidden;}\n
.card-general-body::-webkit-scrollbar {display: none; scrollbar-width: none;}\n
.rounded-pill-green{background-color: #AACF61;}\n
.rounded-pill-grey{background-color: #d7d9d4;}\n
\n
\n
\n
\n
.card-startup {\n
height: 20rem;\n
background-color: #fff;\n
border: 3px solid black;\n
flex-wrap: wrap;\n
display: flex;\n
justify-content: space-between;\n
}\n
.card-startup-logo a {\n
width: 100%;\n
height: 20rem;\n
object-fit: contain;\n
float: left;\n
}\n
.card-startup-logo img {\n
width: 100%;\n
height: 20rem;\n
max-height: 260px;\n
object-fit: contain;\n
float: left;\n
}\n
.card-startup-logo svg {\n
width: 100%;\n
height: 20rem;\n
max-height: 260px;\n
object-fit: contain;\n
float: left;\n
}\n
.card-startup .card-name {\n
font-size: 30px;\n
float: left;\n
color: black;\n
position: relative;\n
font-weight: bold;\n
display: block;\n
}\n
.card-startup .card-content {\n
width: 100%;\n
height: 100%;\n
margin: 5px 0px 0px 0px;\n
display: flex;\n
flex-direction: column;\n
}\n
.card-startup .card-content p{\n
width: 100%;\n
font-size: 15px;\n
color: black;\n
padding: 0px;\n
}\n
.card-place {\n
display: inline-block;\n
color: black;\n
padding: 10px 0px;\n
}\n
.card-place img{\n
width: 15px;\n
height: 20px;\n
}\n
.card-startup-link{\n
display: inline-block;\n
padding: 10px 0px;\n
}\n
.card-startup-link img{\n
width: 35px;\n
height: 35px;\n
}\n
.card-startup-link a{\n
color: black;\n
font-weight: bold;\n
padding: 0px 10px;\n
}\n
@media (max-width: 575px) {\n
.card-startup {\n
height: auto;\n
}\n
}\n
\n
\n
\n
.oneLineEllipsis {overflow: hidden;text-overflow: ellipsis;word-break:break-all;\n
display: -webkit-box;-webkit-line-clamp: 1;/* number of lines to show */line-clamp: 1;\n
-webkit-box-orient: vertical;}\n
.twoLineEllipsis {overflow: hidden;text-overflow: ellipsis;word-break:break-all;\n
display: -webkit-box;-webkit-line-clamp: 2;/* number of lines to show */line-clamp: 2;\n
-webkit-box-orient: vertical;}\n
.threeLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
display: -webkit-box;-webkit-line-clamp: 3;/* number of lines to show */line-clamp: 3;\n
-webkit-box-orient: vertical;}\n
.fourLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
display: -webkit-box;-webkit-line-clamp: 4;/* number of lines to show */line-clamp: 4;\n
-webkit-box-orient: vertical;}\n
.fiveLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
display: -webkit-box;-webkit-line-clamp: 5;/* number of lines to show */line-clamp: 5;\n
-webkit-box-orient: vertical;word-wrap:break-word;}\n
.sixLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
display: -webkit-box;-webkit-line-clamp: 6;/* number of lines to show */line-clamp: 6;\n
-webkit-box-orient: vertical;word-wrap:break-word;}\n
.xLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
display: -webkit-box;/* number of lines to show: line-clamp: 3;-webkit-line-clamp: 3; */\n
-webkit-box-orient: vertical;}\n
\n
\n
.office-gallery {\n
display: flex;\n
flex-wrap: wrap;\n
justify-content: center;\n
}\n
\n
.office-gallery-row {\n
display: flex;\n
flex-direction: row;\n
width: 85%;\n
}\n
\n
.office-gallery-row img {\n
width: 50%;\n
box-sizing: border-box;\n
padding: 10px;\n
}\n
\n
.flex-container-office {\n
display: flex;\n
flex-direction: row;\n
}\n
\n
@media (max-width: 800px) {\n
.flex-container-office {\n
flex-direction: column;\n
}\n
}\n
\n
.office-grid {\n
display: grid;\n
grid-template-columns: repeat(7, 1fr);\n
grid-template-rows: repeat(5, 1fr);\n
width: 100%;\n
height: 600px;\n
grid-gap: 10px;\n
}\n
\n
.grid-item1 {\n
background-image: url("https://images.unsplash.com/photo-1534719156993-f3c9448673bf?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=f089cfa06eb1cd7c0f654b39d8fdfd07&auto=format&fit=crop&w=1350&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 1/4;\n
grid-row: 1/6;\n
}\n
\n
.grid-item2 {\n
background-image: url("https://images.unsplash.com/photo-1534759846116-5799c33ce22a?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=19c8355cd5aff72debf2f4720f4c7e09&auto=format&fit=crop&w=688&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 1/2;\n
grid-row: 2/5;\n
}\n
\n
.grid-item3 {\n
background-image: url("https://images.unsplash.com/photo-1508097549463-97f74cb9a6aa?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=52c257bf60c788a1332419c74c6a8a01&auto=format&fit=crop&w=1350&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 1/5;\n
grid-row: 5/5;\n
}\n
\n
.grid-item4 {\n
background-image: url("https://images.unsplash.com/photo-1507562534834-42ebd36b00ea?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=f712012a42c9e9d9163fd9a0c80fd66a&auto=format&fit=crop&w=1202&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 2/4;\n
grid-row: 2/5;\n
}\n
\n
.grid-item5 {\n
background-image: url("https://images.unsplash.com/photo-1534714259038-764cb4cf1d58?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=d07ea713fcf12221034dafd8f4ffe82b&auto=format&fit=crop&w=1350&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 4/6;\n
grid-row: 1/3;\n
}\n
\n
.grid-item6 {\n
background-image: url("https://images.unsplash.com/photo-1515694581961-1fbdb6840a5f?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=4267be6fb944c94b672e0b3ddb458286&auto=format&fit=crop&w=634&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 4/5;\n
grid-row: 3/6;\n
}\n
\n
.grid-item7 {\n
background-image: url("https://images.unsplash.com/photo-1534703580202-6123d4189ef6?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=5478b30dec2346f00a40ab259d162068&auto=format&fit=crop&w=634&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 5/6;\n
grid-row: 3/6;\n
}\n
\n
.grid-item8 {\n
background-image: url("https://images.unsplash.com/photo-1534743901536-d184ed4194bc?ixlib=rb-0.3.5&s=21fd4555141d93425b8ee3f80f764e69&auto=format&fit=crop&w=634&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 6/8;\n
grid-row: 1/6;\n
}\n
\n
/* TARIFE */\n
\n
.card-memberships {\n
padding-bottom: 0px;\n
border-left: 4px solid #7ab800;\n
height: 170px;\n
border-radius: 1.5rem;\n
background-color: #eee;\n
margin-bottom: 1.0rem;\n
}\n
\n
.card-header-memberships {\n
display: flex;\n
align-items: center;\n
text-align: left;\n
justify-content: center;\n
width: 100%;\n
height: 90px;\n
border-bottom: none;\n
border-radius: 1.5rem;\n
}\n
\n
.card-body-memberships {\n
display: flex;\n
align-items: center;\n
justify-content: center;\n
font-size: 0.9rem;\n
line-height: 1.4;\n
font-weight: 500;\n
text-align: center;\n
color: #000000;\n
}\n
\n
.community_perks {\n
border-left: 4px solid #7ab800;\n
background-color: #eee;\n
}\n
\n
.office_perks {\n
border-top: 2px solid #ffffff;\n
border-left: 4px solid #0680bb;\n
background-color: #eee;\n
}\n
\n
.office_perks_link {\n
color: black;\n
text-decoration: underline;\n
}\n
\n
.memberships {\n
margin-right: 20px;\n
margin-left: 20px;\n
font-size: 15px;\n
}\n
\n
.memberships-headline h3{\n
font-size: 20px;\n
}\n
\n
.memberships-headline h3:after {\n
content: " ";\n
display: block;\n
width: 100px;\n
border-bottom: 2px solid #8cc63f;\n
margin-top: 5px;\n
margin-bottom: 10px;\n
}\n
\n
/* Create four columns of equal width */\n
.columns-memberships {\n
float: left;\n
width: 25%;\n
padding: 8px;\n
}\n
\n
/* Create four columns of equal width */\n
.columns-memberships {\n
float: left;\n
width: 25%;\n
padding: 8px;\n
}\n
\n
/* Change the width of the three columns to 100%\n
(to stack horizontally on small screens) */\n
@media (max-width: 768px) {\n
.columns-memberships {\n
width: 100%;\n
}\n
}\n
\n
@media (max-width: 767px) {\n
.hidden-xs {\n
display: none !important;\n
}\n
}\n
\n
a.link-memberships {\n
text-decoration: none;\n
color: #7ab800;\n
}\n
\n
/* Style the list */\n
.price {\n
list-style-type: none;\n
border: 1px solid #eee;\n
margin: 0;\n
padding: 0;\n
-webkit-transition: 0.3s;\n
transition: 0.3s;\n
}\n
\n
/* Add shadows on hover */\n
.price:hover {\n
box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)\n
}\n
\n
/* Pricing header */\n
.price .header {\n
background-color: #8cc63f;\n
color: white;\n
font-size: 25px;\n
}\n
\n
/* List items */\n
.price li {\n
border-bottom: 1px solid #eee;\n
padding: 10px;\n
text-align: center;\n
}\n
\n
/* Grey list item */\n
.price .grey {\n
background-color: #eee;\n
font-size: 20px;\n
}\n
\n
/* Grey list item location */\n
.price .grey_second {\n
background-color: #eee;\n
font-size: 14px;\n
display: inline-flex;\n
}\n
\n
/* Placeholder */\n
.clear .clear {\n
clear: both;\n
}\n
\n
\n
/* Grey list small item */\n
.price .grey_small {\n
background-color: #eee;\n
font-size: 12px;\n
}\n
\n
/* The "Sign Up" button */\n
.button-sign-up {\n
background-color: #8cc63f;\n
border: none;\n
color: white;\n
padding: 10px 25px;\n
text-align: center;\n
text-decoration: none;\n
font-size: 18px;\n
}\n
\n
.memberships-top-headline {\n
font-size: 65px;\n
}\n
\n
@media (max-width: 768px) {\n
.memberships-top-headline {\n
font-size: 55px;\n
}\n
}\n
\n
.general-line-clamp {\n
display : block;\n
display : -webkit-box;\n
-webkit-box-orient : vertical;\n
position : relative;\n
overflow : hidden;\n
text-overflow : ellipsis;\n
padding : 0 !important;\n
line-height: var(--global--line-height-body,1.2) !important;\n
}\n
\n
.general-line-clamp-1 {\n
-webkit-line-clamp : 1;\n
height : calc(1em * var(--global--line-height-body, 1.15) * 1.6);\n
}\n
\n
.general-line-clamp-2 {\n
-webkit-line-clamp : 2;\n
height : calc(1em * var(--global--line-height-body, 1.15) * 2);\n
}\n
\n
.general-line-clamp-3 {\n
-webkit-line-clamp : 3;\n
height : calc(1em * var(--global--line-height-body, 1.15) * 3);\n
}\n
\n
.general-line-clamp-4 {\n
-webkit-line-clamp : 4;\n
height : calc(1em * var(--global--line-height-body, 1.15) * 4);\n
}\n
\n
.general-line-clamp-5 {\n
-webkit-line-clamp : 5;\n
height : calc(1em * var(--global--line-height-body, 1.15) * 5.6);\n
}\n
\n
/* Geschäftsadresse Köln */\n
\n
.business-address .font-weight-light{\n
font-weight: 300!important;\n
}\n
\n
.business-address .intro-text {\n
text-align: justify;\n
max-width: 875px;\n
margin: 3rem auto;\n
}\n
\n
.business-address .intro-text p {\n
font-size: 1.6rem;\n
line-height: 1.7;\n
}\n
\n
.business-address .placeholder-addition {\n
height: 160px;\n
z-index:1;\n
position: absolute;\n
}\n
\n
.business-address .panel-heading-box{\n
background-color: #f5f5f5;\n
width: 1045px;\n
}\n
\n
.business-address .panel-heading-entry{\n
text-decoration: none !important;\n
color: #7ab800;\n
cursor:pointer;\n
}\n
\n
.business-address .panel-collapse-box{\n
background-color: white;\n
width: 1045px;\n
}\n
\n
\n
\n
</style>\n
\n
<!-- additional css style definitions ends -->\n
\n
\n
\n
<!--Opening-->\r\n
<style>\r\n
/* Allgemeine Stile */\r\n
.container {\r\n
max-width: 1200px !important;\r\n
}\r\n
\r\n
.row {\r\n
display: flex;\r\n
flex-wrap: wrap;\r\n
margin-right: -15px;\r\n
margin-left: -15px;\r\n
}\r\n
\r\n
/* Button Styling */\r\n
.button-group {\r\n
display: flex;\r\n
justify-content: center;\r\n
gap: 20px;\r\n
margin-top: 30px;\r\n
}\r\n
\r\n
.cta-button {\r\n
font-size: 20px;\r\n
font-weight: bold;\r\n
padding: 16px 30px;\r\n
width: 400px;\r\n
height: 60px;\r\n
display: flex;\r\n
align-items: center;\r\n
justify-content: center;\r\n
text-decoration: none;\r\n
border-radius: 8px;\r\n
transition: all 0.3s ease-in-out;\r\n
}\r\n
\r\n
.primary {\r\n
background: #7AB800;\r\n
color: white;\r\n
border: none;\r\n
text-decoration: none;\r\n
}\r\n
\r\n
.small-button {\r\n
font-size: 18px;\r\n
padding: 10px 20px;\r\n
width: auto;\r\n
height: auto;\r\n
}\r\n
\r\n
.primary:hover {\r\n
background: #5f8e00;\r\n
color: white;\r\n
text-decoration: none;\r\n
}\r\n
\r\n
.secondary {\r\n
background: transparent;\r\n
border: 2px solid #7AB800;\r\n
color: #7AB800;\r\n
text-decoration: none;\r\n
}\r\n
\r\n
.secondary:hover {\r\n
background: #7AB800;\r\n
color: white;\r\n
text-decoration: none;\r\n
}\r\n
\r\n
.custom-btn {\r\n
font-size: 24px;\r\n
font-weight: bold;\r\n
padding: 14px 24px;\r\n
width: 100%;\r\n
text-align: center;\r\n
}\r\n
\r\n
@media (max-width: 767px) {\r\n
.custom-btn {\r\n
font-size: 22px !important;\r\n
padding: 12px 20px;\r\n
}\r\n
}\r\n
\r\n
@media (min-width: 768px) {\r\n
.custom-btn {\r\n
width: 50%;\r\n
font-size: 24px;\r\n
}\r\n
}\r\n
\r\n
/* Header Desktop Layout */\r\n
@media (min-width: 992px) {\r\n
.container {\r\n
max-width: 1200px !important;\r\n
margin: 0 auto;\r\n
}\r\n
\r\n
.custom-layout {\r\n
display: flex;\r\n
flex-wrap: wrap;\r\n
justify-content: space-between;\r\n
align-items: center;\r\n
}\r\n
.text-section {\r\n
order: 1;\r\n
width: 50%;\r\n
padding: 20px;\r\n
}\r\n
.image-section {\r\n
order: 2;\r\n
width: 50%;\r\n
text-align: right;\r\n
display: flex;\r\n
justify-content: flex-end;\r\n
}\r\n
.image-section img {\r\n
max-width: 100%;\r\n
height: auto;\r\n
}\r\n
}\r\n
\r\n
/* Header mobile Layout */\r\n
@media (max-width: 992px) {\r\n
.custom-layout {\r\n
flex-direction: column;\r\n
align-items: center;\r\n
text-align: center;\r\n
gap: 20px; \r\n
}\r\n
.text-section, .image-section {\r\n
width: 100%;\r\n
text-align: center;\r\n
}\r\n
.image-section {\r\n
justify-content: center;\r\n
margin-top: 20px;\r\n
margin-bottom: 20px;\r\n
}\r\n
\r\n
.image-responsive {\r\n
border-radius: 10px !important;\r\n
max-width: 100% !important;\r\n
height: auto !important;\r\n
}\r\n
}\r\n
\r\n
/* Galerie Styling */\r\n
.gallery-section {\r\n
padding: 50px 0;\r\n
background: white;\r\n
}\r\n
\r\n
.gallery-image-wrapper {\r\n
position: relative;\r\n
width: 100%;\r\n
overflow: hidden;\r\n
border-radius: 10px;\r\n
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);\r\n
margin-bottom: 20px;\r\n
}\r\n
\r\n
.gallery-image {\r\n
width: 100%;\r\n
height: 100%;\r\n
object-fit: cover;\r\n
border-radius: 10px;\r\n
display: block;\r\n
}\r\n
\r\n
.gallery-section-mobile {\r\n
padding: 50px 0;\r\n
background: white;\r\n
}\r\n
\r\n
/* GEÄNDERT: Zeige Galerie auch auf Mobilgeräten an */\r\n
@media (max-width: 768px) {\r\n
.gallery-section {\r\n
display: block !important;\r\n
}\r\n
}\r\n
\r\n
/* Vergleichstabelle Styling */\r\n
.table-wrapper {\r\n
overflow-x: auto;\r\n
width: 100%;\r\n
}\r\n
\r\n
.comparison-table {\r\n
width: 100%;\r\n
border-collapse: collapse;\r\n
font-size: 18px;\r\n
color: black;\r\n
text-align: left;\r\n
border-radius: 10px;\r\n
overflow: hidden;\r\n
}\r\n
\r\n
.comparison-table thead {\r\n
background: #7AB800;\r\n
color: white;\r\n
}\r\n
\r\n
.comparison-table thead th {\r\n
padding: 20px;\r\n
font-size: 20px;\r\n
font-weight: bold;\r\n
text-align: center;\r\n
}\r\n
\r\n
.comparison-table tbody tr {\r\n
transition: background 0.3s ease;\r\n
}\r\n
\r\n
.comparison-table tbody tr:hover {\r\n
background: #E8F5E9;\r\n
}\r\n
\r\n
.comparison-table tbody td {\r\n
padding: 18px;\r\n
border-bottom: 1px solid #ddd;\r\n
text-align: left;\r\n
}\r\n
\r\n
.comparison-table tbody td:first-child {\r\n
text-align: left;\r\n
font-weight: bold;\r\n
}\r\n
\r\n
/* Mobile Ansicht */\r\n
@media (max-width: 600px) {\r\n
.comparison-table thead {\r\n
display: none;\r\n
}\r\n
\r\n
.comparison-table,\r\n
.comparison-table tbody,\r\n
.comparison-table tr,\r\n
.comparison-table td {\r\n
display: block;\r\n
width: 100%;\r\n
}\r\n
\r\n
.comparison-table tr {\r\n
margin-bottom: 10px;\r\n
}\r\n
\r\n
.comparison-table td {\r\n
text-align: left;\r\n
padding-left: 15px;\r\n
position: relative;\r\n
word-wrap: break-word;\r\n
font-size: 18px;\r\n
}\r\n
\r\n
.comparison-table td:first-child {\r\n
background: #7AB800;\r\n
color: white;\r\n
font-weight: bold;\r\n
padding: 15px;\r\n
border-radius: 5px;\r\n
}\r\n
\r\n
.comparison-table td[data-label="Coworking"]::before {\r\n
content: "Coworking: ";\r\n
font-weight: bold;\r\n
}\r\n
\r\n
.comparison-table td[data-label="2nd Home"]::before {\r\n
content: "2nd Home: ";\r\n
font-weight: bold;\r\n
}\r\n
}\r\n
\r\n
/* Büroangebote Hinweis */\r\n
.office-info {\r\n
margin-top: 20px;\r\n
font-size: 22px;\r\n
font-weight: bold;\r\n
text-align: center;\r\n
}\r\n
\r\n
.office-info a {\r\n
color: black;\r\n
text-decoration: underline;\r\n
transition: color 0.3s;\r\n
}\r\n
\r\n
.office-info a:hover {\r\n
color: #7AB800;\r\n
}\r\n
\r\n
.clearfix::after {\r\n
content: "";\r\n
display: table;\r\n
clear: both;\r\n
}\r\n
\r\n
/* Location Styling - KORRIGIERT FÜR MOBILE */\r\n
.image-wrapper {\r\n
overflow: hidden;\r\n
border-radius: 10px;\r\n
display: inline-block;\r\n
}\r\n
\r\n
.rounded-image {\r\n
width: 100%;\r\n
height: 420px;\r\n
object-fit: cover;\r\n
border-radius: 10px;\r\n
display: block;\r\n
}\r\n
\r\n
/* Mobile Version (max. 768px): - KORRIGIERTE REIHENFOLGE */\r\n
@media (max-width: 768px) {\r\n
/* Wichtig: Flexbox-Container muss column-reverse sein oder order verwenden */\r\n
.custom-section {\r\n
flex-direction: column !important;\r\n
}\r\n
\r\n
.text-content {\r\n
order: 1 !important; /* Text kommt VOR dem Bild */\r\n
}\r\n
\r\n
.image-content {\r\n
order: 2 !important; /* Bild kommt NACH dem Text */\r\n
margin-top: 20px !important;\r\n
}\r\n
\r\n
/* Bessere Bildanpassung für mobile Geräte */\r\n
.rounded-image {\r\n
height: auto !important;\r\n
max-height: 300px;\r\n
}\r\n
\r\n
/* WICHTIG: Bessere Container-Flexbox Kontrolle für Location Section */\r\n
.row.align-items-center.py-5.custom-section {\r\n
flex-direction: column !important;\r\n
align-items: stretch !important;\r\n
}\r\n
}\r\n
\r\n
/* Über den STARTPLATZ Styling */\r\n
@media (max-width: 768px) {\r\n
.text-content {\r\n
order: 1 !important;\r\n
}\r\n
}\r\n
\r\n
/* Statistiken Styling */\r\n
.stats-section {\r\n
text-align: center;\r\n
padding: 40px 0;\r\n
}\r\n
\r\n
.container {\r\n
max-width: 1200px;\r\n
margin: auto;\r\n
}\r\n
\r\n
.stats-grid {\r\n
display: grid;\r\n
grid-template-columns: repeat(4, 1fr);\r\n
gap: 20px;\r\n
text-align: center;\r\n
}\r\n
\r\n
.stat-item {\r\n
position: relative;\r\n
padding: 20px;\r\n
}\r\n
\r\n
.stat-background {\r\n
font-size: 120px;\r\n
font-weight: bold;\r\n
color: rgba(122, 184, 0, 0.20);\r\n
position: absolute;\r\n
left: 50%;\r\n
top: 50%;\r\n
transform: translate(-50%, -50%);\r\n
z-index: -1;\r\n
white-space: nowrap;\r\n
}\r\n
\r\n
.stat-label {\r\n
font-size: 18px;\r\n
font-weight: bold;\r\n
color: rgba(0, 0, 0, 0.75);\r\n
position: relative;\r\n
z-index: 1;\r\n
}\r\n
\r\n
/* Mobile Ansicht */\r\n
@media (max-width: 768px) {\r\n
.stats-grid {\r\n
grid-template-columns: repeat(2, 1fr);\r\n
gap: 15px;\r\n
}\r\n
\r\n
.stat-background {\r\n
font-size: 80px;\r\n
}\r\n
\r\n
.stat-label {\r\n
font-size: 16px;\r\n
}\r\n
}\r\n
\r\n
/* Startup Community styling */\r\n
@media (min-width: 992px) {\r\n
.startup-section-layout {\r\n
display: flex;\r\n
flex-wrap: nowrap;\r\n
justify-content: space-between;\r\n
align-items: flex-start;\r\n
gap: 30px;\r\n
padding-right: 20px;\r\n
}\r\n
\r\n
.startup-text-section {\r\n
flex: 0 0 55%;\r\n
max-width: 55%;\r\n
}\r\n
\r\n
.startup-image-section {\r\n
flex: 0 0 45%;\r\n
max-width: 45%;\r\n
display: flex;\r\n
justify-content: center;\r\n
}\r\n
\r\n
.startup-image-row {\r\n
display: flex;\r\n
flex-wrap: wrap;\r\n
justify-content: center;\r\n
}\r\n
}\r\n
\r\n
@media (max-width: 991px) {\r\n
.startup-section-layout {\r\n
display: block;\r\n
}\r\n
\r\n
.startup-text-section {\r\n
width: 100%;\r\n
max-width: 100%;\r\n
}\r\n
\r\n
.startup-image-section {\r\n
width: 100%;\r\n
max-width: 100%;\r\n
display: flex;\r\n
justify-content: center;\r\n
}\r\n
\r\n
.startup-image-row {\r\n
display: flex;\r\n
flex-wrap: wrap;\r\n
justify-content: center;\r\n
width: 100%;\r\n
}\r\n
\r\n
.startup-image-section .col-6 {\r\n
flex: 0 0 100%;\r\n
max-width: 100%;\r\n
padding: 5px;\r\n
margin-bottom: 10px;\r\n
}\r\n
\r\n
.startup-image-responsive {\r\n
width: 100%;\r\n
max-width: 100%;\r\n
border-radius: 10px;\r\n
height: auto;\r\n
}\r\n
\r\n
/* GEÄNDERT: Verbesserte Sichtbarkeitslogik für mobile Ansicht */\r\n
.mobile-hidden {\r\n
display: none !important;\r\n
}\r\n
\r\n
.mobile-visible {\r\n
display: block !important;\r\n
width: 100%;\r\n
}\r\n
}\r\n
\r\n
.image-responsive {\r\n
max-width: 100%;\r\n
height: auto;\r\n
object-fit: contain;\r\n
border-radius: 10px; \r\n
}\r\n
\r\n
.text-section {\r\n
margin-top: 30px; \r\n
}\r\n
\r\n
/* Testimonial Styling */\r\n
.testimonial {\r\n
display: flex;\r\n
align-items: flex-start;\r\n
gap: 20px;\r\n
margin-bottom: 40px;\r\n
}\r\n
\r\n
.testimonial img {\r\n
width: 150px;\r\n
height: 150px;\r\n
object-fit: cover;\r\n
border-radius: 10px;\r\n
}\r\n
\r\n
.testimonial-text {\r\n
color: black;\r\n
font-size: 18px;\r\n
line-height: 1.6;\r\n
flex: 1;\r\n
}\r\n
\r\n
@media (max-width: 768px) {\r\n
.testimonial {\r\n
flex-direction: column;\r\n
align-items: flex-start;\r\n
}\r\n
\r\n
.testimonial img {\r\n
width: 120px;\r\n
height: 120px;\r\n
margin-bottom: 10px;\r\n
}\r\n
\r\n
.testimonial-text {\r\n
text-align: left;\r\n
}\r\n
} \r\n
\r\n
/* Impressionen Styling */\r\n
.impressionen-container {\r\n
max-width: 900px;\r\n
margin: auto;\r\n
padding: 20px;\r\n
text-align: center;\r\n
}\r\n
\r\n
.impressionen-heading {\r\n
font-size: 2rem;\r\n
margin-bottom: 20px;\r\n
}\r\n
\r\n
.slideshow-container {\r\n
position: relative;\r\n
max-width: 100%;\r\n
margin: auto;\r\n
border-radius: 10px;\r\n
overflow: hidden;\r\n
background: #fff; \r\n
}\r\n
\r\n
.slide {\r\n
display: none;\r\n
text-align: center;\r\n
}\r\n
\r\n
.slide.active {\r\n
display: block;\r\n
}\r\n
\r\n
.slide img {\r\n
width: 100%;\r\n
border-radius: 10px;\r\n
object-fit: cover;\r\n
}\r\n
\r\n
.caption {\r\n
padding: 10px;\r\n
font-size: 1rem;\r\n
background: #7AB800;\r\n
color: white;\r\n
border-radius: 0 0 10px 10px;\r\n
text-align: center;\r\n
}\r\n
\r\n
/* Navigation Buttons */\r\n
.prev, .next {\r\n
cursor: pointer;\r\n
position: absolute;\r\n
top: 50%;\r\n
width: 40px;\r\n
height: 40px;\r\n
padding: 10px;\r\n
color: white;\r\n
font-weight: bold;\r\n
font-size: 24px;\r\n
transition: 0.3s;\r\n
user-select: none;\r\n
background: #7AB800;\r\n
border-radius: 50%;\r\n
display: flex;\r\n
align-items: center;\r\n
justify-content: center;\r\n
transform: translateY(-50%);\r\n
border: none;\r\n
}\r\n
\r\n
.next {\r\n
right: 10px;\r\n
}\r\n
\r\n
.prev {\r\n
left: 10px;\r\n
}\r\n
\r\n
.prev:hover, .next:hover {\r\n
background: rgba(0, 0, 0, 0.8);\r\n
}\r\n
\r\n
/* Dots */\r\n
.dots-container {\r\n
text-align: center;\r\n
margin-top: 10px;\r\n
}\r\n
\r\n
.dot {\r\n
cursor: pointer;\r\n
height: 12px;\r\n
width: 12px;\r\n
margin: 5px;\r\n
background-color: #bbb;\r\n
border-radius: 50%;\r\n
display: inline-block;\r\n
transition: background-color 0.3s ease;\r\n
}\r\n
\r\n
.dot.active, .dot:hover {\r\n
background-color: #717171;\r\n
}\r\n
\r\n
/* FAQ Styling */\r\n
.faq-accordion {\r\n
max-width: 1300px;\r\n
margin: 0 auto;\r\n
}\r\n
\r\n
.faq-item {\r\n
border-bottom: 1px solid #ccc;\r\n
padding: 15px 0;\r\n
}\r\n
\r\n
.faq-question {\r\n
display: flex;\r\n
justify-content: space-between;\r\n
align-items: center;\r\n
font-size: 18px;\r\n
font-weight: bold;\r\n
color: black;\r\n
cursor: pointer;\r\n
transition: color 0.3s;\r\n
}\r\n
\r\n
.faq-question:hover {\r\n
color: #7AB800;\r\n
}\r\n
\r\n
.faq-icon {\r\n
font-size: 24px;\r\n
transition: transform 0.3s ease-in-out;\r\n
}\r\n
\r\n
.faq-answer {\r\n
max-height: 0;\r\n
overflow: hidden;\r\n
opacity: 0;\r\n
transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out;\r\n
font-size: 18px;\r\n
color: black;\r\n
}\r\n
\r\n
.faq-answer p {\r\n
margin-top: 10px;\r\n
}\r\n
\r\n
/* HINZUGEFÜGT: Zusätzliche Korrekturen für mobile Ansicht */\r\n
@media (max-width: 768px) {\r\n
/* Grundlegende Bildoptimierung */\r\n
img {\r\n
max-width: 100%;\r\n
height: auto !important;\r\n
}\r\n
\r\n
/* Fix für Galerie auf Mobilgeräten */\r\n
.gallery-section, .gallery-section-mobile {\r\n
display: block !important;\r\n
width: 100%;\r\n
}\r\n
\r\n
.gallery-image-wrapper {\r\n
width: 100% !important;\r\n
margin-bottom: 20px;\r\n
}\r\n
\r\n
.gallery-image {\r\n
width: 100% !important;\r\n
height: auto !important;\r\n
object-fit: cover;\r\n
}\r\n
\r\n
/* Verbesserung der Startup-Bilder auf Mobilgeräten */\r\n
.startup-image-section {\r\n
display: block !important;\r\n
width: 100%;\r\n
margin-top: 20px;\r\n
}\r\n
\r\n
.startup-image-row {\r\n
display: block !important;\r\n
width: 100%;\r\n
}\r\n
\r\n
.startup-image-row .col-6 {\r\n
width: 100% !important;\r\n
margin-bottom: 15px;\r\n
}\r\n
\r\n
/* Korrektur für Bildersektion im Header */\r\n
.image-section {\r\n
width: 100% !important;\r\n
display: block !important;\r\n
margin: 20px 0;\r\n
text-align: center !important;\r\n
}\r\n
\r\n
/* Verbesserte Bildanzeige für alle responsiven Bilder */\r\n
.image-responsive, \r\n
.startup-image-responsive, \r\n
.gallery-image {\r\n
max-width: 100% !important;\r\n
width: 100% !important;\r\n
height: auto !important;\r\n
border-radius: 10px !important;\r\n
margin-bottom: 10px;\r\n
}\r\n
}\r\n
\r\n
/* HINZUGEFÜGT: Fix speziell für Startup-Bereich */\r\n
@media (max-width: 991px) {\r\n
.startup-image-section {\r\n
display: block !important;\r\n
width: 100% !important;\r\n
}\r\n
\r\n
.startup-image-section .col-6 {\r\n
width: 100% !important;\r\n
max-width: 100% !important;\r\n
margin-bottom: 15px;\r\n
display: block;\r\n
}\r\n
\r\n
.startup-image-row {\r\n
display: block !important;\r\n
width: 100%;\r\n
}\r\n
}\r\n
\r\n
/* Anpassung der Schriftgrößen für mobile Geräte */\r\n
@media (max-width: 768px) {\r\n
/* Grundlegende Schriftgrößenanpassungen */\r\n
h1 {\r\n
font-size: 30px !important;\r\n
}\r\n
\r\n
h2 {\r\n
font-size: 22px !important;\r\n
}\r\n
\r\n
h3 {\r\n
font-size: 18px !important;\r\n
}\r\n
\r\n
h4 {\r\n
font-size: 16px !important;\r\n
}\r\n
\r\n
p, li, td, .faq-answer {\r\n
font-size: 16px !important;\r\n
line-height: 1.5 !important;\r\n
}\r\n
\r\n
/* Spezifische Elemente anpassen */\r\n
.faq-question {\r\n
font-size: 16px !important;\r\n
}\r\n
\r\n
.stat-label {\r\n
font-size: 14px !important;\r\n
}\r\n
\r\n
.stat-background {\r\n
font-size: 60px !important;\r\n
}\r\n
\r\n
.testimonial-text p {\r\n
font-size: 16px !important;\r\n
}\r\n
\r\n
/* Buttons kleiner machen */\r\n
.cta-button, .custom-btn, .btn {\r\n
font-size: 18px !important;\r\n
padding: 12px 18px !important;\r\n
}\r\n
\r\n
.small-button {\r\n
font-size: 16px !important;\r\n
padding: 8px 16px !important;\r\n
}\r\n
\r\n
/* Header und Listen */\r\n
.custom-layout h1 {\r\n
font-size: 30px !important;\r\n
margin-bottom: 15px !important;\r\n
}\r\n
\r\n
.custom-layout ul li {\r\n
font-size: 16px !important;\r\n
line-height: 1.6 !important;\r\n
}\r\n
\r\n
/* Preisangabe */\r\n
.text-section h2.bold {\r\n
font-size: 18px !important;\r\n
}\r\n
\r\n
.text-section span[style*="font-size: 50px"] {\r\n
font-size: 40px !important;\r\n
}\r\n
\r\n
.text-section span[style*="font-size: 20px"] {\r\n
font-size: 16px !important;\r\n
}\r\n
\r\n
/* Tabellen */\r\n
.comparison-table td {\r\n
font-size: 16px !important;\r\n
padding: 12px !important;\r\n
}\r\n
\r\n
/* Office Info */\r\n
.office-info {\r\n
font-size: 18px !important;\r\n
}\r\n
\r\n
/* Bildunterschriften */\r\n
.caption {\r\n
font-size: 14px !important;\r\n
padding: 8px !important;\r\n
}\r\n
}\r\n
\r\n
/* Extra kleine Geräte */\r\n
@media (max-width: 576px) {\r\n
h1 {\r\n
font-size: 26px !important;\r\n
}\r\n
\r\n
h2 {\r\n
font-size: 20px !important;\r\n
}\r\n
\r\n
.text-section span[style*="font-size: 50px"] {\r\n
font-size: 36px !important;\r\n
}\r\n
\r\n
.button-group {\r\n
gap: 10px;\r\n
}\r\n
\r\n
.cta-button, .custom-btn, .btn {\r\n
padding: 10px 16px !important;\r\n
font-size: 16px !important;\r\n
}\r\n
}\r\n
\r\n
/* Die erste Galerie auf Mobilgeräten ausblenden */\r\n
@media (max-width: 768px) {\r\n
/* Spezifischer Selektor für die erste Galerie-Section */\r\n
section.gallery-section:not(.gallery-section-mobile) {\r\n
display: none !important;\r\n
}\r\n
\r\n
/* Sicherstellen, dass die mobile Galerie angezeigt wird */\r\n
.gallery-section-mobile {\r\n
display: block !important;\r\n
}\r\n
}\r\n
\r\n
/* Fixes für Service-Leistungen Bereich auf mobilen Geräten */\r\n
@media (max-width: 768px) {\r\n
.col-md-3 {\r\n
width: 100%;\r\n
margin-bottom: 30px;\r\n
}\r\n
\r\n
.d-flex.flex-column {\r\n
align-items: center;\r\n
text-align: center;\r\n
}\r\n
\r\n
.d-flex.flex-column img {\r\n
margin-bottom: 15px;\r\n
}\r\n
}\r\n
\r\n
/* Verbesserte Layout-Anpassungen für verschiedene Abschnitte */\r\n
@media (max-width: 768px) {\r\n
/* Überschriften und Text-Zentrierungen */\r\n
.text-left {\r\n
text-align: center !important;\r\n
}\r\n
\r\n
.justify-content-start {\r\n
justify-content: center !important;\r\n
}\r\n
\r\n
/* Abstandskorrekturen */\r\n
.py-5 {\r\n
padding-top: 30px !important;\r\n
padding-bottom: 30px !important;\r\n
}\r\n
\r\n
.container {\r\n
padding-left: 15px !important;\r\n
padding-right: 15px !important;\r\n
}\r\n
\r\n
/* Rahmen und Schatten für besser lesbare Abschnitte */\r\n
[style*="box-shadow"] {\r\n
padding: 25px !important;\r\n
}\r\n
\r\n
/* Bilder im Abschnitt "Impressionen" */\r\n
.slideshow-container {\r\n
margin: 0 auto !important;\r\n
}\r\n
\r\n
.slide img {\r\n
height: auto !important;\r\n
max-height: 300px !important;\r\n
}\r\n
\r\n
/* 3D Room Tour responsiver machen */\r\n
iframe.embed-responsive-item {\r\n
width: 100% !important;\r\n
height: 300px !important;\r\n
}\r\n
}\r\n
\r\n
/* Weitere Optimierungen für sehr kleine Geräte */\r\n
@media (max-width: 375px) {\r\n
.custom-btn, .btn {\r\n
font-size: 14px !important;\r\n
padding: 8px 12px !important;\r\n
}\r\n
\r\n
h1 {\r\n
font-size: 24px !important;\r\n
}\r\n
\r\n
.text-section span[style*="font-size: 50px"] {\r\n
font-size: 30px !important;\r\n
}\r\n
}\r\n
</style>\r\n
\r\n
\r\n
\r\n
</section><!-- Überschrift -->\r\n
\r\n
<section class="" style="background-color: white;">\r\n
<div class="container">\r\n
<div class="custom-layout">\r\n
<!-- Textbereich (50% Breite auf Desktop) -->\r\n
<div class="text-section">\r\n
<div class="text-left no-border">\r\n
<h1 class="bold" style="color: black; font-size: 40px; margin-bottom: 20px;">\r\n
Coworking Space at STARTPLATZ Düsseldorf\r\n
</h1>\r\n
<ul style="font-size: 20px; list-style-type: none; padding-left: 0; line-height: 1.8;">\r\n
<li class="list-image-hook"><span style="color: black;">Central location in the <span style="font-weight: bold;">Medienhafen Düsseldorf</span></span></li>\r\n
<li class="list-image-hook"><span style="color: black;">Modern, fully equipped offices</span></li>\r\n
<li class="list-image-hook"><span style="color: black;">Discount on conference rooms and workshops</span></li>\r\n
<li class="list-image-hook"><span style="color: black;">Access to our exclusive founder network</span></li>\r\n
<li class="list-image-hook"><span style="color: black;">Available as Flex Desk und Fix Desk option</span></li>\r\n
</ul>\r\n
<div style="margin-top: 30px;">\r\n
<h2 class="bold" style="color: black; font-size: 20px; display: inline;">from</h2>\r\n
<span style="color: black; font-size: 50px; font-weight: bold; margin-left: 10px;">180€</span>\r\n
<span style="color: black; font-size: 20px; margin-left: 10px;">per month.</span>\r\n
</div>\r\n
<div class="pt-3 d-flex justify-content-start">\r\n
<a class="btn btn-sp-green" style="margin-right: 10px; margin-bottom: 20px; font-size: 20px; font-weight: bold; padding: 14px 24px;" \r\n
href="https://app.monsum.com/purchase/b4847183a0f3978eecd9c6d8fd00aedf/11025" \r\n
target="_blank" rel="noopener noreferrer">\r\n
Book now!\r\n
</a>\r\n
<a class="btn btn-outline-secondary" style="margin-bottom: 20px; font-size: 20px; font-weight: bold; padding: 14px 24px;" \r\n
href="https://calendly.com/startplatz-duesseldorf/coworker-probetag" \r\n
target="_blank" rel="noopener noreferrer">\r\n
Arrange a free trial day\r\n
</a>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
<!-- Bildbereich -->\r\n
<div class="image-section">\r\n
<img class="image-responsive" src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1737547718/conference-rooms/Confi%20DUS%20new/Au%C3%9Fenansicht.jpg" alt="STARTPLATZ Düsseldorf Außenansicht" />\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</section>\r\n
\r\n
\r\n
\r\n
</section><!-- Gallerie 1 -->\r\n
\r\n
<section class="gallery-section">\r\n
<div class="container">\r\n
<div class="row justify-content-center">\r\n
\r\n
<!-- Erstes Bild -->\r\n
<div class="col-md-6 col-lg-5">\r\n
<div class="gallery-image-wrapper">\r\n
<img\r\n
src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1677578929/Offices/Duesseldorf/Havanna/Synnous_office_3328.jpg"\r\n
alt="Gemütliche Atmosphäre im Coworking Space"\r\n
class="gallery-image"\r\n
/>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Zweites Bild -->\r\n
<div class="col-md-6 col-lg-5">\r\n
<div class="gallery-image-wrapper">\r\n
<img\r\n
src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1737547716/conference-rooms/Confi%20DUS%20new/Empfangsbereich.jpg"\r\n
alt="Empfangsbereich des STARTPLATZ Düsseldorf"\r\n
class="gallery-image"\r\n
/>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</section>\r\n
\r\n
\r\n
\r\n
</section><!-- Tabelle -->\r\n
\r\n
<section style="padding: 60px 0; background: white;">\r\n
<div class="container">\r\n
<div class="row justify-content-center">\r\n
<div class="col-12 py-5"\r\n
style="background: #f8f9fa;\r\n
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);\r\n
border-radius: 15px;\r\n
padding: 50px;\r\n
margin: 20px 0;\r\n
text-align: center;">\r\n
\r\n
<!-- Überschrift -->\r\n
<h2 style="font-weight: bold; color: black; font-size: 28px; margin-bottom: 30px;">\r\n
Which workstation suits you best? Flex Desk vs. Fix Desk in comparison\r\n
</h2>\r\n
\r\n
<div class="table-wrapper">\r\n
<table class="comparison-table">\r\n
<thead>\r\n
<tr>\r\n
<th></th>\r\n
<th>Coworking</th>\r\n
<th>2nd Home</th>\r\n
</tr>\r\n
</thead>\r\n
<tbody>\r\n
<tr>\r\n
<td data-label="Leistung">Workstation and usage</td>\r\n
<td data-label="Coworking">Flexible workspace with 24/7 access</td>\r\n
<td data-label="2nd Home">Fixed workspace with 24/7 access</td>\r\n
</tr>\r\n
<tr>\r\n
<td data-label="Leistung">Community advantages</td>\r\n
<td data-label="Coworking">Yes</td>\r\n
<td data-label="2nd Home">Yes</td>\r\n
</tr>\r\n
<tr>\r\n
<td data-label="Leistung">Coworking Space Benefits</td>\r\n
<td data-label="Coworking">Yes</td>\r\n
<td data-label="2nd Home">Yes</td>\r\n
</tr>\r\n
<tr>\r\n
<td data-label="Leistung">Access to the second location in Cologne</td>\r\n
<td data-label="Coworking">Yes</td>\r\n
<td data-label="2nd Home">Yes</td>\r\n
</tr>\r\n
<tr>\r\n
<td data-label="Leistung">Use of the meeting rooms</td>\r\n
<td data-label="Coworking">90 min. per day free of charge (bookable on the same day) <br>After that: 50 % discount</td>\r\n
<td data-label="2nd Home">90 min. per day free of charge (bookable on the same day) <br>Additional: 16 hours per month included</td>\r\n
</tr>\r\n
<tr>\r\n
<td data-label="Leistung">Business address</td>\r\n
<td data-label="Coworking">optional +60€</td>\r\n
<td data-label="2nd Home">Yes</td>\r\n
</tr>\r\n
<tr class="highlight-row">\r\n
<td data-label="Leistung"><strong>Price</strong></td>\r\n
<td data-label="Coworking"><strong>180€ per month</strong></td>\r\n
<td data-label="2nd Home"><strong>350€ per month</strong></td>\r\n
</tr>\r\n
<tr>\r\n
<td><strong>Book</strong></td>\r\n
<td>\r\n
<a class="cta-button small-button primary" \r\n
href="https://app.monsum.com/purchase/b4847183a0f3978eecd9c6d8fd00aedf/11025" \r\n
target="_blank" rel="noopener noreferrer">\r\n
Book Coworking space \r\n
</a>\r\n
</td>\r\n
<td>\r\n
<a class="cta-button small-button primary" \r\n
href="https://startplatz.typeform.com/to/SLmUm7?typeform-source=www.startplatz.de" \r\n
target="_blank" rel="noopener noreferrer">\r\n
Request 2nd Home\r\n
</a>\r\n
</td>\r\n
</tr>\r\n
</tbody>\r\n
</table>\r\n
</div>\r\n
\r\n
<!-- Probetag-Button -->\r\n
<div class="button-group" style="margin-top: 30px; text-align: center;">\r\n
<a class="cta-button secondary" \r\n
href="https://calendly.com/startplatz-duesseldorf/coworker-probetag" \r\n
target="_blank" rel="noopener noreferrer">\r\n
Arrange a free trial day\r\n
</a>\r\n
</div>\r\n
\r\n
<!-- Büroangebote Hinweis -->\r\n
<h2 class="office-info">\r\n
Are you interested in a private office at STARTPLATZ? \r\n
Then take a look at <a href="https://www.startplatz.de/en/offices-duesseldorf/" \r\n
target="_blank" rel="noopener noreferrer">our office offers.</a>\r\n
</h2>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</section>\r\n
\r\n
\r\n
\r\n
</section><!--Gallerie 2-->\r\n
\r\n
<section class="gallery-section-mobile">\r\n
<div class="container">\r\n
<div class="row justify-content-center">\r\n
\r\n
<!-- Drittes Bild -->\r\n
<div class="col-md-6 col-lg-5">\r\n
<div class="gallery-image-wrapper">\r\n
<img\r\n
src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1677578930/Offices/Duesseldorf/Havanna/Synnous_office_2523.jpg"\r\n
alt="konzentriertes Arbeiten im lichtdurchfluteten Coworking Bereich des STARTPLATZ Düsseldorf"\r\n
class="gallery-image"\r\n
loading="lazy"\r\n
/>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Viertes Bild -->\r\n
<div class="col-md-6 col-lg-5">\r\n
<div class="gallery-image-wrapper">\r\n
<img\r\n
src="https://res.cloudinary.com/startplatz/image/upload/c_scale,h_533,q_auto,w_800/v1722851985/Sonstige%20Bilder/duss.jpg"\r\n
alt="Außenansicht über den Medienhafen in Düsseldorf"\r\n
class="gallery-image"\r\n
loading="lazy"\r\n
/>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</section>\r\n
\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
\r\n
\r\n
</section><!-- Service Leistungen-->\r\n
\r\n
<section style="padding: 40px 0;">\r\n
<div class="container" style="background-color: #f8f9fa; padding: 40px; border-radius: 10px; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15);">\r\n
<div class="row">\r\n
<div class="col-12 text-center">\r\n
<h2 style="font-weight: bold;">All-round service - the following services are included</h2>\r\n
<p style="font-size: 18px;">When you book a coworking space at STARTPLATZ Düsseldorf, you also benefit from all STARTPLATZ advantages, such as:</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="row pt-4">\r\n
<!-- Leistung 1 -->\r\n
<div class="col-md-3 d-flex flex-column">\r\n
<img src="https://v.fastcdn.co/u/5b11d3c4/63593322-0-events-workshops-bla.png" alt="Möblierte Büros" style="width: 50px; margin-bottom: 10px;">\r\n
<h4 style="font-weight: bold;">Startup Community & Events</h4>\r\n
<p>Become part of the largest startup community in NRW and make valuable contacts at exclusive community events.</p>\r\n
</div>\r\n
\r\n
<!-- Leistung 2 -->\r\n
<div class="col-md-3 d-flex flex-column">\r\n
<img src="https://v.fastcdn.co/u/5b11d3c4/63593327-0-placeholder-filled-p.png" alt="24/7 Zugang" style="width: 50px; margin-bottom: 10px;">\r\n
<h4 style="font-weight: bold;">Top location with partner hubs</h4>\r\n
<p>Central location with excellent connections and access to partner hubs in Europe for maximum flexibility.</p>\r\n
</div>\r\n
\r\n
<!-- Leistung 3 -->\r\n
<div class="col-md-3 d-flex flex-column">\r\n
<img src="https://v.fastcdn.co/u/5b11d3c4/63593317-0-printer-black.png" alt="Meetingräume" style="width: 50px; margin-bottom: 10px;">\r\n
<h4 style="font-weight: bold;">Professional office infrastructure</h4>\r\n
<p>High-speed Internet, printers, telephone rooms and office supplies - everything you need to work productively.</p>\r\n
</div>\r\n
\r\n
<!-- Leistung 4 -->\r\n
<div class="col-md-3 d-flex flex-column">\r\n
<img src="https://v.fastcdn.co/u/6430ff65/47011940-0-send-photo.svg" alt="Geschäftsanschrift" style="width: 50px; margin-bottom: 10px;">\r\n
<h4 style="font-weight: bold;">Exklusive discounts</h4>\r\n
<p>Benefit from discounts with service partners and 50% off meeting and conference rooms.</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="row pt-4">\r\n
<!-- Leistung 5 -->\r\n
<div class="col-md-3 d-flex flex-column">\r\n
<img src="https://v.fastcdn.co/u/5b11d3c4/63593304-0-memberbreakfast-blac.png" alt="Getränke-Flat" style="width: 50px; margin-bottom: 10px;">\r\n
<h4 style="font-weight: bold;">Working with comfort and a feel-good factor</h4>\r\n
<p>Coffee, tea and water flat rate, communal areas and an inspiring environment for concentrated and relaxed work.</p>\r\n
</div>\r\n
\r\n
<!-- Leistung 6 -->\r\n
<div class="col-md-3 d-flex flex-column">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/v1614678469/Icons/promote.png" alt="Drucker & Bürobedarf" style="width: 50px; margin-bottom: 10px;">\r\n
<h4 style="font-weight: bold;">More reach for you</h4>\r\n
<p>Slack Workspace and STARTPLATZ channels for networking, exchange and more visibility in the startup scene.</p>\r\n
</div>\r\n
\r\n
<!-- Leistung 7 -->\r\n
<div class="col-md-3 d-flex flex-column">\r\n
<img src="https://v.fastcdn.co/u/5b11d3c4/63593302-0-desk-black.png" alt="Standort Düsseldorf" style="width: 50px; margin-bottom: 10px;">\r\n
<h4 style="font-weight: bold;">Knowledge & expert support</h4>\r\n
<p>Free mentoring sessions and 50% discount on workshops for the targeted development of your skills.</p>\r\n
</div>\r\n
\r\n
<!-- Leistung 8 -->\r\n
<div class="col-md-3 d-flex flex-column">\r\n
<img src="https://v.fastcdn.co/u/5b11d3c4/63593406-0-man-in-office-desk-w.png" alt="Flexible Arbeitsplätze" style="width: 50px; margin-bottom: 10px;">\r\n
<h4 style="font-weight: bold;">Flexible workstations with cleaning service</h4>\r\n
<p>Flexible or fixed workplace with daily cleaning for a professional and pleasant working atmosphere.</p>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</section>\r\n
\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
\r\n
\r\n
</section><!-- Fließtext -->\r\n
\r\n
<section style="padding: 40px 0;">\r\n
<div class="container">\r\n
<div class="row">\r\n
<div class="col-12">\r\n
<!-- Hier ein extra div für den Schatten -->\r\n
<div style="background: #f8f9fa; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15); padding: 40px; border-radius: 10px;">\r\n
\r\n
<div class="mb-4">\r\n
<h2 style="font-weight: bold; color: black; font-size: 26px; text-align: left;">Book your modern coworking space in Düsseldorf now</h2>\r\n
</div>\r\n
\r\n
<div class="mb-4">\r\n
<h3 style="font-weight: bold; color: black; font-size: 22px; text-align: left;">Flexible workplace in the heart of Düsseldorf</h3>\r\n
<p style="font-size: 18px; line-height: 1.6; color: #333; text-align: left;">\r\n
Get out of your own four walls and into an innovative coworking space in Düsseldorf! \r\n
For just €180/month, you can rent a space in the shared office - including infrastructure, knowledge transfer, exchange of ideas and expert feedback. \r\n
Become part of the STARTPLATZ ecosystem with founders, freelancers, investors and corporates.\r\n
</p>\r\n
</div>\r\n
\r\n
<div class="mb-4">\r\n
<h3 style="font-weight: bold; color: black; font-size: 22px; text-align: left;">Coworking spaces - more than just a desk</h3>\r\n
<p style="font-size: 18px; line-height: 1.6; color: #333; text-align: left;">\r\n
Our coworking spaces offer you more than just a flexible workplace. \r\n
You work in a creative environment, meet like-minded people and benefit from an open exchange of ideas. \r\n
Ideal for anyone who wants to remain flexible and work in a professional environment at the same time.\r\n
</p>\r\n
</div>\r\n
\r\n
<div class="mb-4">\r\n
<h3 style="font-weight: bold; color: black; font-size: 22px; text-align: left;">Work productively with the best equipment</h3>\r\n
<p style="font-size: 18px; line-height: 1.6; color: #333; text-align: left;">\r\n
Work efficiently without having to worry about technical details - that's coworking at STARTPLATZ Düsseldorf. \r\n
Our flexible workstations, which you can rent as required, are equipped with state-of-the-art infrastructure \r\n
and offer you the ideal environment for concentrated work - including height-adjustable desks and monitors.\r\n
</p>\r\n
</div>\r\n
\r\n
<!-- Buttons -->\r\n
<div class="d-flex flex-column flex-md-row justify-content-between" style="gap: 10px; margin-top: 30px;">\r\n
<a class="btn btn-sp-green custom-btn" \r\n
href="https://app.monsum.com/purchase/b4847183a0f3978eecd9c6d8fd00aedf/11025" \r\n
target="_blank" \r\n
rel="noopener noreferrer">\r\n
Book now!\r\n
</a>\r\n
\r\n
<a class="btn btn-outline-secondary custom-btn" \r\n
href="https://calendly.com/startplatz-duesseldorf/coworker-probetag" \r\n
target="_blank" \r\n
rel="noopener noreferrer">\r\n
Arrange a free trial day\r\n
</a>\r\n
</div>\r\n
</section>\r\n
\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
\r\n
\r\n
</section><!--Location-->\r\n
\r\n
<section>\r\n
<div class="container">\r\n
<div class="row align-items-center py-5 custom-section"\r\n
style="background: #f8f9fa; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 40px; margin: 40px 0; display: flex; flex-wrap: wrap;">\r\n
\r\n
<!-- Textbereich -->\r\n
<div class="col-lg-7 col-md-12 text-content" \r\n
style="color: black; flex: 1 1 60%; order: 2;">\r\n
<h2 style="font-size: 28px; font-weight: bold; margin-bottom: 20px;">\r\n
Top location in <span style="font-weight: bold;">Medienhafen Düsseldorf</span> – Your <span style="font-weight: bold;">Coworking space</span> in the centre of innovation\r\n
</h2>\r\n
<div class="mb-4">\r\n
<h3 style="font-weight: bold; font-size: 22px; margin-bottom: 10px;">Central location for your coworking</h3>\r\n
<p style="font-size: 18px; line-height: 1.6;">\r\n
Our shared offices at STARTPLATZ Düsseldorf are located in the Medienhafen, one of the city's most central innovation locations. \r\n
With direct connections to the main train station, highways and airport, you can be reached quickly and flexibly at any time.\r\n
</p>\r\n
</div>\r\n
<div>\r\n
<h3 style="font-weight: bold; font-size: 22px; margin-bottom: 10px;">Coworking in the heart of the innovation and business hotspot</h3>\r\n
<p style="font-size: 18px; line-height: 1.6;">\r\n
In the Medienhafen, you will work among start-ups, companies and creative minds. The dynamic environment promotes exchange and collaboration, \r\n
while cafés, restaurants and events offer the perfect balance between work and networking.\r\n
</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Bildbereich -->\r\n
<div class="col-lg-5 col-md-12 image-content"\r\n
style="flex: 1 1 40%; display: flex; justify-content: center; align-items: center; order: 1;">\r\n
<div class="image-wrapper">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1677578929/Offices/Duesseldorf/Havanna/Synnous_office_3097_2.jpg" \r\n
alt="Ausblick vom STARTPLATZ Düsseldorf auf den Medienhafen" \r\n
class="img-fluid rounded-image"\r\n
loading="lazy">\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</section>\r\n
\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
\r\n
\r\n
</section><!--Profitiere von der größten Startup Community in NRW-->\r\n
\r\n
<section>\r\n
<div class="container">\r\n
<div class="py-5" style="background: #f8f9fa; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 40px; margin: 40px 0;">\r\n
<!-- Überschrift -->\r\n
<div class="col-12 mb-4 text-left">\r\n
<h2 style="font-weight: bold; font-size: 26px; color: black;">Benefit from the largest startup community in NRW</h2>\r\n
</div>\r\n
\r\n
<!-- Flexbox-Container für Desktop -->\r\n
<div class="row startup-section-layout">\r\n
<!-- Textbereich -->\r\n
<div class="col-lg-6 startup-text-section">\r\n
<div class="mb-4">\r\n
<h3 style="font-weight: bold; font-size: 22px; margin-bottom: 10px;">Huge community</h3>\r\n
<p style="font-size: 18px; line-height: 1.6;">\r\n
An office at STARTPLATZ gives you access to NRW's largest startup community with over 2,000 startups and contact to many freelancers, investors, agencies and corporates.\r\n
</p>\r\n
</div>\r\n
\r\n
<div class="mb-4">\r\n
<h3 style="font-weight: bold; font-size: 22px; margin-bottom: 10px;">Extensive range of events</h3>\r\n
<p style="font-size: 18px; line-height: 1.6;">\r\n
Whether community events such as the Startup BBQ for networking or workshops, lectures & conferences for further training: STARTPLATZ offers a wide range of event formats.\r\n
</p>\r\n
</div>\r\n
\r\n
<div class="mb-4">\r\n
<h3 style="font-weight: bold; font-size: 22px; margin-bottom: 10px;">Community benefits</h3>\r\n
<p style="font-size: 18px; line-height: 1.6;">\r\n
Benefit from many member benefits, discounts with many service providers and software tools.\r\n
</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Bildbereich -->\r\n
<div class="col-lg-6 startup-image-section">\r\n
<div class="row startup-image-row">\r\n
<div class="col-6 p-2 mobile-visible">\r\n
<img src="https://v.fastcdn.co/u/5b11d3c4/63584245-0-InsurTech-Week-2018-.jpg" alt="Volles Publikum bei einem Event im STARTPLATZ Konferenzraum" class="img-fluid startup-image-responsive" loading="lazy">\r\n
</div>\r\n
<div class="col-6 p-2 mobile-hidden">\r\n
<img src="https://v.fastcdn.co/u/5b11d3c4/53426256-0-Rheinland-Pitch-Somm.jpg" alt="Rheinland-Pitch des STARTPLATZ Köln - Live Startup-Pitches vor Investoren und Publikum" class="img-fluid startup-image-responsive" loading="lazy">\r\n
</div>\r\n
<div class="col-6 p-2 mobile-hidden">\r\n
<img src="https://v.fastcdn.co/u/5b11d3c4/61795270-0-STARTPLATZ-Atmosphe4.jpg" alt="Networking und Teambuilding im STARTPLATZ Köln - Kicker-Runde im Gemeinschaftsbereich" class="img-fluid startup-image-responsive" loading="lazy">\r\n
</div>\r\n
<div class="col-6 p-2 mobile-visible">\r\n
<img src="https://v.fastcdn.co/u/5b11d3c4/61795227-0-BBQ-7.jpg" alt="Entspannte Gespräche bei Snacks und Drinks - Community Event im STARTPLATZ Köln" class="img-fluid startup-image-responsive" loading="lazy">\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Buttons -->\r\n
<div class="d-flex flex-column flex-md-row justify-content-between" style="gap: 10px; margin-top: 30px;">\r\n
<a class="btn btn-sp-green custom-btn" href="https://app.monsum.com/purchase/b4847183a0f3978eecd9c6d8fd00aedf/11025" target="_blank" rel="noopener noreferrer">Book now!</a>\r\n
<a class="btn btn-outline-secondary custom-btn" href="https://calendly.com/startplatz-duesseldorf/coworker-probetag" target="_blank" rel="noopener noreferrer">Arrange a free trial day</a>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</section>\r\n
\r\n
\r\n
\r\n
<!-- Über den STARTPLATZ -->\r\n
\r\n
<section>\r\n
<div class="container">\r\n
<div class="row align-items-center py-5 custom-section"\r\n
style="background: #f8f9fa; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 20px; margin: 40px 0; display: flex; flex-wrap: wrap;">\r\n
\r\n
<!-- Textbereich -->\r\n
<div class="col-12 text-content" style="color: black; flex: 1 1 100%; order: 2;">\r\n
<h2 style="font-weight: bold; font-size: 26px; color: black; margin-bottom: 20px;">About STARTPLATZ</h2>\r\n
<p style="font-size: 18px; line-height: 1.6; color: black;">\r\n
STARTPLATZ is NRW's largest startup hub and a central meeting place for the Rhineland startup scene. In addition to flexible office spaces, STARTPLATZ offers an innovative ecosystem of founders, freelancers, investors and corporates as well as a strong community of makers, experts and creative minds. As an interface between the old and new economy, STARTPLATZ can look back on over 12 years of startup experience. With more than 1,200 funded startups, over 600 million euros in investments in these startups and 300 events and 35,000 visitors every year, STARTPLATZ is a driving force in the regional innovation landscape.\r\n
</p>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</section>\r\n
\r\n
\r\n
\r\n
<!-- Statistiken groß -->\r\n
\r\n
<section class="stats-section">\r\n
<div class="container">\r\n
<div class="stats-grid">\r\n
<div class="stat-item">\r\n
<span class="stat-background">12</span>\r\n
<span class="stat-label">years of Startup-<br>experience</span>\r\n
</div>\r\n
<div class="stat-item">\r\n
<span class="stat-background">1.200</span>\r\n
<span class="stat-label">supported<br>Startups</span>\r\n
</div>\r\n
<div class="stat-item">\r\n
<span class="stat-background">300</span>\r\n
<span class="stat-label">events<br>per year</span>\r\n
</div>\r\n
<div class="stat-item">\r\n
<span class="stat-background">600</span>\r\n
<span class="stat-label">Mio € investments<br>in our Startups</span>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</section>\r\n
\r\n
\r\n
\r\n
</section><!--Testimonials-->\r\n
\r\n
<section style="padding: 40px 0;">\r\n
<div class="container">\r\n
<div class="row justify-content-center">\r\n
<div class="col-12">\r\n
<!-- Wrapper mit Schatten -->\r\n
<div style="background: #f8f9fa; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 40px; margin: 40px 0;">\r\n
<!-- Überschrift -->\r\n
<h2 style="font-weight: bold; color: black; font-size: 26px; margin-bottom: 30px;">What members of our community say</h2>\r\n
\r\n
\r\n
<!-- Testimonials -->\r\n
<div class="testimonial">\r\n
<img src="https://www.startplatz.de/wp-content/uploads/2019/05/Stockbild-Samir.jpg" alt="Bild von Samir">\r\n
<div class="testimonial-text">\r\n
<h3 style="font-size: 22px; font-weight: bold; margin-bottom: 10px;">Samir</h3>\r\n
<h4 style="font-size: 18px; font-weight: bold; margin-bottom: 10px;">CEO & co-founder Scalue</h4>\r\n
<p>For me, STARTPLATZ is a place of concentration and productivity. In addition, the start-ups are very helpful to each other. There is a sense of WE.</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="testimonial">\r\n
<img src="https://www.startplatz.de/wp-content/uploads/2018/03/sebastian_gilles_foxbase.jpg" alt="Bild von Sebastian">\r\n
<div class="testimonial-text">\r\n
<h3 style="font-size: 22px; font-weight: bold; margin-bottom: 10px;">Sebastian</h3>\r\n
<h4 style="font-size: 18px; font-weight: bold; margin-bottom: 10px;">Co-Founder FoxBase</h4>\r\n
<p>STARTPLATZ is the place in Düsseldorf for start-ups and young entrepreneurs. There they find a home, a great network and support.</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="testimonial">\r\n
<img src="https://www.startplatz.de/wp-content/uploads/2019/05/Teamfoto_CardioConform.jpg" alt="Bild von Philipp & Martin">\r\n
<div class="testimonial-text">\r\n
<h3 style="font-size: 22px; font-weight: bold; margin-bottom: 10px;">Philipp & Martin</h3>\r\n
<h4 style="font-size: 18px; font-weight: bold; margin-bottom: 10px;">Founder CardioConform</h4>\r\n
<p>When you enter STARTPLATZ in Düsseldorf, you can feel the entrepreneurial spirit. The coworking space has a creative yet concentrated atmosphere. The continuous exchange with founders and the regular Member Breakfast always inspire us. Düsseldorf's start-up heart beats at STARTPLATZ.</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="testimonial">\r\n
<img src="https://www.startplatz.de/wp-content/uploads/2018/03/dimitrij_wocals.jpg" alt="Bild von Dimitrij">\r\n
<div class="testimonial-text">\r\n
<h3 style="font-size: 22px; font-weight: bold; margin-bottom: 10px;">Dimitrij</h3>\r\n
<h4 style="font-size: 18px; font-weight: bold; margin-bottom: 10px;">Founder WOCALS</h4>\r\n
<p>At STARTPLATZ, you meet like-minded people who accept no boundaries and work every day to change the world. Mutual support is a matter of course here without a “what do I get in return” mentality.</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Buttons -->\r\n
<div class="d-flex flex-column flex-md-row justify-content-between" style="gap: 10px; margin-top: 30px;">\r\n
<a class="btn btn-sp-green custom-btn" \r\n
href="https://app.monsum.com/purchase/b4847183a0f3978eecd9c6d8fd00aedf/11025" \r\n
target="_blank" \r\n
rel="noopener noreferrer">\r\n
Book now!\r\n
</a>\r\n
\r\n
<a class="btn btn-outline-secondary custom-btn" \r\n
href="https://calendly.com/startplatz-duesseldorf/coworker-probetag" \r\n
target="_blank" \r\n
rel="noopener noreferrer">\r\n
Arrange a free trial day\r\n
</a>\r\n
</div>\r\n
</section>\r\n
\r\n
\r\n
\r\n
</section><!--3D Room Tour-->\r\n
\r\n
<section>\r\n
<div class="container">\r\n
<div class="row">\r\n
<div class="col-12 py-5" style="background: white;">\r\n
<div class="d-flex flex-row justify-content-center">\r\n
<div>\r\n
<h2 class="bold" style="text-align: center;">3D Room Tour</h2>\r\n
</div>\r\n
</div>\r\n
<div class="d-flex flex-row justify-content-center pt-5"><iframe class="embed-responsive-item" style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m0!4v1502884274617!6m8!1m7!1sCAoSLEFGMVFpcFB5TmdTdElSVGVTSVZJeGk4QXNjeFpTN3UzbUcyUUtEdlVpTmY0!2m2!1d51.215805300906!2d6.7518497086903!3f234.072864736437!4f-4.90517344164563!5f0.7820865974627469" width="600" height="450" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
\r\n
\r\n
<!-- Impressionen Slideshow -->\r\n
\r\n
<section class="impressionen-slideshow-section">\r\n
<div class="impressionen-container">\r\n
<h2 class="text-left" style="font-weight: bold; color: black; font-size: 24px; margin-bottom: 30px;">\r\n
Impressions - <span style="font-weight: bold;">STARTPLATZ</span>\r\n
</h2>\r\n
\r\n
<div class="slideshow-container">\r\n
<!-- Slide 1 -->\r\n
<div class="slide active">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1677578929/Offices/Duesseldorf/Havanna/Synnous_office_5002.jpg" alt="Konzentriertes Arbeiten im Coworking Bereich" loading="lazy">\r\n
<div class="caption">Konzentriertes Arbeiten im Coworking Bereich</div>\r\n
</div>\r\n
\r\n
<!-- Slide 2 -->\r\n
<div class="slide">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,h_667,q_auto,w_1000/v1704657208/Offices/Duesseldorf/Panama/PXL_20231117_081803608.LONG_EXPOSURE-02.ORIGINAL.jpg" alt="One of our 7 meeting- and conference rooms" loading="lazy">\r\n
<div class="caption">One of our 7 meeting- and conference rooms</div>\r\n
</div>\r\n
\r\n
<!-- Slide 3 -->\r\n
<div class="slide">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1677578928/Offices/Duesseldorf/Havanna/Synnous_office_3345.jpg" alt="Innovation starts with the right working environment" loading="lazy">\r\n
<div class="caption">Innovation starts with the right working environment</div>\r\n
</div>\r\n
\r\n
<!-- Slide 4 -->\r\n
<div class="slide">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1734512237/Offices/Duesseldorf/Havanna/_F5A4282.jpg" alt="One of our coworking areas" loading="lazy">\r\n
<div class="caption">One of our coworking areas</div>\r\n
</div>\r\n
\r\n
<!-- Slide 5 -->\r\n
<div class="slide">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1677578929/Offices/Duesseldorf/Havanna/SUW_Fotos.jpg" alt="Exchange during coworking" loading="lazy">\r\n
<div class="caption">Exchange during coworking</div>\r\n
</div>\r\n
\r\n
<!-- Slide 6 -->\r\n
<div class="slide">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1677578928/Offices/Duesseldorf/Havanna/Synnous_office_2099.jpg" alt="Focused work" loading="lazy">\r\n
<div class="caption">Focused work</div>\r\n
</div>\r\n
\r\n
<!-- Slide 7 -->\r\n
<div class="slide">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1677578926/Offices/Duesseldorf/Havanna/DSC_3146.jpg" alt="Collaboration that drives innovation" loading="lazy">\r\n
<div class="caption">Collaboration that drives innovation</div>\r\n
</div>\r\n
\r\n
\r\n
<!-- Navigation Buttons -->\r\n
<a class="prev" onclick="plusSlides(-1)">❮</a>\r\n
<a class="next" onclick="plusSlides(1)">❯</a>\r\n
</div>\r\n
\r\n
<!-- Dots für Navigation -->\r\n
<div class="dots-container">\r\n
<span class="dot active" onclick="currentSlide(1)"></span>\r\n
<span class="dot" onclick="currentSlide(2)"></span>\r\n
<span class="dot" onclick="currentSlide(3)"></span>\r\n
<span class="dot" onclick="currentSlide(4)"></span>\r\n
<span class="dot" onclick="currentSlide(5)"></span>\r\n
<span class="dot" onclick="currentSlide(6)"></span>\r\n
<span class="dot" onclick="currentSlide(7)"></span>\r\n
</div>\r\n
</div>\r\n
</section>\r\n
\r\n
<script>\r\n
let slideIndex = 0;\r\n
const slides = document.getElementsByClassName("slide");\r\n
const dots = document.getElementsByClassName("dot");\r\n
\r\n
function showSlides(n) {\r\n
// Verhindern, dass die Slideshow überläuft\r\n
if (n >= slides.length) slideIndex = 0;\r\n
if (n < 0) slideIndex = slides.length - 1;\r\n
\r\n
// Alle Bilder ausblenden\r\n
for (let i = 0; i < slides.length; i++) {\r\n
slides[i].classList.remove("active");\r\n
}\r\n
\r\n
// Alle Dots deaktivieren\r\n
for (let i = 0; i < dots.length; i++) {\r\n
dots[i].classList.remove("active");\r\n
}\r\n
\r\n
// Aktuelles Bild anzeigen\r\n
slides[slideIndex].classList.add("active");\r\n
dots[slideIndex].classList.add("active");\r\n
}\r\n
\r\n
function plusSlides(n) {\r\n
slideIndex += n;\r\n
showSlides(slideIndex);\r\n
}\r\n
\r\n
function currentSlide(n) {\r\n
slideIndex = n - 1;\r\n
showSlides(slideIndex);\r\n
}\r\n
\r\n
// Automatische Slideshow (optional)\r\n
function autoSlideShow() {\r\n
slideIndex++;\r\n
showSlides(slideIndex);\r\n
setTimeout(autoSlideShow, 5000); // Alle 5 Sekunden wechseln\r\n
}\r\n
\r\n
// Starte Slideshow nach Laden der Seite\r\n
document.addEventListener("DOMContentLoaded", () => {\r\n
showSlides(slideIndex);\r\n
autoSlideShow();\r\n
});\r\n
</script>\r\n
\r\n
\r\n
\r\n
</section><!-- FAQ Bereich-->\r\n
\r\n
<section class="faq-section py-5" style="background: white;">\r\n
<div class="container">\r\n
<h2 class="text-left" style="font-weight: bold; color: black; font-size: 24px; margin-bottom: 30px;">\r\n
FAQ - <span style="font-weight: bold;">Coworking</span> Düsseldorf\r\n
</h2>\r\n
<div class="faq-accordion">\r\n
\r\n
<!-- Frage 1 -->\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>What is the difference between a coworking workspace and a private office?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>In the coworking area, you share the space with others and look for a new place every day, depending on your tariff. You benefit in particular from interacting with the community and flexible working options. There are separate areas for confidential discussions. A private office, on the other hand, is yours alone and allows you to work undisturbed and discreetly.</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Frage 2 -->\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>How long is the notice period for Coworking and 2nd Home membership?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>The notice period for the Coworking Membership is only one month and can be terminated at any time. For the 2nd Home Membership, the notice period is 3 months to the end of the month.</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Frage 3 -->\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>Is there a minimum term for coworking membership?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>No, there is no minimum term for coworking membership</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Frage 4 -->\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>How many times a month can I work at STARTPLATZ with a coworking membership?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>Unlimited. You can work as often as you like in the shared offices at STARTPLATZ and have 24/7 access.</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Frage 5 -->\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>What does a coworking membership include?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>Membership in our shared offices at STARTPLATZ Düsseldorf includes high-speed internet, access to meeting and conference rooms, printing and scanning services as well as free coffee and water. In addition, members benefit from events, workshops, an inspiring community, 24/7 access and much more.</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Frage 6 -->\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>Can I book a trial day?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>Yes, to see our coworking spaces for yourself, you can book a free trial day <a href="https://calendly.com/startplatz-duesseldorf/coworker-probetag" style="color: #7AB800;">under this link</a>.</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Frage 7 -->\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>Is there a student discount?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>Yes, we also offer a student discount. Simply click <a href="https://www.startplatz.de/student-coworking" style="color: #7ab800;">on this link</a> to find out about our offers.</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Frage 8 -->\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>What options do I have for a coworking membership?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>At STARTPLATZ, you can choose between our coworking membership with FlexDesk for €180 per month and a 2nd Home tariff including a permanent workstation in our shared offices for €350 per month.</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Frage 9 -->\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>Is it possible to rent your own office at STARTPLATZ Düsseldorf?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>Of course! If your team is growing and you need your own office, we offer various flexible office solutions in the Medienhafen. Find out more directly <a href="https://www.startplatz.de/buero-duesseldorf/" style="color: #7ab800;">on our website</a> or contact us on 0221 975 802 15 for further details.</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Frage 10 -->\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>Do I have to provide a security deposit?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>No, you don't have to provide a security deposit to work in our coworking spaces.</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Frage 11 -->\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>Are there parking spaces?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>Yes, a public parking lot is available opposite our building for a fee. Permanent parking spaces can also be rented in the parking garage.</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Frage 12 -->\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>You would like to take out a coworking membership at STARTPLATZ Düsseldorf, but are also interested in working at STARTPLATZ Cologne from time to time?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>No problem! With a coworking membership, you can work both in Cologne and in the shared offices in Düsseldorf – as often as you like.</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Frage 13 -->\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>Is STARTPLATZ Düsseldorf easily accessible by public transportation?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>Yes, the Medienhafen is very easy to reach with the 719 train line. From the Speditionsstraße stop, it is about a 5-minute walk to the STARTPLATZ office building.</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Frage 14 -->\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>You would also like to make STARTPLATZ Düsseldorf your official company headquarters?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>No problem! Simply book a business address online! You can then have your mail conveniently sent to STARTPLATZ.</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Frage 15 -->\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>I have further questions about coworking and 2nd Home Membership, who can I contact?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>We will be happy to help you with any questions about our flexible workplaces. Please send an email to mitgliedschaft@startplatz.de or call us on 0221 975 802 15</p>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</section>\r\n
\r\n
\r\n
<script>\r\n
document.addEventListener("DOMContentLoaded", function () {\r\n
const faqItems = document.querySelectorAll(".faq-item");\r\n
\r\n
faqItems.forEach(item => {\r\n
const question = item.querySelector(".faq-question");\r\n
const answer = item.querySelector(".faq-answer");\r\n
const icon = item.querySelector(".faq-icon");\r\n
\r\n
question.addEventListener("click", function () {\r\n
const isOpen = answer.style.maxHeight;\r\n
\r\n
// Alle anderen FAQs schließen\r\n
document.querySelectorAll(".faq-answer").forEach(ans => {\r\n
ans.style.maxHeight = null;\r\n
ans.style.opacity = "0";\r\n
});\r\n
\r\n
document.querySelectorAll(".faq-icon").forEach(i => {\r\n
i.textContent = "+";\r\n
i.style.transform = "rotate(0deg)";\r\n
});\r\n
\r\n
// Wenn noch nicht geöffnet, dann öffnen\r\n
if (!isOpen || isOpen === "0px") {\r\n
answer.style.maxHeight = answer.scrollHeight + "px";\r\n
answer.style.opacity = "1";\r\n
icon.textContent = "−";\r\n
icon.style.transform = "rotate(180deg)";\r\n
}\r\n
});\r\n
});\r\n
});\r\n
</script>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</section><!-- WordPress editor ends here -->\n
\n
\n
\n
\n
<!-- sp-connect footer starts -->\n
\n
<style type="text/css">\n
.ftco-section {\n
padding: 5em 0;\n
position: relative; }\n
@media (max-width: 767.98px) {\n
.ftco-section {\n
padding: 6em 0; } }\n
\n
.ftco-footer {\n
font-size: 16px;\n
background: #232931;\n
padding: 7em 0;\n
z-index: 0; }\n
.ftco-footer .ftco-footer-logo {\n
text-transform: uppercase;\n
letter-spacing: .1em; }\n
.ftco-footer .ftco-footer-widget h2 {\n
font-weight: normal;\n
color: #fff;\n
margin-bottom: 40px;\n
font-size: 22px;\n
font-weight: 600; }\n
.ftco-footer .ftco-footer-widget ul li {\n
margin-bottom: 10px; }\n
.ftco-footer .ftco-footer-widget ul li a {\n
color: rgba(255, 255, 255, 0.6); }\n
.ftco-footer .ftco-footer-widget ul li a span {\n
color: rgba(255, 255, 255, 0.6); }\n
.ftco-footer .ftco-footer-widget .btn-primary {\n
background: #fff !important;\n
border: 2px solid #fff !important; }\n
.ftco-footer .ftco-footer-widget .btn-primary:hover {\n
background: #fff;\n
border: 2px solid #fff !important; }\n
.ftco-footer p {\n
color: rgba(255, 255, 255, 0.7); }\n
.ftco-footer a {\n
color: rgba(255, 255, 255, 0.7); }\n
.ftco-footer a:hover {\n
color: #fff; }\n
.ftco-footer .ftco-heading-2 {\n
font-size: 17px;\n
font-weight: 400;\n
color: #000000; }\n
\n
.ftco-footer-social li {\n
list-style: none;\n
margin: 0 10px 0 0;\n
display: inline-block; }\n
.ftco-footer-social li a {\n
height: 50px;\n
width: 50px;\n
display: block;\n
float: left;\n
background: rgba(255, 255, 255, 0.1);\n
border-radius: 50%;\n
position: relative; }\n
.ftco-footer-social li a span {\n
position: absolute;\n
font-size: 26px;\n
top: 50%;\n
left: 50%;\n
-webkit-transform: translate(-50%, -50%);\n
-ms-transform: translate(-50%, -50%);\n
transform: translate(-50%, -50%); }\n
.ftco-footer-social li a:hover {\n
color: #fff; }\n
\n
.footer-small-nav > li {\n
display: inline-block; }\n
.footer-small-nav > li a {\n
margin: 0 10px 10px 0; }\n
.footer-small-nav > li a:hover, .footer-small-nav > li a:focus {\n
color: #033fff; }\n
\n
.media .ftco-icon {\n
width: 100px; }\n
.media .ftco-icon span {\n
color: #033fff; }\n
\n
\n
.spGreen h1,.spGreen h2,.spGreen h3,.spGreen h4,.spGreen h5,.spGreen h6 {color: rgba(122,184,8,1) !important;}\n
.spBgGreen {background-color: rgba(122,184,8,1) !important;color: white;}\n
\n
/* --- Corporate: spRed/ RED ---- */\n
.color-danger {\n
color:#8F2640;\n
}\n
\n
.spRed h1,.spRed h2,.spRed h3,.spRed h4,.spRed h5,.spRed h6 {color: rgba(143,38,64,1) !important;}\n
.bgSpRed { background-color: rgba(143,38,64,0.99)!important;}\n
\n
</style>\n
\n
<footer class="ftco-footer ftco-section">\n
<div class="container">\n
<div class="row my-2">\n
<div class="col-md-2">\n
<div class="ftco-footer-widget mb-3">\n
<h2 class="ftco-heading-2">Über STARTPLATZ</h2>\n
<p>Mit Standorten in Köln und Düsseldorf ist STARTPLATZ der größte Startup Inkubator und Accelerator in NRW</p>\n
\n
<ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-3">\n
<li class="ftco-animate"><a href="https://twitter.com/startplatz"><span class="fab fa-twitter"></span></a></li>\n
<li class="ftco-animate"><a href="https://de-de.facebook.com/StartPlatz/"><span class="fab fa-facebook-f"></span></a></li>\n
<li class="ftco-animate"><a href="https://www.instagram.com/startplatz/"><span class="fab fa-instagram"></span></a></li>\n
</ul>\n
</div>\n
</div>\n
<div class="col-md-3">\n
<div class="ftco-footer-widget mb-4 ml-md-4">\n
<h2 class="ftco-heading-2 mb-2">Über diese Website</h2>\n
<ul class="list-unstyled">\n
<li><a href="/kontakt-aufnehmen"><span class="fas fa-long-arrow-alt-right mr-2"></span>Kontakt</a></li>\n
<li><a href="/wlan-am-startplatz-koeln"><span class="fas fa-long-arrow-alt-right mr-2"></span>WLAN am STARTPLATZ Koeln</a></li>\n
<li><a href="/pressebereich"><span class="fas fa-long-arrow-alt-right mr-2"></span>Presse</a></li>\n
<li><a href="/jobs"><span class="fas fa-long-arrow-alt-right mr-2"></span>Jobs</a></li>\n
<li><a href="/standorte"><span class="fas fa-long-arrow-alt-right mr-2"></span>Standorte</a></li>\n
<li><a href="/startplatz-archiv"><span class="fas fa-long-arrow-alt-right mr-2"></span>Archiv</a></li>\n
<li><a href="/startplatz-agb"><span class="fas fa-long-arrow-alt-right mr-2"></span>AGB</a></li>\n
<li><a href="/impressum"><span class="fas fa-long-arrow-alt-right mr-2"></span>Impressum</a></li>\n
<li><a href="/support"><span class="fas fa-long-arrow-alt-right mr-2"></span>Support</a></li>\n
<li><a href="/datenschutz"><span class="fas fa-long-arrow-alt-right mr-2"></span>Datenschutz</a></li>\n
</ul>\n
</div>\n
</div>\n
<div class="col-md-3">\n
<div class="ftco-footer-widget mb-4">\n
<h2 class="ftco-heading-2">Top Themen</h2>\n
<ul class="list-unstyled">\n
<li><a href="/coworking-koeln"><span class="fas fa-long-arrow-alt-right mr-2"></span>Coworking Köln</a></li>\n
<li><a href="/coworking-duesseldorf"><span class="fas fa-long-arrow-alt-right mr-2"></span>Coworking Düsseldorf</a></li>\n
<li><a href="/konferenzraum"><span class="fas fa-long-arrow-alt-right mr-2"></span>Konferenzraum mieten in Köln</a></li>\n
<li><a href="/duesseldorf-tagungsraeume-und-konferenzraeume/"><span class="fas fa-long-arrow-alt-right mr-2"></span>Konferenzraum mieten in Düsseldorf</a></li>\n
<li><a href="/startup-wiki/business-model-canvas"><span class="fas fa-long-arrow-alt-right mr-2"></span>Business Model Canvas</a></li>\n
<li><a href="/accelerator/"><span class="fas fa-long-arrow-alt-right mr-2"></span>STARTPLATZ Accelerator</a></li>\n
<li><a href="/corporate-innovation-page"><span class="fas fa-long-arrow-alt-right mr-2"></span>Corporate Innovation</a></li>\n
<li><a href="/startup-wiki/pitch"><span class="fas fa-long-arrow-alt-right mr-2"></span>Pitch</a></li>\n
<li><a href="/projektbuero-mieten"><span class="fas fa-long-arrow-alt-right mr-2"></span>Projektbüro mieten</a></li>\n
<li><a href="/meetingraeume-mieten"><span class="fas fa-long-arrow-alt-right mr-2"></span>Meetingräume mieten</a></li>\n
<li><a href="/coworker-werden"><span class="fas fa-long-arrow-alt-right mr-2"></span>Coworker werden</a></li>\n
<li><a href="/startup-membership"><span class="fas fa-long-arrow-alt-right mr-2"></span>Startup Firmenmitgliedschaft</a></li>\n
<li><a href="/karriere"><span class="fas fa-long-arrow-alt-right mr-2"></span>Startup Jobs am STARTPLATZ</a></li>\n
<li><a href="/digital-speed-networking"><span class="fas fa-long-arrow-alt-right mr-2"></span>Speed Networking</a></li>\n
<li><a href="/gruenderstipendium-nrw"><span class="fas fa-long-arrow-alt-right mr-2"></span>Gründungsstipendium</a></li>\n
<li><a href="/benefits/perks"><span class="fas fa-long-arrow-alt-right mr-2"></span>Software für Startups</a></li>\n
<li><a href="/startup-wiki"><span class="fas fa-long-arrow-alt-right mr-2"></span>Startup Wiki</a></li>\n
<li><a href="/sprechstunden"><span class="fas fa-long-arrow-alt-right mr-2"></span>Sprechstunden</a></li>\n
<li><a href="/mentoring"><span class="fas fa-long-arrow-alt-right mr-2"></span>Mentorinnen und Mentoren</a></li>\n
</ul>\n
</div>\n
</div>\n
<div class="col-md-4">\n
<div class="ftco-footer-widget mb-4">\n
<h2 class="ftco-heading-2">Kontakt</h2>\n
<div class="row">\n
<div class="col-6">\n
<p class="address city">Köln</p>\n
<p class="address">Im Mediapark 5 <br>50670 Köln</p>\n
<p class="address mb-0">info@startplatz.de</p>\n
<p class="address">+49 221 975 802 00</p>\n
</div>\n
<div class="col-6">\n
<p class="address city">Düsseldorf</p>\n
<p class="address">Speditionstraße 15a <br>40221 Düsseldorf</p>\n
<p class="address mb-0">info@startplatz.de</p>\n
<p class="address">+49 211 936 725 20</p>\n
</div>\n
</div>\n
<div class="newsletter">\n
<h2 class="mb-0">Newsletter</h2>\n
<p>Immer auf dem Laufenden bleiben?\n
<br>Erhalte regelmäßig alle News aus dem STARTPLATZ, zu Workshops und Events.</p>\n
\n
<!-- Begin MailChimp Signup Form -->\n
<div id="mc_embed_signup">\n
<form id="mc-embedded-subscribe-form" class="validate" action="https://startplatz.us5.list-manage.com/subscribe?u=8a2b498caca4323b774191382&id=be73f77d94" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank">\n
<div id="mc_embed_signup_scroll form-group email-wrapper">\n
<button type="submit" class="btn btn-success ml-2">Hier Abonnieren</button>\n
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n
<div style="position: absolute; left: -5000px;"><input tabindex="-1" name="b_8a2b498caca4323b774191382_51dae9d56a" type="text" value="" /></div>\n
<div class="clear"></div>\n
</div>\n
</form></div>\n
<!--End mc_embed_signup-->\n
\n
</div>\n
<div class="row">\n
<div class="col-12 mt-4">\n
<div class="pe-richsnippets"></div>\n
<script type="text/javascript" src="https://www.provenexpert.com/widget/richsnippet.js?u=1HQBkRmo1xQpmqGB1xmA5DGAlMwpkxQZ&v=2" async></script>\n
</div>\n
</div>\n
</div>\n
</div>\n
</div>\n
\n
<div class="row">\n
<div class="col-md-12 text-center">\n
\n
<p>\n
Copyright ©<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="sfwdt67a3df" class="sf-toolbar sf-display-none" role="region" aria-label="Symfony Web Debug Toolbar"> <!-- START of Symfony Web Debug Toolbar --><div id="sfMiniToolbar-67a3df" class="sf-minitoolbar" data-no-turbolink data-turbo="false"> <button type="button" title="Show Symfony toolbar" id="sfToolbarMiniToggler-67a3df" accesskey="D" aria-expanded="false" aria-controls="sfToolbarMainContent-67a3df"> <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-67a3df" class="sf-toolbar-clearer"></div><div id="sfToolbarMainContent-67a3df" 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/67a3df?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-67a3df"></span> </div> <div class="sf-toolbar-info-piece"> <b> <button class="sf-cancel-button" type="button" id="sfLoadCancel-67a3df" title="Cancel loading">Cancel</button> </b> </div> </div></div> <button class="hide-button" type="button" id="sfToolbarHideButton-67a3df" title="Close Toolbar" accesskey="D" aria-expanded="true" aria-controls="sfToolbarMainContent-67a3df"> <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="97fc7b860eec6c0cd22cfe104b2be1f5">/*<![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="dd890f0b9226f53d77b5d4340e03731d"> .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="97fc7b860eec6c0cd22cfe104b2be1f5">/*<![CDATA[*/ (function () { Sfjs.loadToolbar('67a3df'); })();/*]]>*/</script>\n
</body>\n
</html>\n
"""
#version: "1.1"
#statusCode: 200
#statusText: "OK"
#charset: "UTF-8"
} |