Symfony Profiler

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

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

"html"

"en"

"22cb93"

"*/*"

"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/?p=48371"

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

"Fri, 27 Feb 2026 00:02:17 GMT"

"3e1635"

""

"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/?p=48371"

"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%253AfooterBootstrap40Action"

"200"

"127.0.0.1"

"33142"

"GET"

"http"

1772150536

1772150536.7809

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

"/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" => "fuer-unternehmen/"
]

"_security_main"

"a6a246"

Symfony\Component\HttpFoundation\Response {#5132
  +headers: Symfony\Component\HttpFoundation\ResponseHeaderBag {#2860 …}
  #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>Corporate Innovation - STARTPLATZ</title>\n
    \t<meta name="description" content="Werden Sie Teil des größten Startup Inkubators in NRW und profitieren Sie durch unsere Corporate Services und unserem innovativen Ökosystem." />\n
    \t<link rel="canonical" href="https://www.staging.startplatz.de/fuer-unternehmen/" />\n
    \t<meta property="og:locale" content="de_DE" />\n
    \t<meta property="og:type" content="article" />\n
    \t<meta property="og:title" content="Corporate Innovation" />\n
    \t<meta property="og:description" content="Werden Sie Teil des größten Startup Inkubators in NRW und profitieren Sie durch unsere Corporate Services und unserem innovativen Ökosystem." />\n
    \t<meta property="og:url" content="https://www.staging.startplatz.de/fuer-unternehmen/" />\n
    \t<meta property="og:site_name" content="STARTPLATZ" />\n
    \t<meta property="article:modified_time" content="2025-12-05T11:31:16+00:00" />\n
    \t<meta property="og:image" content="https://www.staging.startplatz.de/wp-content/uploads/2021/08/Business-Club.jpg" />\n
    \t<meta property="og:image:width" content="1200" />\n
    \t<meta property="og:image:height" content="600" />\n
    \t<meta property="og:image:type" content="image/jpeg" />\n
    \t<meta name="twitter:label1" content="Geschätzte Lesezeit" />\n
    \t<meta name="twitter:data1" content="13 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/fuer-unternehmen/","url":"https://www.staging.startplatz.de/fuer-unternehmen/","name":"Corporate Innovation - STARTPLATZ","isPartOf":{"@id":"https://www.staging.startplatz.de/#website"},"primaryImageOfPage":{"@id":"https://www.staging.startplatz.de/fuer-unternehmen/#primaryimage"},"image":{"@id":"https://www.staging.startplatz.de/fuer-unternehmen/#primaryimage"},"thumbnailUrl":"https://res.cloudinary.com/startplatz/image/upload/v1751549695/image_720_z7lylr.png","datePublished":"2017-07-11T19:44:26+00:00","dateModified":"2025-12-05T11:31:16+00:00","description":"Werden Sie Teil des größten Startup Inkubators in NRW und profitieren Sie durch unsere Corporate Services und unserem innovativen Ökosystem.","breadcrumb":{"@id":"https://www.staging.startplatz.de/fuer-unternehmen/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https://www.staging.startplatz.de/fuer-unternehmen/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https://www.staging.startplatz.de/fuer-unternehmen/#primaryimage","url":"https://res.cloudinary.com/startplatz/image/upload/v1751549695/image_720_z7lylr.png","contentUrl":"https://res.cloudinary.com/startplatz/image/upload/v1751549695/image_720_z7lylr.png"},{"@type":"BreadcrumbList","@id":"https://www.staging.startplatz.de/fuer-unternehmen/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.staging.startplatz.de/"},{"@type":"ListItem","position":2,"name":"Corporate Innovation"}]},{"@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/48371" /><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=48371' />\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%2Ffuer-unternehmen%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%2Ffuer-unternehmen%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
                                                                                               highlight\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/corporate-innovation">\n
                    <img src="/bundles/startplatzstyle/images/english_language.png" height="20px;" alt="English">\n
                </a>\n
            \n
                                <a class="dropdown-item" href="/fr/innovation-entreprise">\n
                    <img src="/bundles/startplatzstyle/images/french_language.png" height="20px;" alt="Français">\n
                </a>\n
                </div>\n
    </li>\n
                        </li>\n
    \n
                                                <li class="nav-item active p-0 m-0 ml-lg-4 mt-2">\n
                                <a class="nav-link px-3"\n
                                   style="background-color:#7ab800; border-radius: 5px;"\n
                                   href="/login/">\n
                                    Login\n
                                </a>\n
                            </li>\n
                                        </ul>\n
            </div>\n
    </nav>\n
    \n
    <!-- homepage nav.homepage.bootstrap4 ends -->\n
        <!-- menu ends -->\n
    \n
    \n
        <style>\r\n
        /* Reset für Business Club spezifische Bereiche */\r\n
        .bc-reset * {\r\n
            margin: 0;\r\n
            padding: 0;\r\n
            box-sizing: border-box;\r\n
        }\r\n
        \r\n
        .bc-body {\r\n
            font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n
            line-height: 1.6;\r\n
            color: #333333;\r\n
        }\r\n
        \r\n
        /* Business Club Navigation Section */\r\n
        .bc-navigation {\r\n
            background-color: #ffffff;\r\n
            padding: 20px 0;\r\n
            border-bottom: 1px solid #e9ecef;\r\n
            position: sticky;\r\n
            top: 70px;\r\n
            z-index: 100;\r\n
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);\r\n
        }\r\n
        \r\n
        /* Hide navigation on mobile */\r\n
        @media (max-width: 767px) {\r\n
            .bc-navigation {\r\n
                display: none;\r\n
            }\r\n
        }\r\n
        \r\n
        .bc-nav-menu {\r\n
            display: flex;\r\n
            justify-content: center;\r\n
            align-items: center;\r\n
            gap: 1.5rem;\r\n
            flex-wrap: wrap;\r\n
        }\r\n
        \r\n
        .bc-nav-item {\r\n
            background: #f8f9fa;\r\n
            color: #333;\r\n
            text-decoration: none;\r\n
            padding: 12px 24px;\r\n
            border-radius: 50px;\r\n
            font-weight: 600;\r\n
            font-size: 0.95rem;\r\n
            transition: all 0.3s ease;\r\n
            border: 2px solid transparent;\r\n
            position: relative;\r\n
            overflow: hidden;\r\n
        }\r\n
        \r\n
        .bc-nav-item::before {\r\n
            content: '';\r\n
            position: absolute;\r\n
            top: 0;\r\n
            left: -100%;\r\n
            width: 100%;\r\n
            height: 100%;\r\n
            background: linear-gradient(135deg, #7AB800, #5f9200);\r\n
            transition: all 0.3s ease;\r\n
            z-index: -1;\r\n
        }\r\n
        \r\n
        .bc-nav-item:hover {\r\n
            color: white;\r\n
            border-color: #7AB800;\r\n
            transform: translateY(-2px);\r\n
            box-shadow: 0 6px 20px rgba(122, 184, 0, 0.3);\r\n
            text-decoration: none;\r\n
        }\r\n
        \r\n
        .bc-nav-item:hover::before {\r\n
            left: 0;\r\n
        }\r\n
        \r\n
        .bc-nav-item:active {\r\n
            transform: translateY(0);\r\n
        }\r\n
        \r\n
        .bc-nav-text {\r\n
            position: relative;\r\n
            z-index: 1;\r\n
        }\r\n
        \r\n
        /* Smooth scrolling for anchor links - Enhanced */\r\n
        html {\r\n
            scroll-behavior: smooth;\r\n
            scroll-padding-top: 150px;\r\n
        }\r\n
        \r\n
        /* Slower smooth scrolling */\r\n
        @media (prefers-reduced-motion: no-preference) {\r\n
            html {\r\n
                scroll-behavior: auto;\r\n
            }\r\n
        }\r\n
        \r\n
        @media (max-width: 767px) {\r\n
            html {\r\n
                scroll-padding-top: 20px;\r\n
            }\r\n
        }\r\n
        \r\n
        /* Offset for sticky navigation */\r\n
        .bc-benefits,\r\n
        .bc-partnership-models,\r\n
        .bc-events,\r\n
        .bc-further-offers {\r\n
            scroll-margin-top: 150px;\r\n
        }\r\n
        .bc-container {\r\n
            max-width: 1200px;\r\n
            margin: 0 auto;\r\n
            padding: 0 20px;\r\n
        }\r\n
        \r\n
        /* Business Club Header Section */\r\n
        .bc-header {\r\n
            background-color: #ffffff;\r\n
            padding: 60px 0;\r\n
            overflow: hidden;\r\n
        }\r\n
        \r\n
        .bc-header-grid {\r\n
            display: grid;\r\n
            grid-template-columns: 1fr 1fr;\r\n
            gap: 4rem;\r\n
            align-items: center;\r\n
            min-height: 500px;\r\n
        }\r\n
        \r\n
        /* Business Club Text Content */\r\n
        .bc-text-area {\r\n
            padding-right: 2rem;\r\n
        }\r\n
        \r\n
        .bc-main-title {\r\n
            font-size: 3.5rem;\r\n
            font-weight: 800;\r\n
            color: #333333;\r\n
            line-height: 1.1;\r\n
            margin-bottom: 2rem;\r\n
            position: relative;\r\n
        }\r\n
        \r\n
        /* Business Club Decorative Line */\r\n
        .bc-main-title::before {\r\n
            content: '';\r\n
            position: absolute;\r\n
            top: -30px;\r\n
            left: 0;\r\n
            width: 280px;\r\n
            height: 3px;\r\n
            background-color: #7AB800;\r\n
        }\r\n
        \r\n
        .bc-description {\r\n
            font-size: 1.2rem;\r\n
            color: #666666;\r\n
            line-height: 1.7;\r\n
            margin-bottom: 3rem;\r\n
            max-width: 90%;\r\n
        }\r\n
        \r\n
        .bc-highlight {\r\n
            font-size: 1.4rem;\r\n
            font-weight: 600;\r\n
            color: #333333;\r\n
            margin-bottom: 2.5rem;\r\n
        }\r\n
        \r\n
        /* Business Club CTA Buttons */\r\n
        .bc-cta-buttons {\r\n
            display: flex;\r\n
            gap: 1rem;\r\n
            flex-wrap: wrap;\r\n
        }\r\n
        \r\n
        .bc-cta-btn {\r\n
            display: inline-block;\r\n
            background: linear-gradient(45deg, #7AB800, #5f9200, #7AB800, #5f9200);\r\n
            background-size: 400% 400%;\r\n
            color: white;\r\n
            padding: 18px 40px;\r\n
            border-radius: 8px;\r\n
            text-decoration: none;\r\n
            font-weight: 700;\r\n
            font-size: 1.1rem;\r\n
            transition: all 0.3s ease;\r\n
            border: none;\r\n
            cursor: pointer;\r\n
            box-shadow: 0 4px 12px rgba(122, 184, 0, 0.25);\r\n
            animation: buttonGradientShift 3s ease-in-out infinite;\r\n
            position: relative;\r\n
            overflow: hidden;\r\n
        }\r\n
        \r\n
        .bc-cta-btn:hover {\r\n
            transform: translateY(-2px);\r\n
            box-shadow: 0 6px 20px rgba(122, 184, 0, 0.35);\r\n
            color: white;\r\n
            text-decoration: none;\r\n
        }\r\n
        \r\n
        .bc-cta-btn-secondary {\r\n
            background: transparent;\r\n
            color: #7AB800;\r\n
            border: 2px solid #7AB800;\r\n
            animation: none;\r\n
            box-shadow: 0 4px 12px rgba(122, 184, 0, 0.15);\r\n
        }\r\n
        \r\n
        .bc-cta-btn-secondary:hover {\r\n
            background: #7AB800;\r\n
            color: white;\r\n
            border-color: #7AB800;\r\n
            box-shadow: 0 6px 20px rgba(122, 184, 0, 0.25);\r\n
        }\r\n
        \r\n
        @keyframes buttonGradientShift {\r\n
            0%, 100% {\r\n
                background-position: 0% 50%;\r\n
            }\r\n
            50% {\r\n
                background-position: 100% 50%;\r\n
            }\r\n
        }\r\n
        \r\n
        .startplatz-button {\r\n
            display: inline-block;\r\n
            background: linear-gradient(45deg, #7AB800, #5f9200, #7AB800, #5f9200);\r\n
            background-size: 400% 400%;\r\n
            color: white;\r\n
            padding: 18px 40px;\r\n
            border-radius: 8px;\r\n
            text-decoration: none;\r\n
            font-weight: 700;\r\n
            font-size: 1.1rem;\r\n
            transition: all 0.3s ease;\r\n
            border: none;\r\n
            cursor: pointer;\r\n
            box-shadow: 0 4px 12px rgba(122, 184, 0, 0.25);\r\n
            animation: buttonGradientShift 3s ease-in-out infinite;\r\n
            position: relative;\r\n
            overflow: hidden;\r\n
        }\r\n
        \r\n
        .startplatz-button:hover {\r\n
            transform: translateY(-2px);\r\n
            box-shadow: 0 6px 20px rgba(122, 184, 0, 0.35);\r\n
            color: white;\r\n
            text-decoration: none;\r\n
        }\r\n
        \r\n
        /* Business Club Image Area */\r\n
        .bc-image-wrapper {\r\n
            position: relative;\r\n
            height: 500px;\r\n
            border-radius: 15px;\r\n
            overflow: hidden;\r\n
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);\r\n
        }\r\n
        \r\n
        .bc-header-img {\r\n
            width: 100%;\r\n
            height: 100%;\r\n
            object-fit: cover;\r\n
            transition: transform 0.5s ease;\r\n
        }\r\n
        \r\n
        .bc-image-wrapper:hover .bc-header-img {\r\n
            transform: scale(1.05);\r\n
        }\r\n
        \r\n
        .bc-img-overlay {\r\n
            position: absolute;\r\n
            top: 0;\r\n
            left: 0;\r\n
            right: 0;\r\n
            bottom: 0;\r\n
            background: linear-gradient(45deg, rgba(122, 184, 0, 0.1), transparent);\r\n
            opacity: 0;\r\n
            transition: opacity 0.3s ease;\r\n
        }\r\n
        \r\n
        .bc-image-wrapper:hover .bc-img-overlay {\r\n
            opacity: 1;\r\n
        }\r\n
        \r\n
        /* STARTPLATZ Benefits - New Accordion Style */\r\n
        .bc-benefits {\r\n
            background-color: #f8f9fa;\r\n
            padding: 80px 0;\r\n
            position: relative;\r\n
        }\r\n
        \r\n
        .benefits-container {\r\n
            max-width: 1200px;\r\n
            margin: 0 auto;\r\n
            padding: 0 20px;\r\n
        }\r\n
        \r\n
        .benefits-intro {\r\n
            text-align: center;\r\n
            margin-bottom: 4rem;\r\n
        }\r\n
        \r\n
        .benefits-title {\r\n
            font-size: 2.5rem;\r\n
            font-weight: 800;\r\n
            color: #333;\r\n
            margin-bottom: 2rem;\r\n
            line-height: 1.2;\r\n
        }\r\n
        \r\n
        .benefits-description {\r\n
            font-size: 1.2rem;\r\n
            color: #666;\r\n
            line-height: 1.7;\r\n
            max-width: 100%;\r\n
            margin: 0 auto;\r\n
        }\r\n
        \r\n
        .benefits-list {\r\n
            max-width: 900px;\r\n
            margin: 0 auto;\r\n
        }\r\n
        \r\n
        .benefit-item {\r\n
            background: white;\r\n
            border-radius: 12px;\r\n
            margin-bottom: 1rem;\r\n
            overflow: hidden;\r\n
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n
            transition: all 0.3s ease;\r\n
            display: flex;\r\n
            align-items: stretch;\r\n
        }\r\n
        \r\n
        .benefit-item:hover {\r\n
            transform: translateY(-2px);\r\n
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\r\n
        }\r\n
        \r\n
        .benefit-header {\r\n
            display: flex;\r\n
            align-items: center;\r\n
            padding: 1.5rem 2rem;\r\n
            cursor: pointer;\r\n
            transition: all 0.3s ease;\r\n
            user-select: none;\r\n
            flex: 1;\r\n
            min-height: 100px;\r\n
        }\r\n
        \r\n
        .benefit-header:hover {\r\n
            background-color: #f8f9fa;\r\n
        }\r\n
        \r\n
        .benefit-icon-container {\r\n
            width: 80px;\r\n
            height: 80px;\r\n
            margin-right: 1.5rem;\r\n
            border-radius: 12px;\r\n
            display: flex;\r\n
            align-items: center;\r\n
            justify-content: center;\r\n
            transition: all 0.3s ease;\r\n
            flex-shrink: 0;\r\n
        }\r\n
        \r\n
        /* Individual benefit colors */\r\n
        .benefit-item:nth-child(1) .benefit-icon-container {\r\n
            background: linear-gradient(135deg, #FF6B6B, #FF5252);\r\n
            box-shadow: 0 4px 15px rgba(255, 107, 107, 0.2);\r\n
        }\r\n
        \r\n
        .benefit-item:nth-child(2) .benefit-icon-container {\r\n
            background: linear-gradient(135deg, #4ECDC4, #26A69A);\r\n
            box-shadow: 0 4px 15px rgba(78, 205, 196, 0.2);\r\n
        }\r\n
        \r\n
        .benefit-item:nth-child(3) .benefit-icon-container {\r\n
            background: linear-gradient(135deg, #45B7D1, #2196F3);\r\n
            box-shadow: 0 4px 15px rgba(69, 183, 209, 0.2);\r\n
        }\r\n
        \r\n
        .benefit-item:nth-child(4) .benefit-icon-container {\r\n
            background: linear-gradient(135deg, #B565FF, #9535FF);\r\n
            box-shadow: 0 4px 15px rgba(181, 101, 255, 0.2);\r\n
        }\r\n
        \r\n
        .benefit-item:nth-child(5) .benefit-icon-container {\r\n
            background: linear-gradient(135deg, #FECA57, #FF9800);\r\n
            box-shadow: 0 4px 15px rgba(254, 202, 87, 0.2);\r\n
        }\r\n
        \r\n
        .benefit-icon {\r\n
            width: 40px;\r\n
            height: 40px;\r\n
            object-fit: contain;\r\n
        }\r\n
        \r\n
        .benefit-content {\r\n
            flex: 1;\r\n
            display: flex;\r\n
            justify-content: space-between;\r\n
            align-items: center;\r\n
        }\r\n
        \r\n
        .benefit-title {\r\n
            font-size: 1.4rem;\r\n
            font-weight: 700;\r\n
            color: #333;\r\n
            margin: 0;\r\n
        }\r\n
        \r\n
        .benefit-toggle {\r\n
            width: 30px;\r\n
            height: 30px;\r\n
            background: #f8f9fa;\r\n
            border-radius: 50%;\r\n
            display: flex;\r\n
            align-items: center;\r\n
            justify-content: center;\r\n
            transition: all 0.3s ease;\r\n
            flex-shrink: 0;\r\n
        }\r\n
        \r\n
        .benefit-toggle::before {\r\n
            content: '+';\r\n
            font-size: 1.2rem;\r\n
            font-weight: bold;\r\n
            color: #7AB800;\r\n
            transition: transform 0.3s ease;\r\n
        }\r\n
        \r\n
        .benefit-item.active .benefit-toggle::before {\r\n
            transform: rotate(45deg);\r\n
        }\r\n
        \r\n
        .benefit-item.active .benefit-toggle {\r\n
            background: #7AB800;\r\n
        }\r\n
        \r\n
        .benefit-item.active .benefit-toggle::before {\r\n
            color: white;\r\n
        }\r\n
        \r\n
        .benefit-detail {\r\n
            max-width: 0;\r\n
            overflow: hidden;\r\n
            transition: max-width 0.4s ease, padding 0.4s ease;\r\n
            background: #f8f9fa;\r\n
            display: flex;\r\n
            align-items: center;\r\n
            border-left: 1px solid #e9ecef;\r\n
        }\r\n
        \r\n
        .benefit-detail.active {\r\n
            max-width: 550px;\r\n
            padding: 1.5rem 2rem;\r\n
        }\r\n
        \r\n
        .benefit-detail-content {\r\n
            font-size: 1.1rem;\r\n
            line-height: 1.6;\r\n
            color: #555;\r\n
            opacity: 0;\r\n
            transition: opacity 0.3s ease 0.1s;\r\n
            white-space: normal;\r\n
            min-width: 450px;\r\n
            max-width: 450px;\r\n
        }\r\n
        \r\n
        .benefit-detail.active .benefit-detail-content {\r\n
            opacity: 1;\r\n
        }\r\n
        \r\n
        .benefits-action {\r\n
            text-align: center;\r\n
            margin-top: 3rem;\r\n
        }\r\n
        \r\n
        /* Business Club Partners Section - HIDDEN */\r\n
        .bc-partners {\r\n
            display: none; /* Hidden until complete partner list is available */\r\n
            background-color: #ffffff;\r\n
            padding: 80px 0;\r\n
            overflow: hidden;\r\n
        }\r\n
        \r\n
        .bc-partners-title {\r\n
            font-size: 2.5rem;\r\n
            font-weight: 800;\r\n
            color: #333;\r\n
            margin-bottom: 4rem;\r\n
            text-align: center;\r\n
        }\r\n
        \r\n
        /* Business Club Partners Slider */\r\n
        .bc-partners-slider {\r\n
            position: relative;\r\n
            overflow: hidden;\r\n
            width: 100%;\r\n
            height: 140px; /* Erhöht von 120px für Hover-Effekt */\r\n
            padding: 10px 0; /* Zusätzlicher Platz für Hover-Transform */\r\n
            mask-image: linear-gradient(\r\n
                to right,\r\n
                transparent 0%,\r\n
                rgba(0, 0, 0, 1) 10%,\r\n
                rgba(0, 0, 0, 1) 90%,\r\n
                transparent 100%\r\n
            );\r\n
            -webkit-mask-image: linear-gradient(\r\n
                to right,\r\n
                transparent 0%,\r\n
                rgba(0, 0, 0, 1) 10%,\r\n
                rgba(0, 0, 0, 1) 90%,\r\n
                transparent 100%\r\n
            );\r\n
        }\r\n
        \r\n
        .bc-partners-track {\r\n
            display: flex;\r\n
            align-items: center;\r\n
            gap: 4rem;\r\n
            animation: bcPartnersSlide 30s linear infinite;\r\n
            width: calc(200px * 12 + 4rem * 11); /* 12 logos + gaps */\r\n
        }\r\n
        \r\n
        .bc-partner-item {\r\n
            flex-shrink: 0;\r\n
            width: 200px;\r\n
            height: 80px;\r\n
            background: #f8f9fa;\r\n
            border: 2px solid #e9ecef;\r\n
            border-radius: 12px;\r\n
            display: flex;\r\n
            align-items: center;\r\n
            justify-content: center;\r\n
            transition: all 0.3s ease;\r\n
            position: relative;\r\n
            overflow: hidden;\r\n
        }\r\n
        \r\n
        .bc-partner-item:hover {\r\n
            transform: translateY(-5px);\r\n
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\r\n
            border-color: #7AB800;\r\n
        }\r\n
        \r\n
        .bc-partner-logo {\r\n
            width: 80%;\r\n
            height: 60%;\r\n
            background: linear-gradient(135deg, #e9ecef, #dee2e6);\r\n
            border-radius: 8px;\r\n
            display: flex;\r\n
            align-items: center;\r\n
            justify-content: center;\r\n
            font-size: 0.9rem;\r\n
            font-weight: 600;\r\n
            color: #6c757d;\r\n
            transition: all 0.3s ease;\r\n
        }\r\n
        \r\n
        .bc-partner-item:hover .bc-partner-logo {\r\n
            background: linear-gradient(135deg, #7AB800, #5f9200);\r\n
            color: white;\r\n
        }\r\n
        \r\n
        /* Special styling for Techniker Krankenkasse */\r\n
        .bc-partner-technik {\r\n
            background: #f8f9fa;\r\n
            border-color: #dee2e6;\r\n
        }\r\n
        \r\n
        .bc-partner-technik:hover {\r\n
            background: #e9ecef;\r\n
            border-color: #adb5bd;\r\n
        }\r\n
        \r\n
        /* Special styling for Ecodynamics */\r\n
        .bc-partner-ecodynamics {\r\n
            background: #f8f9fa;\r\n
            border-color: #dee2e6;\r\n
        }\r\n
        \r\n
        .bc-partner-ecodynamics:hover {\r\n
            background: #e9ecef;\r\n
            border-color: #adb5bd;\r\n
        }\r\n
        \r\n
        .bc-partner-link {\r\n
            display: flex;\r\n
            align-items: center;\r\n
            justify-content: center;\r\n
            width: 100%;\r\n
            height: 100%;\r\n
            text-decoration: none;\r\n
        }\r\n
        \r\n
        .bc-partner-logo-image {\r\n
            width: 85%;\r\n
            height: 70%;\r\n
            object-fit: contain;\r\n
            transition: all 0.3s ease;\r\n
        }\r\n
        \r\n
        /* Larger size for Ecodynamics logo */\r\n
        .bc-partner-ecodynamics .bc-partner-logo-image {\r\n
            width: 95%;\r\n
            height: 80%;\r\n
        }\r\n
        \r\n
        .bc-partner-technik:hover .bc-partner-logo-image,\r\n
        .bc-partner-ecodynamics:hover .bc-partner-logo-image {\r\n
            transform: scale(1.05);\r\n
        }\r\n
        \r\n
        /* Special styling for CTA partner item */\r\n
        .bc-partner-item-cta {\r\n
            border-color: #7AB800;\r\n
            background: rgba(122, 184, 0, 0.05);\r\n
        }\r\n
        \r\n
        .bc-partner-logo-cta {\r\n
            background: linear-gradient(135deg, #7AB800, #5f9200);\r\n
            color: white;\r\n
            font-size: 0.8rem;\r\n
            font-weight: 700;\r\n
            text-align: center;\r\n
            line-height: 1.2;\r\n
            padding: 0 8px;\r\n
        }\r\n
        \r\n
        .bc-partner-item-cta:hover {\r\n
            transform: translateY(-8px);\r\n
            box-shadow: 0 12px 30px rgba(122, 184, 0, 0.2);\r\n
            border-color: #5f9200;\r\n
        }\r\n
        \r\n
        .bc-partner-item-cta:hover .bc-partner-logo-cta {\r\n
            background: linear-gradient(135deg, #5f9200, #4a7000);\r\n
        }\r\n
        \r\n
        /* Smooth infinite scroll animation */\r\n
        @keyframes bcPartnersSlide {\r\n
            0% {\r\n
                transform: translateX(0);\r\n
            }\r\n
            100% {\r\n
                transform: translateX(calc(-200px * 6 - 4rem * 5)); /* Half of total width */\r\n
            }\r\n
        }\r\n
        \r\n
        /* Pause animation on hover */\r\n
        .bc-partners-slider:hover .bc-partners-track {\r\n
            animation-play-state: paused;\r\n
        }\r\n
        \r\n
        /* Newsletter CTA - Dezent */\r\n
        .bc-newsletter-cta {\r\n
            background-color: #f8f9fa;\r\n
            padding: 40px 0;\r\n
            border-top: 1px solid #e9ecef;\r\n
        }\r\n
        \r\n
        .bc-newsletter-cta-content {\r\n
            text-align: center;\r\n
            max-width: 600px;\r\n
            margin: 0 auto;\r\n
        }\r\n
        \r\n
        .bc-newsletter-cta-title {\r\n
            font-size: 2rem;\r\n
            font-weight: 800;\r\n
            color: #333;\r\n
            margin-bottom: 1rem;\r\n
        }\r\n
        \r\n
        .bc-newsletter-cta-text {\r\n
            font-size: 1.1rem;\r\n
            color: #666;\r\n
            margin-bottom: 1.5rem;\r\n
            line-height: 1.7;\r\n
        }\r\n
        \r\n
        .bc-newsletter-cta-btn {\r\n
            display: inline-block;\r\n
            background: transparent;\r\n
            color: #7AB800;\r\n
            border: 2px solid #7AB800;\r\n
            padding: 12px 28px;\r\n
            border-radius: 8px;\r\n
            text-decoration: none;\r\n
            font-weight: 600;\r\n
            font-size: 0.95rem;\r\n
            transition: all 0.3s ease;\r\n
        }\r\n
        \r\n
        .bc-newsletter-cta-btn:hover {\r\n
            background: #7AB800;\r\n
            color: white;\r\n
            text-decoration: none;\r\n
            transform: translateY(-2px);\r\n
            box-shadow: 0 4px 12px rgba(122, 184, 0, 0.3);\r\n
        }\r\n
        \r\n
        /* Business Club Partnership Models Section */\r\n
        .bc-partnership-models {\r\n
            background-color: #f8f9fa;\r\n
            padding: 80px 0;\r\n
        }\r\n
        \r\n
        .bc-partnership-header {\r\n
            display: grid;\r\n
            grid-template-columns: 1fr 1fr;\r\n
            gap: 4rem;\r\n
            align-items: center;\r\n
            margin-bottom: 5rem;\r\n
        }\r\n
        \r\n
        .bc-partnership-title {\r\n
            font-size: 2.5rem;\r\n
            font-weight: 800;\r\n
            color: #333;\r\n
            margin-bottom: 2rem;\r\n
            line-height: 1.2;\r\n
        }\r\n
        \r\n
        .bc-partnership-description {\r\n
            font-size: 1.2rem;\r\n
            color: #666;\r\n
            line-height: 1.7;\r\n
        }\r\n
        \r\n
        .bc-partnership-image {\r\n
            height: 300px;\r\n
            border-radius: 15px;\r\n
            overflow: hidden;\r\n
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);\r\n
        }\r\n
        \r\n
        .bc-partnership-img {\r\n
            width: 100%;\r\n
            height: 100%;\r\n
            object-fit: cover;\r\n
            transition: transform 0.5s ease;\r\n
        }\r\n
        \r\n
        .bc-partnership-image:hover .bc-partnership-img {\r\n
            transform: scale(1.05);\r\n
        }\r\n
        \r\n
        /* Partnership Grid */\r\n
        .bc-partnership-grid {\r\n
            display: grid;\r\n
            grid-template-columns: repeat(2, 1fr);\r\n
            gap: 2rem;\r\n
            margin-bottom: 4rem;\r\n
        }\r\n
        \r\n
        .bc-partnership-card {\r\n
            background: white;\r\n
            border-radius: 15px;\r\n
            padding: 2.5rem;\r\n
            cursor: pointer;\r\n
            transition: all 0.3s ease;\r\n
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\r\n
            position: relative;\r\n
            overflow: hidden;\r\n
            min-height: 200px;\r\n
            display: flex;\r\n
            flex-direction: column;\r\n
            align-items: center;\r\n
            text-align: center;\r\n
        }\r\n
        \r\n
        .bc-partnership-card::before {\r\n
            content: '';\r\n
            position: absolute;\r\n
            top: 0;\r\n
            left: 0;\r\n
            right: 0;\r\n
            height: 4px;\r\n
            background: linear-gradient(135deg, #7AB800, #5f9200);\r\n
            transform: scaleX(0);\r\n
            transition: transform 0.3s ease;\r\n
        }\r\n
        \r\n
        /* Individual hover lines for partnership cards */\r\n
        .bc-partnership-card:nth-child(1)::before {\r\n
            background: linear-gradient(135deg, #7AB800, #5f9200);\r\n
        }\r\n
        \r\n
        .bc-partnership-card:nth-child(2)::before {\r\n
            background: #000000;\r\n
        }\r\n
        \r\n
        .bc-partnership-card:nth-child(3)::before {\r\n
            background: #0680BB;\r\n
        }\r\n
        \r\n
        .bc-partnership-card:nth-child(4)::before {\r\n
            background: #9535FF;\r\n
        }\r\n
        \r\n
        .bc-partnership-card:hover {\r\n
            transform: translateY(-8px);\r\n
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);\r\n
        }\r\n
        \r\n
        /* Individual hover shadows for partnership cards */\r\n
        .bc-partnership-card:nth-child(1):hover {\r\n
            box-shadow: 0 15px 40px rgba(122, 184, 0, 0.25);\r\n
        }\r\n
        \r\n
        .bc-partnership-card:nth-child(2):hover {\r\n
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);\r\n
        }\r\n
        \r\n
        .bc-partnership-card:nth-child(3):hover {\r\n
            box-shadow: 0 15px 40px rgba(6, 128, 187, 0.25);\r\n
        }\r\n
        \r\n
        .bc-partnership-card:nth-child(4):hover {\r\n
            box-shadow: 0 15px 40px rgba(149, 53, 255, 0.25);\r\n
        }\r\n
        \r\n
        .bc-partnership-card:hover::before {\r\n
            transform: scaleX(1);\r\n
        }\r\n
        \r\n
        .bc-partnership-card-image {\r\n
            width: 120px;\r\n
            height: 60px;\r\n
            margin-bottom: 1.5rem;\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
        .bc-partnership-card-image img {\r\n
            max-width: 100%;\r\n
            max-height: 100%;\r\n
            object-fit: contain;\r\n
        }\r\n
        \r\n
        .bc-partnership-card-content {\r\n
            display: flex;\r\n
            flex-direction: column;\r\n
            justify-content: space-between;\r\n
            align-items: center;\r\n
            flex: 1;\r\n
            width: 100%;\r\n
        }\r\n
        \r\n
        .bc-partnership-card-title {\r\n
            font-size: 1.3rem;\r\n
            font-weight: 700;\r\n
            color: #333;\r\n
            margin: 0 0 1rem 0;\r\n
            line-height: 1.3;\r\n
        }\r\n
        \r\n
        .bc-partnership-card-icon {\r\n
            font-size: 2rem;\r\n
            font-weight: bold;\r\n
            color: #7AB800;\r\n
            opacity: 0.7;\r\n
            transition: all 0.3s ease;\r\n
            margin-top: auto;\r\n
        }\r\n
        \r\n
        .bc-partnership-card:hover .bc-partnership-card-icon {\r\n
            opacity: 1;\r\n
            transform: rotate(45deg);\r\n
        }\r\n
        \r\n
        /* Partnership Modal Styles - Enhanced & Mobile Optimized */\r\n
        .bc-partnership-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
            background-color: rgba(0, 0, 0, 0.8);\r\n
            backdrop-filter: blur(5px);\r\n
        }\r\n
        \r\n
        .bc-partnership-modal-content {\r\n
            background-color: white;\r\n
            margin: 10% auto;\r\n
            padding: 0;\r\n
            border-radius: 20px;\r\n
            width: 90%;\r\n
            max-width: 900px;\r\n
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n
            animation: bcModalSliIhr 0.3s ease-out;\r\n
            position: relative;\r\n
        }\r\n
        \r\n
        .bc-partnership-modal-header {\r\n
            background: linear-gradient(135deg, #7AB800, #5f9200);\r\n
            color: white;\r\n
            padding: 2rem;\r\n
            border-radius: 20px 20px 0 0;\r\n
            position: relative;\r\n
        }\r\n
        \r\n
        /* Special header colors for different partnerships */\r\n
        .bc-partnership-modal-header.startplatz-header {\r\n
            background: linear-gradient(135deg, #7AB800, #5f9200);\r\n
        }\r\n
        \r\n
        .bc-partnership-modal-header.rheinland-header {\r\n
            background: linear-gradient(135deg, #2c3e50, #000000);\r\n
        }\r\n
        \r\n
        .bc-partnership-modal-header.accelerator-header {\r\n
            background: linear-gradient(135deg, #0680BB, #004c6d);\r\n
        }\r\n
        \r\n
        .bc-partnership-modal-header.ai-hub-header {\r\n
            background: linear-gradient(135deg, #9535FF, #6a1b9a);\r\n
        }\r\n
        \r\n
        .bc-partnership-modal-title {\r\n
            font-size: 1.8rem;\r\n
            font-weight: 700;\r\n
            margin: 0;\r\n
            padding-right: 50px;\r\n
            background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.85) 100%);\r\n
            -webkit-background-clip: text;\r\n
            -webkit-text-fill-color: transparent;\r\n
            background-clip: text;\r\n
            text-shadow: 0 1px 2px rgba(0,0,0,0.1);\r\n
        }\r\n
        \r\n
        .bc-partnership-modal-close {\r\n
            position: absolute;\r\n
            right: 1.5rem;\r\n
            top: 1.5rem;\r\n
            font-size: 2rem;\r\n
            font-weight: bold;\r\n
            color: white;\r\n
            cursor: pointer;\r\n
            width: 40px;\r\n
            height: 40px;\r\n
            border-radius: 50%;\r\n
            background: rgba(255, 255, 255, 0.2);\r\n
            display: flex;\r\n
            align-items: center;\r\n
            justify-content: center;\r\n
            transition: all 0.3s ease;\r\n
        }\r\n
        \r\n
        .bc-partnership-modal-close:hover {\r\n
            background: rgba(255, 255, 255, 0.3);\r\n
            transform: rotate(90deg);\r\n
        }\r\n
        \r\n
        .bc-partnership-modal-body {\r\n
            display: grid;\r\n
            grid-template-columns: 300px 1fr;\r\n
            gap: 3rem;\r\n
            padding: 2.5rem;\r\n
        }\r\n
        \r\n
        /* Modal CTA Buttons - KORRIGIERT */\r\n
        .bc-modal-cta-buttons {\r\n
            display: flex;\r\n
            gap: 1rem;\r\n
            flex-wrap: wrap;\r\n
        }\r\n
        \r\n
        .bc-modal-cta-btn {\r\n
            display: inline-flex;\r\n
            align-items: center;\r\n
            justify-content: center;\r\n
            padding: 12px 24px;\r\n
            border-radius: 8px;\r\n
            text-decoration: none;\r\n
            font-weight: 600;\r\n
            font-size: 0.95rem;\r\n
            transition: all 0.3s ease;\r\n
            text-align: center;\r\n
            flex: 1;\r\n
            min-width: 200px;\r\n
            line-height: 1.4;\r\n
        }\r\n
        \r\n
        .bc-modal-cta-primary {\r\n
            background: linear-gradient(135deg, #7AB800, #5f9200);\r\n
            color: white;\r\n
            box-shadow: 0 4px 12px rgba(122, 184, 0, 0.25);\r\n
        }\r\n
        \r\n
        .bc-modal-cta-primary:hover {\r\n
            transform: translateY(-2px);\r\n
            box-shadow: 0 6px 20px rgba(122, 184, 0, 0.35);\r\n
            color: white;\r\n
            text-decoration: none;\r\n
        }\r\n
        \r\n
        .bc-modal-cta-secondary {\r\n
            background: transparent;\r\n
            color: #7AB800;\r\n
            border: 2px solid #7AB800;\r\n
            display: inline-flex; /* Explizit für sekundäre Buttons */\r\n
            align-items: center; /* Explizit für sekundäre Buttons */\r\n
            justify-content: center; /* Explizit für sekundäre Buttons */\r\n
        }\r\n
        \r\n
        .bc-modal-cta-secondary:hover {\r\n
            background: #7AB800;\r\n
            color: white;\r\n
            text-decoration: none;\r\n
        }\r\n
        \r\n
        .bc-modal-crosslink {\r\n
            display: inline-block;\r\n
            margin-top: 1rem;\r\n
            padding: 8px 16px;\r\n
            background: #f8f9fa;\r\n
            color: #666;\r\n
            text-decoration: none;\r\n
            border-radius: 6px;\r\n
            font-size: 0.9rem;\r\n
            transition: all 0.3s ease;\r\n
        }\r\n
        \r\n
        .bc-modal-crosslink:hover {\r\n
            background: #e9ecef;\r\n
            color: #333;\r\n
            text-decoration: none;\r\n
        }\r\n
        \r\n
        \r\n
        \r\n
        \r\n
        \r\n
        \r\n
        /* Games Cluster spezifische Styles */\r\n
        .games-cluster-logos {\r\n
            display: flex;\r\n
            align-items: center;\r\n
            justify-content: center;\r\n
            gap: 15px;\r\n
            flex-wrap: nowrap; /* WICHTIG: wrap verhindert */\r\n
            width: 100%;\r\n
        }\r\n
        \r\n
        .games-cluster-logos img {\r\n
            max-height: 50px;\r\n
            max-width: 120px;\r\n
            object-fit: contain;\r\n
            flex-shrink: 0; /* WICHTIG: Verhindert Schrumpfung */\r\n
        }\r\n
        \r\n
        /* Games Syndicate Logo größer machen */\r\n
        .games-cluster-logos img[alt="Games Syndicate Cologne Logo"] {\r\n
            max-height: 65px;\r\n
            max-width: 150px;\r\n
        }\r\n
        \r\n
        .logo-separator {\r\n
            font-size: 1.5rem;\r\n
            font-weight: bold;\r\n
            color: #666;\r\n
            margin: 0 10px; /* Mehr Platz um das × */\r\n
            flex-shrink: 0;\r\n
        }\r\n
        \r\n
        \r\n
        /* Neu Badge */\r\n
        .partnership-new-badge {\r\n
            position: absolute;\r\n
            top: 15px;\r\n
            right: 15px;\r\n
            background: linear-gradient(135deg, #FF6B35, #F7931E);\r\n
            color: white;\r\n
            padding: 8px 16px;\r\n
            border-radius: 25px;\r\n
            font-size: 0.85rem;\r\n
            font-weight: 700;\r\n
            text-transform: uppercase;\r\n
            letter-spacing: 0.8px;\r\n
            box-shadow: 0 2px 10px rgba(255, 107, 53, 0.3);\r\n
            animation: pulseNewBadge 2s ease-in-out infinite;\r\n
        }\r\n
        \r\n
        @keyframes pulseNewBadge {\r\n
            0%, 100% { transform: scale(1); box-shadow: 0 2px 10px rgba(255, 107, 53, 0.3); }\r\n
            50% { transform: scale(1.05); box-shadow: 0 4px 15px rgba(255, 107, 53, 0.5); }\r\n
        }\r\n
        \r\n
        /* Games Cluster Modal Header */\r\n
        .bc-partnership-modal-header.games-cluster-header {\r\n
            background: linear-gradient(135deg, #FF6B35, #F7931E);\r\n
        }\r\n
        \r\n
        /* Games Cluster Modal Benefits */\r\n
        #bc-games-cluster-modal .bc-modal-benefit-item {\r\n
            border-left-color: #FF6B35;\r\n
        }\r\n
        #bc-games-cluster-modal .bc-modal-benefit-item:hover {\r\n
            box-shadow: 0 4px 15px rgba(255, 107, 53, 0.2);\r\n
        }\r\n
        #bc-games-cluster-modal .bc-modal-benefit-item .bc-modal-benefit-icon-container {\r\n
            background: linear-gradient(135deg, #FF6B35, #F7931E);\r\n
        }\r\n
        \r\n
        /* 5. Karte = Games Cluster */\r\n
        .bc-partnership-card:nth-child(5)::before {\r\n
            background: linear-gradient(135deg, #FF6B35, #F7931E);\r\n
        }\r\n
        \r\n
        .bc-partnership-card:nth-child(5):hover {\r\n
            box-shadow: 0 15px 40px rgba(255, 107, 53, 0.25);\r\n
        }\r\n
        \r\n
        .bc-partnership-card:nth-child(5) .bc-partnership-card-icon {\r\n
            color: #FF6B35;\r\n
        }\r\n
        \r\n
    /* Mobile Logo Anpassungen */\r\n
    @media (max-width: 767px) {\r\n
        .games-cluster-logos {\r\n
            gap: 8px;\r\n
            /* flex-direction bleibt row - NICHT auf column setzen */\r\n
        }\r\n
        \r\n
        .games-cluster-logos img {\r\n
            max-height: 35px !important;\r\n
            max-width: 80px !important;\r\n
        }\r\n
        \r\n
        /* Games Syndicate Logo auch kleiner auf mobile */\r\n
        .games-cluster-logos img[alt="Games Syndicate Cologne Logo"] {\r\n
            max-height: 40px !important;\r\n
            max-width: 95px !important;\r\n
        }\r\n
        \r\n
        .logo-separator {\r\n
            font-size: 1.2rem;\r\n
            margin: 0 5px;\r\n
        }\r\n
    }\r\n
        \r\n
        \r\n
        /* Games Cluster Modal Header - ORANGE STATT GRÜN */\r\n
        .bc-partnership-modal-header.games-cluster-header {\r\n
            background: linear-gradient(135deg, #FF6B35, #F7931E) !important;\r\n
        }\r\n
        \r\n
        /* Überschreibt das Standard-Grün für Games Cluster Modal */\r\n
        #bc-games-cluster-modal .bc-partnership-modal-header {\r\n
            background: linear-gradient(135deg, #FF6B35, #F7931E) !important;\r\n
        }\r\n
        \r\n
        /* Gaming Modal spezifische h4 Farbe */\r\n
        #bc-games-cluster-modal .bc-partnership-modal-text h4 {\r\n
            color: #FF6B35 !important;\r\n
        }\r\n
        \r\n
        /* Gaming Modal benefit icons - Orange statt andere Farben */\r\n
        #bc-games-cluster-modal .bc-benefit-icon {\r\n
            stroke: #FF6B35 !important;\r\n
        }\r\n
        \r\n
        \r\n
        \r\n
        \r\n
        \r\n
        \r\n
        /* Mobile Partnership Modal Optimization */\r\n
        @media (max-width: 991px) {\r\n
            .bc-partnership-modal-content {\r\n
                margin: 20% auto 5%;\r\n
                width: 95%;\r\n
                max-height: 75vh;\r\n
                overflow: hidden;\r\n
                display: flex;\r\n
                flex-direction: column;\r\n
            }\r\n
        \r\n
            .bc-partnership-modal-body {\r\n
                grid-template-columns: 1fr;\r\n
                gap: 2rem;\r\n
                text-align: center;\r\n
                overflow-y: auto;\r\n
                flex: 1;\r\n
            }\r\n
        \r\n
            .bc-modal-cta-buttons {\r\n
                flex-direction: column;\r\n
            }\r\n
        \r\n
            .bc-modal-cta-btn {\r\n
                min-width: auto;\r\n
                flex: none; /* Entfernt flex: 1 auf mobilen Geräten */\r\n
                width: 100%; /* Volle Breite auf mobilen Geräten */\r\n
            }\r\n
        }\r\n
        \r\n
        @media (max-width: 767px) {\r\n
            .bc-partnership-modal-content {\r\n
                margin: 25% auto 5%;\r\n
                width: 98%;\r\n
                max-height: 70vh;\r\n
            }\r\n
        \r\n
            .bc-partnership-modal-header {\r\n
                padding: 1.5rem;\r\n
                flex-shrink: 0;\r\n
            }\r\n
        \r\n
            .bc-partnership-modal-title {\r\n
                font-size: 1.4rem;\r\n
                padding-right: 45px;\r\n
                line-height: 1.3;\r\n
            }\r\n
        \r\n
            .bc-partnership-modal-close {\r\n
                right: 1rem;\r\n
                top: 1rem;\r\n
                width: 35px;\r\n
                height: 35px;\r\n
                font-size: 1.5rem;\r\n
            }\r\n
        \r\n
            .bc-partnership-modal-body {\r\n
                padding: 1.5rem;\r\n
                gap: 1.5rem;\r\n
            }\r\n
        \r\n
            .bc-partnership-modal-text {\r\n
                font-size: 1rem;\r\n
            }\r\n
        \r\n
            .bc-modal-cta-btn {\r\n
                padding: 14px 24px; /* Etwas mehr Padding für bessere Touch-Targets */\r\n
                font-size: 1rem; /* Etwas größere Schrift auf mobilen Geräten */\r\n
            }\r\n
        }\r\n
        \r\n
        @media (max-width: 480px) {\r\n
            .bc-partnership-modal-content {\r\n
                margin: 20% auto 5%;\r\n
                width: 99%;\r\n
                max-height: 75vh;\r\n
            }\r\n
        \r\n
            .bc-partnership-modal-header {\r\n
                padding: 1.2rem;\r\n
            }\r\n
        \r\n
            .bc-partnership-modal-title {\r\n
                font-size: 1.2rem;\r\n
            }\r\n
        \r\n
            .bc-partnership-modal-close {\r\n
                right: 0.8rem;\r\n
                top: 0.8rem;\r\n
                width: 30px;\r\n
                height: 30px;\r\n
                font-size: 1.3rem;\r\n
            }\r\n
        \r\n
            .bc-partnership-modal-body {\r\n
                padding: 1.2rem;\r\n
                gap: 1rem;\r\n
            }\r\n
        \r\n
            .bc-partnership-modal-text {\r\n
                font-size: 0.95rem;\r\n
            }\r\n
        \r\n
            .bc-modal-cta-btn {\r\n
                padding: 12px 20px;\r\n
                font-size: 0.95rem;\r\n
                min-height: 44px; /* Mindesthöhe für bessere Touch-Targets */\r\n
            }\r\n
        }\r\n
        \r\n
        /* Modal Benefit List Styling */\r\n
        .bc-modal-benefits-container {\r\n
            padding: 0;\r\n
        }\r\n
        \r\n
        .bc-modal-benefits-title {\r\n
            font-size: 1.1rem; /* Gleiche Größe wie der Text rechts */\r\n
            font-weight: 700;\r\n
            color: #333;\r\n
            margin-bottom: 1.5rem;\r\n
            margin-top: 0; /* Kein oberer Margin */\r\n
        }\r\n
        \r\n
        .bc-modal-benefits-list {\r\n
            display: flex;\r\n
            flex-direction: column;\r\n
            gap: 1rem;\r\n
        }\r\n
        \r\n
        .bc-modal-benefit-item {\r\n
            display: flex;\r\n
            align-items: center;\r\n
            gap: 1rem;\r\n
            padding: 0.8rem 1rem; /* Reduziertes Padding */\r\n
            background: #fafafa; /* Stärkerer Off-White Hintergrund */\r\n
            border-radius: 12px;\r\n
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); /* Noch stärkerer Schatten */\r\n
            transition: all 0.3s ease;\r\n
            border-left: 4px solid transparent;\r\n
            border: 1px solid #e8e8e8; /* Etwas dunklerer Rahmen */\r\n
        }\r\n
        \r\n
        .bc-modal-benefit-item:hover {\r\n
            transform: translateX(5px);\r\n
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n
        }\r\n
        \r\n
        /* Farben entsprechend der Benefits Section - korrekte Zuordnung pro Modal */\r\n
        \r\n
        /* STARTPLATZ Modal: Sichtbarkeit (1), Akquise (2), Innovation (3) */\r\n
        #bc-startplatz-partnership-modal .bc-modal-benefit-item:nth-child(1) {\r\n
            border-left-color: #FF6B6B; /* Sichtbarkeit & Positionierung */\r\n
        }\r\n
        #bc-startplatz-partnership-modal .bc-modal-benefit-item:nth-child(1):hover {\r\n
            box-shadow: 0 4px 15px rgba(255, 107, 107, 0.2);\r\n
        }\r\n
        #bc-startplatz-partnership-modal .bc-modal-benefit-item:nth-child(1) .bc-modal-benefit-icon-container {\r\n
            background: linear-gradient(135deg, #FF6B6B, #FF5252); /* Sichtbarkeit */\r\n
        }\r\n
        \r\n
        #bc-startplatz-partnership-modal .bc-modal-benefit-item:nth-child(2) {\r\n
            border-left-color: #4ECDC4; /* Akquise */\r\n
        }\r\n
        #bc-startplatz-partnership-modal .bc-modal-benefit-item:nth-child(2):hover {\r\n
            box-shadow: 0 4px 15px rgba(78, 205, 196, 0.2);\r\n
        }\r\n
        #bc-startplatz-partnership-modal .bc-modal-benefit-item:nth-child(2) .bc-modal-benefit-icon-container {\r\n
            background: linear-gradient(135deg, #4ECDC4, #26A69A); /* Akquise */\r\n
        }\r\n
        \r\n
        #bc-startplatz-partnership-modal .bc-modal-benefit-item:nth-child(3) {\r\n
            border-left-color: #45B7D1; /* Zugang zu Innovation */\r\n
        }\r\n
        #bc-startplatz-partnership-modal .bc-modal-benefit-item:nth-child(3):hover {\r\n
            box-shadow: 0 4px 15px rgba(69, 183, 209, 0.2);\r\n
        }\r\n
        #bc-startplatz-partnership-modal .bc-modal-benefit-item:nth-child(3) .bc-modal-benefit-icon-container {\r\n
            background: linear-gradient(135deg, #45B7D1, #2196F3); /* Innovation */\r\n
        }\r\n
        \r\n
        /* RHEINLAND PITCH Modal: Sichtbarkeit (1), Innovation (2) */\r\n
        #bc-rheinland-pitch-modal .bc-modal-benefit-item:nth-child(1) {\r\n
            border-left-color: #FF6B6B; /* Sichtbarkeit & Positionierung */\r\n
        }\r\n
        #bc-rheinland-pitch-modal .bc-modal-benefit-item:nth-child(1):hover {\r\n
            box-shadow: 0 4px 15px rgba(255, 107, 107, 0.2);\r\n
        }\r\n
        #bc-rheinland-pitch-modal .bc-modal-benefit-item:nth-child(1) .bc-modal-benefit-icon-container {\r\n
            background: linear-gradient(135deg, #FF6B6B, #FF5252); /* Sichtbarkeit */\r\n
        }\r\n
        \r\n
        #bc-rheinland-pitch-modal .bc-modal-benefit-item:nth-child(2) {\r\n
            border-left-color: #45B7D1; /* Zugang zu Innovation */\r\n
        }\r\n
        #bc-rheinland-pitch-modal .bc-modal-benefit-item:nth-child(2):hover {\r\n
            box-shadow: 0 4px 15px rgba(69, 183, 209, 0.2);\r\n
        }\r\n
        #bc-rheinland-pitch-modal .bc-modal-benefit-item:nth-child(2) .bc-modal-benefit-icon-container {\r\n
            background: linear-gradient(135deg, #45B7D1, #2196F3); /* Innovation */\r\n
        }\r\n
        \r\n
        /* KI ACCELERATOR Modal: Innovation (1), KI-Expertise (2) */\r\n
        #bc-ki-accelerator-modal .bc-modal-benefit-item:nth-child(1) {\r\n
            border-left-color: #45B7D1; /* Zugang zu Innovation */\r\n
        }\r\n
        #bc-ki-accelerator-modal .bc-modal-benefit-item:nth-child(1):hover {\r\n
            box-shadow: 0 4px 15px rgba(69, 183, 209, 0.2);\r\n
        }\r\n
        #bc-ki-accelerator-modal .bc-modal-benefit-item:nth-child(1) .bc-modal-benefit-icon-container {\r\n
            background: linear-gradient(135deg, #45B7D1, #2196F3); /* Innovation */\r\n
        }\r\n
        \r\n
        #bc-ki-accelerator-modal .bc-modal-benefit-item:nth-child(2) {\r\n
            border-left-color: #B565FF; /* KI-Expertise */\r\n
        }\r\n
        #bc-ki-accelerator-modal .bc-modal-benefit-item:nth-child(2):hover {\r\n
            box-shadow: 0 4px 15px rgba(181, 101, 255, 0.2);\r\n
        }\r\n
        #bc-ki-accelerator-modal .bc-modal-benefit-item:nth-child(2) .bc-modal-benefit-icon-container {\r\n
            background: linear-gradient(135deg, #B565FF, #9535FF); /* KI-Expertise */\r\n
        }\r\n
        \r\n
        /* AI HUB Modal: KI-Expertise (1), Innovation (2), Akquise (3) */\r\n
        #bc-ai-hub-modal .bc-modal-benefit-item:nth-child(1) {\r\n
            border-left-color: #B565FF; /* KI-Expertise */\r\n
        }\r\n
        #bc-ai-hub-modal .bc-modal-benefit-item:nth-child(1):hover {\r\n
            box-shadow: 0 4px 15px rgba(181, 101, 255, 0.2);\r\n
        }\r\n
        #bc-ai-hub-modal .bc-modal-benefit-item:nth-child(1) .bc-modal-benefit-icon-container {\r\n
            background: linear-gradient(135deg, #B565FF, #9535FF); /* KI-Expertise */\r\n
        }\r\n
        \r\n
        #bc-ai-hub-modal .bc-modal-benefit-item:nth-child(2) {\r\n
            border-left-color: #45B7D1; /* Zugang zu Innovation */\r\n
        }\r\n
        #bc-ai-hub-modal .bc-modal-benefit-item:nth-child(2):hover {\r\n
            box-shadow: 0 4px 15px rgba(69, 183, 209, 0.2);\r\n
        }\r\n
        #bc-ai-hub-modal .bc-modal-benefit-item:nth-child(2) .bc-modal-benefit-icon-container {\r\n
            background: linear-gradient(135deg, #45B7D1, #2196F3); /* Innovation */\r\n
        }\r\n
        \r\n
        #bc-ai-hub-modal .bc-modal-benefit-item:nth-child(3) {\r\n
            border-left-color: #4ECDC4; /* Akquise */\r\n
        }\r\n
        #bc-ai-hub-modal .bc-modal-benefit-item:nth-child(3):hover {\r\n
            box-shadow: 0 4px 15px rgba(78, 205, 196, 0.2);\r\n
        }\r\n
        #bc-ai-hub-modal .bc-modal-benefit-item:nth-child(3) .bc-modal-benefit-icon-container {\r\n
            background: linear-gradient(135deg, #4ECDC4, #26A69A); /* Akquise */\r\n
        }\r\n
        \r\n
        .bc-modal-benefit-icon-container {\r\n
            width: 50px;\r\n
            height: 50px;\r\n
            border-radius: 10px;\r\n
            display: flex;\r\n
            align-items: center;\r\n
            justify-content: center;\r\n
            flex-shrink: 0;\r\n
            transition: all 0.3s ease;\r\n
        }\r\n
        \r\n
        /* Icon Container Farben - spezifisch pro Modal bereits oben definiert */\r\n
        \r\n
        .bc-modal-benefit-icon {\r\n
            width: 24px;\r\n
            height: 24px;\r\n
            filter: brightness(0) invert(1); /* Icons weiß machen */\r\n
        }\r\n
        \r\n
        .bc-modal-benefit-content {\r\n
            flex: 1;\r\n
        }\r\n
        \r\n
        .bc-modal-benefit-title {\r\n
            font-size: 1rem;\r\n
            font-weight: 600;\r\n
            color: #333;\r\n
            margin: 0;\r\n
            line-height: 1.2;\r\n
        }\r\n
        \r\n
        /* Mobile Responsive */\r\n
        @media (max-width: 991px) {\r\n
            .bc-modal-benefits-container {\r\n
                order: -1;\r\n
            }\r\n
        }\r\n
        \r\n
        @media (max-width: 767px) {\r\n
            .bc-modal-benefits-container {\r\n
                padding: 1.5rem;\r\n
            }\r\n
        \r\n
            .bc-modal-benefit-item {\r\n
                padding: 0.8rem;\r\n
            }\r\n
        \r\n
            .bc-modal-benefit-icon-container {\r\n
                width: 40px;\r\n
                height: 40px;\r\n
            }\r\n
        \r\n
            .bc-modal-benefit-icon {\r\n
                width: 20px;\r\n
                height: 20px;\r\n
            }\r\n
        \r\n
            .bc-modal-benefit-title {\r\n
                font-size: 0.95rem;\r\n
            }\r\n
        }\r\n
        \r\n
        \r\n
        .bc-partnership-modal-text {\r\n
            font-size: 1.1rem;\r\n
            line-height: 1.7;\r\n
            color: #333;\r\n
        }\r\n
        \r\n
        .bc-partnership-modal-text h4 {\r\n
            color: #7AB800;\r\n
            font-size: 1.2rem;\r\n
            margin-top: 1.5rem;\r\n
            margin-bottom: 1rem;\r\n
        }\r\n
        \r\n
        .bc-partnership-benefits {\r\n
            margin: 1rem 0;\r\n
            padding: 0;\r\n
            list-style: none;\r\n
        }\r\n
        \r\n
        .bc-partnership-benefits li {\r\n
            margin-bottom: 1rem;\r\n
            display: flex;\r\n
            align-items: center;\r\n
            gap: 0.8rem;\r\n
        }\r\n
        \r\n
        .bc-benefit-icon {\r\n
            width: 20px;\r\n
            height: 20px;\r\n
            stroke: #7AB800;\r\n
            fill: none;\r\n
            stroke-width: 2;\r\n
            flex-shrink: 0;\r\n
        }\r\n
        \r\n
        .bc-partnership-cta {\r\n
            text-align: center;\r\n
            margin-top: 2rem;\r\n
            padding-top: 2rem;\r\n
            border-top: 1px solid #e9ecef;\r\n
        }\r\n
        \r\n
        /* Business Club CTA Area for Partnership Models and Events */\r\n
        .bc-cta-area {\r\n
            text-align: center;\r\n
            margin-top: 4rem;\r\n
        }\r\n
        \r\n
        \r\n
        \r\n
        /* Business Club Consultation Section */\r\n
        .bc-consultation {\r\n
            background-color: #f8f9fa;\r\n
            padding: 80px 0;\r\n
        }\r\n
        \r\n
        .bc-consultation-grid {\r\n
            display: grid;\r\n
            grid-template-columns: 1fr 500px;\r\n
            gap: 4rem;\r\n
            align-items: center;\r\n
        }\r\n
        \r\n
        .bc-consultation-content {\r\n
            padding-right: 2rem;\r\n
        }\r\n
        \r\n
        .bc-consultation-title {\r\n
            font-size: 2.5rem;\r\n
            font-weight: 800;\r\n
            color: #333;\r\n
            margin-bottom: 2rem;\r\n
            line-height: 1.2;\r\n
        }\r\n
        \r\n
        .bc-consultation-text {\r\n
            font-size: 1.1rem;\r\n
            color: #666;\r\n
            line-height: 1.7;\r\n
            margin-bottom: 2.5rem;\r\n
        }\r\n
        \r\n
        .bc-consultation-contact {\r\n
            background: white;\r\n
            border-radius: 15px;\r\n
            padding: 3.5rem;\r\n
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\r\n
            transition: all 0.3s ease;\r\n
            display: flex;\r\n
            align-items: center;\r\n
            gap: 3rem;\r\n
        }\r\n
        \r\n
        .bc-consultation-contact:hover {\r\n
            transform: translateY(-5px);\r\n
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);\r\n
        }\r\n
        \r\n
        .bc-consultation-photo {\r\n
            width: 180px;\r\n
            height: 180px;\r\n
            border-radius: 12px;\r\n
            display: flex;\r\n
            align-items: center;\r\n
            justify-content: center;\r\n
            font-size: 0.9rem;\r\n
            color: #666;\r\n
            overflow: hidden;\r\n
            flex-shrink: 0;\r\n
        }\r\n
        \r\n
        .bc-consultation-photo img {\r\n
            width: 100%;\r\n
            height: 100%;\r\n
            object-fit: contain;\r\n
        }\r\n
        \r\n
        .bc-consultation-info {\r\n
            flex: 1;\r\n
            padding: 0.5rem 0;\r\n
        }\r\n
        \r\n
        .bc-consultation-name {\r\n
            font-size: 1.3rem;\r\n
            font-weight: 700;\r\n
            color: #333;\r\n
            margin-bottom: 0.5rem;\r\n
        }\r\n
        \r\n
        .bc-consultation-title-text {\r\n
            font-size: 1rem;\r\n
            color: #666;\r\n
            margin-bottom: 0.5rem;\r\n
        }\r\n
        \r\n
        .bc-consultation-email {\r\n
            font-size: 0.9rem;\r\n
            color: #7AB800;\r\n
            text-decoration: none;\r\n
            font-weight: 600;\r\n
        }\r\n
        \r\n
        .bc-consultation-email:hover {\r\n
            color: #5f9200;\r\n
            text-decoration: none;\r\n
        }\r\n
        \r\n
        \r\n
        /* About STARTPLATZ Section */\r\n
        .bc-about-section {\r\n
            background-color: #ffffff;\r\n
            padding: 80px 0;\r\n
            position: relative;\r\n
        }\r\n
        \r\n
        .bc-about-content-wrapper {\r\n
            text-align: center;\r\n
            margin-bottom: 5rem;\r\n
        }\r\n
        \r\n
        .bc-about-intro {\r\n
            max-width: 800px;\r\n
            margin: 0 auto;\r\n
        }\r\n
        \r\n
        .bc-about-title {\r\n
            font-size: 2.5rem;\r\n
            font-weight: 800;\r\n
            color: #333;\r\n
            margin-bottom: 2rem;\r\n
            line-height: 1.2;\r\n
        }\r\n
        \r\n
        .bc-about-description {\r\n
            font-size: 1.2rem;\r\n
            color: #666;\r\n
            line-height: 1.7;\r\n
            max-width: 100%;\r\n
            margin: 0 auto;\r\n
        }\r\n
        \r\n
        /* Statistics Grid */\r\n
        .bc-stats-grid {\r\n
            display: grid;\r\n
            grid-template-columns: repeat(4, 1fr);\r\n
            gap: 2rem;\r\n
            max-width: 1000px;\r\n
            margin: 0 auto;\r\n
        }\r\n
        \r\n
        .bc-stat-card {\r\n
            background: white;\r\n
            border: 2px solid #e9ecef;\r\n
            border-radius: 15px;\r\n
            padding: 2.5rem 2rem;\r\n
            text-align: center;\r\n
            transition: all 0.3s ease;\r\n
            position: relative;\r\n
            overflow: hidden;\r\n
            min-height: 180px;\r\n
            display: flex;\r\n
            flex-direction: column;\r\n
            justify-content: center;\r\n
        }\r\n
        \r\n
        .bc-stat-card::before {\r\n
            content: '';\r\n
            position: absolute;\r\n
            top: 0;\r\n
            left: 0;\r\n
            right: 0;\r\n
            height: 4px;\r\n
            background: linear-gradient(135deg, #7AB800, #5f9200);\r\n
            transform: scaleX(0);\r\n
            transition: transform 0.3s ease;\r\n
        }\r\n
        \r\n
        .bc-stat-card:hover {\r\n
            border-color: #7AB800;\r\n
            transform: translateY(-5px);\r\n
            box-shadow: 0 15px 40px rgba(122, 184, 0, 0.2);\r\n
        }\r\n
        \r\n
        .bc-stat-card:hover::before {\r\n
            transform: scaleX(1);\r\n
        }\r\n
        \r\n
        .bc-stat-number {\r\n
            font-size: 3rem;\r\n
            font-weight: 800;\r\n
            color: #333;\r\n
            margin-bottom: 0.8rem;\r\n
            line-height: 1;\r\n
            transition: all 0.3s ease;\r\n
        }\r\n
        \r\n
        .bc-stat-card:hover .bc-stat-number {\r\n
            color: #7AB800;\r\n
            transform: scale(1.05);\r\n
        }\r\n
        \r\n
        .bc-stat-label {\r\n
            font-size: 1rem;\r\n
            font-weight: 600;\r\n
            color: #666;\r\n
            line-height: 1.3;\r\n
        }\r\n
        \r\n
        .bc-stat-card:hover .bc-stat-label {\r\n
            color: #333;\r\n
        }\r\n
        \r\n
        /* Counter Animation */\r\n
        .bc-stat-number.counting {\r\n
            animation: counterPulse 0.6s ease-out;\r\n
        }\r\n
        \r\n
        @keyframes counterPulse {\r\n
            0% { transform: scale(1); }\r\n
            50% { transform: scale(1.1); }\r\n
            100% { transform: scale(1); }\r\n
        }\r\n
        \r\n
        /* Mobile Responsive */\r\n
        @media (max-width: 991px) {\r\n
            .bc-about-section {\r\n
                padding: 60px 0;\r\n
            }\r\n
        \r\n
            .bc-about-content-wrapper {\r\n
                margin-bottom: 4rem;\r\n
            }\r\n
        \r\n
            .bc-about-title {\r\n
                font-size: 2rem;\r\n
            }\r\n
        \r\n
            .bc-about-description {\r\n
                font-size: 1.1rem;\r\n
            }\r\n
        \r\n
            .bc-stats-grid {\r\n
                grid-template-columns: repeat(2, 1fr);\r\n
                gap: 1.5rem;\r\n
            }\r\n
        \r\n
            .bc-stat-card {\r\n
                padding: 2rem 1.5rem;\r\n
                min-height: 150px;\r\n
            }\r\n
        \r\n
            .bc-stat-number {\r\n
                font-size: 2.5rem;\r\n
            }\r\n
        \r\n
            .bc-stat-label {\r\n
                font-size: 0.95rem;\r\n
            }\r\n
        }\r\n
        \r\n
        @media (max-width: 767px) {\r\n
            .bc-about-section {\r\n
                padding: 40px 0;\r\n
            }\r\n
        \r\n
            .bc-about-content-wrapper {\r\n
                margin-bottom: 3rem;\r\n
            }\r\n
        \r\n
            .bc-about-title {\r\n
                font-size: 1.8rem;\r\n
                margin-bottom: 1.5rem;\r\n
            }\r\n
        \r\n
            .bc-about-description {\r\n
                font-size: 1rem;\r\n
            }\r\n
        \r\n
            .bc-stats-grid {\r\n
                grid-template-columns: 1fr;\r\n
                gap: 1rem;\r\n
            }\r\n
        \r\n
            .bc-stat-card {\r\n
                padding: 1.5rem 1rem;\r\n
                min-height: 130px;\r\n
            }\r\n
        \r\n
            .bc-stat-number {\r\n
                font-size: 2.2rem;\r\n
                margin-bottom: 0.6rem;\r\n
            }\r\n
        \r\n
            .bc-stat-label {\r\n
                font-size: 0.9rem;\r\n
            }\r\n
        }\r\n
        \r\n
        @media (max-width: 480px) {\r\n
            .bc-about-title {\r\n
                font-size: 1.6rem;\r\n
            }\r\n
        \r\n
            .bc-stat-number {\r\n
                font-size: 2rem;\r\n
            }\r\n
        \r\n
            .bc-stat-label {\r\n
                font-size: 0.85rem;\r\n
            }\r\n
        }\r\n
        \r\n
        /* Entrance animations */\r\n
        .bc-stat-card {\r\n
            opacity: 0;\r\n
            transform: translateY(30px);\r\n
            animation: faIhrUpStats 0.6s ease forwards;\r\n
        }\r\n
        \r\n
        .bc-stat-card:nth-child(1) { animation-delay: 0.1s; }\r\n
        .bc-stat-card:nth-child(2) { animation-delay: 0.2s; }\r\n
        .bc-stat-card:nth-child(3) { animation-delay: 0.3s; }\r\n
        .bc-stat-card:nth-child(4) { animation-delay: 0.4s; }\r\n
        \r\n
        @keyframes faIhrUpStats {\r\n
            to {\r\n
                opacity: 1;\r\n
                transform: translateY(0);\r\n
            }\r\n
        }\r\n
        \r\n
        \r\n
        /* Business Club Further Offers Section - MIT BILDPLATZHALTERN */\r\n
        .bc-further-offers {\r\n
            background-color: #ffffff;\r\n
            padding: 80px 0;\r\n
        }\r\n
        \r\n
        .bc-further-offers-title {\r\n
            font-size: 2.5rem;\r\n
            font-weight: 800;\r\n
            color: #333;\r\n
            margin-bottom: 4rem;\r\n
            text-align: center;\r\n
        }\r\n
        \r\n
        .bc-offers-grid {\r\n
            display: grid;\r\n
            grid-template-columns: repeat(3, 1fr);\r\n
            gap: 3rem;\r\n
        }\r\n
        \r\n
        .bc-offer-card {\r\n
            background: white;\r\n
            border: 2px solid #e9ecef;\r\n
            border-radius: 20px;\r\n
            padding: 0;\r\n
            text-align: center;\r\n
            transition: all 0.3s ease;\r\n
            cursor: pointer;\r\n
            position: relative;\r\n
            overflow: hidden;\r\n
            min-height: 450px;\r\n
            display: flex;\r\n
            flex-direction: column;\r\n
            justify-content: space-between;\r\n
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n
        }\r\n
        \r\n
        .bc-offer-card::before {\r\n
            content: '';\r\n
            position: absolute;\r\n
            top: 0;\r\n
            left: 0;\r\n
            right: 0;\r\n
            height: 4px;\r\n
            background: linear-gradient(135deg, #7AB800, #5f9200);\r\n
            transform: scaleX(0);\r\n
            transition: transform 0.3s ease;\r\n
            z-index: 10;\r\n
        }\r\n
        \r\n
        .bc-offer-card:hover {\r\n
            border-color: #7AB800;\r\n
            transform: translateY(-8px);\r\n
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);\r\n
        }\r\n
        \r\n
        .bc-offer-card:hover::before {\r\n
            transform: scaleX(1);\r\n
        }\r\n
        \r\n
        /* Neuer Bildbereich anstelle der Icons */\r\n
        .bc-offer-image {\r\n
            width: 100%;\r\n
            height: 200px;\r\n
            position: relative;\r\n
            overflow: hidden;\r\n
            border-radius: 20px 20px 0 0;\r\n
            flex-shrink: 0;\r\n
        }\r\n
        \r\n
        .bc-offer-img {\r\n
            width: 100%;\r\n
            height: 100%;\r\n
            object-fit: cover;\r\n
            transition: transform 0.3s ease;\r\n
        }\r\n
        \r\n
        .bc-offer-card:hover .bc-offer-img {\r\n
            transform: scale(1.05);\r\n
        }\r\n
        \r\n
        .bc-offer-image-overlay {\r\n
            position: absolute;\r\n
            top: 0;\r\n
            left: 0;\r\n
            right: 0;\r\n
            bottom: 0;\r\n
            background: linear-gradient(135deg, rgba(122, 184, 0, 0.8), rgba(95, 146, 0, 0.8));\r\n
            opacity: 0;\r\n
            transition: opacity 0.3s ease;\r\n
            display: flex;\r\n
            align-items: center;\r\n
            justify-content: center;\r\n
        }\r\n
        \r\n
        .bc-offer-card:hover .bc-offer-image-overlay {\r\n
            opacity: 1;\r\n
        }\r\n
        \r\n
        .bc-offer-overlay-text {\r\n
            color: white;\r\n
            font-size: 1.1rem;\r\n
            font-weight: 600;\r\n
            text-align: center;\r\n
            transform: translateY(10px);\r\n
            transition: transform 0.3s ease;\r\n
        }\r\n
        \r\n
        .bc-offer-card:hover .bc-offer-overlay-text {\r\n
            transform: translateY(0);\r\n
        }\r\n
        \r\n
        .bc-offer-content {\r\n
            flex: 1;\r\n
            display: flex;\r\n
            flex-direction: column;\r\n
            padding: 2.5rem;\r\n
            justify-content: space-between;\r\n
        }\r\n
        \r\n
        .bc-offer-title {\r\n
            font-size: 1.8rem;\r\n
            font-weight: 700;\r\n
            color: #333;\r\n
            margin-bottom: 1.5rem;\r\n
            line-height: 1.3;\r\n
        }\r\n
        \r\n
        .bc-offer-description {\r\n
            font-size: 1.1rem;\r\n
            color: #666;\r\n
            line-height: 1.6;\r\n
            margin-bottom: 2.5rem;\r\n
            flex: 1;\r\n
        }\r\n
        \r\n
        .bc-offer-cta {\r\n
            background: transparent;\r\n
            color: #7AB800;\r\n
            border: 2px solid #7AB800;\r\n
            padding: 12px 32px;\r\n
            border-radius: 8px;\r\n
            text-decoration: none;\r\n
            font-weight: 600;\r\n
            font-size: 1rem;\r\n
            transition: all 0.3s ease;\r\n
            display: inline-block;\r\n
            text-transform: uppercase;\r\n
            letter-spacing: 0.5px;\r\n
        }\r\n
        \r\n
        .bc-offer-cta:hover {\r\n
            background: #7AB800;\r\n
            color: white;\r\n
            text-decoration: none;\r\n
            transform: translateY(-2px);\r\n
            box-shadow: 0 4px 12px rgba(122, 184, 0, 0.3);\r\n
        }\r\n
        \r\n
        /* Button-Gruppen für Standorte */\r\n
        .bc-offer-buttons {\r\n
            display: flex;\r\n
            gap: 0.5rem;\r\n
            justify-content: center;\r\n
            flex-wrap: wrap;\r\n
        }\r\n
        \r\n
        .bc-offer-buttons .bc-offer-cta {\r\n
            flex: 1;\r\n
            min-width: 100px;\r\n
            padding: 10px 20px;\r\n
            font-size: 0.9rem;\r\n
            text-align: center;\r\n
        }\r\n
        \r\n
        /* Standort-spezifische Button-Farben */\r\n
        .bc-offer-cta-koeln {\r\n
            background: transparent;\r\n
            color: #7AB800;\r\n
            border: 2px solid #7AB800;\r\n
        }\r\n
        \r\n
        .bc-offer-cta-koeln:hover {\r\n
            background: #7AB800;\r\n
            color: white;\r\n
            text-decoration: none;\r\n
            transform: translateY(-2px);\r\n
            box-shadow: 0 4px 12px rgba(122, 184, 0, 0.3);\r\n
        }\r\n
        \r\n
        .bc-offer-cta-duesseldorf {\r\n
            background: transparent;\r\n
            color: #7AB800;\r\n
            border: 2px solid #7AB800;\r\n
        }\r\n
        \r\n
        .bc-offer-cta-duesseldorf:hover {\r\n
            background: #7AB800;\r\n
            color: white;\r\n
            text-decoration: none;\r\n
            transform: translateY(-2px);\r\n
            box-shadow: 0 4px 12px rgba(122, 184, 0, 0.3);\r\n
        }\r\n
        \r\n
        /* Mobile Responsive */\r\n
        @media (max-width: 991px) {\r\n
            .bc-further-offers {\r\n
                padding: 60px 0;\r\n
            }\r\n
        \r\n
            .bc-further-offers-title {\r\n
                font-size: 1.8rem;\r\n
                margin-bottom: 2rem;\r\n
            }\r\n
        \r\n
            .bc-offers-grid {\r\n
                grid-template-columns: 1fr;\r\n
                gap: 2rem;\r\n
            }\r\n
        \r\n
            .bc-offer-card {\r\n
                min-height: 350px;\r\n
            }\r\n
        \r\n
            .bc-offer-image {\r\n
                height: 180px;\r\n
            }\r\n
        \r\n
            .bc-offer-content {\r\n
                padding: 2rem 1.5rem;\r\n
            }\r\n
        \r\n
            .bc-offer-title {\r\n
                font-size: 1.4rem;\r\n
                margin-bottom: 1rem;\r\n
            }\r\n
        \r\n
            .bc-offer-description {\r\n
                font-size: 0.95rem;\r\n
                margin-bottom: 1.5rem;\r\n
            }\r\n
        \r\n
            .bc-offer-cta {\r\n
                padding: 10px 28px;\r\n
                font-size: 0.9rem;\r\n
            }\r\n
        }\r\n
        \r\n
        @media (max-width: 767px) {\r\n
            .bc-offer-card {\r\n
                min-height: 320px;\r\n
            }\r\n
        \r\n
            .bc-offer-image {\r\n
                height: 160px;\r\n
            }\r\n
        \r\n
            .bc-offer-content {\r\n
                padding: 1.5rem;\r\n
            }\r\n
        \r\n
            .bc-offer-title {\r\n
                font-size: 1.3rem;\r\n
                margin-bottom: 0.8rem;\r\n
            }\r\n
        \r\n
            .bc-offer-description {\r\n
                font-size: 0.9rem;\r\n
                margin-bottom: 1.2rem;\r\n
            }\r\n
        \r\n
            .bc-offer-buttons {\r\n
                flex-direction: column;\r\n
                gap: 0.4rem;\r\n
            }\r\n
            \r\n
            .bc-offer-buttons .bc-offer-cta {\r\n
                width: 100%;\r\n
                min-width: auto;\r\n
                padding: 8px 20px;\r\n
                font-size: 0.85rem;\r\n
            }\r\n
        }\r\n
        \r\n
        @media (max-width: 480px) {\r\n
            .bc-further-offers-title {\r\n
                font-size: 1.6rem;\r\n
            }\r\n
        \r\n
            .bc-offer-card {\r\n
                min-height: 300px;\r\n
            }\r\n
        \r\n
            .bc-offer-image {\r\n
                height: 140px;\r\n
            }\r\n
        \r\n
            .bc-offer-content {\r\n
                padding: 1.2rem;\r\n
            }\r\n
        \r\n
            .bc-offer-title {\r\n
                font-size: 1.2rem;\r\n
                margin-bottom: 0.6rem;\r\n
            }\r\n
        \r\n
            .bc-offer-description {\r\n
                font-size: 0.85rem;\r\n
                margin-bottom: 1rem;\r\n
            }\r\n
        \r\n
            .bc-offer-buttons .bc-offer-cta {\r\n
                padding: 8px 16px;\r\n
                font-size: 0.8rem;\r\n
            }\r\n
        }\r\n
        \r\n
        /* Business Club Loading Animation */\r\n
        .bc-header-grid > * {\r\n
            opacity: 0;\r\n
            transform: translateY(30px);\r\n
            animation: bcFaIhrUp 0.8s ease forwards;\r\n
        }\r\n
        \r\n
        .bc-image-wrapper {\r\n
            animation-delay: 0.2s;\r\n
        }\r\n
        \r\n
        @keyframes bcFaIhrUp {\r\n
            to {\r\n
                opacity: 1;\r\n
                transform: translateY(0);\r\n
            }\r\n
        }\r\n
        \r\n
        /* Mobile Responsive - Newsletter CTA */\r\n
        @media (max-width: 767px) {\r\n
            .bc-newsletter-cta {\r\n
                padding: 30px 0;\r\n
            }\r\n
        \r\n
            .bc-newsletter-cta-title {\r\n
                font-size: 1.3rem;\r\n
            }\r\n
        \r\n
            .bc-newsletter-cta-text {\r\n
                font-size: 0.95rem;\r\n
            }\r\n
        \r\n
            .bc-newsletter-cta-btn {\r\n
                padding: 12px 24px;\r\n
                font-size: 0.9rem;\r\n
            }\r\n
        }\r\n
        \r\n
        /* Mobile Responsive - Benefits */\r\n
        @media (max-width: 991px) {\r\n
            .bc-benefits {\r\n
                padding: 60px 0;\r\n
            }\r\n
        \r\n
            .benefits-title {\r\n
                font-size: 2rem;\r\n
            }\r\n
        \r\n
            .benefit-header {\r\n
                padding: 1.2rem 1.5rem;\r\n
                min-height: 85px;\r\n
            }\r\n
        \r\n
            .benefit-icon-container {\r\n
                width: 65px;\r\n
                height: 65px;\r\n
                margin-right: 1rem;\r\n
            }\r\n
        \r\n
            .benefit-icon {\r\n
                width: 32px;\r\n
                height: 32px;\r\n
            }\r\n
        \r\n
            .benefit-title {\r\n
                font-size: 1.2rem;\r\n
            }\r\n
        \r\n
            .benefit-detail.active {\r\n
                max-width: 450px;\r\n
                padding: 1.2rem 1.5rem;\r\n
            }\r\n
        \r\n
            .benefit-detail-content {\r\n
                font-size: 1rem;\r\n
                min-width: 400px;\r\n
                max-width: 400px;\r\n
            }\r\n
        }\r\n
        \r\n
        @media (max-width: 767px) {\r\n
            .bc-benefits {\r\n
                padding: 40px 0;\r\n
            }\r\n
        \r\n
            .benefits-container {\r\n
                padding: 0 15px;\r\n
            }\r\n
        \r\n
            .benefits-title {\r\n
                font-size: 1.8rem;\r\n
                margin-bottom: 1.5rem;\r\n
            }\r\n
        \r\n
            .benefits-description {\r\n
                font-size: 1.1rem;\r\n
            }\r\n
        \r\n
            .benefit-item {\r\n
                flex-direction: column;\r\n
                align-items: stretch;\r\n
            }\r\n
        \r\n
            .benefit-header {\r\n
                padding: 1rem 1.2rem;\r\n
                min-height: auto;\r\n
            }\r\n
        \r\n
            .benefit-icon-container {\r\n
                width: 55px;\r\n
                height: 55px;\r\n
                margin-right: 1rem;\r\n
            }\r\n
        \r\n
            .benefit-icon {\r\n
                width: 28px;\r\n
                height: 28px;\r\n
            }\r\n
        \r\n
            .benefit-title {\r\n
                font-size: 1.1rem;\r\n
                flex: 1;\r\n
            }\r\n
        \r\n
            .benefit-toggle {\r\n
                width: 25px;\r\n
                height: 25px;\r\n
            }\r\n
        \r\n
            .benefit-toggle::before {\r\n
                font-size: 1rem;\r\n
            }\r\n
        \r\n
            .benefit-detail {\r\n
                border-left: none;\r\n
                border-top: 1px solid #e9ecef;\r\n
                max-width: none;\r\n
                max-height: 0;\r\n
                transition: max-height 0.4s ease, padding 0.4s ease;\r\n
            }\r\n
        \r\n
            .benefit-detail.active {\r\n
                max-width: none;\r\n
                max-height: 150px;\r\n
                padding: 1rem 1.2rem;\r\n
            }\r\n
        \r\n
            .benefit-detail-content {\r\n
                font-size: 0.95rem;\r\n
                white-space: normal;\r\n
                min-width: auto;\r\n
                max-width: none;\r\n
            }\r\n
        \r\n
            .startplatz-button {\r\n
                width: 100%;\r\n
                padding: 18px 35px;\r\n
                font-size: 1rem;\r\n
            }\r\n
        \r\n
            .bc-cta-buttons {\r\n
                flex-direction: column;\r\n
                gap: 0.8rem;\r\n
            }\r\n
        \r\n
            .bc-cta-btn {\r\n
                width: 100%;\r\n
                text-align: center;\r\n
            }\r\n
        }\r\n
        \r\n
        @media (max-width: 480px) {\r\n
            .benefits-title {\r\n
                font-size: 1.6rem;\r\n
            }\r\n
        \r\n
            .benefits-description {\r\n
                font-size: 1rem;\r\n
            }\r\n
        \r\n
            .benefit-title {\r\n
                font-size: 1rem;\r\n
            }\r\n
        \r\n
            .benefit-detail-content {\r\n
                font-size: 0.9rem;\r\n
            }\r\n
        }\r\n
        \r\n
        \r\n
        \r\n
        /* Mobile Responsive - Consultation */\r\n
        @media (max-width: 991px) {\r\n
            .bc-consultation {\r\n
                padding: 60px 0;\r\n
            }\r\n
        \r\n
            .bc-consultation-grid {\r\n
                grid-template-columns: 1fr;\r\n
                gap: 3rem;\r\n
            }\r\n
        \r\n
            .bc-consultation-content {\r\n
                padding-right: 0;\r\n
                text-align: center;\r\n
            }\r\n
        \r\n
            .bc-consultation-title {\r\n
                font-size: 2rem;\r\n
            }\r\n
        \r\n
            .bc-consultation-contact {\r\n
                max-width: 700px;\r\n
                margin: 0 auto;\r\n
                flex-direction: column;\r\n
                text-align: center;\r\n
            }\r\n
        \r\n
            .bc-consultation-photo {\r\n
                width: 140px;\r\n
                height: 140px;\r\n
            }\r\n
        }\r\n
        \r\n
        @media (max-width: 767px) {\r\n
            .bc-consultation {\r\n
                padding: 40px 0;\r\n
            }\r\n
        \r\n
            .bc-consultation-title {\r\n
                font-size: 1.8rem;\r\n
                margin-bottom: 1.5rem;\r\n
            }\r\n
        \r\n
            .bc-consultation-text {\r\n
                margin-bottom: 2rem;\r\n
                font-size: 1rem;\r\n
            }\r\n
        \r\n
            .bc-consultation-contact {\r\n
                padding: 1.5rem;\r\n
                gap: 1.5rem;\r\n
            }\r\n
        \r\n
            .bc-consultation-photo {\r\n
                width: 120px;\r\n
                height: 120px;\r\n
            }\r\n
        \r\n
            .bc-consultation-name {\r\n
                font-size: 1.2rem;\r\n
            }\r\n
        \r\n
            .bc-cta-btn {\r\n
                width: 100%;\r\n
                text-align: center;\r\n
                padding: 15px 30px;\r\n
            }\r\n
        }\r\n
        \r\n
        @media (max-width: 480px) {\r\n
            .bc-consultation-title {\r\n
                font-size: 1.6rem;\r\n
            }\r\n
        \r\n
            .bc-consultation-contact {\r\n
                padding: 1.2rem;\r\n
                gap: 1rem;\r\n
            }\r\n
        \r\n
            .bc-consultation-photo {\r\n
                width: 100px;\r\n
                height: 100px;\r\n
            }\r\n
        \r\n
            .bc-consultation-name {\r\n
                font-size: 1.1rem;\r\n
            }\r\n
        }\r\n
        \r\n
        /* Mobile Responsive - Further Offers */\r\n
        @media (max-width: 991px) {\r\n
            .bc-further-offers {\r\n
                padding: 60px 0;\r\n
            }\r\n
        \r\n
            .bc-further-offers-title {\r\n
                font-size: 1.8rem;\r\n
                margin-bottom: 2rem;\r\n
            }\r\n
        \r\n
            .bc-offers-grid {\r\n
                grid-template-columns: 1fr;\r\n
                gap: 2rem;\r\n
            }\r\n
        \r\n
            .bc-offer-card {\r\n
                padding: 2rem 1.5rem;\r\n
                min-height: 300px;\r\n
            }\r\n
        \r\n
            .bc-offer-icon {\r\n
                width: 80px;\r\n
                height: 80px;\r\n
                margin-bottom: 1.2rem;\r\n
            }\r\n
        \r\n
            .bc-offer-icon svg {\r\n
                width: 40px;\r\n
                height: 40px;\r\n
            }\r\n
        \r\n
            .bc-offer-title {\r\n
                font-size: 1.4rem;\r\n
                margin-bottom: 1rem;\r\n
            }\r\n
        \r\n
            .bc-offer-description {\r\n
                font-size: 0.95rem;\r\n
                margin-bottom: 1.5rem;\r\n
            }\r\n
        \r\n
            .bc-offer-cta {\r\n
                padding: 10px 28px;\r\n
                font-size: 0.9rem;\r\n
            }\r\n
        }\r\n
        \r\n
        @media (max-width: 480px) {\r\n
            .bc-further-offers-title {\r\n
                font-size: 1.6rem;\r\n
            }\r\n
        \r\n
            .bc-offer-card {\r\n
                padding: 1.5rem 1rem;\r\n
                min-height: 280px;\r\n
            }\r\n
        \r\n
            .bc-offer-icon {\r\n
                width: 70px;\r\n
                height: 70px;\r\n
                margin-bottom: 1rem;\r\n
            }\r\n
        \r\n
            .bc-offer-icon svg {\r\n
                width: 35px;\r\n
                height: 35px;\r\n
            }\r\n
        \r\n
            .bc-offer-title {\r\n
                font-size: 1.2rem;\r\n
                margin-bottom: 0.8rem;\r\n
            }\r\n
        \r\n
            .bc-offer-description {\r\n
                font-size: 0.9rem;\r\n
                margin-bottom: 1.2rem;\r\n
            }\r\n
        \r\n
            .bc-offer-cta {\r\n
                padding: 8px 24px;\r\n
                font-size: 0.85rem;\r\n
            }\r\n
        }\r\n
        \r\n
        /* Business Club Mobile Responsive - Header */\r\n
        @media (max-width: 991px) {\r\n
            .bc-header-grid {\r\n
                grid-template-columns: 1fr;\r\n
                gap: 3rem;\r\n
                text-align: center;\r\n
            }\r\n
        \r\n
            .bc-text-area {\r\n
                padding-right: 0;\r\n
                order: 2;\r\n
            }\r\n
        \r\n
            .bc-image-wrapper {\r\n
                order: 1;\r\n
                height: 300px;\r\n
                margin: 0 auto;\r\n
                max-width: 500px;\r\n
            }\r\n
        \r\n
            .bc-main-title {\r\n
                font-size: 2.8rem;\r\n
            }\r\n
        \r\n
            .bc-main-title::before {\r\n
                left: 50%;\r\n
                transform: translateX(-50%);\r\n
                width: 200px;\r\n
            }\r\n
        \r\n
            .bc-description {\r\n
                max-width: 100%;\r\n
            }\r\n
        }\r\n
        \r\n
        @media (max-width: 767px) {\r\n
            .bc-header {\r\n
                padding: 40px 0;\r\n
            }\r\n
        \r\n
            .bc-container {\r\n
                padding: 0 15px;\r\n
            }\r\n
        \r\n
            .bc-header-grid {\r\n
                gap: 2rem;\r\n
                min-height: auto;\r\n
            }\r\n
        \r\n
            .bc-main-title {\r\n
                font-size: 2.2rem;\r\n
                margin-bottom: 1.5rem;\r\n
            }\r\n
        \r\n
            .bc-main-title::before {\r\n
                top: -20px;\r\n
                width: 150px;\r\n
            }\r\n
        \r\n
            .bc-description {\r\n
                font-size: 1.1rem;\r\n
                margin-bottom: 2rem;\r\n
            }\r\n
        \r\n
            .bc-highlight {\r\n
                font-size: 1.2rem;\r\n
                margin-bottom: 2rem;\r\n
            }\r\n
        \r\n
            .bc-image-wrapper {\r\n
                height: 250px;\r\n
            }\r\n
        \r\n
            .bc-cta-btn {\r\n
                padding: 15px 30px;\r\n
                font-size: 1rem;\r\n
                width: 100%;\r\n
                text-align: center;\r\n
            }\r\n
        }\r\n
        \r\n
        @media (max-width: 480px) {\r\n
            .bc-main-title {\r\n
                font-size: 1.8rem;\r\n
            }\r\n
        \r\n
            .bc-main-title::before {\r\n
                width: 120px;\r\n
            }\r\n
        \r\n
            .bc-description {\r\n
                font-size: 1rem;\r\n
            }\r\n
        \r\n
            .bc-highlight {\r\n
                font-size: 1.1rem;\r\n
            }\r\n
        }\r\n
        \r\n
        /* Mobile Responsive - Partnership Models */\r\n
        @media (max-width: 991px) {\r\n
            .bc-partnership-models {\r\n
                padding: 60px 0;\r\n
            }\r\n
        \r\n
            .bc-partnership-header {\r\n
                grid-template-columns: 1fr;\r\n
                gap: 3rem;\r\n
                text-align: center;\r\n
                margin-bottom: 4rem;\r\n
            }\r\n
        \r\n
            .bc-partnership-title {\r\n
                font-size: 2rem;\r\n
            }\r\n
        \r\n
            .bc-partnership-image {\r\n
                max-width: 500px;\r\n
                margin: 0 auto;\r\n
                height: 250px;\r\n
            }\r\n
        \r\n
            .bc-partnership-grid {\r\n
                gap: 1.5rem;\r\n
            }\r\n
        \r\n
            .bc-partnership-card {\r\n
                padding: 2rem;\r\n
                min-height: 180px;\r\n
            }\r\n
        \r\n
            .bc-partnership-card-image {\r\n
                width: 100px;\r\n
                height: 50px;\r\n
                margin-bottom: 1rem;\r\n
            }\r\n
        \r\n
            .bc-partnership-card-title {\r\n
                font-size: 1.2rem;\r\n
            }\r\n
        \r\n
            .bc-partnership-modal-body {\r\n
                grid-template-columns: 1fr;\r\n
                gap: 2rem;\r\n
                text-align: center;\r\n
            }\r\n
        }\r\n
        \r\n
        @media (max-width: 767px) {\r\n
            .bc-partnership-models {\r\n
                padding: 40px 0;\r\n
            }\r\n
        \r\n
            .bc-partnership-header {\r\n
                gap: 2rem;\r\n
                margin-bottom: 3rem;\r\n
            }\r\n
        \r\n
            .bc-partnership-title {\r\n
                font-size: 1.8rem;\r\n
                margin-bottom: 1.5rem;\r\n
            }\r\n
        \r\n
            .bc-partnership-description {\r\n
                font-size: 1.1rem;\r\n
            }\r\n
        \r\n
            .bc-partnership-image {\r\n
                height: 200px;\r\n
            }\r\n
        \r\n
            .bc-partnership-grid {\r\n
                grid-template-columns: 1fr;\r\n
                gap: 1rem;\r\n
            }\r\n
        \r\n
            .bc-partnership-card {\r\n
                padding: 1.5rem;\r\n
                min-height: 160px;\r\n
            }\r\n
        \r\n
            .bc-partnership-card-image {\r\n
                width: 80px;\r\n
                height: 40px;\r\n
                margin-bottom: 0.8rem;\r\n
            }\r\n
        \r\n
            .bc-partnership-card-title {\r\n
                font-size: 1.1rem;\r\n
            }\r\n
        \r\n
            .bc-partnership-modal-content {\r\n
                margin: 8% auto;\r\n
                width: 95%;\r\n
            }\r\n
        \r\n
            .bc-partnership-modal-header {\r\n
                padding: 1.5rem;\r\n
            }\r\n
        \r\n
            .bc-partnership-modal-title {\r\n
                font-size: 1.5rem;\r\n
            }\r\n
        \r\n
            .bc-partnership-modal-body {\r\n
                padding: 2rem 1.5rem;\r\n
                gap: 1.5rem;\r\n
            }\r\n
        \r\n
            .bc-partnership-modal-text {\r\n
                font-size: 1rem;\r\n
            }\r\n
        }\r\n
        \r\n
        @media (max-width: 480px) {\r\n
            .bc-partnership-title {\r\n
                font-size: 1.6rem;\r\n
            }\r\n
        \r\n
            .bc-partnership-card {\r\n
                padding: 1.2rem;\r\n
                min-height: 140px;\r\n
            }\r\n
        \r\n
            .bc-partnership-card-image {\r\n
                width: 70px;\r\n
                height: 35px;\r\n
                margin-bottom: 0.6rem;\r\n
            }\r\n
        \r\n
            .bc-partnership-card-title {\r\n
                font-size: 1rem;\r\n
            }\r\n
        \r\n
            .bc-partnership-modal-body {\r\n
                padding: 1.5rem 1rem;\r\n
            }\r\n
        }\r\n
        \r\n
        /* Subtle entrance animations */\r\n
        .benefit-item {\r\n
            opacity: 0;\r\n
            transform: translateY(20px);\r\n
            animation: sliIhrUp 0.5s ease forwards;\r\n
        }\r\n
        \r\n
        .benefit-item:nth-child(1) { animation-delay: 0.1s; }\r\n
        .benefit-item:nth-child(2) { animation-delay: 0.2s; }\r\n
        .benefit-item:nth-child(3) { animation-delay: 0.3s; }\r\n
        .benefit-item:nth-child(4) { animation-delay: 0.4s; }\r\n
        .benefit-item:nth-child(5) { animation-delay: 0.5s; }\r\n
        \r\n
        @keyframes sliIhrUp {\r\n
            to {\r\n
                opacity: 1;\r\n
                transform: translateY(0);\r\n
            }\r\n
        }\r\n
        \r\n
        @keyframes bcModalSliIhr {\r\n
            from {\r\n
                transform: translateY(-50px);\r\n
                opacity: 0;\r\n
            }\r\n
            to {\r\n
                transform: translateY(0);\r\n
                opacity: 1;\r\n
            }\r\n
        }\r\n
        \r\n
        \r\n
        \r\n
        \r\n
        \r\n
        \r\n
        \r\n
        \r\n
        \r\n
        \r\n
        \r\n
        \r\n
        \r\n
        \r\n
        \r\n
        \r\n
        \r\n
        /* Events & Services für Corporates - KONFLIKTFREIE LÖSUNG */\r\n
        .events-services-corp-section {\r\n
            background-color: #ffffff;\r\n
            padding: 80px 0;\r\n
            position: relative;\r\n
        }\r\n
        \r\n
        .events-services-corp-container {\r\n
            max-width: 1200px;\r\n
            margin: 0 auto;\r\n
            padding: 0 20px;\r\n
        }\r\n
        \r\n
        .events-services-corp-header {\r\n
            text-align: center;\r\n
            margin-bottom: 5rem;\r\n
            max-width: 800px;\r\n
            margin-left: auto;\r\n
            margin-right: auto;\r\n
        }\r\n
        \r\n
        .events-services-corp-title {\r\n
            font-size: 2.5rem;\r\n
            font-weight: 800;\r\n
            color: #333;\r\n
            margin-bottom: 2rem;\r\n
            line-height: 1.2;\r\n
        }\r\n
        \r\n
        .events-services-corp-description {\r\n
            font-size: 1.2rem;\r\n
            color: #666;\r\n
            line-height: 1.7;\r\n
            max-width: 100%;\r\n
        }\r\n
        \r\n
        /* Service Cards Grid */\r\n
        .events-services-corp-grid {\r\n
            display: grid;\r\n
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n
            gap: 3rem;\r\n
            margin-bottom: 5rem;\r\n
        }\r\n
        \r\n
        /* KARTEN OHNE ANIMATION - NUR FARBLICHE HERVORHEBUNG */\r\n
        .events-corp-service-card {\r\n
            background: white;\r\n
            border: 2px solid #e9ecef;\r\n
            border-radius: 20px;\r\n
            padding: 0;\r\n
            text-align: center;\r\n
            cursor: pointer;\r\n
            position: relative;\r\n
            overflow: hidden;\r\n
            min-height: 500px;\r\n
            display: flex;\r\n
            flex-direction: column;\r\n
            justify-content: space-between;\r\n
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\r\n
            \r\n
            /* KEINE TRANSFORM ANIMATION */\r\n
            transition: \r\n
                box-shadow 0.3s ease,\r\n
                border-color 0.3s ease,\r\n
                background 0.3s ease;\r\n
        }\r\n
        \r\n
        /* Grüne Linie oben - FARBLICH ANGEPASST */\r\n
        .events-corp-service-card::before {\r\n
            content: '';\r\n
            position: absolute;\r\n
            top: 0;\r\n
            left: 0;\r\n
            right: 0;\r\n
            height: 4px;\r\n
            background: linear-gradient(135deg, #7AB800, #5f9200);\r\n
            transform: scaleX(0);\r\n
            transform-origin: left center;\r\n
            transition: transform 0.3s ease;\r\n
            z-index: 10;\r\n
        }\r\n
        \r\n
        /* VERSCHIEDENE FARBEN FÜR VERSCHIEDENE KARTEN */\r\n
        .events-corp-service-card:nth-child(2)::before {\r\n
            background: linear-gradient(135deg, #9535FF, #7c2ccc);\r\n
        }\r\n
        \r\n
        .events-corp-service-card:nth-child(3)::before {\r\n
            background: linear-gradient(135deg, #333, #000);\r\n
        }\r\n
        \r\n
        /* HOVER OHNE ANIMATION - NUR SCHWACHE FARBLICHE HERVORHEBUNG */\r\n
        .events-corp-service-card:hover {\r\n
            box-shadow: 0 8px 25px rgba(122, 184, 0, 0.12);\r\n
            background: linear-gradient(135deg, #ffffff, #f9fdf7);\r\n
            border-color: #7AB800;\r\n
        }\r\n
        \r\n
        /* Spezielle schwache Farben für verschiedene Karten */\r\n
        .events-corp-service-card:nth-child(2):hover {\r\n
            box-shadow: 0 8px 25px rgba(149, 53, 255, 0.12);\r\n
            background: linear-gradient(135deg, #ffffff, #fdfaff);\r\n
            border-color: #9535FF;\r\n
        }\r\n
        \r\n
        .events-corp-service-card:nth-child(3):hover {\r\n
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\r\n
            background: linear-gradient(135deg, #ffffff, #fafafa);\r\n
            border-color: #333;\r\n
        }\r\n
        \r\n
        .events-corp-service-card:hover::before {\r\n
            transform: scaleX(1);\r\n
        }\r\n
        \r\n
        /* Image Area */\r\n
        .events-corp-service-image-area {\r\n
            position: relative;\r\n
            height: 250px;\r\n
            overflow: hidden;\r\n
            border-radius: 20px 20px 0 0;\r\n
        }\r\n
        \r\n
        .events-corp-service-img {\r\n
            width: 100%;\r\n
            height: 100%;\r\n
            object-fit: cover;\r\n
            transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n
        }\r\n
        \r\n
        .events-corp-service-card:hover .events-corp-service-img {\r\n
            transform: scale(1.08);\r\n
        }\r\n
        \r\n
        /* Image Overlays */\r\n
        .events-corp-service-overlay {\r\n
            position: absolute;\r\n
            top: 0;\r\n
            left: 0;\r\n
            right: 0;\r\n
            bottom: 0;\r\n
            background: linear-gradient(135deg, rgba(122, 184, 0, 0.9), rgba(95, 146, 0, 0.9));\r\n
            opacity: 0;\r\n
            transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n
            display: flex;\r\n
            align-items: center;\r\n
            justify-content: center;\r\n
            text-align: center;\r\n
            pointer-events: none;\r\n
        }\r\n
        \r\n
        .events-corp-service-card:hover .events-corp-service-overlay {\r\n
            opacity: 1;\r\n
        }\r\n
        \r\n
        /* Spezielle Overlay-Farben */\r\n
        .events-corp-service-overlay-ai {\r\n
            background: linear-gradient(135deg, rgba(149, 53, 255, 0.9), rgba(106, 27, 154, 0.9));\r\n
        }\r\n
        \r\n
        .events-corp-service-overlay-sponsoring {\r\n
            background: linear-gradient(135deg, rgba(51, 51, 51, 0.9), rgba(0, 0, 0, 0.9));\r\n
        }\r\n
        \r\n
        .events-corp-service-overlay-content h4 {\r\n
            color: white;\r\n
            font-size: 1.3rem;\r\n
            font-weight: 700;\r\n
            margin-bottom: 0.5rem;\r\n
            transform: translateY(10px);\r\n
            transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;\r\n
        }\r\n
        \r\n
        .events-corp-service-overlay-content p {\r\n
            color: rgba(255, 255, 255, 0.9);\r\n
            font-size: 1rem;\r\n
            margin: 0;\r\n
            transform: translateY(10px);\r\n
            transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;\r\n
        }\r\n
        \r\n
        .events-corp-service-card:hover .events-corp-service-overlay-content h4,\r\n
        .events-corp-service-card:hover .events-corp-service-overlay-content p {\r\n
            transform: translateY(0);\r\n
        }\r\n
        \r\n
        /* Content Area */\r\n
        .events-corp-service-content {\r\n
            padding: 2.5rem;\r\n
            display: flex;\r\n
            flex-direction: column;\r\n
            flex: 1;\r\n
        }\r\n
        \r\n
        .events-corp-service-title {\r\n
            font-size: 1.8rem;\r\n
            font-weight: 700;\r\n
            color: #333;\r\n
            margin-bottom: 1.5rem;\r\n
            line-height: 1.3;\r\n
            transition: color 0.3s ease;\r\n
        }\r\n
        \r\n
        .events-corp-service-card:hover .events-corp-service-title {\r\n
            color: #7AB800;\r\n
        }\r\n
        \r\n
        .events-corp-service-card:nth-child(2):hover .events-corp-service-title {\r\n
            color: #9535FF;\r\n
        }\r\n
        \r\n
        .events-corp-service-card:nth-child(3):hover .events-corp-service-title {\r\n
            color: #333;\r\n
        }\r\n
        \r\n
        .events-corp-service-description {\r\n
            font-size: 1.1rem;\r\n
            color: #666;\r\n
            line-height: 1.6;\r\n
            margin-bottom: 2rem;\r\n
            flex: 1;\r\n
        }\r\n
        \r\n
        /* Service Meta Tags */\r\n
        .events-corp-service-meta {\r\n
            display: flex;\r\n
            gap: 1.5rem;\r\n
            margin-bottom: 2rem;\r\n
            flex-wrap: wrap;\r\n
            justify-content: center;\r\n
        }\r\n
        \r\n
        .events-corp-service-meta-item {\r\n
            display: flex;\r\n
            align-items: center;\r\n
            gap: 0.5rem;\r\n
            font-size: 0.95rem;\r\n
            color: #666;\r\n
            background: #f8f9fa;\r\n
            padding: 0.5rem 1rem;\r\n
            border-radius: 20px;\r\n
            border: 1px solid #e9ecef;\r\n
            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n
        }\r\n
        \r\n
        .events-corp-service-card:hover .events-corp-service-meta-item {\r\n
            background: rgba(122, 184, 0, 0.1);\r\n
            border-color: rgba(122, 184, 0, 0.3);\r\n
            transform: translateY(-2px);\r\n
        }\r\n
        \r\n
        .events-corp-service-card:nth-child(2):hover .events-corp-service-meta-item {\r\n
            background: rgba(149, 53, 255, 0.1);\r\n
            border-color: rgba(149, 53, 255, 0.3);\r\n
        }\r\n
        \r\n
        .events-corp-service-card:nth-child(3):hover .events-corp-service-meta-item {\r\n
            background: rgba(0, 0, 0, 0.05);\r\n
            border-color: rgba(0, 0, 0, 0.2);\r\n
        }\r\n
        \r\n
        .events-corp-service-meta-icon {\r\n
            width: 16px;\r\n
            height: 16px;\r\n
            stroke: #7AB800;\r\n
            fill: none;\r\n
            stroke-width: 2;\r\n
            flex-shrink: 0;\r\n
            transition: all 0.3s ease;\r\n
        }\r\n
        \r\n
        .events-corp-service-card:hover .events-corp-service-meta-icon {\r\n
            transform: scale(1.1);\r\n
        }\r\n
        \r\n
        /* Service Button - GLEICHE ANIMATION WIE BC-CTA-BTN */\r\n
        .events-corp-service-btn {\r\n
            display: inline-block;\r\n
            background: linear-gradient(45deg, #7AB800, #5f9200, #7AB800, #5f9200);\r\n
            background-size: 400% 400%;\r\n
            color: white;\r\n
            padding: 14px 28px;\r\n
            border-radius: 8px;\r\n
            text-decoration: none;\r\n
            font-weight: 700;\r\n
            font-size: 1rem;\r\n
            text-align: center;\r\n
            box-shadow: 0 4px 12px rgba(122, 184, 0, 0.25);\r\n
            flex-shrink: 0;\r\n
            border: none;\r\n
            cursor: pointer;\r\n
            animation: eventsButtonGradientShift 3s ease-in-out infinite;\r\n
            position: relative;\r\n
            overflow: hidden;\r\n
            transition: all 0.3s ease;\r\n
        }\r\n
        \r\n
        .events-corp-service-btn:hover {\r\n
            transform: translateY(-2px);\r\n
            box-shadow: 0 6px 20px rgba(122, 184, 0, 0.35);\r\n
            color: white;\r\n
            text-decoration: none;\r\n
        }\r\n
        \r\n
        @keyframes eventsButtonGradientShift {\r\n
            0%, 100% {\r\n
                background-position: 0% 50%;\r\n
            }\r\n
            50% {\r\n
                background-position: 100% 50%;\r\n
            }\r\n
        }\r\n
        \r\n
        /* Events Services CTA Section */\r\n
        .events-services-corp-cta {\r\n
            background: #f8f9fa;\r\n
            padding: 3rem;\r\n
            border-radius: 20px;\r\n
            text-align: center;\r\n
            border: 2px solid #e9ecef;\r\n
            transition: all 0.3s ease;\r\n
        }\r\n
        \r\n
        .events-services-corp-cta:hover {\r\n
            border-color: #7AB800;\r\n
            box-shadow: 0 8px 25px rgba(122, 184, 0, 0.1);\r\n
        }\r\n
        \r\n
        .events-services-corp-cta-title {\r\n
            font-size: 2rem;\r\n
            font-weight: 700;\r\n
            color: #333;\r\n
            margin-bottom: 1rem;\r\n
        }\r\n
        \r\n
        .events-services-corp-cta-text {\r\n
            font-size: 1.1rem;\r\n
            color: #666;\r\n
            margin-bottom: 2rem;\r\n
            line-height: 1.6;\r\n
        }\r\n
        \r\n
        .events-services-corp-cta-btn {\r\n
            display: inline-block;\r\n
            background: linear-gradient(45deg, #7AB800, #5f9200, #7AB800, #5f9200);\r\n
            background-size: 400% 400%;\r\n
            color: white;\r\n
            padding: 18px 40px;\r\n
            border-radius: 8px;\r\n
            text-decoration: none;\r\n
            font-weight: 700;\r\n
            font-size: 1.1rem;\r\n
            border: none;\r\n
            cursor: pointer;\r\n
            box-shadow: 0 4px 12px rgba(122, 184, 0, 0.25);\r\n
            animation: eventsButtonGradientShift 3s ease-in-out infinite;\r\n
            position: relative;\r\n
            overflow: hidden;\r\n
            transition: all 0.3s ease;\r\n
        }\r\n
        \r\n
        .events-services-corp-cta-btn:hover {\r\n
            transform: translateY(-2px);\r\n
            box-shadow: 0 6px 20px rgba(122, 184, 0, 0.35);\r\n
            color: white;\r\n
            text-decoration: none;\r\n
        }\r\n
        \r\n
        /* Mobile Responsive - ANGEPASSTE SANFTE ANIMATIONEN */\r\n
        @media (max-width: 991px) {\r\n
            .events-services-corp-section {\r\n
                padding: 60px 0;\r\n
            }\r\n
        \r\n
            .events-services-corp-header {\r\n
                margin-bottom: 4rem;\r\n
            }\r\n
        \r\n
            .events-services-corp-title {\r\n
                font-size: 2rem;\r\n
            }\r\n
        \r\n
            .events-services-corp-description {\r\n
                font-size: 1.1rem;\r\n
            }\r\n
        \r\n
            .events-services-corp-grid {\r\n
                gap: 2rem;\r\n
                margin-bottom: 4rem;\r\n
            }\r\n
        \r\n
            .events-corp-service-content {\r\n
                padding: 2rem;\r\n
            }\r\n
        \r\n
            .events-corp-service-title {\r\n
                font-size: 1.6rem;\r\n
            }\r\n
        \r\n
            .events-corp-service-description {\r\n
                font-size: 1rem;\r\n
            }\r\n
        \r\n
            /* Tablet: Nur farbliche Hervorhebung */\r\n
            .events-corp-service-card:hover {\r\n
                box-shadow: 0 8px 25px rgba(122, 184, 0, 0.1);\r\n
                background: linear-gradient(135deg, #ffffff, #f9fdf7);\r\n
                border-color: #7AB800;\r\n
            }\r\n
            \r\n
            .events-corp-service-card:nth-child(2):hover {\r\n
                box-shadow: 0 8px 25px rgba(149, 53, 255, 0.1);\r\n
                background: linear-gradient(135deg, #ffffff, #fdfaff);\r\n
                border-color: #9535FF;\r\n
            }\r\n
            \r\n
            .events-corp-service-card:nth-child(3):hover {\r\n
                box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\r\n
                background: linear-gradient(135deg, #ffffff, #fafafa);\r\n
                border-color: #333;\r\n
            }\r\n
        }\r\n
        \r\n
        @media (max-width: 767px) {\r\n
            .events-services-corp-section {\r\n
                padding: 40px 0;\r\n
            }\r\n
        \r\n
            .events-services-corp-header {\r\n
                margin-bottom: 3rem;\r\n
            }\r\n
        \r\n
            .events-services-corp-title {\r\n
                font-size: 1.8rem;\r\n
                margin-bottom: 1.5rem;\r\n
            }\r\n
        \r\n
            .events-services-corp-description {\r\n
                font-size: 1rem;\r\n
            }\r\n
        \r\n
            .events-services-corp-grid {\r\n
                grid-template-columns: 1fr;\r\n
                gap: 1.5rem;\r\n
                margin-bottom: 3rem;\r\n
            }\r\n
        \r\n
            .events-corp-service-image-area {\r\n
                height: 200px;\r\n
            }\r\n
        \r\n
            .events-corp-service-content {\r\n
                padding: 1.5rem;\r\n
            }\r\n
        \r\n
            .events-corp-service-title {\r\n
                font-size: 1.4rem;\r\n
                margin-bottom: 1rem;\r\n
            }\r\n
        \r\n
            .events-corp-service-description {\r\n
                font-size: 0.95rem;\r\n
                margin-bottom: 1.5rem;\r\n
            }\r\n
        \r\n
            .events-corp-service-meta {\r\n
                gap: 1rem;\r\n
                margin-bottom: 1.5rem;\r\n
            }\r\n
        \r\n
            .events-corp-service-meta-item {\r\n
                font-size: 0.9rem;\r\n
                padding: 0.4rem 0.8rem;\r\n
            }\r\n
        \r\n
            .events-corp-service-btn {\r\n
                padding: 12px 24px;\r\n
                font-size: 0.95rem;\r\n
            }\r\n
        \r\n
            .events-services-corp-cta {\r\n
                padding: 2rem;\r\n
            }\r\n
        \r\n
            .events-services-corp-cta-title {\r\n
                font-size: 1.6rem;\r\n
            }\r\n
        \r\n
            .events-services-corp-cta-text {\r\n
                font-size: 1rem;\r\n
            }\r\n
        \r\n
            /* Mobile: Nur farbliche Hervorhebung */\r\n
            .events-corp-service-card:hover {\r\n
                box-shadow: 0 6px 20px rgba(122, 184, 0, 0.08);\r\n
                background: linear-gradient(135deg, #ffffff, #f9fdf7);\r\n
                border-color: #7AB800;\r\n
            }\r\n
            \r\n
            .events-corp-service-card:nth-child(2):hover {\r\n
                box-shadow: 0 6px 20px rgba(149, 53, 255, 0.08);\r\n
                background: linear-gradient(135deg, #ffffff, #fdfaff);\r\n
                border-color: #9535FF;\r\n
            }\r\n
            \r\n
            .events-corp-service-card:nth-child(3):hover {\r\n
                box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\r\n
                background: linear-gradient(135deg, #ffffff, #fafafa);\r\n
                border-color: #333;\r\n
            }\r\n
        }\r\n
        \r\n
        @media (max-width: 480px) {\r\n
            .events-services-corp-title {\r\n
                font-size: 1.6rem;\r\n
            }\r\n
        \r\n
            .events-corp-service-title {\r\n
                font-size: 1.2rem;\r\n
            }\r\n
        \r\n
            .events-corp-service-description {\r\n
                font-size: 0.9rem;\r\n
            }\r\n
        \r\n
            .events-corp-service-meta {\r\n
                flex-direction: column;\r\n
                gap: 0.5rem;\r\n
            }\r\n
        \r\n
            .events-corp-service-meta-item {\r\n
                justify-content: center;\r\n
            }\r\n
        \r\n
            .events-services-corp-cta {\r\n
                padding: 1.5rem;\r\n
            }\r\n
        \r\n
            .events-services-corp-cta-title {\r\n
                font-size: 1.4rem;\r\n
            }\r\n
        \r\n
            /* Mobile Small: Nur farbliche Hervorhebung */\r\n
            .events-corp-service-card:hover {\r\n
                box-shadow: 0 6px 20px rgba(122, 184, 0, 0.06);\r\n
                background: linear-gradient(135deg, #ffffff, #f9fdf7);\r\n
                border-color: #7AB800;\r\n
            }\r\n
            \r\n
            .events-corp-service-card:nth-child(2):hover {\r\n
                box-shadow: 0 6px 20px rgba(149, 53, 255, 0.06);\r\n
                background: linear-gradient(135deg, #ffffff, #fdfaff);\r\n
                border-color: #9535FF;\r\n
            }\r\n
            \r\n
            .events-corp-service-card:nth-child(3):hover {\r\n
                box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);\r\n
                background: linear-gradient(135deg, #ffffff, #fafafa);\r\n
                border-color: #333;\r\n
            }\r\n
        }\r\n
        \r\n
        /* Entrance animations */\r\n
        .events-corp-service-card {\r\n
            opacity: 0;\r\n
            transform: translateY(30px);\r\n
            animation: fadeUpEventsCorpServices 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\r\n
        }\r\n
        \r\n
        .events-corp-service-card:nth-child(1) { animation-delay: 0.1s; }\r\n
        .events-corp-service-card:nth-child(2) { animation-delay: 0.2s; }\r\n
        .events-corp-service-card:nth-child(3) { animation-delay: 0.3s; }\r\n
        \r\n
        @keyframes fadeUpEventsCorpServices {\r\n
            to {\r\n
                opacity: 1;\r\n
                transform: translateY(0);\r\n
            }\r\n
        }\r\n
        \r\n
        /* Reduzierte Animation für User mit Motion-Präferenz */\r\n
        @media (prefers-reduced-motion: reduce) {\r\n
            .events-corp-service-card {\r\n
                transition: box-shadow 0.3s ease, border-color 0.3s ease;\r\n
            }\r\n
            \r\n
            .events-corp-service-img,\r\n
            .events-corp-service-overlay,\r\n
            .events-corp-service-btn {\r\n
                transition: none;\r\n
            }\r\n
        }\r\n
        </style>\r\n
        \r\n
        \r\n
     \r\n
        <body class="bc-body">\r\n
        <section class="bc-header bc-reset">\r\n
        <div class="bc-container">\r\n
            <div class="bc-header-grid">\r\n
                <!-- Left Side - Text Content -->\r\n
                <div class="bc-text-area">\r\n
                    <h1 class="bc-main-title">\r\n
                        Ihr Zugang zum<br>\r\n
                        Startup-Ökosystem\r\n
                    </h1>\r\n
                    \r\n
                    <p class="bc-highlight">\r\n
                        Vernetzen Sie sich mit innovativen Startups und Technologieführern\r\n
                    </p>\r\n
                    \r\n
                    <p class="bc-description">\r\n
                    STARTPLATZ ist die größte Startup-Community in NRW mit Standorten in Köln und Düsseldorf.\r\n
                    Wir sind einer von sechs vom Land geförderten Acceleratorn – \r\n
                    mit einzigartigem Fokus auf KI-Implementierung in der Wachstumsphase und verbinden etablierte Unternehmen mit innovativen Startups, Tech-Talenten und einem aktiven Ökosystem – \r\n
                    für Co-Innovation, Dealflow und Zugang zu Zukunftstechnologien.\r\n
                    </p>\r\n
                    \r\n
                    <div class="bc-cta-buttons">\r\n
                        <a href="https://calendly.com/julian-palaszewski-startplatz" class="bc-cta-btn" target="_blank">\r\n
                            Beratungsgespräch buchen\r\n
                        </a>\r\n
                        <a href="mailto:partner@startplatz.de" class="bc-cta-btn bc-cta-btn-secondary">\r\n
                            Jetzt Anfrage stellen\r\n
                        </a>\r\n
                    </div>\r\n
                </div>\r\n
                \r\n
                <!-- Right Side - Image -->\r\n
                <div class="bc-image-wrapper">\r\n
                    <img src="https://res.cloudinary.com/startplatz/image/upload/v1751549695/image_720_z7lylr.png" \r\n
                         alt="Business Meeting Handshake" \r\n
                         class="bc-header-img">\r\n
                    <div class="bc-img-overlay"></div>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
        </section>\r\n
        \r\n
        <!-- Business Club Navigation Section -->\r\n
        <section class="bc-navigation bc-reset">\r\n
        <div class="bc-container">\r\n
            <nav class="bc-nav-menu">\r\n
                <a href="#benefits" class="bc-nav-item">\r\n
                    <span class="bc-nav-text">Benefits</span>\r\n
                </a>\r\n
                <a href="#partnerschaftsmodelle" class="bc-nav-item">\r\n
                    <span class="bc-nav-text">Partnerschaftsmodelle</span>\r\n
                </a>\r\n
                <a href="#events-services" class="bc-nav-item">\r\n
                    <span class="bc-nav-text">Events & Services</span>\r\n
                </a>\r\n
                <a href="#weitere-angebote" class="bc-nav-item">\r\n
                    <span class="bc-nav-text">Weitere Angebote</span>\r\n
                </a>\r\n
            </nav>\r\n
        </div>\r\n
        </section>\r\n
        \r\n
        <!-- STARTPLATZ Benefits - New Accordion Style -->\r\n
        <section class="bc-benefits bc-reset" id="benefits">\r\n
        <div class="benefits-container">\r\n
            <div class="benefits-intro">\r\n
                <h2 class="benefits-title">Ihre Benefits als Partner</h2>\r\n
                <p class="benefits-description">\r\n
                    Entdecke die einzigartigen Vorteile einer Partnerschaft mit STARTPLATZ. \r\n
                    Klicke auf einen Benefit, um mehr zu erfahren.\r\n
                </p>\r\n
            </div>\r\n
        \r\n
            <div class="benefits-list">\r\n
                <div class="benefit-item">\r\n
                    <div class="benefit-header">\r\n
                        <div class="benefit-icon-container">\r\n
                            <img class="benefit-icon" src="https://res.cloudinary.com/startplatz/image/upload/v1614678467/Icons/team_1.png" alt="Sichtbarkeit Icon">\r\n
                        </div>\r\n
                        <div class="benefit-content">\r\n
                            <h3 class="benefit-title">Sichtbarkeit & Positionierung</h3>\r\n
                            <div class="benefit-toggle"></div>\r\n
                        </div>\r\n
                    </div>\r\n
                    <div class="benefit-detail">\r\n
                        <div class="benefit-detail-content">\r\n
                            Werde Teil von NRWs größter Startup-Community – mit über 1500 innovativen Teams.\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
        \r\n
                <div class="benefit-item">\r\n
                    <div class="benefit-header">\r\n
                        <div class="benefit-icon-container">\r\n
                            <img class="benefit-icon" src="https://res.cloudinary.com/startplatz/image/upload/v1614678466/Icons/hand-shake.png" alt="Kundenakquise Icon">\r\n
                        </div>\r\n
                        <div class="benefit-content">\r\n
                            <h3 class="benefit-title">Akquise</h3>\r\n
                            <div class="benefit-toggle"></div>\r\n
                        </div>\r\n
                    </div>\r\n
                    <div class="benefit-detail">\r\n
                        <div class="benefit-detail-content">\r\n
                            Nutze unser gesamtes Ökosystem und finde neue B2B Kunden und Talente.\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
        \r\n
                <div class="benefit-item">\r\n
                    <div class="benefit-header">\r\n
                        <div class="benefit-icon-container">\r\n
                            <img class="benefit-icon" src="https://res.cloudinary.com/startplatz/image/upload/v1614678469/Icons/startup.png" alt="Innovation Icon">\r\n
                        </div>\r\n
                        <div class="benefit-content">\r\n
                            <h3 class="benefit-title">Zugang zu Innovation</h3>\r\n
                            <div class="benefit-toggle"></div>\r\n
                        </div>\r\n
                    </div>\r\n
                    <div class="benefit-detail">\r\n
                        <div class="benefit-detail-content">\r\n
                            Kooperieren Sie mit Startups – und sicheren Sie sich den Vorsprung durch ihre Ideen.\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
        \r\n
                <div class="benefit-item">\r\n
                    <div class="benefit-header">\r\n
                        <div class="benefit-icon-container">\r\n
                            <img class="benefit-icon" src="https://res.cloudinary.com/startplatz/image/upload/v1614678469/Icons/keyboard.png" alt="KI-Expertise Icon">\r\n
                        </div>\r\n
                        <div class="benefit-content">\r\n
                            <h3 class="benefit-title">KI-Expertise</h3>\r\n
                            <div class="benefit-toggle"></div>\r\n
                        </div>\r\n
                    </div>\r\n
                    <div class="benefit-detail">\r\n
                        <div class="benefit-detail-content">\r\n
                            KI-Power für Ihr Business – mit dem STARTPLATZ AI Hub als starken Partner.\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
        \r\n
                <div class="benefit-item">\r\n
                    <div class="benefit-header">\r\n
                        <div class="benefit-icon-container">\r\n
                            <img class="benefit-icon" src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1614678469/Icons/presentation_1.png" alt="Co-Creation Icon">\r\n
                        </div>\r\n
                        <div class="benefit-content">\r\n
                            <h3 class="benefit-title">Co-Creation & Problemlösung</h3>\r\n
                            <div class="benefit-toggle"></div>\r\n
                        </div>\r\n
                    </div>\r\n
                    <div class="benefit-detail">\r\n
                        <div class="benefit-detail-content">\r\n
                            Probleme verstehen und in direkter Zusammenarbeit mit Startups lösen. Gemeinsam Innovation schaffen.\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
        \r\n
            <div class="benefits-action">\r\n
                <a href="https://calendly.com/julian-palaszewski-startplatz" class="startplatz-button" target="_blank">\r\n
                    Jetzt Beratungsgespräch buchen!\r\n
                </a>\r\n
            </div>\r\n
        </div>\r\n
        </section>\r\n
        \r\n
        <!-- Business Club Partners Section - HIDDEN UNTIL COMPLETE LIST -->\r\n
        <section class="bc-partners bc-reset">\r\n
        <div class="bc-container">\r\n
            <h2 class="bc-partners-title">Diese Partner vertrauen uns / mit uns zusammengearbeitet</h2>\r\n
            \r\n
            <div class="bc-partners-slider">\r\n
                <div class="bc-partners-track">\r\n
                    <!-- First set of logos -->\r\n
                    <div class="bc-partner-item bc-partner-technik">\r\n
                        <a href="https://www.tk.de/techniker" target="_blank" rel="noopener noreferrer" class="bc-partner-link">\r\n
                            <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_400/v1750241868/logos/Technikerkrankenkasse-logo.svg.png" alt="Techniker Krankenkasse" class="bc-partner-logo-image">\r\n
                        </a>\r\n
                    </div>\r\n
                    <div class="bc-partner-item bc-partner-ecodynamics">\r\n
                        <a href="https://www.ecodynamics.io" target="_blank" rel="noopener noreferrer" class="bc-partner-link">\r\n
                            <img src="https://res.cloudinary.com/startplatz/image/upload/v1605263022/accelerator/Website/Partner/Logo_ecodynamics.png" alt="Ecodynamics" class="bc-partner-logo-image">\r\n
                        </a>\r\n
                    </div>\r\n
                    <div class="bc-partner-item">\r\n
                        <div class="bc-partner-logo">LOGO 3</div>\r\n
                    </div>\r\n
                    <div class="bc-partner-item">\r\n
                        <div class="bc-partner-logo">LOGO 4</div>\r\n
                    </div>\r\n
                    <div class="bc-partner-item">\r\n
                        <div class="bc-partner-logo">LOGO 5</div>\r\n
                    </div>\r\n
                    <div class="bc-partner-item bc-partner-item-cta">\r\n
                        <div class="bc-partner-logo bc-partner-logo-cta">Hier könnte Ihr Logo stehen</div>\r\n
                    </div>\r\n
                    \r\n
                    <!-- Duplicate set for seamless loop -->\r\n
                    <div class="bc-partner-item bc-partner-technik">\r\n
                        <a href="https://www.tk.de/techniker" target="_blank" rel="noopener noreferrer" class="bc-partner-link">\r\n
                            <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_400/v1750241868/logos/Technikerkrankenkasse-logo.svg.png" alt="Techniker Krankenkasse" class="bc-partner-logo-image">\r\n
                        </a>\r\n
                    </div>\r\n
                    <div class="bc-partner-item bc-partner-ecodynamics">\r\n
                        <a href="https://www.ecodynamics.io" target="_blank" rel="noopener noreferrer" class="bc-partner-link">\r\n
                            <img src="https://res.cloudinary.com/startplatz/image/upload/v1605263022/accelerator/Website/Partner/Logo_ecodynamics.png" alt="Ecodynamics" class="bc-partner-logo-image">\r\n
                        </a>\r\n
                    </div>\r\n
                    <div class="bc-partner-item">\r\n
                        <div class="bc-partner-logo">LOGO 3</div>\r\n
                    </div>\r\n
                    <div class="bc-partner-item">\r\n
                        <div class="bc-partner-logo">LOGO 4</div>\r\n
                    </div>\r\n
                    <div class="bc-partner-item">\r\n
                        <div class="bc-partner-logo">LOGO 5</div>\r\n
                    </div>\r\n
                    <div class="bc-partner-item bc-partner-item-cta">\r\n
                        <div class="bc-partner-logo bc-partner-logo-cta">Hier könnte Ihr Logo stehen</div>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
        </section>\r\n
        \r\n
        \r\n
        <!-- Business Club Partnership Models Section -->\r\n
        <section class="bc-partnership-models bc-reset" id="partnerschaftsmodelle">\r\n
        <div class="bc-container">\r\n
            <!-- Header with title, text and image -->\r\n
            <div class="bc-partnership-header">\r\n
                <div class="bc-partnership-intro">\r\n
                    <h2 class="bc-partnership-title">Mögliche Partnerschaftsmodelle</h2>\r\n
                    <p class="bc-partnership-description">\r\n
                    Ob Co-Innovation, Zugang zu Startups oder Sichtbarkeit im Ökosystem – unsere Partnerschaftsmodelle bieten verschiedene Einstiegspunkte für Unternehmen, die Teil des STARTPLATZ-Netzwerks werden möchten.\r\n
                    Die aufgezeigten Beispiele dienen zur ersten Orientierung – im persönlichen Gespräch entwickeln wir gemeinsam das passende Modell für eure Ziele.\r\n
                    </p>\r\n
                </div>\r\n
                <div class="bc-partnership-image">\r\n
                    <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1677578926/Offices/Duesseldorf/Havanna/DSC_3146.jpg" \r\n
                         alt="Partnership Meeting" \r\n
                         class="bc-partnership-img">\r\n
                </div>\r\n
            </div>\r\n
        \r\n
            <!-- Partnership Cards Grid -->\r\n
            <div class="bc-partnership-grid">\r\n
                <div class="bc-partnership-card" onclick="bcOpenModal('bc-startplatz-partnership-modal')">\r\n
                    <div class="bc-partnership-card-image">\r\n
                        <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_500/v1614775778/logos/STARTPLATZ_Logos/STARTPLATZ_Logo_RGB.png" alt="STARTPLATZ Logo">\r\n
                    </div>\r\n
                    <div class="bc-partnership-card-content">\r\n
                        <h3 class="bc-partnership-card-title">STARTPLATZ Partnerschaft</h3>\r\n
                        <div class="bc-partnership-card-icon">+</div>\r\n
                    </div>\r\n
                </div>\r\n
        \r\n
                <div class="bc-partnership-card" onclick="bcOpenModal('bc-rheinland-pitch-modal')">\r\n
                    <div class="bc-partnership-card-image">\r\n
                        <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_500/v1643964561/rheinland-pitch/Logos/Rheinlandpitch-Logo-schwarz.png" alt="Rheinland Pitch Logo">\r\n
                    </div>\r\n
                    <div class="bc-partnership-card-content">\r\n
                        <h3 class="bc-partnership-card-title">Rheinland Pitch Partnerschaft</h3>\r\n
                        <div class="bc-partnership-card-icon">+</div>\r\n
                    </div>\r\n
                </div>\r\n
        \r\n
                <div class="bc-partnership-card" onclick="bcOpenModal('bc-ki-accelerator-modal')">\r\n
                    <div class="bc-partnership-card-image">\r\n
                        <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_500/v1605258752/accelerator/Website/Icons/STARTPLATZ-Accelerator-Logo-schwarz-neu_1.png" alt="STARTPLATZ Accelerator Logo">\r\n
                    </div>\r\n
                    <div class="bc-partnership-card-content">\r\n
                        <h3 class="bc-partnership-card-title">KI Accelerator Partnerschaft</h3>\r\n
                        <div class="bc-partnership-card-icon">+</div>\r\n
                    </div>\r\n
                </div>\r\n
        \r\n
                <div class="bc-partnership-card" onclick="bcOpenModal('bc-ai-hub-modal')">\r\n
                    <div class="bc-partnership-card-image">\r\n
                        <img src="https://res.cloudinary.com/startplatz/image/upload/v1709845467/ai-hub/AI-Hub-Logo.png" alt="AI Hub Logo">\r\n
                    </div>\r\n
                    <div class="bc-partnership-card-content">\r\n
                        <h3 class="bc-partnership-card-title">AI Hub Partnerschaft</h3>\r\n
                        <div class="bc-partnership-card-icon">+</div>\r\n
                    </div>\r\n
                </div>\r\n
        \r\n
            <div class="bc-partnership-card" onclick="bcOpenModal('bc-games-cluster-modal')">\r\n
            <!-- Neu Badge -->\r\n
            <div class="partnership-new-badge">Neu ab 2026</div>\r\n
            \r\n
            <!-- Logo Area mit beiden Logos -->\r\n
            <div class="bc-partnership-card-image">\r\n
                <div class="games-cluster-logos">\r\n
                    <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_500/v1614775778/logos/STARTPLATZ_Logos/STARTPLATZ_Logo_RGB.png" alt="STARTPLATZ Logo">\r\n
                    <span class="logo-separator">×</span>\r\n
                    <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_600/v1754656107/logos/GSC_Logo_RGB.png" alt="Games Syndicate Cologne Logo">\r\n
                </div>\r\n
            </div>\r\n
            \r\n
            <div class="bc-partnership-card-content">\r\n
                <h3 class="bc-partnership-card-title">Games Cluster Partnerschaft</h3>\r\n
                <div class="bc-partnership-card-icon">+</div>\r\n
            </div>\r\n
        </div>\r\n
        </div>\r\n
        \r\n
        \r\n
        \r\n
        \r\n
            <div class="bc-cta-area">\r\n
                <a href="#kontakt" class="bc-cta-btn">\r\n
                    Jetzt Beratungsgespräch buchen!\r\n
                </a>\r\n
            </div>\r\n
        </div>\r\n
        </section>\r\n
        \r\n
        \r\n
        \r\n
        \r\n
        <!-- Events & Services Section für Corporates - REPARIERT -->\r\n
        <section class="events-services-corp-section" id="events-services">\r\n
        <div class="events-services-corp-container">\r\n
        <div class="events-services-corp-header">\r\n
        <h2 class="events-services-corp-title">Events & Services für Corporates</h2>\r\n
        <p class="events-services-corp-description">\r\n
            Erweitern Sie Ihr Wissen, vernetzen Sie sich mit Innovatoren und positionieren Sie sich als Thought Leader im Startup-Ökosystem.\r\n
        </p>\r\n
        </div>\r\n
        \r\n
        <div class="events-services-corp-grid">\r\n
        <!-- Innovation Day -->\r\n
        <div class="events-corp-service-card">\r\n
            <div class="events-corp-service-image-area">\r\n
                <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1615301070/conference-rooms/Atmosphere/Vancouver_2-11.jpg" \r\n
                     alt="Innovation Day Event" \r\n
                     class="events-corp-service-img">\r\n
                <div class="events-corp-service-overlay">\r\n
                    <div class="events-corp-service-overlay-content">\r\n
                        <h4>Maßgeschneidert</h4>\r\n
                        <p>Individuell auf Ihre Bedürfnisse zugeschnitten</p>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
            <div class="events-corp-service-content">\r\n
                <h3 class="events-corp-service-title">Innovation Day</h3>\r\n
                <p class="events-corp-service-description">\r\n
                    Ein exklusives, maßgeschneidertes Event-Format für Ihr Unternehmen. Wir entwickeln gemeinsam ein Event zu Ihrem Wunschthema – von KI bis Nachhaltigkeit – inklusive Konzeption, Speaker und Umsetzung.\r\n
                </p>\r\n
                <div class="events-corp-service-meta">\r\n
                    <span class="events-corp-service-meta-item">\r\n
                        <svg class="events-corp-service-meta-icon" viewBox="0 0 24 24">\r\n
                            <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>\r\n
                            <circle cx="9" cy="7" r="4"/>\r\n
                            <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>\r\n
                            <path d="M16 3.13a4 4 0 0 1 0 7.75"/>\r\n
                        </svg>\r\n
                        30-50 Teilnehmer\r\n
                    </span>\r\n
                    <span class="events-corp-service-meta-item">\r\n
                        <svg class="events-corp-service-meta-icon" viewBox="0 0 24 24">\r\n
                            <circle cx="12" cy="12" r="10"/>\r\n
                            <polyline points="12,6 12,12 16,14"/>\r\n
                        </svg>\r\n
                        Ganztägig\r\n
                    </span>\r\n
                </div>\r\n
                <a href="mailto:partner@startplatz.de?subject=Innovation%20Day%20Anfrage" class="events-corp-service-btn">\r\n
                    Innovation Day anfragen\r\n
                </a>\r\n
            </div>\r\n
        </div>\r\n
        \r\n
        <!-- KI Weiterbildungen -->\r\n
        <div class="events-corp-service-card">\r\n
            <div class="events-corp-service-image-area">\r\n
                <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1720464572/events/2024/ai-gathering-02-education/AI_HUB_Juni_2024_Fotos_von_Manor_Lux-108.jpg" \r\n
                     alt="KI Weiterbildung Workshop" \r\n
                     class="events-corp-service-img">\r\n
                <div class="events-corp-service-overlay events-corp-service-overlay-ai">\r\n
                    <div class="events-corp-service-overlay-content">\r\n
                        <h4>Expertenwissen</h4>\r\n
                        <p>Von führenden KI-Experten lernen</p>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
            <div class="events-corp-service-content">\r\n
                <h3 class="events-corp-service-title">KI Weiterbildungen</h3>\r\n
                <p class="events-corp-service-description">\r\n
                    Befähigen Sie Ihr Team mit praxisnahen KI-Schulungen. Von Grundlagen bis zu spezifischen Anwendungsfällen – unsere Experten bringen Ihnen die neuesten KI-Tools und -Methoden bei.\r\n
                </p>\r\n
                <div class="events-corp-service-meta">\r\n
                    <span class="events-corp-service-meta-item">\r\n
                        <svg class="events-corp-service-meta-icon" viewBox="0 0 24 24">\r\n
                            <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>\r\n
                            <circle cx="9" cy="7" r="4"/>\r\n
                            <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>\r\n
                            <path d="M16 3.13a4 4 0 0 1 0 7.75"/>\r\n
                        </svg>\r\n
                        individuelle Teilnehmerzahl\r\n
                    </span>\r\n
                    <span class="events-corp-service-meta-item">\r\n
                        <svg class="events-corp-service-meta-icon" viewBox="0 0 24 24">\r\n
                            <circle cx="12" cy="12" r="10"/>\r\n
                            <polyline points="12,6 12,12 16,14"/>\r\n
                        </svg>\r\n
                        ganz- oder mehrtägig\r\n
                    </span>\r\n
                </div>\r\n
                <a href="mailto:partner@startplatz.de?subject=KI%20Weiterbildung%20Anfrage" class="events-corp-service-btn">\r\n
                    KI Weiterbildung anfragen\r\n
                </a>\r\n
            </div>\r\n
        </div>\r\n
        \r\n
        <!-- Event Sponsoring -->\r\n
        <div class="events-corp-service-card">\r\n
            <div class="events-corp-service-image-area">\r\n
                <img src="https://v.fastcdn.co/u/5b11d3c4/63584245-0-InsurTech-Week-2018-.jpg" \r\n
                     alt="Event Sponsoring" \r\n
                     class="events-corp-service-img">\r\n
                <div class="events-corp-service-overlay events-corp-service-overlay-sponsoring">\r\n
                    <div class="events-corp-service-overlay-content">\r\n
                        <h4>Sichtbarkeit</h4>\r\n
                        <p>Erreichen Sie qualifizierte Teilnehmer unseres Ökosystems</p>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
            <div class="events-corp-service-content">\r\n
                <h3 class="events-corp-service-title">Event Sponsoring</h3>\r\n
                <p class="events-corp-service-description">\r\n
                    Positionieren Sie sich als innovativer Partner in unserem Ökosystem. Sponsern Sie unsere Events wie den Rheinland Pitch, AI Hub Events oder Community-Formate und erreichen Sie direkt Ihre Zielgruppe.\r\n
                </p>\r\n
                <div class="events-corp-service-meta">\r\n
                    <span class="events-corp-service-meta-item">\r\n
                        <svg class="events-corp-service-meta-icon" viewBox="0 0 24 24">\r\n
                            <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>\r\n
                            <circle cx="9" cy="7" r="4"/>\r\n
                            <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>\r\n
                            <path d="M16 3.13a4 4 0 0 1 0 7.75"/>\r\n
                        </svg>\r\n
                        exklusive Reichweite\r\n
                    </span>\r\n
                    <span class="events-corp-service-meta-item">\r\n
                        <svg class="events-corp-service-meta-icon" viewBox="0 0 24 24">\r\n
                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>\r\n
                        </svg>\r\n
                        Premium Platzierung\r\n
                    </span>\r\n
                </div>\r\n
                <a href="mailto:partner@startplatz.de?subject=Event%20Sponsoring%20Anfrage" class="events-corp-service-btn">\r\n
                    Event Sponsoring anfragen\r\n
                </a>\r\n
            </div>\r\n
        </div>\r\n
        </div>\r\n
        \r\n
        <!-- Call-to-Action -->\r\n
        <div class="events-services-corp-cta">\r\n
        <h3 class="events-services-corp-cta-title">Bereit für Innovation?</h3>\r\n
        <p class="events-services-corp-cta-text">\r\n
            Lassen Sie uns gemeinsam das passende Format für Ihre Ziele entwickeln.\r\n
        </p>\r\n
        <a href="https://calendly.com/julian-palaszewski-startplatz" class="events-services-corp-cta-btn" target="_blank">\r\n
            Beratungsgespräch buchen\r\n
        </a>\r\n
        </div>\r\n
        </div>\r\n
        </section>\r\n
        \r\n
        \r\n
        \r\n
        <!-- Business Club Further Offers Section -->\r\n
        <section class="bc-further-offers bc-reset" id="weitere-angebote">\r\n
            <div class="bc-container">\r\n
                <h2 class="bc-further-offers-title">Weitere Angebote</h2>\r\n
                \r\n
                <div class="bc-offers-grid">\r\n
                    <div class="bc-offer-card">\r\n
                        <div class="bc-offer-image">\r\n
                            <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1737448766/conference-rooms/Bilder%202025%20bearbeitet/Barcelona_U-Form_neu.jpg" alt="Konferenzräume" class="bc-offer-img">\r\n
                            <div class="bc-offer-image-overlay">\r\n
                                <div class="bc-offer-overlay-text">Professionelle Meetingräume</div>\r\n
                            </div>\r\n
                        </div>\r\n
                        <div class="bc-offer-content">\r\n
                            <h3 class="bc-offer-title">Konferenzräume</h3>\r\n
                            <p class="bc-offer-description">Professionelle Meetingräume für Ihre Geschäftstermine und Präsentationen</p>\r\n
                            <!-- Button-Gruppe für Standorte -->\r\n
                            <div class="bc-offer-buttons">\r\n
                                <a href="https://www.startplatz.de/koeln-tagungsraeume-und-konferenzraeume/" target="_blank" rel="noopener noreferrer" class="bc-offer-cta bc-offer-cta-koeln">Köln</a>\r\n
                                <a href="https://www.startplatz.de/duesseldorf-tagungsraeume-und-konferenzraeume/" target="_blank" rel="noopener noreferrer" class="bc-offer-cta bc-offer-cta-duesseldorf">Düsseldorf</a>\r\n
                            </div>\r\n
                        </div>\r\n
                    </div>\r\n
                    \r\n
                    <div class="bc-offer-card">\r\n
                        <div class="bc-offer-image">\r\n
                            <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1614775944/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/STARTPLATZ_Atmospa%CC%88he45.jpg" alt="Corporate Coworking" class="bc-offer-img">\r\n
                            <div class="bc-offer-image-overlay">\r\n
                                <div class="bc-offer-overlay-text">Flexible Arbeitsplätze</div>\r\n
                            </div>\r\n
                        </div>\r\n
                        <div class="bc-offer-content">\r\n
                            <h3 class="bc-offer-title">Corporate Coworking</h3>\r\n
                            <p class="bc-offer-description">Flexible Arbeitsplätze in inspirierender Startup-Atmosphäre</p>\r\n
                            <a href="https://www.startplatz.de/corporate-coworking" target="_blank" rel="noopener noreferrer" class="bc-offer-cta">Mehr erfahren</a>\r\n
                        </div>\r\n
                    </div>\r\n
                    \r\n
                    <div class="bc-offer-card">\r\n
                        <div class="bc-offer-image">\r\n
                            <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_800/v1733929388/Offices/K%C3%B6ln/Hongkong/dba-2037.jpg" alt="Büroräume" class="bc-offer-img">\r\n
                            <div class="bc-offer-image-overlay">\r\n
                                <div class="bc-offer-overlay-text">Private Büros</div>\r\n
                            </div>\r\n
                        </div>\r\n
                        <div class="bc-offer-content">\r\n
                            <h3 class="bc-offer-title">Büroräume</h3>\r\n
                            <p class="bc-offer-description">Private Büros für Teams und Unternehmen jeder Größe</p>\r\n
                            <!-- Button-Gruppe für Standorte -->\r\n
                            <div class="bc-offer-buttons">\r\n
                                <a href="https://www.startplatz.de/teambuero-koeln/" target="_blank" rel="noopener noreferrer" class="bc-offer-cta bc-offer-cta-koeln">Köln</a>\r\n
                                <a href="https://www.startplatz.de/teambuero-duesseldorf/" target="_blank" rel="noopener noreferrer" class="bc-offer-cta bc-offer-cta-duesseldorf">Düsseldorf</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
        <!-- Newsletter CTA - Dezent in Benefits Section -->\r\n
        <section class="bc-newsletter-cta bc-reset">\r\n
        <div class="bc-container">\r\n
            <div class="bc-newsletter-cta-content">\r\n
                <h3 class="bc-newsletter-cta-title">Bleib auf dem Laufenden!</h3>\r\n
                <p class="bc-newsletter-cta-text">\r\n
                    Erhalten Sie die neuesten Startup-News und exklusive Einblicke in unser Ökosystem.\r\n
                </p>\r\n
                <a href="https://startplatz.us5.list-manage.com/subscribe?u=8a2b498caca4323b774191382&id=be73f77d94" class="bc-newsletter-cta-btn" target="_blank">\r\n
                    Newsletter abonnieren\r\n
                </a>\r\n
            </div>\r\n
        </div>\r\n
        </section>\r\n
        \r\n
        \r\n
        \r\n
        <!-- About STARTPLATZ Section -->\r\n
        <section class="bc-about-section bc-reset" id="ueber-startplatz">\r\n
        <div class="bc-container">\r\n
            <!-- Content Section -->\r\n
            <div class="bc-about-content-wrapper">\r\n
                <div class="bc-about-intro">\r\n
                    <h2 class="bc-about-title">Über den STARTPLATZ</h2>\r\n
                    <p class="bc-about-description">\r\n
                        Seit 2012 ist STARTPLATZ die erste Adresse für Startups, etablierte Unternehmen und \r\n
                        Investoren in Nordrhein-Westfalen. Mit Standorten in Köln und Düsseldorf schaffen wir \r\n
                        die perfekte Umgebung für Innovation, Wachstum und erfolgreiche Partnerschaften. \r\n
                        Unser Ökosystem verbindet die besten Köpfe der Region.\r\n
                    </p>\r\n
                </div>\r\n
            </div>\r\n
        \r\n
            <!-- Statistics Grid -->\r\n
            <div class="bc-stats-grid">\r\n
                <div class="bc-stat-card">\r\n
                    <div class="bc-stat-number" data-target="12">0</div>\r\n
                    <div class="bc-stat-label">Jahre Startup<br>Erfahrung</div>\r\n
                </div>\r\n
                \r\n
                <div class="bc-stat-card">\r\n
                    <div class="bc-stat-number" data-target="1200">0</div>\r\n
                    <div class="bc-stat-label">Geförderte<br>Startups</div>\r\n
                </div>\r\n
                \r\n
                <div class="bc-stat-card">\r\n
                    <div class="bc-stat-number" data-target="100">0</div>\r\n
                    <div class="bc-stat-label">Events<br>pro Jahr</div>\r\n
                </div>\r\n
                \r\n
                <div class="bc-stat-card">\r\n
                    <div class="bc-stat-number" data-target="600">0</div>\r\n
                    <div class="bc-stat-label">Mio € Investition<br>in unsere Startups</div>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
        </section>    \r\n
        \r\n
        \r\n
        \r\n
        <!-- Business Club Consultation Section -->\r\n
        <section class="bc-consultation bc-reset" id="kontakt">\r\n
        <div class="bc-container">\r\n
            <div class="bc-consultation-grid">\r\n
                <div class="bc-consultation-content">\r\n
                    <h2 class="bc-consultation-title">\r\n
                        Buchen Sie sich Ihr<br>\r\n
                        Beratungsgespräch\r\n
                    </h2>\r\n
                    \r\n
                    <p class="bc-consultation-text">\r\n
                        Lassen Sie uns gemeinsam Ihre Innovationsziele besprechen und das perfekte Partnerschaftsmodell für Ihr Unternehmen finden. \r\n
                        In einem unverbindlichen Gespräch zeigen wir Ihnen, wie Sie von unserem Startup-Ökosystem profitieren kannst und welche Möglichkeiten der Zusammenarbeit für dich am besten geeignet sind.\r\n
                    </p>\r\n
                    \r\n
                    <div class="bc-cta-buttons">\r\n
                        <a href="https://calendly.com/julian-palaszewski-startplatz" class="bc-cta-btn" target="_blank">\r\n
                            Beratungsgespräch buchen\r\n
                        </a>\r\n
                        <a href="mailto:partner@startplatz.de" class="bc-cta-btn bc-cta-btn-secondary">\r\n
                            Jetzt Anfrage stellen\r\n
                        </a>\r\n
                    </div>\r\n
                </div>\r\n
                \r\n
                <div class="bc-consultation-contact">\r\n
                    <div class="bc-consultation-photo">\r\n
                        <img src="https://res.cloudinary.com/startplatz/image/upload/v1614676692/people/Johannes-Graef.png" alt="Johannes Gräf" />\r\n
                    </div>\r\n
                    <div class="bc-consultation-info">\r\n
                        <div class="bc-consultation-name">Johannes Gräf</div>\r\n
                        <div class="bc-consultation-title-text">Geschäftsführer</div>\r\n
                        <a href="mailto:partner@startplatz.de" class="bc-consultation-email">\r\n
                            partner@startplatz.de\r\n
                        </a>\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
        <!---------- Partnership Model Modals ---------->\r\n
        \r\n
        <!-- STARTPLATZ Partnership Modal -->\r\n
        <div id="bc-startplatz-partnership-modal" class="bc-partnership-modal">\r\n
        <div class="bc-partnership-modal-content">\r\n
            <div class="bc-partnership-modal-header startplatz-header">\r\n
                <span class="bc-partnership-modal-close" onclick="bcCloseModal('bc-startplatz-partnership-modal')">&times;</span>\r\n
                <h3 class="bc-partnership-modal-title">STARTPLATZ Partnerschaft</h3>\r\n
            </div>\r\n
            <div class="bc-partnership-modal-body">\r\n
                <!-- Neue Benefits Liste anstatt Kuchendiagramm -->\r\n
                <div class="bc-modal-benefits-container">\r\n
                    <h4 class="bc-modal-benefits-title">Ihre Benefits</h4>\r\n
                    <div class="bc-modal-benefits-list">\r\n
                        <!-- STARTPLATZ Partnerschaft: Sichtbarkeit, Akquise, Innovation -->\r\n
                        <div class="bc-modal-benefit-item">\r\n
                            <div class="bc-modal-benefit-icon-container">\r\n
                                <img class="bc-modal-benefit-icon" src="https://res.cloudinary.com/startplatz/image/upload/v1614678467/Icons/team_1.png" alt="Sichtbarkeit Icon">\r\n
                            </div>\r\n
                            <div class="bc-modal-benefit-content">\r\n
                                <div class="bc-modal-benefit-title">Sichtbarkeit & Positionierung</div>\r\n
                            </div>\r\n
                        </div>\r\n
        \r\n
                        <div class="bc-modal-benefit-item">\r\n
                            <div class="bc-modal-benefit-icon-container">\r\n
                                <img class="bc-modal-benefit-icon" src="https://res.cloudinary.com/startplatz/image/upload/v1614678466/Icons/hand-shake.png" alt="Akquise Icon">\r\n
                            </div>\r\n
                            <div class="bc-modal-benefit-content">\r\n
                                <div class="bc-modal-benefit-title">Akquise</div>\r\n
                            </div>\r\n
                        </div>\r\n
        \r\n
                        <div class="bc-modal-benefit-item">\r\n
                            <div class="bc-modal-benefit-icon-container">\r\n
                                <img class="bc-modal-benefit-icon" src="https://res.cloudinary.com/startplatz/image/upload/v1614678469/Icons/startup.png" alt="Innovation Icon">\r\n
                            </div>\r\n
                            <div class="bc-modal-benefit-content">\r\n
                                <div class="bc-modal-benefit-title">Zugang zu Innovation</div>\r\n
                            </div>\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
        \r\n
                <!-- Rechte Seite - Text Content -->\r\n
                <div class="bc-partnership-modal-text">\r\n
                    <p><strong>Partnerschaft. Wachstum. Zukunft</strong></p>\r\n
                    \r\n
                    <h4>Ausgewählte Vorteile:</h4>\r\n
                    <ul class="bc-partnership-benefits">\r\n
                        <li>\r\n
                            <svg class="bc-benefit-icon" viewBox="0 0 24 24">\r\n
                                <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>\r\n
                            </svg>\r\n
                            Platzierung als Partner in unserem Ökosystem\r\n
                        </li>\r\n
                        <li>\r\n
                            <svg class="bc-benefit-icon" viewBox="0 0 24 24">\r\n
                                <rect x="2" y="3" width="20" height="14" rx="2" ry="2"/>\r\n
                                <line x1="8" y1="21" x2="16" y2="21"/>\r\n
                                <line x1="12" y1="17" x2="12" y2="21"/>\r\n
                            </svg>\r\n
                            Nutzung unserer digitalen Plattformen\r\n
                        </li>\r\n
                        <li>\r\n
                            <svg class="bc-benefit-icon" viewBox="0 0 24 24">\r\n
                                <path d="M8 2v4"/>\r\n
                                <path d="M16 2v4"/>\r\n
                                <rect x="3" y="4" width="18" height="18" rx="2"/>\r\n
                                <path d="M3 10h18"/>\r\n
                            </svg>\r\n
                            Teilnahme an exklusiven Events\r\n
                        </li>\r\n
                        <li>\r\n
                            <svg class="bc-benefit-icon" viewBox="0 0 24 24">\r\n
                                <path d="M12 2l2 7h7l-5.5 4.5 2 7L12 16l-5.5 4.5 2-7L3 9h7z"/>\r\n
                            </svg>\r\n
                            und vieles mehr\r\n
                        </li>\r\n
                    </ul>\r\n
                    \r\n
                    <div class="bc-partnership-cta">\r\n
                        <div class="bc-modal-cta-buttons">\r\n
                            <a href="https://calendly.com/julian-palaszewski-startplatz" class="bc-modal-cta-btn bc-modal-cta-primary" target="_blank">\r\n
                                Beratungsgespräch buchen\r\n
                            </a>\r\n
                            <a href="mailto:partner@startplatz.de" class="bc-modal-cta-btn bc-modal-cta-secondary">\r\n
                                Jetzt Anfrage stellen\r\n
                            </a>\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
        </div>\r\n
        \r\n
        <!-- Rheinland Pitch Partnership Modal -->\r\n
        <div id="bc-rheinland-pitch-modal" class="bc-partnership-modal">\r\n
        <div class="bc-partnership-modal-content">\r\n
            <div class="bc-partnership-modal-header rheinland-header">\r\n
                <span class="bc-partnership-modal-close" onclick="bcCloseModal('bc-rheinland-pitch-modal')">&times;</span>\r\n
                <h3 class="bc-partnership-modal-title">Rheinland Pitch Partnerschaft</h3>\r\n
            </div>\r\n
            <div class="bc-partnership-modal-body">\r\n
                <!-- Neue Benefits Liste anstatt Kuchendiagramm -->\r\n
                <div class="bc-modal-benefits-container">\r\n
                    <h4 class="bc-modal-benefits-title">Ihre Benefits</h4>\r\n
                    <div class="bc-modal-benefits-list">\r\n
                        <!-- Rheinland Pitch: Sichtbarkeit, Innovation -->\r\n
                        <div class="bc-modal-benefit-item">\r\n
                            <div class="bc-modal-benefit-icon-container">\r\n
                                <img class="bc-modal-benefit-icon" src="https://res.cloudinary.com/startplatz/image/upload/v1614678467/Icons/team_1.png" alt="Sichtbarkeit Icon">\r\n
                            </div>\r\n
                            <div class="bc-modal-benefit-content">\r\n
                                <div class="bc-modal-benefit-title">Sichtbarkeit & Positionierung</div>\r\n
                            </div>\r\n
                        </div>\r\n
        \r\n
                        <div class="bc-modal-benefit-item">\r\n
                            <div class="bc-modal-benefit-icon-container">\r\n
                                <img class="bc-modal-benefit-icon" src="https://res.cloudinary.com/startplatz/image/upload/v1614678469/Icons/startup.png" alt="Innovation Icon">\r\n
                            </div>\r\n
                            <div class="bc-modal-benefit-content">\r\n
                                <div class="bc-modal-benefit-title">Zugang zu Innovation</div>\r\n
                            </div>\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
        \r\n
                <!-- Rechte Seite - Text Content -->\r\n
                <div class="bc-partnership-modal-text">\r\n
                    <p><strong>Deutschlands größte Pitch-Bühne</strong></p>\r\n
                    \r\n
                    <h4>Ausgewählte Vorteile:</h4>\r\n
                    <ul class="bc-partnership-benefits">\r\n
                        <li>\r\n
                            <svg class="bc-benefit-icon" viewBox="0 0 24 24">\r\n
                                <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>\r\n
                            </svg>\r\n
                            Platzierung als Partner beim Rheinland Pitch\r\n
                        </li>\r\n
                        <li>\r\n
                            <svg class="bc-benefit-icon" viewBox="0 0 24 24">\r\n
                                <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>\r\n
                                <circle cx="9" cy="7" r="4"/>\r\n
                                <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>\r\n
                                <path d="M16 3.13a4 4 0 0 1 0 7.75"/>\r\n
                            </svg>\r\n
                            Teilnahme an Vorpitch und Jury Platzierung im Finale\r\n
                        </li>\r\n
                        <li>\r\n
                            <svg class="bc-benefit-icon" viewBox="0 0 24 24">\r\n
                                <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/>\r\n
                                <rect x="2" y="9" width="4" height="12"/>\r\n
                                <circle cx="4" cy="4" r="2"/>\r\n
                            </svg>\r\n
                            Vernetzung mit Investor:innen und Expert:innen\r\n
                        </li>\r\n
                        <li>\r\n
                            <svg class="bc-benefit-icon" viewBox="0 0 24 24">\r\n
                                <path d="M12 2l2 7h7l-5.5 4.5 2 7L12 16l-5.5 4.5 2-7L3 9h7z"/>\r\n
                            </svg>\r\n
                            und vieles mehr\r\n
                        </li>\r\n
                    </ul>\r\n
                    \r\n
                    <a href="https://www.rheinlandpitch.de" class="bc-modal-crosslink" target="_blank">\r\n
                        → Mehr über den Rheinland Pitch erfahren\r\n
                    </a>\r\n
                    \r\n
                    <div class="bc-partnership-cta">\r\n
                        <div class="bc-modal-cta-buttons">\r\n
                            <a href="https://calendly.com/julian-palaszewski-startplatz" class="bc-modal-cta-btn bc-modal-cta-primary" target="_blank">\r\n
                                Beratungsgespräch buchen\r\n
                            </a>\r\n
                            <a href="mailto:partner@startplatz.de" class="bc-modal-cta-btn bc-modal-cta-secondary">\r\n
                                Jetzt Anfrage stellen\r\n
                            </a>\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
        </div>\r\n
        \r\n
        <!-- KI Accelerator Partnership Modal -->\r\n
        <div id="bc-ki-accelerator-modal" class="bc-partnership-modal">\r\n
        <div class="bc-partnership-modal-content">\r\n
            <div class="bc-partnership-modal-header accelerator-header">\r\n
                <span class="bc-partnership-modal-close" onclick="bcCloseModal('bc-ki-accelerator-modal')">&times;</span>\r\n
                <h3 class="bc-partnership-modal-title">KI Accelerator Partnerschaft</h3>\r\n
            </div>\r\n
            <div class="bc-partnership-modal-body">\r\n
                <!-- Neue Benefits Liste anstatt Kuchendiagramm -->\r\n
                <div class="bc-modal-benefits-container">\r\n
                    <h4 class="bc-modal-benefits-title">Ihre Benefits</h4>\r\n
                    <div class="bc-modal-benefits-list">\r\n
                        <!-- KI Accelerator: Innovation, KI-Expertise -->\r\n
                        <div class="bc-modal-benefit-item">\r\n
                            <div class="bc-modal-benefit-icon-container">\r\n
                                <img class="bc-modal-benefit-icon" src="https://res.cloudinary.com/startplatz/image/upload/v1614678469/Icons/startup.png" alt="Innovation Icon">\r\n
                            </div>\r\n
                            <div class="bc-modal-benefit-content">\r\n
                                <div class="bc-modal-benefit-title">Zugang zu Innovation</div>\r\n
                            </div>\r\n
                        </div>\r\n
        \r\n
                        <div class="bc-modal-benefit-item">\r\n
                            <div class="bc-modal-benefit-icon-container">\r\n
                                <img class="bc-modal-benefit-icon" src="https://res.cloudinary.com/startplatz/image/upload/v1614678469/Icons/keyboard.png" alt="KI-Expertise Icon">\r\n
                            </div>\r\n
                            <div class="bc-modal-benefit-content">\r\n
                                <div class="bc-modal-benefit-title">KI-Expertise</div>\r\n
                            </div>\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
        \r\n
                <!-- Rechte Seite - Text Content -->\r\n
                <div class="bc-partnership-modal-text">\r\n
                    <p><strong>10 Startups pro Batch. 80+ KI-Mentoren. 4 Monate Impact</strong></p>\r\n
                    \r\n
                    <h4>Ausgewählte Vorteile:</h4>\r\n
                    <ul class="bc-partnership-benefits">\r\n
                        <li>\r\n
                            <svg class="bc-benefit-icon" viewBox="0 0 24 24">\r\n
                                <circle cx="12" cy="12" r="3"/>\r\n
                                <path d="M12 1v6m0 6v6m11-7h-6m-6 0H1"/>\r\n
                            </svg>\r\n
                            Beobachterrolle und pre-tests bei effizienter KI Implementierung\r\n
                        </li>\r\n
                        <li>\r\n
                            <svg class="bc-benefit-icon" viewBox="0 0 24 24">\r\n
                                <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>\r\n
                                <circle cx="9" cy="7" r="4"/>\r\n
                                <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>\r\n
                                <path d="M16 3.13a4 4 0 0 1 0 7.75"/>\r\n
                            </svg>\r\n
                            Direkter Zugang zu allen Startups im Accelerator\r\n
                        </li>\r\n
                        <li>\r\n
                            <svg class="bc-benefit-icon" viewBox="0 0 24 24">\r\n
                                <path d="M8 2v4"/>\r\n
                                <path d="M16 2v4"/>\r\n
                                <rect x="3" y="4" width="18" height="18" rx="2"/>\r\n
                                <path d="M3 10h18"/>\r\n
                            </svg>\r\n
                            Teilnahme an internen Accelerator Events\r\n
                        </li>\r\n
                        <li>\r\n
                            <svg class="bc-benefit-icon" viewBox="0 0 24 24">\r\n
                                <path d="M12 2l2 7h7l-5.5 4.5 2 7L12 16l-5.5 4.5 2-7L3 9h7z"/>\r\n
                            </svg>\r\n
                            und vieles mehr\r\n
                        </li>\r\n
                    </ul>\r\n
                    \r\n
                    <a href="https://www.startplatz.de/accelerator" class="bc-modal-crosslink" target="_blank">\r\n
                        → Mehr über den KI Accelerator erfahren\r\n
                    </a>\r\n
                    \r\n
                    <div class="bc-partnership-cta">\r\n
                        <div class="bc-modal-cta-buttons">\r\n
                            <a href="https://calendly.com/julian-palaszewski-startplatz" class="bc-modal-cta-btn bc-modal-cta-primary" target="_blank">\r\n
                                Beratungsgespräch buchen\r\n
                            </a>\r\n
                            <a href="mailto:partner@startplatz.de" class="bc-modal-cta-btn bc-modal-cta-secondary">\r\n
                                Jetzt Anfrage stellen\r\n
                            </a>\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
        </div>\r\n
        \r\n
        <!-- AI Hub Partnership Modal -->\r\n
        <div id="bc-ai-hub-modal" class="bc-partnership-modal">\r\n
        <div class="bc-partnership-modal-content">\r\n
            <div class="bc-partnership-modal-header ai-hub-header">\r\n
                <span class="bc-partnership-modal-close" onclick="bcCloseModal('bc-ai-hub-modal')">&times;</span>\r\n
                <h3 class="bc-partnership-modal-title">AI Hub Partnerschaft</h3>\r\n
            </div>\r\n
            <div class="bc-partnership-modal-body">\r\n
                <!-- Neue Benefits Liste anstatt Kuchendiagramm -->\r\n
                <div class="bc-modal-benefits-container">\r\n
                    <h4 class="bc-modal-benefits-title">Ihre Benefits</h4>\r\n
                    <div class="bc-modal-benefits-list">\r\n
                        <!-- AI Hub: KI-Expertise, Innovation, Akquise -->\r\n
                        <div class="bc-modal-benefit-item">\r\n
                            <div class="bc-modal-benefit-icon-container">\r\n
                                <img class="bc-modal-benefit-icon" src="https://res.cloudinary.com/startplatz/image/upload/v1614678469/Icons/keyboard.png" alt="KI-Expertise Icon">\r\n
                            </div>\r\n
                            <div class="bc-modal-benefit-content">\r\n
                                <div class="bc-modal-benefit-title">KI-Expertise</div>\r\n
                            </div>\r\n
                        </div>\r\n
        \r\n
                        <div class="bc-modal-benefit-item">\r\n
                            <div class="bc-modal-benefit-icon-container">\r\n
                                <img class="bc-modal-benefit-icon" src="https://res.cloudinary.com/startplatz/image/upload/v1614678469/Icons/startup.png" alt="Innovation Icon">\r\n
                            </div>\r\n
                            <div class="bc-modal-benefit-content">\r\n
                                <div class="bc-modal-benefit-title">Zugang zu Innovation</div>\r\n
                            </div>\r\n
                        </div>\r\n
        \r\n
                        <div class="bc-modal-benefit-item">\r\n
                            <div class="bc-modal-benefit-icon-container">\r\n
                                <img class="bc-modal-benefit-icon" src="https://res.cloudinary.com/startplatz/image/upload/v1614678466/Icons/hand-shake.png" alt="Akquise Icon">\r\n
                            </div>\r\n
                            <div class="bc-modal-benefit-content">\r\n
                                <div class="bc-modal-benefit-title">Akquise</div>\r\n
                            </div>\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
        \r\n
                <!-- Rechte Seite - Text Content -->\r\n
                <div class="bc-partnership-modal-text">\r\n
                    <p><strong>Expertise trifft Innovation</strong></p>\r\n
                    \r\n
                    <h4>Ausgewählte Vorteile:</h4>\r\n
                    <ul class="bc-partnership-benefits">\r\n
                        <li>\r\n
                            <svg class="bc-benefit-icon" viewBox="0 0 24 24">\r\n
                                <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>\r\n
                            </svg>\r\n
                            Platzierung als Partner beim AI Hub\r\n
                        </li>\r\n
                        <li>\r\n
                            <svg class="bc-benefit-icon" viewBox="0 0 24 24">\r\n
                                <path d="M8 2v4"/>\r\n
                                <path d="M16 2v4"/>\r\n
                                <rect x="3" y="4" width="18" height="18" rx="2"/>\r\n
                                <path d="M3 10h18"/>\r\n
                            </svg>\r\n
                            Präsenz bei unseren AI-Events, um Ihre Leistungen direkt an die Community zu bringen\r\n
                        </li>\r\n
                        <li>\r\n
                            <svg class="bc-benefit-icon" viewBox="0 0 24 24">\r\n
                                <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>\r\n
                                <circle cx="9" cy="7" r="4"/>\r\n
                                <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>\r\n
                                <path d="M16 3.13a4 4 0 0 1 0 7.75"/>\r\n
                            </svg>\r\n
                            Befähigung Ihrer Mitarbeiter zu Produktivitätssteigerung durch KI\r\n
                        </li>\r\n
                        <li>\r\n
                            <svg class="bc-benefit-icon" viewBox="0 0 24 24">\r\n
                                <path d="M12 2l2 7h7l-5.5 4.5 2 7L12 16l-5.5 4.5 2-7L3 9h7z"/>\r\n
                            </svg>\r\n
                            und vieles mehr\r\n
                        </li>\r\n
                    </ul>\r\n
                    \r\n
                    <a href="https://startplatz-ai-hub.de" class="bc-modal-crosslink" target="_blank">\r\n
                        → Mehr über den AI Hub erfahren\r\n
                    </a>\r\n
                    \r\n
                    <div class="bc-partnership-cta">\r\n
                        <div class="bc-modal-cta-buttons">\r\n
                            <a href="https://calendly.com/julian-palaszewski-startplatz" class="bc-modal-cta-btn bc-modal-cta-primary" target="_blank">\r\n
                                Beratungsgespräch buchen\r\n
                            </a>\r\n
                            <a href="mailto:partner@startplatz.de" class="bc-modal-cta-btn bc-modal-cta-secondary">\r\n
                                Jetzt Anfrage stellen\r\n
                            </a>\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
        </div>\r\n
        \r\n
        \r\n
        <!-- Games Cluster Partnership Modal -->\r\n
        <div id="bc-games-cluster-modal" class="bc-partnership-modal">\r\n
            <div class="bc-partnership-modal-content">\r\n
                <div class="bc-partnership-modal-header games-cluster-header">\r\n
                <span class="bc-partnership-modal-close" onclick="bcCloseModal('bc-games-cluster-modal')">&times;</span>\r\n
                    <h3 class="bc-partnership-modal-title">Games Cluster Partnerschaft</h3>\r\n
                </div>\r\n
                <div class="bc-partnership-modal-body">\r\n
                    <!-- Benefits Liste -->\r\n
                    <div class="bc-modal-benefits-container">\r\n
                        <h4 class="bc-modal-benefits-title">Ihre Benefits</h4>\r\n
                        <div class="bc-modal-benefits-list">\r\n
                            <!-- Gaming Community Access -->\r\n
                            <div class="bc-modal-benefit-item">\r\n
                                <div class="bc-modal-benefit-icon-container">\r\n
                                    <img class="bc-modal-benefit-icon" src="https://res.cloudinary.com/startplatz/image/upload/v1614678467/Icons/team_1.png" alt="Community Icon">\r\n
                                </div>\r\n
                                <div class="bc-modal-benefit-content">\r\n
                                    <div class="bc-modal-benefit-title">Gaming & Startup Community Zugang</div>\r\n
                                </div>\r\n
                            </div>\r\n
        \r\n
                            <!-- Innovation & Startups -->\r\n
                            <div class="bc-modal-benefit-item">\r\n
                                <div class="bc-modal-benefit-icon-container">\r\n
                                    <img class="bc-modal-benefit-icon" src="https://res.cloudinary.com/startplatz/image/upload/v1614678469/Icons/startup.png" alt="Innovation Icon">\r\n
                                </div>\r\n
                                <div class="bc-modal-benefit-content">\r\n
                                    <div class="bc-modal-benefit-title">Sichtbarkeit in der Gaming- und Startup- Szene</div>\r\n
                                </div>\r\n
                            </div>\r\n
        \r\n
                            <!-- Event Präsenz -->\r\n
                            <div class="bc-modal-benefit-item">\r\n
                                <div class="bc-modal-benefit-icon-container">\r\n
                                    <img class="bc-modal-benefit-icon" src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1614678469/Icons/presentation_1.png" alt="Events Icon">\r\n
                                </div>\r\n
                                <div class="bc-modal-benefit-content">\r\n
                                    <div class="bc-modal-benefit-title">Gaming Events & Networking</div>\r\n
                                </div>\r\n
                            </div>\r\n
                        </div>\r\n
                    </div>\r\n
        \r\n
                    <!-- Text Content -->\r\n
                    <div class="bc-partnership-modal-text">\r\n
                        <p><strong>Das Gaming-Ökosystem der Zukunft in Köln</strong></p>\r\n
                        \r\n
                        <h4>Das erwartet Sie:</h4>\r\n
                        <ul class="bc-partnership-benefits">\r\n
                            <li>\r\n
                                <svg class="bc-benefit-icon" viewBox="0 0 24 24">\r\n
                                    <path d="M8 6l4 4 4-4"/>\r\n
                                    <path d="M8 14l4 4 4-4"/>\r\n
                                </svg>\r\n
                                Coworking Space speziell für die Gaming-Industrie\r\n
                            </li>\r\n
                            <li>\r\n
                                <svg class="bc-benefit-icon" viewBox="0 0 24 24">\r\n
                                    <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>\r\n
                                    <circle cx="9" cy="7" r="4"/>\r\n
                                    <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>\r\n
                                    <path d="M16 3.13a4 4 0 0 1 0 7.75"/>\r\n
                                </svg>\r\n
                                Vernetzung mit Gaming-Startups und Entwicklern\r\n
                            </li>\r\n
                            <li>\r\n
                                <svg class="bc-benefit-icon" viewBox="0 0 24 24">\r\n
                                    <path d="M8 2v4"/>\r\n
                                    <path d="M16 2v4"/>\r\n
                                    <rect x="3" y="4" width="18" height="18" rx="2"/>\r\n
                                    <path d="M3 10h18"/>\r\n
                                </svg>\r\n
                                Exklusive Gaming-Events und Veranstaltungen\r\n
                            </li>\r\n
                            <li>\r\n
                                <svg class="bc-benefit-icon" viewBox="0 0 24 24">\r\n
                                    <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>\r\n
                                </svg>\r\n
                                Büro- und Meetingräume im Gaming-Cluster\r\n
                            </li>\r\n
                        </ul>\r\n
                        \r\n
                        <p style="margin-top: 1.5rem; font-style: italic; color: #666;">\r\n
                            STARTPLATZ x Games Syndicate Cologne: Gemeinsam errichten wir im STARTPLATZ Köln ein Gaming-Cluster. Coworking-Plätze, Büros und Community-Events sowie der Zugang zu einem umfangreichen Netzwerkwerk – alles unter einem Dach.\r\n
                        </p>\r\n
                        \r\n
                        <div class="bc-partnership-cta">\r\n
                            <div class="bc-modal-cta-buttons">\r\n
                                <a href="https://calendly.com/julian-palaszewski-startplatz" class="bc-modal-cta-btn bc-modal-cta-primary" target="_blank">\r\n
                                    Beratungsgespräch buchen\r\n
                                </a>\r\n
                                <a href="mailto:partner@startplatz.de?subject=Games%20Cluster%20Partnerschaft" class="bc-modal-cta-btn bc-modal-cta-secondary">\r\n
                                    Interesse anmelden\r\n
                                </a>\r\n
                            </div>\r\n
                            \r\n
                            <a href="https://games-syndicate-cologne.com" class="bc-modal-crosslink" target="_blank">\r\n
                                → Mehr über Games Syndicate Cologne\r\n
                            </a>\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
        \r\n
        \r\n
        \r\n
        <script>\r\n
        \r\n
        // ====================================\r\n
        // STARTPLATZ Business Club Website - Complete JavaScript\r\n
        // ====================================\r\n
        \r\n
        document.addEventListener('DOMContentLoaded', function() {\r\n
            // CSS Smooth Scrolling deaktivieren für JavaScript-Kontrolle\r\n
            document.documentElement.style.scrollBehavior = 'auto';\r\n
            \r\n
            // Initialize all components\r\n
            initBenefitsAccordion();\r\n
            initNavigation();\r\n
            initScrollSpy();\r\n
            initCounterAnimation();\r\n
            initModalHandlers();\r\n
            \r\n
            // Show initial event (if needed)\r\n
            if (typeof bcShowEvent === 'function') {\r\n
                bcShowEvent(0, 'none');\r\n
            }\r\n
        });\r\n
        \r\n
        // ====================================\r\n
        // BENEFITS ACCORDION FUNCTIONALITY\r\n
        // ====================================\r\n
        function initBenefitsAccordion() {\r\n
            const benefitItems = document.querySelectorAll('.benefit-item');\r\n
            \r\n
            benefitItems.forEach(item => {\r\n
                const header = item.querySelector('.benefit-header');\r\n
                const detail = item.querySelector('.benefit-detail');\r\n
                \r\n
                if (header && detail) {\r\n
                    header.addEventListener('click', function() {\r\n
                        const isActive = item.classList.contains('active');\r\n
                        \r\n
                        // Close all other benefit items\r\n
                        benefitItems.forEach(otherItem => {\r\n
                            if (otherItem !== item) {\r\n
                                otherItem.classList.remove('active');\r\n
                                const otherDetail = otherItem.querySelector('.benefit-detail');\r\n
                                if (otherDetail) {\r\n
                                    otherDetail.classList.remove('active');\r\n
                                }\r\n
                            }\r\n
                        });\r\n
                        \r\n
                        // Toggle current item\r\n
                        if (isActive) {\r\n
                            item.classList.remove('active');\r\n
                            detail.classList.remove('active');\r\n
                        } else {\r\n
                            item.classList.add('active');\r\n
                            detail.classList.add('active');\r\n
                        }\r\n
                    });\r\n
                }\r\n
            });\r\n
        }\r\n
        \r\n
        // ====================================\r\n
        // NAVIGATION & SMOOTH SCROLLING\r\n
        // ====================================\r\n
        function initNavigation() {\r\n
            const navLinks = document.querySelectorAll('.bc-nav-item');\r\n
            \r\n
            // Navigation Links Handler\r\n
            navLinks.forEach(link => {\r\n
                link.addEventListener('click', function(e) {\r\n
                    e.preventDefault();\r\n
                    \r\n
                    // Active state setzen\r\n
                    navLinks.forEach(l => l.classList.remove('active'));\r\n
                    this.classList.add('active');\r\n
                    \r\n
                    const targetId = this.getAttribute('href').substring(1);\r\n
                    scrollToSection(targetId);\r\n
                });\r\n
            });\r\n
            \r\n
            // CTA Buttons Handler für interne Links\r\n
            document.querySelectorAll('a[href^="#"]').forEach(button => {\r\n
                // Skip navigation items (already handled above)\r\n
                if (button.classList.contains('bc-nav-item')) return;\r\n
                \r\n
                button.addEventListener('click', function(e) {\r\n
                    const href = this.getAttribute('href');\r\n
                    if (href && href.startsWith('#') && href !== '#') {\r\n
                        e.preventDefault();\r\n
                        \r\n
                        const targetId = href.substring(1);\r\n
                        scrollToSection(targetId);\r\n
                    }\r\n
                });\r\n
            });\r\n
        }\r\n
        \r\n
        function scrollToSection(targetId) {\r\n
            const targetElement = document.getElementById(targetId);\r\n
            if (!targetElement) return;\r\n
            \r\n
            // Responsive Offset berechnen\r\n
            const isMobile = window.innerWidth <= 767;\r\n
            const headerOffset = isMobile ? 20 : 170;\r\n
            \r\n
            // Position berechnen\r\n
            const elementRect = targetElement.getBoundingClientRect();\r\n
            const targetPosition = window.pageYOffset + elementRect.top - headerOffset;\r\n
            \r\n
            // Smooth scroll mit kontrollierter Geschwindigkeit\r\n
            smoothScrollTo(targetPosition, 1500);\r\n
        }\r\n
        \r\n
        function smoothScrollTo(targetPosition, duration = 1500) {\r\n
            const startPosition = window.pageYOffset;\r\n
            const distance = targetPosition - startPosition;\r\n
            let startTime = null;\r\n
            \r\n
            // Easing function für natürlichere Animation\r\n
            function easeOutQuart(t) {\r\n
                return 1 - (--t) * t * t * t;\r\n
            }\r\n
            \r\n
            function animation(currentTime) {\r\n
                if (startTime === null) startTime = currentTime;\r\n
                const timeElapsed = currentTime - startTime;\r\n
                const progress = Math.min(timeElapsed / duration, 1);\r\n
                \r\n
                const easedProgress = easeOutQuart(progress);\r\n
                const currentPosition = startPosition + (distance * easedProgress);\r\n
                \r\n
                window.scrollTo(0, currentPosition);\r\n
                \r\n
                if (progress < 1) {\r\n
                    requestAnimationFrame(animation);\r\n
                }\r\n
            }\r\n
            \r\n
            requestAnimationFrame(animation);\r\n
        }\r\n
        \r\n
        // ====================================\r\n
        // SCROLL SPY FUNCTIONALITY\r\n
        // ====================================\r\n
        function initScrollSpy() {\r\n
            const navLinks = document.querySelectorAll('.bc-nav-item');\r\n
            const mainSections = ['benefits', 'partnerschaftsmodelle', 'events-services', 'weitere-angebote'];\r\n
            \r\n
            const scrollSpyObserver = new IntersectionObserver((entries) => {\r\n
                entries.forEach(entry => {\r\n
                    if (entry.isIntersecting) {\r\n
                        const currentId = entry.target.id;\r\n
                        \r\n
                        // Entsprechenden Navigation Link aktivieren\r\n
                        navLinks.forEach(link => {\r\n
                            link.classList.remove('active');\r\n
                            if (link.getAttribute('href') === `#${currentId}`) {\r\n
                                link.classList.add('active');\r\n
                            }\r\n
                        });\r\n
                    }\r\n
                });\r\n
            }, {\r\n
                threshold: 0.3,\r\n
                rootMargin: '-100px 0px -60% 0px'\r\n
            });\r\n
            \r\n
            // Sections für Scroll Spy beobachten\r\n
            mainSections.forEach(sectionId => {\r\n
                const section = document.getElementById(sectionId);\r\n
                if (section) {\r\n
                    scrollSpyObserver.observe(section);\r\n
                }\r\n
            });\r\n
        }\r\n
        \r\n
        // ====================================\r\n
        // PARTNERSHIP MODAL FUNCTIONALITY\r\n
        // ====================================\r\n
        function initModalHandlers() {\r\n
            // Close modal when clicking outside\r\n
            window.onclick = function(event) {\r\n
                if (event.target.classList.contains('bc-partnership-modal')) {\r\n
                    event.target.style.display = 'none';\r\n
                    document.body.style.overflow = '';\r\n
                }\r\n
            }\r\n
            \r\n
            // Close modal with ESC key\r\n
            document.addEventListener('keydown', function(event) {\r\n
                if (event.key === 'Escape') {\r\n
                    const modals = document.querySelectorAll('.bc-partnership-modal');\r\n
                    modals.forEach(modal => {\r\n
                        if (modal.style.display === 'block') {\r\n
                            modal.style.display = 'none';\r\n
                            document.body.style.overflow = '';\r\n
                        }\r\n
                    });\r\n
                }\r\n
            });\r\n
        }\r\n
        \r\n
        function bcOpenModal(modalId) {\r\n
            const modal = document.getElementById(modalId);\r\n
            if (modal) {\r\n
                modal.style.display = 'block';\r\n
                document.body.style.overflow = 'hidden';\r\n
            }\r\n
        }\r\n
        \r\n
        function bcCloseModal(modalId) {\r\n
            const modal = document.getElementById(modalId);\r\n
            if (modal) {\r\n
                modal.style.display = 'none';\r\n
                document.body.style.overflow = '';\r\n
            }\r\n
        }\r\n
        \r\n
        // ====================================\r\n
        // COUNTER ANIMATION FOR STATISTICS\r\n
        // ====================================\r\n
        function initCounterAnimation() {\r\n
            const aboutObserverOptions = {\r\n
                threshold: 0.5,\r\n
                rootMargin: '0px 0px -100px 0px'\r\n
            };\r\n
        \r\n
            const aboutObserver = new IntersectionObserver((entries) => {\r\n
                entries.forEach(entry => {\r\n
                    if (entry.isIntersecting) {\r\n
                        const counters = entry.target.querySelectorAll('.bc-stat-number');\r\n
                        counters.forEach(counter => {\r\n
                            const target = parseInt(counter.getAttribute('data-target'));\r\n
                            if (!isNaN(target)) {\r\n
                                animateCounter(counter, target);\r\n
                            }\r\n
                        });\r\n
                        aboutObserver.unobserve(entry.target);\r\n
                    }\r\n
                });\r\n
            }, aboutObserverOptions);\r\n
        \r\n
            // Initialize counter animation\r\n
            const aboutSection = document.querySelector('.bc-about-section');\r\n
            if (aboutSection) {\r\n
                aboutObserver.observe(aboutSection);\r\n
            }\r\n
        }\r\n
        \r\n
        function animateCounter(element, target, duration = 2000) {\r\n
            const start = 0;\r\n
            const increment = target / (duration / 16);\r\n
            let current = start;\r\n
            \r\n
            element.classList.add('counting');\r\n
            \r\n
            const timer = setInterval(() => {\r\n
                current += increment;\r\n
                if (current >= target) {\r\n
                    element.textContent = target;\r\n
                    clearInterval(timer);\r\n
                    element.classList.remove('counting');\r\n
                } else {\r\n
                    element.textContent = Math.floor(current);\r\n
                }\r\n
            }, 16);\r\n
        }\r\n
        \r\n
        // ====================================\r\n
        // RESPONSIVE HANDLER\r\n
        // ====================================\r\n
        let resizeTimer;\r\n
        window.addEventListener('resize', function() {\r\n
            clearTimeout(resizeTimer);\r\n
            resizeTimer = setTimeout(updateScrollBehavior, 100);\r\n
        });\r\n
        \r\n
        function updateScrollBehavior() {\r\n
            // Scroll margins bei Resize anpassen\r\n
            const sections = document.querySelectorAll('.bc-benefits, .bc-partnership-models, .events-services-corp-section, .bc-further-offers');\r\n
            const isMobile = window.innerWidth <= 767;\r\n
            \r\n
            sections.forEach(section => {\r\n
                section.style.scrollMarginTop = isMobile ? '20px' : '170px';\r\n
            });\r\n
        }\r\n
        \r\n
        // ====================================\r\n
        // GLOBAL FUNCTIONS (for backward compatibility)\r\n
        // ====================================\r\n
        \r\n
        // Legacy function if needed elsewhere\r\n
        function bcShowEvent(index, display) {\r\n
            // Implementation if needed for other parts of the site\r\n
            console.log('bcShowEvent called with:', index, display);\r\n
        }\r\n
        \r\n
        // Make modal functions globally available\r\n
        window.bcOpenModal = bcOpenModal;\r\n
        window.bcCloseModal = bcCloseModal;\r\n
        \r\n
        // ====================================\r\n
        // INITIALIZATION COMPLETE\r\n
        // ====================================\r\n
        console.log('STARTPLATZ Website JavaScript initialized successfully');\r\n
        \r\n
        \r\n
        \r\n
        // ====================================\r\n
        // MOBILE MODAL HEADER FIX\r\n
        // ====================================\r\n
        \r\n
        // CSS Styles hinzufügen für die Header-Versteckung\r\n
        function addModalHeaderStyles() {\r\n
            const style = document.createElement('style');\r\n
            style.id = 'modal-header-fix-styles';\r\n
            style.textContent = `\r\n
                /* Mobile Modal Header Fix */\r\n
                @media (max-width: 767px) {\r\n
                    .navbar.modal-hide-header {\r\n
                        transform: translateY(-100%);\r\n
                        transition: transform 0.3s ease;\r\n
                    }\r\n
                    \r\n
                    /* Modal anpassungen für mobile ohne Header */\r\n
                    .bc-partnership-modal.mobile-no-header .bc-partnership-modal-content {\r\n
                        margin: 5% auto;\r\n
                        max-height: 95vh;\r\n
                        width: 98%;\r\n
                    }\r\n
                    \r\n
                    .bc-partnership-modal.mobile-no-header .bc-partnership-modal-header {\r\n
                        padding: 1.5rem;\r\n
                        position: relative;\r\n
                        z-index: 1002;\r\n
                    }\r\n
                    \r\n
                    .bc-partnership-modal.mobile-no-header .bc-partnership-modal-close {\r\n
                        position: absolute;\r\n
                        right: 1rem;\r\n
                        top: 1rem;\r\n
                        width: 35px;\r\n
                        height: 35px;\r\n
                        font-size: 1.5rem;\r\n
                        z-index: 1003;\r\n
                    }\r\n
                }\r\n
            `;\r\n
            document.head.appendChild(style);\r\n
        }\r\n
        \r\n
        // Header Element finden\r\n
        function getHeaderElement() {\r\n
            return document.querySelector('.navbar.fixed-top') || \r\n
                   document.querySelector('nav.navbar') || \r\n
                   document.querySelector('.navbar');\r\n
        }\r\n
        \r\n
        // Prüfen ob Mobile Device\r\n
        function isMobileDevice() {\r\n
            return window.innerWidth <= 767;\r\n
        }\r\n
        \r\n
        // Header verstecken (nur mobile)\r\n
        function hideHeaderOnMobile() {\r\n
            if (!isMobileDevice()) return;\r\n
            \r\n
            const header = getHeaderElement();\r\n
            if (header) {\r\n
                header.classList.add('modal-hide-header');\r\n
            }\r\n
        }\r\n
        \r\n
        // Header wieder anzeigen\r\n
        function showHeader() {\r\n
            const header = getHeaderElement();\r\n
            if (header) {\r\n
                header.classList.remove('modal-hide-header');\r\n
            }\r\n
        }\r\n
        \r\n
        // Modal öffnen mit Header-Management\r\n
        function bcOpenModalWithHeaderFix(modalId) {\r\n
            const modal = document.getElementById(modalId);\r\n
            if (!modal) return;\r\n
            \r\n
            // Header verstecken auf Mobile\r\n
            hideHeaderOnMobile();\r\n
            \r\n
            // Modal öffnen\r\n
            modal.style.display = 'block';\r\n
            document.body.style.overflow = 'hidden';\r\n
            \r\n
            // Mobile-spezifische Klasse hinzufügen\r\n
            if (isMobileDevice()) {\r\n
                modal.classList.add('mobile-no-header');\r\n
            }\r\n
        }\r\n
        \r\n
        // Modal schließen mit Header-Management\r\n
        function bcCloseModalWithHeaderFix(modalId) {\r\n
            const modal = document.getElementById(modalId);\r\n
            if (!modal) return;\r\n
            \r\n
            // Modal schließen\r\n
            modal.style.display = 'none';\r\n
            document.body.style.overflow = '';\r\n
            \r\n
            // Header wieder anzeigen\r\n
            showHeader();\r\n
            \r\n
            // Mobile-spezifische Klasse entfernen\r\n
            modal.classList.remove('mobile-no-header');\r\n
        }\r\n
        \r\n
        // Erweiterte Modal Handler Initialisierung\r\n
        function initEnhancedModalHandlers() {\r\n
            // Styles hinzufügen\r\n
            addModalHeaderStyles();\r\n
            \r\n
            // Bestehende Modal Handler überschreiben\r\n
            window.bcOpenModal = bcOpenModalWithHeaderFix;\r\n
            window.bcCloseModal = bcCloseModalWithHeaderFix;\r\n
            \r\n
            // Click outside Modal Handler\r\n
            window.onclick = function(event) {\r\n
                if (event.target.classList.contains('bc-partnership-modal')) {\r\n
                    const modalId = event.target.id;\r\n
                    bcCloseModalWithHeaderFix(modalId);\r\n
                }\r\n
            }\r\n
            \r\n
            // ESC Key Handler\r\n
            document.addEventListener('keydown', function(event) {\r\n
                if (event.key === 'Escape') {\r\n
                    const modals = document.querySelectorAll('.bc-partnership-modal');\r\n
                    modals.forEach(modal => {\r\n
                        if (modal.style.display === 'block') {\r\n
                            bcCloseModalWithHeaderFix(modal.id);\r\n
                        }\r\n
                    });\r\n
                }\r\n
            });\r\n
            \r\n
            // Resize Handler - Header wieder anzeigen wenn von Mobile zu Desktop gewechselt wird\r\n
            let resizeTimer;\r\n
            window.addEventListener('resize', function() {\r\n
                clearTimeout(resizeTimer);\r\n
                resizeTimer = setTimeout(() => {\r\n
                    // Wenn nicht mehr mobile, Header wieder anzeigen\r\n
                    if (!isMobileDevice()) {\r\n
                        showHeader();\r\n
                        // Mobile-spezifische Klassen von allen Modals entfernen\r\n
                        document.querySelectorAll('.bc-partnership-modal').forEach(modal => {\r\n
                            modal.classList.remove('mobile-no-header');\r\n
                        });\r\n
                    }\r\n
                }, 100);\r\n
            });\r\n
            \r\n
            // Orientierung Change Handler für Mobile\r\n
            window.addEventListener('orientationchange', function() {\r\n
                setTimeout(() => {\r\n
                    const openModal = document.querySelector('.bc-partnership-modal[style*="block"]');\r\n
                    if (openModal && isMobileDevice()) {\r\n
                        hideHeaderOnMobile();\r\n
                        openModal.classList.add('mobile-no-header');\r\n
                    }\r\n
                }, 100);\r\n
            });\r\n
        }\r\n
        \r\n
        // Initialisierung in den bestehenden DOMContentLoaded Event einfügen\r\n
        document.addEventListener('DOMContentLoaded', function() {\r\n
            // Bestehende Initialisierung...\r\n
            \r\n
            // Neue Enhanced Modal Handler initialisieren\r\n
            initEnhancedModalHandlers();\r\n
            \r\n
            console.log('Mobile Modal Header Fix initialized');\r\n
        });\r\n
        \r\n
        \r\n
        \r\n
        </script>\r\n
        </body>\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="sfwdt0d4946" class="sf-toolbar sf-display-none" role="region" aria-label="Symfony Web Debug Toolbar">    <!-- START of Symfony Web Debug Toolbar --><div id="sfMiniToolbar-0d4946" class="sf-minitoolbar" data-no-turbolink data-turbo="false">    <button type="button" title="Show Symfony toolbar" id="sfToolbarMiniToggler-0d4946" accesskey="D" aria-expanded="false" aria-controls="sfToolbarMainContent-0d4946">        <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-0d4946" class="sf-toolbar-clearer"></div><div id="sfToolbarMainContent-0d4946" 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/0d4946?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-0d4946"></span>        </div>        <div class="sf-toolbar-info-piece">            <b>                <button class="sf-cancel-button" type="button" id="sfLoadCancel-0d4946" title="Cancel loading">Cancel</button>            </b>        </div>    </div></div>                                <button class="hide-button" type="button" id="sfToolbarHideButton-0d4946" title="Close Toolbar" accesskey="D" aria-expanded="true" aria-controls="sfToolbarMainContent-0d4946">        <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="56b56c076be362fd5b005b72c1274c25">/*<![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="e467360da9fcffd3e4ee0331d0298d4b">    .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="56b56c076be362fd5b005b72c1274c25">/*<![CDATA[*/    (function () {        Sfjs.loadToolbar('0d4946');    })();/*]]>*/</script>\n
    </body>\n
    </html>\n
    """
  #version: "1.1"
  #statusCode: 200
  #statusText: "OK"
  #charset: "UTF-8"
}