| _wordpressResponse |
Symfony\Component\HttpFoundation\Response {#5132
+headers: Symfony\Component\HttpFoundation\ResponseHeaderBag {#2961 …}
#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>Conference and Meeting Rooms in Düsseldorf - STARTPLATZ</title>\n
\t<link rel="canonical" href="https://www.staging.startplatz.de/en/duesseldorf-conference-and-meeting-rooms/" />\n
\t<meta property="og:locale" content="de_DE" />\n
\t<meta property="og:type" content="article" />\n
\t<meta property="og:title" content="Conference and Meeting Rooms in Düsseldorf" />\n
\t<meta property="og:description" content="Inspiring conference rooms for successful events Modern meeting rooms with high-quality equipment in the heart of Düsseldorf Discover rooms Book conference rooms – STARTPLATZ Düsseldorf in the Media Harbor Professional meeting rooms for workshops, conferences, and events of all kinds Central Location In Düsseldorf Media Harbor with optimal transport connections Flexible Capacities Meeting rooms for […]" />\n
\t<meta property="og:url" content="https://www.staging.startplatz.de/en/duesseldorf-conference-and-meeting-rooms/" />\n
\t<meta property="og:site_name" content="STARTPLATZ" />\n
\t<meta property="article:modified_time" content="2026-02-18T16:39:23+00:00" />\n
\t<meta property="og:image" content="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1737547716/conference-rooms/Confi%20DUS%20new/Porto.jpg" />\n
\t<meta name="twitter:label1" content="Geschätzte Lesezeit" />\n
\t<meta name="twitter:data1" content="36 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/duesseldorf-conference-and-meeting-rooms/","url":"https://www.staging.startplatz.de/en/duesseldorf-conference-and-meeting-rooms/","name":"Conference and Meeting Rooms in Düsseldorf - STARTPLATZ","isPartOf":{"@id":"https://www.staging.startplatz.de/#website"},"primaryImageOfPage":{"@id":"https://www.staging.startplatz.de/en/duesseldorf-conference-and-meeting-rooms/#primaryimage"},"image":{"@id":"https://www.staging.startplatz.de/en/duesseldorf-conference-and-meeting-rooms/#primaryimage"},"thumbnailUrl":"https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1737547716/conference-rooms/Confi%20DUS%20new/Porto.jpg","datePublished":"2022-08-02T11:34:12+00:00","dateModified":"2026-02-18T16:39:23+00:00","breadcrumb":{"@id":"https://www.staging.startplatz.de/en/duesseldorf-conference-and-meeting-rooms/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https://www.staging.startplatz.de/en/duesseldorf-conference-and-meeting-rooms/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https://www.staging.startplatz.de/en/duesseldorf-conference-and-meeting-rooms/#primaryimage","url":"https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1737547716/conference-rooms/Confi%20DUS%20new/Porto.jpg","contentUrl":"https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1737547716/conference-rooms/Confi%20DUS%20new/Porto.jpg"},{"@type":"BreadcrumbList","@id":"https://www.staging.startplatz.de/en/duesseldorf-conference-and-meeting-rooms/#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":"Conference and Meeting Rooms in 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/74018" /><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=74018' />\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%2Fduesseldorf-conference-and-meeting-rooms%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%2Fduesseldorf-conference-and-meeting-rooms%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="/duesseldorf-tagungsraeume-und-konferenzraeume">\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/duesseldorf-salles-conference">\n
<img src="/bundles/startplatzstyle/images/french_language.png" height="20px;" alt="Français">\n
</a>\n
</div>\n
</li>\n
</li>\n
\n
<li class="nav-item active p-0 m-0 ml-lg-4 mt-2">\n
<a class="nav-link px-3"\n
style="background-color:#7ab800; border-radius: 5px;"\n
href="/login/">\n
Login\n
</a>\n
</li>\n
</ul>\n
</div>\n
</nav>\n
\n
<!-- homepage nav.homepage.bootstrap4 ends -->\n
<!-- menu ends -->\n
\n
<!-- additional css style definitions starts -->\n
<!-- style definitions to make interim homepage similar to previous homepage\n
search for\n
$this->render('@StartPlatzStyleBundle/CSS/_homepage.version-2021-winter.html.twig',[]);\n
-->\n
<style>\n
/* Event styles */\n
.bg-startplatz {\n
background-color: #7ab800;\n
}\n
\n
.bg-ai-hub {\n
background-color: #9632FF !important;\n
}\n
\n
a.bg-ai-hub:hover, a.bg-ai-hub:focus,\n
button.bg-ai-hub:hover,\n
button.bg-ai-hub:focus {\n
background-color: #b880fe !important; }\n
\n
\n
.bg-sp-grey {\n
background-color: rgba(82,84,89,0.2);\n
}\n
\n
/* redefinition for branding purposes */\n
.alert-success{\n
background-color: #7ab800;\n
color: white;\n
}\n
\n
/* Coworking styles */\n
.office-perks .card {\n
padding-bottom: 0px;\n
border-left: 4px solid #7ab800;\n
height: 110px;\n
border-radius:1.5rem;\n
background-color: #eee;\n
margin-bottom: 1.0rem;\n
\n
background: #eee;\n
padding-bottom: 2px;\n
box-shadow: none;\n
font-size: 14px;\n
}\n
.office-perks .card:hover {\n
box-shadow: none;\n
}\n
.office-perks .card-header {\n
background: none;\n
border: none;\n
}\n
.office-perks .card-body {\n
padding-top: 0rem;\n
padding: 0rem 0.8rem 0.8rem 0.8rem;\n
color: #000000;\n
line-height: 1.4;\n
font-weight: 500;\n
\n
text-align: center;\n
}\n
\n
.memberships-header h3:after {\n
content: " ";\n
display: block;\n
width: 100px;\n
border-bottom: 2px solid #8cc63f;\n
margin-top: 5px;\n
margin-bottom: 10px;\n
}\n
.center-block {\n
display: block;\n
margin-left: auto;\n
margin-right: auto;\n
}\n
.faq .panel-group {\n
margin-bottom: 20px;\n
} \n
.faq a {\n
\t\tcolor: #8cc63f;\n
\t}\n
.faq a:hover {\n
\ttext-decoration: underline;\n
}\n
.faq .panel {\n
margin-bottom: 20px;\n
background-color: #fff;\n
border-radius: 4px;\n
border: 1px solid transparent;\n
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);\n
box-shadow: 0 1px 1px rgba(0,0,0,.05);\n
}\n
.faq .panel-group .panel + .panel {\n
margin-top: 5px;\n
}\n
.faq .panel-group .panel {\n
margin-bottom: 0;\n
border-radius: 4px;\n
}\n
\t.faq .panel-default,\n
\t.faq .panel.panel-default {\n
border-color: #ddd;\n
}\n
.faq .panel-default > .panel-heading {\n
color: #333;\n
background-color: #f5f5f5;\n
border-color: #ddd;\n
}\n
.faq .panel-group .panel-heading {\n
border-bottom: 0;\n
border-bottom-color: currentcolor;\n
}\n
.faq .panel-heading {\n
padding: 10px 15px;\n
border-bottom: 1px solid transparent;\n
border-top-left-radius: 3px;\n
border-top-right-radius: 3px;\n
}\n
.faq .panel-body {\n
padding: 15px;\n
}\n
\n
.col-padding {\n
padding-left: 6px;\n
padding-right: 0px;\n
}\n
.card-title {\n
font-size: 20px;\n
font-weight: bold;\n
padding-bottom: 6px;\n
}\n
.card-title-events {\n
font-size: 20px;\n
font-weight: bold;\n
padding-bottom: 6px;\n
color:#7AB800;\n
}\n
.sp-green, .spGreen{\n
color:#7AB800;\n
}\n
.free-access-info {\n
font-weight: bold; /* Example property */\n
color: #7AB800; /* Startplatz green for free access info */\n
/* Additional styling as needed */\n
}\n
.cardsmall-title {\n
font-size: 17px;\n
font-weight: bold;\n
margin:1px;\n
}\n
.card-body {\n
color: #ffffff;\n
padding: 10px 10px 0;\n
}\n
.card-body-events{\n
color:black;\n
padding:20px;\n
}\n
.card-header {\n
background: #7AB800;\n
min-height: 50px;\n
}\n
.threeLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
display: -webkit-box;-webkit-line-clamp: 3;/* number of lines to show */line-clamp: 3;\n
-webkit-box-orient: vertical;}\n
@media (min-width: 0px) and (max-width: 767px) {\n
.card-margin-right {\n
margin-left: 15px;\n
margin-right: 15px;\n
}\n
}\n
@media (min-width: 768px) and (max-width: 991px) {\n
.card-margin-right {\n
margin-left: 15px;\n
margin-right: 15px;\n
}\n
}\n
@media (min-width: 992px) and (max-width: 1199px) {\n
.card-margin-right {\n
margin-right: 15px;\n
margin-left: 15px;\n
}\n
}\n
@media (min-width: 1200px) {\n
.card-margin-right {\n
margin-right: 20px;\n
margin-left: 15px;\n
}\n
}\n
a.link {\n
text-decoration: none;\n
color: white;\n
}\n
.introbig {\n
color: black;\n
font-size: 56px;\n
text-align:center;\n
font-weight: bold;\n
}\n
.introsmall {\n
color: black;\n
font-size: 18px;\n
text-align:center;\n
text-transform: uppercase;\n
}\n
.introteaser {\n
color: black;\n
font-size: 18px;\n
text-align:center;\n
}\n
.testimonial-name {\n
font-size: 18px;\n
text-align:center;\n
font-weight: bold;\n
}\n
.text_medium {\n
font-size:17px;\n
margin-left: 15px;\n
margin-right: 15px;\n
}\n
.card-footer {\n
margin:10px;\n
}\n
.card-body {\n
padding: 0 10px;\n
color: #ffffff;\n
}\n
#quote-text {\n
font-size:18px;\n
}\n
.bg-success {\n
background-color:#7AB800!important;\n
}\n
\n
.new-label {color:#fff;background-color:#ef5777;font-size:16px;text-transform:uppercase;padding:4px 7px;display:block;position:absolute;top:-10px;left:5px\n
}\n
\n
.banner-title {\n
font-family: 'Source Sans Pro', sans-serif;\n
text-shadow: 0px 0px 7px black;\n
font-size: 50px;\n
font-weight: bold;\n
color: white;\n
}\n
\n
/*Corporation Landingpage*/\n
\n
.bold {\n
font-weight: bold;\n
}\n
.lighter {\n
font-weight: lighter;\n
}\n
.temp-font{\n
font-family: Arial;\n
}\n
\n
.align-middle{\n
margin: auto;\n
width: 8em;\n
height: 8em;\n
}\n
\n
.list-image-hook-partner {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997119/Wordpress/Business-Club%20Landingpage%20/1.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 65px;\n
vertical-align: middle;\n
}\n
\n
.list-image-hook {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_24/v1653997119/Wordpress/Business-Club%20Landingpage%20/1.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 55px;\n
vertical-align: middle;\n
}\n
\n
.list-image-burger {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678467/Icons/business-affiliate-network.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 70px;\n
vertical-align: middle;\n
}\n
\n
.list-image-network {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997119/Wordpress/Business-Club%20Landingpage%20/5.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 70px;\n
vertical-align: middle;\n
}\n
\n
.list-image-percent {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997120/Wordpress/Business-Club%20Landingpage%20/7.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 70px;\n
vertical-align: middle;\n
}\n
\n
.list-image-megaphone {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997119/Wordpress/Business-Club%20Landingpage%20/6.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 70px;\n
vertical-align: middle;\n
}\n
\n
.list-image-global {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678469/Icons/worldwide.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 70px;\n
vertical-align: middle;\n
}\n
\n
.list-image-event {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678467/Icons/croissant.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 70px;\n
vertical-align: middle;\n
}\n
\n
.list-image-benefits {\n
background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678466/Icons/hand-shake.png") no-repeat 0px 0px transparent;\n
list-style-type: none;\n
margin: 0;\n
padding: 0px 0px 1px 70px;\n
vertical-align: middle;\n
}\n
\n
.no-border-style{\n
border: 0px solid rgba(0,0,0,.125);\n
border-radius: 0em;\n
}\n
\n
.side-border-style{\n
border-top: 0px solid rgba(0,0,0,.125);\n
border-bottom: 0px solid rgba(0,0,0,.125);;\n
border-radius: 0em;\n
}\n
\n
.event-links a {\n
color: inherit; /* blue colors for links too */\n
text-decoration: inherit; /* no underline */\n
}\n
\n
.event-links a:hover {\n
color: inherit; /* blue colors for links too */\n
text-decoration: inherit; /* no underline */\n
}\n
\n
a.link-green {\n
color:#7AB800;\n
}\n
\n
@media (min-width: 768px) {\n
.pt-md-6,\n
.py-md-6 {\n
padding-top: 5rem !important;\n
}\n
\n
.pr-md-6,\n
.px-md-6 {\n
padding-right: 5rem !important;\n
}\n
\n
.pb-md-6,\n
.py-md-6 {\n
padding-bottom: 5rem !important;\n
}\n
\n
.pl-md-6,\n
.px-md-6 {\n
padding-left: 5rem !important;\n
}\n
}\n
\n
.pt-md-7,\n
.py-md-7 {\n
padding-top: 6rem !important;\n
}\n
\n
.pr-md-7,\n
.px-md-7 {\n
padding-right: 6rem !important;\n
}\n
\n
.pb-md-7,\n
.py-md-7 {\n
padding-bottom: 6rem !important;\n
}\n
\n
.pl-md-7,\n
.px-md-7 {\n
padding-left: 6rem !important;\n
}\n
\n
\n
@media (min-width: 768px) {\n
.height-auto {\n
height: 400px;\n
}\n
}\n
\n
@media (max-width: 400px) {\n
.space-3 {\n
padding-top: 2rem !important;\n
padding-bottom: 2rem !important; }\n
}\n
\n
.btn-sp-green {\n
color: #ffff;\n
background-color: #7ab800 ;\n
border-color: #7ab800;\n
}\n
\n
.btn-sp-green:hover {\n
color: #ffff;\n
background-color: #507900;\n
border-color: #507900;\n
}\n
\n
/*Timeline at "Nächste Schritte" section*/\n
\n
.timeline-item {\n
padding: 0.5em 2em 0.6em;\n
position: relative;\n
color: rgba(0, 0, 0, 0.88);\n
border-left: 2px solid rgba(0, 0, 0, 0.88);\n
}\n
\n
.timeline-item p {\n
font-size: 1.1rem;\n
}\n
\n
.timeline-item::before {\n
content: attr(date-is);\n
position: absolute;\n
left: 2em;\n
font-weight: bold;\n
top: 1em;\n
display: block;\n
font-family: 'Roboto', sans-serif;\n
font-weight: 700;\n
font-size: .785rem;\n
}\n
\n
.timeline-item::after {\n
width: 10px;\n
height: 10px;\n
display: block;\n
top: 1em;\n
position: absolute;\n
left: -7px;\n
border-radius: 10px;\n
content: '';\n
border: 2px solid black;\n
background: white;\n
}\n
\n
.timeline-item:last-child {\n
border-image: linear-gradient(\n
to bottom,\n
rgba(0, 0, 0, 0.88),\n
rgba(0, 0, 0, 0.88))1;\n
\n
}\n
\n
\n
/*Timeline at "Nächste Schritte" section end */\n
\n
\n
/* Slideshow container */\n
\n
.slideshow-container {\n
position: relative;\n
background: #f1f1f1f1;\n
}\n
\n
/* Slides */\n
\n
.mySlides {\n
display: none;\n
padding: 80px;\n
text-align: center;\n
background: #8cc63f;\n
}\n
\n
/* Next & previous buttons */\n
.prev, .next {\n
cursor: pointer;\n
position: absolute;\n
top: 50%;\n
width: auto;\n
margin-top: -30px;\n
padding: 16px;\n
color: white;\n
font-weight: bold;\n
font-size: 20px;\n
border-radius: 0 3px 3px 0;\n
user-select: none;\n
}\n
\n
/* Position the "next button" to the right */\n
.next {\n
position: absolute;\n
right: 0;\n
border-radius: 3px 0 0 3px;\n
}\n
\n
/* On hover, add a black background color with a little bit see-through */\n
.prev:hover, .next:hover {\n
background-color: rgba(0,0,0,0.8);\n
color: white;\n
}\n
\n
/* The dot/bullet/indicator container */\n
.dot-container {\n
text-align: center;\n
padding: 20px;\n
background: #8cc63f;\n
}\n
\n
/* The dots/bullets/indicators */\n
.dot {\n
cursor: pointer;\n
height: 15px;\n
width: 15px;\n
margin: 0 2px;\n
background-color: #bbb;\n
border-radius: 50%;\n
display: inline-block;\n
transition: background-color 0.6s ease;\n
}\n
\n
/* Add an italic font style to all quotes */\n
q {\n
font-size: 15px;\n
font-style: italic;\n
color: white;\n
}\n
\n
/* Add a blue color to the author */\n
.author {color: white;}\n
\n
/* Slideshow container end */\n
\n
/* Corporation Landingpage end */\n
\n
\n
/* Service Partner */\n
.partner-headline {\n
font-size: 40px;\n
font-weight: lighter;\n
}\n
\n
.col-same-heigth img {width: 100%; height: auto; }\n
\n
@media (min-width: 500px) {\n
.container-div {\n
display: table;\n
border-spacing: 16px;\n
}\n
.col-same-heigth {\n
display: table-cell;\n
box-sizing: border-box;\n
cell-spacing: 8px;\n
padding: 0.5em;\n
vertical-align: top\n
}\n
\n
\n
}\n
\n
\n
/* Service Partner end */\n
\n
\n
/*Card default*/\n
.card-general {\n
width: 18rem;height: 26rem;border: 2px solid #7ab800;\n
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.16), 0 0 6px rgba(0, 0, 0, 0.1);\n
transition: .4s transform cubic-bezier(.155,1.105,.295,1.12),.4s box-shadow,.4s\n
-webkit-transform cubic-bezier(.155,1.105,.295,1.12);\n
}\n
.card-general-hover:hover {transform: scale(1.04);}\n
\n
/*Card Header with background color and centered title*/\n
.card-general-header {\n
display: flex;\n
align-items: center;\n
text-align: left;\n
justify-content: center;\n
width: 100%;\n
height: 8rem;\n
background: #7ab800;\n
}\n
\n
/*Card Header with image*/\n
.card-general-header-image{text-align: center;width: 100%;height: 10rem;}\n
.card-general-header-image img {width: 100%;height: 100%;object-fit: contain;}\n
.card-general-header-image svg {width: 100%;height: 100%;object-fit: contain;}\n
\n
/*Card separator*/\n
.card-general-seperator {width: 100%;height: 0.6rem;\n
background: linear-gradient(90deg,#7AB800 0%, #AACF61 60%, #ffffff 110%);\n
}\n
\n
/*Card body default*/\n
.card-general-body {height: 15rem; display:flex; flex-direction: column; width: 100%; overflow:hidden;}\n
.card-general-body::-webkit-scrollbar {display: none; scrollbar-width: none;}\n
.rounded-pill-green{background-color: #AACF61;}\n
.rounded-pill-grey{background-color: #d7d9d4;}\n
\n
\n
\n
\n
.card-startup {\n
height: 20rem;\n
background-color: #fff;\n
border: 3px solid black;\n
flex-wrap: wrap;\n
display: flex;\n
justify-content: space-between;\n
}\n
.card-startup-logo a {\n
width: 100%;\n
height: 20rem;\n
object-fit: contain;\n
float: left;\n
}\n
.card-startup-logo img {\n
width: 100%;\n
height: 20rem;\n
max-height: 260px;\n
object-fit: contain;\n
float: left;\n
}\n
.card-startup-logo svg {\n
width: 100%;\n
height: 20rem;\n
max-height: 260px;\n
object-fit: contain;\n
float: left;\n
}\n
.card-startup .card-name {\n
font-size: 30px;\n
float: left;\n
color: black;\n
position: relative;\n
font-weight: bold;\n
display: block;\n
}\n
.card-startup .card-content {\n
width: 100%;\n
height: 100%;\n
margin: 5px 0px 0px 0px;\n
display: flex;\n
flex-direction: column;\n
}\n
.card-startup .card-content p{\n
width: 100%;\n
font-size: 15px;\n
color: black;\n
padding: 0px;\n
}\n
.card-place {\n
display: inline-block;\n
color: black;\n
padding: 10px 0px;\n
}\n
.card-place img{\n
width: 15px;\n
height: 20px;\n
}\n
.card-startup-link{\n
display: inline-block;\n
padding: 10px 0px;\n
}\n
.card-startup-link img{\n
width: 35px;\n
height: 35px;\n
}\n
.card-startup-link a{\n
color: black;\n
font-weight: bold;\n
padding: 0px 10px;\n
}\n
@media (max-width: 575px) {\n
.card-startup {\n
height: auto;\n
}\n
}\n
\n
\n
\n
.oneLineEllipsis {overflow: hidden;text-overflow: ellipsis;word-break:break-all;\n
display: -webkit-box;-webkit-line-clamp: 1;/* number of lines to show */line-clamp: 1;\n
-webkit-box-orient: vertical;}\n
.twoLineEllipsis {overflow: hidden;text-overflow: ellipsis;word-break:break-all;\n
display: -webkit-box;-webkit-line-clamp: 2;/* number of lines to show */line-clamp: 2;\n
-webkit-box-orient: vertical;}\n
.threeLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
display: -webkit-box;-webkit-line-clamp: 3;/* number of lines to show */line-clamp: 3;\n
-webkit-box-orient: vertical;}\n
.fourLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
display: -webkit-box;-webkit-line-clamp: 4;/* number of lines to show */line-clamp: 4;\n
-webkit-box-orient: vertical;}\n
.fiveLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
display: -webkit-box;-webkit-line-clamp: 5;/* number of lines to show */line-clamp: 5;\n
-webkit-box-orient: vertical;word-wrap:break-word;}\n
.sixLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
display: -webkit-box;-webkit-line-clamp: 6;/* number of lines to show */line-clamp: 6;\n
-webkit-box-orient: vertical;word-wrap:break-word;}\n
.xLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
display: -webkit-box;/* number of lines to show: line-clamp: 3;-webkit-line-clamp: 3; */\n
-webkit-box-orient: vertical;}\n
\n
\n
.office-gallery {\n
display: flex;\n
flex-wrap: wrap;\n
justify-content: center;\n
}\n
\n
.office-gallery-row {\n
display: flex;\n
flex-direction: row;\n
width: 85%;\n
}\n
\n
.office-gallery-row img {\n
width: 50%;\n
box-sizing: border-box;\n
padding: 10px;\n
}\n
\n
.flex-container-office {\n
display: flex;\n
flex-direction: row;\n
}\n
\n
@media (max-width: 800px) {\n
.flex-container-office {\n
flex-direction: column;\n
}\n
}\n
\n
.office-grid {\n
display: grid;\n
grid-template-columns: repeat(7, 1fr);\n
grid-template-rows: repeat(5, 1fr);\n
width: 100%;\n
height: 600px;\n
grid-gap: 10px;\n
}\n
\n
.grid-item1 {\n
background-image: url("https://images.unsplash.com/photo-1534719156993-f3c9448673bf?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=f089cfa06eb1cd7c0f654b39d8fdfd07&auto=format&fit=crop&w=1350&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 1/4;\n
grid-row: 1/6;\n
}\n
\n
.grid-item2 {\n
background-image: url("https://images.unsplash.com/photo-1534759846116-5799c33ce22a?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=19c8355cd5aff72debf2f4720f4c7e09&auto=format&fit=crop&w=688&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 1/2;\n
grid-row: 2/5;\n
}\n
\n
.grid-item3 {\n
background-image: url("https://images.unsplash.com/photo-1508097549463-97f74cb9a6aa?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=52c257bf60c788a1332419c74c6a8a01&auto=format&fit=crop&w=1350&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 1/5;\n
grid-row: 5/5;\n
}\n
\n
.grid-item4 {\n
background-image: url("https://images.unsplash.com/photo-1507562534834-42ebd36b00ea?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=f712012a42c9e9d9163fd9a0c80fd66a&auto=format&fit=crop&w=1202&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 2/4;\n
grid-row: 2/5;\n
}\n
\n
.grid-item5 {\n
background-image: url("https://images.unsplash.com/photo-1534714259038-764cb4cf1d58?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=d07ea713fcf12221034dafd8f4ffe82b&auto=format&fit=crop&w=1350&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 4/6;\n
grid-row: 1/3;\n
}\n
\n
.grid-item6 {\n
background-image: url("https://images.unsplash.com/photo-1515694581961-1fbdb6840a5f?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=4267be6fb944c94b672e0b3ddb458286&auto=format&fit=crop&w=634&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 4/5;\n
grid-row: 3/6;\n
}\n
\n
.grid-item7 {\n
background-image: url("https://images.unsplash.com/photo-1534703580202-6123d4189ef6?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=5478b30dec2346f00a40ab259d162068&auto=format&fit=crop&w=634&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 5/6;\n
grid-row: 3/6;\n
}\n
\n
.grid-item8 {\n
background-image: url("https://images.unsplash.com/photo-1534743901536-d184ed4194bc?ixlib=rb-0.3.5&s=21fd4555141d93425b8ee3f80f764e69&auto=format&fit=crop&w=634&q=80");\n
background-size: cover;\n
background-position: center;\n
grid-column: 6/8;\n
grid-row: 1/6;\n
}\n
\n
/* TARIFE */\n
\n
.card-memberships {\n
padding-bottom: 0px;\n
border-left: 4px solid #7ab800;\n
height: 170px;\n
border-radius: 1.5rem;\n
background-color: #eee;\n
margin-bottom: 1.0rem;\n
}\n
\n
.card-header-memberships {\n
display: flex;\n
align-items: center;\n
text-align: left;\n
justify-content: center;\n
width: 100%;\n
height: 90px;\n
border-bottom: none;\n
border-radius: 1.5rem;\n
}\n
\n
.card-body-memberships {\n
display: flex;\n
align-items: center;\n
justify-content: center;\n
font-size: 0.9rem;\n
line-height: 1.4;\n
font-weight: 500;\n
text-align: center;\n
color: #000000;\n
}\n
\n
.community_perks {\n
border-left: 4px solid #7ab800;\n
background-color: #eee;\n
}\n
\n
.office_perks {\n
border-top: 2px solid #ffffff;\n
border-left: 4px solid #0680bb;\n
background-color: #eee;\n
}\n
\n
.office_perks_link {\n
color: black;\n
text-decoration: underline;\n
}\n
\n
.memberships {\n
margin-right: 20px;\n
margin-left: 20px;\n
font-size: 15px;\n
}\n
\n
.memberships-headline h3{\n
font-size: 20px;\n
}\n
\n
.memberships-headline h3:after {\n
content: " ";\n
display: block;\n
width: 100px;\n
border-bottom: 2px solid #8cc63f;\n
margin-top: 5px;\n
margin-bottom: 10px;\n
}\n
\n
/* Create four columns of equal width */\n
.columns-memberships {\n
float: left;\n
width: 25%;\n
padding: 8px;\n
}\n
\n
/* Create four columns of equal width */\n
.columns-memberships {\n
float: left;\n
width: 25%;\n
padding: 8px;\n
}\n
\n
/* Change the width of the three columns to 100%\n
(to stack horizontally on small screens) */\n
@media (max-width: 768px) {\n
.columns-memberships {\n
width: 100%;\n
}\n
}\n
\n
@media (max-width: 767px) {\n
.hidden-xs {\n
display: none !important;\n
}\n
}\n
\n
a.link-memberships {\n
text-decoration: none;\n
color: #7ab800;\n
}\n
\n
/* Style the list */\n
.price {\n
list-style-type: none;\n
border: 1px solid #eee;\n
margin: 0;\n
padding: 0;\n
-webkit-transition: 0.3s;\n
transition: 0.3s;\n
}\n
\n
/* Add shadows on hover */\n
.price:hover {\n
box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)\n
}\n
\n
/* Pricing header */\n
.price .header {\n
background-color: #8cc63f;\n
color: white;\n
font-size: 25px;\n
}\n
\n
/* List items */\n
.price li {\n
border-bottom: 1px solid #eee;\n
padding: 10px;\n
text-align: center;\n
}\n
\n
/* Grey list item */\n
.price .grey {\n
background-color: #eee;\n
font-size: 20px;\n
}\n
\n
/* Grey list item location */\n
.price .grey_second {\n
background-color: #eee;\n
font-size: 14px;\n
display: inline-flex;\n
}\n
\n
/* Placeholder */\n
.clear .clear {\n
clear: both;\n
}\n
\n
\n
/* Grey list small item */\n
.price .grey_small {\n
background-color: #eee;\n
font-size: 12px;\n
}\n
\n
/* The "Sign Up" button */\n
.button-sign-up {\n
background-color: #8cc63f;\n
border: none;\n
color: white;\n
padding: 10px 25px;\n
text-align: center;\n
text-decoration: none;\n
font-size: 18px;\n
}\n
\n
.memberships-top-headline {\n
font-size: 65px;\n
}\n
\n
@media (max-width: 768px) {\n
.memberships-top-headline {\n
font-size: 55px;\n
}\n
}\n
\n
.general-line-clamp {\n
display : block;\n
display : -webkit-box;\n
-webkit-box-orient : vertical;\n
position : relative;\n
overflow : hidden;\n
text-overflow : ellipsis;\n
padding : 0 !important;\n
line-height: var(--global--line-height-body,1.2) !important;\n
}\n
\n
.general-line-clamp-1 {\n
-webkit-line-clamp : 1;\n
height : calc(1em * var(--global--line-height-body, 1.15) * 1.6);\n
}\n
\n
.general-line-clamp-2 {\n
-webkit-line-clamp : 2;\n
height : calc(1em * var(--global--line-height-body, 1.15) * 2);\n
}\n
\n
.general-line-clamp-3 {\n
-webkit-line-clamp : 3;\n
height : calc(1em * var(--global--line-height-body, 1.15) * 3);\n
}\n
\n
.general-line-clamp-4 {\n
-webkit-line-clamp : 4;\n
height : calc(1em * var(--global--line-height-body, 1.15) * 4);\n
}\n
\n
.general-line-clamp-5 {\n
-webkit-line-clamp : 5;\n
height : calc(1em * var(--global--line-height-body, 1.15) * 5.6);\n
}\n
\n
/* Geschäftsadresse Köln */\n
\n
.business-address .font-weight-light{\n
font-weight: 300!important;\n
}\n
\n
.business-address .intro-text {\n
text-align: justify;\n
max-width: 875px;\n
margin: 3rem auto;\n
}\n
\n
.business-address .intro-text p {\n
font-size: 1.6rem;\n
line-height: 1.7;\n
}\n
\n
.business-address .placeholder-addition {\n
height: 160px;\n
z-index:1;\n
position: absolute;\n
}\n
\n
.business-address .panel-heading-box{\n
background-color: #f5f5f5;\n
width: 1045px;\n
}\n
\n
.business-address .panel-heading-entry{\n
text-decoration: none !important;\n
color: #7ab800;\n
cursor:pointer;\n
}\n
\n
.business-address .panel-collapse-box{\n
background-color: white;\n
width: 1045px;\n
}\n
\n
\n
\n
</style>\n
\n
<!-- additional css style definitions ends -->\n
\n
\n
\n
<style>\r\n
/* Allgemeine Styles */\r\n
body {\r\n
font-family: 'Source Sans Pro', sans-serif;\r\n
margin: 0;\r\n
padding: 0;\r\n
background: #f9f9f9;\r\n
color: #525459;\r\n
}\r\n
header, footer {\r\n
padding: 2rem;\r\n
background: #fff;\r\n
text-align: center;\r\n
}\r\n
header {\r\n
padding-top: 4rem;\r\n
}\r\n
h1, h2, h3 {\r\n
font-weight: bold;\r\n
}\r\n
.btn {\r\n
display: inline-block;\r\n
margin-top: 1rem;\r\n
padding: 0.8rem 1.5rem;\r\n
background: #7AB800;\r\n
color: white;\r\n
text-decoration: none;\r\n
border-radius: 5px;\r\n
text-align: center;\r\n
width: fit-content;\r\n
font-size: 1rem;\r\n
font-weight: bold;\r\n
transition: background-color 0.3s ease;\r\n
}\r\n
\r\n
.btn:hover {\r\n
background-color: #5F8E00;\r\n
color: white;\r\n
}\r\n
\r\n
/* Header Styling */\r\n
.tagungsraeume-header {\r\n
overflow: hidden;\r\n
position: relative;\r\n
}\r\n
\r\n
.container-fluid {\r\n
padding: 0;\r\n
}\r\n
\r\n
.row.no-gutters {\r\n
margin-right: 0;\r\n
margin-left: 0;\r\n
}\r\n
\r\n
.header-image-container {\r\n
height: 90vh;\r\n
max-height: 800px;\r\n
background-image: url('https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_2000/v1737547718/conference-rooms/Confi%20DUS%20new/SanDiego.jpg');\r\n
background-size: cover;\r\n
background-position: center;\r\n
position: relative;\r\n
}\r\n
\r\n
.header-image-overlay {\r\n
position: absolute;\r\n
top: 0;\r\n
left: 0;\r\n
width: 100%;\r\n
height: 100%;\r\n
background: linear-gradient(to right, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 100%);\r\n
}\r\n
\r\n
.header-content-overlay {\r\n
position: absolute;\r\n
top: 0;\r\n
left: 0;\r\n
width: 100%;\r\n
height: 100%;\r\n
display: flex;\r\n
align-items: center;\r\n
justify-content: center;\r\n
color: white;\r\n
padding: 2rem;\r\n
z-index: 10;\r\n
}\r\n
\r\n
.overlay-content {\r\n
max-width: 80%;\r\n
text-align: center;\r\n
}\r\n
\r\n
.overlay-content h2 {\r\n
font-size: 2.5rem;\r\n
font-weight: bold;\r\n
margin-bottom: 1rem;\r\n
text-shadow: 0 2px 4px rgba(0,0,0,0.3);\r\n
}\r\n
\r\n
.overlay-content p {\r\n
font-size: 1.25rem;\r\n
margin-bottom: 2rem;\r\n
text-shadow: 0 1px 2px rgba(0,0,0,0.3);\r\n
}\r\n
\r\n
.btn-scroll {\r\n
display: inline-flex;\r\n
align-items: center;\r\n
color: white;\r\n
font-weight: 600;\r\n
text-decoration: none;\r\n
padding: 0.5rem 1rem;\r\n
border: 2px solid white;\r\n
border-radius: 30px;\r\n
transition: all 0.3s ease;\r\n
}\r\n
\r\n
.btn-scroll:hover {\r\n
background-color: rgba(255,255,255,0.2);\r\n
transform: translateY(-3px);\r\n
color: white;\r\n
text-decoration: none;\r\n
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\r\n
} \r\n
\r\n
.btn-scroll:focus {\r\n
outline: none;\r\n
color: white;\r\n
text-decoration: none;\r\n
}\r\n
\r\n
.btn-scroll span {\r\n
margin-right: 0.5rem;\r\n
}\r\n
\r\n
.header-text-container {\r\n
background-color: white;\r\n
display: flex;\r\n
align-items: center;\r\n
}\r\n
\r\n
.header-content {\r\n
padding: 3rem;\r\n
max-width: 600px;\r\n
margin: 0 auto;\r\n
}\r\n
\r\n
.header-content h1 {\r\n
font-size: 2.75rem;\r\n
font-weight: 800;\r\n
color: #333;\r\n
margin-bottom: 1rem;\r\n
line-height: 1.2;\r\n
}\r\n
\r\n
.header-subtitle {\r\n
font-size: 1.25rem;\r\n
color: #555;\r\n
margin-bottom: 2.5rem;\r\n
line-height: 1.5;\r\n
}\r\n
\r\n
.benefits-container {\r\n
display: grid;\r\n
grid-template-columns: 1fr 1fr;\r\n
gap: 1.5rem;\r\n
margin-bottom: 2.5rem;\r\n
}\r\n
\r\n
.benefit-card {\r\n
display: flex;\r\n
align-items: flex-start;\r\n
}\r\n
\r\n
.benefit-icon {\r\n
margin-right: 0.75rem;\r\n
width: 40px;\r\n
height: 40px;\r\n
background-color: rgba(122, 184, 0, 0.1);\r\n
border-radius: 50%;\r\n
display: flex;\r\n
align-items: center;\r\n
justify-content: center;\r\n
flex-shrink: 0;\r\n
}\r\n
\r\n
.benefit-text h3 {\r\n
font-size: 1rem;\r\n
font-weight: bold;\r\n
color: #333;\r\n
margin-bottom: 0.25rem;\r\n
}\r\n
\r\n
.benefit-text p {\r\n
font-size: 0.9rem;\r\n
color: #666;\r\n
line-height: 1.4;\r\n
}\r\n
\r\n
/* Preis-Bereich im Header */\r\n
.header-actions {\r\n
display: flex;\r\n
gap: 1rem;\r\n
flex-wrap: wrap;\r\n
}\r\n
\r\n
.btn {\r\n
display: inline-block;\r\n
font-weight: 600;\r\n
text-align: center;\r\n
white-space: nowrap;\r\n
vertical-align: middle;\r\n
user-select: none;\r\n
padding: 0.75rem 1.5rem;\r\n
font-size: 1rem;\r\n
line-height: 1.5;\r\n
border-radius: 6px;\r\n
transition: all 0.15s ease-in-out;\r\n
text-decoration: none;\r\n
}\r\n
\r\n
.btn-primary {\r\n
color: white;\r\n
background-color: #7AB800;\r\n
border: 2px solid #7AB800;\r\n
}\r\n
\r\n
.btn-primary:hover {\r\n
background-color: #5F8E00;\r\n
border-color: #5F8E00;\r\n
}\r\n
\r\n
.btn-outline {\r\n
color: #333;\r\n
background-color: transparent;\r\n
border: 2px solid #ccc;\r\n
}\r\n
\r\n
.btn-outline:hover {\r\n
color: #7AB800;\r\n
border-color: #7AB800;\r\n
}\r\n
\r\n
/* Mobile Anpassungen Header */\r\n
@media (max-width: 991px) {\r\n
.header-image-container {\r\n
height: 40vh;\r\n
min-height: 350px;\r\n
}\r\n
\r\n
.header-content {\r\n
padding: 2rem 1.5rem;\r\n
}\r\n
\r\n
.header-content h1 {\r\n
font-size: 2rem;\r\n
}\r\n
\r\n
.overlay-content h2 {\r\n
font-size: 1.75rem;\r\n
}\r\n
\r\n
.benefits-container {\r\n
grid-template-columns: 1fr;\r\n
gap: 1rem;\r\n
}\r\n
}\r\n
\r\n
@media (max-width: 767px) {\r\n
.header-actions {\r\n
flex-direction: column;\r\n
}\r\n
\r\n
.btn {\r\n
width: 100%;\r\n
}\r\n
\r\n
.header-price-container {\r\n
display: flex;\r\n
justify-content: center;\r\n
width: 100%;\r\n
}\r\n
}\r\n
\r\n
/* Banner Styling */\r\n
.scrolling-banner {\r\n
display: block;\r\n
background-color: #7AB800;\r\n
color: white;\r\n
overflow: hidden;\r\n
white-space: nowrap;\r\n
padding: 1rem 0;\r\n
position: relative;\r\n
text-decoration: none;\r\n
}\r\n
.scrolling-banner:hover {\r\n
background-color: #5E8D00;\r\n
}\r\n
.scrolling-content {\r\n
display: inline-block;\r\n
white-space: nowrap;\r\n
animation: scroll-left 30s linear infinite;\r\n
}\r\n
.scrolling-content span {\r\n
display: inline-block;\r\n
padding-right: 4rem;\r\n
font-size: 1.1rem;\r\n
font-weight: bold;\r\n
color: white;\r\n
}\r\n
@keyframes scroll-left {\r\n
0% {\r\n
transform: translateX(0);\r\n
}\r\n
100% {\r\n
transform: translateX(-50%);\r\n
}\r\n
}\r\n
\r\n
\r\n
/* Raumkarten Styles */\r\n
.room-grid-wrapper {\r\n
padding: 2rem;\r\n
}\r\n
.room-grid {\r\n
display: grid;\r\n
grid-template-columns: 1fr;\r\n
gap: 2rem;\r\n
}\r\n
\r\n
.room-card {\r\n
display: flex;\r\n
flex-direction: row;\r\n
background: #fff;\r\n
border-radius: 10px;\r\n
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);\r\n
overflow: hidden;\r\n
height: auto; /* Geändert von fester Höhe zu auto */\r\n
min-height: 320px; /* Minimalhöhe hinzugefügt */\r\n
cursor: pointer;\r\n
transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n
}\r\n
\r\n
.room-card:hover {\r\n
transform: translateY(-5px);\r\n
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\r\n
}\r\n
\r\n
.room-card img {\r\n
width: 50%;\r\n
object-fit: cover;\r\n
height: 100%;\r\n
}\r\n
\r\n
.room-info {\r\n
padding: 1.5rem;\r\n
display: flex;\r\n
flex-direction: column;\r\n
justify-content: space-between;\r\n
width: 50%;\r\n
}\r\n
\r\n
.room-info h3 {\r\n
margin-top: 0;\r\n
font-weight: bold;\r\n
}\r\n
\r\n
.capacity {\r\n
margin: 0.5rem 0;\r\n
}\r\n
\r\n
.features {\r\n
margin: 0.5rem 0;\r\n
color: #333;\r\n
}\r\n
\r\n
@media (min-width: 768px) {\r\n
.room-grid {\r\n
grid-template-columns: 1fr 1fr;\r\n
}\r\n
}\r\n
\r\n
/* Slideshow Styling */\r\n
.slideshow-container {\r\n
position: relative;\r\n
width: 50%;\r\n
height: 100%;\r\n
overflow: hidden;\r\n
flex-shrink: 0;\r\n
min-width: 250px;\r\n
}\r\n
\r\n
.slide {\r\n
display: none;\r\n
height: 100%;\r\n
width: 100%;\r\n
position: absolute;\r\n
top: 0;\r\n
left: 0;\r\n
}\r\n
\r\n
.slide img {\r\n
object-fit: cover;\r\n
width: 100%;\r\n
height: 100%;\r\n
}\r\n
\r\n
.slide.active {\r\n
display: block;\r\n
}\r\n
\r\n
.nav {\r\n
position: absolute;\r\n
top: 0;\r\n
width: 50px;\r\n
height: 100%;\r\n
background: rgba(0, 0, 0, 0);\r\n
cursor: pointer;\r\n
display: flex;\r\n
align-items: center;\r\n
justify-content: center;\r\n
transition: background 0.2s;\r\n
z-index: 10;\r\n
}\r\n
\r\n
.nav:hover {\r\n
background: rgba(0, 0, 0, 0.1);\r\n
}\r\n
\r\n
.nav.left {\r\n
left: 0;\r\n
}\r\n
\r\n
.nav.right {\r\n
right: 0;\r\n
}\r\n
\r\n
.arrow {\r\n
font-size: 2rem;\r\n
color: white;\r\n
transition: color 0.3s;\r\n
user-select: none;\r\n
pointer-events: none;\r\n
}\r\n
\r\n
.nav:hover .arrow {\r\n
color: #ffffffcc;\r\n
}\r\n
\r\n
.dots {\r\n
position: absolute;\r\n
bottom: 10px;\r\n
left: 50%;\r\n
transform: translateX(-50%);\r\n
display: flex;\r\n
gap: 8px;\r\n
z-index: 20;\r\n
}\r\n
\r\n
.dot {\r\n
height: 10px;\r\n
width: 10px;\r\n
background-color: rgba(255, 255, 255, 0.5);\r\n
border-radius: 50%;\r\n
display: inline-block;\r\n
transition: background-color 0.3s;\r\n
cursor: pointer;\r\n
}\r\n
\r\n
.dot.active {\r\n
background-color: white;\r\n
}\r\n
\r\n
/* Price Styles in der Slideshow */\r\n
.price-info {\r\n
display: flex;\r\n
align-items: center;\r\n
justify-content: space-between;\r\n
margin-top: 1rem;\r\n
flex-wrap: wrap;\r\n
gap: 10px; /* Abstand, wenn Elemente umbrechen */\r\n
}\r\n
\r\n
.price-tag {\r\n
text-align: right;\r\n
}\r\n
\r\n
.price-amount {\r\n
font-size: 1.8rem;\r\n
font-weight: bold;\r\n
color: #7AB800;\r\n
}\r\n
\r\n
.price-unit {\r\n
font-size: 1rem;\r\n
color: #525459;\r\n
}\r\n
\r\n
.price-day {\r\n
font-size: 1.1rem;\r\n
color: #525459;\r\n
margin-top: 2px;\r\n
}\r\n
\r\n
/* Desktop-Breakpoint Anpassungen */\r\n
@media (min-width: 992px) and (max-width: 1199px) {\r\n
.room-card {\r\n
height: auto;\r\n
min-height: 300px;\r\n
}\r\n
\r\n
.price-amount {\r\n
font-size: 1.6rem;\r\n
}\r\n
\r\n
.price-info .btn {\r\n
padding: 0.7rem 1.2rem;\r\n
white-space: nowrap;\r\n
}\r\n
}\r\n
\r\n
/* Desktop-Tablet Breakpoint */\r\n
@media (min-width: 768px) and (max-width: 991px) {\r\n
.room-card {\r\n
flex-direction: column;\r\n
height: auto;\r\n
}\r\n
\r\n
.slideshow-container {\r\n
width: 100%;\r\n
height: 240px;\r\n
}\r\n
\r\n
.room-info {\r\n
width: 100%;\r\n
}\r\n
\r\n
.price-amount {\r\n
font-size: 1.5rem;\r\n
}\r\n
\r\n
.price-day {\r\n
font-size: 1rem;\r\n
}\r\n
\r\n
.price-info .btn {\r\n
padding: 0.7rem 1.2rem;\r\n
white-space: nowrap;\r\n
min-width: 120px;\r\n
}\r\n
}\r\n
\r\n
/* Mobile styles Raumkarten */\r\n
@media (max-width: 767px) {\r\n
.room-card {\r\n
flex-direction: column;\r\n
height: auto;\r\n
position: relative;\r\n
padding-bottom: 0;\r\n
}\r\n
\r\n
.room-info > div > p {\r\n
display: none;\r\n
}\r\n
\r\n
.room-card .slideshow-container,\r\n
.room-card img {\r\n
width: 100%;\r\n
height: 240px;\r\n
object-fit: cover;\r\n
}\r\n
\r\n
.room-info {\r\n
width: 100%;\r\n
display: flex;\r\n
flex-direction: column;\r\n
padding: 1.5rem 1.5rem 1rem;\r\n
position: relative;\r\n
min-height: 160px;\r\n
}\r\n
\r\n
.room-info > div:first-child {\r\n
margin-bottom: 0;\r\n
}\r\n
\r\n
.capacity {\r\n
margin-bottom: 0.5rem;\r\n
}\r\n
\r\n
.price-info {\r\n
display: flex;\r\n
flex-direction: row;\r\n
justify-content: space-between;\r\n
align-items: flex-end;\r\n
margin-top: 1rem;\r\n
position: relative;\r\n
border-top: none;\r\n
padding-top: 0;\r\n
}\r\n
\r\n
.price-info .btn {\r\n
width: auto;\r\n
margin-top: 0;\r\n
padding: 0.7rem 1rem;\r\n
order: 1;\r\n
}\r\n
\r\n
.price-tag {\r\n
text-align: right;\r\n
order: 2;\r\n
background: none;\r\n
padding: 0;\r\n
margin-bottom: 0;\r\n
border: none;\r\n
}\r\n
\r\n
.price-amount {\r\n
font-size: 1.5rem;\r\n
color: #7AB800;\r\n
font-weight: bold;\r\n
display: block;\r\n
line-height: 1.2;\r\n
}\r\n
\r\n
.price-unit {\r\n
font-size: 1rem;\r\n
color: #525459;\r\n
display: inline-block;\r\n
}\r\n
\r\n
.price-day {\r\n
font-size: 1rem;\r\n
color: #525459;\r\n
margin-top: 2px;\r\n
}\r\n
}\r\n
\r\n
\r\n
/* ========== MODAL BASE STYLES ========== */\r\n
/* Modal Background */\r\n
.modal {\r\n
display: none;\r\n
position: fixed;\r\n
z-index: 1000;\r\n
left: 0;\r\n
top: 0;\r\n
width: 100%;\r\n
height: 100%;\r\n
overflow: auto;\r\n
background-color: rgba(0, 0, 0, 0.7);\r\n
animation: fadeIn 0.3s;\r\n
}\r\n
\r\n
/* ===== MODAL POSITIONING FIX ===== */\r\n
/* Modal Content Container - deutlich vergrößerter Abstand zum Header */\r\n
.modal-content {\r\n
position: relative;\r\n
background-color: #fefefe;\r\n
margin: 120px auto 30px; /* Stark erhöhter oberer Abstand */\r\n
padding: 20px;\r\n
border-radius: 10px;\r\n
width: 80%;\r\n
max-width: 900px;\r\n
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\r\n
animation: slideIn 0.3s;\r\n
left: 0; \r\n
right: 0;\r\n
overflow-x: hidden; /* Prevent horizontal scrolling */\r\n
box-sizing: border-box; /* Include padding in width calculation */\r\n
}\r\n
\r\n
/* ==== MODAL FIX FÜR MOBILE GERÄTE ==== */\r\n
@media (max-width: 767px) {\r\n
/* Verstärkte Spezifität für Mobile-Modal-Styling */\r\n
.modal .modal-content {\r\n
margin-top: 50px !important; /* Wichtig-Flag erzwingt Anwendung */\r\n
margin-bottom: 20px !important;\r\n
width: 90%; /* Adjusted width */\r\n
max-width: 90%; /* Ensure consistent max-width */\r\n
padding: 15px; /* Equal padding on both sides */\r\n
}\r\n
\r\n
/* Sicherstellen, dass das Modal weit genug nach unten verschoben wird */\r\n
body.modal-open .modal {\r\n
padding-top: 50px;\r\n
}\r\n
}\r\n
\r\n
/* Extra kleine Bildschirme noch spezifischer */\r\n
@media (max-width: 480px) {\r\n
.modal .modal-content {\r\n
margin-top: 25px !important; /* Noch mehr Abstand für sehr kleine Geräte */\r\n
width: 90%;\r\n
max-width: 90%;\r\n
}\r\n
\r\n
body.modal-open .modal {\r\n
padding-top: 50px;\r\n
}\r\n
}\r\n
\r\n
/* ========== ROOM CARD STYLES ========== */\r\n
/* Clickable Room Card */\r\n
.room-card {\r\n
cursor: pointer;\r\n
}\r\n
\r\n
.room-card:hover {\r\n
transform: translateY(-5px);\r\n
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\r\n
transition: all 0.3s ease;\r\n
}\r\n
\r\n
/* ========== MODAL CONTENT STYLES ========== */\r\n
/* Modal Header Space - UPDATED FOR ALIGNMENT WITH CLOSE BUTTON */\r\n
.modal-content h2:first-child {\r\n
margin-top: 0;\r\n
margin-bottom: 15px;\r\n
padding-top: 0;\r\n
line-height: 35px; /* Match height of close button */\r\n
display: flex;\r\n
align-items: center;\r\n
height: 35px; /* Set fixed height to match close button */\r\n
padding-right: 40px; /* Make space for close button */\r\n
max-width: 100%; /* Ensure content doesn't overflow */\r\n
box-sizing: border-box; /* Include padding in width calculation */\r\n
}\r\n
\r\n
/* Image Gallery */\r\n
.modal-room-images {\r\n
display: flex;\r\n
gap: 8px;\r\n
margin-bottom: 20px;\r\n
padding-bottom: 10px;\r\n
width: 100%;\r\n
max-width: 100%;\r\n
box-sizing: border-box;\r\n
overflow-x: auto;\r\n
height: auto;\r\n
min-height: 80px; /* Add a minimum height to ensure visibility */\r\n
}\r\n
\r\n
.modal-room-images img {\r\n
width: 85px;\r\n
height: 65px;\r\n
flex-shrink: 0;\r\n
object-fit: cover;\r\n
border-radius: 5px;\r\n
cursor: pointer;\r\n
display: block; /* Ensure images are displayed as blocks */\r\n
opacity: 1; /* Ensure images are not transparent */\r\n
}\r\n
\r\n
.modal-room-images img:hover {\r\n
transform: scale(1.05);\r\n
}\r\n
\r\n
.modal-room-main-image {\r\n
width: 100%;\r\n
height: 400px;\r\n
object-fit: cover;\r\n
border-radius: 8px;\r\n
margin-bottom: 20px;\r\n
max-width: 100%; /* Ensure images don't overflow */\r\n
}\r\n
\r\n
/* Spacing after CTA button */\r\n
.modal-content .btn {\r\n
margin-bottom: 30px;\r\n
}\r\n
\r\n
/* Seating Options Section */\r\n
.modal-content h3 + .seating-options {\r\n
margin-top: 20px;\r\n
}\r\n
\r\n
/* Bestuhlungsvarianten heading */\r\n
.modal-content h2 + .seating-options,\r\n
.modal-content h2:not(:first-child) {\r\n
margin-top: 40px;\r\n
max-width: 100%; /* Ensure content doesn't overflow */\r\n
box-sizing: border-box; /* Include padding in width calculation */\r\n
}\r\n
\r\n
/* Seating Options Grid */\r\n
.seating-options {\r\n
display: grid;\r\n
grid-template-columns: repeat(3, 1fr);\r\n
grid-gap: 15px;\r\n
margin-top: 15px;\r\n
width: 100%; /* Ensure proper width */\r\n
max-width: 100%; /* Prevent overflow */\r\n
box-sizing: border-box; /* Include padding in width calculation */\r\n
}\r\n
\r\n
.seating-option {\r\n
border: 1px solid #e0e0e0;\r\n
border-radius: 8px;\r\n
padding: 15px;\r\n
text-align: center;\r\n
background-color: #f9f9f9;\r\n
max-width: 100%; /* Prevent overflow */\r\n
box-sizing: border-box; /* Include padding in width calculation */\r\n
}\r\n
\r\n
.seating-option img {\r\n
height: 60px;\r\n
margin-bottom: 10px;\r\n
border: 1px solid #e0e0e0;\r\n
border-radius: 4px;\r\n
padding: 5px;\r\n
background-color: #ffffff;\r\n
max-width: 100%; /* Prevent overflow */\r\n
}\r\n
\r\n
.seating-option h4 {\r\n
margin-top: 5px;\r\n
margin-bottom: 5px;\r\n
font-size: 16px;\r\n
}\r\n
\r\n
.seating-option p {\r\n
margin: 0;\r\n
font-size: 14px;\r\n
}\r\n
\r\n
/* Position last two seating options centered */\r\n
.seating-option:nth-child(4) {\r\n
grid-column: 1 / 2;\r\n
}\r\n
\r\n
.seating-option:nth-child(5) {\r\n
grid-column: 2 / 3;\r\n
}\r\n
\r\n
/* Room Specifications */\r\n
.room-specs {\r\n
margin-top: 20px;\r\n
border-top: 1px solid #e0e0e0;\r\n
padding-top: 20px;\r\n
width: 100%;\r\n
max-width: 100%;\r\n
box-sizing: border-box;\r\n
}\r\n
\r\n
.spec-grid {\r\n
display: grid;\r\n
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n
gap: 15px;\r\n
margin-top: 15px;\r\n
width: 100%;\r\n
max-width: 100%;\r\n
box-sizing: border-box;\r\n
}\r\n
\r\n
.spec-item {\r\n
display: flex;\r\n
align-items: flex-start;\r\n
max-width: 100%;\r\n
box-sizing: border-box;\r\n
}\r\n
\r\n
.spec-item i {\r\n
color: #7AB800;\r\n
margin-right: 10px;\r\n
font-size: 18px;\r\n
width: 22px; /* Fixed width for all icons */\r\n
text-align: center; /* Center the icon in its fixed width */\r\n
flex-shrink: 0; /* Prevent icon from shrinking */\r\n
}\r\n
\r\n
.spec-item span {\r\n
flex: 1; /* Allow text to take remaining space */\r\n
line-height: 1.4; /* Improve line height for better readability */\r\n
}\r\n
/* Ensure all content inside modal respects container width */\r\n
.modal-content > * {\r\n
max-width: 100%;\r\n
box-sizing: border-box;\r\n
}\r\n
\r\n
/* Fix for any potentially overflowing rows */\r\n
.row {\r\n
margin-right: 0;\r\n
margin-left: 0;\r\n
width: 100%;\r\n
max-width: 100%;\r\n
box-sizing: border-box;\r\n
}\r\n
\r\n
/* ========== RESPONSIVE STYLES ========== */\r\n
@media (max-width: 767px) {\r\n
/* Room Card Mobile Layout */\r\n
.room-card {\r\n
flex-direction: column;\r\n
height: auto;\r\n
position: relative;\r\n
padding-bottom: 0;\r\n
}\r\n
\r\n
/* Hide the explanatory paragraph on mobile */\r\n
.room-info > div > p {\r\n
display: none;\r\n
}\r\n
\r\n
/* Image Container Sizing */\r\n
.room-card .slideshow-container,\r\n
.room-card img {\r\n
width: 100%;\r\n
height: 240px;\r\n
object-fit: cover;\r\n
}\r\n
\r\n
/* Room Info Container */\r\n
.room-info {\r\n
width: 100%;\r\n
display: flex;\r\n
flex-direction: column;\r\n
padding: 1.5rem 1.5rem 1rem;\r\n
position: relative;\r\n
min-height: 160px;\r\n
}\r\n
\r\n
/* Spacing Adjustments */\r\n
.room-info > div:first-child {\r\n
margin-bottom: 0;\r\n
}\r\n
\r\n
.capacity {\r\n
margin-bottom: 0.5rem;\r\n
}\r\n
\r\n
/* Price and Button Layout */\r\n
.price-info {\r\n
display: flex;\r\n
flex-direction: row;\r\n
justify-content: space-between;\r\n
align-items: flex-end;\r\n
margin-top: 1rem;\r\n
position: relative;\r\n
border-top: none;\r\n
padding-top: 0;\r\n
}\r\n
\r\n
/* Button Styling */\r\n
.price-info .btn {\r\n
width: auto;\r\n
margin-top: 0;\r\n
padding: 0.7rem 1rem;\r\n
order: 1;\r\n
}\r\n
\r\n
/* Price Tag Formatting */\r\n
.price-tag {\r\n
text-align: right;\r\n
order: 2;\r\n
background: none;\r\n
padding: 0;\r\n
margin-bottom: 0;\r\n
border: none;\r\n
}\r\n
\r\n
.price-amount {\r\n
font-size: 1.5rem;\r\n
color: #7AB800;\r\n
font-weight: bold;\r\n
display: block;\r\n
line-height: 1.2;\r\n
}\r\n
\r\n
.price-unit {\r\n
font-size: 1rem;\r\n
color: #525459;\r\n
display: inline-block;\r\n
}\r\n
\r\n
.price-day {\r\n
font-size: 1rem;\r\n
color: #525459;\r\n
margin-top: 2px;\r\n
}\r\n
\r\n
/* Modal Mobile Optimizations */\r\n
.modal-content {\r\n
margin: 8% auto; /* Reduced top margin */\r\n
width: 90%;\r\n
max-width: 90%;\r\n
max-height: 85vh;\r\n
overflow-y: auto;\r\n
overflow-x: hidden;\r\n
padding: 15px;\r\n
}\r\n
\r\n
/* UPDATED FOR MOBILE HEADER ALIGNMENT */\r\n
.modal-content h2 {\r\n
margin-top: 0;\r\n
margin-bottom: 15px;\r\n
padding-top: 0;\r\n
font-size: 1.5rem;\r\n
line-height: 40px; /* Match height of mobile close button */\r\n
height: 40px; /* Fixed height to match close button */\r\n
display: flex;\r\n
align-items: center;\r\n
padding-right: 50px; /* More space for the larger close button */\r\n
}\r\n
\r\n
.modal-room-main-image {\r\n
height: 220px;\r\n
margin-top: 5px;\r\n
}\r\n
\r\n
/* Bessere Thumbnail-Galerie */\r\n
.modal-room-images {\r\n
gap: 8px; /* Slightly increased from 5px */\r\n
margin-bottom: 10px; /* Reduced from 20px to 10px to decrease space to "Informationen" */\r\n
padding-bottom: 5px; /* Reduced from 10px */\r\n
display: flex;\r\n
justify-content: flex-start; /* Änderung von center zu flex-start */\r\n
flex-wrap: nowrap;\r\n
overflow-x: auto;\r\n
width: 100%;\r\n
max-width: 100%;\r\n
box-sizing: border-box;\r\n
height: auto;\r\n
min-height: 70px; /* Decreased from 80px */\r\n
}\r\n
\r\n
.modal-room-images img {\r\n
width: 85px;\r\n
height: 65px;\r\n
flex-shrink: 0;\r\n
object-fit: cover; /* Sicherstellt, dass Bilder richtig angezeigt werden */\r\n
display: block;\r\n
opacity: 1;\r\n
margin-bottom: 0;\r\n
}\r\n
\r\n
/* Reduced space between thumbnails and Informationen header */\r\n
.modal-content h2:not(:first-child) {\r\n
margin-top: 15px; /* Reduced from 35px */\r\n
padding-top: 10px; /* Reduced from 15px */\r\n
}\r\n
\r\n
/* Spacing between button and Bestuhlungsvarianten */\r\n
.modal-content .btn {\r\n
margin-bottom: 35px;\r\n
}\r\n
\r\n
.spec-grid {\r\n
grid-template-columns: repeat(2, 1fr);\r\n
}\r\n
\r\n
/* Fix Body Overflow */\r\n
body.modal-open {\r\n
overflow: hidden;\r\n
}\r\n
\r\n
/* Fix column layout */\r\n
.col-md-6 {\r\n
width: 100%;\r\n
max-width: 100%;\r\n
box-sizing: border-box;\r\n
padding-left: 0;\r\n
padding-right: 0;\r\n
}\r\n
}\r\n
\r\n
/* Responsive design for tablets */\r\n
@media (max-width: 1200px) {\r\n
.seating-options {\r\n
grid-template-columns: repeat(2, 1fr);\r\n
}\r\n
\r\n
/* Reset positioning for all items in responsive mode */\r\n
.seating-option:nth-child(4),\r\n
.seating-option:nth-child(5) {\r\n
grid-column: auto;\r\n
}\r\n
}\r\n
\r\n
/* Responsive design for mobile - UPDATED */\r\n
@media (max-width: 767px) {\r\n
.seating-options {\r\n
grid-template-columns: repeat(2, 1fr); /* Always show 2 per row on mobile */\r\n
gap: 10px; /* Slightly reduce gap for mobile */\r\n
width: 100%;\r\n
max-width: 100%;\r\n
box-sizing: border-box;\r\n
}\r\n
\r\n
.seating-option {\r\n
padding: 10px; /* Reduce padding for mobile */\r\n
}\r\n
\r\n
.seating-option img {\r\n
height: 50px; /* Slightly smaller images on mobile */\r\n
}\r\n
\r\n
.seating-option h4 {\r\n
font-size: 14px; /* Smaller font for headings */\r\n
}\r\n
\r\n
.seating-option p {\r\n
font-size: 12px; /* Smaller font for text */\r\n
}\r\n
}\r\n
\r\n
/* Extra Small Screen Optimizations */\r\n
@media (max-width: 400px) {\r\n
.modal-content {\r\n
width: 85%;\r\n
max-width: 85%;\r\n
padding: 12px;\r\n
margin-top: 10%; /* Reduced from 20% */\r\n
}\r\n
\r\n
.modal-room-images {\r\n
min-height: 70px; /* Reduced from 80px */\r\n
padding-bottom: 5px; /* Reduced from 10px */\r\n
margin-bottom: 10px; /* Reduced from 20px */\r\n
}\r\n
\r\n
.modal-room-images img {\r\n
width: 75px;\r\n
height: 60px;\r\n
display: block;\r\n
opacity: 1;\r\n
}\r\n
\r\n
/* Even less spacing for extra small screens */\r\n
.modal-content h2:not(:first-child) {\r\n
margin-top: 12px; /* Further reduced */\r\n
padding-top: 8px; /* Further reduced */\r\n
}\r\n
\r\n
.seating-options {\r\n
grid-template-columns: repeat(2, 1fr); /* Maintain 2 per row even on very small screens */\r\n
}\r\n
\r\n
.seating-option img {\r\n
height: 40px; /* Even smaller images on very small screens */\r\n
}\r\n
\r\n
.spec-grid {\r\n
grid-template-columns: 1fr;\r\n
}\r\n
\r\n
/* Increase spacing between button and Bestuhlungsvarianten on very small screens */\r\n
.modal-content .btn {\r\n
margin-bottom: 40px;\r\n
}\r\n
}\r\n
\r\n
/* ===== CLOSE BUTTON DEFINITIVE FIX ===== */\r\n
/* Grundlegende Stile für alle Bildschirmgrößen - UPDATED FOR DESKTOP ALIGNMENT */\r\n
.close {\r\n
color: #7AB800;\r\n
position: absolute;\r\n
top: 20px; /* Adjusted for desktop alignment */\r\n
right: 15px;\r\n
font-size: 28px;\r\n
font-weight: bold;\r\n
cursor: pointer;\r\n
z-index: 1050;\r\n
display: flex;\r\n
align-items: center;\r\n
justify-content: center;\r\n
width: 35px;\r\n
height: 35px;\r\n
background-color: rgba(255, 255, 255, 0.7);\r\n
border-radius: 50%;\r\n
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\r\n
text-align: center;\r\n
line-height: 1;\r\n
}\r\n
\r\n
.close:hover,\r\n
.close:focus {\r\n
color: #525459;\r\n
text-decoration: none;\r\n
background-color: rgba(255, 255, 255, 0.9);\r\n
}\r\n
\r\n
/* Mobile-spezifische Anpassungen - KEPT MOBILE ALIGNMENT */\r\n
@media (max-width: 767px) {\r\n
.close {\r\n
top: 19px; /* Kept from previous adjustment for mobile */\r\n
right: 10px;\r\n
width: 40px;\r\n
height: 40px;\r\n
font-size: 30px;\r\n
background-color: rgba(255, 255, 255, 0.8);\r\n
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\r\n
}\r\n
}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
/* Ausstattung Section styling */\r\n
.sp-ausstattung-section {\r\n
background-color: #f8f9fa;\r\n
padding: 4rem 2rem;\r\n
width: 100%;\r\n
box-sizing: border-box;\r\n
overflow-x: hidden;\r\n
}\r\n
\r\n
.sp-ausstattung-container {\r\n
max-width: 1200px;\r\n
margin: 0 auto;\r\n
width: 100%;\r\n
}\r\n
\r\n
.sp-ausstattung-title {\r\n
font-size: 2rem;\r\n
font-weight: bold;\r\n
margin-bottom: 2rem;\r\n
text-align: center;\r\n
}\r\n
\r\n
.sp-ausstattung-grid {\r\n
display: grid;\r\n
grid-template-columns: 1fr;\r\n
gap: 2rem;\r\n
margin-bottom: 3rem;\r\n
width: 100%;\r\n
}\r\n
\r\n
.sp-ausstattung-card {\r\n
background: white;\r\n
padding: 2rem;\r\n
border-radius: 10px;\r\n
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);\r\n
width: 100%;\r\n
box-sizing: border-box;\r\n
}\r\n
\r\n
.sp-ausstattung-card-title {\r\n
margin-top: 0;\r\n
font-weight: bold;\r\n
color: #7AB800;\r\n
}\r\n
\r\n
.sp-ausstattung-list {\r\n
list-style-type: none;\r\n
padding: 0;\r\n
margin: 0;\r\n
columns: 2;\r\n
column-gap: 2rem;\r\n
width: 100%;\r\n
box-sizing: border-box;\r\n
}\r\n
\r\n
.sp-ausstattung-item {\r\n
padding: 0.5rem 0;\r\n
display: flex;\r\n
align-items: center;\r\n
break-inside: avoid;\r\n
}\r\n
\r\n
.sp-ausstattung-checkmark, .sp-ausstattung-plus {\r\n
display: inline-block;\r\n
width: 24px;\r\n
color: #7AB800;\r\n
margin-right: 8px;\r\n
flex-shrink: 0;\r\n
}\r\n
\r\n
/* Media Query für mobile Geräte mit spezifischen Klassenselektoren */\r\n
@media screen and (max-width: 768px) {\r\n
.sp-ausstattung-section {\r\n
padding: 2rem 1rem;\r\n
}\r\n
\r\n
.sp-ausstattung-title {\r\n
font-size: 1.5rem;\r\n
}\r\n
\r\n
.sp-ausstattung-card {\r\n
padding: 1.5rem;\r\n
}\r\n
\r\n
.sp-ausstattung-list {\r\n
columns: 1;\r\n
}\r\n
}\r\n
\r\n
\r\n
/* Location styling */\r\n
@media (max-width: 991px) {\r\n
.location-section {\r\n
padding: 3rem 1rem;\r\n
}\r\n
\r\n
.location-benefits {\r\n
grid-template-columns: 1fr !important;\r\n
margin-top: 1.5rem;\r\n
}\r\n
}\r\n
\r\n
/* Startup-Umfeld Styling */\r\n
@media (max-width: 991px) {\r\n
.startup-environment-section {\r\n
padding: 3rem 1rem;\r\n
}\r\n
\r\n
.col-lg-10.offset-lg-1 h2 {\r\n
font-size: 1.8rem;\r\n
}\r\n
\r\n
.startup-benefits {\r\n
grid-template-columns: 1fr;\r\n
margin-top: 1.5rem;\r\n
}\r\n
\r\n
/* Hide second image on mobile */\r\n
.second-image {\r\n
display: none;\r\n
}\r\n
\r\n
/* Make first image taller on mobile since it's the only one */\r\n
.col-lg-6.mb-4.mb-lg-0 img {\r\n
height: 300px;\r\n
}\r\n
}\r\n
\r\n
/* Testimonial Section Styles */\r\n
.custom-testimonial-section {\r\n
background-color: #f9f9f9;\r\n
padding: 4rem 2rem;\r\n
}\r\n
\r\n
.testimonial-container {\r\n
max-width: 1200px;\r\n
margin: 0 auto;\r\n
text-align: center;\r\n
}\r\n
\r\n
.testimonial-title {\r\n
font-size: 2rem;\r\n
font-weight: bold;\r\n
margin-bottom: 1.5rem;\r\n
color: #333;\r\n
}\r\n
\r\n
.section-subtitle {\r\n
width: 70px;\r\n
height: 4px;\r\n
background-color: #7AB800;\r\n
margin: 0 auto 2rem;\r\n
}\r\n
\r\n
.testimonial-grid {\r\n
display: flex;\r\n
justify-content: center;\r\n
gap: 2rem;\r\n
flex-wrap: wrap;\r\n
}\r\n
\r\n
.testimonial-card {\r\n
background-color: #fff;\r\n
border-radius: 10px;\r\n
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\r\n
overflow: hidden;\r\n
flex: 1;\r\n
min-width: 300px;\r\n
max-width: 380px;\r\n
transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n
}\r\n
\r\n
.testimonial-card:hover {\r\n
transform: translateY(-10px);\r\n
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);\r\n
}\r\n
\r\n
.testimonial-content {\r\n
padding: 2rem;\r\n
display: flex;\r\n
flex-direction: column;\r\n
align-items: center;\r\n
height: 100%;\r\n
}\r\n
\r\n
.testimonial-image-container {\r\n
width: 150px;\r\n
height: 150px;\r\n
border-radius: 50%;\r\n
overflow: hidden;\r\n
margin-bottom: 1.5rem;\r\n
border: 4px solid #f0f0f0;\r\n
}\r\n
\r\n
.testimonial-image-container img {\r\n
width: 100%;\r\n
height: 100%;\r\n
object-fit: cover;\r\n
}\r\n
\r\n
.testimonial-name {\r\n
font-size: 1.4rem;\r\n
font-weight: bold;\r\n
margin-bottom: 0.3rem;\r\n
color: #333;\r\n
text-align: center;\r\n
}\r\n
\r\n
.testimonial-company {\r\n
font-size: 0.9rem;\r\n
color: #7AB800;\r\n
font-weight: bold;\r\n
text-transform: uppercase;\r\n
margin-bottom: 1.5rem;\r\n
letter-spacing: 1px;\r\n
text-align: center;\r\n
}\r\n
\r\n
.testimonial-text {\r\n
text-align: center;\r\n
font-style: italic;\r\n
color: #555;\r\n
line-height: 1.6;\r\n
}\r\n
\r\n
/* Responsive design for tablets */\r\n
@media (max-width: 1200px) {\r\n
.testimonial-card {\r\n
min-width: 280px;\r\n
}\r\n
}\r\n
\r\n
/* Responsive design for mobile */\r\n
@media (max-width: 991px) {\r\n
.testimonial-grid {\r\n
flex-direction: column;\r\n
align-items: center;\r\n
}\r\n
\r\n
.testimonial-card {\r\n
max-width: 500px;\r\n
width: 100%;\r\n
margin-bottom: 2rem;\r\n
}\r\n
\r\n
.testimonial-image-container {\r\n
width: 180px;\r\n
height: 180px;\r\n
}\r\n
}\r\n
\r\n
@media (max-width: 768px) {\r\n
.custom-testimonial-section {\r\n
padding: 3rem 1rem;\r\n
}\r\n
\r\n
.testimonial-content {\r\n
padding: 1.5rem;\r\n
}\r\n
\r\n
.testimonial-image-container {\r\n
width: 160px;\r\n
height: 160px;\r\n
}\r\n
}\r\n
\r\n
\r\n
/* Nutzungsbedingungen styling */\r\n
.usage-card:hover {\r\n
transform: translateY(-10px);\r\n
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);\r\n
}\r\n
\r\n
.usage-card:hover .icon-container {\r\n
background-color: rgba(122, 184, 0, 0.2);\r\n
}\r\n
\r\n
@media (max-width: 991px) {\r\n
.usage-options-section {\r\n
padding: 3rem 1rem;\r\n
}\r\n
\r\n
.usage-grid {\r\n
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n
gap: 20px;\r\n
}\r\n
\r\n
.icon-container {\r\n
width: 70px;\r\n
height: 70px;\r\n
}\r\n
}\r\n
\r\n
@media (max-width: 767px) {\r\n
.usage-grid {\r\n
grid-template-columns: 1fr;\r\n
max-width: 500px;\r\n
margin: 0 auto;\r\n
}\r\n
\r\n
.mobile-btn {\r\n
max-width: 280px;\r\n
white-space: normal;\r\n
line-height: 1.3;\r\n
height: auto;\r\n
padding: 0.8rem 1.5rem;\r\n
}\r\n
}\r\n
\r\n
\r\n
/* FAQ Styling */\r\n
.faq-accordion {\r\n
max-width: 1300px;\r\n
margin: 0 auto;\r\n
}\r\n
.faq-item {\r\n
border-bottom: 1px solid #ccc;\r\n
padding: 15px 0;\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
.faq-question:hover {\r\n
color: #7AB800;\r\n
}\r\n
.faq-icon {\r\n
font-size: 24px;\r\n
transition: transform 0.3s ease-in-out;\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
.faq-answer p {\r\n
margin-top: 10px;\r\n
}\r\n
\r\n
\r\n
\r\n
/* Sticky Button */\r\n
.sticky-action-buttons {\r\n
position: fixed;\r\n
right: 25px;\r\n
bottom: 120px;\r\n
display: flex;\r\n
flex-direction: column;\r\n
gap: 15px;\r\n
z-index: 900;\r\n
}\r\n
\r\n
.sticky-action-btn {\r\n
display: flex;\r\n
align-items: center;\r\n
justify-content: center;\r\n
width: 50px;\r\n
height: 50px;\r\n
border-radius: 50%;\r\n
text-decoration: none;\r\n
transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;\r\n
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);\r\n
}\r\n
\r\n
.sticky-action-btn .btn-icon {\r\n
color: white;\r\n
stroke: white;\r\n
transition: transform 0.2s ease;\r\n
}\r\n
\r\n
.sticky-action-btn:hover {\r\n
transform: translateY(-3px);\r\n
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);\r\n
}\r\n
\r\n
.sticky-action-btn:hover .btn-icon {\r\n
transform: scale(1.1);\r\n
}\r\n
\r\n
.sticky-action-btn:active {\r\n
transform: translateY(0);\r\n
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);\r\n
}\r\n
\r\n
.rooms-btn {\r\n
background-color: #525459;\r\n
}\r\n
\r\n
.rooms-btn:hover {\r\n
background-color: #3d3f42;\r\n
}\r\n
\r\n
.inquiry-btn {\r\n
background-color: #7AB800;\r\n
}\r\n
\r\n
.inquiry-btn:hover {\r\n
background-color: #5f9200;\r\n
}\r\n
\r\n
/* Pulsierender Effekt für den Anfrage-Button */\r\n
@keyframes pulse {\r\n
0% {\r\n
box-shadow: 0 0 0 0 rgba(122, 184, 0, 0.7);\r\n
}\r\n
70% {\r\n
box-shadow: 0 0 0 10px rgba(122, 184, 0, 0);\r\n
}\r\n
100% {\r\n
box-shadow: 0 0 0 0 rgba(122, 184, 0, 0);\r\n
}\r\n
}\r\n
\r\n
.inquiry-btn {\r\n
animation: pulse 2s infinite;\r\n
}\r\n
\r\n
/* Tooltip-Styling */\r\n
.sticky-action-btn::before {\r\n
content: attr(title);\r\n
position: absolute;\r\n
right: 60px;\r\n
padding: 6px 10px;\r\n
background-color: #333;\r\n
color: #fff;\r\n
font-size: 12px;\r\n
border-radius: 4px;\r\n
white-space: nowrap;\r\n
opacity: 0;\r\n
visibility: hidden;\r\n
transition: opacity 0.3s, visibility 0.3s;\r\n
}\r\n
\r\n
.sticky-action-btn::after {\r\n
content: '';\r\n
position: absolute;\r\n
right: 57px;\r\n
width: 0;\r\n
height: 0;\r\n
border-top: 5px solid transparent;\r\n
border-bottom: 5px solid transparent;\r\n
border-left: 5px solid #333;\r\n
opacity: 0;\r\n
visibility: hidden;\r\n
transition: opacity 0.3s, visibility 0.3s;\r\n
}\r\n
\r\n
.sticky-action-btn:hover::before,\r\n
.sticky-action-btn:hover::after {\r\n
opacity: 1;\r\n
visibility: visible;\r\n
}\r\n
\r\n
/* Anpassungen für mobile Geräte */\r\n
@media (max-width: 767px) {\r\n
.sticky-action-buttons {\r\n
right: 20px;\r\n
bottom: 90px;\r\n
}\r\n
\r\n
.sticky-action-btn {\r\n
width: 45px;\r\n
height: 45px;\r\n
}\r\n
\r\n
.sticky-action-btn .btn-icon {\r\n
width: 20px;\r\n
height: 20px;\r\n
}\r\n
}\r\n
\r\n
/* Für sehr kleine Bildschirme */\r\n
@media (max-width: 400px) {\r\n
.sticky-action-buttons {\r\n
right: 15px;\r\n
bottom: 70px;\r\n
}\r\n
\r\n
.sticky-action-btn {\r\n
width: 40px;\r\n
height: 40px;\r\n
}\r\n
\r\n
.sticky-action-btn .btn-icon {\r\n
width: 18px;\r\n
height: 18px;\r\n
}\r\n
}\r\n
\r\n
/* Anpassung für das Modal */\r\n
body.modal-open .sticky-action-buttons {\r\n
display: none; /* Sticky-Buttons verstecken, wenn das Modal geöffnet ist */\r\n
}\r\n
\r\n
\r\n
\r\n
/* Kleinere Schriften auf mobile */\r\n
@media (max-width: 767px) {\r\n
/* General text */\r\n
body, p, div, span, li {\r\n
font-size: 15px !important;\r\n
}\r\n
\r\n
/* Heading adjustments */\r\n
h1 {\r\n
font-size: 26px !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: 19px !important;\r\n
}\r\n
\r\n
/* FAQ section - make both parts of the heading the same size */\r\n
.faq-section h2.text-left {\r\n
font-size: 24px !important;\r\n
}\r\n
\r\n
.faq-section h2.text-left span {\r\n
font-size: 24px !important;\r\n
}\r\n
\r\n
/* Header area */\r\n
.header-content h1 {\r\n
font-size: 24px !important;\r\n
}\r\n
\r\n
.header-subtitle {\r\n
font-size: 15px !important;\r\n
}\r\n
\r\n
.overlay-content h2 {\r\n
font-size: 24px !important;\r\n
}\r\n
\r\n
.overlay-content p {\r\n
font-size: 15px !important;\r\n
}\r\n
\r\n
/* Cards and room info */\r\n
.room-info h3 {\r\n
font-size: 19px !important;\r\n
}\r\n
\r\n
.room-info p {\r\n
font-size: 14px !important;\r\n
}\r\n
\r\n
.capacity, .features {\r\n
font-size: 14px !important;\r\n
}\r\n
\r\n
.price-amount {\r\n
font-size: 22px !important;\r\n
}\r\n
\r\n
.price-unit, .price-day {\r\n
font-size: 14px !important;\r\n
}\r\n
\r\n
/* Buttons */\r\n
.btn, .btn-scroll {\r\n
font-size: 15px !important;\r\n
padding: 0.7rem 1.3rem !important;\r\n
}\r\n
\r\n
/* Modal content */\r\n
.modal-content h2 {\r\n
font-size: 22px !important;\r\n
}\r\n
\r\n
.modal-content h3 {\r\n
font-size: 18px !important;\r\n
}\r\n
\r\n
.modal-content p, .modal-content li {\r\n
font-size: 14px !important;\r\n
}\r\n
\r\n
.seating-option h4 {\r\n
font-size: 14px !important;\r\n
}\r\n
\r\n
.seating-option p {\r\n
font-size: 13px !important;\r\n
}\r\n
\r\n
.spec-item span {\r\n
font-size: 14px !important;\r\n
}\r\n
\r\n
/* Keep the close button at its original size */\r\n
.modal .close {\r\n
font-size: 28px !important;\r\n
width: 35px !important;\r\n
height: 35px !important;\r\n
}\r\n
\r\n
/* Benefit cards */\r\n
.benefit-text h3 {\r\n
font-size: 15px !important;\r\n
}\r\n
\r\n
.benefit-text p {\r\n
font-size: 13px !important;\r\n
}\r\n
\r\n
/* Section titles and content */\r\n
.section-title, .testimonial-title, .usage-options-section h2, .startup-environment-section h2, .location-section h2 {\r\n
font-size: 24px !important;\r\n
}\r\n
\r\n
.testimonial-name {\r\n
font-size: 17px !important;\r\n
}\r\n
\r\n
.testimonial-company {\r\n
font-size: 13px !important;\r\n
}\r\n
\r\n
.testimonial-text {\r\n
font-size: 14px !important;\r\n
}\r\n
\r\n
/* Usage options cards - smaller icons */\r\n
.usage-card .icon-container {\r\n
width: 60px !important;\r\n
height: 60px !important;\r\n
margin-bottom: 1rem !important;\r\n
}\r\n
\r\n
.usage-card .icon-container svg {\r\n
width: 30px !important;\r\n
height: 30px !important;\r\n
}\r\n
\r\n
.usage-card h3 {\r\n
font-size: 17px !important;\r\n
}\r\n
\r\n
.usage-card p {\r\n
font-size: 14px !important;\r\n
}\r\n
\r\n
/* FAQ section */\r\n
.faq-question {\r\n
font-size: 17px !important;\r\n
}\r\n
\r\n
.faq-answer p {\r\n
font-size: 15px !important;\r\n
}\r\n
\r\n
/* Extra small screens */\r\n
@media (max-width: 400px) {\r\n
body, p, div, span, li {\r\n
font-size: 14px !important;\r\n
}\r\n
\r\n
h1 {\r\n
font-size: 24px !important;\r\n
}\r\n
\r\n
h2 {\r\n
font-size: 20px !important;\r\n
}\r\n
\r\n
h3 {\r\n
font-size: 17px !important;\r\n
}\r\n
\r\n
/* Make sure FAQ heading is still consistent on very small screens */\r\n
.faq-section h2.text-left,\r\n
.faq-section h2.text-left span {\r\n
font-size: 20px !important;\r\n
}\r\n
\r\n
/* Even smaller icons for very small screens */\r\n
.usage-card .icon-container {\r\n
width: 50px !important;\r\n
height: 50px !important;\r\n
}\r\n
\r\n
.usage-card .icon-container svg {\r\n
width: 25px !important;\r\n
height: 25px !important;\r\n
}\r\n
\r\n
/* Keep close button consistent on very small screens too */\r\n
.modal .close {\r\n
font-size: 28px !important;\r\n
width: 35px !important;\r\n
height: 35px !important;\r\n
}\r\n
\r\n
.btn, .btn-scroll {\r\n
font-size: 14px !important;\r\n
padding: 0.6rem 1.1rem !important;\r\n
}\r\n
}\r\n
}\r\n
\r\n
/* Zusätzliches Padding für den Header-Bereich */\r\n
header, .tagungsraeume-header {\r\n
padding-top: 2.5rem !important; /* Reduziertes Padding oben */\r\n
}\r\n
\r\n
/* Anpassung für den header-content-overlay mit mehr Abstand nach oben */\r\n
.header-content-overlay {\r\n
padding-top: 2rem !important;\r\n
}\r\n
\r\n
/* Medienabfrage für mobile Geräte */\r\n
@media (max-width: 767px) {\r\n
header, .tagungsraeume-header {\r\n
padding-top: 3.5rem !important; /* Erhöhtes Padding für mobile Geräte */\r\n
}\r\n
\r\n
.header-content-overlay {\r\n
padding-top: 2.5rem !important;\r\n
}\r\n
}\r\n
\r\n
</style>\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
<!---------------------------------------- Header ---------------------------------------->\r\n
<section class="tagungsraeume-header">\r\n
<div class="container-fluid">\r\n
<div class="row no-gutters">\r\n
<!-- Left side: Image area with overlay -->\r\n
<div class="col-lg-6 header-image-container">\r\n
<div class="header-image-overlay"></div>\r\n
<div class="header-content-overlay">\r\n
<div class="overlay-content">\r\n
<h2>Inspiring conference rooms for successful events</h2>\r\n
<p>Modern meeting rooms with high-quality equipment in the heart of Düsseldorf</p>\r\n
<a href="#raumauswahl" class="btn-scroll">\r\n
<span>Discover rooms</span>\r\n
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n
<path d="M7 10L12 15L17 10" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
</svg>\r\n
</a>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Right side: Text area -->\r\n
<div class="col-lg-6 header-text-container">\r\n
<div class="header-content">\r\n
<h1>Book conference rooms – STARTPLATZ Düsseldorf in the Media Harbor</h1>\r\n
<p class="header-subtitle">Professional meeting rooms for workshops, conferences, and events of all kinds</p>\r\n
\r\n
<div class="benefits-container">\r\n
<div class="benefit-card">\r\n
<div class="benefit-icon">\r\n
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n
<path d="M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
<path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
</svg>\r\n
</div>\r\n
<div class="benefit-text">\r\n
<h3>Central Location</h3>\r\n
<p>In Düsseldorf Media Harbor with optimal transport connections</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="benefit-card">\r\n
<div class="benefit-icon">\r\n
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n
<path d="M17 21V19C17 17.9391 16.5786 16.9217 15.8284 16.1716C15.0783 15.4214 14.0609 15 13 15H5C3.93913 15 2.92172 15.4214 2.17157 16.1716C1.42143 16.9217 1 17.9391 1 19V21" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
<path d="M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
<path d="M23 21V19C22.9993 18.1137 22.7044 17.2528 22.1614 16.5523C21.6184 15.8519 20.8581 15.3516 20 15.13" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
<path d="M16 3.13C16.8604 3.35031 17.623 3.85071 18.1676 4.55232C18.7122 5.25392 19.0078 6.11683 19.0078 7.005C19.0078 7.89318 18.7122 8.75608 18.1676 9.45769C17.623 10.1593 16.8604 10.6597 16 10.88" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
</svg>\r\n
</div>\r\n
<div class="benefit-text">\r\n
<h3>Flexible Capacities</h3>\r\n
<p>Meeting rooms for 4 to 120 people</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="benefit-card">\r\n
<div class="benefit-icon">\r\n
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n
<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
<path d="M12 16V12" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
<path d="M12 8H12.01" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
</svg>\r\n
</div>\r\n
<div class="benefit-text">\r\n
<h3>Modern Technology</h3>\r\n
<p>High-speed Wi-Fi, screens, and modern presentation technology</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="benefit-card">\r\n
<div class="benefit-icon">\r\n
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n
<path d="M19 21V5C19 4.46957 18.7893 3.96086 18.4142 3.58579C18.0391 3.21071 17.5304 3 17 3H7C6.46957 3 5.96086 3.21071 5.58579 3.58579C5.21071 3.96086 5 4.46957 5 5V21" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
<path d="M3 21H21" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
<path d="M9 7H15" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
<path d="M9 11H15" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
<path d="M9 15H15" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
</svg>\r\n
</div>\r\n
<div class="benefit-text">\r\n
<h3>Variable Room Layout</h3>\r\n
<p>Various seating options for your requirements</p>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="header-actions">\r\n
<a href="https://form.typeform.com/to/ifJsBBun" class="btn btn-primary" target="_blank">Request a room now</a>\r\n
<a href="tel:+4921193672520" class="btn btn-outline">Call: 0211 936 725 20</a>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</section>\r\n
\r\n
\r\n
\r\n
<!-- Scrolling Banner -->\r\n
<a href="https://form.typeform.com/to/ifJsBBun" class="scrolling-banner" target="_blank">\r\n
<div class="scrolling-content">\r\n
<span>🚀 Secure your room now: Modern conference rooms at STARTPLATZ Düsseldorf – flexible, fully equipped, and in the heart of the Media Harbor! 🚀</span>\r\n
<span>🚀 Secure your room now: Modern conference rooms at STARTPLATZ Düsseldorf – flexible, fully equipped, and in the heart of the Media Harbor! 🚀</span>\r\n
</div>\r\n
</a>\r\n
\r\n
\r\n
\r\n
<!---------------------------------------- Room Cards Begin ---------------------------------------->\r\n
\r\n
<section id="raumauswahl" class="room-grid-wrapper">\r\n
<div class="room-grid">\r\n
\r\n
<!-------------------- Room Porto with Modal-Trigger -------------------->\r\n
<div class="room-card" onclick="openModal('porto-modal')">\r\n
<div class="slideshow-container">\r\n
<div class="slide active"><img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1737547716/conference-rooms/Confi%20DUS%20new/Porto.jpg" alt="Room Porto"></div>\r\n
<div class="slide"><img src="https://www.startplatz.de/wp-content/uploads/2018/05/Meetingraum_Duesseldorf_medienhafen2.jpg" alt="Room Porto 2"></div>\r\n
<div class="slide"><img src="https://www.startplatz.de/wp-content/uploads/2019/03/meetingraum_wokshop_duesseldorf_medienhafen.jpg" alt="Room Porto 3"></div>\r\n
\r\n
<div class="nav left" onclick="changeSlide(this, -1); event.stopPropagation();">\r\n
<span class="arrow">❮</span>\r\n
</div>\r\n
<div class="nav right" onclick="changeSlide(this, 1); event.stopPropagation();">\r\n
<span class="arrow">❯</span>\r\n
</div>\r\n
\r\n
<div class="dots">\r\n
<span class="dot active" onclick="goToSlide(this, 0); event.stopPropagation();"></span>\r\n
<span class="dot" onclick="goToSlide(this, 1); event.stopPropagation();"></span>\r\n
<span class="dot" onclick="goToSlide(this, 2); event.stopPropagation();"></span>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="room-info">\r\n
<div>\r\n
<h3>Porto</h3>\r\n
<p>Small meeting room ideal for discussions and focused work.</p>\r\n
<div class="capacity">\r\n
<strong>Capacity:</strong><br>\r\n
6 people · 18 sqm\r\n
</div>\r\n
</div>\r\n
<div class="price-info">\r\n
<a href="https://form.typeform.com/to/ifJsBBun#raum=porto" class="btn" target="_blank" onclick="event.stopPropagation();">Request now</a>\r\n
<div class="price-tag">\r\n
<div class="price-amount">50€</div>\r\n
<div class="price-unit">per hour</div>\r\n
<div class="price-day">300€ full day</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Modal for Room Porto -->\r\n
<div id="porto-modal" class="modal">\r\n
<div class="modal-content">\r\n
<span class="close" onclick="closeModal('porto-modal')">×</span>\r\n
\r\n
<h2>Room Porto</h2>\r\n
\r\n
<!-- Main room image -->\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1737547716/conference-rooms/Confi%20DUS%20new/Porto.jpg" alt="Room Porto" class="modal-room-main-image" id="porto-main-image">\r\n
\r\n
<!-- Thumbnail images to click through -->\r\n
<div class="modal-room-images">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1737547716/conference-rooms/Confi%20DUS%20new/Porto.jpg" alt="Room Porto" onclick="changeMainImage('porto-main-image', this.src)">\r\n
<img src="https://www.startplatz.de/wp-content/uploads/2018/05/Meetingraum_Duesseldorf_medienhafen2.jpg" alt="Room Porto 2" onclick="changeMainImage('porto-main-image', this.src)">\r\n
<img src="https://www.startplatz.de/wp-content/uploads/2019/03/meetingraum_wokshop_duesseldorf_medienhafen.jpg" alt="Room Porto 3" onclick="changeMainImage('porto-main-image', this.src)">\r\n
</div>\r\n
\r\n
<div class="row mt-4">\r\n
<div class="col-md-6">\r\n
<h3>Information</h3>\r\n
<p>\r\n
The meeting room "Porto" offers seating for up to 6 people. The large window front floods the room with natural light throughout the day. This is one of the reasons why the room is very popular for classic customer meetings or team discussions.\r\n
</p>\r\n
<ul>\r\n
<li><strong>Size:</strong> 18 sqm</li>\r\n
<li><strong>Capacity:</strong> up to 6 people</li>\r\n
<li><strong>Price:</strong> 50€ per hour / 300€ full day</li>\r\n
</ul>\r\n
\r\n
<!-- Green button in modal -->\r\n
<a href="https://form.typeform.com/to/ifJsBBun#raum=porto" class="btn" target="_blank" style="margin-top: 20px;">Request now</a>\r\n
</div>\r\n
\r\n
<div class="col-md-6">\r\n
<h3>Seating Arrangements</h3>\r\n
<div class="seating-options">\r\n
<div class="seating-option">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/v1745581201/Bestuhlung_Block.png" alt="Block Seating">\r\n
<h4>Block</h4>\r\n
<p>6 people</p>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="room-specs">\r\n
<h3>Equipment</h3>\r\n
<div class="spec-grid">\r\n
<div class="spec-item">\r\n
<i class="fas fa-wifi"></i>\r\n
<span>High-speed Wi-Fi</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-tv"></i>\r\n
<span>Screen</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-chalkboard"></i>\r\n
<span>Whiteboard</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-plug"></i>\r\n
<span>Sufficient power outlets</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-sun"></i>\r\n
<span>Abundant natural light</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-couch"></i>\r\n
<span>Comfortable seating</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-coffee"></i>\r\n
<span>Beverage service available</span>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
\r\n
<!-------------------- Room Sizilien with Modal-Trigger -------------------->\r\n
<div class="room-card" onclick="openModal('sizilien-modal')">\r\n
<div class="slideshow-container">\r\n
<div class="slide active"><img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,w_1200/a_0/v1737547716/conference-rooms/Confi%20DUS%20new/Sizilien.jpg" alt="Room Sizilien"></div>\r\n
<div class="slide"><img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1696882973/conference-rooms/duesseldorf_Sizilien/ai_hub_duesseldorf_medienhafen.jpg" alt="Room Sizilien 2"></div>\r\n
<div class="slide"><img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1696882887/conference-rooms/duesseldorf_Sizilien/agiles_arbeiten_duesseldorf.jpg" alt="Room Sizilien 3"></div>\r\n
\r\n
<div class="nav left" onclick="changeSlide(this, -1); event.stopPropagation();">\r\n
<span class="arrow">❮</span>\r\n
</div>\r\n
<div class="nav right" onclick="changeSlide(this, 1); event.stopPropagation();">\r\n
<span class="arrow">❯</span>\r\n
</div>\r\n
\r\n
<div class="dots">\r\n
<span class="dot active" onclick="goToSlide(this, 0); event.stopPropagation();"></span>\r\n
<span class="dot" onclick="goToSlide(this, 1); event.stopPropagation();"></span>\r\n
<span class="dot" onclick="goToSlide(this, 2); event.stopPropagation();"></span>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="room-info">\r\n
<div>\r\n
<h3>Sizilien - GenAI Lab</h3>\r\n
<p>Modern conference room with AI focus for creative workshops and meetings.</p>\r\n
<div class="capacity">\r\n
<strong>Capacity:</strong><br>\r\n
12 people · 50 sqm\r\n
</div>\r\n
</div>\r\n
<div class="price-info">\r\n
<a href="https://form.typeform.com/to/ifJsBBun#raum=sizilien" class="btn" target="_blank" onclick="event.stopPropagation();">Request now</a>\r\n
<div class="price-tag">\r\n
<div class="price-amount">80€</div>\r\n
<div class="price-unit">per hour</div>\r\n
<div class="price-day">450€ full day</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Modal for Room Sizilien -->\r\n
<div id="sizilien-modal" class="modal">\r\n
<div class="modal-content">\r\n
<span class="close" onclick="closeModal('sizilien-modal')">×</span>\r\n
\r\n
<h2>Room Sizilien - GenAI Lab</h2>\r\n
\r\n
<!-- Main room image -->\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,w_1200/a_0/v1737547716/conference-rooms/Confi%20DUS%20new/Sizilien.jpg" alt="Room Sizilien" class="modal-room-main-image" id="sizilien-main-image">\r\n
\r\n
<!-- Thumbnail images to click through -->\r\n
<div class="modal-room-images">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,w_1200/a_0/v1737547716/conference-rooms/Confi%20DUS%20new/Sizilien.jpg" alt="Room Sizilien" onclick="changeMainImage('sizilien-main-image', this.src)">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1696882973/conference-rooms/duesseldorf_Sizilien/ai_hub_duesseldorf_medienhafen.jpg" alt="Room Sizilien 2" onclick="changeMainImage('sizilien-main-image', this.src)">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1696882887/conference-rooms/duesseldorf_Sizilien/agiles_arbeiten_duesseldorf.jpg" alt="Room Sizilien 3" onclick="changeMainImage('sizilien-main-image', this.src)">\r\n
</div>\r\n
\r\n
<div class="row mt-4">\r\n
<div class="col-md-6">\r\n
<h3>Information</h3>\r\n
<p>\r\n
The bright and friendly designed GenAI Lab on the fourth floor with a view of the Düsseldorf Media Harbor is furnished with great attention to detail. The room "Sizilien" measures 50 square meters, is designed for up to 15 people, and focuses entirely on AI. The room "Sizilien" is the AI Lab of Ecodynamics and STARTPLATZ.\r\n
</p>\r\n
<ul>\r\n
<li><strong>Size:</strong> 50 sqm</li>\r\n
<li><strong>Capacity:</strong> up to 12 people</li>\r\n
<li><strong>Price:</strong> 80€ per hour / 450€ full day</li>\r\n
<li><strong>Location:</strong> 4th floor with a view of the Media Harbor</li>\r\n
<li><strong>Special feature:</strong> AI focus, GenAI Lab</li>\r\n
</ul>\r\n
\r\n
<!-- Green button in modal -->\r\n
<a href="https://form.typeform.com/to/ifJsBBun#raum=sizilien" class="btn" target="_blank" style="margin-top: 20px;">Request now</a>\r\n
</div>\r\n
\r\n
<div class="col-md-6">\r\n
<h3>Seating Arrangements</h3>\r\n
<div class="seating-options">\r\n
<div class="seating-option">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/v1745581201/Bestuhlung_Block.png" alt="Block Seating">\r\n
<h4>Block</h4>\r\n
<p>12 people</p>\r\n
</div>\r\n
<div class="seating-option">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/v1745580660/Bestuhlung_U-Form.png" alt="U-Shape Seating">\r\n
<h4>U-Shape</h4>\r\n
<p>12 people</p>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="room-specs">\r\n
<h3>Equipment</h3>\r\n
<div class="spec-grid">\r\n
<div class="spec-item">\r\n
<i class="fas fa-wifi"></i>\r\n
<span>High-speed Wi-Fi</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-tv"></i>\r\n
<span>Screen</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-chalkboard"></i>\r\n
<span>Whiteboard</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-plug"></i>\r\n
<span>Sufficient power outlets</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-sun"></i>\r\n
<span>Abundant natural light</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-couch"></i>\r\n
<span>Comfortable seating</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-coffee"></i>\r\n
<span>Beverage service available</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-robot"></i>\r\n
<span>AI focus GenAI Lab</span>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
\r\n
<!-------------------- Room Valencia with Modal-Trigger -------------------->\r\n
<div class="room-card" onclick="openModal('valencia-modal')">\r\n
<div class="slideshow-container">\r\n
<div class="slide active"><img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1737547717/conference-rooms/Confi%20DUS%20new/Valencia1.jpg" alt="Room Valencia"></div>\r\n
<div class="slide"><img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1737547716/conference-rooms/Confi%20DUS%20new/Valenica%20in%20U-Form.jpg" alt="Room Valencia 2"></div>\r\n
<div class="slide"><img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1737547718/conference-rooms/Confi%20DUS%20new/Valencia.jpg" alt="Room Valencia 3"></div>\r\n
<div class="nav left" onclick="changeSlide(this, -1); event.stopPropagation();">\r\n
<span class="arrow">❮</span>\r\n
</div>\r\n
<div class="nav right" onclick="changeSlide(this, 1); event.stopPropagation();">\r\n
<span class="arrow">❯</span>\r\n
</div>\r\n
<div class="dots">\r\n
<span class="dot active" onclick="goToSlide(this, 0); event.stopPropagation();"></span>\r\n
<span class="dot" onclick="goToSlide(this, 1); event.stopPropagation();"></span>\r\n
<span class="dot" onclick="goToSlide(this, 2); event.stopPropagation();"></span>\r\n
</div>\r\n
</div>\r\n
<div class="room-info">\r\n
<div>\r\n
<h3>Valencia</h3>\r\n
<p>Bright conference room with a view of the Media Harbor for workshops and meetings.</p>\r\n
<div class="capacity">\r\n
<strong>Capacity:</strong><br>\r\n
40 people · 50 sqm\r\n
</div>\r\n
</div>\r\n
<div class="price-info">\r\n
<a href="https://form.typeform.com/to/ifJsBBun#raum=valencia" class="btn" target="_blank" onclick="event.stopPropagation();">Request now</a>\r\n
<div class="price-tag">\r\n
<div class="price-amount">100€</div>\r\n
<div class="price-unit">per hour</div>\r\n
<div class="price-day">650€ full day</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Modal for Room Valencia -->\r\n
<div id="valencia-modal" class="modal">\r\n
<div class="modal-content">\r\n
<span class="close" onclick="closeModal('valencia-modal')">×</span>\r\n
<h2>Room Valencia</h2>\r\n
\r\n
<!-- Main room image -->\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1737547717/conference-rooms/Confi%20DUS%20new/Valencia1.jpg" alt="Room Valencia" class="modal-room-main-image" id="valencia-main-image">\r\n
\r\n
<!-- Thumbnail images to click through -->\r\n
<div class="modal-room-images">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1737547717/conference-rooms/Confi%20DUS%20new/Valencia1.jpg" alt="Room Valencia" onclick="changeMainImage('valencia-main-image', this.src)">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1737547716/conference-rooms/Confi%20DUS%20new/Valenica%20in%20U-Form.jpg" alt="Room Valencia 2" onclick="changeMainImage('valencia-main-image', this.src)">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1737547718/conference-rooms/Confi%20DUS%20new/Valencia.jpg" alt="Room Valencia 3" onclick="changeMainImage('valencia-main-image', this.src)">\r\n
</div>\r\n
\r\n
<div class="row mt-4">\r\n
<div class="col-md-6">\r\n
<h3>Information</h3>\r\n
<p>\r\n
Our bright conference and meeting room "Valencia" offers a unique view of the Düsseldorf Media Harbor. It is suitable for meetings with customers and important business partners, but especially due to its flexible seating options for larger events. A large screen and a whiteboard also enable a variety of presentation techniques for workshops, pitches, and small conferences.\r\n
</p>\r\n
<ul>\r\n
<li><strong>Size:</strong> 50 sqm</li>\r\n
<li><strong>Capacity:</strong> up to 40 people</li>\r\n
<li><strong>Price:</strong> 100€ per hour / 650€ full day</li>\r\n
<li><strong>Special feature:</strong> View of the Media Harbor</li>\r\n
</ul>\r\n
\r\n
<!-- Green button in modal -->\r\n
<a href="https://form.typeform.com/to/ifJsBBun#raum=valencia" class="btn" target="_blank" style="margin-top: 20px;">Request now</a>\r\n
</div>\r\n
\r\n
<div class="col-md-6">\r\n
<h3>Seating Arrangements</h3>\r\n
<div class="seating-options">\r\n
<div class="seating-option">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/v1745576959/Bestuhlung_Reihen.png" alt="Row Seating">\r\n
<h4>Rows</h4>\r\n
<p>50 people</p>\r\n
</div>\r\n
<div class="seating-option">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/v1745580321/Bestuhlung_Parlament.png" alt="Parliament Seating">\r\n
<h4>Parliament</h4>\r\n
<p>30 people</p>\r\n
</div>\r\n
<div class="seating-option">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/v1745580660/Bestuhlung_U-Form.png" alt="U-Shape Seating">\r\n
<h4>U-Shape</h4>\r\n
<p>25 people</p>\r\n
</div>\r\n
<div class="seating-option">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/v1745581018/Bestuhlung_Stuhlkreis.png" alt="Circle Seating">\r\n
<h4>Circle</h4>\r\n
<p>20 people</p>\r\n
</div>\r\n
<div class="seating-option">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/v1745581201/Bestuhlung_Block.png" alt="Block Seating">\r\n
<h4>Block</h4>\r\n
<p>14 people</p>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="room-specs">\r\n
<h3>Equipment</h3>\r\n
<div class="spec-grid">\r\n
<div class="spec-item">\r\n
<i class="fas fa-wifi"></i>\r\n
<span>High-speed Wi-Fi</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-tv"></i>\r\n
<span>Large screen</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-chalkboard"></i>\r\n
<span>Whiteboard</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-plug"></i>\r\n
<span>Sufficient power outlets</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-sun"></i>\r\n
<span>Abundant natural light</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-eye"></i>\r\n
<span>View of the Media Harbor</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-couch"></i>\r\n
<span>Comfortable seating</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-coffee"></i>\r\n
<span>Beverage service available</span>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
\r\n
<!-------------------- Room Long Beach with Modal-Trigger -------------------->\r\n
<div class="room-card" onclick="openModal('longbeach-modal')">\r\n
<div class="slideshow-container">\r\n
<!-- Special Offer Banner -->\r\n
<div style="position: absolute; top: 15px; left: 15px; background: linear-gradient(135deg, #FF5722 0%, #FF6B3D 100%); color: white; padding: 8px 15px; border-radius: 5px; font-weight: bold; font-size: 0.9rem; z-index: 20; box-shadow: 0 4px 10px rgba(255, 87, 34, 0.4);">\r\n
SPECIAL OFFER -50%\r\n
</div>\r\n
\r\n
<div class="slide active"><img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1737547716/conference-rooms/Confi%20DUS%20new/San%20Diego%20Pala.jpg" alt="Room Long Beach"></div>\r\n
\r\n
<div class="nav left" onclick="changeSlide(this, -1); event.stopPropagation();">\r\n
<span class="arrow">❮</span>\r\n
</div>\r\n
<div class="nav right" onclick="changeSlide(this, 1); event.stopPropagation();">\r\n
<span class="arrow">❯</span>\r\n
</div>\r\n
\r\n
<div class="dots">\r\n
<span class="dot active" onclick="goToSlide(this, 0); event.stopPropagation();"></span>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="room-info">\r\n
<div>\r\n
<h3>Long Beach</h3>\r\n
<p>Variable setting for large events with up to 150 people.</p>\r\n
<div class="capacity">\r\n
<strong>Capacity:</strong><br>\r\n
150 people · 250 sqm\r\n
</div>\r\n
</div>\r\n
<div class="price-info">\r\n
<a href="https://form.typeform.com/to/ifJsBBun#raum=longbeach" class="btn" target="_blank" onclick="event.stopPropagation();">Request now</a>\r\n
<div class="price-tag">\r\n
<div style="text-decoration: line-through; color: #999; font-size: 1.2rem; margin-bottom: 3px;">1.500€</div>\r\n
<div class="price-amount" style="color: #FF5722;">750€</div>\r\n
<div class="price-day">full day</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- The Modal for Room Long Beach -->\r\n
<div id="longbeach-modal" class="modal">\r\n
<div class="modal-content">\r\n
<span class="close" onclick="closeModal('longbeach-modal')">×</span>\r\n
\r\n
<h2>Room Long Beach</h2>\r\n
\r\n
<!-- Main room image -->\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1737547716/conference-rooms/Confi%20DUS%20new/San%20Diego%20Pala.jpg" alt="Room Long Beach" class="modal-room-main-image" id="longbeach-main-image">\r\n
\r\n
<!-- Thumbnail images to click through -->\r\n
<div class="modal-room-images">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1737547716/conference-rooms/Confi%20DUS%20new/San%20Diego%20Pala.jpg" alt="Room Long Beach" onclick="changeMainImage('longbeach-main-image', this.src)">\r\n
</div>\r\n
\r\n
<div class="row mt-4">\r\n
<div class="col-md-6">\r\n
<h3>Information</h3>\r\n
\r\n
<!-- Special Offer Banner in Modal -->\r\n
<div style="background: linear-gradient(135deg, #FF5722 0%, #FF6B3D 100%); color: white; padding: 12px 20px; border-radius: 8px; margin-bottom: 20px; text-align: center; font-weight: bold; font-size: 1.1rem; box-shadow: 0 4px 10px rgba(255, 87, 34, 0.3);">\r\n
SPECIAL OFFER: 50% DISCOUNT – Limited time only!\r\n
</div>\r\n
\r\n
<p>\r\n
The "Long Beach" room is our largest event space and offers room for up to 150 people. With 250 square meters of space, it is perfect for large conferences, presentations, networking events, or workshops. The flexible room layout allows for various event formats and seating arrangements.\r\n
</p>\r\n
<ul>\r\n
<li><strong>Size:</strong> 250 sqm</li>\r\n
<li><strong>Capacity:</strong> up to 150 people</li>\r\n
<li><strong>Price:</strong> <span style="text-decoration: line-through; color: #999;">1.500€</span> <span style="color: #FF5722; font-weight: bold;">750€ full day</span></li>\r\n
<li><strong>Special feature:</strong> Largest room, variable setting</li>\r\n
</ul>\r\n
\r\n
<!-- Green button in modal -->\r\n
<a href="https://form.typeform.com/to/ifJsBBun#raum=longbeach" class="btn" target="_blank" style="margin-top: 20px;">Request now</a>\r\n
</div>\r\n
\r\n
<div class="col-md-6">\r\n
<h3>Seating Arrangements</h3>\r\n
<div class="seating-options">\r\n
<div class="seating-option">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/v1745576959/Bestuhlung_Reihen.png" alt="Row Seating">\r\n
<h4>Rows</h4>\r\n
<p>150 people</p>\r\n
</div>\r\n
<div class="seating-option">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/v1745580321/Bestuhlung_Parlament.png" alt="Parliament Seating">\r\n
<h4>Parliament</h4>\r\n
<p>80 people</p>\r\n
</div>\r\n
<div class="seating-option">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/v1745581201/Bestuhlung_Block.png" alt="Block Seating">\r\n
<h4>Block</h4>\r\n
<p>60 people</p>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="room-specs">\r\n
<h3>Equipment</h3>\r\n
<div class="spec-grid">\r\n
<div class="spec-item">\r\n
<i class="fas fa-wifi"></i>\r\n
<span>High-speed WiFi</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-tv"></i>\r\n
<span>Screen</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-chalkboard"></i>\r\n
<span>Whiteboard</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-plug"></i>\r\n
<span>Sufficient power outlets</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-sun"></i>\r\n
<span>Plenty of natural daylight</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-chair"></i>\r\n
<span>Flexible seating</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-users"></i>\r\n
<span>Large event space</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-coffee"></i>\r\n
<span>Beverage service available</span>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
\r\n
<!-------------------- Room Havanna with Modal-Trigger -------------------->\r\n
<div class="room-card" onclick="openModal('Havanna-modal')">\r\n
<div class="slideshow-container">\r\n
<div class="slide active"><img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1734512239/Offices/Duesseldorf/Havanna/_F5A4287-b.jpg" alt="Room Havanna"></div>\r\n
<div class="slide"><img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1734512241/Offices/Duesseldorf/Havanna/_F5A4293-Pano.jpg" alt="Room Havanna 2"></div>\r\n
<div class="slide"><img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1734512237/Offices/Duesseldorf/Havanna/_F5A4282.jpg" alt="Room Havanna 3"></div>\r\n
\r\n
<div class="nav left" onclick="changeSlide(this, -1); event.stopPropagation();">\r\n
<span class="arrow">❮</span>\r\n
</div>\r\n
<div class="nav right" onclick="changeSlide(this, 1); event.stopPropagation();">\r\n
<span class="arrow">❯</span>\r\n
</div>\r\n
\r\n
<div class="dots">\r\n
<span class="dot active" onclick="goToSlide(this, 0); event.stopPropagation();"></span>\r\n
<span class="dot" onclick="goToSlide(this, 1); event.stopPropagation();"></span>\r\n
<span class="dot" onclick="goToSlide(this, 2); event.stopPropagation();"></span>\r\n
</div>\r\n
</div>\r\n
<div class="room-info">\r\n
<div>\r\n
<h3>Havanna</h3>\r\n
<p>Flexible double room for versatile events and parallel sessions.</p>\r\n
<div class="capacity">\r\n
<strong>Capacity:</strong><br>\r\n
50 people · 120 sqm\r\n
</div>\r\n
</div>\r\n
<div class="price-info">\r\n
<a href="https://form.typeform.com/to/ifJsBBun#raum=havanna" class="btn" target="_blank" onclick="event.stopPropagation();">Request now</a>\r\n
<div class="price-tag">\r\n
<div class="price-amount">120€</div>\r\n
<div class="price-unit">per hour</div>\r\n
<div class="price-day">750€ full day</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- The Modal for Room Havanna -->\r\n
<div id="Havanna-modal" class="modal">\r\n
<div class="modal-content">\r\n
<span class="close" onclick="closeModal('Havanna-modal')">×</span>\r\n
<h2>Room Havanna</h2>\r\n
\r\n
<!-- Main room image -->\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1734512239/Offices/Duesseldorf/Havanna/_F5A4287-b.jpg" alt="Room Havanna" class="modal-room-main-image" id="Havanna-main-image">\r\n
\r\n
<!-- Thumbnail images to click through -->\r\n
<div class="modal-room-images">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1734512239/Offices/Duesseldorf/Havanna/_F5A4287-b.jpg" alt="Room Havanna" onclick="changeMainImage('Havanna-main-image', this.src)">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1734512241/Offices/Duesseldorf/Havanna/_F5A4293-Pano.jpg" alt="Room Havanna 2" onclick="changeMainImage('Havanna-main-image', this.src)">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1734512237/Offices/Duesseldorf/Havanna/_F5A4282.jpg" alt="Room Havanna 3" onclick="changeMainImage('Havanna-main-image', this.src)">\r\n
</div>\r\n
\r\n
<div class="row mt-4">\r\n
<div class="col-md-6">\r\n
<h3>Information</h3>\r\n
<p>\r\n
The "Havanna" room on the second floor consists of a small and a large meeting room that can be used separately or combined flexibly. With a total of 120 square meters, it offers space for up to 50 people and can be optimally adapted to the individual requirements of your event.\r\n
</p>\r\n
<ul>\r\n
<li><strong>Size:</strong> 120 sqm</li>\r\n
<li><strong>Capacity:</strong> up to 50 people</li>\r\n
<li><strong>Price:</strong> 120€ per hour / 750€ full day</li>\r\n
<li><strong>Location:</strong> 2nd floor</li>\r\n
<li><strong>Special feature:</strong> Divided into a large and small meeting room</li>\r\n
</ul>\r\n
\r\n
<!-- Green button in modal -->\r\n
<a href="https://form.typeform.com/to/ifJsBBun#raum=havanna" class="btn" target="_blank" style="margin-top: 20px;">Request now</a>\r\n
</div>\r\n
\r\n
<div class="col-md-6">\r\n
<h3>Seating Arrangements</h3>\r\n
<div class="seating-options">\r\n
<div class="seating-option">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/v1745576959/Bestuhlung_Reihen.png" alt="Row Seating">\r\n
<h4>Rows</h4>\r\n
<p>50 people</p>\r\n
</div>\r\n
<div class="seating-option">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/v1745580321/Bestuhlung_Parlament.png" alt="Parliament Seating">\r\n
<h4>Parliament</h4>\r\n
<p>30 people</p>\r\n
</div>\r\n
<div class="seating-option">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/v1745580660/Bestuhlung_U-Form.png" alt="U-Shape Seating">\r\n
<h4>U-Shape</h4>\r\n
<p>20 people</p>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="room-specs">\r\n
<h3>Equipment</h3>\r\n
<div class="spec-grid">\r\n
<div class="spec-item">\r\n
<i class="fas fa-wifi"></i>\r\n
<span>High-speed WiFi</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-tv"></i>\r\n
<span>Screen</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-chalkboard"></i>\r\n
<span>Whiteboard</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-plug"></i>\r\n
<span>Sufficient power outlets</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-sun"></i>\r\n
<span>Plenty of natural daylight</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-chair"></i>\r\n
<span>Mobile furniture</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-couch"></i>\r\n
<span>Comfortable seating</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-coffee"></i>\r\n
<span>Beverage service available</span>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
\r\n
<!-------------------- Room Panama with Modal-Trigger -------------------->\r\n
<div class="room-card" onclick="openModal('panama-modal')">\r\n
<div class="slideshow-container">\r\n
<div class="slide active"><img src="https://res.cloudinary.com/startplatz/image/upload/c_lfill,h_667,w_1000/v1700260175/conference-rooms/Panama/PXL_20231113_111916545.MP.jpg" alt="Room Panama"></div>\r\n
<div class="slide"><img src="https://res.cloudinary.com/startplatz/image/upload/c_thumb,h_800,w_1200/v1704657210/Offices/Duesseldorf/Panama/PXL_20231117_082207895.LONG_EXPOSURE-01.COVER.jpg" alt="Room Panama 2"></div>\r\n
<div class="slide"><img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1701040842/Offices/Duesseldorf/Panama/DSC07843.jpg" alt="Room Panama 3"></div>\r\n
\r\n
<div class="nav left" onclick="changeSlide(this, -1); event.stopPropagation();">\r\n
<span class="arrow">❮</span>\r\n
</div>\r\n
<div class="nav right" onclick="changeSlide(this, 1); event.stopPropagation();">\r\n
<span class="arrow">❯</span>\r\n
</div>\r\n
\r\n
<div class="dots">\r\n
<span class="dot active" onclick="goToSlide(this, 0); event.stopPropagation();"></span>\r\n
<span class="dot" onclick="goToSlide(this, 1); event.stopPropagation();"></span>\r\n
<span class="dot" onclick="goToSlide(this, 2); event.stopPropagation();"></span>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="room-info">\r\n
<div>\r\n
<h3>Panama</h3>\r\n
<p>Creatively designed room with a bar and unique view of the Media Harbor.</p>\r\n
<div class="capacity">\r\n
<strong>Capacity:</strong><br>\r\n
20 people · 60 sqm\r\n
</div>\r\n
</div>\r\n
<div class="price-info">\r\n
<a href="https://form.typeform.com/to/ifJsBBun#raum=panama" class="btn" target="_blank" onclick="event.stopPropagation();">Request now</a>\r\n
<div class="price-tag">\r\n
<div class="price-amount">120€</div>\r\n
<div class="price-unit">per hour</div>\r\n
<div class="price-day">750€ full day</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Modal for Room Panama -->\r\n
<div id="panama-modal" class="modal">\r\n
<div class="modal-content">\r\n
<span class="close" onclick="closeModal('panama-modal')">×</span>\r\n
\r\n
<h2>Room Panama</h2>\r\n
\r\n
<!-- Main room image -->\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_lfill,h_667,w_1000/v1700260175/conference-rooms/Panama/PXL_20231113_111916545.MP.jpg" alt="Room Panama" class="modal-room-main-image" id="panama-main-image">\r\n
\r\n
<!-- Thumbnail images to click through -->\r\n
<div class="modal-room-images">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_lfill,h_667,w_1000/v1700260175/conference-rooms/Panama/PXL_20231113_111916545.MP.jpg" alt="Room Panama" onclick="changeMainImage('panama-main-image', this.src)">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_thumb,h_800,w_1200/v1704657210/Offices/Duesseldorf/Panama/PXL_20231117_082207895.LONG_EXPOSURE-01.COVER.jpg" alt="Room Panama 2" onclick="changeMainImage('panama-main-image', this.src)">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1701040842/Offices/Duesseldorf/Panama/DSC07843.jpg" alt="Room Panama 3" onclick="changeMainImage('panama-main-image', this.src)">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1701040852/Offices/Duesseldorf/Panama/DSC07855.jpg" alt="Room Panama 4" onclick="changeMainImage('panama-main-image', this.src)">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1701040858/Offices/Duesseldorf/Panama/DSC07861.jpg" alt="Room Panama 5" onclick="changeMainImage('panama-main-image', this.src)">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1701040840/Offices/Duesseldorf/Panama/DSC07840.jpg" alt="Room Panama 6" onclick="changeMainImage('panama-main-image', this.src)">\r\n
</div>\r\n
\r\n
<div class="row mt-4">\r\n
<div class="col-md-6">\r\n
<h3>Information</h3>\r\n
<p>\r\n
Our room "Panama" in an eatery look with a separate bar offers a unique view of the Düsseldorf Media Harbor. The creative design of the room adapts flexibly to the type of event. Here you not only have the opportunity to organize events but can also book the room for a relaxed lunch or a wind-down after the event. On request, you can even book a cocktail course.\r\n
</p>\r\n
<ul>\r\n
<li><strong>Size:</strong> 60 sqm</li>\r\n
<li><strong>Capacity:</strong> up to 20 people</li>\r\n
<li><strong>Price:</strong> 120€ per hour / 750€ full day</li>\r\n
<li><strong>Special feature:</strong> Separate bar, cocktail courses available</li>\r\n
<li><strong>Note:</strong> Only bookable for half or full days</li>\r\n
</ul>\r\n
\r\n
<!-- Green button in modal -->\r\n
<a href="https://form.typeform.com/to/ifJsBBun#raum=panama" class="btn" target="_blank" style="margin-top: 20px;">Request now</a>\r\n
</div>\r\n
\r\n
<div class="col-md-6">\r\n
<h3>Seating Arrangements</h3>\r\n
<div class="seating-options">\r\n
<div class="seating-option">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/v1745576959/Bestuhlung_Reihen.png" alt="Row Seating">\r\n
<h4>Rows</h4>\r\n
<p>20 people</p>\r\n
</div>\r\n
<div class="seating-option">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/v1745580321/Bestuhlung_Parlament.png" alt="Parliament Seating">\r\n
<h4>Parliament</h4>\r\n
<p>15 people</p>\r\n
</div>\r\n
<div class="seating-option">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/v1745580660/Bestuhlung_U-Form.png" alt="U-Shape Seating">\r\n
<h4>U-Shape</h4>\r\n
<p>14 people</p>\r\n
</div>\r\n
<div class="seating-option">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/v1745581018/Bestuhlung_Stuhlkreis.png" alt="Circle Seating">\r\n
<h4>Circle</h4>\r\n
<p>20 people</p>\r\n
</div>\r\n
<div class="seating-option">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/v1745581201/Bestuhlung_Block.png" alt="Block Seating">\r\n
<h4>Block</h4>\r\n
<p>15 people</p>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="room-specs">\r\n
<h3>Equipment</h3>\r\n
<div class="spec-grid">\r\n
<div class="spec-item">\r\n
<i class="fas fa-wifi"></i>\r\n
<span>High-speed Wi-Fi</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-tv"></i>\r\n
<span>Screen</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-chalkboard"></i>\r\n
<span>Whiteboard</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-sun"></i>\r\n
<span>Abundant natural light</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-cocktail"></i>\r\n
<span>Separate bar</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-glass-cheers"></i>\r\n
<span>Cocktail courses available</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-eye"></i>\r\n
<span>View of the Media Harbor</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-coffee"></i>\r\n
<span>Beverage service available</span>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
\r\n
\r\n
<!-------------------- Room Miami with Modal-Trigger -------------------->\r\n
<div class="room-card" onclick="openModal('miami-modal')">\r\n
<div class="slideshow-container">\r\n
<div class="slide active"><img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1747380598/Offices/Duesseldorf/Miami/IMG_3401.jpg" alt="Room Miami"></div>\r\n
<div class="slide"><img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1747380614/Offices/Duesseldorf/Miami/IMG_3434.jpg" alt="Room Miami 2"></div>\r\n
<div class="slide"><img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1747380611/Offices/Duesseldorf/Miami/IMG_3430.jpg" alt="Room Miami 3"></div>\r\n
\r\n
<div class="nav left" onclick="changeSlide(this, -1); event.stopPropagation();">\r\n
<span class="arrow">❮</span>\r\n
</div>\r\n
<div class="nav right" onclick="changeSlide(this, 1); event.stopPropagation();">\r\n
<span class="arrow">❯</span>\r\n
</div>\r\n
\r\n
<div class="dots">\r\n
<span class="dot active" onclick="goToSlide(this, 0); event.stopPropagation();"></span>\r\n
<span class="dot" onclick="goToSlide(this, 1); event.stopPropagation();"></span>\r\n
<span class="dot" onclick="goToSlide(this, 2); event.stopPropagation();"></span>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="room-info">\r\n
<div>\r\n
<h3>Miami</h3>\r\n
<p>Stylishly designed seminar room with special design for creative meetings and workshops.</p>\r\n
<div class="capacity">\r\n
<strong>Capacity:</strong><br>\r\n
30 people · 55 sqm\r\n
</div>\r\n
</div>\r\n
<div class="price-info">\r\n
<a href="https://form.typeform.com/to/ifJsBBun#raum=miami" class="btn" target="_blank" onclick="event.stopPropagation();">Request now</a>\r\n
<div class="price-tag">\r\n
<div class="price-amount">100€</div>\r\n
<div class="price-unit">per hour</div>\r\n
<div class="price-day">650€ full day</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Modal for Room Miami -->\r\n
<div id="miami-modal" class="modal">\r\n
<div class="modal-content">\r\n
<span class="close" onclick="closeModal('miami-modal')">×</span>\r\n
<h2>Room Miami</h2>\r\n
\r\n
<!-- Main room image -->\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1747380598/Offices/Duesseldorf/Miami/IMG_3401.jpg" alt="Room Miami" class="modal-room-main-image" id="miami-main-image">\r\n
\r\n
<!-- Thumbnail images to click through -->\r\n
<div class="modal-room-images">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1747380598/Offices/Duesseldorf/Miami/IMG_3401.jpg" alt="Room Miami" onclick="changeMainImage('miami-main-image', this.src)">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1747380614/Offices/Duesseldorf/Miami/IMG_3434.jpg" alt="Room Miami 2" onclick="changeMainImage('miami-main-image', this.src)">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1747380611/Offices/Duesseldorf/Miami/IMG_3430.jpg" alt="Room Miami 3" onclick="changeMainImage('miami-main-image', this.src)">\r\n
</div>\r\n
\r\n
<div class="row mt-4">\r\n
<div class="col-md-6">\r\n
<h3>Information</h3>\r\n
<p>\r\n
The room "Miami" is a modern and versatile conference room with its own sanitary facilities. With its flexible room design, it is perfect for seminars, workshops, and business meetings. Thanks to the good equipment and pleasant atmosphere, it offers ideal conditions for focused work and successful events.\r\n
</p>\r\n
<ul>\r\n
<li><strong>Size:</strong> 55 sqm</li>\r\n
<li><strong>Capacity:</strong> up to 30 people</li>\r\n
<li><strong>Price:</strong> 100€ per hour / 650€ full day</li>\r\n
<li><strong>Special feature:</strong> Own sanitary facilities</li>\r\n
</ul>\r\n
\r\n
<!-- Green button in modal -->\r\n
<a href="https://form.typeform.com/to/ifJsBBun#raum=miami" class="btn" target="_blank" style="margin-top: 20px;">Request now</a>\r\n
</div>\r\n
\r\n
<div class="col-md-6">\r\n
<h3>Seating Arrangements</h3>\r\n
<div class="seating-options">\r\n
<div class="seating-option">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/v1745576959/Bestuhlung_Reihen.png" alt="Row Seating">\r\n
<h4>Rows</h4>\r\n
<p>30 people</p>\r\n
</div>\r\n
<div class="seating-option">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/v1745580321/Bestuhlung_Parlament.png" alt="Parliament Seating">\r\n
<h4>Parliament</h4>\r\n
<p>24 people</p>\r\n
</div>\r\n
<div class="seating-option">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/v1745580660/Bestuhlung_U-Form.png" alt="U-Shape Seating">\r\n
<h4>U-Shape</h4>\r\n
<p>20 people</p>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="room-specs">\r\n
<h3>Equipment</h3>\r\n
<div class="spec-grid">\r\n
<div class="spec-item">\r\n
<i class="fas fa-wifi"></i>\r\n
<span>High-speed Wi-Fi</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-tv"></i>\r\n
<span>Screen</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-chalkboard"></i>\r\n
<span>Whiteboard</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-plug"></i>\r\n
<span>Sufficient power outlets</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-sun"></i>\r\n
<span>Abundant natural light</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-toilet"></i>\r\n
<span>Own sanitary facilities</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-couch"></i>\r\n
<span>Comfortable seating</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-coffee"></i>\r\n
<span>Beverage service available</span>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
\r\n
\r\n
<!-------------------- Event Area / Silicon Harbour with Modal-Trigger -------------------->\r\n
<div class="room-card" onclick="openModal('foyer-modal')">\r\n
<div class="slideshow-container">\r\n
<div class="slide active"><img src="https://www.startplatz.de/wp-content/uploads/2018/05/Rheinlandpitch_Duesseldorf_eventbereich.jpg" alt="Event Area Silicon Harbour"></div>\r\n
<div class="slide"><img src="https://www.startplatz.de/wp-content/uploads/2018/05/Eventbereich_startplatz_duesseldorf.jpg" alt="Event Area Silicon Harbour 2"></div>\r\n
<div class="slide"><img src="https://www.startplatz.de/wp-content/uploads/2018/05/startplatz_duesseldorf_eventbereich.jpg" alt="Event Area Silicon Harbour 3"></div>\r\n
\r\n
<div class="nav left" onclick="changeSlide(this, -1); event.stopPropagation();">\r\n
<span class="arrow">❮</span>\r\n
</div>\r\n
<div class="nav right" onclick="changeSlide(this, 1); event.stopPropagation();">\r\n
<span class="arrow">❯</span>\r\n
</div>\r\n
\r\n
<div class="dots">\r\n
<span class="dot active" onclick="goToSlide(this, 0); event.stopPropagation();"></span>\r\n
<span class="dot" onclick="goToSlide(this, 1); event.stopPropagation();"></span>\r\n
<span class="dot" onclick="goToSlide(this, 2); event.stopPropagation();"></span>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="room-info">\r\n
<div>\r\n
<h3>Silicon Harbour Event Area</h3>\r\n
<p>Spacious event area for presentations, conferences, and events of all kinds.</p>\r\n
<div class="capacity">\r\n
<strong>Capacity:</strong><br>\r\n
110 people · 200 sqm\r\n
</div>\r\n
</div>\r\n
<div class="price-info">\r\n
<a href="https://form.typeform.com/to/ifJsBBun#raum=siliconharbour" class="btn" target="_blank" onclick="event.stopPropagation();">Request now</a>\r\n
<div class="price-tag">\r\n
<div class="price-amount">from 700€</div>\r\n
\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Modal for Silicon Harbour Event Area -->\r\n
<div id="foyer-modal" class="modal">\r\n
<div class="modal-content">\r\n
<span class="close" onclick="closeModal('foyer-modal')">×</span>\r\n
\r\n
<h2>Silicon Harbour Event Area</h2>\r\n
\r\n
<!-- Main room image -->\r\n
<img src="https://www.startplatz.de/wp-content/uploads/2018/05/Rheinlandpitch_Duesseldorf_eventbereich.jpg" alt="Event Area Silicon Harbour" class="modal-room-main-image" id="foyer-main-image">\r\n
\r\n
<!-- Thumbnail images to click through -->\r\n
<div class="modal-room-images">\r\n
<img src="https://www.startplatz.de/wp-content/uploads/2018/05/Rheinlandpitch_Duesseldorf_eventbereich.jpg" alt="Event Area Silicon Harbour" onclick="changeMainImage('foyer-main-image', this.src)">\r\n
<img src="https://www.startplatz.de/wp-content/uploads/2018/05/Eventbereich_startplatz_duesseldorf.jpg" alt="Event Area Silicon Harbour 2" onclick="changeMainImage('foyer-main-image', this.src)">\r\n
<img src="https://www.startplatz.de/wp-content/uploads/2018/05/startplatz_duesseldorf_eventbereich.jpg" alt="Event Area Silicon Harbour 3" onclick="changeMainImage('foyer-main-image', this.src)">\r\n
</div>\r\n
\r\n
<div class="row mt-4">\r\n
<div class="col-md-6">\r\n
<h3>Information</h3>\r\n
<p>\r\n
Our Silicon Harbour event area provides the perfect setting for your extraordinary events! It is best suited for presentation events, where stages & sound systems can be booked in addition. In row seating, up to 110 people can be accommodated, and in the back area, your guests can also gather at standing tables. Paired with a cocktail bar and service staff, we give your event a special charm!\r\n
</p>\r\n
<ul>\r\n
<li><strong>Size:</strong> 200 sqm</li>\r\n
<li><strong>Capacity:</strong> up to 110 people</li>\r\n
<li><strong>Price:</strong> from 700€</li>\r\n
<li><strong>Special feature:</strong> Stage, sound system, and cocktail bar possible</li>\r\n
<li><strong>Note:</strong> Only bookable for half or full days</li>\r\n
</ul>\r\n
\r\n
<!-- Green button in modal -->\r\n
<a href="https://form.typeform.com/to/ifJsBBun#raum=siliconharbour" class="btn" target="_blank" style="margin-top: 20px;">Request now</a>\r\n
</div>\r\n
\r\n
<div class="col-md-6">\r\n
<h3>Seating Arrangements</h3>\r\n
<div class="seating-options">\r\n
<div class="seating-option">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/v1745576959/Bestuhlung_Reihen.png" alt="Row Seating">\r\n
<h4>Rows</h4>\r\n
<p>120 people</p>\r\n
</div>\r\n
<div class="seating-option">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/v1745581201/Bestuhlung_Block.png" alt="Block Seating">\r\n
<h4>Block</h4>\r\n
<p>50 people</p>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="room-specs">\r\n
<h3>Equipment</h3>\r\n
<div class="spec-grid">\r\n
<div class="spec-item">\r\n
<i class="fas fa-wifi"></i>\r\n
<span>High-speed Wi-Fi</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-microphone"></i>\r\n
<span>Sound system bookable</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-plug"></i>\r\n
<span>Sufficient power outlets</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-sun"></i>\r\n
<span>Abundant natural light</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-cocktail"></i>\r\n
<span>Cocktail bar possible</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-users"></i>\r\n
<span>Ideal for events</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-chair"></i>\r\n
<span>Standing tables available</span>\r\n
</div>\r\n
<div class="spec-item">\r\n
<i class="fas fa-coffee"></i>\r\n
<span>Beverage service bookable</span>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
</div>\r\n
</section>\r\n
\r\n
\r\n
<!---------------------------------------- Equipment Section ---------------------------------------->\r\n
\r\n
<section class="sp-ausstattung-section">\r\n
<div class="sp-ausstattung-container">\r\n
<h2 class="sp-ausstattung-title">Equipment</h2>\r\n
\r\n
<div class="sp-ausstattung-grid">\r\n
<div class="sp-ausstattung-card">\r\n
<h3 class="sp-ausstattung-card-title">Standard equipment in all rooms</h3>\r\n
<ul class="sp-ausstattung-list">\r\n
<li class="sp-ausstattung-item">\r\n
<span class="sp-ausstattung-checkmark">✓</span> High-speed Wi-Fi\r\n
</li>\r\n
<li class="sp-ausstattung-item">\r\n
<span class="sp-ausstattung-checkmark">✓</span> Screen\r\n
</li>\r\n
<li class="sp-ausstattung-item">\r\n
<span class="sp-ausstattung-checkmark">✓</span> Whiteboard/Metaplan board\r\n
</li>\r\n
<li class="sp-ausstattung-item">\r\n
<span class="sp-ausstattung-checkmark">✓</span> Bright daylight rooms\r\n
</li>\r\n
<li class="sp-ausstattung-item">\r\n
<span class="sp-ausstattung-checkmark">✓</span> HDMI connection\r\n
</li>\r\n
</ul>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="sp-ausstattung-grid">\r\n
<div class="sp-ausstattung-card">\r\n
<h3 class="sp-ausstattung-card-title">Optional bookable add-ons</h3>\r\n
<ul class="sp-ausstattung-list">\r\n
<li class="sp-ausstattung-item">\r\n
<span class="sp-ausstattung-plus">+</span> Workshop materials\r\n
</li>\r\n
<li class="sp-ausstattung-item">\r\n
<span class="sp-ausstattung-plus">+</span> Catering\r\n
</li>\r\n
<li class="sp-ausstattung-item">\r\n
<span class="sp-ausstattung-plus">+</span> Marketing for your event\r\n
</li>\r\n
<li class="sp-ausstattung-item">\r\n
<span class="sp-ausstattung-plus">+</span> STARTPLATZ Insights: Introduction & tour\r\n
</li>\r\n
<li class="sp-ausstattung-item">\r\n
<span class="sp-ausstattung-plus">+</span> Arrangement of:<br> Startup pitches, keynote speakers & experts for agile working\r\n
</li>\r\n
<li class="sp-ausstattung-item">\r\n
<span class="sp-ausstattung-plus">+</span> Microphone and speakers\r\n
</li>\r\n
<li class="sp-ausstattung-item">\r\n
<span class="sp-ausstattung-plus">+</span> Additional monitors\r\n
</li>\r\n
<li class="sp-ausstattung-item">\r\n
<span class="sp-ausstattung-plus">+</span> Flip chart\r\n
</li>\r\n
<li class="sp-ausstattung-item">\r\n
<span class="sp-ausstattung-plus">+</span> Moderation kit\r\n
</li>\r\n
</ul>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</section>\r\n
\r\n
\r\n
\r\n
<!---------------------------------------- Why STARTPLATZ ---------------------------------------->\r\n
<section style="background-color: #f9f9f9; padding: 4rem 2rem;">\r\n
<div style="max-width: 1200px; margin: 0 auto; text-align: center;">\r\n
<h2 style="font-size: 2rem; font-weight: bold; margin-bottom: 1rem; color: #333;">Why conferences at STARTPLATZ Düsseldorf?</h2>\r\n
<div style="width: 70px; height: 4px; background-color: #7AB800; margin: 0 auto 2rem;"></div>\r\n
<p style="font-size: 1.1rem; color: #555; margin-bottom: 3rem;">\r\n
More than just a conference room in Düsseldorf – with us, you'll find an inspiring environment for productive meetings, creative workshops, and successful events.\r\n
Our modern conference rooms, meeting rooms, and event spaces in the heart of the Düsseldorf Media Harbor provide the ideal backdrop for any type of business event.\r\n
</p>\r\n
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; text-align: left;">\r\n
<div>\r\n
<div style="width: 64px; height: 64px; margin-bottom: 1rem;">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_64/v1614678468/Icons/group_5.png" alt="Community Icon" style="width: 100%; height: 100%; object-fit: contain;">\r\n
</div>\r\n
<h3 style="font-weight: bold; margin-bottom: 0.5rem;">Innovative Atmosphere</h3>\r\n
<p>Hold meetings in an inspiring startup environment that promotes creativity and new approaches to thinking – ideal for workshops and innovation sessions.</p>\r\n
</div>\r\n
<div>\r\n
<div style="width: 64px; height: 64px; margin-bottom: 1rem;">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_64/v1614678469/Icons/presentation_1.png" alt="Modern Technology" style="width: 100%; height: 100%; object-fit: contain;">\r\n
</div>\r\n
<h3 style="font-weight: bold; margin-bottom: 0.5rem;">Modern Technology</h3>\r\n
<p>Our conference rooms in Düsseldorf are equipped with high-speed Wi-Fi, up-to-date presentation technology, and flexible furniture – everything you need for a smooth and professional event.</p>\r\n
</div>\r\n
<div>\r\n
<div style="width: 64px; height: 64px; margin-bottom: 1rem;">\r\n
<img src="https://v.fastcdn.co/u/5b11d3c4/63593327-0-placeholder-filled-p.png" alt="Location Icon" style="width: 100%; height: 100%; object-fit: contain;">\r\n
</div>\r\n
<h3 style="font-weight: bold; margin-bottom: 0.5rem;">Central Location in the Media Harbor</h3>\r\n
<p>Right in the center of Düsseldorf, excellently connected, and with a great view – your event at STARTPLATZ is in the best location for all participants.</p>\r\n
</div>\r\n
<div>\r\n
<div style="width: 64px; height: 64px; margin-bottom: 1rem;">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_64/v1614678467/Icons/hand-shake.png" alt="Service Icon" style="width: 100%; height: 100%; object-fit: contain;">\r\n
</div>\r\n
<h3 style="font-weight: bold; margin-bottom: 0.5rem;">Personal Full-Service</h3>\r\n
<p>From inquiry to implementation – our team supports you personally and professionally to ensure the success of your event. We help you find the right meeting room or conference room in Düsseldorf.</p>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</section>\r\n
\r\n
\r\n
\r\n
\r\n
<!---------------------------------------- Introduction Text ---------------------------------------->\r\n
\r\n
<section class="intro-section" style="background-color: white; padding: 4rem 2rem; margin: 0; display: block;">\r\n
<div class="container">\r\n
<div class="row">\r\n
<div class="col-lg-10 offset-lg-1">\r\n
<div class="intro-content" style="text-align: center;">\r\n
<h2 style="font-size: 2rem; font-weight: bold; margin-bottom: 1.5rem; color: #333;">Conference Rooms Düsseldorf: Inspiring Meeting Rooms in the Heart of the Media Harbor</h2>\r\n
<div style="width: 70px; height: 4px; background-color: #7AB800; margin: 0 auto 2rem;"></div>\r\n
<div style="max-width: 900px; margin: 0 auto;">\r\n
<p style="font-size: 1.1rem; line-height: 1.7; color: #525459; margin-bottom: 1.5rem;">\r\n
At STARTPLATZ Düsseldorf, you'll find modern and flexible conference rooms for your next business meeting, conference, or workshop.\r\n
Our conference rooms in the architecturally impressive Media Harbor offer you not only a first-class location but also an inspiring atmosphere in the center of Düsseldorf's startup scene.\r\n
</p>\r\n
<p style="font-size: 1.1rem; line-height: 1.7; color: #525459;">\r\n
From compact meeting rooms for confidential conversations to spacious event areas for up to 120 people –\r\n
our versatile room offerings in the Media Harbor flexibly adapt to your individual requirements.\r\n
With a view of the Rhine and the iconic Gehry buildings, our conference rooms are equipped with state-of-the-art technology and offer you the perfect environment for successful events in the Rhine metropolis.\r\n
</p>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</section>\r\n
\r\n
<!-- Hide introduction section on mobile -->\r\n
<style>\r\n
@media only screen and (max-width: 767px) {\r\n
.intro-section {\r\n
display: none !important;\r\n
}\r\n
}\r\n
</style>\r\n
\r\n
\r\n
\r\n
<!---------------------------------------- Location Section ---------------------------------------->\r\n
<section class="location-section" style="background-color: #f9f9f9; padding: 1rem 0; margin: 2rem 0;">\r\n
<div class="container">\r\n
<div class="row">\r\n
<div class="col-lg-10 offset-lg-1 text-center mb-5">\r\n
<h2 style="font-size: 2rem; font-weight: bold; margin-bottom: 1.5rem; color: #333;">\r\n
Conference Rooms Düsseldorf in a Prime Location\r\n
</h2>\r\n
<div class="section-subtitle" style="width: 70px; height: 4px; background-color: #7AB800; margin: 0 auto 0;"></div>\r\n
</div>\r\n
</div>\r\n
<div class="row align-items-center">\r\n
\r\n
<!-- Left side: Image -->\r\n
<div class="col-lg-6 mb-4 mb-lg-0">\r\n
<div style="border-radius: 10px; overflow: hidden; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1737547718/conference-rooms/Confi%20DUS%20new/Au%C3%9Fenansicht.jpg"\r\n
alt="View from STARTPLATZ Düsseldorf of the Media Harbor"\r\n
style="width: 100%; height: auto; object-fit: cover; transform: scale(1); transition: transform 0.3s ease;"\r\n
onmouseover="this.style.transform='scale(1.02)'"\r\n
onmouseout="this.style.transform='scale(1)'">\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Right side: Text -->\r\n
<div class="col-lg-6">\r\n
<div style="padding: 0 1rem;">\r\n
<h3 style="font-size: 1.5rem; font-weight: bold; margin-bottom: 1.5rem; color: #7AB800;">\r\n
Top Location in Düsseldorf Media Harbor\r\n
</h3>\r\n
<p style="font-size: 1.1rem; line-height: 1.7; color: #525459; margin-bottom: 1.5rem;">\r\n
Our modern conference, meeting, and event rooms are located right in the vibrant Media Harbor of Düsseldorf. With optimal public transport connections, available parking spaces, and only 15 minutes to Düsseldorf Airport, we are easily accessible – ideal for both local and international participants.\r\n
<p style="font-size: 1.1rem; line-height: 1.7; color: #525459; margin-bottom: 1.5rem;">\r\n
Enjoy the urban atmosphere of the Media Harbor with its unique Gehry buildings. Numerous high-quality restaurants, cafés, and hotels in the immediate vicinity offer your guests a variety of options for breaks and networking before and after your event.\r\n
</p>\r\n
<!-- Features of the location -->\r\n
<div class="location-benefits" style="display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; margin-top: 2rem;">\r\n
<div class="benefit-item" style="display: flex; align-items: flex-start; gap: 0.8rem;">\r\n
<div style="color: #7AB800; font-size: 1.5rem; margin-top: -0.3rem;">✓</div>\r\n
<div style="font-size: 1rem; line-height: 1.4;">15 min. to the airport</div>\r\n
</div>\r\n
<div class="benefit-item" style="display: flex; align-items: flex-start; gap: 0.8rem;">\r\n
<div style="color: #7AB800; font-size: 1.5rem; margin-top: -0.3rem;">✓</div>\r\n
<div style="font-size: 1rem; line-height: 1.4;">Parking spaces next door and in the Hyatt underground garage</div>\r\n
</div>\r\n
<div class="benefit-item" style="display: flex; align-items: flex-start; gap: 0.8rem;">\r\n
<div style="color: #7AB800; font-size: 1.5rem; margin-top: -0.3rem;">✓</div>\r\n
<div style="font-size: 1rem; line-height: 1.4;">Perfect public transport connections</div>\r\n
</div>\r\n
<div class="benefit-item" style="display: flex; align-items: flex-start; gap: 0.8rem;">\r\n
<div style="color: #7AB800; font-size: 1.5rem; margin-top: -0.3rem;">✓</div>\r\n
<div style="font-size: 1rem; line-height: 1.4;">Premium dining options on site</div>\r\n
</div>\r\n
</div>\r\n
<div style="margin-top: 2.5rem;">\r\n
<a href="https://form.typeform.com/to/ifJsBBun" class="btn" target="_blank">\r\n
Request a room in the Media Harbor now\r\n
</a>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</section>\r\n
\r\n
<!-- Google Maps Embedding -->\r\n
<div class="container" style="margin-top: 20px; margin-bottom: 60px;">\r\n
<div style="background: white; border-radius: 10px; overflow: hidden; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15);">\r\n
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2500.1563651717613!2d6.7507199760837035!3d51.2156740714732!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47b8b1d286885be7%3A0x73aeb6b1c5e3c50!2sSTARTPLATZ%20D%C3%BCsseldorf!5e0!3m2!1sde!2sde!4v1737590144048!5m2!1sde!2sde"\r\n
width="100%"\r\n
height="450"\r\n
style="border:0;"\r\n
allowfullscreen=""\r\n
loading="lazy">\r\n
</iframe>\r\n
</div>\r\n
<div style="text-align: center; margin-top: 20px; font-size: 18px; color: #525459;">\r\n
<strong>STARTPLATZ Düsseldorf GmbH</strong> | Speditionstraße 15A | 40221 Düsseldorf\r\n
</div>\r\n
</div>\r\n
\r\n
\r\n
\r\n
<!---------------------------------------- Startup Environment Section ---------------------------------------->\r\n
\r\n
<section class="startup-environment-section" style="background-color: #f9f9f9; padding: 1rem 0; margin: 2rem 0;">\r\n
<div class="container">\r\n
<div class="row">\r\n
<div class="col-lg-10 offset-lg-1 text-center mb-5">\r\n
<h2 style="font-size: 2rem; font-weight: bold; margin-bottom: 1.5rem; color: #333;">\r\n
Conference Rooms in an Innovative Startup Environment\r\n
</h2>\r\n
<div class="section-subtitle" style="width: 70px; height: 4px; background-color: #7AB800; margin: 0 auto 0;"></div>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="row align-items-center">\r\n
<!-- Left side: Two images stacked -->\r\n
<div class="col-lg-6 mb-4 mb-lg-0">\r\n
<div style="display: flex; flex-direction: column; gap: 15px;">\r\n
<!-- Top image -->\r\n
<div style="border-radius: 10px; overflow: hidden; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1677578926/Offices/Duesseldorf/Havanna/DSC_3146.jpg" \r\n
alt="Collaborative working in the startup environment at STARTPLATZ Düsseldorf" \r\n
style="width: 100%; height: 240px; object-fit: cover; transform: scale(1); transition: transform 0.3s ease;"\r\n
onmouseover="this.style.transform='scale(1.02)'" \r\n
onmouseout="this.style.transform='scale(1)'">\r\n
</div>\r\n
\r\n
<!-- Bottom image (hidden on mobile) -->\r\n
<div class="second-image" style="border-radius: 10px; overflow: hidden; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);">\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" \r\n
alt="Community Event in the STARTPLATZ Startup Ecosystem" \r\n
style="width: 100%; height: 240px; object-fit: cover; transform: scale(1); transition: transform 0.3s ease;"\r\n
onmouseover="this.style.transform='scale(1.02)'" \r\n
onmouseout="this.style.transform='scale(1)'">\r\n
</div>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Right side: Text -->\r\n
<div class="col-lg-6">\r\n
<div style="padding: 0 1rem;">\r\n
<h3 style="font-size: 1.5rem; font-weight: bold; margin-bottom: 1.5rem; color: #7AB800;">\r\n
Experience Startup Spirit\r\n
</h3>\r\n
\r\n
<p style="font-size: 1.1rem; line-height: 1.7; color: #525459; margin-bottom: 1.5rem;">\r\n
At STARTPLATZ Düsseldorf, you hold meetings not only in modern conference rooms but also in the midst of a vibrant startup ecosystem. \r\n
The creative and dynamic atmosphere of the largest startup hub in the Rhine region provides the perfect setting for innovative thinking processes and forward-looking business ideas.\r\n
</p>\r\n
\r\n
<p style="font-size: 1.1rem; line-height: 1.7; color: #525459; margin-bottom: 1.5rem;">\r\n
Our meeting rooms in Düsseldorf Media Harbor are surrounded by innovative startups, established companies, and digital thought leaders. \r\n
This unique environment inspires and motivates – ideal for workshops, strategy meetings, or product developments that require new perspectives.\r\n
</p>\r\n
\r\n
<p style="font-size: 1.1rem; line-height: 1.7; color: #525459; margin-bottom: 2rem;">\r\n
Use the innovative environment of our conference rooms in Düsseldorf to gain fresh impulses for your business and to meet potential cooperation partners.\r\n
</p>\r\n
\r\n
<!-- Features of the startup environment -->\r\n
<div class="startup-benefits" style="display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; margin-top: 2rem;">\r\n
<div class="benefit-item" style="display: flex; align-items: flex-start; gap: 0.8rem;">\r\n
<div style="color: #7AB800; font-size: 1.5rem; margin-top: -0.3rem;">✓</div>\r\n
<div style="font-size: 1rem; line-height: 1.4;">Innovative atmosphere</div>\r\n
</div>\r\n
<div class="benefit-item" style="display: flex; align-items: flex-start; gap: 0.8rem;">\r\n
<div style="color: #7AB800; font-size: 1.5rem; margin-top: -0.3rem;">✓</div>\r\n
<div style="font-size: 1rem; line-height: 1.4;">Networking opportunities</div>\r\n
</div>\r\n
<div class="benefit-item" style="display: flex; align-items: flex-start; gap: 0.8rem;">\r\n
<div style="color: #7AB800; font-size: 1.5rem; margin-top: -0.3rem;">✓</div>\r\n
<div style="font-size: 1rem; line-height: 1.4;">Creative community</div>\r\n
</div>\r\n
<div class="benefit-item" style="display: flex; align-items: flex-start; gap: 0.8rem;">\r\n
<div style="color: #7AB800; font-size: 1.5rem; margin-top: -0.3rem;">✓</div>\r\n
<div style="font-size: 1rem; line-height: 1.4;">Events & workshops</div>\r\n
</div>\r\n
</div>\r\n
\r\n
<div style="margin-top: 2.5rem;">\r\n
<a href="https://form.typeform.com/to/ifJsBBun" class="btn" target="_blank">\r\n
Hold meetings in the startup hub now\r\n
</a>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</section>\r\n
\r\n
\r\n
\r\n
<!---------------------------------------- Testimonial Section ---------------------------------------->\r\n
<section class="custom-testimonial-section">\r\n
<div class="testimonial-container">\r\n
<h2 class="testimonial-title">\r\n
What our customers say\r\n
</h2>\r\n
<div class="section-subtitle"></div>\r\n
<div class="testimonial-grid">\r\n
\r\n
<!-- Testimonial 1 -->\r\n
<div class="testimonial-card">\r\n
<div class="testimonial-content">\r\n
<div class="testimonial-image-container">\r\n
<img src="https://www.startplatz.de/wp-content/uploads/2018/01/Teambilder-43-von-86-e1516695119390.jpeg" alt="Peter Hornik" onerror="this.src='https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_200/v1/testimonials/default-avatar'">\r\n
</div>\r\n
<h3 class="testimonial-name">Peter Hornik</h3>\r\n
<div class="testimonial-company">Managing Director DigiHub & 1st Mover</div>\r\n
<p class="testimonial-text">\r\n
"The STARTPLATZ in Düsseldorf is located directly at the harbor and offers a fantastic view from every window. The bright rooms, perfectly designed for meetings, provide an excellent place for exchange and creative work. The STARTPLATZ team ensures that events run smoothly, and the relaxed atmosphere makes ideas flow almost by themselves. We can only recommend it!"\r\n
</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Testimonial 2 -->\r\n
<div class="testimonial-card">\r\n
<div class="testimonial-content">\r\n
<div class="testimonial-image-container">\r\n
<img src="https://www.startplatz.de/wp-content/uploads/2018/05/Zerrin-Boercek.jpg" alt="Zerrin Böreck" onerror="this.src='https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_200/v1/testimonials/default-avatar'">\r\n
</div>\r\n
<h3 class="testimonial-name">Zerrin Böreck</h3>\r\n
<div class="testimonial-company">Founder Female Innovation Hub</div>\r\n
<p class="testimonial-text">\r\n
"Especially for spontaneous business meetings, I can absolutely recommend the premises of STARTPLATZ. The great location at the Media Harbor with a view of the Rhine offers a wonderful refreshment from the usual work routine. A relaxed atmosphere, flexible and quick organization, and the appropriate equipment for any occasion are a guarantee for a successful meeting."\r\n
</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Testimonial 3 -->\r\n
<div class="testimonial-card">\r\n
<div class="testimonial-content">\r\n
<div class="testimonial-image-container">\r\n
<img src="https://www.startplatz.de/wp-content/uploads/2018/03/sebastian_gilles_foxbase.jpg" alt="Sebastian Gilles" onerror="this.src='https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_200/v1/testimonials/default-avatar'">\r\n
</div>\r\n
<h3 class="testimonial-name">Sebastian Gilles</h3>\r\n
<div class="testimonial-company">Co-Founder FoxBase</div>\r\n
<p class="testimonial-text">\r\n
"For startups and young entrepreneurs, STARTPLATZ is the place to be in Düsseldorf. There they find a home, a great network, and support. We are glad to be part of this ecosystem and appreciate the infrastructure and facilities of STARTPLATZ to further develop our digital product consulting business. I especially look forward to meetings and customer workshops in the well-equipped rooms, which offer a unique view over Düsseldorf's Media Harbor."\r\n
</p>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</section>\r\n
\r\n
\r\n
\r\n
<!---------------------------------------- Usage Options Section ---------------------------------------->\r\n
\r\n
<section class="usage-options-section" style="background-color: #f9f9f9; padding: 1rem 0; margin: 2rem 0;">\r\n
<div class="container">\r\n
<div class="row">\r\n
<div class="col-lg-10 offset-lg-1 text-center mb-5">\r\n
<h2 style="font-size: 2rem; font-weight: bold; margin-bottom: 1.5rem; color: #333;">\r\n
Flexible Conference Rooms in Düsseldorf for Various Uses\r\n
</h2>\r\n
<div class="section-subtitle" style="width: 70px; height: 4px; background-color: #7AB800; margin: 0 auto 2rem;"></div>\r\n
<p style="font-size: 1.1rem; color: #525459; line-height: 1.6; max-width: 900px; margin: 0 auto;">\r\n
Our modern conference rooms and meeting rooms at STARTPLATZ Düsseldorf provide the perfect environment for various event formats. Experience flexible room concepts that adapt to your individual requirements.\r\n
</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="usage-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; max-width: 1200px; margin: 0 auto;">\r\n
<!-- Seminar Room -->\r\n
<div class="usage-card" style="background-color: white; border-radius: 10px; overflow: hidden; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; padding: 2rem; display: flex; flex-direction: column;">\r\n
<div class="icon-container" style="background-color: rgba(122, 184, 0, 0.1); width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;">\r\n
<svg width="40" height="40" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n
<path d="M16 2H8C7.46957 2 6.96086 2.21071 6.58579 2.58579C6.21071 2.96086 6 3.46957 6 4V20C6 20.5304 6.21071 21.0391 6.58579 21.4142C6.96086 21.7893 7.46957 22 8 22H16C16.5304 22 17.0391 21.7893 17.4142 21.4142C17.7893 21.0391 18 20.5304 18 20V4C18 3.46957 17.7893 2.96086 17.4142 2.58579C17.0391 2.21071 16.5304 2 16 2Z" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
<path d="M12 18H12.01" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
</svg>\r\n
</div>\r\n
<h3 style="font-size: 1.4rem; font-weight: bold; color: #7AB800; margin-bottom: 1rem;">Modern Seminar Rooms in Düsseldorf</h3>\r\n
<p style="color: #525459; line-height: 1.6;">\r\n
Seminars on a wide variety of topics take place at STARTPLATZ. Whether casually on seating cubes or traditionally on conference room chairs – our seminar rooms in Düsseldorf offer the optimal learning environment where your participants feel comfortable.\r\n
</p>\r\n
</div>\r\n
\r\n
<!-- Conference Room -->\r\n
<div class="usage-card" style="background-color: white; border-radius: 10px; overflow: hidden; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; padding: 2rem; display: flex; flex-direction: column;">\r\n
<div class="icon-container" style="background-color: rgba(122, 184, 0, 0.1); width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;">\r\n
<svg width="40" height="40" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n
<path d="M19 4H5C3.89543 4 3 4.89543 3 6V20C3 21.1046 3.89543 22 5 22H19C20.1046 22 21 21.1046 21 20V6C21 4.89543 20.1046 4 19 4Z" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
<path d="M12 8V16" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
<path d="M8 12H16" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
</svg>\r\n
</div>\r\n
<h3 style="font-size: 1.4rem; font-weight: bold; color: #7AB800; margin-bottom: 1rem;">Professional Conference Rooms</h3>\r\n
<p style="color: #525459; line-height: 1.6;">\r\n
Let your conference take place in our fully equipped conference rooms at STARTPLATZ. The innovative environment in the Düsseldorf Media Harbor offers the ideal atmosphere for productive conferences and successful business meetings.\r\n
</p>\r\n
</div>\r\n
\r\n
<!-- Alternative to Conference Hotel -->\r\n
<div class="usage-card" style="background-color: white; border-radius: 10px; overflow: hidden; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; padding: 2rem; display: flex; flex-direction: column;">\r\n
<div class="icon-container" style="background-color: rgba(122, 184, 0, 0.1); width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;">\r\n
<svg width="40" height="40" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n
<path d="M3 9L12 2L21 9V20C21 20.5304 20.7893 21.0391 20.4142 21.4142C20.0391 21.7893 19.5304 22 19 22H5C4.46957 22 3.96086 21.7893 3.58579 21.4142C3.21071 21.0391 3 20.5304 3 20V9Z" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
<path d="M9 22V12H15V22" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
</svg>\r\n
</div>\r\n
<h3 style="font-size: 1.4rem; font-weight: bold; color: #7AB800; margin-bottom: 1rem;">Alternative to Conference Hotel</h3>\r\n
<p style="color: #525459; line-height: 1.6;">\r\n
Choose the conference rooms at STARTPLATZ as an innovative alternative to a classic conference hotel. Restaurants, cafés, and hotels are within short walking distance – central location in Düsseldorf Media Harbor included.\r\n
</p>\r\n
</div>\r\n
\r\n
<!-- Meeting Room -->\r\n
<div class="usage-card" style="background-color: white; border-radius: 10px; overflow: hidden; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; padding: 2rem; display: flex; flex-direction: column;">\r\n
<div class="icon-container" style="background-color: rgba(122, 184, 0, 0.1); width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;">\r\n
<svg width="40" height="40" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n
<path d="M17 21V19C17 17.9391 16.5786 16.9217 15.8284 16.1716C15.0783 15.4214 14.0609 15 13 15H5C3.93913 15 2.92172 15.4214 2.17157 16.1716C1.42143 16.9217 1 17.9391 1 19V21" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
<path d="M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
<path d="M23 21V19C22.9993 18.1137 22.7044 17.2528 22.1614 16.5523C21.6184 15.8519 20.8581 15.3516 20 15.13" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
<path d="M16 3.13C16.8604 3.35031 17.623 3.85071 18.1676 4.55232C18.7122 5.25392 19.0078 6.11683 19.0078 7.005C19.0078 7.89318 18.7122 8.75608 18.1676 9.45769C17.623 10.1593 16.8604 10.6597 16 10.88" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
</svg>\r\n
</div>\r\n
<h3 style="font-size: 1.4rem; font-weight: bold; color: #7AB800; margin-bottom: 1rem;">Compact Meeting Rooms Düsseldorf</h3>\r\n
<p style="color: #525459; line-height: 1.6;">\r\n
For smaller meetings, our meeting rooms in Düsseldorf offer the right location. The perfect environment for focused work and efficient discussions with state-of-the-art technical equipment.\r\n
</p>\r\n
</div>\r\n
\r\n
<!-- Design Thinking Workshop -->\r\n
<div class="usage-card" style="background-color: white; border-radius: 10px; overflow: hidden; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; padding: 2rem; display: flex; flex-direction: column;">\r\n
<div class="icon-container" style="background-color: rgba(122, 184, 0, 0.1); width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;">\r\n
<svg width="40" height="40" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n
<path d="M12 20.5C12 20.5 19 16.5 19 11.5V5.5L12 2.5L5 5.5V11.5C5 16.5 12 20.5 12 20.5Z" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
<path d="M9 12L11 14L15 10" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
</svg>\r\n
</div>\r\n
<h3 style="font-size: 1.4rem; font-weight: bold; color: #7AB800; margin-bottom: 1rem;">Design Thinking Workshop Rooms</h3>\r\n
<p style="color: #525459; line-height: 1.6;">\r\n
Thanks to extensive materials, our specially designed workshop rooms can be used perfectly for Design Thinking workshops or as an innovation lab. Inspiring environment in the startup hub guaranteed.\r\n
</p>\r\n
</div>\r\n
\r\n
<!-- Management Offsite -->\r\n
<div class="usage-card" style="background-color: white; border-radius: 10px; overflow: hidden; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; padding: 2rem; display: flex; flex-direction: column;">\r\n
<div class="icon-container" style="background-color: rgba(122, 184, 0, 0.1); width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;">\r\n
<svg width="40" height="40" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n
<path d="M21 16V8C21 7.46957 20.7893 6.96086 20.4142 6.58579C20.0391 6.21071 19.5304 6 19 6H5C4.46957 6 3.96086 6.21071 3.58579 6.58579C3.21071 6.96086 3 7.46957 3 8V16C3 16.5304 3.21071 17.0391 3.58579 17.4142C3.96086 17.7893 4.46957 18 5 18H19C19.5304 18 20.0391 17.7893 20.4142 17.4142C20.7893 17.0391 21 16.5304 21 16Z" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
<path d="M17 6V4C17 3.46957 16.7893 2.96086 16.4142 2.58579C16.0391 2.21071 15.5304 2 15 2H9C8.46957 2 7.96086 2.21071 7.58579 2.58579C7.21071 2.96086 7 3.46957 7 4V6" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
<path d="M12 10V14" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
<path d="M10 12H14" stroke="#7AB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
</svg>\r\n
</div>\r\n
<h3 style="font-size: 1.4rem; font-weight: bold; color: #7AB800; margin-bottom: 1rem;">Management Offsite Event Spaces</h3>\r\n
<p style="color: #525459; line-height: 1.6;">\r\n
Benefit from the startup spirit in our conference rooms at STARTPLATZ during your offsite meeting and enjoy positive effects for your team. The inspiringly different approach for your strategy meetings.\r\n
</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- CTA-Button -->\r\n
<div style="text-align: center; margin-top: 3rem;">\r\n
<a href="https://form.typeform.com/to/ifJsBBun" class="btn mobile-btn" target="_blank">\r\n
Request a conference room now\r\n
</a>\r\n
</div>\r\n
</div>\r\n
</section>\r\n
\r\n
\r\n
\r\n
<section style="background-color: #fff; padding: 3rem 2rem; text-align: center;">\r\n
<div style="max-width: 800px; margin: 0 auto;">\r\n
<h2 style="font-size: 1.8rem; font-weight: bold; margin-bottom: 1rem; color: #000;">\r\n
Request conference rooms in Düsseldorf now – for successful events at STARTPLATZ\r\n
</h2>\r\n
<p style="font-size: 1.1rem; color: #555; margin-bottom: 1.5rem;">\r\n
Modern conference rooms in Düsseldorf Media Harbor – flexible, central, and well-equipped. Whether conference, workshop, seminar, or business meeting: \r\n
Our rooms offer you the right setting, modern technology, and an inspiring environment for successful events.\r\n
</p>\r\n
\r\n
<a href="https://form.typeform.com/to/ifJsBBun" class="btn" target="_blank" style="margin-bottom: 2rem;">Request a conference room now</a>\r\n
\r\n
<div style="background-color: #f9f9f9; border-radius: 10px; padding: 2rem; margin-top: 2rem; text-align: left; box-shadow: 0 4px 12px rgba(0,0,0,0.08);">\r\n
<h3 style="font-size: 1.4rem; font-weight: bold; margin-bottom: 1rem; color: #000; text-align: center;">\r\n
Do you have questions about our conference rooms?\r\n
</h3>\r\n
<p style="font-size: 1.1rem; color: #555; margin-bottom: 1.5rem; text-align: center;">\r\n
Then don't hesitate to contact us. Our team is happy to assist you:\r\n
</p>\r\n
\r\n
<!-- Employee Photos -->\r\n
<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 2rem; margin-bottom: 2rem;">\r\n
<!-- Rebecca -->\r\n
<div style="text-align: center; max-width: 180px;">\r\n
<div style="width: 120px; height: 120px; border-radius: 50%; overflow: hidden; margin: 0 auto 1rem; border: 3px solid #7AB800; box-shadow: 0 4px 10px rgba(0,0,0,0.1);">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_600/v1732269888/people/Rebecca_Schwarzlose_1.png" alt="Team Member" style="width: 100%; height: 100%; object-fit: cover;">\r\n
</div>\r\n
<h4 style="font-size: 1.1rem; font-weight: bold; margin-bottom: 0.2rem; color: #333;">Rebecca Schwarzlose</h4>\r\n
<p style="font-size: 0.9rem; color: #7AB800; margin-bottom: 0.5rem;">Office Manager</p>\r\n
</div>\r\n
\r\n
<!-- Maria -->\r\n
<div style="text-align: center; max-width: 180px;">\r\n
<div style="width: 120px; height: 120px; border-radius: 50%; overflow: hidden; margin: 0 auto 1rem; border: 3px solid #7AB800; box-shadow: 0 4px 10px rgba(0,0,0,0.1);">\r\n
<img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,w_256/v1758535621/people/Maria_R%C3%B6h.png" alt="Team Member" style="width: 100%; height: 100%; object-fit: cover;">\r\n
</div>\r\n
<h4 style="font-size: 1.1rem; font-weight: bold; margin-bottom: 0.2rem; color: #333;">Maria Röh</h4>\r\n
<p style="font-size: 0.9rem; color: #7AB800; margin-bottom: 0.5rem;">Office Managerin</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; margin-top: 1.5rem;">\r\n
<div style="text-align: center;">\r\n
<a href="mailto:dus@startplatz.de" class="btn" style="width: 100%; display: flex; align-items: center; justify-content: center; gap: 0.5rem; background-color: #525459;">\r\n
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n
<path d="M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
<path d="M22 6L12 13L2 6" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
</svg>\r\n
Email: dus@startplatz.de\r\n
</a>\r\n
</div>\r\n
\r\n
<div style="text-align: center;">\r\n
<a href="tel:+4921193672520" class="btn" style="width: 100%; display: flex; align-items: center; justify-content: center; gap: 0.5rem; background-color: #525459;">\r\n
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n
<path d="M22 16.92V19.92C22.0011 20.1985 21.9441 20.4742 21.832 20.7294C21.7199 20.9845 21.5546 21.2136 21.3478 21.4019C21.1409 21.5902 20.8983 21.7335 20.6358 21.8227C20.3732 21.9119 20.0966 21.9451 19.82 21.92C16.7428 21.5856 13.787 20.5341 11.19 18.85C8.77383 17.3147 6.72534 15.2662 5.19 12.85C3.49998 10.2412 2.44824 7.27099 2.12 4.18C2.09501 3.90344 2.12788 3.62686 2.21649 3.36442C2.30511 3.10197 2.44756 2.85951 2.63476 2.65272C2.82196 2.44593 3.0498 2.28071 3.30379 2.16859C3.55777 2.05647 3.83233 1.99936 4.11 2H7.11C7.59531 1.99522 8.06579 2.16708 8.43376 2.48353C8.80173 2.79999 9.04208 3.23945 9.11 3.72C9.23662 4.68007 9.47145 5.62273 9.81 6.53C9.94454 6.88792 9.97366 7.27691 9.89391 7.65088C9.81415 8.02485 9.62886 8.36811 9.36 8.64L8.09 9.91C9.51354 12.4135 11.5865 14.4865 14.09 15.91L15.36 14.64C15.6319 14.3711 15.9752 14.1858 16.3491 14.1061C16.7231 14.0263 17.1121 14.0554 17.47 14.19C18.3773 14.5286 19.3199 14.7634 20.28 14.89C20.7658 14.9585 21.2094 15.2032 21.5265 15.5775C21.8437 15.9518 22.0122 16.4296 22 16.92Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
</svg>\r\n
Phone: 0211 936 725 20\r\n
</a>\r\n
</div>\r\n
\r\n
<div style="text-align: center; grid-column: 1 / -1;">\r\n
<a href="https://form.typeform.com/to/ifJsBBun" class="btn" target="_blank" style="max-width: 300px; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 0.5rem;">\r\n
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n
<path d="M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
<path d="M8 11H16" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
<path d="M8 15H12" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
<path d="M8 7H12" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
</svg>\r\n
To the contact form\r\n
</a>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</div>\r\n
</section>\r\n
\r\n
\r\n
<script>\r\n
function changeSlide(navElement, direction) {\r\n
const container = navElement.closest('.slideshow-container');\r\n
const slides = container.querySelectorAll('.slide');\r\n
const dots = container.querySelectorAll('.dot');\r\n
let currentIndex = [...slides].findIndex(s => s.classList.contains('active'));\r\n
\r\n
slides[currentIndex].classList.remove('active');\r\n
dots[currentIndex].classList.remove('active');\r\n
\r\n
let newIndex = currentIndex + direction;\r\n
if (newIndex < 0) newIndex = slides.length - 1;\r\n
if (newIndex >= slides.length) newIndex = 0;\r\n
\r\n
slides[newIndex].classList.add('active');\r\n
dots[newIndex].classList.add('active');\r\n
}\r\n
\r\n
function goToSlide(dot, index) {\r\n
const container = dot.closest('.slideshow-container');\r\n
const slides = container.querySelectorAll('.slide');\r\n
const dots = container.querySelectorAll('.dot');\r\n
\r\n
slides.forEach(s => s.classList.remove('active'));\r\n
dots.forEach(d => d.classList.remove('active'));\r\n
\r\n
slides[index].classList.add('active');\r\n
dots[index].classList.add('active');\r\n
}\r\n
</script>\r\n
\r\n
\r\n
\r\n
<!---------------------------------------- FAQ Section ---------------------------------------->\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;">Conference Rooms Düsseldorf</span>\r\n
</h2>\r\n
<div class="faq-accordion">\r\n
<!-- General Information -->\r\n
<h3 style="margin-top: 20px; margin-bottom: 10px; color: #7AB800; font-weight: bold; font-size: 20px;">General Information</h3>\r\n
\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>What types of events can be held here?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>\r\n
A variety of events can be held at STARTPLATZ. Our flexibly designed rooms are suitable for workshops, seminars, conferences, meetings, presentations, team events, and networking events. Creative formats such as brainstorming sessions, training courses, or team-building events are also possible with us. Thanks to different room sizes and flexible equipment, we can adapt your event individually to your needs.\r\n
</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>How many guests can be accommodated at maximum?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>\r\n
The maximum number of guests depends on the size of the room booked. Our premises offer space for groups of different sizes, from small meetings to larger events. Depending on the room, we can accommodate up to 120 people. We are happy to advise you on which room is best suited for your event to ensure comfort and a pleasant atmosphere for all participants.\r\n
</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>What equipment and technology are available (e.g., lighting, sound, screen)?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>\r\n
The basic equipment of each room includes Wi-Fi, a screen (including HDMI connection), and a metaplan board. Depending on the room and event requirements, flipchart, moderation kit, microphone, and speakers can also be provided. On request, we also offer customized solutions for your event.\r\n
</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>Are pets allowed in the event room?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>\r\n
Dogs are allowed in most event rooms, with the exception of the Panama & Miami rooms. In public areas, please keep them on a leash.\r\n
</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Booking & Costs -->\r\n
<h3 style="margin-top: 20px; margin-bottom: 10px; color: #7AB800; font-weight: bold; font-size: 20px;">Booking & Costs</h3>\r\n
\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>How does the booking process work, and what advance payments are required?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>\r\n
Booking requests can be made either by email to dus@startplatz.de or by phone at 0211 936 725 20.\r\n
</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>Is there a minimum or maximum duration for events?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>\r\n
Most rooms can be booked both by the hour and for entire days. The larger rooms, on the other hand, are only available for half-day or full-day bookings.\r\n
</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>What cancellation conditions apply?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>\r\n
Cancellations up to 4 weeks before the start of the event are free of charge. For cancellations up to 2 weeks before the start of the event, we charge 50% of the room rental. If the cancellation is made less than 2 weeks before the start of the event, we charge 100% of the room rental and 50% of the beverage package.\r\n
</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>Can I book the room outside of regular business hours?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>\r\n
Yes, booking outside regular business hours is generally possible. Please note that additional personnel costs may be incurred for this.\r\n
</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Catering & Gastronomy -->\r\n
<h3 style="margin-top: 20px; margin-bottom: 10px; color: #7AB800; font-weight: bold; font-size: 20px;">Catering & Gastronomy</h3>\r\n
\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>Is there in-house catering or can external caterers be used?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>\r\n
There is no in-house catering, but we are happy to recommend catering companies that we work with regularly on request.\r\n
</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>Are own food and drinks allowed?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>\r\n
You can organize your catering yourself and bring both your own food and drinks.\r\n
</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>Is there a bar or beverage service on site?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>\r\n
STARTPLATZ is equipped with a coffee counter and a fully automatic coffee machine as well as several refrigerators. On request, we can also provide you with a beverage package for the room you have booked.\r\n
</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>Are catering and drinks included in the price or do they have to be booked separately?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>\r\n
Catering and drinks are not included in the price and must be booked separately. We offer various options that can be tailored to your individual needs.\r\n
</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<!-- Equipment & Service -->\r\n
<h3 style="margin-top: 20px; margin-bottom: 10px; color: #7AB800; font-weight: bold; font-size: 20px;">Equipment & Service</h3>\r\n
\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>Are there sufficient parking facilities for guests?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>\r\n
Parking spaces are available in limited numbers next door and in the Hyatt underground garage.\r\n
</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>Are there barrier-free access and toilets?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>\r\n
The premises at STARTPLATZ, including the toilets, are barrier-free accessible.\r\n
</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>Can decorations be brought in and customized?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>\r\n
Your own decorations can be brought in and adapted as you wish. For elaborate decorations, we ask that you discuss with us in advance.\r\n
</p>\r\n
</div>\r\n
</div>\r\n
\r\n
<div class="faq-item">\r\n
<div class="faq-question">\r\n
<span>How flexible are the room arrangements for different event formats?</span>\r\n
<span class="faq-icon">+</span>\r\n
</div>\r\n
<div class="faq-answer">\r\n
<p>\r\n
The room arrangements are very flexible and can be adapted depending on the room. Possible options include rows of chairs, rows with tables, U-shape, chair circles, or table blocks.\r\n
</p>\r\n
</div>\r\n
</div>\r\n
\r\n
</div>\r\n
</div>\r\n
</section>\r\n
\r\n
\r\n
\r\n
<script>\r\n
document.addEventListener("DOMContentLoaded", function() {\r\n
const faqItems = document.querySelectorAll(".faq-item");\r\n
\r\n
faqItems.forEach(item => {\r\n
const question = item.querySelector(".faq-question");\r\n
const answer = item.querySelector(".faq-answer");\r\n
const icon = item.querySelector(".faq-icon");\r\n
\r\n
question.addEventListener("click", function() {\r\n
const isOpen = answer.style.maxHeight;\r\n
\r\n
// Alle anderen FAQs schließen\r\n
document.querySelectorAll(".faq-answer").forEach(ans => {\r\n
ans.style.maxHeight = null;\r\n
ans.style.opacity = "0";\r\n
});\r\n
\r\n
document.querySelectorAll(".faq-icon").forEach(i => {\r\n
i.textContent = "+";\r\n
i.style.transform = "rotate(0deg)";\r\n
});\r\n
\r\n
// Wenn noch nicht geöffnet, dann öffnen\r\n
if (!isOpen || isOpen === "0px") {\r\n
answer.style.maxHeight = answer.scrollHeight + "px";\r\n
answer.style.opacity = "1";\r\n
icon.textContent = "−";\r\n
icon.style.transform = "rotate(180deg)";\r\n
}\r\n
});\r\n
});\r\n
});\r\n
</script>\r\n
\r\n
\r\n
<script>\r\n
// Update openModal and closeModal functions\r\n
function openModal(modalId) {\r\n
document.getElementById(modalId).style.display = 'block';\r\n
document.body.style.overflow = 'hidden';\r\n
document.body.classList.add('modal-open');\r\n
\r\n
// Scroll to top of modal on mobile\r\n
if (window.innerWidth <= 767) {\r\n
document.querySelector(`#${modalId} .modal-content`).scrollTop = 0;\r\n
}\r\n
}\r\n
\r\n
function closeModal(modalId) {\r\n
document.getElementById(modalId).style.display = 'none';\r\n
document.body.style.overflow = '';\r\n
document.body.classList.remove('modal-open');\r\n
}\r\n
\r\n
// Also update the window.onclick function\r\n
window.onclick = function(event) {\r\n
if (event.target.classList.contains('modal')) {\r\n
event.target.style.display = 'none';\r\n
document.body.style.overflow = '';\r\n
document.body.classList.remove('modal-open');\r\n
}\r\n
}\r\n
\r\n
\r\n
\r\n
function changeMainImage(mainImageId, newSrc) {\r\n
document.getElementById(mainImageId).src = newSrc;\r\n
}\r\n
\r\n
\r\n
\r\n
// Smooth scroll function for the "Räume entdecken" button\r\n
document.addEventListener("DOMContentLoaded", function() {\r\n
const scrollButton = document.querySelector('.btn-scroll');\r\n
\r\n
if (scrollButton) {\r\n
scrollButton.addEventListener('click', function(e) {\r\n
e.preventDefault();\r\n
const targetId = this.getAttribute('href').substring(1);\r\n
const targetElement = document.getElementById(targetId);\r\n
\r\n
if (targetElement) {\r\n
window.scrollTo({\r\n
top: targetElement.offsetTop - 50,\r\n
behavior: 'smooth'\r\n
});\r\n
}\r\n
});\r\n
}\r\n
});\r\n
</script>\r\n
\r\n
\r\n
\r\n
\r\n
<!---------------------------------------- Sticky Button ---------------------------------------->\r\n
\r\n
<div class="sticky-action-buttons">\r\n
<a href="#raumauswahl" class="sticky-action-btn rooms-btn" title="View all rooms">\r\n
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="btn-icon">\r\n
<path d="M3 9L12 2L21 9V20C21 20.5304 20.7893 21.0391 20.4142 21.4142C20.0391 21.7893 19.5304 22 19 22H5C4.46957 22 3.96086 21.7893 3.58579 21.4142C3.21071 21.0391 3 20.5304 3 20V9Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
</svg>\r\n
</a>\r\n
<a href="https://form.typeform.com/to/ifJsBBun" class="sticky-action-btn inquiry-btn" target="_blank" title="Submit room request">\r\n
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="btn-icon">\r\n
<path d="M21 11.5C21.0034 12.8199 20.6951 14.1219 20.1 15.3C19.3944 16.7118 18.3098 17.8992 16.9674 18.7293C15.6251 19.5594 14.0782 19.9994 12.5 20C11.1801 20.0035 9.87812 19.6951 8.7 19.1L3 21L4.9 15.3C4.30493 14.1219 3.99656 12.8199 4 11.5C4.00061 9.92179 4.44061 8.37488 5.27072 7.03258C6.10083 5.69028 7.28825 4.6056 8.7 3.90003C9.87812 3.30496 11.1801 2.99659 12.5 3.00003H13C15.0843 3.11502 17.053 3.99479 18.5291 5.47089C20.0052 6.94699 20.885 8.91568 21 11V11.5Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n
</svg>\r\n
</a>\r\n
</div>\r\n
\r\n
<script>\r\n
// JavaScript für das Scrollen zur Raumauswahl\r\n
document.addEventListener('DOMContentLoaded', function() {\r\n
const roomsButton = document.querySelector('.rooms-btn');\r\n
\r\n
if (roomsButton) {\r\n
roomsButton.addEventListener('click', function(e) {\r\n
e.preventDefault();\r\n
const targetId = this.getAttribute('href').substring(1);\r\n
const targetElement = document.getElementById(targetId);\r\n
\r\n
if (targetElement) {\r\n
window.scrollTo({\r\n
top: targetElement.offsetTop - 50,\r\n
behavior: 'smooth'\r\n
});\r\n
}\r\n
});\r\n
}\r\n
});\r\n
</script>\n
\n
\n
\n
\n
<!-- sp-connect footer starts -->\n
\n
<style type="text/css">\n
.ftco-section {\n
padding: 5em 0;\n
position: relative; }\n
@media (max-width: 767.98px) {\n
.ftco-section {\n
padding: 6em 0; } }\n
\n
.ftco-footer {\n
font-size: 16px;\n
background: #232931;\n
padding: 7em 0;\n
z-index: 0; }\n
.ftco-footer .ftco-footer-logo {\n
text-transform: uppercase;\n
letter-spacing: .1em; }\n
.ftco-footer .ftco-footer-widget h2 {\n
font-weight: normal;\n
color: #fff;\n
margin-bottom: 40px;\n
font-size: 22px;\n
font-weight: 600; }\n
.ftco-footer .ftco-footer-widget ul li {\n
margin-bottom: 10px; }\n
.ftco-footer .ftco-footer-widget ul li a {\n
color: rgba(255, 255, 255, 0.6); }\n
.ftco-footer .ftco-footer-widget ul li a span {\n
color: rgba(255, 255, 255, 0.6); }\n
.ftco-footer .ftco-footer-widget .btn-primary {\n
background: #fff !important;\n
border: 2px solid #fff !important; }\n
.ftco-footer .ftco-footer-widget .btn-primary:hover {\n
background: #fff;\n
border: 2px solid #fff !important; }\n
.ftco-footer p {\n
color: rgba(255, 255, 255, 0.7); }\n
.ftco-footer a {\n
color: rgba(255, 255, 255, 0.7); }\n
.ftco-footer a:hover {\n
color: #fff; }\n
.ftco-footer .ftco-heading-2 {\n
font-size: 17px;\n
font-weight: 400;\n
color: #000000; }\n
\n
.ftco-footer-social li {\n
list-style: none;\n
margin: 0 10px 0 0;\n
display: inline-block; }\n
.ftco-footer-social li a {\n
height: 50px;\n
width: 50px;\n
display: block;\n
float: left;\n
background: rgba(255, 255, 255, 0.1);\n
border-radius: 50%;\n
position: relative; }\n
.ftco-footer-social li a span {\n
position: absolute;\n
font-size: 26px;\n
top: 50%;\n
left: 50%;\n
-webkit-transform: translate(-50%, -50%);\n
-ms-transform: translate(-50%, -50%);\n
transform: translate(-50%, -50%); }\n
.ftco-footer-social li a:hover {\n
color: #fff; }\n
\n
.footer-small-nav > li {\n
display: inline-block; }\n
.footer-small-nav > li a {\n
margin: 0 10px 10px 0; }\n
.footer-small-nav > li a:hover, .footer-small-nav > li a:focus {\n
color: #033fff; }\n
\n
.media .ftco-icon {\n
width: 100px; }\n
.media .ftco-icon span {\n
color: #033fff; }\n
\n
\n
.spGreen h1,.spGreen h2,.spGreen h3,.spGreen h4,.spGreen h5,.spGreen h6 {color: rgba(122,184,8,1) !important;}\n
.spBgGreen {background-color: rgba(122,184,8,1) !important;color: white;}\n
\n
/* --- Corporate: spRed/ RED ---- */\n
.color-danger {\n
color:#8F2640;\n
}\n
\n
.spRed h1,.spRed h2,.spRed h3,.spRed h4,.spRed h5,.spRed h6 {color: rgba(143,38,64,1) !important;}\n
.bgSpRed { background-color: rgba(143,38,64,0.99)!important;}\n
\n
</style>\n
\n
<footer class="ftco-footer ftco-section">\n
<div class="container">\n
<div class="row my-2">\n
<div class="col-md-2">\n
<div class="ftco-footer-widget mb-3">\n
<h2 class="ftco-heading-2">Über STARTPLATZ</h2>\n
<p>Mit Standorten in Köln und Düsseldorf ist STARTPLATZ der größte Startup Inkubator und Accelerator in NRW</p>\n
\n
<ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-3">\n
<li class="ftco-animate"><a href="https://twitter.com/startplatz"><span class="fab fa-twitter"></span></a></li>\n
<li class="ftco-animate"><a href="https://de-de.facebook.com/StartPlatz/"><span class="fab fa-facebook-f"></span></a></li>\n
<li class="ftco-animate"><a href="https://www.instagram.com/startplatz/"><span class="fab fa-instagram"></span></a></li>\n
</ul>\n
</div>\n
</div>\n
<div class="col-md-3">\n
<div class="ftco-footer-widget mb-4 ml-md-4">\n
<h2 class="ftco-heading-2 mb-2">Über diese Website</h2>\n
<ul class="list-unstyled">\n
<li><a href="/kontakt-aufnehmen"><span class="fas fa-long-arrow-alt-right mr-2"></span>Kontakt</a></li>\n
<li><a href="/wlan-am-startplatz-koeln"><span class="fas fa-long-arrow-alt-right mr-2"></span>WLAN am STARTPLATZ Koeln</a></li>\n
<li><a href="/pressebereich"><span class="fas fa-long-arrow-alt-right mr-2"></span>Presse</a></li>\n
<li><a href="/jobs"><span class="fas fa-long-arrow-alt-right mr-2"></span>Jobs</a></li>\n
<li><a href="/standorte"><span class="fas fa-long-arrow-alt-right mr-2"></span>Standorte</a></li>\n
<li><a href="/startplatz-archiv"><span class="fas fa-long-arrow-alt-right mr-2"></span>Archiv</a></li>\n
<li><a href="/startplatz-agb"><span class="fas fa-long-arrow-alt-right mr-2"></span>AGB</a></li>\n
<li><a href="/impressum"><span class="fas fa-long-arrow-alt-right mr-2"></span>Impressum</a></li>\n
<li><a href="/support"><span class="fas fa-long-arrow-alt-right mr-2"></span>Support</a></li>\n
<li><a href="/datenschutz"><span class="fas fa-long-arrow-alt-right mr-2"></span>Datenschutz</a></li>\n
</ul>\n
</div>\n
</div>\n
<div class="col-md-3">\n
<div class="ftco-footer-widget mb-4">\n
<h2 class="ftco-heading-2">Top Themen</h2>\n
<ul class="list-unstyled">\n
<li><a href="/coworking-koeln"><span class="fas fa-long-arrow-alt-right mr-2"></span>Coworking Köln</a></li>\n
<li><a href="/coworking-duesseldorf"><span class="fas fa-long-arrow-alt-right mr-2"></span>Coworking Düsseldorf</a></li>\n
<li><a href="/konferenzraum"><span class="fas fa-long-arrow-alt-right mr-2"></span>Konferenzraum mieten in Köln</a></li>\n
<li><a href="/duesseldorf-tagungsraeume-und-konferenzraeume/"><span class="fas fa-long-arrow-alt-right mr-2"></span>Konferenzraum mieten in Düsseldorf</a></li>\n
<li><a href="/startup-wiki/business-model-canvas"><span class="fas fa-long-arrow-alt-right mr-2"></span>Business Model Canvas</a></li>\n
<li><a href="/accelerator/"><span class="fas fa-long-arrow-alt-right mr-2"></span>STARTPLATZ Accelerator</a></li>\n
<li><a href="/corporate-innovation-page"><span class="fas fa-long-arrow-alt-right mr-2"></span>Corporate Innovation</a></li>\n
<li><a href="/startup-wiki/pitch"><span class="fas fa-long-arrow-alt-right mr-2"></span>Pitch</a></li>\n
<li><a href="/projektbuero-mieten"><span class="fas fa-long-arrow-alt-right mr-2"></span>Projektbüro mieten</a></li>\n
<li><a href="/meetingraeume-mieten"><span class="fas fa-long-arrow-alt-right mr-2"></span>Meetingräume mieten</a></li>\n
<li><a href="/coworker-werden"><span class="fas fa-long-arrow-alt-right mr-2"></span>Coworker werden</a></li>\n
<li><a href="/startup-membership"><span class="fas fa-long-arrow-alt-right mr-2"></span>Startup Firmenmitgliedschaft</a></li>\n
<li><a href="/karriere"><span class="fas fa-long-arrow-alt-right mr-2"></span>Startup Jobs am STARTPLATZ</a></li>\n
<li><a href="/digital-speed-networking"><span class="fas fa-long-arrow-alt-right mr-2"></span>Speed Networking</a></li>\n
<li><a href="/gruenderstipendium-nrw"><span class="fas fa-long-arrow-alt-right mr-2"></span>Gründungsstipendium</a></li>\n
<li><a href="/benefits/perks"><span class="fas fa-long-arrow-alt-right mr-2"></span>Software für Startups</a></li>\n
<li><a href="/startup-wiki"><span class="fas fa-long-arrow-alt-right mr-2"></span>Startup Wiki</a></li>\n
<li><a href="/sprechstunden"><span class="fas fa-long-arrow-alt-right mr-2"></span>Sprechstunden</a></li>\n
<li><a href="/mentoring"><span class="fas fa-long-arrow-alt-right mr-2"></span>Mentorinnen und Mentoren</a></li>\n
</ul>\n
</div>\n
</div>\n
<div class="col-md-4">\n
<div class="ftco-footer-widget mb-4">\n
<h2 class="ftco-heading-2">Kontakt</h2>\n
<div class="row">\n
<div class="col-6">\n
<p class="address city">Köln</p>\n
<p class="address">Im Mediapark 5 <br>50670 Köln</p>\n
<p class="address mb-0">info@startplatz.de</p>\n
<p class="address">+49 221 975 802 00</p>\n
</div>\n
<div class="col-6">\n
<p class="address city">Düsseldorf</p>\n
<p class="address">Speditionstraße 15a <br>40221 Düsseldorf</p>\n
<p class="address mb-0">info@startplatz.de</p>\n
<p class="address">+49 211 936 725 20</p>\n
</div>\n
</div>\n
<div class="newsletter">\n
<h2 class="mb-0">Newsletter</h2>\n
<p>Immer auf dem Laufenden bleiben?\n
<br>Erhalte regelmäßig alle News aus dem STARTPLATZ, zu Workshops und Events.</p>\n
\n
<!-- Begin MailChimp Signup Form -->\n
<div id="mc_embed_signup">\n
<form id="mc-embedded-subscribe-form" class="validate" action="https://startplatz.us5.list-manage.com/subscribe?u=8a2b498caca4323b774191382&id=be73f77d94" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank">\n
<div id="mc_embed_signup_scroll form-group email-wrapper">\n
<button type="submit" class="btn btn-success ml-2">Hier Abonnieren</button>\n
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n
<div style="position: absolute; left: -5000px;"><input tabindex="-1" name="b_8a2b498caca4323b774191382_51dae9d56a" type="text" value="" /></div>\n
<div class="clear"></div>\n
</div>\n
</form></div>\n
<!--End mc_embed_signup-->\n
\n
</div>\n
<div class="row">\n
<div class="col-12 mt-4">\n
<div class="pe-richsnippets"></div>\n
<script type="text/javascript" src="https://www.provenexpert.com/widget/richsnippet.js?u=1HQBkRmo1xQpmqGB1xmA5DGAlMwpkxQZ&v=2" async></script>\n
</div>\n
</div>\n
</div>\n
</div>\n
</div>\n
\n
<div class="row">\n
<div class="col-md-12 text-center">\n
\n
<p>\n
Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved\n
</p>\n
</div>\n
</div>\n
</div>\n
</footer>\n
\n
<!-- sp-connect footer ends -->\n
\n
<!-- wp_footer starts -->\n
<script type="speculationrules">\n
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/startplatz\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}\n
</script>\n
<script async>(function(s,u,m,o,j,v){j=u.createElement(m);v=u.getElementsByTagName(m)[0];j.async=1;j.src=o;j.dataset.sumoSiteId='39f60b00513044004a8fe0004ce6fc0099bffb000c2cd200cfc8f4006d6fae00';j.dataset.sumoPlatform='wordpress';v.parentNode.insertBefore(j,v)})(window,document,'script','//load.sumome.com/');</script> <script type="application/javascript">\r\n
const ajaxURL = "https://www.staging.startplatz.de/wp-admin/admin-ajax.php";\r\n
\r\n
function sumo_add_woocommerce_coupon(code) {\r\n
jQuery.post(ajaxURL, {\r\n
action: 'sumo_add_woocommerce_coupon',\r\n
code: code,\r\n
});\r\n
}\r\n
\r\n
function sumo_remove_woocommerce_coupon(code) {\r\n
jQuery.post(ajaxURL, {\r\n
action: 'sumo_remove_woocommerce_coupon',\r\n
code: code,\r\n
});\r\n
}\r\n
\r\n
function sumo_get_woocommerce_cart_subtotal(callback) {\r\n
jQuery.ajax({\r\n
method: 'POST',\r\n
url: ajaxURL,\r\n
dataType: 'html',\r\n
data: {\r\n
action: 'sumo_get_woocommerce_cart_subtotal',\r\n
},\r\n
success: function (subtotal) {\r\n
return callback(null, subtotal);\r\n
},\r\n
error: function (err) {\r\n
return callback(err, 0);\r\n
}\r\n
});\r\n
}\r\n
</script>\r\n
<!-- wp_footer ends -->\n
<!-- startplatz default js starts -->\n
<!-- Optional JavaScript -->\n
<!-- jQuery first, then Popper.js, then Bootstrap JS -->\n
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>\n
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>\n
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script><!-- startplatz default js ends -->\n
\n
\n
<div id="sfwdt15359d" class="sf-toolbar sf-display-none" role="region" aria-label="Symfony Web Debug Toolbar"> <!-- START of Symfony Web Debug Toolbar --><div id="sfMiniToolbar-15359d" class="sf-minitoolbar" data-no-turbolink data-turbo="false"> <button type="button" title="Show Symfony toolbar" id="sfToolbarMiniToggler-15359d" accesskey="D" aria-expanded="false" aria-controls="sfToolbarMainContent-15359d"> <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-15359d" class="sf-toolbar-clearer"></div><div id="sfToolbarMainContent-15359d" 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/15359d?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-15359d"></span> </div> <div class="sf-toolbar-info-piece"> <b> <button class="sf-cancel-button" type="button" id="sfLoadCancel-15359d" title="Cancel loading">Cancel</button> </b> </div> </div></div> <button class="hide-button" type="button" id="sfToolbarHideButton-15359d" title="Close Toolbar" accesskey="D" aria-expanded="true" aria-controls="sfToolbarMainContent-15359d"> <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="660dd5f7894582a3ebff907a670c23a9">/*<![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="d8445a491f9ee8d78e57318f68878c23"> .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="660dd5f7894582a3ebff907a670c23a9">/*<![CDATA[*/ (function () { Sfjs.loadToolbar('15359d'); })();/*]]>*/</script>\n
</body>\n
</html>\n
"""
#version: "1.1"
#statusCode: 200
#statusText: "OK"
#charset: "UTF-8"
} |