Symfony Profiler

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

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

"html"

"en"

"068681"

"https://www.staging.startplatz.de/duesseldorf-tagungsraeume-und-konferenzraeume"

"*/*"

"ISO-8859-1,utf-8;q=0.7,*;q=0.7"

"gzip, br, zstd, deflate"

"en-us,en;q=0.5"

"for="172.22.0.12";host="www.staging.startplatz.de";proto=http"

"www.staging.startplatz.de"

"https://www.staging.startplatz.de/duesseldorf-tagungsraeume-und-konferenzraeume"

"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)"

"172.22.0.12"

"c7c6e7953db4"

"0"

"216.73.216.183"

"no-cache, private"

"Thu, 26 Feb 2026 22:48:49 GMT"

"5b7f38"

""

"187719847589952"

"2L0-UBEtXjD-ODU3On8eqJrZPFY"

"startplatz"

"cloudinary://187719847589952:2L0-UBEtXjD-ODU3On8eqJrZPFY@startplatz"

"cron_sp_X9kM4nQ7pR2sT6vW8yB1"

""

""

""

""

""

""

"STARTPLATZ"

""

"%kernel.project_dir%/var/cache/sessions"

"https://api.skool.com/groups/ki-campus/webhooks/5f76ae64499d42a49dafbf613fec3ec0"

"https://api.skool.com/groups/ki-treffpunkt/webhooks/af0324eeef3d40649f8d16607fe6e7b9"

"50670"

"data/test-bewerbungen"

""

""

""

""

""

"1"

"dev"

"a8A3I6BRkJE2ppNaBcgPec5i6E8Iwqwm"

""

""

"mysql://startplatz:kpp8o9pWYAp2@startplatz-staging-mysql:3306/startplatz-wordpress"

"/var/www/html/public"

"/index.php"

"lorenz.graef@startplatz.de"

"alexandra.thelen@startplatz.de"

"admin@startplatz.de"

"johannes.graef@startplatz.de"

"1NrjWZrE53dSqWFmMNz0oRd8i22VFmK1Oww9huGp8DPry8EfK1Oj9h6HeW7fyDUM"

"Fjqj30ZbQorEtdpRfw3T19eAkOgrrgzq4WcExyLrxuot0bzkDpUrjpv41YH8dgBK"

"9njde49xtcsoswco4c80oggkwwoo080osow8soo8go4gkw0gwwgc8sck4wgw08og"

"YnHmfQYjOQ01hZ97zQKhsDLcvPc632dhdYjnUYuE4ZzkbAfkyC2TbOGOckUBFBDZ"

"RESPONDER"

"CGI/1.1"

"528995BFEDFBA7191D46839EF9BA0ADA31CBD89E 39B641343D8C104B2B146DC3F9C39DC0B9698544 F1F692238FBC1666E5A5CCD4199F9DFEF6FFBAFD"

"/home/www-data"

"dev"

"*/*"

"ISO-8859-1,utf-8;q=0.7,*;q=0.7"

"gzip, br, zstd, deflate"

"en-us,en;q=0.5"

"for="172.22.0.12";host="www.staging.startplatz.de";proto=http"

"www.staging.startplatz.de"

"https://www.staging.startplatz.de/duesseldorf-tagungsraeume-und-konferenzraeume"

"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)"

"172.22.0.12"

"c7c6e7953db4"

"216.73.216.183"

"pat-na1-72043aa0-44a4-4dd6-b57a-5759597c4642"

"1e712a28-62f9-46e0-99f5-13f6bdc0ec70"

"44225308"

"2795177"

"smtp://STARTPLATZ:md-UPVV0udzlA47hrj9B-LMGQ@smtp.mandrillapp.com:587"

"startplatz@lennarz-consulting.de"

"startplatz@lennarz-consulting.de"

"lorenz.graef@startplatz.de"

"32e50c9db555d24f87b40c641b4b014bKzrRnijwaj7yLDB7c0CKXYmVJCzyATZ3"

"762173de1b510657bb44a2662747bac9nUFkR3NatmYlrqjI7hswGM2ZsDBbgYxR"

"c0c8e924c966fbf562c59646ee67b2a3sh4WFrDN3XxPiwKcskvfcRWQyzWOy4Bu"

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

"/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin"

""

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

"autoconf \t\tdpkg-dev dpkg \t\tfile \t\tg++ \t\tgcc \t\tlibc-dev \t\tmake \t\tpkgconf \t\tre2c"

"https://www.php.net/distributions/php-8.1.34.tar.xz.asc"

"-fstack-protector-strong -fpic -fpie -O2 -D_LARGEFILE_SOURCE -D_FILE_OFFSET_BITS=64"

"-fstack-protector-strong -fpic -fpie -O2 -D_LARGEFILE_SOURCE -D_FILE_OFFSET_BITS=64"

"/usr/local/etc/php"

"-Wl,-O1 -pie"

"/index.php"

"ffa9e0982e82eeaea848f57687b425ed173aa278fe563001310ae2638db5c251"

"https://www.php.net/distributions/php-8.1.34.tar.xz"

"8.1.34"

"/var/www/html"

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

"200"

"127.0.0.1"

"46260"

"GET"

"http"

1772146129

1772146129.0977

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

"/var/www/html/public/index.php"

"/index.php"

"172.22.0.7"

"dev.startplatz.de"

"80"

"HTTP/1.1"

"nginx/1.18.0"

"1"

"001"

"startplatz-staging-mysql"

"startplatz-wordpress"

"kpp8o9pWYAp2"

"startplatz"

"staging.www.staging.startplatz.de"

"www.staging.startplatz.de"

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

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

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

"ojWxv1978YWU"

"sk_test_51PmYwGDCU56CMQmgpcCdmzVTjiym8wom2WWiAAuVOUhS55972eM73wDNRDEBfGMnoLSt81yqW5CKCyraQKPDTb6y00xGk2RMpj"

"sk_test_51PeutFFqPnUaAUP6dP1y273V3ckVBrUUxBSSIufpLoU2TdWoJBbzjnNmfM3UHsauN4ZuhObIZYhhPLd4621AmzzW00xaHryus4"

"sk_test_51O8fFSHegJLrFARiXBFfwCkkRCTyr64RpTlYx5X7FPNEKDSRhQHgb7X9WELyNzmMkMT39tavykkZbtbWDsCz0Tc800bNFXrtbH"

"whsec_replace_with_actual_webhook_secret_from_stripe_dashboard"

"CLOUDINARY_URL,CLOUDINARY_CLOUDNAME,CLOUDINARY_API_KEY,CLOUDINARY_API_SECRET,SESSION_SAVE_PATH,OPENAI_ORGANIZATION,ANTHROPIC_API_KEY,STATISTIC_ZAPIER_API_KEY,CRON_API_KEY,SKOOL_WEBHOOK_KI_CAMPUS,SKOOL_WEBHOOK_KI_TREFFPUNKT,TEST_DATA_PATH,MONSUM_WEBHOOK_USER_CGN,MONSUM_WEBHOOK_PASSWORD_CGN,MONSUM_WEBHOOK_USER_DUS,MONSUM_WEBHOOK_PASSWORD_DUS,MONSUM_WEBHOOK_USER_TESTPLATZ,MONSUM_WEBHOOK_PASSWORD_TESTPLATZ,WP_API_USERNAME,WP_API_PASSWORD,WP_API_BASE_URL,REDIS_URL,TYPEFORM_WEBHOOK_SECRET,TWILIO_AUTH_TOKEN"

"www-data"

"https://www.startplatz.de/wp-json/wp/v2"

"lSFFfrfi24zjRXtmqlwxWlBx"

"Allmeda"

0

[]

"Startplatz\Bundle\WordpressIntegrationBundle\Controller\PassthruController::passthruAction"

"security.firewall.map.context.main"

"startplatz_wordpress_passthru"

[
  "path" => "duesseldorf-tagungsraeume-und-konferenzraeume/"
]

"_security_main"

"62eaff"

Symfony\Component\HttpFoundation\Response {#5132
  +headers: Symfony\Component\HttpFoundation\ResponseHeaderBag {#2875 …}
  #content: """
    <!DOCTYPE html>\n
    <html lang="de">\n
    <head>\n
        <!-- header-startplatz-v40.php starts -->\n
        <meta charset="utf-8">\n
        <meta name="viewport" content="width=device-width, initial-scale=1">\n
    \n
        <link rel="profile" href="http://gmpg.org/xfn/11">\n
        <link rel="pingback" href="https://www.startplatz.de/xmlrpc.php">\n
        <!-- Apple Touch Icon (180x180 auto-scales) -->\n
    <link rel="apple-touch-icon" href="/apple-touch-icon.png">\n
    <!-- Favicon -->\n
    \n
        <link rel="icon" href="/favicon.png" sizes="32x32">\n
    \n
        <script src="https://kit.fontawesome.com/30335e3531.js" crossorigin="anonymous"></script>\n
    \n
        <!-- Google tag (gtag.js) -->\n
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-XYVL4EFW9X"></script>\n
        <script>\n
            window.dataLayer = window.dataLayer || [];\n
            function gtag(){dataLayer.push(arguments);}\n
            gtag('js', new Date());\n
    \n
            gtag('config', 'G-XYVL4EFW9X');\n
        </script>\n
        <!-- End Google tag -->\n
    \n
        <!-- Google Tag Manager -->\n
        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\n
                    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\n
                j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n
                'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n
            })(window,document,'script','dataLayer','GTM-5WTVWDT');</script>\n
        <!-- End Google Tag Manager -->\n
    \n
        <!-- Facebook Pixel Code -->\n
        <script>\n
            !function(f,b,e,v,n,t,s)\n
            {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n
                n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n
                if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n
                n.queue=[];t=b.createElement(e);t.async=!0;\n
                t.src=v;s=b.getElementsByTagName(e)[0];\n
                s.parentNode.insertBefore(t,s)}(window,document,'script',\n
                'https://connect.facebook.net/en_US/fbevents.js');\n
            fbq('init', '380666967734105');\n
            fbq('track', 'PageView');\n
        </script>\n
        <noscript>\n
            <img height="1" width="1"\n
                 src="https://www.facebook.com/tr?id=380666967734105&ev=PageView&noscript=1"/>\n
        </noscript>\n
        <!-- End Facebook Pixel Code -->\n
    \n
    \n
        <noscript>\n
            <img height="1" width="1" src="https://www.facebook.com/tr?id=767917863396798&ev=PageView&noscript=1"/>\n
        </noscript>\n
    \n
        <!-- wp_head starts -->\n
        <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />\n
    \t<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>\n
    \t\n
    \t<!-- This site is optimized with the Yoast SEO Premium plugin v26.4 (Yoast SEO v26.4) - https://yoast.com/wordpress/plugins/seo/ -->\n
    \t<title>Tagungsraum und Konferenzraum in Düsseldorf - STARTPLATZ</title>\n
    \t<meta name="description" content="Tagen in innovativer Umgebung: Mieten Sie Meeting-, Konferenz- oder Tagungsräume im Düsseldorfer Medienhafen für Ihre Veranstaltung!" />\n
    \t<link rel="canonical" href="https://www.staging.startplatz.de/duesseldorf-tagungsraeume-und-konferenzraeume/" />\n
    \t<meta property="og:locale" content="de_DE" />\n
    \t<meta property="og:type" content="article" />\n
    \t<meta property="og:title" content="Tagungsraum und Konferenzraum in Düsseldorf" />\n
    \t<meta property="og:description" content="Tagen in innovativer Umgebung: Mieten Sie Meeting-, Konferenz- oder Tagungsräume im Düsseldorfer Medienhafen für Ihre Veranstaltung!" />\n
    \t<meta property="og:url" content="https://www.staging.startplatz.de/duesseldorf-tagungsraeume-und-konferenzraeume/" />\n
    \t<meta property="og:site_name" content="STARTPLATZ" />\n
    \t<meta property="article:modified_time" content="2026-02-10T15:13:00+00:00" />\n
    \t<meta property="og:image" content="https://res.cloudinary.com/startplatz/image/upload/v1769002521/conference-rooms/Porto%20neu%202026/IMG_8568_1.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/duesseldorf-tagungsraeume-und-konferenzraeume/","url":"https://www.staging.startplatz.de/duesseldorf-tagungsraeume-und-konferenzraeume/","name":"Tagungsraum und Konferenzraum in Düsseldorf - STARTPLATZ","isPartOf":{"@id":"https://www.staging.startplatz.de/#website"},"primaryImageOfPage":{"@id":"https://www.staging.startplatz.de/duesseldorf-tagungsraeume-und-konferenzraeume/#primaryimage"},"image":{"@id":"https://www.staging.startplatz.de/duesseldorf-tagungsraeume-und-konferenzraeume/#primaryimage"},"thumbnailUrl":"https://res.cloudinary.com/startplatz/image/upload/v1769002521/conference-rooms/Porto%20neu%202026/IMG_8568_1.jpg","datePublished":"2018-03-20T14:56:52+00:00","dateModified":"2026-02-10T15:13:00+00:00","description":"Tagen in innovativer Umgebung: Mieten Sie Meeting-, Konferenz- oder Tagungsräume im Düsseldorfer Medienhafen für Ihre Veranstaltung!","breadcrumb":{"@id":"https://www.staging.startplatz.de/duesseldorf-tagungsraeume-und-konferenzraeume/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https://www.staging.startplatz.de/duesseldorf-tagungsraeume-und-konferenzraeume/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https://www.staging.startplatz.de/duesseldorf-tagungsraeume-und-konferenzraeume/#primaryimage","url":"https://res.cloudinary.com/startplatz/image/upload/v1769002521/conference-rooms/Porto%20neu%202026/IMG_8568_1.jpg","contentUrl":"https://res.cloudinary.com/startplatz/image/upload/v1769002521/conference-rooms/Porto%20neu%202026/IMG_8568_1.jpg"},{"@type":"BreadcrumbList","@id":"https://www.staging.startplatz.de/duesseldorf-tagungsraeume-und-konferenzraeume/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.staging.startplatz.de/"},{"@type":"ListItem","position":2,"name":"Tagungsraum und Konferenzraum 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 &raquo; Feed" href="https://www.staging.startplatz.de/feed/" />\n
    <link rel="alternate" type="application/rss+xml" title="STARTPLATZ &raquo; Kommentar-Feed" href="https://www.staging.startplatz.de/comments/feed/" />\n
    <script type="text/javascript">\n
    /* <![CDATA[ */\n
    window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.staging.startplatz.de\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.8.3"}};\n
    /*! This file is auto-generated */\n
    !function(s,n){var o,i,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),a=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===a[t]})}function u(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);for(var n=e.getImageData(16,16,1,1),a=0;a<n.data.length;a++)if(0!==n.data[a])return!1;return!0}function f(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\udedf")}return!1}function g(e,t,n,a){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):s.createElement("canvas"),o=r.getContext("2d",{willReadFrequently:!0}),i=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(function(e){i[e]=t(o,e,n,a)}),i}function t(e){var t=s.createElement("script");t.src=e,t.defer=!0,s.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",i=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){s.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+g.toString()+"("+[JSON.stringify(i),f.toString(),p.toString(),u.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"}),r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=function(e){c(n=e.data),r.terminate(),t(n)})}catch(e){}c(n=g(i,f,p,u))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);\n
    /* ]]> */\n
    </script>\n
    <style id='wp-emoji-styles-inline-css' type='text/css'>\n
    \n
    \timg.wp-smiley, img.emoji {\n
    \t\tdisplay: inline !important;\n
    \t\tborder: none !important;\n
    \t\tbox-shadow: none !important;\n
    \t\theight: 1em !important;\n
    \t\twidth: 1em !important;\n
    \t\tmargin: 0 0.07em !important;\n
    \t\tvertical-align: -0.1em !important;\n
    \t\tbackground: none !important;\n
    \t\tpadding: 0 !important;\n
    \t}\n
    </style>\n
    <link rel='stylesheet' id='wp-block-library-css' href='https://www.staging.startplatz.de/wp-includes/css/dist/block-library/style.min.css?ver=6.8.3' type='text/css' media='all' />\n
    <style id='classic-theme-styles-inline-css' type='text/css'>\n
    /*! This file is auto-generated */\n
    .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}\n
    </style>\n
    <style id='global-styles-inline-css' type='text/css'>\n
    :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}\n
    :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}\n
    :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}\n
    :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}\n
    </style>\n
    <link rel='stylesheet' id='mc4wp-form-styles-builder-css' href='//www.staging.startplatz.de/wp-content/uploads/mc4wp-stylesheets/bundle.css?ver=1649164263' type='text/css' media='all' />\n
    <link rel="https://api.w.org/" href="https://www.staging.startplatz.de/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.staging.startplatz.de/wp-json/wp/v2/pages/55325" /><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=55325' />\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%2Fduesseldorf-tagungsraeume-und-konferenzraeume%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%2Fduesseldorf-tagungsraeume-und-konferenzraeume%2F&#038;format=xml" />\n
        <!-- wp_head ends -->\n
    \n
    \n
        <!-- Bootstrap CSS -->\n
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">\n
    \n
        <!-- Google Fonts -->\n
        <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap" rel="stylesheet">\n
    \n
        <!-- additional CSS based on page settings -->\n
        <!-- style definitions to make interim homepage similar to previous homepage\n
         search for\n
         $this->render('@StartPlatzStyleBundle/CSS/_homepage.version-2021-winter.html.twig',[]);\n
    -->\n
    <style>\n
        /* Event styles */\n
        .bg-startplatz {\n
            background-color: #7ab800;\n
        }\n
    \n
        .bg-ai-hub {\n
            background-color: #9632FF !important;\n
        }\n
    \n
        a.bg-ai-hub:hover, a.bg-ai-hub:focus,\n
        button.bg-ai-hub:hover,\n
        button.bg-ai-hub:focus {\n
            background-color: #b880fe !important; }\n
    \n
    \n
        .bg-sp-grey {\n
            background-color: rgba(82,84,89,0.2);\n
        }\n
    \n
        /* redefinition for branding purposes */\n
        .alert-success{\n
            background-color: #7ab800;\n
            color: white;\n
        }\n
    \n
        /* Coworking styles */\n
       .office-perks .card {\n
            padding-bottom: 0px;\n
            border-left: 4px solid #7ab800;\n
            height: 110px;\n
            border-radius:1.5rem;\n
            background-color: #eee;\n
            margin-bottom: 1.0rem;\n
            \n
            background: #eee;\n
            padding-bottom: 2px;\n
            box-shadow: none;\n
            font-size: 14px;\n
        }\n
        .office-perks .card:hover {\n
            box-shadow: none;\n
        }\n
        .office-perks .card-header {\n
            background: none;\n
            border: none;\n
        }\n
        .office-perks .card-body {\n
            padding-top: 0rem;\n
            padding: 0rem 0.8rem 0.8rem 0.8rem;\n
            color: #000000;\n
            line-height: 1.4;\n
            font-weight: 500;\n
    \n
            text-align: center;\n
        }\n
    \n
        .memberships-header h3:after {\n
            content: " ";\n
            display: block;\n
            width: 100px;\n
            border-bottom: 2px solid #8cc63f;\n
            margin-top: 5px;\n
            margin-bottom: 10px;\n
        }\n
        .center-block {\n
          display: block;\n
          margin-left: auto;\n
          margin-right: auto;\n
        }\n
        .faq .panel-group {\n
          margin-bottom: 20px;\n
        }    \n
        .faq a {\n
    \t\tcolor: #8cc63f;\n
    \t}\n
        .faq a:hover {\n
        \ttext-decoration: underline;\n
        }\n
        .faq .panel {\n
          margin-bottom: 20px;\n
          background-color: #fff;\n
          border-radius: 4px;\n
          border: 1px solid transparent;\n
          -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);\n
          box-shadow: 0 1px 1px rgba(0,0,0,.05);\n
        }\n
        .faq .panel-group .panel + .panel {\n
          margin-top: 5px;\n
        }\n
        .faq .panel-group .panel {\n
          margin-bottom: 0;\n
          border-radius: 4px;\n
        }\n
    \t.faq .panel-default,\n
    \t.faq .panel.panel-default {\n
          border-color: #ddd;\n
        }\n
        .faq .panel-default > .panel-heading {\n
          color: #333;\n
          background-color: #f5f5f5;\n
          border-color: #ddd;\n
        }\n
        .faq .panel-group .panel-heading {\n
          border-bottom: 0;\n
            border-bottom-color: currentcolor;\n
        }\n
        .faq .panel-heading {\n
          padding: 10px 15px;\n
          border-bottom: 1px solid transparent;\n
          border-top-left-radius: 3px;\n
          border-top-right-radius: 3px;\n
        }\n
        .faq .panel-body {\n
          padding: 15px;\n
        }\n
    \n
        .col-padding {\n
            padding-left: 6px;\n
            padding-right: 0px;\n
        }\n
        .card-title {\n
            font-size: 20px;\n
            font-weight: bold;\n
            padding-bottom: 6px;\n
        }\n
        .card-title-events {\n
            font-size: 20px;\n
            font-weight: bold;\n
            padding-bottom: 6px;\n
            color:#7AB800;\n
        }\n
        .sp-green, .spGreen{\n
            color:#7AB800;\n
        }\n
        .free-access-info {\n
            font-weight: bold; /* Example property */\n
            color: #7AB800; /* Startplatz green for free access info */\n
            /* Additional styling as needed */\n
        }\n
        .cardsmall-title {\n
            font-size: 17px;\n
            font-weight: bold;\n
            margin:1px;\n
        }\n
        .card-body {\n
            color: #ffffff;\n
            padding: 10px 10px 0;\n
        }\n
        .card-body-events{\n
            color:black;\n
            padding:20px;\n
        }\n
        .card-header {\n
            background: #7AB800;\n
            min-height: 50px;\n
        }\n
        .threeLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
            display: -webkit-box;-webkit-line-clamp: 3;/* number of lines to show */line-clamp: 3;\n
            -webkit-box-orient: vertical;}\n
        @media (min-width: 0px) and (max-width: 767px) {\n
            .card-margin-right {\n
                margin-left: 15px;\n
                margin-right: 15px;\n
            }\n
        }\n
        @media (min-width: 768px) and (max-width: 991px) {\n
            .card-margin-right {\n
                margin-left: 15px;\n
                margin-right: 15px;\n
            }\n
        }\n
        @media (min-width: 992px) and (max-width: 1199px) {\n
            .card-margin-right {\n
                margin-right: 15px;\n
                margin-left: 15px;\n
            }\n
        }\n
        @media (min-width: 1200px) {\n
            .card-margin-right {\n
                margin-right: 20px;\n
                margin-left: 15px;\n
            }\n
        }\n
        a.link {\n
            text-decoration: none;\n
            color: white;\n
        }\n
        .introbig {\n
            color: black;\n
            font-size: 56px;\n
            text-align:center;\n
            font-weight: bold;\n
        }\n
        .introsmall {\n
            color: black;\n
            font-size: 18px;\n
            text-align:center;\n
            text-transform: uppercase;\n
        }\n
        .introteaser {\n
            color: black;\n
            font-size: 18px;\n
            text-align:center;\n
        }\n
        .testimonial-name {\n
            font-size: 18px;\n
            text-align:center;\n
            font-weight: bold;\n
        }\n
        .text_medium {\n
            font-size:17px;\n
            margin-left: 15px;\n
            margin-right: 15px;\n
        }\n
        .card-footer {\n
            margin:10px;\n
        }\n
        .card-body {\n
            padding: 0 10px;\n
            color: #ffffff;\n
        }\n
        #quote-text {\n
            font-size:18px;\n
        }\n
        .bg-success {\n
            background-color:#7AB800!important;\n
        }\n
    \n
        .new-label {color:#fff;background-color:#ef5777;font-size:16px;text-transform:uppercase;padding:4px 7px;display:block;position:absolute;top:-10px;left:5px\n
        }\n
        \n
        .banner-title {\n
            font-family: 'Source Sans Pro', sans-serif;\n
            text-shadow: 0px 0px 7px black;\n
            font-size: 50px;\n
            font-weight: bold;\n
            color: white;\n
        }\n
    \n
        /*Corporation Landingpage*/\n
    \n
        .bold {\n
            font-weight: bold;\n
        }\n
        .lighter {\n
            font-weight: lighter;\n
        }\n
        .temp-font{\n
            font-family: Arial;\n
        }\n
    \n
        .align-middle{\n
            margin: auto;\n
            width: 8em;\n
            height: 8em;\n
        }\n
    \n
        .list-image-hook-partner {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997119/Wordpress/Business-Club%20Landingpage%20/1.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 65px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-hook {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_24/v1653997119/Wordpress/Business-Club%20Landingpage%20/1.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 55px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-burger {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678467/Icons/business-affiliate-network.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 70px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-network {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997119/Wordpress/Business-Club%20Landingpage%20/5.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 70px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-percent {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997120/Wordpress/Business-Club%20Landingpage%20/7.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 70px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-megaphone {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1653997119/Wordpress/Business-Club%20Landingpage%20/6.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 70px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-global {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678469/Icons/worldwide.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 70px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-event {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678467/Icons/croissant.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 70px;\n
            vertical-align: middle;\n
        }\n
    \n
        .list-image-benefits {\n
            background: url("https://res.cloudinary.com/startplatz/image/upload/c_scale,w_48/v1614678466/Icons/hand-shake.png") no-repeat 0px 0px transparent;\n
            list-style-type: none;\n
            margin: 0;\n
            padding: 0px 0px 1px 70px;\n
            vertical-align: middle;\n
        }\n
    \n
        .no-border-style{\n
            border: 0px solid rgba(0,0,0,.125);\n
            border-radius: 0em;\n
        }\n
    \n
        .side-border-style{\n
            border-top: 0px solid rgba(0,0,0,.125);\n
            border-bottom: 0px solid rgba(0,0,0,.125);;\n
            border-radius: 0em;\n
        }\n
    \n
        .event-links a {\n
            color: inherit; /* blue colors for links too */\n
            text-decoration: inherit; /* no underline */\n
        }\n
    \n
        .event-links a:hover {\n
            color: inherit; /* blue colors for links too */\n
            text-decoration: inherit; /* no underline */\n
        }\n
    \n
        a.link-green {\n
            color:#7AB800;\n
        }\n
    \n
        @media (min-width: 768px) {\n
            .pt-md-6,\n
            .py-md-6 {\n
                padding-top: 5rem !important;\n
            }\n
    \n
            .pr-md-6,\n
            .px-md-6 {\n
                padding-right: 5rem !important;\n
            }\n
    \n
            .pb-md-6,\n
            .py-md-6 {\n
                padding-bottom: 5rem !important;\n
            }\n
    \n
            .pl-md-6,\n
            .px-md-6 {\n
                padding-left: 5rem !important;\n
            }\n
        }\n
    \n
            .pt-md-7,\n
            .py-md-7 {\n
                padding-top: 6rem !important;\n
            }\n
    \n
            .pr-md-7,\n
            .px-md-7 {\n
                padding-right: 6rem !important;\n
            }\n
    \n
            .pb-md-7,\n
            .py-md-7 {\n
                padding-bottom: 6rem !important;\n
            }\n
    \n
            .pl-md-7,\n
            .px-md-7 {\n
                padding-left: 6rem !important;\n
            }\n
    \n
    \n
        @media (min-width: 768px) {\n
            .height-auto {\n
                height: 400px;\n
            }\n
        }\n
    \n
        @media (max-width: 400px) {\n
            .space-3 {\n
                padding-top: 2rem !important;\n
                padding-bottom: 2rem !important; }\n
        }\n
    \n
        .btn-sp-green {\n
            color: #ffff;\n
            background-color: #7ab800 ;\n
            border-color: #7ab800;\n
        }\n
    \n
        .btn-sp-green:hover {\n
            color: #ffff;\n
            background-color: #507900;\n
            border-color: #507900;\n
        }\n
    \n
        /*Timeline at "Nächste Schritte" section*/\n
    \n
        .timeline-item {\n
            padding: 0.5em 2em 0.6em;\n
            position: relative;\n
            color: rgba(0, 0, 0, 0.88);\n
            border-left: 2px solid rgba(0, 0, 0, 0.88);\n
        }\n
    \n
        .timeline-item p {\n
            font-size: 1.1rem;\n
        }\n
    \n
        .timeline-item::before {\n
            content: attr(date-is);\n
            position: absolute;\n
            left: 2em;\n
            font-weight: bold;\n
            top: 1em;\n
            display: block;\n
            font-family: 'Roboto', sans-serif;\n
            font-weight: 700;\n
            font-size: .785rem;\n
        }\n
    \n
        .timeline-item::after {\n
            width: 10px;\n
            height: 10px;\n
            display: block;\n
            top: 1em;\n
            position: absolute;\n
            left: -7px;\n
            border-radius: 10px;\n
            content: '';\n
            border: 2px solid black;\n
            background: white;\n
        }\n
    \n
        .timeline-item:last-child {\n
            border-image: linear-gradient(\n
                    to bottom,\n
                    rgba(0, 0, 0, 0.88),\n
                    rgba(0, 0, 0, 0.88))1;\n
    \n
        }\n
    \n
    \n
        /*Timeline at "Nächste Schritte" section end */\n
    \n
    \n
        /* Slideshow container */\n
    \n
        .slideshow-container {\n
            position: relative;\n
            background: #f1f1f1f1;\n
        }\n
    \n
        /* Slides */\n
    \n
        .mySlides {\n
            display: none;\n
            padding: 80px;\n
            text-align: center;\n
            background: #8cc63f;\n
        }\n
    \n
        /* Next & previous buttons */\n
        .prev, .next {\n
            cursor: pointer;\n
            position: absolute;\n
            top: 50%;\n
            width: auto;\n
            margin-top: -30px;\n
            padding: 16px;\n
            color: white;\n
            font-weight: bold;\n
            font-size: 20px;\n
            border-radius: 0 3px 3px 0;\n
            user-select: none;\n
        }\n
    \n
        /* Position the "next button" to the right */\n
        .next {\n
            position: absolute;\n
            right: 0;\n
            border-radius: 3px 0 0 3px;\n
        }\n
    \n
        /* On hover, add a black background color with a little bit see-through */\n
        .prev:hover, .next:hover {\n
            background-color: rgba(0,0,0,0.8);\n
            color: white;\n
        }\n
    \n
        /* The dot/bullet/indicator container */\n
        .dot-container {\n
            text-align: center;\n
            padding: 20px;\n
            background: #8cc63f;\n
        }\n
    \n
        /* The dots/bullets/indicators */\n
        .dot {\n
            cursor: pointer;\n
            height: 15px;\n
            width: 15px;\n
            margin: 0 2px;\n
            background-color: #bbb;\n
            border-radius: 50%;\n
            display: inline-block;\n
            transition: background-color 0.6s ease;\n
        }\n
    \n
        /* Add an italic font style to all quotes */\n
        q {\n
            font-size: 15px;\n
            font-style: italic;\n
            color: white;\n
        }\n
    \n
        /* Add a blue color to the author */\n
        .author {color: white;}\n
    \n
        /* Slideshow container end */\n
    \n
        /* Corporation Landingpage end */\n
    \n
    \n
        /* Service Partner */\n
        .partner-headline {\n
            font-size: 40px;\n
            font-weight: lighter;\n
        }\n
    \n
        .col-same-heigth img {width: 100%; height: auto;  }\n
    \n
        @media (min-width: 500px) {\n
            .container-div {\n
                display: table;\n
                border-spacing: 16px;\n
            }\n
            .col-same-heigth {\n
                display: table-cell;\n
                box-sizing: border-box;\n
                cell-spacing: 8px;\n
                padding: 0.5em;\n
                vertical-align: top\n
            }\n
    \n
    \n
        }\n
    \n
    \n
        /* Service Partner end */\n
    \n
    \n
        /*Card default*/\n
        .card-general {\n
            width: 18rem;height: 26rem;border: 2px solid #7ab800;\n
            box-shadow: 0 6px 10px rgba(0, 0, 0, 0.16), 0 0 6px rgba(0, 0, 0, 0.1);\n
            transition: .4s transform cubic-bezier(.155,1.105,.295,1.12),.4s box-shadow,.4s\n
            -webkit-transform cubic-bezier(.155,1.105,.295,1.12);\n
        }\n
        .card-general-hover:hover {transform: scale(1.04);}\n
    \n
        /*Card Header with background color and centered title*/\n
        .card-general-header {\n
            display: flex;\n
            align-items: center;\n
            text-align: left;\n
            justify-content: center;\n
            width: 100%;\n
            height: 8rem;\n
            background:  #7ab800;\n
        }\n
    \n
        /*Card Header with image*/\n
        .card-general-header-image{text-align: center;width: 100%;height: 10rem;}\n
        .card-general-header-image img {width: 100%;height: 100%;object-fit: contain;}\n
        .card-general-header-image svg {width: 100%;height: 100%;object-fit: contain;}\n
    \n
        /*Card separator*/\n
        .card-general-seperator {width: 100%;height: 0.6rem;\n
            background: linear-gradient(90deg,#7AB800 0%, #AACF61 60%, #ffffff 110%);\n
        }\n
    \n
        /*Card body default*/\n
        .card-general-body {height: 15rem; display:flex; flex-direction: column; width: 100%; overflow:hidden;}\n
        .card-general-body::-webkit-scrollbar {display: none; scrollbar-width: none;}\n
        .rounded-pill-green{background-color: #AACF61;}\n
        .rounded-pill-grey{background-color: #d7d9d4;}\n
    \n
    \n
        \n
        \n
        .card-startup {\n
            height: 20rem;\n
            background-color: #fff;\n
            border: 3px solid black;\n
            flex-wrap: wrap;\n
            display: flex;\n
            justify-content: space-between;\n
        }\n
        .card-startup-logo a {\n
            width: 100%;\n
            height: 20rem;\n
            object-fit: contain;\n
            float: left;\n
        }\n
        .card-startup-logo img {\n
            width: 100%;\n
            height: 20rem;\n
            max-height: 260px;\n
            object-fit: contain;\n
            float: left;\n
        }\n
        .card-startup-logo svg {\n
            width: 100%;\n
            height: 20rem;\n
            max-height: 260px;\n
            object-fit: contain;\n
            float: left;\n
        }\n
        .card-startup .card-name {\n
            font-size: 30px;\n
            float: left;\n
            color: black;\n
            position: relative;\n
            font-weight: bold;\n
            display: block;\n
        }\n
        .card-startup .card-content {\n
            width: 100%;\n
            height: 100%;\n
            margin:  5px 0px 0px 0px;\n
            display: flex;\n
            flex-direction: column;\n
        }\n
        .card-startup .card-content p{\n
            width: 100%;\n
            font-size: 15px;\n
            color: black;\n
            padding:  0px;\n
        }\n
        .card-place {\n
            display: inline-block;\n
            color: black;\n
            padding: 10px 0px;\n
        }\n
        .card-place img{\n
            width: 15px;\n
            height: 20px;\n
        }\n
        .card-startup-link{\n
            display: inline-block;\n
            padding: 10px 0px;\n
        }\n
        .card-startup-link img{\n
            width: 35px;\n
            height: 35px;\n
        }\n
        .card-startup-link a{\n
            color: black;\n
            font-weight: bold;\n
            padding: 0px 10px;\n
        }\n
        @media (max-width: 575px) {\n
            .card-startup {\n
                height: auto;\n
            }\n
        }\n
    \n
        \n
    \n
        .oneLineEllipsis {overflow: hidden;text-overflow: ellipsis;word-break:break-all;\n
            display: -webkit-box;-webkit-line-clamp: 1;/* number of lines to show */line-clamp: 1;\n
            -webkit-box-orient: vertical;}\n
        .twoLineEllipsis {overflow: hidden;text-overflow: ellipsis;word-break:break-all;\n
            display: -webkit-box;-webkit-line-clamp: 2;/* number of lines to show */line-clamp: 2;\n
            -webkit-box-orient: vertical;}\n
        .threeLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
            display: -webkit-box;-webkit-line-clamp: 3;/* number of lines to show */line-clamp: 3;\n
            -webkit-box-orient: vertical;}\n
        .fourLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
            display: -webkit-box;-webkit-line-clamp: 4;/* number of lines to show */line-clamp: 4;\n
            -webkit-box-orient: vertical;}\n
        .fiveLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
            display: -webkit-box;-webkit-line-clamp: 5;/* number of lines to show */line-clamp: 5;\n
            -webkit-box-orient: vertical;word-wrap:break-word;}\n
        .sixLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
            display: -webkit-box;-webkit-line-clamp: 6;/* number of lines to show */line-clamp: 6;\n
            -webkit-box-orient: vertical;word-wrap:break-word;}\n
        .xLineEllipsis {overflow: hidden;text-overflow: ellipsis;\n
            display: -webkit-box;/* number of lines to show: line-clamp: 3;-webkit-line-clamp: 3; */\n
            -webkit-box-orient: vertical;}\n
    \n
        \n
        .office-gallery {\n
            display: flex;\n
            flex-wrap: wrap;\n
            justify-content: center;\n
        }\n
    \n
        .office-gallery-row {\n
            display: flex;\n
            flex-direction: row;\n
            width: 85%;\n
        }\n
    \n
        .office-gallery-row img {\n
            width: 50%;\n
            box-sizing: border-box;\n
            padding: 10px;\n
        }\n
    \n
        .flex-container-office {\n
            display: flex;\n
            flex-direction: row;\n
        }\n
    \n
        @media (max-width: 800px) {\n
            .flex-container-office {\n
                flex-direction: column;\n
            }\n
        }\n
    \n
        .office-grid {\n
            display: grid;\n
            grid-template-columns: repeat(7, 1fr);\n
            grid-template-rows: repeat(5, 1fr);\n
            width: 100%;\n
            height: 600px;\n
            grid-gap: 10px;\n
        }\n
    \n
        .grid-item1 {\n
            background-image: url("https://images.unsplash.com/photo-1534719156993-f3c9448673bf?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=f089cfa06eb1cd7c0f654b39d8fdfd07&auto=format&fit=crop&w=1350&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 1/4;\n
            grid-row: 1/6;\n
        }\n
    \n
        .grid-item2 {\n
            background-image: url("https://images.unsplash.com/photo-1534759846116-5799c33ce22a?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=19c8355cd5aff72debf2f4720f4c7e09&auto=format&fit=crop&w=688&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 1/2;\n
            grid-row: 2/5;\n
        }\n
    \n
        .grid-item3 {\n
            background-image: url("https://images.unsplash.com/photo-1508097549463-97f74cb9a6aa?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=52c257bf60c788a1332419c74c6a8a01&auto=format&fit=crop&w=1350&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 1/5;\n
            grid-row: 5/5;\n
        }\n
    \n
        .grid-item4 {\n
            background-image: url("https://images.unsplash.com/photo-1507562534834-42ebd36b00ea?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=f712012a42c9e9d9163fd9a0c80fd66a&auto=format&fit=crop&w=1202&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 2/4;\n
            grid-row: 2/5;\n
        }\n
    \n
        .grid-item5 {\n
            background-image: url("https://images.unsplash.com/photo-1534714259038-764cb4cf1d58?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=d07ea713fcf12221034dafd8f4ffe82b&auto=format&fit=crop&w=1350&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 4/6;\n
            grid-row: 1/3;\n
        }\n
    \n
        .grid-item6 {\n
            background-image: url("https://images.unsplash.com/photo-1515694581961-1fbdb6840a5f?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=4267be6fb944c94b672e0b3ddb458286&auto=format&fit=crop&w=634&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 4/5;\n
            grid-row: 3/6;\n
        }\n
    \n
        .grid-item7 {\n
            background-image: url("https://images.unsplash.com/photo-1534703580202-6123d4189ef6?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=5478b30dec2346f00a40ab259d162068&auto=format&fit=crop&w=634&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 5/6;\n
            grid-row: 3/6;\n
        }\n
    \n
        .grid-item8 {\n
            background-image: url("https://images.unsplash.com/photo-1534743901536-d184ed4194bc?ixlib=rb-0.3.5&s=21fd4555141d93425b8ee3f80f764e69&auto=format&fit=crop&w=634&q=80");\n
            background-size: cover;\n
            background-position: center;\n
            grid-column: 6/8;\n
            grid-row: 1/6;\n
        }\n
        \n
        /* TARIFE */\n
    \n
        .card-memberships {\n
            padding-bottom: 0px;\n
            border-left: 4px solid #7ab800;\n
            height: 170px;\n
            border-radius: 1.5rem;\n
            background-color: #eee;\n
            margin-bottom: 1.0rem;\n
        }\n
    \n
        .card-header-memberships {\n
            display: flex;\n
            align-items: center;\n
            text-align: left;\n
            justify-content: center;\n
            width: 100%;\n
            height: 90px;\n
            border-bottom: none;\n
            border-radius: 1.5rem;\n
        }\n
    \n
        .card-body-memberships {\n
            display: flex;\n
            align-items: center;\n
            justify-content: center;\n
            font-size: 0.9rem;\n
            line-height: 1.4;\n
            font-weight: 500;\n
            text-align: center;\n
            color: #000000;\n
        }\n
    \n
        .community_perks {\n
            border-left: 4px solid #7ab800;\n
            background-color: #eee;\n
        }\n
    \n
        .office_perks {\n
            border-top: 2px solid #ffffff;\n
            border-left: 4px solid #0680bb;\n
            background-color: #eee;\n
        }\n
    \n
        .office_perks_link {\n
            color: black;\n
            text-decoration: underline;\n
        }\n
    \n
        .memberships {\n
            margin-right: 20px;\n
            margin-left: 20px;\n
            font-size: 15px;\n
        }\n
    \n
        .memberships-headline h3{\n
            font-size: 20px;\n
        }\n
    \n
        .memberships-headline h3:after {\n
            content: " ";\n
            display: block;\n
            width: 100px;\n
            border-bottom: 2px solid #8cc63f;\n
            margin-top: 5px;\n
            margin-bottom: 10px;\n
        }\n
    \n
        /* Create four columns of equal width */\n
        .columns-memberships {\n
            float: left;\n
            width: 25%;\n
            padding: 8px;\n
        }\n
    \n
        /* Create four columns of equal width */\n
        .columns-memberships {\n
            float: left;\n
            width: 25%;\n
            padding: 8px;\n
        }\n
    \n
        /* Change the width of the three columns to 100%\n
    (to stack horizontally on small screens) */\n
        @media (max-width: 768px) {\n
            .columns-memberships {\n
                width: 100%;\n
            }\n
        }\n
    \n
        @media (max-width: 767px) {\n
            .hidden-xs {\n
                display: none !important;\n
            }\n
        }\n
    \n
        a.link-memberships {\n
            text-decoration: none;\n
            color: #7ab800;\n
        }\n
    \n
        /* Style the list */\n
        .price {\n
            list-style-type: none;\n
            border: 1px solid #eee;\n
            margin: 0;\n
            padding: 0;\n
            -webkit-transition: 0.3s;\n
            transition: 0.3s;\n
        }\n
    \n
        /* Add shadows on hover */\n
        .price:hover {\n
            box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)\n
        }\n
    \n
        /* Pricing header */\n
        .price .header {\n
            background-color: #8cc63f;\n
            color: white;\n
            font-size: 25px;\n
        }\n
    \n
        /* List items */\n
        .price li {\n
            border-bottom: 1px solid #eee;\n
            padding: 10px;\n
            text-align: center;\n
        }\n
    \n
        /* Grey list item */\n
        .price .grey {\n
            background-color: #eee;\n
            font-size: 20px;\n
        }\n
    \n
        /* Grey list item location */\n
        .price .grey_second {\n
            background-color: #eee;\n
            font-size: 14px;\n
            display: inline-flex;\n
        }\n
    \n
        /* Placeholder */\n
        .clear .clear {\n
            clear: both;\n
        }\n
    \n
    \n
        /* Grey list small item */\n
        .price .grey_small {\n
            background-color: #eee;\n
            font-size: 12px;\n
        }\n
    \n
        /* The "Sign Up" button */\n
        .button-sign-up {\n
            background-color: #8cc63f;\n
            border: none;\n
            color: white;\n
            padding: 10px 25px;\n
            text-align: center;\n
            text-decoration: none;\n
            font-size: 18px;\n
        }\n
    \n
        .memberships-top-headline {\n
            font-size: 65px;\n
        }\n
    \n
        @media (max-width: 768px) {\n
            .memberships-top-headline {\n
                font-size: 55px;\n
            }\n
        }\n
    \n
        .general-line-clamp {\n
            display            : block;\n
            display            : -webkit-box;\n
            -webkit-box-orient : vertical;\n
            position           : relative;\n
            overflow           : hidden;\n
            text-overflow      : ellipsis;\n
            padding            : 0 !important;\n
            line-height: var(--global--line-height-body,1.2) !important;\n
        }\n
    \n
        .general-line-clamp-1 {\n
            -webkit-line-clamp : 1;\n
            height             : calc(1em * var(--global--line-height-body, 1.15) * 1.6);\n
        }\n
    \n
        .general-line-clamp-2 {\n
            -webkit-line-clamp : 2;\n
            height             : calc(1em * var(--global--line-height-body, 1.15) * 2);\n
        }\n
    \n
        .general-line-clamp-3 {\n
            -webkit-line-clamp : 3;\n
            height             : calc(1em * var(--global--line-height-body, 1.15) * 3);\n
        }\n
    \n
        .general-line-clamp-4 {\n
            -webkit-line-clamp : 4;\n
            height             : calc(1em * var(--global--line-height-body, 1.15) * 4);\n
        }\n
    \n
        .general-line-clamp-5 {\n
            -webkit-line-clamp : 5;\n
            height             : calc(1em * var(--global--line-height-body, 1.15) * 5.6);\n
        }\n
    \n
        /* Geschäftsadresse Köln */\n
    \n
        .business-address .font-weight-light{\n
            font-weight: 300!important;\n
        }\n
    \n
        .business-address .intro-text {\n
            text-align: justify;\n
            max-width: 875px;\n
            margin: 3rem auto;\n
        }\n
    \n
        .business-address .intro-text p {\n
            font-size: 1.6rem;\n
            line-height: 1.7;\n
        }\n
    \n
        .business-address .placeholder-addition {\n
            height: 160px;\n
            z-index:1;\n
            position: absolute;\n
        }\n
    \n
        .business-address .panel-heading-box{\n
            background-color: #f5f5f5;\n
            width: 1045px;\n
        }\n
    \n
        .business-address .panel-heading-entry{\n
            text-decoration: none !important;\n
            color: #7ab800;\n
            cursor:pointer;\n
        }\n
    \n
        .business-address .panel-collapse-box{\n
            background-color: white;\n
            width: 1045px;\n
        }\n
    \n
    \n
    \n
    </style>\n
    \n
        <!-- additional css style definitions ends -->\n
    \n
        <style type="text/css">\n
            body {\n
                padding-top: 50px;\n
                font-family: 'Source Sans Pro', sans-serif;\n
            }\n
        </style>\n
    \n
        <!-- header-startplatz-v40.php ends -->\n
    \n
        <!-- Custom CSS per page (after Bootstrap) -->\n
        </head>\n
    \n
    \n
    <body id="top" >\n
        <!-- Google Tag Manager (noscript) -->\n
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5WTVWDT"\n
                          height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>\n
        <!-- End Google Tag Manager (noscript) -->\n
    \n
        <!-- X STARTPLATZ content4.0 part -->\n
        <!-- menu starts -->\n
        \n
    \n
    <style>\n
    \n
    \n
    #imgNav {\n
        height: 45px;\n
        width: 45px;\n
    \n
    }\n
    #imgNav img {\n
        object-fit: cover;\n
    }\n
    \n
    .navbar-collapse .navbar-nav .nav-item a:hover {\n
        background-color: #aacf61ff;\n
        color: #000000;\n
        border-radius: 5px;\n
    \n
    }\n
    \n
    .logo {\n
        font-weight: bolder;\n
        font-size: 1.5rem;\n
    }\n
    \n
    .navbar-nav .nav-item .dropdown-menu {\n
        border: none;\n
        background-color: #eae9e9;\n
    }\n
    \n
    #userNamePlaceHolder {\n
        background-color: rgba(170, 207, 97, 0.6);\n
    }\n
    .navbar-nav .nav-item .dropdown-menu a:hover {\n
        border-radius: 0;\n
    \n
    }\n
    \n
    \n
    .navbar-nav .nav-item .loginlink {\n
        background-color:#aacf61ff;\n
    }\n
    .navbar-collapse .navbar-nav .nav-item .loginlink:hover {\n
        background-color:#7ab800;\n
    }\n
    \n
    @media all and (min-width: 992px) {\n
        .navbar .dropdown-menu-end{ right:0; left: auto;  }\n
        .navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.1s; margin-top:0;  }\n
        .navbar .nav-item:hover .nav-link{ color: #000000;  }\n
        .navbar .dropdown-menu.fade-down {\n
            top:80%; transform: rotateX(-75deg); transform-origin: 0 0;\n
        }\n
        .navbar .dropdown-menu.fade-up{ top:180%;  }\n
        .navbar .nav-item:hover .dropdown-menu{transition: 0.1s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }\n
    }\n
    @media (max-width: 768px ) {\n
        .collapse {\n
            height: 100vh;\n
            transition: 0.5s; opacity: 1; visibility: visible; top: 100%; transform: rotateX(0deg);\n
        }\n
    \n
    \n
    }\n
    \n
    .highlight {\n
        border-bottom: 3px solid #AACF61;\n
    }\n
    \n
    .padding-bottom {\n
        padding-bottom: 2px;\n
    }\n
    </style>\n
    \n
    <style>\n
        .ai-hub-link:hover {\n
            color: black; /* Textfarbe beim Hover */\n
        }\n
    </style>\n
    \n
    \n
    \n
    <nav class="navbar navbar-dark bg-dark navbar-expand-lg fixed-top shadow-lg padding-bottom d-flex justify-content-lg-center">\n
            <a class="logo navbar-brand text-center mr-2 mr-lg-4" href="https://www.startplatz.de" rel="tooltip" title="Home for the innovative people in Rheinland" data-placement="bottom" >\n
                <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,w_107/v1614775778/logos/STARTPLATZ_Logos/STARTPLATZ_Logo_wei%C3%9F.png" class="p-0 m-0">\n
            </a>\n
    \n
            <button class="navbar-toggler " type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navbarSupportedContent-3" aria-expanded="false" aria-label="Toggle navigation">\n
                <span class="navbar-toggler-icon"></span>\n
            </button>\n
    \n
            <div class="collapse navbar-collapse mt-1" id="navigation" style="font-size: 0.9rem; max-width:920px" >\n
                    <ul class="navbar-nav mr-3">\n
                        \n
                        <li class="nav-item active mb-2 mt-2 mr-1 ml-0 mr-2">\n
                            <a class="nav-link px-2" style="background-color: rgba(142,86,255,1.0); border-radius: 10px; min-width:75px; display: inline-block; text-align: center;" href="https://startplatz-ai-hub.de">\n
                                AI Hub\n
                            </a>\n
                        </li>\n
    \n
                        <li class="nav-item dropdown active  mt-2 mr-2">\n
                            <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
                                Startups\n
                            </a>\n
                            <div class="dropdown-menu dropdown-menu-left" aria-labelledby="navbarDropdownMenuLink">\n
                                <hr class="my-2 mx-3">\n
                                <a class="dropdown-item" href="/memberships">\n
                                    Memberships\n
                                </a>\n
                                <hr class="my-2 mx-3">\n
                                <a class="dropdown-item" href="/accelerator/">\n
                                    Accelerator\n
                                </a>\n
                                <a class="dropdown-item" href="https://www.rheinlandpitch.de">\n
                                    Rheinland Pitch\n
                                </a>\n
                                <a class="dropdown-item" href="/gruendungsstipendium-nrw/">\n
                                    Gründungsstipendium NRW\n
                                </a>\n
                                \n
                            </div>\n
                        </li>\n
    \n
    \n
                        <li class="nav-item dropdown active  mt-2 mr-2\n
                                                                                       ">\n
                            <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
                                Unternehmen\n
                            </a>\n
                            <div class="dropdown-menu dropdown-menu-left" aria-labelledby="navbarDropdownMenuLink">\n
                                                            <a class="dropdown-item" href="/fuer-unternehmen">\n
                                    Innovation &amp; Partnerschaften\n
                                </a>\n
                                <a class="dropdown-item" href="/ki-weiterbildungen">\n
                                    KI-Weiterbildung\n
                                </a>\n
                            </div>\n
                        </li>\n
    \n
                        <li class="nav-item dropdown active  mt-2 mr-2">\n
                            <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
                                Büros / Coworking\n
                            </a>\n
                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">\n
                                <a class="dropdown-item" href="/teambuero-koeln">\n
                                    Büros in Köln\n
                                </a>\n
                                <a class="dropdown-item" href="/teambuero-duesseldorf">\n
                                    Büros in Düsseldorf\n
                                </a>\n
                                <a class="dropdown-item" href="/coworking-koeln">\n
                                    Coworking in Köln\n
                                </a>\n
                                <a class="dropdown-item" href="/coworking-duesseldorf">\n
                                    Coworking in Düsseldorf\n
                                </a>\n
                                <a class="dropdown-item" href="/geschaeftsanschrift-koeln">\n
                                    Geschäftsadresse Köln\n
                                </a>\n
                                <a class="dropdown-item" href="/geschaeftsanschrift-duesseldorf">\n
                                    Geschäftsadresse Düsseldorf\n
                                </a>\n
                            </div>\n
                        </li>\n
    \n
    \n
                        <li class="nav-item dropdown active  mt-2 mr-2">\n
                            <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
                                Konferenzräume\n
                            </a>\n
                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">\n
                                <a class="dropdown-item" href="/koeln-tagungsraeume-und-konferenzraeume">\n
                                    Konferenzräume in Köln\n
                                </a>\n
                                <a class="dropdown-item" href="/duesseldorf-tagungsraeume-und-konferenzraeume">\n
                                    Konferenzräume in Düsseldorf\n
                                </a>\n
    \n
                            </div>\n
                        </li>\n
    \n
    \n
                        <li class="nav-item active mt-2 mr-2\n
                                    ">\n
                            <a href="/events" class="nav-link px-2">\n
                                Events\n
                            </a>\n
                        </li>\n
    \n
    \n
                        <li class="nav-item dropdown active  mt-2 mr-2\n
                                                                                        ">\n
                            <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
                                Über uns\n
                            </a>\n
                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">\n
                                <a class="dropdown-item" href="/presse">\n
                                    Über STARTPLATZ\n
                                </a>\n
                                <a class="dropdown-item" href="/standorte">\n
                                    Standorte\n
                                </a>\n
                                <a class="dropdown-item" href="/startplatz-team">\n
                                    STARTPLATZ Team\n
                                </a>\n
                                <a class="dropdown-item" href="/partner">\n
                                    Partner\n
                                </a>\n
                                <a class="dropdown-item" href="/startups">\n
                                    Unsere Startups\n
                                </a>\n
                                <a class="dropdown-item" href="/referenzen">\n
                                    Referenzen\n
                                </a>\n
                                <a class="dropdown-item" href="/karriere">\n
                                    Karriere\n
                                </a>\n
    \n
                            </div>\n
                        </li>\n
    \n
                        <li class="nav-item active  mt-2 mr-2">\n
                            <a class="nav-link px-2" href="/blog">\n
                                Blog\n
                            </a>\n
                        </li>\n
    \n
                        <li class="nav-item mt-2 mr-2">\n
                        <link href="https://fonts.googleapis.com/icon?family=Material+Icons%7CMaterial+Icons+Outlined" rel="stylesheet">\n
    <li class="nav-item dropdown active  mt-2 mr-2">\n
        <a href="#" class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
            <span class="material-icons-outlined" style="font-size:20px; vertical-align: bottom; color:white">\n
            language\n
            </span>\n
        </a>\n
        <div class="dropdown-menu" style="width:70px; min-width:70px;" aria-labelledby="navbarDropdownMenuLink">\n
                                            <a class="dropdown-item" href="/">\n
                    <img src="/bundles/startplatzstyle/images/german_language.png" height="20px;" alt="Deutsch">\n
                </a>\n
            \n
                                <a class="dropdown-item" href="/en/duesseldorf-conference-and-meeting-rooms">\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
    \n
        VA DUS mit Rabattaktion\r\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: 0rem !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
    \r\n
    \r\n
    </style>\r\n
    \r\n
    \r\n
    <!-- RABATTAKTION BANNER (Januar & Februar) - DIESEN BLOCK NACH AKTION LÖSCHEN/AUSKOMMENTIEREN -->\r\n
    <a href="https://form.typeform.com/to/pWRN42" class="scrolling-banner" target="_blank" style="background: linear-gradient(135deg, #FF5722 0%, #FF6B3D 100%); box-shadow: 0 4px 10px rgba(255, 87, 34, 0.3); padding-top: 4rem;">\r\n
      <div class="scrolling-content">\r\n
          <span>🚀 SPECIAL OFFER: 20% Rabatt auf alle Tagungsräume im Januar & Februar! Jetzt buchen und sparen! 🚀</span>\r\n
          <span>🚀 SPECIAL OFFER: 20% Rabatt auf alle Tagungsräume im Januar & Februar! Jetzt buchen und sparen! 🚀</span>\r\n
          <span>🚀 SPECIAL OFFER: 20% Rabatt auf alle Tagungsräume im Januar & Februar! Jetzt buchen und sparen! 🚀</span>\r\n
          <span>🚀 SPECIAL OFFER: 20% Rabatt auf alle Tagungsräume im Januar & Februar! Jetzt buchen und sparen! 🚀</span>\r\n
          <span>🚀 SPECIAL OFFER: 20% Rabatt auf alle Tagungsräume im Januar & Februar! Jetzt buchen und sparen! 🚀</span>\r\n
      </div>\r\n
    </a>\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
              <!-- Linke Seite: Bildbereich mit 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>Inspirierende Tagungsräume für erfolgreiche Veranstaltungen</h2>\r\n
                          <p>Moderne Konferenzräume mit hochwertiger Ausstattung im Herzen von Düsseldorf</p>\r\n
                          <a href="#raumauswahl" class="btn-scroll">\r\n
                              <span>Räume entdecken</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
              <!-- Rechte Seite: Textbereich -->\r\n
              <div class="col-lg-6 header-text-container">\r\n
                  <div class="header-content">\r\n
                      <h1>Konferenzräume buchen – STARTPLATZ Düsseldorf im Medienhafen</h1>\r\n
                      <p class="header-subtitle">Professionelle Meetingräume für Workshops, Konferenzen und Veranstaltungen aller Art</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>Zentrale Lage</h3>\r\n
                                  <p>Im Medienhafen Düsseldorf mit optimaler Verkehrsanbindung</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 Kapazitäten</h3>\r\n
                                  <p>Meetingräume für 4 bis 120 Personen</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>Moderne Technik</h3>\r\n
                                  <p>Highspeed WLAN, Bildschirme und moderne Präsentationstechnik</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 Raumgestaltung</h3>\r\n
                                  <p>Diverse Bestuhlungsoptionen für Ihre Anforderungen</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/pWRN42" class="btn btn-primary" target="_blank">Jetzt Raum anfragen</a>\r\n
                        <a href="tel:+4921193672520" class="btn btn-outline">Anruf: 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
      <!-- ========================================\r\n
      LAUFTEXT-BANNER MIT RABATTAKTION\r\n
      ========================================\r\n
      \r\n
      ANLEITUNG FÜR NACH DER RABATTAKTION:\r\n
      \r\n
      1. Lösche oder kommentiere den oberen Banner-Block aus (Zeile mit style="background: linear-gradient...")\r\n
      2. Entferne die Auskommentierung beim unteren Standard-Banner\r\n
      3. Fertig! Das grüne Standard-Banner ist wieder aktiv.\r\n
      \r\n
      ======================================== -->\r\n
    \r\n
    \r\n
    \r\n
    <!-- STANDARD BANNER (Grün) - NACH RABATTAKTION DIESE AUSKOMMENTIERUNG ENTFERNEN\r\n
    <a href="https://form.typeform.com/to/pWRN42" class="scrolling-banner" target="_blank">\r\n
    <div class="scrolling-content">\r\n
       <span>🚀 Jetzt Raum sichern: Moderne Tagungsräume im STARTPLATZ Düsseldorf – flexibel, voll ausgestattet und mitten im Medienhafen! 🚀</span>\r\n
       <span>🚀 Jetzt Raum sichern: Moderne Tagungsräume im STARTPLATZ Düsseldorf – flexibel, voll ausgestattet und mitten im Medienhafen! 🚀</span>\r\n
       <span>🚀 Jetzt Raum sichern: Moderne Tagungsräume im STARTPLATZ Düsseldorf – flexibel, voll ausgestattet und mitten im Medienhafen! 🚀</span>\r\n
       <span>🚀 Jetzt Raum sichern: Moderne Tagungsräume im STARTPLATZ Düsseldorf – flexibel, voll ausgestattet und mitten im Medienhafen! 🚀</span>\r\n
       <span>🚀 Jetzt Raum sichern: Moderne Tagungsräume im STARTPLATZ Düsseldorf – flexibel, voll ausgestattet und mitten im Medienhafen! 🚀</span>\r\n
    </div>\r\n
    </a>\r\n
    -->\r\n
    \r\n
    <!-- ======================================== -->\r\n
    \r\n
    \r\n
    <!---------------------------------------- Beginn Raumkarten ---------------------------------------->\r\n
    \r\n
    <section id="raumauswahl" class="room-grid-wrapper">\r\n
          <div class="room-grid">\r\n
            \r\n
     <!-------------------- Raum Porto mit Modal-Trigger -------------------->\r\n
    <div class="room-card" onclick="openModal('porto-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 -20%\r\n
            </div>\r\n
            \r\n
            <div class="slide active"><img src="https://res.cloudinary.com/startplatz/image/upload/v1769002521/conference-rooms/Porto%20neu%202026/IMG_8568_1.jpg" alt="Raum Porto"></div>\r\n
            <div class="slide"><img src="https://res.cloudinary.com/startplatz/image/upload/v1769002515/conference-rooms/Porto%20neu%202026/IMG_8575_1_1.jpg" alt="Raum Porto 2"></div>\r\n
            <div class="slide"><img src="https://res.cloudinary.com/startplatz/image/upload/v1769002525/conference-rooms/Porto%20neu%202026/IMG_8578_1.jpg" alt="Raum Porto 3"></div>\r\n
            <div class="slide"><img src="https://res.cloudinary.com/startplatz/image/upload/v1769001781/conference-rooms/Porto%20neu%202026/IMG_8640.jpg" alt="Raum Porto 4"></div>\r\n
            <div class="slide"><img src="https://res.cloudinary.com/startplatz/image/upload/v1769002520/conference-rooms/Porto%20neu%202026/IMG_8573_1.jpg" alt="Raum Porto 5"></div>\r\n
        \r\n
            <div class="nav left" onclick="changeSlide(this, -1); event.stopPropagation();">\r\n
                <span class="arrow">&#10094;</span>\r\n
            </div>\r\n
            <div class="nav right" onclick="changeSlide(this, 1); event.stopPropagation();">\r\n
                <span class="arrow">&#10095;</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
                <span class="dot" onclick="goToSlide(this, 3); event.stopPropagation();"></span>\r\n
                <span class="dot" onclick="goToSlide(this, 4); 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>Kleiner Meetingraum ideal für Besprechungen und konzentriertes Arbeiten.</p>\r\n
                <div class="capacity">\r\n
                    <strong>Kapazität:</strong><br>\r\n
                    6 Personen · 18 qm\r\n
                </div>\r\n
            </div>\r\n
            <div class="price-info">\r\n
                <a href="https://form.typeform.com/to/pWRN42" class="btn" target="_blank" onclick="event.stopPropagation();">Jetzt anfragen</a>\r\n
                <div class="price-tag">\r\n
                    <div style="text-decoration: line-through; color: #999; font-size: 1rem;">50€</div>\r\n
                    <div class="price-amount" style="color: #FF5722;">40€</div>\r\n
                    <div class="price-unit">pro Stunde</div>\r\n
                    <div class="price-day"><span style="text-decoration: line-through; color: #999;">300€</span> <span style="color: #FF5722; font-weight: bold;">240€</span> ganztags</div>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
        </div>\r\n
        \r\n
        <!-- Das Modal für den Raum Porto -->\r\n
        <div id="porto-modal" class="modal">\r\n
        <div class="modal-content">\r\n
          <span class="close" onclick="closeModal('porto-modal')">&times;</span>\r\n
          \r\n
          <h2>Raum Porto</h2>\r\n
          \r\n
          <!-- Hauptbild des Raumes -->\r\n
          <img src="https://res.cloudinary.com/startplatz/image/upload/v1769002521/conference-rooms/Porto%20neu%202026/IMG_8568_1.jpg" alt="Raum Porto" class="modal-room-main-image" id="porto-main-image">\r\n
          \r\n
          <!-- Miniaturbilder zum Durchklicken -->\r\n
          <div class="modal-room-images">\r\n
            <img src="https://res.cloudinary.com/startplatz/image/upload/v1769002521/conference-rooms/Porto%20neu%202026/IMG_8568_1.jpg" alt="Raum Porto" onclick="changeMainImage('porto-main-image', this.src)">\r\n
            <img src="https://res.cloudinary.com/startplatz/image/upload/v1769002515/conference-rooms/Porto%20neu%202026/IMG_8575_1_1.jpg" alt="Raum Porto 2" onclick="changeMainImage('porto-main-image', this.src)">\r\n
            <img src="https://res.cloudinary.com/startplatz/image/upload/v1769002525/conference-rooms/Porto%20neu%202026/IMG_8578_1.jpg" alt="Raum Porto 3" onclick="changeMainImage('porto-main-image', this.src)">\r\n
            <img src="https://res.cloudinary.com/startplatz/image/upload/v1769001781/conference-rooms/Porto%20neu%202026/IMG_8640.jpg" alt="Raum Porto 4" onclick="changeMainImage('porto-main-image', this.src)">\r\n
            <img src="https://res.cloudinary.com/startplatz/image/upload/v1769002520/conference-rooms/Porto%20neu%202026/IMG_8573_1.jpg" alt="Raum Porto 5" 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>Informationen</h3>\r\n
              \r\n
              <!-- Special Offer Banner im 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: 20% RABATT – Nur für Januar & Februar!\r\n
              </div>\r\n
              \r\n
              <p>\r\n
                Der Meetingraum „Porto" bietet Sitzmöglichkeiten für bis zu 6 Personen. Durch die große Fensterfront ist der Raum den ganzen Tag lichtdurchflutet. Unter anderem deshalb ist der Raum sehr beliebt für die Durchführung klassischer Kundenmeetings oder Teambesprechungen.\r\n
              </p>\r\n
              <ul>\r\n
                <li><strong>Größe:</strong> 18 qm</li>\r\n
                <li><strong>Kapazität:</strong> bis zu 6 Personen</li>\r\n
                <li><strong>Preis:</strong> <span style="text-decoration: line-through; color: #999;">50€ pro Stunde / 300€ ganztags</span> <span style="color: #FF5722; font-weight: bold;">40€ pro Stunde / 240€ ganztags</span></li>\r\n
              </ul>\r\n
              \r\n
              <!-- Grüner Button im Modal -->\r\n
              <a href="https://form.typeform.com/to/pWRN42" class="btn" target="_blank" style="margin-top: 20px;">Jetzt anfragen</a>\r\n
            </div>\r\n
            \r\n
            <div class="col-md-6">\r\n
              <h3>Bestuhlungsvarianten</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-Bestuhlung">\r\n
                  <h4>Block</h4>\r\n
                  <p>6 Personen</p>\r\n
                </div>\r\n
              </div>\r\n
            </div>\r\n
          </div>\r\n
          \r\n
          <div class="room-specs">\r\n
            <h3>Ausstattung</h3>\r\n
            <div class="spec-grid">\r\n
              <div class="spec-item">\r\n
                <i class="fas fa-wifi"></i>\r\n
                <span>Highspeed WLAN</span>\r\n
              </div>\r\n
              <div class="spec-item">\r\n
                <i class="fas fa-tv"></i>\r\n
                <span>Bildschirm</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>Ausreichend Steckdosen</span>\r\n
              </div>\r\n
              <div class="spec-item">\r\n
                <i class="fas fa-sun"></i>\r\n
                <span>Viel Tageslicht</span>\r\n
              </div>\r\n
              <div class="spec-item">\r\n
                <i class="fas fa-couch"></i>\r\n
                <span>Komfortable Sitzmöbel</span>\r\n
              </div>\r\n
              <div class="spec-item">\r\n
                <i class="fas fa-coffee"></i>\r\n
                <span>Getränkeservice buchbar</span>\r\n
              </div>\r\n
            </div>\r\n
          </div>\r\n
        </div>\r\n
        </div>\r\n
          \r\n
          \r\n
          <!-------------------- Raum Sizilien mit Modal-Trigger -------------------->\r\n
          <div class="room-card" onclick="openModal('sizilien-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 -20%\r\n
              </div>\r\n
              \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="Raum 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="Raum 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="Raum Sizilien 3"></div>\r\n
          \r\n
              <div class="nav left" onclick="changeSlide(this, -1); event.stopPropagation();">\r\n
                  <span class="arrow">&#10094;</span>\r\n
              </div>\r\n
              <div class="nav right" onclick="changeSlide(this, 1); event.stopPropagation();">\r\n
                  <span class="arrow">&#10095;</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>Moderner Konferenzraum mit KI-Fokus für kreative Workshops und Meetings.</p>\r\n
                  <div class="capacity">\r\n
                      <strong>Kapazität:</strong><br>\r\n
                      12 Personen · 50 qm\r\n
                  </div>\r\n
              </div>\r\n
              <div class="price-info">\r\n
                  <a href="https://form.typeform.com/to/drbvPkne" class="btn" target="_blank" onclick="event.stopPropagation();">Jetzt anfragen</a>\r\n
                  <div class="price-tag">\r\n
                      <div style="text-decoration: line-through; color: #999; font-size: 1rem;">80€</div>\r\n
                      <div class="price-amount" style="color: #FF5722;">64€</div>\r\n
                      <div class="price-unit">pro Stunde</div>\r\n
                      <div class="price-day"><span style="text-decoration: line-through; color: #999;">450€</span> <span style="color: #FF5722; font-weight: bold;">360€</span> ganztags</div>\r\n
                  </div>\r\n
              </div>\r\n
          </div>\r\n
          </div>\r\n
          \r\n
          <!-- Das Modal für den Raum Sizilien -->\r\n
          <div id="sizilien-modal" class="modal">\r\n
          <div class="modal-content">\r\n
            <span class="close" onclick="closeModal('sizilien-modal')">&times;</span>\r\n
            \r\n
            <h2>Raum Sizilien - GenAI Lab</h2>\r\n
            \r\n
            <!-- Hauptbild des Raumes -->\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="Raum Sizilien" class="modal-room-main-image" id="sizilien-main-image">\r\n
            \r\n
            <!-- Miniaturbilder zum Durchklicken -->\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="Raum 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="Raum 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="Raum 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>Informationen</h3>\r\n
                \r\n
                <!-- Special Offer Banner im 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: 20% RABATT – Nur für Januar & Februar!\r\n
                </div>\r\n
                \r\n
                <p>\r\n
                  Der hell und freundlich gestaltete GenAI Lab auf der vierten Etage mit Blick auf den Düsseldorfer Medienhafen ist mit viel Liebe zum Detail eingerichtet. Der Raum „Sizilien" misst 50 Quadratmeter, ist für bis zu 15 Personen ausgelegt und steht ganz im Fokus von KI. Der Raum "Sizilien" ist das Ai Lab von Ecodynamics und dem STARTPLATZ.\r\n
                </p>\r\n
                <ul>\r\n
                  <li><strong>Größe:</strong> 50 qm</li>\r\n
                  <li><strong>Kapazität:</strong> bis zu 12 Personen</li>\r\n
                  <li><strong>Preis:</strong> <span style="text-decoration: line-through; color: #999;">80€ pro Stunde / 450€ ganztags</span> <span style="color: #FF5722; font-weight: bold;">64€ pro Stunde / 360€ ganztags</span></li>\r\n
                  <li><strong>Lage:</strong> 4. Etage mit Blick auf den Medienhafen</li>\r\n
                  <li><strong>Besonderheit:</strong> KI-Fokus, GenAI Lab</li>\r\n
                </ul>\r\n
                \r\n
                <!-- Grüner Button im Modal -->\r\n
                <a href="https://form.typeform.com/to/drbvPkne" class="btn" target="_blank" style="margin-top: 20px;">Jetzt anfragen</a>\r\n
              </div>\r\n
              \r\n
              <div class="col-md-6">\r\n
                <h3>Bestuhlungsvarianten</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-Bestuhlung">\r\n
                    <h4>Block</h4>\r\n
                    <p>12 Personen</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-Form-Bestuhlung">\r\n
                    <h4>U-Form</h4>\r\n
                    <p>12 Personen</p>\r\n
                  </div>\r\n
                </div>\r\n
              </div>\r\n
            </div>\r\n
            \r\n
            <div class="room-specs">\r\n
              <h3>Ausstattung</h3>\r\n
              <div class="spec-grid">\r\n
                <div class="spec-item">\r\n
                  <i class="fas fa-wifi"></i>\r\n
                  <span>Highspeed WLAN</span>\r\n
                </div>\r\n
                <div class="spec-item">\r\n
                  <i class="fas fa-tv"></i>\r\n
                  <span>Bildschirm</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>Ausreichend Steckdosen</span>\r\n
                </div>\r\n
                <div class="spec-item">\r\n
                  <i class="fas fa-sun"></i>\r\n
                  <span>Viel Tageslicht</span>\r\n
                </div>\r\n
                <div class="spec-item">\r\n
                  <i class="fas fa-couch"></i>\r\n
                  <span>Komfortable Sitzmöbel</span>\r\n
                </div>\r\n
                <div class="spec-item">\r\n
                  <i class="fas fa-coffee"></i>\r\n
                  <span>Getränkeservice buchbar</span>\r\n
                </div>\r\n
                <div class="spec-item">\r\n
                  <i class="fas fa-robot"></i>\r\n
                  <span>KI-Fokus GenAI Lab</span>\r\n
                </div>\r\n
              </div>\r\n
            </div>\r\n
          </div>\r\n
          </div>\r\n
    \r\n
          <!-------------------- Raum Valencia mit Modal-Trigger -------------------->\r\n
          <div class="room-card" onclick="openModal('valencia-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 -20%\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_1200/v1737547717/conference-rooms/Confi%20DUS%20new/Valencia1.jpg" alt="Raum 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="Raum 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="Raum Valencia 3"></div>\r\n
              \r\n
              <div class="nav left" onclick="changeSlide(this, -1); event.stopPropagation();">\r\n
                  <span class="arrow">&#10094;</span>\r\n
              </div>\r\n
              <div class="nav right" onclick="changeSlide(this, 1); event.stopPropagation();">\r\n
                  <span class="arrow">&#10095;</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>Valencia</h3>\r\n
                  <p>Heller Konferenzraum mit Ausblick auf den Medienhafen für Workshops und Meetings.</p>\r\n
                  <div class="capacity">\r\n
                      <strong>Kapazität:</strong><br>\r\n
                      40 Personen · 50 qm\r\n
                  </div>\r\n
              </div>\r\n
              <div class="price-info">\r\n
                  <a href="https://form.typeform.com/to/zWjKkH" class="btn" target="_blank" onclick="event.stopPropagation();">Jetzt anfragen</a>\r\n
                  <div class="price-tag">\r\n
                      <div style="text-decoration: line-through; color: #999; font-size: 1rem;">100€</div>\r\n
                      <div class="price-amount" style="color: #FF5722;">80€</div>\r\n
                      <div class="price-unit">pro Stunde</div>\r\n
                      <div class="price-day"><span style="text-decoration: line-through; color: #999;">650€</span> <span style="color: #FF5722; font-weight: bold;">520€</span> ganztags</div>\r\n
                  </div>\r\n
              </div>\r\n
          </div>\r\n
          </div>\r\n
          \r\n
          <!-- Das Modal für den Raum Valencia -->\r\n
          <div id="valencia-modal" class="modal">\r\n
          <div class="modal-content">\r\n
              <span class="close" onclick="closeModal('valencia-modal')">&times;</span>\r\n
              \r\n
              <h2>Raum Valencia</h2>\r\n
              \r\n
              <!-- Hauptbild des Raumes -->\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="Raum Valencia" class="modal-room-main-image" id="valencia-main-image">\r\n
              \r\n
              <!-- Miniaturbilder zum Durchklicken -->\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="Raum 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="Raum 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="Raum 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>Informationen</h3>\r\n
                      \r\n
                      <!-- Special Offer Banner im 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: 20% RABATT – Nur für Januar & Februar!\r\n
                      </div>\r\n
                      \r\n
                      <p>\r\n
                          Unser heller Konferenzraum und Tagungsraum „Valencia" bietet einen einzigartigen Ausblick auf den Düsseldorfer Medienhafen. Er eignet sich für Meetings mit Kunden und wichtigen Geschäftspartnern, insbesondere aber aufgrund seiner flexiblen Bestuhlungsmöglichkeit für größere Veranstaltungen. Eine großer Bildschirm sowie ein Whiteboard ermöglichen außerdem vielfältige Präsentationstechniken für Workshops, Pitches sowie kleine Konferenzen.\r\n
                      </p>\r\n
                      <ul>\r\n
                          <li><strong>Größe:</strong> 50 qm</li>\r\n
                          <li><strong>Kapazität:</strong> bis zu 40 Personen</li>\r\n
                          <li><strong>Preis:</strong> <span style="text-decoration: line-through; color: #999;">100€ pro Stunde / 650€ ganztags</span> <span style="color: #FF5722; font-weight: bold;">80€ pro Stunde / 520€ ganztags</span></li>\r\n
                          <li><strong>Besonderheit:</strong> Blick auf den Medienhafen</li>\r\n
                      </ul>\r\n
                      \r\n
                      <!-- Grüner Button im Modal -->\r\n
                      <a href="https://form.typeform.com/to/zWjKkH" class="btn" target="_blank" style="margin-top: 20px;">Jetzt anfragen</a>\r\n
                  </div>\r\n
                  \r\n
                  <div class="col-md-6">\r\n
                      <h3>Bestuhlungsvarianten</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="Reihen-Bestuhlung">\r\n
                              <h4>Reihen</h4>\r\n
                              <p>50 Personen</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="Parlament-Bestuhlung">\r\n
                              <h4>Parlament</h4>\r\n
                              <p>30 Personen</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-Form-Bestuhlung">\r\n
                              <h4>U-Form</h4>\r\n
                              <p>25 Personen</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="Stuhlkreis-Bestuhlung">\r\n
                              <h4>Stuhlkreis</h4>\r\n
                              <p>20 Personen</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-Bestuhlung">\r\n
                              <h4>Block</h4>\r\n
                              <p>14 Personen</p>\r\n
                          </div>\r\n
                      </div>\r\n
                  </div>\r\n
              </div>\r\n
              \r\n
              <div class="room-specs">\r\n
                  <h3>Ausstattung</h3>\r\n
                  <div class="spec-grid">\r\n
                      <div class="spec-item">\r\n
                          <i class="fas fa-wifi"></i>\r\n
                          <span>Highspeed WLAN</span>\r\n
                      </div>\r\n
                      <div class="spec-item">\r\n
                          <i class="fas fa-tv"></i>\r\n
                          <span>Großer Bildschirm</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>Ausreichend Steckdosen</span>\r\n
                      </div>\r\n
                      <div class="spec-item">\r\n
                          <i class="fas fa-sun"></i>\r\n
                          <span>Viel Tageslicht</span>\r\n
                      </div>\r\n
                      <div class="spec-item">\r\n
                          <i class="fas fa-eye"></i>\r\n
                          <span>Ausblick auf den Medienhafen</span>\r\n
                      </div>\r\n
                      <div class="spec-item">\r\n
                          <i class="fas fa-couch"></i>\r\n
                          <span>Komfortable Sitzmöbel</span>\r\n
                      </div>\r\n
                      <div class="spec-item">\r\n
                          <i class="fas fa-coffee"></i>\r\n
                          <span>Getränkeservice buchbar</span>\r\n
                      </div>\r\n
                  </div>\r\n
              </div>\r\n
          </div>\r\n
          </div>\r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    <!-------------------- Raum Long Beach mit 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="Raum Long Beach"></div>\r\n
        \r\n
        <div class="nav left" onclick="changeSlide(this, -1); event.stopPropagation();">\r\n
            <span class="arrow">&#10094;</span>\r\n
        </div>\r\n
        <div class="nav right" onclick="changeSlide(this, 1); event.stopPropagation();">\r\n
            <span class="arrow">&#10095;</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>Variables Setting für große Veranstaltungen mit bis zu 150 Personen.</p>\r\n
            <div class="capacity">\r\n
                <strong>Kapazität:</strong><br>\r\n
                150 Personen · 250 qm\r\n
            </div>\r\n
        </div>\r\n
        <div class="price-info">\r\n
            <a href="https://form.typeform.com/to/WdJdwAtO#raum=LongBeach" class="btn" target="_blank" onclick="event.stopPropagation();">Jetzt anfragen</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">ganztags</div>\r\n
            </div>\r\n
        </div>\r\n
    </div>\r\n
    </div>\r\n
    \r\n
    <!-- Das Modal für den Raum 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')">&times;</span>\r\n
        \r\n
        <h2>Raum Long Beach</h2>\r\n
        \r\n
        <!-- Hauptbild des Raumes -->\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="Raum Long Beach" class="modal-room-main-image" id="longbeach-main-image">\r\n
        \r\n
        <!-- Miniaturbilder zum Durchklicken -->\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="Raum 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>Informationen</h3>\r\n
                \r\n
                <!-- Special Offer Banner im 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% RABATT – Nur für begrenzte Zeit!\r\n
                </div>\r\n
                \r\n
                <p>\r\n
                    Der Raum "Long Beach" ist unser größter Veranstaltungsraum und bietet Platz für bis zu 150 Personen. Mit 250 Quadratmetern Fläche eignet er sich perfekt für große Konferenzen, Präsentationen, Networking-Events oder Workshops. Die flexible Raumaufteilung ermöglicht verschiedenste Veranstaltungsformate und Bestuhlungsvarianten.\r\n
                </p>\r\n
                <ul>\r\n
                    <li><strong>Größe:</strong> 250 qm</li>\r\n
                    <li><strong>Kapazität:</strong> bis zu 150 Personen</li>\r\n
                    <li><strong>Preis:</strong> <span style="text-decoration: line-through; color: #999;">1.500€</span> <span style="color: #FF5722; font-weight: bold;">750€ ganztags</span></li>\r\n
                    <li><strong>Besonderheit:</strong> Größter Raum, variables Setting</li>\r\n
                </ul>\r\n
                \r\n
                <!-- Grüner Button im Modal -->\r\n
                <a href="https://form.typeform.com/to/WdJdwAtO#raum=LongBeach" class="btn" target="_blank" style="margin-top: 20px;">Jetzt anfragen</a>\r\n
            </div>\r\n
            \r\n
            <div class="col-md-6">\r\n
                <h3>Bestuhlungsvarianten</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="Reihen-Bestuhlung">\r\n
                        <h4>Reihen</h4>\r\n
                        <p>150 Personen</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="Parlament-Bestuhlung">\r\n
                        <h4>Parlament</h4>\r\n
                        <p>80 Personen</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-Bestuhlung">\r\n
                        <h4>Block</h4>\r\n
                        <p>60 Personen</p>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
        \r\n
        <div class="room-specs">\r\n
            <h3>Ausstattung</h3>\r\n
            <div class="spec-grid">\r\n
                <div class="spec-item">\r\n
                    <i class="fas fa-wifi"></i>\r\n
                    <span>Highspeed WLAN</span>\r\n
                </div>\r\n
                <div class="spec-item">\r\n
                    <i class="fas fa-tv"></i>\r\n
                    <span>Bildschirm</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>Ausreichend Steckdosen</span>\r\n
                </div>\r\n
                <div class="spec-item">\r\n
                    <i class="fas fa-sun"></i>\r\n
                    <span>Viel Tageslicht</span>\r\n
                </div>\r\n
                <div class="spec-item">\r\n
                    <i class="fas fa-chair"></i>\r\n
                    <span>Flexible Bestuhlung</span>\r\n
                </div>\r\n
                <div class="spec-item">\r\n
                    <i class="fas fa-users"></i>\r\n
                    <span>Großer Veranstaltungsraum</span>\r\n
                </div>\r\n
                <div class="spec-item">\r\n
                    <i class="fas fa-coffee"></i>\r\n
                    <span>Getränkeservice buchbar</span>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
    </div>\r\n
    </div>\r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    <!-------------------- Raum Havanna mit Modal-Trigger -------------------->\r\n
    <div class="room-card" onclick="openModal('Havanna-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 -20%\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/v1734512239/Offices/Duesseldorf/Havanna/_F5A4287-b.jpg" alt="Raum 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="Raum 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="Raum Havanna 3"></div>\r\n
        \r\n
        <div class="nav left" onclick="changeSlide(this, -1); event.stopPropagation();">\r\n
            <span class="arrow">&#10094;</span>\r\n
        </div>\r\n
        <div class="nav right" onclick="changeSlide(this, 1); event.stopPropagation();">\r\n
            <span class="arrow">&#10095;</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>Havanna</h3>\r\n
            <p>Flexibler Doppelraum für vielseitige Veranstaltungen und parallele Sessions.</p>\r\n
            <div class="capacity">\r\n
                <strong>Kapazität:</strong><br>\r\n
                50 Personen · 120 qm\r\n
            </div>\r\n
        </div>\r\n
        <div class="price-info">\r\n
            <a href="https://form.typeform.com/to/Qa8yCUxA" class="btn" target="_blank" onclick="event.stopPropagation();">Jetzt anfragen</a>\r\n
            <div class="price-tag">\r\n
                <div style="text-decoration: line-through; color: #999; font-size: 1rem;">120€</div>\r\n
                <div class="price-amount" style="color: #FF5722;">96€</div>\r\n
                <div class="price-unit">pro Stunde</div>\r\n
                <div class="price-day"><span style="text-decoration: line-through; color: #999;">750€</span> <span style="color: #FF5722; font-weight: bold;">600€</span> ganztags</div>\r\n
            </div>\r\n
        </div>\r\n
    </div>\r\n
    </div>\r\n
    \r\n
    <!-- Das Modal für den Raum Havanna -->\r\n
    <div id="Havanna-modal" class="modal">\r\n
    <div class="modal-content">\r\n
        <span class="close" onclick="closeModal('Havanna-modal')">&times;</span>\r\n
        \r\n
        <h2>Raum Havanna</h2>\r\n
        \r\n
        <!-- Hauptbild des Raumes -->\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="Raum Havanna" class="modal-room-main-image" id="Havanna-main-image">\r\n
        \r\n
        <!-- Miniaturbilder zum Durchklicken -->\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="Raum 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="Raum 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="Raum 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>Informationen</h3>\r\n
                \r\n
                <!-- Special Offer Banner im 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: 20% RABATT – Nur für Januar & Februar!\r\n
                </div>\r\n
                \r\n
                <p>\r\n
                Der Raum „Havanna" auf der zweiten Etage besteht aus einem kleinen und einem großen Meetingraum, die flexibel getrennt oder kombiniert genutzt werden können. Mit insgesamt 120 Quadratmetern bietet er Platz für bis zu 50 Personen und lässt sich optimal an die individuellen Anforderungen des Events anpassen.\r\n
                </p>\r\n
                <ul>\r\n
                    <li><strong>Größe:</strong> 120 qm</li>\r\n
                    <li><strong>Kapazität:</strong> bis zu 50 Personen</li>\r\n
                    <li><strong>Preis:</strong> <span style="text-decoration: line-through; color: #999;">120€ pro Stunde / 750€ ganztags</span> <span style="color: #FF5722; font-weight: bold;">96€ pro Stunde / 600€ ganztags</span></li>\r\n
                    <li><strong>Lage:</strong> 2. Etage</li>\r\n
                    <li><strong>Besonderheit:</strong> Getrennt in einen großen und kleinen Meeting Raum</li>\r\n
                </ul>\r\n
                \r\n
                <!-- Grüner Button im Modal -->\r\n
                <a href="https://form.typeform.com/to/Qa8yCUxA" class="btn" target="_blank" style="margin-top: 20px;">Jetzt anfragen</a>\r\n
            </div>\r\n
            \r\n
            <div class="col-md-6">\r\n
                <h3>Bestuhlungsvarianten</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="Reihen-Bestuhlung">\r\n
                        <h4>Reihen</h4>\r\n
                        <p>50 Personen</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="Parlament-Bestuhlung">\r\n
                        <h4>Parlament</h4>\r\n
                        <p>30 Personen</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-Form-Bestuhlung">\r\n
                        <h4>U-Form</h4>\r\n
                        <p>20 Personen</p>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
        \r\n
        <div class="room-specs">\r\n
            <h3>Ausstattung</h3>\r\n
            <div class="spec-grid">\r\n
                <div class="spec-item">\r\n
                    <i class="fas fa-wifi"></i>\r\n
                    <span>Highspeed WLAN</span>\r\n
                </div>\r\n
                <div class="spec-item">\r\n
                    <i class="fas fa-tv"></i>\r\n
                    <span>Bildschirm</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>Ausreichend Steckdosen</span>\r\n
                </div>\r\n
                <div class="spec-item">\r\n
                    <i class="fas fa-sun"></i>\r\n
                    <span>Viel Tageslicht</span>\r\n
                </div>\r\n
                <div class="spec-item">\r\n
                    <i class="fas fa-chair"></i>\r\n
                    <span>Mobile Möblierung</span>\r\n
                </div>\r\n
                <div class="spec-item">\r\n
                    <i class="fas fa-couch"></i>\r\n
                    <span>Komfortable Sitzmöbel</span>\r\n
                </div>\r\n
                <div class="spec-item">\r\n
                    <i class="fas fa-coffee"></i>\r\n
                    <span>Getränkeservice buchbar</span>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
    </div>\r\n
    </div>\r\n
    \r\n
    <!-------------------- Raum Panama mit Modal-Trigger -------------------->\r\n
    <div class="room-card" onclick="openModal('panama-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 -20%\r\n
        </div>\r\n
        \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="Raum 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="Raum 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="Raum Panama 3"></div>\r\n
    \r\n
        <div class="nav left" onclick="changeSlide(this, -1); event.stopPropagation();">\r\n
            <span class="arrow">&#10094;</span>\r\n
        </div>\r\n
        <div class="nav right" onclick="changeSlide(this, 1); event.stopPropagation();">\r\n
            <span class="arrow">&#10095;</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>Kreativ gestalteter Raum mit Bar und einzigartigem Blick auf den Medienhafen.</p>\r\n
            <div class="capacity">\r\n
                <strong>Kapazität:</strong><br>\r\n
                20 Personen · 60 qm\r\n
            </div>\r\n
        </div>\r\n
        <div class="price-info">\r\n
            <a href="https://form.typeform.com/to/dEMkyRN0" class="btn" target="_blank" onclick="event.stopPropagation();">Jetzt anfragen</a>\r\n
            <div class="price-tag">\r\n
                <div style="text-decoration: line-through; color: #999; font-size: 1rem;">120€</div>\r\n
                <div class="price-amount" style="color: #FF5722;">96€</div>\r\n
                <div class="price-unit">pro Stunde</div>\r\n
                <div class="price-day"><span style="text-decoration: line-through; color: #999;">750€</span> <span style="color: #FF5722; font-weight: bold;">600€</span> ganztags</div>\r\n
            </div>\r\n
        </div>\r\n
    </div>\r\n
    </div>\r\n
    \r\n
    <!-- Das Modal für den Raum Panama -->\r\n
    <div id="panama-modal" class="modal">\r\n
    <div class="modal-content">\r\n
    <span class="close" onclick="closeModal('panama-modal')">&times;</span>\r\n
    \r\n
    <h2>Raum Panama</h2>\r\n
    \r\n
    <!-- Hauptbild des Raumes -->\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="Raum Panama" class="modal-room-main-image" id="panama-main-image">\r\n
    \r\n
    <!-- Miniaturbilder zum Durchklicken -->\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="Raum 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="Raum 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="Raum 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="Raum 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="Raum 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="Raum 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>Informationen</h3>\r\n
        \r\n
        <!-- Special Offer Banner im 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: 20% RABATT – Nur für Januar & Februar!\r\n
        </div>\r\n
        \r\n
        <p>\r\n
          Unser Raum "Panama" im Eatery-Look mit einer separaten Bar bietet einen einzigartigen Blick auf den Düsseldorfer Medienhafen. Die kreative Gestaltung des Raumes passt sich flexibel der Art des Events an. Hier haben Sie nicht nur die Möglichkeit, Veranstaltungen zu organisieren, sondern können den Raum auch gerne für ein entspanntes Mittagessen oder einen Ausklang nach dem Event buchen. Auf Wunsch können Sie sogar einen Cocktailkurs dazu buchen.\r\n
        </p>\r\n
        <ul>\r\n
          <li><strong>Größe:</strong> 60 qm</li>\r\n
          <li><strong>Kapazität:</strong> bis zu 20 Personen</li>\r\n
          <li><strong>Preis:</strong> <span style="text-decoration: line-through; color: #999;">120€ pro Stunde / 750€ ganztags</span> <span style="color: #FF5722; font-weight: bold;">96€ pro Stunde / 600€ ganztags</span></li>\r\n
          <li><strong>Besonderheit:</strong> Separate Bar, Cocktailkurse buchbar</li>\r\n
          <li><strong>Hinweis:</strong> Nur halb- oder ganztägig buchbar</li>\r\n
        </ul>\r\n
        \r\n
        <!-- Grüner Button im Modal -->\r\n
        <a href="https://form.typeform.com/to/dEMkyRN0" class="btn" target="_blank" style="margin-top: 20px;">Jetzt anfragen</a>\r\n
      </div>\r\n
      \r\n
      <div class="col-md-6">\r\n
        <h3>Bestuhlungsvarianten</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="Reihen-Bestuhlung">\r\n
            <h4>Reihen</h4>\r\n
            <p>20 Personen</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="Parlament-Bestuhlung">\r\n
            <h4>Parlament</h4>\r\n
            <p>15 Personen</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-Form-Bestuhlung">\r\n
            <h4>U-Form</h4>\r\n
            <p>14 Personen</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="Stuhlkreis-Bestuhlung">\r\n
            <h4>Stuhlkreis</h4>\r\n
            <p>20 Personen</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-Bestuhlung">\r\n
            <h4>Block</h4>\r\n
            <p>15 Personen</p>\r\n
          </div>\r\n
        </div>\r\n
      </div>\r\n
    </div>\r\n
    \r\n
    <div class="room-specs">\r\n
      <h3>Ausstattung</h3>\r\n
      <div class="spec-grid">\r\n
        <div class="spec-item">\r\n
          <i class="fas fa-wifi"></i>\r\n
          <span>Highspeed WLAN</span>\r\n
        </div>\r\n
        <div class="spec-item">\r\n
          <i class="fas fa-tv"></i>\r\n
          <span>Bildschirm</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>Viel Tageslicht</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>Cocktailkurse buchbar</span>\r\n
        </div>\r\n
        <div class="spec-item">\r\n
          <i class="fas fa-eye"></i>\r\n
          <span>Blick auf den Medienhafen</span>\r\n
        </div>\r\n
        <div class="spec-item">\r\n
          <i class="fas fa-coffee"></i>\r\n
          <span>Getränkeservice buchbar</span>\r\n
        </div>\r\n
      </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    \r\n
    \r\n
    \r\n
    <!-------------------- Raum Miami mit Modal-Trigger -------------------->\r\n
    <div class="room-card" onclick="openModal('miami-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 -20%\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_1200/v1747380598/Offices/Duesseldorf/Miami/IMG_3401.jpg" alt="Raum 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="Raum 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="Raum Miami 3"></div>\r\n
    \r\n
        <div class="nav left" onclick="changeSlide(this, -1); event.stopPropagation();">\r\n
            <span class="arrow">&#10094;</span>\r\n
        </div>\r\n
        <div class="nav right" onclick="changeSlide(this, 1); event.stopPropagation();">\r\n
            <span class="arrow">&#10095;</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>Stilvoll gestalteter Seminarraum mit besonderem Design für kreative Meetings und Workshops.</p>\r\n
            <div class="capacity">\r\n
                <strong>Kapazität:</strong><br>\r\n
                30 Personen · 55 qm\r\n
            </div>\r\n
        </div>\r\n
        <div class="price-info">\r\n
            <a href="https://form.typeform.com/to/wlHGcI7z" class="btn" target="_blank" onclick="event.stopPropagation();">Jetzt anfragen</a>\r\n
            <div class="price-tag">\r\n
                <div style="text-decoration: line-through; color: #999; font-size: 1rem;">100€</div>\r\n
                <div class="price-amount" style="color: #FF5722;">80€</div>\r\n
                <div class="price-unit">pro Stunde</div>\r\n
                <div class="price-day"><span style="text-decoration: line-through; color: #999;">650€</span> <span style="color: #FF5722; font-weight: bold;">520€</span> ganztags</div>\r\n
            </div>\r\n
        </div>\r\n
    </div>\r\n
    </div>\r\n
    \r\n
    <!-- Das Modal für den Raum Miami -->\r\n
    <div id="miami-modal" class="modal">\r\n
    <div class="modal-content">\r\n
        <span class="close" onclick="closeModal('miami-modal')">&times;</span>\r\n
        \r\n
        <h2>Raum Miami</h2>\r\n
        \r\n
        <!-- Hauptbild des Raumes -->\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="Raum Miami" class="modal-room-main-image" id="miami-main-image">\r\n
        \r\n
        <!-- Miniaturbilder zum Durchklicken -->\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="Raum 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="Raum 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="Raum 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>Informationen</h3>\r\n
                \r\n
                <!-- Special Offer Banner im 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: 20% RABATT – Nur für Januar & Februar!\r\n
                </div>\r\n
                \r\n
                <p>\r\n
                    Der Raum "Miami" ist ein moderner und vielseitiger Tagungsraum mit eigenen Sanitäranlagen. Mit seiner flexiblen Raumgestaltung eignet er sich perfekt für Seminare, Workshops und Businessmeetings. Dank der guten Ausstattung und angenehmen Atmosphäre bietet er ideale Bedingungen für konzentriertes Arbeiten und erfolgreiche Veranstaltungen.\r\n
                </p>\r\n
                <ul>\r\n
                    <li><strong>Größe:</strong> 55 qm</li>\r\n
                    <li><strong>Kapazität:</strong> bis zu 30 Personen</li>\r\n
                    <li><strong>Preis:</strong> <span style="text-decoration: line-through; color: #999;">100€ pro Stunde / 650€ ganztags</span> <span style="color: #FF5722; font-weight: bold;">80€ pro Stunde / 520€ ganztags</span></li>\r\n
                    <li><strong>Besonderheit:</strong> Eigene Sanitäranlagen</li>\r\n
                </ul>\r\n
                \r\n
                <!-- Grüner Button im Modal -->\r\n
                <a href="https://form.typeform.com/to/wlHGcI7z" class="btn" target="_blank" style="margin-top: 20px;">Jetzt anfragen</a>\r\n
            </div>\r\n
            \r\n
            <div class="col-md-6">\r\n
                <h3>Bestuhlungsvarianten</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="Reihen-Bestuhlung">\r\n
                        <h4>Reihen</h4>\r\n
                        <p>30 Personen</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="Parlament-Bestuhlung">\r\n
                        <h4>Parlament</h4>\r\n
                        <p>24 Personen</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-Form-Bestuhlung">\r\n
                        <h4>U-Form</h4>\r\n
                        <p>20 Personen</p>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
        \r\n
        <div class="room-specs">\r\n
            <h3>Ausstattung</h3>\r\n
            <div class="spec-grid">\r\n
                <div class="spec-item">\r\n
                    <i class="fas fa-wifi"></i>\r\n
                    <span>Highspeed WLAN</span>\r\n
                </div>\r\n
                <div class="spec-item">\r\n
                    <i class="fas fa-tv"></i>\r\n
                    <span>Bildschirm</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>Ausreichend Steckdosen</span>\r\n
                </div>\r\n
                <div class="spec-item">\r\n
                    <i class="fas fa-sun"></i>\r\n
                    <span>Viel Tageslicht</span>\r\n
                </div>\r\n
                <div class="spec-item">\r\n
                    <i class="fas fa-toilet"></i>\r\n
                    <span>Eigene Sanitäranlagen</span>\r\n
                </div>\r\n
                <div class="spec-item">\r\n
                    <i class="fas fa-couch"></i>\r\n
                    <span>Komfortable Sitzmöbel</span>\r\n
                </div>\r\n
                <div class="spec-item">\r\n
                    <i class="fas fa-coffee"></i>\r\n
                    <span>Getränkeservice buchbar</span>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
    </div>\r\n
    </div>\r\n
    \r\n
    \r\n
    \r\n
    <!-------------------- Eventbereich / Silicon Harbour mit Modal-Trigger -------------------->\r\n
    <div class="room-card" onclick="openModal('foyer-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 -20%\r\n
        </div>\r\n
        \r\n
        <div class="slide active"><img src="https://www.startplatz.de/wp-content/uploads/2018/05/Rheinlandpitch_Duesseldorf_eventbereich.jpg" alt="Eventbereich Silicon Harbour"></div>\r\n
        <div class="slide"><img src="https://www.startplatz.de/wp-content/uploads/2018/05/Eventbereich_startplatz_duesseldorf.jpg" alt="Eventbereich 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="Eventbereich Silicon Harbour 3"></div>\r\n
    \r\n
        <div class="nav left" onclick="changeSlide(this, -1); event.stopPropagation();">\r\n
            <span class="arrow">&#10094;</span>\r\n
        </div>\r\n
        <div class="nav right" onclick="changeSlide(this, 1); event.stopPropagation();">\r\n
            <span class="arrow">&#10095;</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 Eventbereich</h3>\r\n
            <p>Großzügiger Eventbereich für Vorträge, Konferenzen und Veranstaltungen aller Art.</p>\r\n
            <div class="capacity">\r\n
                <strong>Kapazität:</strong><br>\r\n
                110 Personen · 200 qm\r\n
            </div>\r\n
        </div>\r\n
        <div class="price-info">\r\n
            <a href="https://form.typeform.com/to/gkH2FV" class="btn" target="_blank" onclick="event.stopPropagation();">Jetzt anfragen</a>\r\n
            <div class="price-tag">\r\n
                <div style="text-decoration: line-through; color: #999; font-size: 1rem;">ab 700€</div>\r\n
                <div class="price-amount" style="color: #FF5722;">ab 560€</div>\r\n
            </div>\r\n
        </div>\r\n
    </div>\r\n
    </div>\r\n
    \r\n
    <!-- Das Modal für den Eventbereich Silicon Harbour -->\r\n
    <div id="foyer-modal" class="modal">\r\n
    <div class="modal-content">\r\n
    <span class="close" onclick="closeModal('foyer-modal')">&times;</span>\r\n
    \r\n
    <h2>Silicon Harbour Eventbereich</h2>\r\n
    \r\n
    <!-- Hauptbild des Raumes -->\r\n
    <img src="https://www.startplatz.de/wp-content/uploads/2018/05/Rheinlandpitch_Duesseldorf_eventbereich.jpg" alt="Eventbereich Silicon Harbour" class="modal-room-main-image" id="foyer-main-image">\r\n
    \r\n
    <!-- Miniaturbilder zum Durchklicken -->\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="Eventbereich 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="Eventbereich 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="Eventbereich 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>Informationen</h3>\r\n
        \r\n
        <!-- Special Offer Banner im 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: 20% RABATT – Nur für Januar & Februar!\r\n
        </div>\r\n
        \r\n
        <p>\r\n
          Unser Silicon Harbour Eventbereich bietet den perfekten Rahmen für Ihre außergewöhnlichen Events! Am besten eignet er sich für Vortragsveranstaltungen, bei denen Bühnen & Beschallung dazu gebucht werden können. In Reihenbestuhlung finden bis zu 110 Personen Platz, im hinteren Bereich können Ihre Gäste zudem an Stehtischen verweilen. Gepaart mit einer Cocktailtheke und Servicekräften verleihen wir Ihrem Event einen besonderen Charme!\r\n
        </p>\r\n
        <ul>\r\n
          <li><strong>Größe:</strong> 200 qm</li>\r\n
          <li><strong>Kapazität:</strong> bis zu 110 Personen</li>\r\n
          <li><strong>Preis:</strong> <span style="text-decoration: line-through; color: #999;">ab 700€</span> <span style="color: #FF5722; font-weight: bold;">ab 560€</span></li>\r\n
          <li><strong>Besonderheit:</strong> Bühne, Beschallung und Cocktailtheke möglich</li>\r\n
          <li><strong>Hinweis:</strong> Nur halb- oder ganztägig buchbar</li>\r\n
        </ul>\r\n
        \r\n
        <!-- Grüner Button im Modal -->\r\n
        <a href="https://form.typeform.com/to/gkH2FV" class="btn" target="_blank" style="margin-top: 20px;">Jetzt anfragen</a>\r\n
      </div>\r\n
      \r\n
      <div class="col-md-6">\r\n
        <h3>Bestuhlungsvarianten</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="Reihen-Bestuhlung">\r\n
            <h4>Reihen</h4>\r\n
            <p>120 Personen</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-Bestuhlung">\r\n
            <h4>Block</h4>\r\n
            <p>50 Personen</p>\r\n
          </div>\r\n
        </div>\r\n
      </div>\r\n
    </div>\r\n
    \r\n
    <div class="room-specs">\r\n
      <h3>Ausstattung</h3>\r\n
      <div class="spec-grid">\r\n
        <div class="spec-item">\r\n
          <i class="fas fa-wifi"></i>\r\n
          <span>Highspeed WLAN</span>\r\n
        </div>\r\n
        <div class="spec-item">\r\n
          <i class="fas fa-microphone"></i>\r\n
          <span>Beschallung buchbar</span>\r\n
        </div>\r\n
        <div class="spec-item">\r\n
          <i class="fas fa-plug"></i>\r\n
          <span>Ausreichend Steckdosen</span>\r\n
        </div>\r\n
        <div class="spec-item">\r\n
          <i class="fas fa-sun"></i>\r\n
          <span>Viel Tageslicht</span>\r\n
        </div>\r\n
        <div class="spec-item">\r\n
          <i class="fas fa-cocktail"></i>\r\n
          <span>Cocktailtheke möglich</span>\r\n
        </div>\r\n
        <div class="spec-item">\r\n
          <i class="fas fa-users"></i>\r\n
          <span>Ideal für Events</span>\r\n
        </div>\r\n
        <div class="spec-item">\r\n
          <i class="fas fa-chair"></i>\r\n
          <span>Stehtische verfügbar</span>\r\n
        </div>\r\n
        <div class="spec-item">\r\n
          <i class="fas fa-coffee"></i>\r\n
          <span>Getränkeservice buchbar</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
    <!---------------------------------------- Ausstattung Section ---------------------------------------->\r\n
    \r\n
    <section class="sp-ausstattung-section">\r\n
      <div class="sp-ausstattung-container">\r\n
          <h2 class="sp-ausstattung-title">Ausstattung</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">Standardausstattung in allen Räumen</h3>\r\n
                  <ul class="sp-ausstattung-list">\r\n
                      <li class="sp-ausstattung-item">\r\n
                          <span class="sp-ausstattung-checkmark">✓</span> Highspeed WLAN\r\n
                      </li>\r\n
                      <li class="sp-ausstattung-item">\r\n
                          <span class="sp-ausstattung-checkmark">✓</span> Bildschirm\r\n
                      </li>\r\n
                      <li class="sp-ausstattung-item">\r\n
                          <span class="sp-ausstattung-checkmark">✓</span> Whiteboard/Metaplanwand\r\n
                      </li>\r\n
                      <li class="sp-ausstattung-item">\r\n
                          <span class="sp-ausstattung-checkmark">✓</span> Helle Tageslichträume\r\n
                      </li>\r\n
                      <li class="sp-ausstattung-item">\r\n
                          <span class="sp-ausstattung-checkmark">✓</span> HDMI-Anschluss\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 buchbare 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> Workshopmaterial\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> Vermarktung ihres Events\r\n
                      </li>\r\n
                      <li class="sp-ausstattung-item">\r\n
                          <span class="sp-ausstattung-plus">+</span> STARTPLATZ Insights: Vorstellung & Tour\r\n
                      </li>\r\n
                      <li class="sp-ausstattung-item">\r\n
                          <span class="sp-ausstattung-plus">+</span> Vermittlung von:<br> Startup Pitches, Keynote speaker & Experten für agiles Arbeiten\r\n
                      </li>\r\n
                      <li class="sp-ausstattung-item">\r\n
                          <span class="sp-ausstattung-plus">+</span> Mikrofon und Lautsprecher\r\n
                      </li>\r\n
                      <li class="sp-ausstattung-item">\r\n
                          <span class="sp-ausstattung-plus">+</span> Zusätzliche Monitore\r\n
                      </li>\r\n
                      <li class="sp-ausstattung-item">\r\n
                          <span class="sp-ausstattung-plus">+</span> Flipchart\r\n
                      </li>\r\n
                      <li class="sp-ausstattung-item">\r\n
                          <span class="sp-ausstattung-plus">+</span> Moderationskoffer\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
    <!---------------------------------------- Warum 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;">Warum Konferenzen im 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
          Mehr als nur ein Konferenzraum in Düsseldorf – bei uns finden Sie ein inspirierendes Umfeld für produktive Meetings, kreative Workshops und erfolgreiche Events.\r\n
          Unsere modernen Tagungsräume, Meetingräume und Veranstaltungsräume im Herzen des Düsseldorfer Medienhafens bieten die ideale Kulisse für jede Art von Business-Veranstaltung.\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 Atmosphäre</h3>\r\n
            <p>Tagen in einer inspirierenden Startup-Umgebung, die Kreativität und neue Denkansätze fördert – ideal für Workshops und Innovationssessions.</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="Moderne Technik" style="width: 100%; height: 100%; object-fit: contain;">\r\n
            </div>\r\n
            <h3 style="font-weight: bold; margin-bottom: 0.5rem;">Moderne Technik</h3>\r\n
            <p>Unsere Konferenzräume in Düsseldorf sind ausgestattet mit Highspeed-WLAN, aktueller Präsentationstechnik und flexiblem Mobiliar – alles, was Sie für eine reibungslose und professionelle Veranstaltung brauchen.</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="Standort Icon" style="width: 100%; height: 100%; object-fit: contain;">\r\n
            </div>\r\n
            <h3 style="font-weight: bold; margin-bottom: 0.5rem;">Zentrale Lage im Medienhafen</h3>\r\n
            <p>Mitten in Düsseldorf, hervorragend angebunden und mit tollem Ausblick – Ihre Veranstaltung im STARTPLATZ liegt in bester Lage für alle Teilnehmenden.</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;">Persönlicher Rundum-Service</h3>\r\n
            <p>Von der Anfrage bis zur Durchführung – unser Team unterstützt Sie persönlich und professionell, damit Ihre Veranstaltung gelingt. Wir helfen Ihnen, den passenden Meetingraum oder Tagungsraum in Düsseldorf zu finden.</p>\r\n
          </div>\r\n
        </div>\r\n
      </div>\r\n
    </section>\r\n
    \r\n
    \r\n
    \r\n
    \r\n
    <!---------------------------------------- Einführungstext ---------------------------------------->\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;">Tagungsräume Düsseldorf: Inspirierende Meetingräume im Herzen des Medienhafens</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
                Im STARTPLATZ Düsseldorf finden Sie moderne und flexible Konferenzräume für Ihr nächstes Business-Meeting, Ihre Tagung oder Ihren Workshop.\r\n
                Unsere Tagungsräume im architektonisch beeindruckenden Medienhafen bieten Ihnen nicht nur eine erstklassige Lage, sondern auch eine inspirierende Atmosphäre im Zentrum der Düsseldorfer Startup-Szene.\r\n
                </p>\r\n
                <p style="font-size: 1.1rem; line-height: 1.7; color: #525459;">\r\n
                Von kompakten Meetingräumen für vertrauliche Gespräche bis hin zu großzügigen Veranstaltungsflächen für bis zu 120 Personen –\r\n
                unser vielseitiges Raumangebot im Medienhafen passt sich flexibel Ihren individuellen Anforderungen an.\r\n
                Mit Blick auf den Rhein und die ikonischen Gehry-Bauten sind unsere Tagungsräume mit modernster Technik ausgestattet und bieten Ihnen die perfekte Umgebung für erfolgreiche Veranstaltungen in der Rheinmetropole.\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
    <!-- Ausblenden der Einführungssection auf 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
            Konferenzräume Düsseldorf in erstklassiger Lage\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
        <!-- Linke Seite: Bild -->\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="Ausblick vom STARTPLATZ Düsseldorf auf den Medienhafen"\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
     <!-- Rechte Seite: 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-Lage im Medienhafen Düsseldorf\r\n
        </h3>\r\n
          <p style="font-size: 1.1rem; line-height: 1.7; color: #525459; margin-bottom: 1.5rem;">\r\n
            Unsere modernen Konferenz-, Tagungs- und Meetingräume liegen direkt im pulsierenden Medienhafen Düsseldorf. Mit optimaler ÖPNV-Anbindung, verfügbaren Stellplätzen und nur 15 Minuten zum Düsseldorfer Flughafen sind wir bequem erreichbar – ideal für lokale und internationale Teilnehmer.\r\n
          <p style="font-size: 1.1rem; line-height: 1.7; color: #525459; margin-bottom: 1.5rem;">\r\n
            Genießen Sie die urbane Atmosphäre des Medienhafens mit seinen einzigartigen Gehry-Bauten. Zahlreiche hochwertige Restaurants, Cafés und Hotels in unmittelbarer Umgebung bieten Ihren Gästen vielfältige Möglichkeiten für Pausen und Networking vor und nach Ihrer Veranstaltung.\r\n
          </p>\r\n
        <!-- Features der 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. zum Flughafen</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;">Stellplätze nebenan und in der Hyatt Tiefgarage</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;">Perfekte ÖPNV-Anbindung</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-Gastronomie vor Ort</div>\r\n
        </div>\r\n
        </div>\r\n
          <div style="margin-top: 2.5rem;">\r\n
            <a href="https://form.typeform.com/to/pWRN42" class="btn" target="_blank">\r\n
              Jetzt Raum im Medienhafen anfragen\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 Einbettung -->\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-Umfeld 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
                Tagungsräume im innovativen Startup-Umfeld\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
          <!-- Linke Seite: Zwei Bilder übereinander -->\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
              <!-- Oberes Bild -->\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="Kollaboratives Arbeiten im Startup-Umfeld im 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
              <!-- Unteres Bild (wird auf Mobile ausgeblendet) -->\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 im STARTPLATZ Startup-Ökosystem" \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
            <!-- Rechte Seite: 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
                  Startup-Spirit erleben\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
                  Im STARTPLATZ Düsseldorf tagen Sie nicht nur in modernen Konferenzräumen, sondern auch inmitten eines lebendigen Startup-Ökosystems. \r\n
                  Die kreative und dynamische Atmosphäre des größten Startup-Hubs in der Rheinregion bietet den perfekten Rahmen für innovative Denkprozesse und zukunftsweisende Geschäftsideen.\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
                  Unsere Meetingräume im Medienhafen Düsseldorf sind umgeben von innovativen Startups, etablierten Unternehmen und digitalen Vordenkern. \r\n
                  Diese einzigartige Umgebung inspiriert und motiviert – ideal für Workshops, Strategie-Meetings oder Produktentwicklungen, die neue Perspektiven erfordern.\r\n
                </p>\r\n
                \r\n
                <p style="font-size: 1.1rem; line-height: 1.7; color: #525459; margin-bottom: 2rem;">\r\n
                  Nutzen Sie das innovative Umfeld unserer Konferenzräume in Düsseldorf, um frische Impulse für Ihr Business zu gewinnen und potenzielle Kooperationspartner kennenzulernen.\r\n
                </p>\r\n
                \r\n
                <!-- Features des Startup-Umfelds -->\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 Atmosphäre</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-Möglichkeiten</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;">Kreative 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/pWRN42" class="btn" target="_blank">\r\n
                    Jetzt im Startup-Hub tagen\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
          Was unsere Kunden sagen\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">Geschäftsführer DigiHub & 1st Mover</div>\r\n
          <p class="testimonial-text">\r\n
          "Der STARTPLATZ in Düsseldorf liegt direkt am Hafen und bietet aus jedem Fenster einen tollen Ausblick. Die hellen und perfekt für Meetings abgestimmten Räume bieten einen hervorragenden Platz zum Austausch und kreativem Arbeiten. Das STARTPLATZ-Team sorgt für einen reibungslosen Ablauf der Veranstaltungen und durch die entspannte Atmosphäre entstehen die Ideen praktisch wie von selbst. Können wir nur weiterempfehlen!"\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">Gründerin Female Innovation Hub</div>\r\n
          <p class="testimonial-text">\r\n
          "Besonders für spontane Geschäftsmeetings kann ich die Räumlichkeiten des STARTPLATZ absolut empfehlen. Die tolle Location am Medienhafen mit Blick auf den Rhein bietet eine tolle Erfrischung zum gewohnten Arbeitsalltag. Eine entspannte Atmosphäre, die flexible und schnelle Organisation und die passende Ausstattung für jegliche Anlässe sind eine Garantie für ein gelungenes 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
          "Für Startups und junge Unternehmer ist der STARTPLATZ der Ort in Düsseldorf. Dort finden sie ein Zuhause, ein großartiges Netzwerk und Unterstützung. Wir sind froh Teil dieses Ökosytsems zu sein und schätzen die Infrastruktur und Räumlichkeiten des STARTPLATZes, um unser Business der Digitalen Produktberatung weiter zu entwickeln. Dabei freu ich mich besonders auf die Meetings und Kundenworkshops in den gut ausgestatteten Räumlichkeiten, die einen einzigartigen Blick über Düsseldorfs Medienhafen bieten."\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
    <!---------------------------------------- Nutzungsmöglichkeiten 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 Konferenzräume in Düsseldorf für vielfältige Nutzungsmöglichkeiten\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
              Unsere modernen Tagungsräume und Meetingräume im STARTPLATZ Düsseldorf bieten die perfekte Umgebung für verschiedenste Veranstaltungsformate. Erleben Sie flexible Raumkonzepte, die sich an Ihre individuellen Anforderungen anpassen.\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
          <!-- Seminarraum -->\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;">Moderne Seminarräume in Düsseldorf</h3>\r\n
            <p style="color: #525459; line-height: 1.6;">\r\n
              Seminare unterschiedlichster Themen finden im STARTPLATZ statt. Ob ungezwungen auf Sitzwürfeln oder klassisch auf Konferenzraumstühlen – unsere Seminarräume in Düsseldorf bieten die optimale Lernumgebung, in der sich Ihre Teilnehmer wohlfühlen.\r\n
            </p>\r\n
          </div>\r\n
          \r\n
          <!-- Tagungsraum -->\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;">Professionelle Tagungsräume</h3>\r\n
            <p style="color: #525459; line-height: 1.6;">\r\n
              Lassen Sie Ihre Tagung in unseren vollausgestatteten Tagungsräumen im STARTPLATZ stattfinden. Das innovative Umfeld im Medienhafen Düsseldorf bietet die ideale Atmosphäre für produktive Tagungen und erfolgreiche Geschäftstreffen.\r\n
            </p>\r\n
          </div>\r\n
          \r\n
          <!-- Alternative zum Tagungshotel -->\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 zum Tagungshotel</h3>\r\n
            <p style="color: #525459; line-height: 1.6;">\r\n
              Wählen Sie die Konferenzräume im STARTPLATZ als innovative Alternative zu einem klassischen Tagungshotel. Restaurants, Cafés und Hotels befinden sich in kurzer fußläufiger Entfernung – zentrale Lage im Medienhafen Düsseldorf inklusive.\r\n
            </p>\r\n
          </div>\r\n
          \r\n
          <!-- Meetingraum -->\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;">Kompakte Meetingräume Düsseldorf</h3>\r\n
            <p style="color: #525459; line-height: 1.6;">\r\n
              Für Meetings im kleineren Rahmen bieten unsere Meetingräume in Düsseldorf die passende Location. Die perfekte Umgebung für konzentriertes Arbeiten und effiziente Besprechungen mit modernster Technik-Ausstattung.\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 Räume</h3>\r\n
            <p style="color: #525459; line-height: 1.6;">\r\n
              Dank umfangreichen Materialien können unsere speziell konzipierten Workshopräume perfekt für Design-Thinking Workshops oder als Innovationslabor genutzt werden. Inspirierendes Umfeld im Startup-Hub garantiert.\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 Veranstaltungsräume</h3>\r\n
            <p style="color: #525459; line-height: 1.6;">\r\n
              Profitieren Sie bei Ihrem Offsite-Meeting vom Startup-Spirit in unseren Konferenzräumen im STARTPLATZ und freuen sich über positive Effekte für Ihr Team. Der inspirierend andere Ansatz für Ihre Strategiemeetings.\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/pWRN42" class="btn mobile-btn" target="_blank">\r\n
            Jetzt Tagungsraum anfragen\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
          Jetzt Tagungsräume in Düsseldorf anfragen – für erfolgreiche Veranstaltungen im STARTPLATZ\r\n
        </h2>\r\n
        <p style="font-size: 1.1rem; color: #555; margin-bottom: 1.5rem;">\r\n
          Moderne Konferenzräume im Medienhafen Düsseldorf – flexibel, zentral und bestens ausgestattet. Ob Tagung, Workshop, Seminar oder Business-Meeting: \r\n
          Unsere Räume bieten Ihnen den passenden Rahmen, moderne Technik und eine inspirierende Umgebung für erfolgreiche Veranstaltungen.\r\n
        </p>\r\n
        \r\n
        <a href="https://form.typeform.com/to/pWRN42" class="btn" target="_blank" style="margin-bottom: 2rem;">Jetzt Tagungsraum anfragen</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
            Sie haben Fragen zu unseren Konferenzräumen?\r\n
          </h3>\r\n
          <p style="font-size: 1.1rem; color: #555; margin-bottom: 1.5rem; text-align: center;">\r\n
            Dann zögern Sie nicht, uns zu kontaktieren. Unser Team steht Ihnen gerne zur Verfügung:\r\n
          </p>\r\n
          \r\n
          <!-- Mitarbeiter Fotos -->\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 Mitglied" 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 Managerin</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 Mitglied" 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
                E-Mail: 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
                Telefon: 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/pWRN42" 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
                Zum Kontaktformular\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;">Tagungsräume Düsseldorf</span>\r\n
              </h2>\r\n
              <div class="faq-accordion">\r\n
                  <!-- Allgemeine Informationen -->\r\n
                  <h3 style="margin-top: 20px; margin-bottom: 10px; color: #7AB800; font-weight: bold; font-size: 20px;">Allgemeine Informationen</h3>\r\n
                  \r\n
                  <div class="faq-item">\r\n
                      <div class="faq-question">\r\n
                          <span>Welche Arten von Veranstaltungen können hier ausgerichtet werden?</span>\r\n
                          <span class="faq-icon">+</span>\r\n
                      </div>\r\n
                      <div class="faq-answer">\r\n
                          <p>\r\n
                              Am Startplatz können eine Vielzahl von Veranstaltungen ausgerichtet werden. Unsere flexibel gestaltbaren Räume eignen sich für Workshops, Seminare, Konferenzen, Meetings, Präsentationen, Team-Events sowie Networking-Veranstaltungen. Auch kreative Formate wie Brainstorming-Sessions, Schulungen oder Teambuilding-Events sind bei uns möglich. Dank der unterschiedlichen Raumgrößen und flexiblen Ausstattung können wir Ihre Veranstaltung individuell an Ihre Bedürfnisse anpassen.\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>Wie viele Gäste können maximal untergebracht werden?</span>\r\n
                          <span class="faq-icon">+</span>\r\n
                      </div>\r\n
                      <div class="faq-answer">\r\n
                          <p>\r\n
                              Die maximale Anzahl an Gästen hängt von der Größe des jeweils gebuchten Raumes ab. Unsere Räumlichkeiten bieten Platz für unterschiedlich große Gruppen, von kleinen Meetings bis hin zu größeren Veranstaltungen. Je nach Raum können wir bis zu 120 Personen unterbringen. Wir beraten Sie gerne, welcher Raum für Ihre Veranstaltung am besten geeignet ist, um den Komfort und eine angenehme Atmosphäre für alle Teilnehmer zu gewährleisten.\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>Welche Ausstattung und Technik stehen zur Verfügung (z. B. Licht, Ton, Bildschirm)?</span>\r\n
                          <span class="faq-icon">+</span>\r\n
                      </div>\r\n
                      <div class="faq-answer">\r\n
                          <p>\r\n
                              Zur Grundausstattung jedes Raumes gehören WLAN, ein Bildschirm (inklusive HDMI-Anschluss) und eine Metaplanwand. Je nach Raum- und Veranstaltungsbedarf können zusätzlich Flipchart, Moderationskoffer, Mikrofon und Lautsprecher zur Verfügung gestellt werden. Auf Wunsch bieten wir auch maßgeschneiderte Lösungen für Ihre Veranstaltung.\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>Sind Haustiere im Veranstaltungsraum erlaubt?</span>\r\n
                          <span class="faq-icon">+</span>\r\n
                      </div>\r\n
                      <div class="faq-answer">\r\n
                          <p>\r\n
                              Hunde sind in den meisten Veranstaltungsräumen erlaubt, mit Ausnahme der Räume Panama & Miami. In den öffentlichen Bereichen bitte anleinen.\r\n
                          </p>\r\n
                      </div>\r\n
                  </div>\r\n
    \r\n
                  <!-- Buchung & Kosten -->\r\n
                  <h3 style="margin-top: 20px; margin-bottom: 10px; color: #7AB800; font-weight: bold; font-size: 20px;">Buchung & Kosten</h3>\r\n
    \r\n
                  <div class="faq-item">\r\n
                      <div class="faq-question">\r\n
                          <span>Wie läuft die Buchung ab, und welche Vorauszahlungen sind erforderlich?</span>\r\n
                          <span class="faq-icon">+</span>\r\n
                      </div>\r\n
                      <div class="faq-answer">\r\n
                          <p>\r\n
                              Die Buchungsanfragen erfolgen entweder über E-mail an dus@startplatz.de oder telefonisch unter 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>Gibt es eine Mindest- oder Maximaldauer für Veranstaltungen?</span>\r\n
                          <span class="faq-icon">+</span>\r\n
                      </div>\r\n
                      <div class="faq-answer">\r\n
                          <p>\r\n
                              Die meisten Räume können sowohl stundenweise als auch für ganze Tage gebucht werden. Die größeren Räume hingegen sind nur für halbtägige oder ganztägige Buchungen verfügbar.\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>Welche Stornierungsbedingungen gelten?</span>\r\n
                          <span class="faq-icon">+</span>\r\n
                      </div>\r\n
                      <div class="faq-answer">\r\n
                          <p>\r\n
                              Stornierungen bis 4 Wochen vor dem Veranstaltungsbeginn sind kostenfrei. Bei Stornierungen bis 2 Wochen vor dem Veranstaltungsbeginn berechnen wir 50 % der Raummiete. Erfolgt die Stornierung weniger als 2 Wochen vor dem Veranstaltungsbeginn, stellen wir 100 % der Raummiete sowie 50 % des Getränkepakets in Rechnung.\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>Kann ich den Raum auch außerhalb der regulären Geschäftszeiten buchen?</span>\r\n
                          <span class="faq-icon">+</span>\r\n
                      </div>\r\n
                      <div class="faq-answer">\r\n
                          <p>\r\n
                              Ja, eine Buchung außerhalb der regulären Geschäftszeiten ist grundsätzlich möglich. Bitte beachten Sie, dass hierfür zusätzliche Personalkosten anfallen können.\r\n
                          </p>\r\n
                      </div>\r\n
                  </div>\r\n
    \r\n
                  <!-- Catering & Gastronomie -->\r\n
                  <h3 style="margin-top: 20px; margin-bottom: 10px; color: #7AB800; font-weight: bold; font-size: 20px;">Catering & Gastronomie</h3>\r\n
    \r\n
                  <div class="faq-item">\r\n
                      <div class="faq-question">\r\n
                          <span>Gibt es ein eigenes Catering oder können externe Caterer genutzt werden?</span>\r\n
                          <span class="faq-icon">+</span>\r\n
                      </div>\r\n
                      <div class="faq-answer">\r\n
                          <p>\r\n
                              Es gibt kein hausinternes Catering, jedoch empfehlen wir auf Anfrage gerne Cateringunternehmen, mit denen wir regelmäßig zusammenarbeiten.\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>Sind eigene Speisen und Getränke erlaubt?</span>\r\n
                          <span class="faq-icon">+</span>\r\n
                      </div>\r\n
                      <div class="faq-answer">\r\n
                          <p>\r\n
                              Sie können ihr Catering selbst organisieren und sowohl eigene Speisen als auch Getränke mitbringen.\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>Gibt es eine Bar bzw. Getränkeversorgung vor Ort?</span>\r\n
                          <span class="faq-icon">+</span>\r\n
                      </div>\r\n
                      <div class="faq-answer">\r\n
                          <p>\r\n
                              Der Startplatz ist mit einer Kaffeetheke und einem Kaffeevollautomaten sowie mehreren Kühlschränken ausgestattet. Auf Wunsch stellen wir Ihnen auch ein Getränkepaket für den von Ihnen gebuchten Raum zur Verfügung.\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>Sind Catering und Getränke im Preis inbegriffen oder müssen diese separat gebucht werden?</span>\r\n
                          <span class="faq-icon">+</span>\r\n
                      </div>\r\n
                      <div class="faq-answer">\r\n
                          <p>\r\n
                              Catering und Getränke sind nicht im Preis inbegriffen und müssen separat gebucht werden. Wir bieten verschiedene Optionen an, die individuell auf Ihre Bedürfnisse abgestimmt werden können.\r\n
                          </p>\r\n
                      </div>\r\n
                  </div>\r\n
    \r\n
                  <!-- Ausstattung & Service -->\r\n
                  <h3 style="margin-top: 20px; margin-bottom: 10px; color: #7AB800; font-weight: bold; font-size: 20px;">Ausstattung & Service</h3>\r\n
    \r\n
                  <div class="faq-item">\r\n
                      <div class="faq-question">\r\n
                          <span>Gibt es ausreichend Parkmöglichkeiten für Gäste?</span>\r\n
                          <span class="faq-icon">+</span>\r\n
                      </div>\r\n
                      <div class="faq-answer">\r\n
                          <p>\r\n
                          Stellplätze sind in begrenzter Anzahl nebenan und in der Hyatt Tiefgarage verfügbar.\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>Sind barrierefreie Zugänge und Toiletten vorhanden?</span>\r\n
                          <span class="faq-icon">+</span>\r\n
                      </div>\r\n
                      <div class="faq-answer">\r\n
                          <p>\r\n
                              Die Räumlichkeiten am Startplatz, einschließlich der Toiletten, sind barrierefrei zugänglich.\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>Können Dekorationen mitgebracht und angepasst werden?</span>\r\n
                          <span class="faq-icon">+</span>\r\n
                      </div>\r\n
                      <div class="faq-answer">\r\n
                          <p>\r\n
                              Eigene Dekorationen können mitgebracht und nach Belieben angepasst werden. Bei aufwendigen Dekorationen bitten wir, vorab mit uns abzusprechen.\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>Wie flexibel sind die Raumanordnungen für verschiedene Eventformate?</span>\r\n
                          <span class="faq-icon">+</span>\r\n
                      </div>\r\n
                      <div class="faq-answer">\r\n
                          <p>\r\n
                              Die Raumanordnungen sind sehr flexibel und können je nach Raum angepasst werden. Möglich sind unter anderem Stuhlreihen, Reihen mit Tischen, U-Form, Stuhlkreise oder Tischblöcke.\r\n
                          </p>\r\n
                      </div>\r\n
                  </div>\r\n
    \r\n
              </div>\r\n
          </div>\r\n
      </section>\r\n
        \r\n
        <script>\r\n
        document.addEventListener("DOMContentLoaded", function() {\r\n
            const faqItems = document.querySelectorAll(".faq-item");\r\n
        \r\n
            faqItems.forEach(item => {\r\n
                const question = item.querySelector(".faq-question");\r\n
                const answer = item.querySelector(".faq-answer");\r\n
                const icon = item.querySelector(".faq-icon");\r\n
        \r\n
                question.addEventListener("click", function() {\r\n
                    const isOpen = answer.style.maxHeight;\r\n
        \r\n
                    // Alle anderen FAQs schließen\r\n
                    document.querySelectorAll(".faq-answer").forEach(ans => {\r\n
                        ans.style.maxHeight = null;\r\n
                        ans.style.opacity = "0";\r\n
                    });\r\n
        \r\n
                    document.querySelectorAll(".faq-icon").forEach(i => {\r\n
                        i.textContent = "+";\r\n
                        i.style.transform = "rotate(0deg)";\r\n
                    });\r\n
        \r\n
                    // Wenn noch nicht geöffnet, dann öffnen\r\n
                    if (!isOpen || isOpen === "0px") {\r\n
                        answer.style.maxHeight = answer.scrollHeight + "px";\r\n
                        answer.style.opacity = "1";\r\n
                        icon.textContent = "−";\r\n
                        icon.style.transform = "rotate(180deg)";\r\n
                    }\r\n
                });\r\n
            });\r\n
        });\r\n
        </script>\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="Alle Räume ansehen">\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/pWRN42" class="sticky-action-btn inquiry-btn" target="_blank" title="Raum-Anfrage stellen">\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 &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved\n
                    </p>\n
                </div>\n
            </div>\n
        </div>\n
    </footer>\n
    \n
    <!-- sp-connect footer ends -->\n
    \n
    <!-- wp_footer starts -->\n
    <script type="speculationrules">\n
    {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/startplatz\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}\n
    </script>\n
    <script async>(function(s,u,m,o,j,v){j=u.createElement(m);v=u.getElementsByTagName(m)[0];j.async=1;j.src=o;j.dataset.sumoSiteId='39f60b00513044004a8fe0004ce6fc0099bffb000c2cd200cfc8f4006d6fae00';j.dataset.sumoPlatform='wordpress';v.parentNode.insertBefore(j,v)})(window,document,'script','//load.sumome.com/');</script>        <script type="application/javascript">\r\n
                const ajaxURL = "https://www.staging.startplatz.de/wp-admin/admin-ajax.php";\r\n
    \r\n
                function sumo_add_woocommerce_coupon(code) {\r\n
                    jQuery.post(ajaxURL, {\r\n
                        action: 'sumo_add_woocommerce_coupon',\r\n
                        code: code,\r\n
                    });\r\n
                }\r\n
    \r\n
                function sumo_remove_woocommerce_coupon(code) {\r\n
                    jQuery.post(ajaxURL, {\r\n
                        action: 'sumo_remove_woocommerce_coupon',\r\n
                        code: code,\r\n
                    });\r\n
                }\r\n
    \r\n
                function sumo_get_woocommerce_cart_subtotal(callback) {\r\n
                    jQuery.ajax({\r\n
                        method: 'POST',\r\n
                        url: ajaxURL,\r\n
                        dataType: 'html',\r\n
                        data: {\r\n
                            action: 'sumo_get_woocommerce_cart_subtotal',\r\n
                        },\r\n
                        success: function (subtotal) {\r\n
                            return callback(null, subtotal);\r\n
                        },\r\n
                        error: function (err) {\r\n
                            return callback(err, 0);\r\n
                        }\r\n
                    });\r\n
                }\r\n
            </script>\r\n
            <!-- wp_footer ends -->\n
    <!-- startplatz default js starts -->\n
    <!-- Optional JavaScript -->\n
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->\n
    <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>\n
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>\n
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script><!-- startplatz default js ends -->\n
    \n
    \n
    <div id="sfwdt4b65fe" class="sf-toolbar sf-display-none" role="region" aria-label="Symfony Web Debug Toolbar">    <!-- START of Symfony Web Debug Toolbar --><div id="sfMiniToolbar-4b65fe" class="sf-minitoolbar" data-no-turbolink data-turbo="false">    <button type="button" title="Show Symfony toolbar" id="sfToolbarMiniToggler-4b65fe" accesskey="D" aria-expanded="false" aria-controls="sfToolbarMainContent-4b65fe">        <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-4b65fe" class="sf-toolbar-clearer"></div><div id="sfToolbarMainContent-4b65fe" 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/4b65fe?panel=request">        <div class="sf-toolbar-icon">        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#AAA" d="M12 .9C5.8.9.9 5.8.9 12a11 11 0 1 0 22.2 0A11 11 0 0 0 12 .9zm6.5 6c-.6 0-.9-.3-.9-.8 0-.2 0-.4.2-.6l.2-.4c0-.3-.5-.4-.6-.4-1.8.1-2.3 2.5-2.7 4.4l-.2 1c1 .2 1.8 0 2.2-.3.6-.4-.2-.7-.1-1.2.1-.3.5-.5.7-.6.5 0 .7.5.7.9 0 .7-1 1.8-3 1.8l-.6-.1-.6 2.4c-.4 1.6-.8 3.8-2.4 5.7-1.4 1.7-2.9 1.9-3.5 1.9-1.2 0-1.9-.6-2-1.5 0-.8.7-1.3 1.2-1.3.6 0 1.1.5 1.1 1s-.2.6-.4.6c-.1.1-.3.2-.3.4 0 .1.1.3.4.3.5 0 .8-.3 1.1-.5 1.2-.9 1.6-2.7 2.2-5.7l.1-.7.7-3.2c-.8-.6-1.3-1.4-2.4-1.7-.6-.1-1.1.1-1.5.5-.4.5-.2 1.1.2 1.5l.7.6c.7.8 1.2 1.6 1 2.5-.3 1.5-2 2.6-4 1.9-1.8-.6-2-1.8-1.8-2.5.2-.6.6-.7 1.1-.6.5.2.6.7.6 1.2l-.1.3c-.2.1-.3.3-.3.4-.1.4.4.6.7.7.7.3 1.6-.2 1.8-.8a1 1 0 0 0-.4-1.1l-.7-.8c-.4-.4-1.1-1.4-.7-2.6.1-.5.4-.9.7-1.3a4 4 0 0 1 2.8-.6c1.2.4 1.8 1.1 2.6 1.8.5-1.2 1-2.4 1.8-3.5.9-.9 1.9-1.6 3.1-1.7 1.3.2 2.2.7 2.2 1.6 0 .4-.2 1.1-.9 1.1z"/></svg>        <span class="sf-toolbar-value sf-toolbar-ajax-request-counter">            Loading&hellip;        </span>    </div>    </a>        <div class="sf-toolbar-info">        <div class="sf-toolbar-info-piece">            <b>Loading the web debug toolbar&hellip;</b>        </div>        <div class="sf-toolbar-info-piece">            Attempt #<span id="sfLoadCounter-4b65fe"></span>        </div>        <div class="sf-toolbar-info-piece">            <b>                <button class="sf-cancel-button" type="button" id="sfLoadCancel-4b65fe" title="Cancel loading">Cancel</button>            </b>        </div>    </div></div>                                <button class="hide-button" type="button" id="sfToolbarHideButton-4b65fe" title="Close Toolbar" accesskey="D" aria-expanded="true" aria-controls="sfToolbarMainContent-4b65fe">        <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="c2cf97d9fd834c95d6b1610f66de849d">/*<![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="0e619b76307ee19dc5a621e5946e9634">    .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="c2cf97d9fd834c95d6b1610f66de849d">/*<![CDATA[*/    (function () {        Sfjs.loadToolbar('4b65fe');    })();/*]]>*/</script>\n
    </body>\n
    </html>\n
    """
  #version: "1.1"
  #statusCode: 200
  #statusText: "OK"
  #charset: "UTF-8"
}