Symfony Profiler

Last 10 Latest Search

Settings

PassthruController :: passthruAction

Request

GET Parameters

No GET parameters

POST Parameters

No POST parameters

Uploaded Files

No files were uploaded

Request Attributes

Key	Value
_access_control_attributes	[`"PUBLIC_ACCESS"`]
_controller	"Startplatz\Bundle\WordpressIntegrationBundle\Controller\PassthruController::passthruAction"
_firewall_context	"security.firewall.map.context.main"
_route	"startplatz_wordpress_passthru"
_route_params	[`"path" => "en/accelerator/"`]
_stopwatch_token	"26274b"
_wordpressResponse	Symfony\Component\HttpFoundation\Response {#5132+headers: Symfony\Component\HttpFoundation\ResponseHeaderBag {#2936 …} #content: """ <!DOCTYPE html>\n <html lang="de">\n <head>\n <!-- header-accelerator.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.staging.startplatz.de/xmlrpc.php">\n \n <!-- Favicons -->\n <link rel="icon" href="/favicon.png" sizes="32x32">\n \n <!-- Google Analytics -->\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 gtag('config', 'G-XYVL4EFW9X');\n </script>\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 \n <!-- Facebook Pixel -->\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" src="https://www.facebook.com/tr?id=380666967734105&ev=PageView&noscript=1"/>\n </noscript>\n \n <!-- Google Fonts - Source Sans Pro -->\n <link rel="preconnect" href="https://fonts.googleapis.com">\n <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>\n <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700;800&display=swap" rel="stylesheet">\n \n <!-- WordPress Head -->\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>Accelerator - STARTPLATZ</title>\n \t<link rel="canonical" href="https://www.staging.startplatz.de/en/accelerator/" />\n \t<meta property="og:locale" content="de_DE" />\n \t<meta property="og:type" content="article" />\n \t<meta property="og:title" content="Accelerator" />\n \t<meta property="og:description" content="STARTPLATZ AI Accelerator NRW For startups of all industries Scale your startup with the power of AI. 4 months. 10 startups. One mission: We integrate AI into your growth strategy. Discover program Apply now → 📅 Apply until March 22, 2026 📅 Batch 2 starts in April 2026 STARTPLATZ Track Record – Startup & AI […]" />\n \t<meta property="og:url" content="https://www.staging.startplatz.de/en/accelerator/" />\n \t<meta property="og:site_name" content="STARTPLATZ" />\n \t<meta property="article:modified_time" content="2026-02-24T20:40:18+00:00" />\n \t<meta property="og:image" content="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_500/v1605258752/accelerator/Website/Icons/STARTPLATZ-Accelerator-Logo-schwarz-neu_1.png" />\n \t<meta name="twitter:label1" content="Geschätzte Lesezeit" />\n \t<meta name="twitter:data1" content="11 Minuten" />\n \t<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.staging.startplatz.de/en/accelerator/","url":"https://www.staging.startplatz.de/en/accelerator/","name":"Accelerator - STARTPLATZ","isPartOf":{"@id":"https://www.staging.startplatz.de/#website"},"primaryImageOfPage":{"@id":"https://www.staging.startplatz.de/en/accelerator/#primaryimage"},"image":{"@id":"https://www.staging.startplatz.de/en/accelerator/#primaryimage"},"thumbnailUrl":"https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_500/v1605258752/accelerator/Website/Icons/STARTPLATZ-Accelerator-Logo-schwarz-neu_1.png","datePublished":"2025-09-04T19:43:03+00:00","dateModified":"2026-02-24T20:40:18+00:00","breadcrumb":{"@id":"https://www.staging.startplatz.de/en/accelerator/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https://www.staging.startplatz.de/en/accelerator/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https://www.staging.startplatz.de/en/accelerator/#primaryimage","url":"https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_500/v1605258752/accelerator/Website/Icons/STARTPLATZ-Accelerator-Logo-schwarz-neu_1.png","contentUrl":"https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_500/v1605258752/accelerator/Website/Icons/STARTPLATZ-Accelerator-Logo-schwarz-neu_1.png"},{"@type":"BreadcrumbList","@id":"https://www.staging.startplatz.de/en/accelerator/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.staging.startplatz.de/"},{"@type":"ListItem","position":2,"name":"STARTPLATZ: the hotspot of the NRW Startup-Scene","item":"https://www.staging.startplatz.de/en/"},{"@type":"ListItem","position":3,"name":"Accelerator"}]},{"@type":"WebSite","@id":"https://www.staging.startplatz.de/#website","url":"https://www.staging.startplatz.de/","name":"STARTPLATZ","description":"Startup Inkubator in Köln und Düsseldorf","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.staging.startplatz.de/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}</script>\n \t<!-- / Yoast SEO Premium plugin. -->\n \n \n <link rel='dns-prefetch' href='//www.staging.startplatz.de' />\n <link rel="alternate" type="application/rss+xml" title="STARTPLATZ » Feed" href="https://www.staging.startplatz.de/feed/" />\n <link rel="alternate" type="application/rss+xml" title="STARTPLATZ » Kommentar-Feed" href="https://www.staging.startplatz.de/comments/feed/" />\n <script type="text/javascript">\n /* <![CDATA[ /\n window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.staging.startplatz.de\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.8.3"}};\n /! This file is auto-generated /\n !function(s,n){var o,i,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),a=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===a[t]})}function u(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);for(var n=e.getImageData(16,16,1,1),a=0;a<n.data.length;a++)if(0!==n.data[a])return!1;return!0}function f(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\udedf")}return!1}function g(e,t,n,a){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):s.createElement("canvas"),o=r.getContext("2d",{willReadFrequently:!0}),i=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(function(e){i[e]=t(o,e,n,a)}),i}function t(e){var t=s.createElement("script");t.src=e,t.defer=!0,s.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",i=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){s.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+g.toString()+"("+[JSON.stringify(i),f.toString(),p.toString(),u.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"}),r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=function(e){c(n=e.data),r.terminate(),t(n)})}catch(e){}c(n=g(i,f,p,u))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything\|\|(n.readyCallback(),(e=n.source\|\|{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);\n / ]]> /\n </script>\n <style id='wp-emoji-styles-inline-css' type='text/css'>\n \n \timg.wp-smiley, img.emoji {\n \t\tdisplay: inline !important;\n \t\tborder: none !important;\n \t\tbox-shadow: none !important;\n \t\theight: 1em !important;\n \t\twidth: 1em !important;\n \t\tmargin: 0 0.07em !important;\n \t\tvertical-align: -0.1em !important;\n \t\tbackground: none !important;\n \t\tpadding: 0 !important;\n \t}\n </style>\n <link rel='stylesheet' id='wp-block-library-css' href='https://www.staging.startplatz.de/wp-includes/css/dist/block-library/style.min.css?ver=6.8.3' type='text/css' media='all' />\n <style id='classic-theme-styles-inline-css' type='text/css'>\n /! This file is auto-generated /\n .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}\n </style>\n <style id='global-styles-inline-css' type='text/css'>\n :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}\n :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}\n :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}\n :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}\n </style>\n <link rel='stylesheet' id='mc4wp-form-styles-builder-css' href='//www.staging.startplatz.de/wp-content/uploads/mc4wp-stylesheets/bundle.css?ver=1649164263' type='text/css' media='all' />\n <link rel="https://api.w.org/" href="https://www.staging.startplatz.de/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.staging.startplatz.de/wp-json/wp/v2/pages/79104" /><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=79104' />\n <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.staging.startplatz.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.staging.startplatz.de%2Fen%2Faccelerator%2F" />\n <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.staging.startplatz.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.staging.startplatz.de%2Fen%2Faccelerator%2F&format=xml" />\n \n \n <!-- Basic Reset Styles -->\n <style>\n {\n box-sizing: border-box;\n }\n \n body {\n margin: 0;\n padding: 0;\n font-family: 'Source Sans Pro', Arial, sans-serif;\n line-height: 1.6;\n }\n \n img {\n max-width: 100%;\n height: auto;\n }\n </style>\n <!-- header-accelerator.php ends -->\n \n <!-- Custom CSS per page (after Bootstrap) -->\n \n <style id="page-custom-css">\n /* Reset & Base Styles /\r\n {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n \r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n line-height: 1.6;\r\n color: #525459;\r\n background-color: #ffffff;\r\n }\r\n \r\n /* Typography /\r\n h1, h2, h3, h4, h5, h6 {\r\n font-weight: 700;\r\n line-height: 1.3;\r\n color: #525459;\r\n }\r\n \r\n h1 { font-size: 3rem; }\r\n h2 { font-size: 2.5rem; }\r\n h3 { font-size: 2rem; }\r\n h4 { font-size: 1.5rem; }\r\n \r\n p { font-weight: 400; line-height: 1.6; }\r\n \r\n / Colors /\r\n :root {\r\n --primary-green: #7AB800;\r\n --secondary-blue: #0066CC;\r\n --dark-gray: #333333;\r\n --text-gray: #525459;\r\n --light-gray: #f8f9fa;\r\n --white: #ffffff;\r\n --gradient-primary: linear-gradient(135deg, #7AB800 0%, #8CC619 100%);\r\n --gradient-secondary: linear-gradient(135deg, #0066CC 0%, #4A90E2 100%);\r\n --gradient-hero: linear-gradient(135deg, rgba(122, 184, 0, 0.9) 0%, rgba(0, 102, 204, 0.8) 100%);\r\n --shadow-light: 0 4px 20px rgba(0,0,0,0.1);\r\n --shadow-heavy: 0 20px 60px rgba(0,0,0,0.3);\r\n }\r\n \r\n / Layout Utilities /\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n \r\n .section {\r\n padding: 80px 0;\r\n }\r\n \r\n .text-center { text-align: center; }\r\n \r\n / Buttons /\r\n .btn {\r\n display: inline-block;\r\n padding: 16px 32px;\r\n border: none;\r\n border-radius: 8px;\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-align: center;\r\n }\r\n \r\n .btn-primary {\r\n background-color: var(--primary-green);\r\n color: white;\r\n }\r\n \r\n .btn-primary:hover {\r\n background-color: #6da000;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 25px rgba(122, 184, 0, 0.3);\r\n }\r\n \r\n .btn-secondary {\r\n background-color: transparent;\r\n color: var(--primary-green);\r\n border: 2px solid var(--primary-green);\r\n }\r\n \r\n .btn-secondary:hover {\r\n background-color: var(--primary-green);\r\n color: white;\r\n }\r\n \r\n / Erweiterte Program Banner Navigation /\r\n .program-banner {\r\n background: linear-gradient(135deg, #0066CC 0%, #4A90E2 100%);\r\n color: white;\r\n padding: 12px 0;\r\n text-align: center;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n width: 100%;\r\n margin-top: 0px;\r\n z-index: 1000;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .banner-content {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n gap: 30px;\r\n }\r\n \r\n .banner-text {\r\n font-weight: 800;\r\n font-size: 0.95rem;\r\n margin-right: 20px;\r\n }\r\n \r\n .banner-nav {\r\n display: flex;\r\n gap: 25px;\r\n align-items: center;\r\n }\r\n \r\n .banner-nav-item {\r\n color: white;\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: 0.9rem;\r\n padding: 8px 16px;\r\n border-radius: 20px;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n white-space: nowrap;\r\n }\r\n \r\n .banner-nav-item:hover {\r\n background: rgba(255, 255, 255, 0.2);\r\n transform: translateY(-1px);\r\n color: white !important;\r\n text-decoration: none !important;\r\n }\r\n \r\n .banner-nav-item.active {\r\n background: rgba(255, 255, 255, 0.25);\r\n box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);\r\n }\r\n \r\n \r\n / Language Toggle im Banner /\r\n .language-toggle-banner {\r\n background: rgba(255, 255, 255, 0.1) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n border-radius: 6px !important;\r\n padding: 6px 12px !important;\r\n margin-left: 15px !important;\r\n font-weight: 600 !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n \r\n .language-toggle-banner:hover {\r\n background: rgba(255, 255, 255, 0.2) !important;\r\n transform: translateY(-1px) !important;\r\n border-color: rgba(255, 255, 255, 0.4) !important;\r\n }\r\n \r\n / Responsive für mobile Banner-Navigation /\r\n @media (max-width: 768px) {\r\n .language-toggle-banner {\r\n margin-left: 0 !important;\r\n margin-top: 10px !important;\r\n }\r\n }\r\n \r\n \r\n / Mobile Responsive /\r\n @media (max-width: 768px) {\r\n .program-banner {\r\n padding: 8px 0;\r\n }\r\n \r\n .banner-content {\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n \r\n .banner-text {\r\n font-size: 0.85rem;\r\n margin-right: 0;\r\n }\r\n \r\n .banner-nav {\r\n gap: 15px;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n \r\n .banner-nav-item {\r\n font-size: 0.8rem;\r\n padding: 6px 12px;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .banner-nav {\r\n gap: 8px;\r\n }\r\n \r\n .banner-nav-item {\r\n font-size: 0.75rem;\r\n padding: 4px 8px;\r\n }\r\n }\r\n \r\n \r\n / Sections mit IDs für Navigation /\r\n .hero { padding-top: 200px; }\r\n .section { scroll-margin-top: 120px; }\r\n \r\n \r\n / Erweiterte Navigation in Program Banner /\r\n \r\n \r\n \r\n .section {\r\n scroll-margin-top: 120px;\r\n }\r\n \r\n \r\n \r\n / Hero Section /\r\n / Erweiterte Hero-Section mit nahtlosem Übergang /\r\n .hero {\r\n background: linear-gradient(135deg, #7AB800 0%, #4A90E2 100%);\r\n padding: 0;\r\n min-height: 75vh;\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n overflow: hidden;\r\n padding-bottom: 0 !important; / Kein Abstand nach unten /\r\n }\r\n \r\n / Statistics direkt angehängt /\r\n / NEU - Ohne Schatten und Margin /\r\n .hero-statistics-extended {\r\n background: white;\r\n padding: 80px 0;\r\n margin: 0;\r\n }\r\n \r\n .hero-statistics-extended h2 {\r\n color: var(--dark-gray) !important;\r\n text-shadow: none !important;\r\n }\r\n \r\n .stat-logo-img-ai {\r\n height: 60px;\r\n width: auto;\r\n / Kein Filter - zeigt das Logo in Originalfarben (schwarz auf transparent) /\r\n }\r\n \r\n / Responsive Anpassungen /\r\n @media (max-width: 768px) {\r\n .hero-statistics-extended {\r\n padding: 60px 0;\r\n margin: 0; / GEÄNDERT /\r\n }\r\n \r\n .hero-statistics-extended h2 {\r\n font-size: 1.8rem !important;\r\n color: var(--dark-gray) !important; / NEU /\r\n text-shadow: none !important; / NEU /\r\n }\r\n \r\n \r\n .stat-logo-img-fixed,\r\n .stat-logo-img-ai {\r\n height: 50px;\r\n }\r\n }\r\n \r\n / Bestehende CSS bleibt unverändert /\r\n .hero-content {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n align-items: center;\r\n min-height: 65vh; \r\n padding: 80px 0 20px; \r\n }\r\n \r\n .hero-text {\r\n color: white;\r\n max-width: 600px;\r\n }\r\n \r\n .hero-title {\r\n font-size: 4rem;\r\n font-weight: 900;\r\n line-height: 1.1;\r\n margin-bottom: 20px;\r\n color: white;\r\n text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\r\n }\r\n \r\n .hero-subtitle-main {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n line-height: 1.2;\r\n margin-bottom: 30px;\r\n color: white;\r\n text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\r\n }\r\n \r\n .hero-subtitle-main .highlight {\r\n text-decoration: underline;\r\n text-decoration-thickness: 4px;\r\n text-underline-offset: 8px;\r\n }\r\n \r\n .hero-description {\r\n font-size: 1.2rem;\r\n margin-bottom: 40px;\r\n color: rgba(255, 255, 255, 0.95);\r\n line-height: 1.6;\r\n }\r\n \r\n .hero-cta-group {\r\n display: flex;\r\n gap: 20px;\r\n margin-bottom: 50px;\r\n }\r\n \r\n .btn-hero-primary {\r\n background: white;\r\n color: #2d7a2f;\r\n padding: 18px 36px;\r\n border-radius: 30px;\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.2);\r\n text-align: center;\r\n min-width: 200px;\r\n }\r\n \r\n .btn-hero-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 30px rgba(0,0,0,0.3);\r\n text-decoration: none;\r\n }\r\n \r\n .btn-hero-secondary {\r\n background: transparent;\r\n color: white;\r\n border: 2px solid white;\r\n padding: 18px 36px;\r\n border-radius: 30px;\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n text-align: center;\r\n min-width: 200px;\r\n }\r\n \r\n .btn-hero-secondary:hover {\r\n background: white;\r\n color: #2d7a2f;\r\n transform: translateY(-2px);\r\n text-decoration: none;\r\n }\r\n \r\n .hero-image {\r\n width: 100%;\r\n max-width: 700px;\r\n height: 350px;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n position: relative;\r\n box-shadow: 0 20px 60px rgba(0,0,0,0.3);\r\n }\r\n \r\n .hero-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n \r\n .hero-visual {\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 40px;\r\n }\r\n \r\n / Timeline UNTER dem Bild (Stats-Stil) /\r\n .hero-timeline-separated {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n width: 100%;\r\n max-width: 750px;\r\n }\r\n \r\n .hero-timeline-item-separated {\r\n background: rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(10px);\r\n padding: 20px;\r\n border-radius: 15px;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n }\r\n \r\n .hero-timeline-icon-separated {\r\n width: 50px;\r\n height: 50px;\r\n background: rgba(255, 255, 255, 0.2);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.5rem;\r\n flex-shrink: 0;\r\n }\r\n \r\n .hero-timeline-content-separated {\r\n color: white;\r\n }\r\n \r\n .hero-timeline-title-separated {\r\n font-weight: 600;\r\n font-size: 1rem;\r\n margin-bottom: 4px;\r\n }\r\n \r\n .hero-timeline-date-separated {\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n opacity: 0.95;\r\n }\r\n \r\n / NEUE CSS-Klassen für die verschobenen Logos /\r\n .hero-logos-left {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n justify-content: flex-start;\r\n margin-bottom: 30px; / Abstand zur Überschrift /\r\n }\r\n \r\n .hero-logos-left img:first-child {\r\n height: 70px;\r\n width: auto;\r\n }\r\n \r\n .hero-logos-left img:last-child {\r\n height: 90px;\r\n width: auto;\r\n }\r\n \r\n .logo-divider-left {\r\n width: 2px;\r\n height: 40px;\r\n background: rgba(255, 255, 255, 0.3);\r\n }\r\n \r\n \r\n \r\n \r\n \r\n / Open Accelerator Banner /\r\n .open-accelerator-banner {\r\n background: #f0f8ff;\r\n border: 1px solid #e6f3ff;\r\n padding: 30px 0;\r\n margin: 0 0;\r\n }\r\n \r\n .open-banner-content {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n \r\n .open-banner-text {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n }\r\n \r\n .open-banner-icon {\r\n font-size: 2rem;\r\n }\r\n \r\n .open-banner-text h3 {\r\n font-size: 1.3rem;\r\n margin-bottom: 5px;\r\n }\r\n \r\n .open-banner-text p {\r\n color: var(--text-gray);\r\n font-size: 1rem;\r\n }\r\n \r\n .link-button {\r\n color: var(--secondary-blue);\r\n text-decoration: none;\r\n font-weight: 600;\r\n padding: 12px 24px;\r\n border: 2px solid var(--secondary-blue);\r\n border-radius: 6px;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .link-button:hover {\r\n background: var(--secondary-blue);\r\n color: white;\r\n }\r\n \r\n / Program Details /\r\n .modern-icon {\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 20px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .modern-icon::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: inherit;\r\n opacity: 0.1;\r\n }\r\n \r\n .modern-icon svg {\r\n width: 28px;\r\n height: 28px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n \r\n / Unique Programs Section /\r\n .unique-programs {\r\n background: white;\r\n padding: 80px 0;\r\n }\r\n \r\n .unique-program-card {\r\n transition: all 0.3s ease;\r\n transform: translateY(0);\r\n }\r\n \r\n .unique-program-card:hover {\r\n transform: translateY(-5px);\r\n }\r\n \r\n .program-header {\r\n background: linear-gradient(135deg, var(--primary-green), #8CC619);\r\n padding: 50px 40px;\r\n border-radius: 12px;\r\n color: white;\r\n text-align: center;\r\n margin-bottom: 30px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .program-header::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n right: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);\r\n animation: float 6s ease-in-out infinite;\r\n }\r\n \r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n 50% { transform: translateY(-20px) rotate(180deg); }\r\n }\r\n \r\n .program-icon {\r\n width: 80px;\r\n height: 80px;\r\n background: rgba(255,255,255,0.2);\r\n border-radius: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 20px;\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255,255,255,0.3);\r\n }\r\n \r\n .program-icon svg {\r\n width: 40px;\r\n height: 40px;\r\n color: white;\r\n }\r\n \r\n .program-content {\r\n background: white;\r\n padding: 40px;\r\n border-radius: 12px;\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.1);\r\n }\r\n \r\n .feature-list {\r\n text-align: left;\r\n list-style: none;\r\n line-height: 1.8;\r\n margin: 20px 0;\r\n }\r\n \r\n .feature-list li {\r\n display: flex;\r\n align-items: flex-start;\r\n margin-bottom: 12px;\r\n padding: 8px 0;\r\n }\r\n \r\n .feature-icon {\r\n width: 24px;\r\n height: 24px;\r\n background: var(--primary-green);\r\n border-radius: 6px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-right: 12px;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n }\r\n \r\n / Spezifische Regel für Partnership Section /\r\n .partnership-features .feature-icon {\r\n width: 20px;\r\n height: 20px;\r\n background: none;\r\n border-radius: 0;\r\n color: var(--primary-green);\r\n }\r\n \r\n .feature-icon svg {\r\n width: 14px;\r\n height: 14px;\r\n color: white;\r\n }\r\n \r\n / Program Overview Section /\r\n .program-overview {\r\n background: white;\r\n padding: 80px 0;\r\n }\r\n \r\n .program-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 40px;\r\n margin-top: 60px;\r\n }\r\n \r\n .program-phase {\r\n background: var(--light-gray);\r\n padding: 40px;\r\n border-radius: 12px;\r\n text-align: center;\r\n border: 3px solid transparent;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .program-phase::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(90deg, var(--primary-green), var(--secondary-blue));\r\n }\r\n \r\n .program-phase:hover {\r\n border-color: var(--primary-green);\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.15);\r\n }\r\n \r\n .phase-number {\r\n background: linear-gradient(135deg, var(--primary-green), #8CC619);\r\n color: white;\r\n width: 70px;\r\n height: 70px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n margin: 0 auto 20px;\r\n box-shadow: 0 4px 15px rgba(122, 184, 0, 0.3);\r\n }\r\n \r\n .phase-features {\r\n text-align: left;\r\n list-style: none;\r\n margin-top: 20px;\r\n }\r\n \r\n .phase-features li {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 10px;\r\n padding: 6px 0;\r\n }\r\n \r\n .phase-features .feature-icon {\r\n background: var(--primary-green);\r\n }\r\n \r\n .phase-month {\r\n display: inline-block;\r\n background: var(--primary-green);\r\n color: white;\r\n padding: 6px 16px;\r\n border-radius: 20px;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n margin: 20px 0;\r\n }\r\n \r\n / Alumni Success /\r\n .alumni-section {\r\n background: var(--light-gray);\r\n padding: 80px 0;\r\n }\r\n \r\n .alumni-card {\r\n background: white;\r\n padding: 40px;\r\n border-radius: 12px;\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.1);\r\n text-align: center;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n transition: all 0.3s ease;\r\n border: 3px solid transparent;\r\n }\r\n \r\n .alumni-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 12px 40px rgba(0,0,0,0.15);\r\n border-color: var(--primary-green);\r\n }\r\n \r\n .alumni-stats {\r\n margin: 20px 0;\r\n }\r\n \r\n .stat {\r\n display: block;\r\n font-weight: 700;\r\n color: var(--primary-green);\r\n margin: 5px 0;\r\n }\r\n \r\n / Zusätzliche CSS-Variable für AI Hub Lila /\r\n :root {\r\n --ai-hub-purple: #9535FF;\r\n }\r\n \r\n / Hover-Effekte für die Statistiken /\r\n .fade-in {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: all 0.6s ease;\r\n }\r\n \r\n .fade-in.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n \r\n \r\n / Application Process /\r\n .application-section {\r\n padding: 80px 0;\r\n }\r\n \r\n .timeline {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-top: 60px;\r\n position: relative;\r\n }\r\n \r\n .timeline::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: var(--primary-green);\r\n z-index: 1;\r\n }\r\n \r\n .timeline-step {\r\n background: white;\r\n padding: 25px 20px;\r\n border-radius: 12px;\r\n border: 3px solid var(--primary-green);\r\n text-align: center;\r\n flex: 1;\r\n margin: 0 10px;\r\n position: relative;\r\n z-index: 2;\r\n display: flex;\r\n flex-direction: column;\r\n min-height: 220px; / Reduzierte Mindesthöhe /\r\n }\r\n \r\n .step-number {\r\n background: var(--primary-green);\r\n color: white;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 700;\r\n margin: 0 auto 12px; / Reduzierter Abstand /\r\n }\r\n \r\n .timeline-step h4 {\r\n margin-bottom: 10px; / Reduzierter Abstand /\r\n flex-shrink: 0; / Titel behält seine Größe /\r\n }\r\n \r\n .step-content {\r\n flex-grow: 1; / Nimmt verfügbaren Platz ein /\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n \r\n .step-content p {\r\n margin: 8px 0; / Reduzierte Margins /\r\n }\r\n \r\n .step-date {\r\n margin-top: auto; / Schiebt das Datum nach unten /\r\n padding-top: 10px; / Reduziertes Padding /\r\n flex-shrink: 0; / Datum behält seine Größe /\r\n }\r\n \r\n .step-date p {\r\n margin: 0;\r\n color: var(--primary-green);\r\n font-size: 0.95rem;\r\n }\r\n \r\n / Mobile Anpassungen /\r\n @media (max-width: 768px) {\r\n .timeline {\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n \r\n .timeline::before {\r\n display: none;\r\n }\r\n \r\n .timeline-step {\r\n padding: 20px 15px;\r\n margin: 0;\r\n min-height: 180px; / Reduzierte Mindesthöhe auf Mobile /\r\n }\r\n \r\n .step-number {\r\n width: 45px;\r\n height: 45px;\r\n font-size: 1.1rem;\r\n }\r\n \r\n .timeline-step h4 {\r\n font-size: 1.2rem;\r\n }\r\n \r\n .timeline-step p {\r\n font-size: 0.9rem;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .timeline-step {\r\n min-height: 160px; / Noch kompakter /\r\n padding: 18px 12px;\r\n }\r\n \r\n .step-content p {\r\n margin: 6px 0; / Reduzierte Margins auf sehr kleinen Bildschirmen /\r\n }\r\n \r\n .step-date {\r\n padding-top: 8px;\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 / FAQ Bereich /\r\n .faq-section {\r\n padding: 40px 0;\r\n }\r\n \r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n \r\n .faq-header {\r\n margin-bottom: 40px;\r\n text-align: center;\r\n }\r\n \r\n .faq-header h2 {\r\n font-weight: bold;\r\n color: #525459;\r\n font-size: 2.5rem;\r\n margin-bottom: 8px;\r\n }\r\n \r\n .faq-header .highlight {\r\n color: #7AB800;\r\n font-weight: bold;\r\n }\r\n \r\n .faq-accordion {\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n }\r\n \r\n .faq-item {\r\n border-bottom: 1px solid #e2e8f0;\r\n padding: 20px 0;\r\n transition: all 0.2s ease;\r\n }\r\n \r\n .faq-question {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-size: 18px;\r\n font-weight: 600;\r\n color: #525459;\r\n cursor: pointer;\r\n transition: color 0.3s ease;\r\n }\r\n \r\n .faq-question:hover {\r\n color: #7AB800;\r\n }\r\n \r\n .faq-icon {\r\n font-size: 20px;\r\n font-weight: 300;\r\n transition: all 0.3s ease-in-out;\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n background: #f1f5f9;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #525459;\r\n }\r\n \r\n .faq-item.active .faq-icon {\r\n transform: rotate(45deg);\r\n background: #7AB800;\r\n color: white;\r\n }\r\n \r\n .faq-answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n opacity: 0;\r\n padding-top: 0;\r\n transition: all 0.4s ease-in-out;\r\n font-size: 16px;\r\n color: #525459;\r\n line-height: 1.6;\r\n }\r\n \r\n .faq-item.active .faq-answer {\r\n max-height: 200px;\r\n opacity: 1;\r\n padding-top: 16px;\r\n }\r\n \r\n .faq-answer p {\r\n margin: 0;\r\n }\r\n \r\n / Mobile Optimierung /\r\n @media (max-width: 768px) {\r\n .faq-header h2 {\r\n font-size: 24px;\r\n }\r\n \r\n .faq-question {\r\n font-size: 16px;\r\n }\r\n \r\n .faq-answer {\r\n font-size: 14px;\r\n }\r\n \r\n .faq-icon {\r\n width: 28px;\r\n height: 28px;\r\n font-size: 16px;\r\n }\r\n }\r\n \r\n / Extra kleine Geräte Optimierung /\r\n @media (max-width: 576px) {\r\n .faq-header h2 {\r\n font-size: 22px;\r\n }\r\n \r\n .faq-question {\r\n font-size: 15px;\r\n }\r\n \r\n .faq-answer {\r\n font-size: 14px;\r\n }\r\n }\r\n \r\n \r\n \r\n \r\n / Compact Contact Section /\r\n .contact-section {\r\n background: var(--light-gray);\r\n padding: 60px 0;\r\n }\r\n \r\n .contact-card {\r\n background: var(--white);\r\n padding: 40px;\r\n border-radius: 16px;\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.1);\r\n text-align: center;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n \r\n .contact-card h2 {\r\n font-size: 1.8rem;\r\n color: var(--text-dark);\r\n margin-bottom: 16px;\r\n font-weight: 700;\r\n }\r\n \r\n .contact-card p {\r\n color: var(--text-gray);\r\n margin-bottom: 32px;\r\n font-size: 1.1rem;\r\n line-height: 1.6;\r\n }\r\n \r\n .email-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: var(--primary-green);\r\n color: var(--white);\r\n padding: 18px 32px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 1.1rem;\r\n transition: all 0.3s ease;\r\n border: 2px solid var(--primary-green);\r\n }\r\n \r\n .email-button:hover {\r\n background: #5a8a00;\r\n border-color: #5a8a00;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(122, 184, 0, 0.3);\r\n }\r\n \r\n .email-icon {\r\n width: 24px;\r\n height: 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n \r\n .email-icon svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: currentColor;\r\n }\r\n \r\n / Responsive Design /\r\n @media (max-width: 768px) {\r\n .contact-section {\r\n padding: 40px 0;\r\n }\r\n \r\n .contact-card {\r\n padding: 30px 20px;\r\n margin: 0 20px;\r\n }\r\n \r\n .contact-card h2 {\r\n font-size: 1.5rem;\r\n }\r\n \r\n .email-button {\r\n padding: 16px 24px;\r\n font-size: 1rem;\r\n }\r\n }\r\n \r\n \r\n \r\n \r\n / Sticky CTA /\r\n .sticky-cta {\r\n position: fixed;\r\n bottom: 20px;\r\n right: 20px;\r\n z-index: 1000;\r\n display: none;\r\n }\r\n \r\n .sticky-cta.show {\r\n display: block;\r\n animation: slideUp 0.3s ease;\r\n }\r\n \r\n @keyframes slideUp {\r\n from { transform: translateY(100px); opacity: 0; }\r\n to { transform: translateY(0); opacity: 1; }\r\n }\r\n \r\n / Partnership Section Styles /\r\n .partnership-section {\r\n background: var(--light-gray);\r\n padding: 80px 0;\r\n }\r\n \r\n .partnership-section .container {\r\n max-width: 1600px; / Breitere Section /\r\n }\r\n \r\n .partnership-viewport {\r\n position: relative;\r\n margin-top: 60px;\r\n padding: 10px 100px; / Mehr Platz oben für Hover-Effekt /\r\n overflow: hidden;\r\n }\r\n \r\n .partnership-slider {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr); / 5 Spalten für 5 Partnerschaftsmodelle /\r\n gap: 30px;\r\n transition: transform 0.5s ease;\r\n width: 166.67%; / 5/3 = 1.67 /\r\n }\r\n \r\n .partnership-card {\r\n background: white;\r\n padding: 40px;\r\n border-radius: 12px;\r\n box-shadow: var(--shadow-light);\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n border: 3px solid transparent;\r\n min-height: 600px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n }\r\n \r\n .partnership-card:hover {\r\n transform: translateY(-8px); / Etwas weniger Bewegung nach oben /\r\n box-shadow: 0 12px 40px rgba(0,0,0,0.15);\r\n border-color: var(--primary-green);\r\n }\r\n \r\n .partnership-icon {\r\n width: 80px;\r\n height: 80px;\r\n border-radius: 50%;\r\n margin: 0 auto 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\r\n }\r\n \r\n .partnership-icon svg {\r\n width: 40px;\r\n height: 40px;\r\n color: white;\r\n }\r\n \r\n .partnership-features {\r\n text-align: left;\r\n list-style: none;\r\n margin: 20px 0;\r\n flex-grow: 1;\r\n }\r\n \r\n .partnership-features li {\r\n display: flex;\r\n align-items: flex-start;\r\n margin-bottom: 15px;\r\n padding: 8px 0;\r\n font-size: 0.95rem;\r\n line-height: 1.5;\r\n }\r\n \r\n .feature-icon {\r\n width: 20px;\r\n height: 20px;\r\n margin-right: 12px;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n color: var(--primary-green);\r\n }\r\n \r\n .cta-container {\r\n margin-top: 30px;\r\n }\r\n \r\n / Navigation Buttons /\r\n .nav-button {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: var(--primary-green);\r\n color: white;\r\n border: none;\r\n border-radius: 50%;\r\n width: 60px;\r\n height: 60px;\r\n cursor: pointer;\r\n font-size: 1.8rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\r\n z-index: 10;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .nav-button:hover {\r\n transform: translateY(-50%) scale(1.1);\r\n box-shadow: 0 6px 20px rgba(0,0,0,0.3);\r\n }\r\n \r\n .nav-button:disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n }\r\n \r\n .nav-button:disabled:hover {\r\n transform: translateY(-50%) scale(1);\r\n }\r\n \r\n .nav-prev {\r\n left: 20px;\r\n }\r\n \r\n .nav-next {\r\n right: 20px;\r\n }\r\n \r\n / Dots Navigation /\r\n .dots-container {\r\n text-align: center;\r\n margin-top: 40px;\r\n }\r\n \r\n .dot {\r\n height: 15px;\r\n width: 15px;\r\n margin: 0 8px;\r\n border-radius: 50%;\r\n display: inline-block;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n background-color: #ddd;\r\n }\r\n \r\n .dot.active {\r\n background-color: var(--primary-green);\r\n transform: scale(1.2);\r\n }\r\n \r\n .dot:hover {\r\n transform: scale(1.1);\r\n }\r\n \r\n / Individual Partnership Colors /\r\n .innovation-partner { background: #FF6B6B; }\r\n .access-partner { background: #F39C12; }\r\n .spectator-partner { background: #9B59B6; }\r\n .investor-partner { background: #4ECDC4; }\r\n .mentor-partner { background: #45B7D1; }\r\n \r\n / CTA Section /\r\n .cta-section {\r\n text-align: center;\r\n margin-top: 60px;\r\n background: var(--light-gray);\r\n padding: 40px;\r\n border-radius: 12px;\r\n }\r\n \r\n .cta-section h3 {\r\n margin-bottom: 20px;\r\n color: var(--text-gray);\r\n }\r\n \r\n .cta-section p {\r\n font-size: 1.1rem;\r\n margin-bottom: 30px;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n \r\n / Responsive Design für Partnership Section /\r\n @media (max-width: 1200px) {\r\n .partnership-viewport {\r\n padding: 10px 80px;\r\n }\r\n \r\n .partnership-card {\r\n padding: 30px;\r\n min-height: 550px;\r\n }\r\n }\r\n \r\n \r\n / Network Section /\r\n .network-section {\r\n background: var(--light-gray);\r\n }\r\n \r\n .partner-logo, .investor-logo, .tech-logo, .international-logo {\r\n background: white;\r\n padding: 15px 25px;\r\n border-radius: 8px;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\r\n font-weight: 600;\r\n color: var(--text-gray);\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .partner-logo:hover, .investor-logo:hover, .tech-logo:hover, .international-logo:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.15);\r\n }\r\n \r\n / Location Cards /\r\n .location-card {\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .location-card:hover {\r\n transform: translateY(-5px);\r\n }\r\n \r\n / Unique Programs /\r\n .unique-programs {\r\n background: white;\r\n }\r\n \r\n .unique-program-card {\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .unique-program-card:hover {\r\n transform: translateY(-5px);\r\n }\r\n \r\n \r\n / MOBILE OPTIMIERUNG - VOLLSTÄNDIGER CSS CODE MIT FINALEN ANPASSUNGEN /\r\n \r\n / ===== ALLGEMEINE MOBILE OPTIMIERUNGEN ===== /\r\n \r\n / Base Mobile Styles /\r\n @media (max-width: 768px) {\r\n / Container & Layout /\r\n .container {\r\n padding: 0 20px !important;\r\n max-width: 100% !important;\r\n }\r\n \r\n / Typography Mobile /\r\n h1 { font-size: 2.5rem !important; }\r\n h2 { font-size: 2rem !important; }\r\n h3 { font-size: 1.5rem !important; }\r\n h4 { font-size: 1.25rem !important; }\r\n \r\n / Sections /\r\n .section {\r\n padding: 60px 0 !important;\r\n }\r\n \r\n / Buttons /\r\n .btn {\r\n padding: 14px 24px !important;\r\n font-size: 1rem !important;\r\n width: 100% !important;\r\n text-align: center !important;\r\n margin-bottom: 15px !important;\r\n }\r\n \r\n .btn:last-child {\r\n margin-bottom: 0 !important;\r\n }\r\n }\r\n \r\n / ===== HERO SECTION MOBILE ===== /\r\n @media (max-width: 768px) {\r\n .hero {\r\n padding: 60px 0 40px !important;\r\n min-height: auto !important;\r\n }\r\n \r\n .hero-content {\r\n grid-template-columns: 1fr !important;\r\n gap: 40px !important;\r\n padding: 60px 0 40px !important;\r\n }\r\n \r\n .hero-text {\r\n order: 1;\r\n text-align: center !important;\r\n }\r\n \r\n .hero-visual {\r\n order: 2;\r\n }\r\n \r\n .hero-title {\r\n font-size: 2.5rem !important;\r\n line-height: 1.2 !important;\r\n }\r\n \r\n .hero-subtitle-main {\r\n font-size: 1.8rem !important;\r\n line-height: 1.3 !important;\r\n }\r\n \r\n .hero-description {\r\n font-size: 1.1rem !important;\r\n margin-bottom: 30px !important;\r\n }\r\n \r\n .hero-cta-group {\r\n flex-direction: column !important;\r\n gap: 15px !important;\r\n align-items: center !important;\r\n }\r\n \r\n .btn-hero-primary,\r\n .btn-hero-secondary {\r\n width: 100% !important;\r\n max-width: 300px !important;\r\n padding: 16px 24px !important;\r\n font-size: 1rem !important;\r\n }\r\n \r\n / ===== HERO STATISTICS MOBILE - KLEINERE ZAHLEN ===== /\r\n .hero-stats {\r\n grid-template-columns: 1fr !important;\r\n gap: 15px !important;\r\n margin-bottom: 30px !important;\r\n }\r\n \r\n .hero-stat-item {\r\n padding: 15px !important;\r\n }\r\n \r\n .hero-stat-number {\r\n font-size: 1.8rem !important; / Deutlich kleiner gemacht /\r\n }\r\n \r\n .hero-stat-label {\r\n font-size: 0.8rem !important;\r\n }\r\n \r\n / ===== HERO TIMELINE MOBILE - SICHTBAR MACHEN ===== /\r\n .hero-timeline {\r\n grid-template-columns: 1fr !important;\r\n gap: 15px !important;\r\n margin-top: 30px !important;\r\n }\r\n \r\n .hero-timeline-item {\r\n padding: 15px !important;\r\n background: rgba(255, 255, 255, 0.1) !important;\r\n backdrop-filter: blur(10px) !important;\r\n border-radius: 15px !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 15px !important;\r\n width: 100% !important;\r\n box-sizing: border-box !important;\r\n }\r\n \r\n .hero-timeline-icon {\r\n width: 40px !important;\r\n height: 40px !important;\r\n font-size: 1.2rem !important;\r\n background: rgba(255, 255, 255, 0.2) !important;\r\n border-radius: 50% !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n flex-shrink: 0 !important;\r\n }\r\n \r\n .hero-timeline-content {\r\n color: white !important;\r\n flex: 1 !important;\r\n }\r\n \r\n .hero-timeline-title {\r\n font-weight: 600 !important;\r\n font-size: 1rem !important;\r\n margin-bottom: 4px !important;\r\n line-height: 1.3 !important;\r\n }\r\n \r\n .hero-timeline-date {\r\n font-weight: 700 !important;\r\n font-size: 1.1rem !important;\r\n opacity: 0.95 !important;\r\n line-height: 1.2 !important;\r\n }\r\n \r\n .hero-image {\r\n max-width: 100% !important;\r\n height: 300px !important;\r\n }\r\n \r\n / Logo Section Mobile /\r\n .hero-text div:first-child {\r\n gap: 15px !important;\r\n align-items: center !important;\r\n }\r\n \r\n .hero-text div:first-child img:first-child {\r\n height: 40px !important;\r\n }\r\n \r\n .hero-text div:first-child img:last-child {\r\n height: 60px !important;\r\n }\r\n }\r\n \r\n / ===== PROGRAM BANNER MOBILE ===== /\r\n @media (max-width: 768px) {\r\n .program-banner {\r\n display: none !important;\r\n }\r\n \r\n body {\r\n padding-top: 0 !important;\r\n }\r\n }\r\n \r\n / ===== TARGET AUDIENCE SECTION MOBILE ===== /\r\n @media (max-width: 768px) {\r\n .target-audience-section {\r\n padding: 50px 0 !important;\r\n }\r\n \r\n .target-audience-section h2 {\r\n font-size: 1.6rem !important;\r\n }\r\n \r\n .target-audience-section p {\r\n font-size: 0.95rem !important;\r\n line-height: 1.4 !important;\r\n }\r\n \r\n .target-audience-section .container > div[style="grid-template-columns"] {\r\n grid-template-columns: 1fr !important;\r\n gap: 30px !important;\r\n }\r\n \r\n .target-card div[style="padding: 40px"] {\r\n padding: 30px 20px !important;\r\n }\r\n \r\n .target-card div[style="padding: 30px"] {\r\n padding: 25px 20px !important;\r\n }\r\n \r\n /* Perfect Match Badge /\r\n .target-card span[style="font-weight: 700; font-size: 0.9rem"] {\r\n font-size: 0.8rem !important;\r\n }\r\n \r\n /* Perfect Match Titel /\r\n .target-card h3 {\r\n font-size: 1.2rem !important;\r\n }\r\n \r\n / Perfect Match Text /\r\n .target-card p {\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n / Perfect Match Liste /\r\n .target-card li span {\r\n font-size: 0.85rem !important;\r\n }\r\n \r\n / Frühe Phase Badge /\r\n .target-card span[style="font-weight: 600; font-size: 0.85rem"] {\r\n font-size: 0.75rem !important;\r\n }\r\n \r\n /* Frühe Phase Titel /\r\n .target-card h4 {\r\n font-size: 1.1rem !important;\r\n }\r\n \r\n / Frühe Phase Text /\r\n .target-card p[style="font-size: 0.95rem"] {\r\n font-size: 0.85rem !important;\r\n }\r\n }\r\n \r\n /* ===== UNIQUE PROGRAMS SECTION MOBILE ===== /\r\n @media (max-width: 768px) {\r\n .unique-programs .container > div[style="grid-template-columns"] {\r\n grid-template-columns: 1fr !important;\r\n gap: 40px !important;\r\n }\r\n \r\n .unique-programs h2 {\r\n font-size: 1.6rem !important;\r\n }\r\n \r\n .unique-programs .text-center p {\r\n font-size: 0.95rem !important;\r\n line-height: 1.4 !important;\r\n }\r\n \r\n .program-header {\r\n padding: 40px 30px !important;\r\n }\r\n \r\n .program-header h3 {\r\n font-size: 1.3rem !important;\r\n }\r\n \r\n .program-header p {\r\n font-size: 1rem !important;\r\n }\r\n \r\n .program-content {\r\n padding: 30px 20px !important;\r\n }\r\n \r\n .program-content h4 {\r\n font-size: 1.1rem !important;\r\n }\r\n \r\n .program-content p {\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n .program-icon {\r\n width: 60px !important;\r\n height: 60px !important;\r\n }\r\n \r\n .program-icon svg {\r\n width: 30px !important;\r\n height: 30px !important;\r\n }\r\n \r\n .feature-list {\r\n margin: 15px 0 !important;\r\n }\r\n \r\n .feature-list li {\r\n margin-bottom: 10px !important;\r\n padding: 6px 0 !important;\r\n font-size: 0.9rem !important;\r\n }\r\n }\r\n \r\n /* ===== PROGRAM OVERVIEW MOBILE ===== /\r\n @media (max-width: 768px) {\r\n .program-overview h2 {\r\n font-size: 1.6rem !important;\r\n }\r\n \r\n .program-overview .text-center p {\r\n font-size: 0.95rem !important;\r\n line-height: 1.4 !important;\r\n }\r\n \r\n .program-grid {\r\n grid-template-columns: 1fr !important;\r\n gap: 30px !important;\r\n }\r\n \r\n .program-phase {\r\n padding: 30px 20px !important;\r\n }\r\n \r\n .phase-number {\r\n width: 50px !important;\r\n height: 50px !important;\r\n font-size: 1.2rem !important;\r\n }\r\n \r\n .phase-features {\r\n margin-top: 15px !important;\r\n }\r\n \r\n .phase-features li {\r\n margin-bottom: 8px !important;\r\n padding: 4px 0 !important;\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n .phase-month {\r\n font-size: 0.8rem !important;\r\n padding: 4px 12px !important;\r\n }\r\n }\r\n \r\n / ===== ALUMNI SECTION MOBILE ===== /\r\n @media (max-width: 768px) {\r\n .alumni-section h2 {\r\n font-size: 1.6rem !important;\r\n }\r\n \r\n .alumni-section .text-center p {\r\n font-size: 0.95rem !important;\r\n }\r\n \r\n .alumni-section .container > div[style="padding: 50px 80px"] {\r\n padding: 20px 40px !important;\r\n }\r\n \r\n .alumni-section div[style="width: 120px; height: 120px"] {\r\n width: 80px !important;\r\n height: 80px !important;\r\n margin: 0 auto 15px !important;\r\n }\r\n \r\n .alumni-card {\r\n padding: 25px 20px !important;\r\n min-height: 350px !important;\r\n }\r\n \r\n .alumni-card h3 {\r\n font-size: 1.2rem !important;\r\n }\r\n \r\n .alumni-card p {\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n .alumni-stats {\r\n margin: 15px 0 !important;\r\n }\r\n \r\n .stat {\r\n font-size: 0.9rem !important;\r\n margin: 3px 0 !important;\r\n }\r\n \r\n .alumni-section button[id="alumniBtn"] {\r\n width: 50px !important;\r\n height: 50px !important;\r\n font-size: 1.5rem !important;\r\n }\r\n \r\n /* ===== ALUMNI STATISTICS MOBILE - KLEINERE ZAHLEN ===== /\r\n .alumni-section .container > div[style="background: white"] {\r\n padding: 30px 20px !important;\r\n }\r\n \r\n .statistics-container {\r\n gap: 20px !important;\r\n }\r\n \r\n .statistics-container div[style="font-size: 3rem"] {\r\n font-size: 1.8rem !important; / Deutlich kleiner /\r\n }\r\n \r\n .statistics-container div[style="font-size: 2.5rem"] {\r\n font-size: 1.5rem !important; /* Deutlich kleiner /\r\n }\r\n \r\n .statistics-container p {\r\n font-size: 0.9rem !important;\r\n }\r\n }\r\n \r\n / ===== PARTNERSHIP SECTION MOBILE - TYPOGRAPHY ===== /\r\n @media (max-width: 768px) {\r\n .partnership-section h2 {\r\n font-size: 1.6rem !important;\r\n }\r\n \r\n .partnership-section .text-center p {\r\n font-size: 0.95rem !important;\r\n }\r\n \r\n .cta-section {\r\n padding: 30px 20px !important;\r\n }\r\n }\r\n \r\n / ===== OPEN ACCELERATOR BANNER MOBILE ===== /\r\n @media (max-width: 768px) {\r\n .open-banner-content {\r\n flex-direction: column !important;\r\n text-align: center !important;\r\n gap: 20px !important;\r\n padding: 0 15px !important;\r\n }\r\n \r\n .open-banner-text {\r\n gap: 15px !important;\r\n }\r\n \r\n .open-banner-icon {\r\n font-size: 1.5rem !important;\r\n }\r\n \r\n .open-banner-text h3 {\r\n font-size: 1.2rem !important;\r\n }\r\n \r\n .open-banner-text p {\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n .link-button {\r\n padding: 10px 20px !important;\r\n font-size: 0.9rem !important;\r\n }\r\n }\r\n \r\n / ===== APPLICATION PROCESS MOBILE ===== /\r\n @media (max-width: 768px) {\r\n .application-section h2 {\r\n font-size: 1.6rem !important;\r\n }\r\n \r\n .application-section .text-center p {\r\n font-size: 0.95rem !important;\r\n }\r\n \r\n .timeline {\r\n flex-direction: column !important;\r\n gap: 20px !important;\r\n }\r\n \r\n .timeline::before {\r\n display: none !important;\r\n }\r\n \r\n .timeline-step {\r\n padding: 25px 20px !important;\r\n margin: 0 !important;\r\n }\r\n \r\n .step-number {\r\n width: 50px !important;\r\n height: 50px !important;\r\n font-size: 1.2rem !important;\r\n }\r\n \r\n .timeline-step h4 {\r\n font-size: 1.2rem !important;\r\n }\r\n \r\n .timeline-step p {\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n .application-section .text-center > div[style="background: var(--primary-green)"] {\r\n padding: 15px !important;\r\n margin-bottom: 20px !important;\r\n }\r\n \r\n .application-section .text-center > div h3 {\r\n font-size: 1.3rem !important;\r\n }\r\n \r\n .application-section .text-center > div p {\r\n font-size: 1rem !important;\r\n }\r\n \r\n .application-section .btn-primary {\r\n font-size: 1.1rem !important;\r\n padding: 16px 32px !important;\r\n width: 100% !important;\r\n max-width: 300px !important;\r\n }\r\n }\r\n \r\n /* ===== FAQ SECTION MOBILE ===== /\r\n @media (max-width: 768px) {\r\n .faq-section h2 {\r\n font-size: 1.6rem !important;\r\n }\r\n \r\n .faq-section .text-center p {\r\n font-size: 0.95rem !important;\r\n }\r\n \r\n .faq-grid {\r\n grid-template-columns: 1fr !important;\r\n gap: 20px !important;\r\n }\r\n \r\n .faq-item {\r\n padding: 20px !important;\r\n }\r\n \r\n .faq-question {\r\n font-size: 1.1rem !important;\r\n margin-bottom: 12px !important;\r\n }\r\n \r\n .faq-answer {\r\n font-size: 0.9rem !important;\r\n line-height: 1.5 !important;\r\n }\r\n }\r\n \r\n / ===== NETWORK SECTION MOBILE ===== /\r\n @media (max-width: 768px) {\r\n .network-section .container > div > div {\r\n margin-bottom: 40px !important;\r\n }\r\n \r\n .network-section .container > div > div:last-child {\r\n margin-bottom: 0 !important;\r\n }\r\n \r\n .network-section h3 {\r\n font-size: 1.2rem !important;\r\n margin-bottom: 25px !important;\r\n }\r\n \r\n .network-section h4 {\r\n font-size: 1.1rem !important;\r\n margin-bottom: 20px !important;\r\n }\r\n \r\n .partner-logo, .investor-logo, .tech-logo, .international-logo {\r\n padding: 12px 20px !important;\r\n font-size: 0.9rem !important;\r\n margin: 5px !important;\r\n }\r\n \r\n .network-section .container > div > div:last-child {\r\n grid-template-columns: 1fr !important;\r\n gap: 30px !important;\r\n }\r\n }\r\n \r\n / ===== VERY SMALL SCREENS (480px and below) ===== /\r\n @media (max-width: 480px) {\r\n / Container /\r\n .container {\r\n padding: 0 15px !important;\r\n }\r\n \r\n / Typography /\r\n h1 { font-size: 2rem !important; }\r\n h2 { font-size: 1.8rem !important; }\r\n h3 { font-size: 1.3rem !important; }\r\n \r\n / Hero /\r\n .hero {\r\n padding: 40px 0 30px !important;\r\n }\r\n \r\n .hero-content {\r\n padding: 40px 0 30px !important;\r\n }\r\n \r\n .hero-title {\r\n font-size: 2rem !important;\r\n margin-bottom: 15px !important;\r\n }\r\n \r\n .hero-subtitle-main {\r\n font-size: 1.5rem !important;\r\n margin-bottom: 20px !important;\r\n }\r\n \r\n .hero-description {\r\n font-size: 1rem !important;\r\n margin-bottom: 25px !important;\r\n }\r\n \r\n / HERO STATISTICS - EXTRA KLEINE ZAHLEN FÜR 480px /\r\n .hero-stat-number {\r\n font-size: 1.5rem !important;\r\n }\r\n \r\n .hero-image {\r\n height: 250px !important;\r\n }\r\n \r\n / Buttons /\r\n .btn {\r\n padding: 12px 20px !important;\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n .btn-hero-primary,\r\n .btn-hero-secondary {\r\n padding: 14px 20px !important;\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n / Target Audience weitere Verkleinerung /\r\n .target-audience-section h2 {\r\n font-size: 1.4rem !important;\r\n }\r\n \r\n .target-audience-section p {\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n .target-card h3 {\r\n font-size: 1.1rem !important;\r\n }\r\n \r\n .target-card li span {\r\n font-size: 0.8rem !important;\r\n }\r\n \r\n .target-card h4 {\r\n font-size: 1rem !important;\r\n }\r\n \r\n .target-card p[style="font-size: 0.85rem"] {\r\n font-size: 0.8rem !important;\r\n }\r\n \r\n /* Unique Programs weitere Verkleinerung /\r\n .unique-programs h2 {\r\n font-size: 1.4rem !important;\r\n }\r\n \r\n .unique-programs .text-center p {\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n .program-header h3 {\r\n font-size: 1.2rem !important;\r\n }\r\n \r\n .program-header p {\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n .program-content h4 {\r\n font-size: 1rem !important;\r\n }\r\n \r\n .program-content p {\r\n font-size: 0.85rem !important;\r\n }\r\n \r\n / Program Overview /\r\n .phase-number {\r\n width: 45px !important;\r\n height: 45px !important;\r\n font-size: 1.1rem !important;\r\n }\r\n \r\n / Alumni Statistics - EXTRA KLEINE ZAHLEN FÜR 480px /\r\n .statistics-container div[style="font-size: 1.8rem"] {\r\n font-size: 1.4rem !important;\r\n }\r\n \r\n .statistics-container div[style="font-size: 1.5rem"] {\r\n font-size: 1.2rem !important;\r\n }\r\n \r\n / Alle Hauptüberschriften für sehr kleine Bildschirme /\r\n .program-overview h2,\r\n .alumni-section h2,\r\n .partnership-section h2,\r\n .faq-section h2,\r\n .application-section h2 {\r\n font-size: 1.4rem !important;\r\n }\r\n \r\n / Alle Untertitel für sehr kleine Bildschirme /\r\n .program-overview .text-center p,\r\n .alumni-section .text-center p,\r\n .partnership-section .text-center p,\r\n .faq-section .text-center p,\r\n .application-section .text-center p {\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n / Partnership /\r\n .partnership-viewport {\r\n padding: 10px 40px !important;\r\n }\r\n \r\n .partnership-card {\r\n padding: 20px 15px !important;\r\n min-height: auto !important;\r\n }\r\n \r\n .partnership-features li {\r\n font-size: 0.85rem !important;\r\n }\r\n \r\n / Alumni /\r\n .alumni-section .container > div[style="padding: 20px 40px"] {\r\n padding: 15px 20px !important;\r\n }\r\n \r\n .alumni-section div[style="width: 80px; height: 80px"] {\r\n width: 60px !important;\r\n height: 60px !important;\r\n }\r\n \r\n .alumni-card {\r\n padding: 20px 15px !important;\r\n }\r\n \r\n / Navigation buttons /\r\n .nav-button {\r\n width: 40px !important;\r\n height: 40px !important;\r\n font-size: 1.2rem !important;\r\n }\r\n \r\n .alumni-section button[id="alumniBtn"] {\r\n width: 40px !important;\r\n height: 40px !important;\r\n font-size: 1.2rem !important;\r\n }\r\n \r\n /* Sections /\r\n .section {\r\n padding: 40px 0 !important;\r\n }\r\n \r\n / Program cards /\r\n .program-header {\r\n padding: 30px 20px !important;\r\n }\r\n \r\n .program-content {\r\n padding: 25px 15px !important;\r\n }\r\n \r\n .program-phase {\r\n padding: 25px 15px !important;\r\n }\r\n \r\n / Timeline /\r\n .timeline-step {\r\n padding: 20px 15px !important;\r\n }\r\n \r\n / FAQ /\r\n .faq-item {\r\n padding: 15px !important;\r\n }\r\n }\r\n \r\n / ===== STICKY CTA MOBILE ===== /\r\n @media (max-width: 768px) {\r\n .sticky-cta {\r\n bottom: 15px !important;\r\n right: 15px !important;\r\n left: 15px !important;\r\n text-align: center !important;\r\n }\r\n \r\n .sticky-cta .btn {\r\n width: 100% !important;\r\n max-width: none !important;\r\n }\r\n }\r\n \r\n / ===== OVERFLOW FIXES ===== /\r\n @media (max-width: 768px) {\r\n / Prevent horizontal scrolling /\r\n body {\r\n overflow-x: hidden !important;\r\n }\r\n \r\n / Fix any elements that might cause horizontal scroll /\r\n {\r\n max-width: 100% !important;\r\n box-sizing: border-box !important;\r\n }\r\n \r\n /* Ensure images don't overflow /\r\n img {\r\n max-width: 100% !important;\r\n height: auto !important;\r\n }\r\n \r\n / Fix any grid/flex items that might overflow /\r\n .hero-content,\r\n .program-grid,\r\n .faq-grid,\r\n .alumni-slider,\r\n .partnership-slider {\r\n width: 100% !important;\r\n max-width: 100% !important;\r\n }\r\n \r\n / Fix specific width declarations /\r\n .alumni-slider {\r\n width: 200% !important;\r\n }\r\n \r\n .partnership-slider {\r\n width: 166.67% !important;\r\n }\r\n }\r\n \r\n / ===== TOUCH IMPROVEMENTS ===== /\r\n @media (max-width: 768px) {\r\n / Larger touch targets /\r\n .dot {\r\n width: 20px !important;\r\n height: 20px !important;\r\n margin: 0 10px !important;\r\n }\r\n \r\n .nav-button {\r\n padding: 10px !important;\r\n }\r\n \r\n / Better button spacing /\r\n .btn {\r\n margin: 10px 0 !important;\r\n }\r\n \r\n / Improved link targets /\r\n .link-button {\r\n padding: 12px 24px !important;\r\n min-height: 44px !important;\r\n }\r\n }\r\n \r\n / ===== PERFORMANCE OPTIMIZATIONS ===== /\r\n @media (max-width: 768px) {\r\n / Reduce animations on mobile /\r\n .fade-in {\r\n transition: all 0.3s ease !important;\r\n }\r\n \r\n .unique-program-card,\r\n .alumni-card,\r\n .partnership-card,\r\n .target-card {\r\n transition: all 0.2s ease !important;\r\n }\r\n \r\n / Optimize hover effects for touch /\r\n .unique-program-card:hover,\r\n .alumni-card:hover,\r\n .partnership-card:hover,\r\n .target-card:hover {\r\n transform: none !important;\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important;\r\n }\r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n / ===== KORRIGIERTE MOBILE OPTIMIERUNG ===== /\r\n \r\n / ===== ALUMNI SECTION MOBILE KORREKTUREN ===== /\r\n @media (max-width: 768px) {\r\n / Alumni Section - Layout komplett ändern /\r\n .alumni-section #alumniSlider {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n grid-template-columns: none !important;\r\n width: 100% !important;\r\n transform: none !important;\r\n transition: none !important;\r\n gap: 10px !important;\r\n }\r\n \r\n / Überschreibe alle Grid-Eigenschaften /\r\n .alumni-section #alumniSlider > div {\r\n width: 100% !important;\r\n flex: none !important;\r\n display: block !important;\r\n }\r\n \r\n / Zeige nur die ersten 3 Alumni-Cards /\r\n .alumni-section #alumniSlider > div:nth-child(1),\r\n .alumni-section #alumniSlider > div:nth-child(2),\r\n .alumni-section #alumniSlider > div:nth-child(3) {\r\n display: block !important;\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n }\r\n \r\n / Verstecke alle anderen Alumni-Cards (4, 5, 6) /\r\n .alumni-section #alumniSlider > div:nth-child(4),\r\n .alumni-section #alumniSlider > div:nth-child(5),\r\n .alumni-section #alumniSlider > div:nth-child(6) {\r\n display: none !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n }\r\n \r\n / Entferne Alumni Navigation komplett /\r\n .alumni-section #alumniPrevBtn,\r\n .alumni-section #alumniNextBtn {\r\n display: none !important;\r\n visibility: hidden !important;\r\n }\r\n \r\n / Verstecke Alumni Dots /\r\n .alumni-section #alumniDot1,\r\n .alumni-section #alumniDot2,\r\n .alumni-section #alumniDot3,\r\n .alumni-section #alumniDot4 {\r\n display: none !important;\r\n visibility: hidden !important;\r\n }\r\n \r\n / Alumni Cards Mobile Styling /\r\n .alumni-section .alumni-card {\r\n padding: 20px !important;\r\n min-height: 300px !important;\r\n margin: 0 !important;\r\n width: 100% !important;\r\n box-sizing: border-box !important;\r\n }\r\n \r\n .alumni-section .alumni-card h3 {\r\n font-size: 1.1rem !important;\r\n margin-bottom: 10px !important;\r\n }\r\n \r\n .alumni-section .alumni-card p {\r\n font-size: 0.9rem !important;\r\n line-height: 1.4 !important;\r\n }\r\n \r\n .alumni-section .alumni-stats {\r\n margin: 10px 0 !important;\r\n }\r\n \r\n .alumni-section .stat {\r\n font-size: 0.85rem !important;\r\n margin: 2px 0 !important;\r\n }\r\n \r\n / Alumni Profilbild kleiner /\r\n .alumni-section div[style="width: 120px; height: 120px"] {\r\n width: 70px !important;\r\n height: 70px !important;\r\n margin: 0 auto 10px !important;\r\n }\r\n \r\n /* Viewport anpassen /\r\n .alumni-section #alumniViewport {\r\n overflow: visible !important;\r\n padding: 0 !important;\r\n }\r\n \r\n / Container-Styling für Mobile /\r\n .alumni-section .container > div[style="padding: 50px 80px"] {\r\n padding: 20px !important;\r\n }\r\n }\r\n \r\n /* ===== MOBILE PARTNERSCHAFT (Single Card) ===== /\r\n @media (max-width: 768px) {\r\n .partnership-section .partnership-viewport {\r\n position: relative !important;\r\n margin-top: 60px !important;\r\n padding: 10px 50px !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n / KRITISCH: Grid komplett überschreiben /\r\n .partnership-section #partnershipSlider {\r\n display: flex !important;\r\n flex-direction: row !important;\r\n grid-template-columns: none !important;\r\n width: 500% !important; / 5 Cards = 500% /\r\n gap: 0 !important;\r\n transition: transform 0.4s ease !important;\r\n }\r\n \r\n .partnership-section .partnership-card {\r\n flex: 0 0 20% !important; / Jede Card 20% der Gesamtbreite /\r\n width: 20% !important;\r\n min-width: 20% !important;\r\n max-width: 20% !important;\r\n display: block !important;\r\n margin: 0 !important;\r\n padding: 25px 15px !important;\r\n min-height: 400px !important;\r\n box-sizing: border-box !important;\r\n / Überschreibe alle Grid-Eigenschaften /\r\n grid-column: unset !important;\r\n grid-row: unset !important;\r\n }\r\n \r\n / Mobile Navigation Buttons /\r\n .partnership-section #prevBtn,\r\n .partnership-section #nextBtn {\r\n width: 45px !important;\r\n height: 45px !important;\r\n font-size: 1.2rem !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: white !important;\r\n border: 2px solid var(--primary-green) !important;\r\n border-radius: 50% !important;\r\n position: absolute !important;\r\n top: 50% !important;\r\n transform: translateY(-50%) !important;\r\n z-index: 10 !important;\r\n color: var(--primary-green) !important;\r\n cursor: pointer !important;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;\r\n }\r\n \r\n .partnership-section #prevBtn:hover,\r\n .partnership-section #nextBtn:hover {\r\n background: var(--primary-green) !important;\r\n color: white !important;\r\n }\r\n \r\n .partnership-section #prevBtn {\r\n left: 10px !important;\r\n }\r\n \r\n .partnership-section #nextBtn {\r\n right: 10px !important;\r\n }\r\n \r\n / Mobile Dots /\r\n .partnership-section .dots-container {\r\n text-align: center !important;\r\n margin-top: 25px !important;\r\n }\r\n \r\n .partnership-section .dot {\r\n width: 12px !important;\r\n height: 12px !important;\r\n margin: 0 4px !important;\r\n background: #ddd !important;\r\n border-radius: 50% !important;\r\n cursor: pointer !important;\r\n transition: background 0.3s ease !important;\r\n display: inline-block !important;\r\n }\r\n \r\n .partnership-section .dot.active {\r\n background: var(--primary-green) !important;\r\n }\r\n \r\n / Mobile Card Content /\r\n .partnership-section .partnership-card h3 {\r\n font-size: 1.2rem !important;\r\n margin-bottom: 15px !important;\r\n }\r\n \r\n .partnership-section .partnership-card p {\r\n font-size: 0.9rem !important;\r\n line-height: 1.5 !important;\r\n }\r\n \r\n .partnership-section .partnership-icon {\r\n width: 50px !important;\r\n height: 50px !important;\r\n margin-bottom: 15px !important;\r\n }\r\n \r\n .partnership-section .partnership-icon svg {\r\n width: 25px !important;\r\n height: 25px !important;\r\n }\r\n \r\n .partnership-section .partnership-features {\r\n margin: 15px 0 !important;\r\n }\r\n \r\n .partnership-section .partnership-features li {\r\n font-size: 0.85rem !important;\r\n margin-bottom: 8px !important;\r\n padding: 4px 0 !important;\r\n }\r\n \r\n / Verhindere horizontales Scrollen /\r\n body {\r\n overflow-x: hidden !important;\r\n }\r\n \r\n .partnership-section .partnership-viewport {\r\n overflow-x: hidden !important;\r\n }\r\n \r\n .alumni-section #alumniViewport {\r\n overflow-x: visible !important;\r\n }\r\n \r\n / Touch-Optimierung /\r\n .partnership-section #prevBtn,\r\n .partnership-section #nextBtn {\r\n min-width: 44px !important;\r\n min-height: 44px !important;\r\n touch-action: manipulation !important;\r\n }\r\n \r\n .partnership-section .dot {\r\n min-width: 16px !important;\r\n min-height: 16px !important;\r\n touch-action: manipulation !important;\r\n }\r\n \r\n / Verbesserte Swipe-Gesten /\r\n .partnership-section #partnershipSlider {\r\n touch-action: pan-y pinch-zoom !important;\r\n }\r\n }\r\n \r\n / ===== DESKTOP KORREKTUREN ===== /\r\n @media (min-width: 769px) {\r\n / Alumni Section Desktop - Originale Funktionalität /\r\n .alumni-section #alumniSlider {\r\n display: grid !important;\r\n grid-template-columns: repeat(6, 1fr) !important;\r\n gap: 20px !important;\r\n width: 200% !important;\r\n transition: transform 0.5s ease !important;\r\n }\r\n \r\n .alumni-section #alumniSlider > div {\r\n width: 100% !important;\r\n display: block !important;\r\n }\r\n \r\n .alumni-section #alumniPrevBtn,\r\n .alumni-section #alumniNextBtn {\r\n display: flex !important;\r\n visibility: visible !important;\r\n }\r\n \r\n .alumni-section #alumniDot1,\r\n .alumni-section #alumniDot2,\r\n .alumni-section #alumniDot3,\r\n .alumni-section #alumniDot4 {\r\n display: inline-block !important;\r\n visibility: visible !important;\r\n }\r\n \r\n / Partnership Section Desktop /\r\n .partnership-section .partnership-viewport {\r\n position: relative;\r\n margin-top: 60px;\r\n padding: 10px 100px;\r\n overflow: hidden;\r\n }\r\n \r\n .partnership-section #partnershipSlider {\r\n display: grid !important;\r\n grid-template-columns: repeat(5, 1fr) !important;\r\n gap: 30px !important;\r\n width: 166.67% !important;\r\n transition: transform 0.5s ease !important;\r\n }\r\n \r\n .partnership-section .partnership-card {\r\n width: 100% !important;\r\n display: block !important;\r\n margin: 0 !important;\r\n padding: 40px !important;\r\n min-height: 600px !important;\r\n box-sizing: border-box !important;\r\n }\r\n \r\n / Desktop Navigation Buttons /\r\n .partnership-section #prevBtn,\r\n .partnership-section #nextBtn {\r\n display: flex !important;\r\n width: 60px !important;\r\n height: 60px !important;\r\n font-size: 1.8rem !important;\r\n background: var(--primary-green) !important;\r\n color: white !important;\r\n border: none !important;\r\n border-radius: 50% !important;\r\n position: absolute !important;\r\n top: 50% !important;\r\n transform: translateY(-50%) !important;\r\n cursor: pointer !important;\r\n z-index: 10 !important;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;\r\n }\r\n \r\n .partnership-section #prevBtn {\r\n left: 20px !important;\r\n }\r\n \r\n .partnership-section #nextBtn {\r\n right: 20px !important;\r\n }\r\n \r\n / Desktop Dots /\r\n .partnership-section .dots-container {\r\n text-align: center !important;\r\n margin-top: 40px !important;\r\n }\r\n \r\n .partnership-section .dot {\r\n width: 15px !important;\r\n height: 15px !important;\r\n margin: 0 8px !important;\r\n background: #ddd !important;\r\n border-radius: 50% !important;\r\n cursor: pointer !important;\r\n transition: all 0.3s ease !important;\r\n display: inline-block !important;\r\n }\r\n \r\n .partnership-section .dot.active {\r\n background: var(--primary-green) !important;\r\n transform: scale(1.2) !important;\r\n }\r\n }\r\n \r\n / ===== RESPONSIVE BREAKPOINTS ===== /\r\n @media (max-width: 480px) {\r\n .alumni-section .alumni-card,\r\n .partnership-section .partnership-card {\r\n padding: 15px 10px !important;\r\n min-height: 280px !important;\r\n }\r\n \r\n .partnership-section .partnership-viewport {\r\n padding: 10px 40px !important;\r\n }\r\n \r\n .partnership-section #prevBtn,\r\n .partnership-section #nextBtn {\r\n width: 40px !important;\r\n height: 40px !important;\r\n font-size: 1rem !important;\r\n }\r\n \r\n .alumni-section .container > div[style="padding: 20px"] {\r\n padding: 15px !important;\r\n }\r\n }\r\n \r\n \r\n /* === NEUE HERO STATISTICS SECTION === /\r\n / === GRID SETUP === /\r\n .hero-statistics-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n \r\n .hero-stat-group {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 30px;\r\n }\r\n \r\n .hero-stat-logo {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n \r\n .stat-logo-img {\r\n height: 50px; / Einheitliche Höhe für beide Logos /\r\n width: auto;\r\n object-fit: contain;\r\n }\r\n \r\n .hero-stat-items {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n width: 100%;\r\n }\r\n \r\n / === CARD STYLE === /\r\n .hero-stat-item-new {\r\n background: white;\r\n padding: 25px 20px;\r\n border-radius: 15px;\r\n text-align: center;\r\n border: 1px solid #e9ecef;\r\n box-shadow: 0 6px 25px rgba(0,0,0,0.15);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n min-height: 120px;\r\n }\r\n \r\n / === STAT NUMBERS === /\r\n .hero-stat-number-new {\r\n font-size: 2.5rem;\r\n font-weight: 900;\r\n display: block;\r\n margin-bottom: 8px;\r\n line-height: 1;\r\n }\r\n \r\n / Farbregel: STARTPLATZ = Grün /\r\n .hero-stat-group:first-child .hero-stat-number-new {\r\n color: #7AB800 !important;\r\n }\r\n \r\n / Farbregel: AI Hub = Lila /\r\n .hero-stat-group:last-child .hero-stat-number-new {\r\n color: #9535FF !important;\r\n }\r\n \r\n .hero-stat-label-new {\r\n font-size: 0.9rem;\r\n color: #333333;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n font-weight: 600;\r\n line-height: 1.3;\r\n }\r\n \r\n / === RESPONSIVE === /\r\n @media (max-width: 768px) {\r\n .hero-statistics-grid {\r\n grid-template-columns: 1fr;\r\n gap: 50px;\r\n }\r\n \r\n .hero-stat-items {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n \r\n .hero-stat-item-new {\r\n padding: 20px 15px;\r\n min-height: 100px;\r\n }\r\n \r\n .hero-stat-number-new {\r\n font-size: 2rem;\r\n }\r\n \r\n .hero-stat-label-new {\r\n font-size: 0.8rem;\r\n }\r\n \r\n .stat-logo-img {\r\n height: 60px;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .hero-stat-number-new {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .hero-stat-label-new {\r\n font-size: 0.75rem;\r\n }\r\n \r\n .stat-logo-img {\r\n height: 50px;\r\n }\r\n }\r\n \r\n \r\n \r\n \r\n \r\n / ===== MOBILE PARTNERSCHAFT NOTFALL-FIX ===== /\r\n @media screen and (max-width: 768px) {\r\n .partnership-section #partnershipSlider {\r\n display: flex !important;\r\n flex-direction: row !important;\r\n width: 500% !important;\r\n max-width: none !important;\r\n grid-template-columns: none !important;\r\n gap: 20px !important;\r\n transition: transform 0.4s ease !important;\r\n }\r\n \r\n .partnership-section .partnership-card {\r\n flex: 0 0 calc(20% - 4px) !important; \r\n width: calc(20% - 4px) !important;\r\n min-width: calc(20% - 4px) !important;\r\n max-width: calc(20% - 4px) !important;\r\n grid-column: unset !important;\r\n grid-row: unset !important;\r\n }\r\n \r\n \r\n .partnership-section .partnership-viewport {\r\n overflow: hidden !important;\r\n width: 100% !important;\r\n }\r\n }\r\n \r\n / Network Section vollständig ausblenden /\r\n .network-section {\r\n display: none !important;\r\n }\r\n \r\n / KORRIGIERTER QUICKFIX - Banner Navigation auf Smartphones sichtbar machen /\r\n \r\n / Das Problem: Banner wird nicht angezeigt oder ist versteckt /\r\n @media (max-width: 768px) {\r\n \r\n / KRITISCH: Banner muss sichtbar sein /\r\n .program-banner {\r\n display: block !important;\r\n visibility: visible !important;\r\n opacity: 1 !important;\r\n position: fixed !important;\r\n top: 46px !important; / direkt unter WordPress Admin Bar auf Mobile /\r\n left: 0 !important;\r\n right: 0 !important;\r\n width: 100% !important;\r\n z-index: 999 !important; / unter dem Hauptmenü (1030) aber über allem anderen /\r\n padding: 8px 0 !important;\r\n margin-top: 0 !important; / WICHTIG: kein margin-top bei fixed positioning /\r\n }\r\n \r\n .banner-content {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 8px !important;\r\n padding: 0 10px !important;\r\n visibility: visible !important;\r\n }\r\n \r\n / Logo kleiner machen /\r\n .program-banner .banner-logo {\r\n height: 22px !important;\r\n width: auto !important;\r\n display: block !important;\r\n }\r\n \r\n / Navigation MUSS sichtbar sein /\r\n .banner-nav {\r\n display: flex !important;\r\n visibility: visible !important;\r\n opacity: 1 !important;\r\n gap: 8px !important;\r\n flex-wrap: wrap !important;\r\n justify-content: center !important;\r\n width: 100% !important;\r\n }\r\n \r\n .banner-nav-item {\r\n display: inline-block !important;\r\n visibility: visible !important;\r\n font-size: 0.7rem !important;\r\n padding: 5px 10px !important;\r\n white-space: nowrap !important;\r\n }\r\n \r\n / Hero Section muss Platz für Banner lassen /\r\n .hero {\r\n padding-top: 160px !important; / Platz für Admin Bar (46px) + Hauptmenü (60-70px) + Banner (~50px) /\r\n }\r\n }\r\n \r\n / Für Admin Bar wenn eingeloggt /\r\n @media screen and (max-width: 782px) {\r\n .admin-bar .program-banner {\r\n top: 46px !important;\r\n }\r\n }\r\n \r\n / Extra kleine Smartphones /\r\n @media (max-width: 480px) {\r\n .program-banner {\r\n padding: 6px 0 !important;\r\n }\r\n \r\n .program-banner .banner-logo {\r\n height: 18px !important;\r\n }\r\n \r\n .banner-nav {\r\n gap: 5px !important;\r\n }\r\n \r\n .banner-nav-item {\r\n font-size: 0.65rem !important;\r\n padding: 4px 8px !important;\r\n }\r\n \r\n .hero {\r\n padding-top: 150px !important;\r\n }\r\n }\r\n \r\n / Falls das Banner irgendwo display:none hat, überschreiben /\r\n .program-banner,\r\n .banner-content,\r\n .banner-nav {\r\n display: flex !important;\r\n }\r\n \r\n \n </style>\n </head>\n \n <body id="accelerator-top" class="wp-singular page-template page-template-page-accelerator page-template-page-accelerator-php page page-id-79104 page-parent page-child parent-pageid-35826 wp-theme-startplatz accelerator-template group-blog">\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 <!-- page-accelerator.php starts -->\n \n <!-- Program Banner Navigation - English Version -->\r\n <div class="program-banner" id="nav-banner">\r\n <div class="banner-content">\r\n <a href="/en/accelerator/" class="banner-logo-link"><img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_512/v1759760743/accelerator/KI%20Accelerator%20Logos/STARTPLATZ-Accelerator-Logo-schwarzundschwarz.png" alt="STARTPLATZ AI Accelerator NRW 2025" class="banner-logo" style="height: 32px; width: auto;"></a>\r\n <nav class="banner-nav">\r\n <a href="/en/" class="banner-nav-item">STARTPLATZ</a>\r\n <a href="/en/accelerator/#program" class="banner-nav-item">\r\n Program\r\n </a>\r\n <a href="/en/accelerator/partners" class="banner-nav-item">\r\n Partners\r\n </a>\r\n <a href="/en/accelerator/startups" class="banner-nav-item">\r\n Startups\r\n </a>\r\n <a href="/en/accelerator/mentors" class="banner-nav-item">\r\n Mentors\r\n </a>\r\n <a href="/en/accelerator/experts-in-residence" class="banner-nav-item">\r\n Experts\r\n </a>\r\n <a href="/en/accelerator/#faq" class="banner-nav-item">\r\n FAQ\r\n </a>\r\n <!-- Language Toggle to German -->\r\n <a href="/accelerator/" class="banner-nav-item language-toggle-banner" title="Auf Deutsch wechseln">\r\n 🇩🇪 DE\r\n </a>\r\n </nav>\r\n <!-- Mobile Menu Toggle -->\r\n <button class="accelerator-mobile-toggle" aria-label="Toggle menu">\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n </button>\r\n </div>\r\n </div>\r\n <!-- Mobile Menu English -->\r\n <div class="accelerator-mobile-menu" id="mobile-menu">\r\n <div class="mobile-menu-content">\r\n <a href="/en/" class="mobile-menu-item">STARTPLATZ</a>\r\n <a href="/en/accelerator/#program" class="mobile-menu-item">Program</a>\r\n <a href="/en/accelerator/startups" class="mobile-menu-item">Startups</a>\r\n <a href="/en/accelerator/mentors" class="mobile-menu-item">Mentors</a>\r\n <a href="/en/accelerator/experts-in-residence" class="mobile-menu-item">Experts</a>\r\n <a href="/en/accelerator/#partners" class="mobile-menu-item">Partners</a>\r\n <a href="/en/accelerator/#faq" class="mobile-menu-item">FAQ</a>\r\n <a href="/accelerator/" class="mobile-menu-item language-toggle">?? Deutsche Version</a>\r\n </div>\r\n </div>\n <!-- Main Content Area -->\n <main class="accelerator-main">\n \n <!-- Hero Section -->\r\n <section id="hero" class="hero">\r\n <div class="container">\r\n <div class="hero-content">\r\n \r\n <!-- Left Column: Text Content -->\r\n <div class="hero-text fade-in">\r\n \r\n <!-- Logos above the headline -->\r\n <div class="hero-logos-left">\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"\r\n alt="STARTPLATZ Accelerator Logo">\r\n <div class="logo-divider-left"></div>\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/v1751977324/logos/NRW_Hub_Wei%C3%9F.png"\r\n alt="NRW Hub Logo">\r\n </div>\r\n \r\n <!-- Main headline -->\r\n <h1 class="hero-title">\r\n STARTPLATZ AI Accelerator NRW\r\n </h1>\r\n \r\n <!-- Subtitle -->\r\n <h2 class="hero-subtitle-main">\r\n For startups of <span class="highlight">all</span> industries\r\n </h2>\r\n \r\n <!-- Description -->\r\n <p class="hero-description">\r\n Scale your startup with the power of AI. <br>\r\n 4 months. 10 startups. One mission: We integrate AI into your growth strategy.\r\n </p>\r\n \r\n <!-- CTA Buttons -->\r\n <div class="hero-cta-group">\r\n <!-- Button 1: Discover program -->\r\n <a href="#program" class="btn-hero-secondary">\r\n Discover program\r\n </a>\r\n \r\n <!-- Button 2: Apply now (Primary) -->\r\n <a href="https://www.startplatz.de/join/accelerator-v2/ki-accelerator-nrw-02" \r\n target="_blank" \r\n rel="noopener" \r\n class="btn-hero-primary">\r\n Apply now\r\n <span>→</span>\r\n </a>\r\n </div>\r\n \r\n </div>\r\n \r\n <!-- Right Column: Visual Content -->\r\n <div class="hero-visual fade-in">\r\n \r\n <!-- Hero Image -->\r\n <div class="hero-image" style="max-width: 750px; position: relative;">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_900/v1754398646/conference-rooms/Vancouver/STARTPLATZ_Accelerator_Vortrag.png"\r\n alt="Startup meeting in modern coworking space"\r\n loading="eager">\r\n <div style="position: absolute; bottom: 0; left: 0; right: 0; height: 40%; background: linear-gradient(transparent, rgba(0,0,0,0.8)); border-radius: 0 0 20px 20px;"></div>\r\n </div>\r\n \r\n <!-- Timeline under the image -->\r\n <div class="hero-timeline-separated">\r\n \r\n <!-- Timeline Item 1 -->\r\n <div class="hero-timeline-item-separated">\r\n <div class="hero-timeline-icon-separated">📅</div>\r\n <div class="hero-timeline-content-separated">\r\n <div class="hero-timeline-title-separated">Apply until</div>\r\n <div class="hero-timeline-date-separated"> March 22, 2026</div>\r\n </div>\r\n </div>\r\n \r\n \r\n <!-- Timeline Item 1 -->\r\n <div class="hero-timeline-item-separated">\r\n <div class="hero-timeline-icon-separated">📅</div>\r\n <div class="hero-timeline-content-separated">\r\n <div class="hero-timeline-title-separated">Batch 2 starts</div>\r\n <div class="hero-timeline-date-separated"> in April 2026</div>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n \r\n </div>\r\n </div>\r\n </section>\r\n \r\n <!-- Statistics Section - SEPARATE SECTION -->\r\n <section class="hero-statistics-extended">\r\n <div class="container">\r\n <div class="text-center" style="margin-bottom: 40px;">\r\n <h2 style="color: white; font-size: 2.2rem; font-weight: 700; margin-bottom: 20px; text-shadow: 2px 2px 4px rgba(0,0,0,0.2);">\r\n STARTPLATZ Track Record - Startup & AI Experience\r\n </h2>\r\n </div>\r\n \r\n <div class="hero-statistics-grid">\r\n <!-- STARTPLATZ Statistics -->\r\n <div class="hero-stat-group">\r\n <div class="hero-stat-logo">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,w_256/v1614775163/logos/STARTPLATZ_Logos/STARTPLATZ_Logo.png" \r\n alt="STARTPLATZ Logo" class="stat-logo-img">\r\n </div>\r\n <div class="hero-stat-items">\r\n <div class="hero-stat-item-new">\r\n <span class="hero-stat-number-new">1,500+</span>\r\n <span class="hero-stat-label-new">Supported Startups</span>\r\n </div>\r\n <div class="hero-stat-item-new">\r\n <span class="hero-stat-number-new">800+</span>\r\n <span class="hero-stat-label-new">Million € Investment</span>\r\n </div>\r\n <div class="hero-stat-item-new">\r\n <span class="hero-stat-number-new">27</span>\r\n <span class="hero-stat-label-new">Accelerator Batches</span>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n <!-- AI Hub Statistics -->\r\n <div class="hero-stat-group">\r\n <div class="hero-stat-logo">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/v1709845467/ai-hub/AI-Hub-Logo.png" \r\n alt="STARTPLATZ AI Hub Logo" class="stat-logo-img">\r\n </div>\r\n <div class="hero-stat-items">\r\n <div class="hero-stat-item-new">\r\n <span class="hero-stat-number-new">500+</span>\r\n <span class="hero-stat-label-new">AI Events & Workshops</span>\r\n </div>\r\n <div class="hero-stat-item-new">\r\n <span class="hero-stat-number-new">200+</span>\r\n <span class="hero-stat-label-new">AI Experts in Network</span>\r\n </div>\r\n <div class="hero-stat-item-new">\r\n <span class="hero-stat-number-new">100+</span>\r\n <span class="hero-stat-label-new">AI Managers Trained</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n \r\n <!-- Target Audience Section -->\r\n <section class="target-audience-section section" style="padding: 60px 0; background: var(--light-gray);">\r\n <div class="container">\r\n <div class="text-center">\r\n <h2>Is the AI Accelerator NRW right for you?</h2>\r\n <p style="font-size: 1.2rem; margin-top: 20px; max-width: 700px; margin-left: auto; margin-right: auto; color: var(--text-gray);">\r\n 4 months of AI integration for <strong>growth startups on their way to scale-up</strong>. \r\n One of 6 NRW-funded hubs with the largest startup community in NRW.\r\n </p>\r\n </div>\r\n \r\n <div style="display: grid; grid-template-columns: 2fr 1fr; gap: 40px; margin-top: 50px; max-width: 1000px; margin-left: auto; margin-right: auto;">\r\n <!-- Perfect for AI Accelerator -->\r\n <div class="target-card">\r\n <div style="background: white; padding: 40px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1); height: 100%;">\r\n <div style="margin-bottom: 25px;">\r\n <h3 style="color: var(--primary-green); margin-bottom: 15px;">We're looking for startups for our AI Accelerator that:</h3>\r\n </div>\r\n \r\n <ul style="list-style: none; margin: 0; padding: 0;">\r\n <li style="display: flex; align-items: center; margin-bottom: 12px; padding: 8px 0;">\r\n <div style="width: 24px; height: 24px; background: linear-gradient(135deg, var(--primary-green), #8CC619); border-radius: 4px; display: flex; align-items: center; justify-content: center; margin-right: 12px; flex-shrink: 0; box-shadow: 0 2px 8px rgba(122, 184, 0, 0.3);">\r\n <div style="width: 8px; height: 8px; background: white; border-radius: 50%;"></div>\r\n </div>\r\n <span>Already have first customers and have validated their business model</span>\r\n </li>\r\n <li style="display: flex; align-items: center; margin-bottom: 12px; padding: 8px 0;">\r\n <div style="width: 24px; height: 24px; background: linear-gradient(135deg, var(--primary-green), #8CC619); border-radius: 4px; display: flex; align-items: center; justify-content: center; margin-right: 12px; flex-shrink: 0; box-shadow: 0 2px 8px rgba(122, 184, 0, 0.3);">\r\n <div style="width: 8px; height: 8px; background: white; border-radius: 50%;"></div>\r\n </div>\r\n <span>Have developed a scalable product and want to grow</span>\r\n </li>\r\n <li style="display: flex; align-items: center; margin-bottom: 12px; padding: 8px 0;">\r\n <div style="width: 24px; height: 24px; background: linear-gradient(135deg, var(--primary-green), #8CC619); border-radius: 4px; display: flex; align-items: center; justify-content: center; margin-right: 12px; flex-shrink: 0; box-shadow: 0 2px 8px rgba(122, 184, 0, 0.3);">\r\n <div style="width: 8px; height: 8px; background: white; border-radius: 50%;"></div>\r\n </div>\r\n <span>Want to use AI as a growth lever in their business</span>\r\n </li>\r\n <li style="display: flex; align-items: center; margin-bottom: 12px; padding: 8px 0;">\r\n <div style="width: 24px; height: 24px; background: linear-gradient(135deg, var(--primary-green), #8CC619); border-radius: 4px; display: flex; align-items: center; justify-content: center; margin-right: 12px; flex-shrink: 0; box-shadow: 0 2px 8px rgba(122, 184, 0, 0.3);">\r\n <div style="width: 8px; height: 8px; background: white; border-radius: 50%;"></div>\r\n </div>\r\n <span>Are ready to scale with a team of 2-10 people</span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n <!-- Not ready yet -->\r\n <div class="target-card">\r\n <div style="background: white; padding: 30px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1); height: 100%; display: flex; flex-direction: column; justify-content: center; text-align: center;">\r\n <div style="margin-bottom: 20px;">\r\n <h4 style="color: var(--secondary-blue); margin-bottom: 15px;">Still in the idea phase?</h4>\r\n <p style="color: var(--text-gray); font-size: 0.95rem; line-height: 1.7;">\r\n Our <strong>Open Accelerator</strong> is the perfect entry point for early-stage startups with flexible programs.\r\n </p>\r\n </div>\r\n \r\n <a href="https://www.startplatz.de/open-accelerator/" target="_blank" rel="noopener noreferrer" class="btn" style="background: var(--secondary-blue); color: white; padding: 12px 24px; border-radius: 6px; text-decoration: none; font-weight: 600; display: inline-block; transition: all 0.3s ease;">\r\n To Open Accelerator →\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n \r\n <!-- Additional CSS for responsive behavior -->\r\n <style>\r\n @media (max-width: 768px) {\r\n .target-audience-section .container > div[style="grid-template-columns"] {\r\n grid-template-columns: 1fr !important;\r\n gap: 30px !important;\r\n }\r\n \r\n .target-audience-section {\r\n padding: 40px 0 !important;\r\n }\r\n }\r\n \r\n .target-card {\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .target-card:hover {\r\n transform: translateY(-3px);\r\n }\r\n \r\n .btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\r\n }\r\n </style>\r\n \r\n \r\n \r\n \r\n \r\n \r\n <!-- Batch 1 Startups Section -->\r\n <section class="batch-startups-section">\r\n <div class="container">\r\n <h2 class="section-title">Startups from Batch 1</h2>\r\n <p class="section-subtitle">These innovative startups were selected for the first cohort of the AI Accelerator NRW</p>\r\n <div class="startups-grid">\r\n <a href="https://app.unlock-ai.io" target="_blank" rel="noopener noreferrer" class="startup-logo-item">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1761215857/accelerator/Logos%20Batch%201%20-%20KI%20Accelerator/unlock_ai_Logo_Prima%CC%88r.jpg" alt="Unlock AI">\r\n </a>\r\n <a href="https://www.soforce.ai/" target="_blank" rel="noopener noreferrer" class="startup-logo-item">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1768810370/accelerator/Logos%20Batch%201%20-%20KI%20Accelerator/Soforce_Logo_Black.png" alt="Soforce">\r\n </a>\r\n <a href="https://www.pagent.ai" target="_blank" rel="noopener noreferrer" class="startup-logo-item">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1760971949/accelerator/Logos%20Batch%201%20-%20KI%20Accelerator/pagent_Logo_palm.png" alt="Pagent">\r\n </a>\r\n <a href="https://comdaily.ai/de" target="_blank" rel="noopener noreferrer" class="startup-logo-item">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1760971949/accelerator/Logos%20Batch%201%20-%20KI%20Accelerator/comdaily_Logo.svg" alt="Comdaily">\r\n </a>\r\n <a href="https://www.mindelevate.app" target="_blank" rel="noopener noreferrer" class="startup-logo-item larger-logo">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1760971948/accelerator/Logos%20Batch%201%20-%20KI%20Accelerator/MindElevate_Logo.png" alt="MindElevate">\r\n </a>\r\n <a href="https://anny.co" target="_blank" rel="noopener noreferrer" class="startup-logo-item">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1760971948/accelerator/Logos%20Batch%201%20-%20KI%20Accelerator/anny_Logo_Prima%CC%88r.png" alt="Anny">\r\n </a>\r\n <a href="https://www.compelling.ai" target="_blank" rel="noopener noreferrer" class="startup-logo-item larger-logo">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1760971878/accelerator/Logos%20Batch%201%20-%20KI%20Accelerator/Compelling_Logo.png" alt="Compelling">\r\n </a>\r\n <a href="https://tryworkabroad.com/de" target="_blank" rel="noopener noreferrer" class="startup-logo-item larger-logo">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1760971877/accelerator/Logos%20Batch%201%20-%20KI%20Accelerator/WorkAbroad_Logo.png" alt="WorkAbroad">\r\n </a>\r\n <a href="https://www.tenderflow.ai" target="_blank" rel="noopener noreferrer" class="startup-logo-item">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1768574267/accelerator/Logos%20Batch%201%20-%20KI%20Accelerator/Tenderflow_Logo_Text_black.svg" alt="Tenderflow">\r\n </a>\r\n <a href="https://fynn.eu" target="_blank" rel="noopener noreferrer" class="startup-logo-item larger-logo">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1760971620/accelerator/Logos%20Batch%201%20-%20KI%20Accelerator/Fynn_Logo_wei%C3%9F.png" alt="Fynn" style="filter: invert(1);">\r\n </a>\r\n </div>\r\n </div>\r\n </section>\r\n \r\n <style>\r\n /* Batch 1 Startups Section /\r\n .batch-startups-section {\r\n padding: 80px 0;\r\n background-color: #f8f9fa;\r\n }\r\n \r\n .batch-startups-section .section-title {\r\n font-size: 42px;\r\n font-weight: 700;\r\n text-align: center;\r\n margin-bottom: 16px;\r\n color: #333;\r\n }\r\n \r\n .batch-startups-section .section-subtitle {\r\n font-size: 18px;\r\n text-align: center;\r\n color: #666;\r\n margin-bottom: 60px;\r\n max-width: 800px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n \r\n .startups-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 40px;\r\n align-items: center;\r\n justify-items: center;\r\n }\r\n \r\n .startup-logo-item {\r\n width: 100%;\r\n max-width: 200px;\r\n height: 100px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n background: white;\r\n border-radius: 8px;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n text-decoration: none;\r\n cursor: pointer;\r\n }\r\n \r\n .startup-logo-item:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .startup-logo-item img {\r\n max-width: 100%;\r\n max-height: 100%;\r\n width: auto;\r\n height: auto;\r\n object-fit: contain;\r\n }\r\n \r\n / Deutlich größere Darstellung für Logos mit viel Whitespace /\r\n .startup-logo-item.larger-logo img {\r\n max-width: 250%;\r\n max-height: 250%;\r\n }\r\n \r\n / Spezielle Vergrößerung für MindElevate /\r\n .startup-logo-item.larger-logo:nth-child(5) img {\r\n max-width: 400%;\r\n max-height: 400%;\r\n }\r\n \r\n / Spezielle Zentrierung für MindElevate /\r\n .startup-logo-item.larger-logo:nth-child(5) {\r\n align-items: center;\r\n padding-top: 45px;\r\n padding-bottom: 15px;\r\n }\r\n \r\n / Tablet /\r\n @media (max-width: 1024px) {\r\n .startups-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n }\r\n \r\n .batch-startups-section .section-title {\r\n font-size: 36px;\r\n }\r\n }\r\n \r\n / Mobile /\r\n @media (max-width: 768px) {\r\n .batch-startups-section {\r\n padding: 60px 0;\r\n }\r\n \r\n .batch-startups-section .section-title {\r\n font-size: 32px;\r\n margin-bottom: 12px;\r\n }\r\n \r\n .batch-startups-section .section-subtitle {\r\n font-size: 16px;\r\n margin-bottom: 40px;\r\n }\r\n \r\n .startups-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n }\r\n \r\n .startup-logo-item {\r\n max-width: 160px;\r\n height: 80px;\r\n padding: 15px;\r\n }\r\n \r\n .startup-logo-item.larger-logo img {\r\n max-width: 220%;\r\n max-height: 220%;\r\n }\r\n \r\n .startup-logo-item.larger-logo:nth-child(5) {\r\n padding-top: 35px;\r\n padding-bottom: 10px;\r\n }\r\n \r\n .startup-logo-item.larger-logo:nth-child(5) img {\r\n max-width: 350%;\r\n max-height: 350%;\r\n }\r\n }\r\n \r\n / Small Mobile /\r\n @media (max-width: 480px) {\r\n .batch-startups-section {\r\n padding: 50px 0;\r\n }\r\n \r\n .batch-startups-section .section-title {\r\n font-size: 28px;\r\n }\r\n \r\n .batch-startups-section .section-subtitle {\r\n font-size: 15px;\r\n margin-bottom: 30px;\r\n }\r\n \r\n .startups-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 15px;\r\n }\r\n \r\n .startup-logo-item {\r\n max-width: 140px;\r\n height: 70px;\r\n padding: 12px;\r\n }\r\n \r\n .startup-logo-item.larger-logo img {\r\n max-width: 200%;\r\n max-height: 200%;\r\n }\r\n \r\n .startup-logo-item.larger-logo:nth-child(5) {\r\n padding-top: 30px;\r\n padding-bottom: 8px;\r\n }\r\n \r\n .startup-logo-item.larger-logo:nth-child(5) img {\r\n max-width: 320%;\r\n max-height: 320%;\r\n }\r\n }\r\n </style>\r\n \r\n <!-- Compact Waitlist Section -->\r\n <section class="waitlist-banner section">\r\n <div class="container">\r\n <div class="waitlist-banner-content">\r\n <div class="waitlist-banner-text">\r\n <h3>Interested in the next batch?</h3>\r\n <p>Apply for Batch 2 of STARTPLATZ AI Accelerator</p>\r\n </div>\r\n <a href="https://www.startplatz.de/join/accelerator-v2/ki-accelerator-nrw-02" class="btn btn-primary" target="_blank" rel="noopener">\r\n Apply now!\r\n </a>\r\n </div>\r\n </div>\r\n </section>\r\n \r\n <style>\r\n / Compact Waitlist Banner /\r\n .waitlist-banner {\r\n background: linear-gradient(135deg, #7AB800 0%, #8CC619 100%);\r\n padding: 40px 0;\r\n }\r\n \r\n .waitlist-banner-content {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 40px;\r\n }\r\n \r\n .waitlist-banner-text h3 {\r\n color: white;\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n }\r\n \r\n .waitlist-banner-text p {\r\n color: rgba(255, 255, 255, 0.95);\r\n font-size: 1.05rem;\r\n margin: 0;\r\n max-width: 600px;\r\n }\r\n \r\n .waitlist-banner .btn-primary {\r\n background: white;\r\n color: #7AB800;\r\n white-space: nowrap;\r\n flex-shrink: 0;\r\n }\r\n \r\n .waitlist-banner .btn-primary:hover {\r\n background: #f8f9fa;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);\r\n }\r\n \r\n / Mobile Responsive /\r\n @media (max-width: 768px) {\r\n .waitlist-banner {\r\n padding: 30px 0;\r\n }\r\n \r\n .waitlist-banner-content {\r\n flex-direction: column;\r\n text-align: center;\r\n gap: 25px;\r\n }\r\n \r\n .waitlist-banner-text h3 {\r\n font-size: 1.5rem;\r\n }\r\n \r\n .waitlist-banner-text p {\r\n font-size: 1rem;\r\n }\r\n \r\n .waitlist-banner .btn-primary {\r\n width: 100%;\r\n max-width: 300px;\r\n }\r\n }\r\n </style>\r\n \r\n \r\n \r\n \r\n \r\n <!-- Program Overview -->\r\n <section id="program" class="section">\r\n <div class="container">\r\n <div class="text-center">\r\n <h2>The Program: 3 Phases to Scale-up</h2>\r\n <p style="font-size: 1.2rem; margin-top: 20px; max-width: 600px; margin-left: auto; margin-right: auto;">\r\n Our proven 4-month program guides growth startups through a structured path to scaling with AI integration as the focus.\r\n </p>\r\n </div>\r\n \r\n <div class="program-grid">\r\n <div class="program-phase">\r\n <div class="phase-number">1</div>\r\n <h3>Foundation</h3>\r\n <ul class="phase-features">\r\n <li>\r\n <div class="feature-icon">\r\n <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n <circle cx="11" cy="11" r="8"/>\r\n <path d="M21 21l-4.35-4.35"/>\r\n </svg>\r\n </div>\r\n <span>Technology Readiness Check-up</span>\r\n </li>\r\n <li>\r\n <div class="feature-icon">\r\n <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n <path d="M18 20V10"/>\r\n <path d="M12 20V4"/>\r\n <path d="M6 20v-6"/>\r\n </svg>\r\n </div>\r\n <span>KPI Definition & Growth Unlock Workshop</span>\r\n </li>\r\n <li>\r\n <div class="feature-icon">\r\n <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\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 </div>\r\n <span>Mentor Madness - Find your ideal mentors</span>\r\n </li>\r\n <li>\r\n <div class="feature-icon">\r\n <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/>\r\n </svg>\r\n </div>\r\n <span>Kick-off event with startup community</span>\r\n </li>\r\n </ul>\r\n </div>\r\n \r\n <div class="program-phase">\r\n <div class="phase-number">2</div>\r\n <h3>Implementation</h3>\r\n <ul class="phase-features">\r\n <li>\r\n <div class="feature-icon">\r\n <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\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 </div>\r\n <span>Specialized <a href="#workshops" style="color: var(--primary-green); font-weight: 700; text-decoration: underline;">Workshops</a> on growth topics</span>\r\n </li>\r\n <li>\r\n <div class="feature-icon">\r\n <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/>\r\n <circle cx="12" cy="12" r="4"/>\r\n <path d="M8 12h8"/>\r\n <path d="M12 8v8"/>\r\n <path d="M3 12h2"/>\r\n <path d="M19 12h2"/>\r\n </svg>\r\n </div>\r\n <span>Micro-residency with international AI experts</span>\r\n </li>\r\n <li>\r\n <div class="feature-icon">\r\n <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/>\r\n </svg>\r\n </div>\r\n <span>Hands-on AI integration into your processes</span>\r\n </li>\r\n <li>\r\n <div class="feature-icon">\r\n <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\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 </div>\r\n <span>Fundraising & <br>Pitch Training</span>\r\n </li>\r\n </ul>\r\n </div>\r\n \r\n <div class="program-phase">\r\n <div class="phase-number">3</div>\r\n <h3>Scale</h3>\r\n <ul class="phase-features">\r\n <li>\r\n <div class="feature-icon">\r\n <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\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 <path d="M8 14h.01"/>\r\n <path d="M12 14h.01"/>\r\n <path d="M16 14h.01"/>\r\n <path d="M8 18h.01"/>\r\n <path d="M12 18h.01"/>\r\n <circle cx="17" cy="17" r="3"/>\r\n <path d="M15 17l1 1 2-2"/>\r\n </svg>\r\n </div>\r\n <span>VC office hours with top investors</span>\r\n </li>\r\n <li>\r\n <div class="feature-icon">\r\n <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n <path d="M7 7h.01"/>\r\n <path d="M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 0 1 0 2.828l-7 7a2 2 0 0 1-2.828 0l-7-7A1.994 1.994 0 0 1 3 12V7a4 4 0 0 1 4-4z"/>\r\n <path d="M16 8l2 2"/>\r\n <path d="M12 12l4 4"/>\r\n <path d="M8 8l8 8"/>\r\n </svg>\r\n </div>\r\n <span>Demo Day preparation & pitch perfection</span>\r\n </li>\r\n <li>\r\n <div class="feature-icon">\r\n <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/>\r\n <circle cx="12" cy="12" r="4"/>\r\n </svg>\r\n </div>\r\n <span>International expansion support</span>\r\n </li>\r\n <li>\r\n <div class="feature-icon">\r\n <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\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 </div>\r\n <span>Demo Day - Present your growth</span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n \r\n <!-- Workshops Section -->\r\n <section id="workshops" class="workshops-section section" style="padding: 60px 0; background: var(--light-gray);">\r\n <div class="container">\r\n <div class="text-center">\r\n <h2>Workshop Program</h2>\r\n <p style="font-size: 1.2rem; margin-top: 15px; max-width: 600px; margin-left: auto; margin-right: auto; color: var(--text-gray);">\r\n Specialized workshops tailored to your team's needs (subject to change).\r\n </p>\r\n </div>\r\n \r\n <div class="workshops-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 40px;">\r\n \r\n <!-- AI & Technology -->\r\n <div class="workshop-category" style="background: white; padding: 25px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1);">\r\n <div style="display: flex; align-items: center; margin-bottom: 15px;">\r\n <div style="width: 40px; height: 40px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-right: 12px;">\r\n <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2">\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 </div>\r\n <h4 style="color: #667eea; margin: 0; font-size: 1.1rem;">AI & Technology</h4>\r\n </div>\r\n <ul style="list-style: none; margin: 0; padding: 0;">\r\n <li style="margin-bottom: 6px; color: var(--text-gray); font-size: 0.9rem;">• AI Bootcamp & Prompting</li>\r\n <li style="margin-bottom: 6px; color: var(--text-gray); font-size: 0.9rem;">• AI-First Mindset</li>\r\n <li style="margin-bottom: 6px; color: var(--text-gray); font-size: 0.9rem;">• AI Agents & Automations</li>\r\n <li style="margin-bottom: 6px; color: var(--text-gray); font-size: 0.9rem;">• Technology Readiness Check</li>\r\n <li style="margin-bottom: 6px; color: var(--text-gray); font-size: 0.9rem;">• Security Essentials</li>\r\n </ul>\r\n </div>\r\n \r\n <!-- Growth & Marketing -->\r\n <div class="workshop-category" style="background: white; padding: 25px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1);">\r\n <div style="display: flex; align-items: center; margin-bottom: 15px;">\r\n <div style="width: 40px; height: 40px; background: linear-gradient(135deg, #7AB800 0%, #8CC619 100%); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-right: 12px;">\r\n <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2">\r\n <path d="M18 20V10"/>\r\n <path d="M12 20V4"/>\r\n <path d="M6 20v-6"/>\r\n </svg>\r\n </div>\r\n <h4 style="color: var(--primary-green); margin: 0; font-size: 1.1rem;">Growth & Marketing</h4>\r\n </div>\r\n <ul style="list-style: none; margin: 0; padding: 0;">\r\n <li style="margin-bottom: 6px; color: var(--text-gray); font-size: 0.9rem;">• AI-Powered Growth Strategies</li>\r\n <li style="margin-bottom: 6px; color: var(--text-gray); font-size: 0.9rem;">• AI Marketing Stack 2025</li>\r\n <li style="margin-bottom: 6px; color: var(--text-gray); font-size: 0.9rem;">• B2B Sales Engine with AI</li>\r\n <li style="margin-bottom: 6px; color: var(--text-gray); font-size: 0.9rem;">• Pricing & Packaging</li>\r\n <li style="margin-bottom: 6px; color: var(--text-gray); font-size: 0.9rem;">• International Expansion</li>\r\n </ul>\r\n </div>\r\n \r\n <!-- Finance & Investment -->\r\n <div class="workshop-category" style="background: white; padding: 25px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1);">\r\n <div style="display: flex; align-items: center; margin-bottom: 15px;">\r\n <div style="width: 40px; height: 40px; background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-right: 12px;">\r\n <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2">\r\n <line x1="12" y1="1" x2="12" y2="23"/>\r\n <path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/>\r\n </svg>\r\n </div>\r\n <h4 style="color: #4facfe; margin: 0; font-size: 1.1rem;">Finance & Pitch</h4>\r\n </div>\r\n <ul style="list-style: none; margin: 0; padding: 0;">\r\n <li style="margin-bottom: 6px; color: var(--text-gray); font-size: 0.9rem;">• Financial Planning & Models</li>\r\n <li style="margin-bottom: 6px; color: var(--text-gray); font-size: 0.9rem;">• Fundraising Masterclass</li>\r\n <li style="margin-bottom: 6px; color: var(--text-gray); font-size: 0.9rem;">• Term Sheets & Cap Table</li>\r\n <li style="margin-bottom: 6px; color: var(--text-gray); font-size: 0.9rem;">• Pitch Training & Demo Day</li>\r\n <li style="margin-bottom: 6px; color: var(--text-gray); font-size: 0.9rem;">• Leadership & Culture</li>\r\n </ul>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n </section>\r\n \r\n <!-- What sets us apart Section -->\r\n <section id="unique-programs" class="unique-programs section">\r\n <div class="container">\r\n <div class="section-header">\r\n <h2>Direct access to AI expertise through our accelerator program</h2>\r\n </div>\r\n \r\n <div class="experts-showcase">\r\n <div class="expert-type international">\r\n <div class="expert-visual">\r\n <div class="globe-icon">\r\n <svg viewBox="0 0 100 100" fill="none">\r\n <circle cx="50" cy="50" r="45" stroke="url(#gradient1)" stroke-width="3" fill="none"/>\r\n <path d="M50 5 C75 25, 75 75, 50 95 C25 75, 25 25, 50 5" stroke="url(#gradient1)" stroke-width="2" fill="none"/>\r\n <path d="M15 35 L85 35 M15 65 L85 65" stroke="url(#gradient1)" stroke-width="2"/>\r\n <defs>\r\n <linearGradient id="gradient1" x1="0%" y1="0%" x2="100%" y2="100%">\r\n <stop offset="0%" style="stop-color:#FF6B35"/>\r\n <stop offset="100%" style="stop-color:#F7931E"/>\r\n </linearGradient>\r\n </defs>\r\n </svg>\r\n </div>\r\n <div class="connection-dots">\r\n <span class="dot active"></span>\r\n <span class="dot"></span>\r\n <span class="dot active"></span>\r\n </div>\r\n </div>\r\n <div class="expert-content">\r\n <div class="badge">International Expertise</div>\r\n <h3>Top AI experts from around the world</h3>\r\n <p class="timing">At targeted points in the program</p>\r\n <div class="benefits">\r\n <div class="benefit-item">\r\n <div class="icon">\r\n <svg viewBox="0 0 16 16" fill="none">\r\n <path d="M8 0L9.898 5.292L16 5.292L11.051 8.708L12.949 14L8 10.584L3.051 14L4.949 8.708L0 5.292L6.102 5.292L8 0Z" fill="#FF6B35"/>\r\n </svg>\r\n </div>\r\n <span>Silicon Valley & tech hubs worldwide</span>\r\n </div>\r\n <div class="benefit-item">\r\n <div class="icon">\r\n <svg viewBox="0 0 16 16" fill="none">\r\n <path d="M8 1L8.5 6.5L14 8L8.5 9.5L8 15L7.5 9.5L2 8L7.5 6.5L8 1Z" fill="#FF6B35"/>\r\n <path d="M12 2L12.5 4.5L15 5L12.5 5.5L12 8L11.5 5.5L9 5L11.5 4.5L12 2Z" fill="#F7931E"/>\r\n </svg>\r\n </div>\r\n <span>State-of-the-art AI technologies</span>\r\n </div>\r\n <div class="benefit-item">\r\n <div class="icon">\r\n <svg viewBox="0 0 16 16" fill="none">\r\n <circle cx="8" cy="8" r="7" stroke="#FF6B35" stroke-width="1.5" fill="none"/>\r\n <path d="M8 1C11.5 3 11.5 13 8 15C4.5 13 4.5 3 8 1" stroke="#FF6B35" stroke-width="1.5" fill="none"/>\r\n <path d="M2.5 6H13.5M2.5 10H13.5" stroke="#FF6B35" stroke-width="1"/>\r\n </svg>\r\n </div>\r\n <span>Global expansion & scaling</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n <div class="vs-divider">\r\n <div class="plus-icon">+</div>\r\n <div class="connection-line"></div>\r\n </div>\r\n \r\n <div class="expert-type regional">\r\n <div class="expert-visual">\r\n <div class="location-icon">\r\n <svg viewBox="0 0 100 100" fill="none">\r\n <path d="M50 10 C65 10, 75 20, 75 35 C75 50, 50 80, 50 80 C50 80, 25 50, 25 35 C25 20, 35 10, 50 10 Z" stroke="url(#gradient2)" stroke-width="3" fill="url(#gradient2)" fill-opacity="0.1"/>\r\n <circle cx="50" cy="35" r="8" fill="url(#gradient2)"/>\r\n <defs>\r\n <linearGradient id="gradient2" x1="0%" y1="0%" x2="100%" y2="100%">\r\n <stop offset="0%" style="stop-color:#4A90E2"/>\r\n <stop offset="100%" style="stop-color:#357ABD"/>\r\n </linearGradient>\r\n </defs>\r\n </svg>\r\n </div>\r\n </div>\r\n <div class="expert-content">\r\n <div class="badge regional-badge">Regional Support</div>\r\n <h3>Local AI specialists on-site</h3>\r\n <p class="timing">4 months of continuous support</p>\r\n <div class="benefits">\r\n <div class="benefit-item">\r\n <div class="icon">\r\n <svg viewBox="0 0 16 16" fill="none">\r\n <path d="M5 7L7.5 9L11 5" stroke="#4A90E2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\r\n <path d="M8 1C10 3 10 6 8 8C6 6 6 3 8 1Z" fill="#4A90E2"/>\r\n <path d="M2 10C4 8 6 8 8 10C10 8 12 8 14 10" stroke="#4A90E2" stroke-width="1.5" stroke-linecap="round"/>\r\n </svg>\r\n </div>\r\n <span>Personal mentoring daily</span>\r\n </div>\r\n <div class="benefit-item">\r\n <div class="icon">\r\n <svg viewBox="0 0 16 16" fill="none">\r\n <path d="M8 2L10 6L14 6L11 9L12 14L8 11L4 14L5 9L2 6L6 6L8 2Z" fill="#4A90E2"/>\r\n <circle cx="8" cy="8" r="1.5" fill="white"/>\r\n </svg>\r\n </div>\r\n <span>Immediately available problem solving</span>\r\n </div>\r\n <div class="benefit-item">\r\n <div class="icon">\r\n <svg viewBox="0 0 16 16" fill="none">\r\n <path d="M2 6L8 2L14 6V12C14 13 13 14 12 14H4C3 14 2 13 2 12V6Z" stroke="#4A90E2" stroke-width="1.5" fill="none"/>\r\n <path d="M6 14V8H10V14" stroke="#4A90E2" stroke-width="1.5"/>\r\n <circle cx="8" cy="5" r="1" fill="#4A90E2"/>\r\n </svg>\r\n </div>\r\n <span>Strong local AI network</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n \r\n <style>\r\n .unique-programs {\r\n background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\r\n padding: 100px 0;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .unique-programs::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23e2e8f0" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');\r\n opacity: 0.3;\r\n pointer-events: none;\r\n }\r\n \r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n \r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 80px;\r\n }\r\n \r\n .section-header h2 {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n color: #2c3e50;\r\n margin-bottom: 10px;\r\n line-height: 1.2;\r\n }\r\n \r\n .section-subtitle {\r\n font-size: 1.2rem;\r\n color: #4a5568;\r\n max-width: 800px;\r\n margin: 20px auto 0;\r\n font-weight: 400;\r\n }\r\n \r\n .experts-showcase {\r\n display: grid;\r\n grid-template-columns: 1fr auto 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n margin-bottom: 80px;\r\n }\r\n \r\n .expert-type {\r\n background: white;\r\n border-radius: 20px;\r\n padding: 40px;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\r\n position: relative;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n \r\n .expert-type:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 30px 60px rgba(0,0,0,0.15);\r\n }\r\n \r\n .expert-visual {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n margin-bottom: 30px;\r\n position: relative;\r\n }\r\n \r\n .globe-icon, .location-icon {\r\n width: 80px;\r\n height: 80px;\r\n margin-bottom: 20px;\r\n }\r\n \r\n .connection-dots {\r\n display: flex;\r\n gap: 8px;\r\n }\r\n \r\n .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #e2e8f0;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .dot.active {\r\n background: linear-gradient(45deg, #FF6B35, #F7931E);\r\n animation: pulse 2s infinite;\r\n }\r\n \r\n @keyframes pulse {\r\n 0%, 100% { transform: scale(1); opacity: 1; }\r\n 50% { transform: scale(1.2); opacity: 0.7; }\r\n }\r\n \r\n .badge {\r\n display: inline-block;\r\n padding: 8px 16px;\r\n background: linear-gradient(45deg, #FF6B35, #F7931E);\r\n color: white;\r\n border-radius: 20px;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n margin-bottom: 15px;\r\n }\r\n \r\n .regional-badge {\r\n background: linear-gradient(45deg, #4A90E2, #357ABD);\r\n }\r\n \r\n .expert-content h3 {\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n color: #1a202c;\r\n margin-bottom: 10px;\r\n line-height: 1.3;\r\n }\r\n \r\n .timing {\r\n font-size: 1.1rem;\r\n color: #718096;\r\n margin-bottom: 25px;\r\n font-style: italic;\r\n }\r\n \r\n .benefits {\r\n space-y: 15px;\r\n }\r\n \r\n .benefit-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 15px;\r\n font-size: 1rem;\r\n color: #4a5568;\r\n }\r\n \r\n .benefit-item .icon {\r\n font-size: 1.2rem;\r\n width: 24px;\r\n text-align: center;\r\n }\r\n \r\n .vs-divider {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n position: relative;\r\n }\r\n \r\n .plus-icon {\r\n width: 60px;\r\n height: 60px;\r\n background: linear-gradient(45deg, #667eea, #764ba2);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-size: 2rem;\r\n font-weight: bold;\r\n box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3);\r\n position: relative;\r\n z-index: 2;\r\n }\r\n \r\n .connection-line {\r\n position: absolute;\r\n top: 50%;\r\n left: -30px;\r\n right: -30px;\r\n height: 2px;\r\n background: linear-gradient(90deg, #FF6B35, #667eea, #4A90E2);\r\n z-index: 1;\r\n }\r\n \r\n .result-banner {\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n border-radius: 20px;\r\n padding: 40px;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .result-banner::before {\r\n content: '';\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, transparent 30%, rgba(255,255,255,0.1) 50%, transparent 70%);\r\n animation: shimmer 3s infinite;\r\n }\r\n \r\n @keyframes shimmer {\r\n 0% { transform: translateX(-100%); }\r\n 100% { transform: translateX(100%); }\r\n }\r\n \r\n .result-content {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 20px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n \r\n .result-icon {\r\n font-size: 2.5rem;\r\n animation: bounce 2s infinite;\r\n }\r\n \r\n @keyframes bounce {\r\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\r\n 40% { transform: translateY(-10px); }\r\n 60% { transform: translateY(-5px); }\r\n }\r\n \r\n .result-text {\r\n font-size: 1.2rem;\r\n color: white;\r\n line-height: 1.5;\r\n max-width: 600px;\r\n }\r\n \r\n .result-text strong {\r\n font-weight: 700;\r\n }\r\n \r\n / Mobile Responsiveness /\r\n @media (max-width: 968px) {\r\n .experts-showcase {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n \r\n .vs-divider {\r\n transform: rotate(90deg);\r\n }\r\n \r\n .connection-line {\r\n top: -30px;\r\n bottom: -30px;\r\n left: 50%;\r\n right: 50%;\r\n width: 2px;\r\n height: 60px;\r\n background: linear-gradient(180deg, #FF6B35, #667eea, #4A90E2);\r\n }\r\n \r\n .section-header h2 {\r\n font-size: 2.2rem;\r\n }\r\n \r\n .expert-type {\r\n padding: 30px;\r\n }\r\n \r\n .result-content {\r\n flex-direction: column;\r\n gap: 15px;\r\n }\r\n }\r\n \r\n @media (max-width: 640px) {\r\n .unique-programs {\r\n padding: 60px 0;\r\n }\r\n \r\n .section-header {\r\n margin-bottom: 50px;\r\n }\r\n \r\n .section-header h2 {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .section-subtitle {\r\n font-size: 1.1rem;\r\n }\r\n \r\n .expert-type {\r\n padding: 25px;\r\n }\r\n \r\n .result-banner {\r\n padding: 25px;\r\n }\r\n \r\n .result-text {\r\n font-size: 1rem;\r\n }\r\n }\r\n </style>\r\n </section>\r\n \r\n \r\n \r\n <!-- Network & Partners Section -->\r\n <section class="network-section section">\r\n <div class="container">\r\n <div class="text-center">\r\n <h2>Unser Netzwerk</h2>\r\n <p style="font-size: 1.2rem; margin-top: 20px;">\r\n Starke Partner für deinen Erfolg - Zugang zu Investoren, Corporates und internationalen Märkten\r\n </p>\r\n </div>\r\n \r\n <div style="margin-top: 60px;">\r\n <!-- Corporate Partners -->\r\n <div style="margin-bottom: 60px;">\r\n <h3 style="text-align: center; margin-bottom: 40px; color: var(--text-gray);">Corporate Partner</h3>\r\n <div style="display: flex; justify-content: center; align-items: center; gap: 40px; flex-wrap: wrap;">\r\n <div class="partner-logo">Vodafone</div>\r\n <div class="partner-logo">Miele</div>\r\n <div class="partner-logo">WAGO</div>\r\n <div class="partner-logo">Dr. Oetker</div>\r\n <div class="partner-logo">Vaillant</div>\r\n <div class="partner-logo">SUEZ</div>\r\n <div class="partner-logo">DKV Mobility</div>\r\n </div>\r\n </div>\r\n \r\n <!-- Investor Network -->\r\n <div style="margin-bottom: 60px;">\r\n <h3 style="text-align: center; margin-bottom: 40px; color: var(--text-gray);">Investor Network</h3>\r\n <div style="display: flex; justify-content: center; align-items: center; gap: 30px; flex-wrap: wrap;">\r\n <div class="investor-logo">HTGF</div>\r\n <div class="investor-logo">Capnamic</div>\r\n <div class="investor-logo">Cherry Ventures</div>\r\n <div class="investor-logo">Balderton Capital</div>\r\n <div class="investor-logo">EQT Ventures</div>\r\n <div class="investor-logo">Rotonda Business Angels</div>\r\n </div>\r\n </div>\r\n \r\n <!-- Tech & International Partners -->\r\n <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 40px;">\r\n <div style="text-align: center;">\r\n <h4 style="margin-bottom: 30px; color: var(--text-gray);">Tech Partner</h4>\r\n <div style="display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;">\r\n <div class="tech-logo">Dell for Startups</div>\r\n <div class="tech-logo">Microsoft</div>\r\n <div class="tech-logo">Amazon</div>\r\n <div class="tech-logo">Google</div>\r\n </div>\r\n </div>\r\n \r\n <div style="text-align: center;">\r\n <h4 style="margin-bottom: 30px; color: var(--text-gray);">International</h4>\r\n <div style="display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;">\r\n <div class="international-logo">London & Partners</div>\r\n <div class="international-logo">German Accelerator</div>\r\n <div class="international-logo">AI Village</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n \r\n \r\n \r\n \r\n <!-- Alumni Success Section -->\r\n <section id="alumni" class="alumni-section section">\r\n <div class="container">\r\n <div class="text-center">\r\n <h2>Alumni Success Stories</h2>\r\n <p style="font-size: 1.2rem; margin-top: 20px;">\r\n Our alumni have proven: With the right support, extraordinary successes emerge.\r\n </p>\r\n </div>\r\n \r\n <div style="position: relative; margin-top: 20px; max-width: 1200px; margin-left: auto; margin-right: auto; padding: 20px 80px 20px 80px;">\r\n <div id="alumniViewport" style="overflow: hidden; width: 100%; position: relative;">\r\n <!-- Grid layout with 3 columns -->\r\n <div id="alumniSlider" style="display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; transition: transform 0.5s ease; width: 200%; padding: 0 4%;">\r\n \r\n <!-- Cognigy -->\r\n <div style="min-height: 400px; padding: 40px 0;">\r\n <div class="alumni-card fade-in">\r\n <div style="width: 120px; height: 120px; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; background: white; border-radius: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); padding: 20px;">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_350/v1605198519/accelerator/Website/Alumni/logo_cognigy.png" \r\n alt="Cognigy Logo" \r\n style="max-width: 100%; max-height: 100%; object-fit: contain;">\r\n </div>\r\n <h3>Cognigy</h3>\r\n <p style="margin: 15px 0; color: var(--secondary-blue);">Conversational AI</p>\r\n <div class="alumni-stats">\r\n <span class="stat">Global AI Leader</span>\r\n <span class="stat">$950M+ Exit</span>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n <!-- Ingestro -->\r\n <div style="min-height: 400px; padding: 40px 0;">\r\n <div class="alumni-card fade-in">\r\n <div style="width: 120px; height: 120px; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; background: white; border-radius: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); padding: 20px;">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_400/v1755850896/logos/689480617ec081bce9bc15a0_Logo_Darkblue.svg" \r\n alt="Ingestro Logo" \r\n style="max-width: 100%; max-height: 100%; object-fit: contain;">\r\n </div>\r\n <h3>Ingestro</h3>\r\n <p style="margin: 15px 0; color: var(--secondary-blue);">B2B Enterprise SaaS</p>\r\n <div class="alumni-stats">\r\n <span class="stat">From 2 to 26 employees</span>\r\n <span class="stat">€4.6M Investment</span>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n <!-- Prematch -->\r\n <div style="min-height: 400px; padding: 40px 0;">\r\n <div class="alumni-card fade-in">\r\n <div style="width: 120px; height: 120px; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; background: white; border-radius: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); padding: 20px;">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/v1752218329/logos/prematch_logo.png" \r\n alt="Prematch Logo" \r\n style="max-width: 100%; max-height: 100%; object-fit: contain;">\r\n </div>\r\n <h3>Prematch</h3>\r\n <p style="margin: 15px 0; color: var(--secondary-blue);">Sport-Tech</p>\r\n <div class="alumni-stats">\r\n <span class="stat">From 4 to 55 employees</span>\r\n <span class="stat">€6.5M Investment</span>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n <!-- RIIICO -->\r\n <div style="min-height: 400px; padding: 40px 0;">\r\n <div class="alumni-card fade-in">\r\n <div style="width: 120px; height: 120px; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; background: white; border-radius: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); padding: 20px;">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1623163095/logos/riiico_1024.png" \r\n alt="RIIICO Logo" \r\n style="max-width: 100%; max-height: 100%; object-fit: contain;">\r\n </div>\r\n <h3>RIIICO</h3>\r\n <p style="margin: 15px 0; color: var(--secondary-blue);">Manufacturing SaaS</p>\r\n <div class="alumni-stats">\r\n <span class="stat">From 4 to 34 employees</span>\r\n <span class="stat">$2.5M Investment</span>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n <!-- Dermanostic -->\r\n <div style="min-height: 400px; padding: 40px 0;">\r\n <div class="alumni-card fade-in">\r\n <div style="width: 120px; height: 120px; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; background: white; border-radius: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); padding: 20px;">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_500/v1595502658/logos/dermanostic.png" \r\n alt="Dermanostic Logo" \r\n style="max-width: 100%; max-height: 100%; object-fit: contain;">\r\n </div>\r\n <h3>Dermanostic</h3>\r\n <p style="margin: 15px 0; color: var(--secondary-blue);">Digital Health</p>\r\n <div class="alumni-stats">\r\n <span class="stat">From 4 to 45 employees</span>\r\n <span class="stat">€5M+ Investment</span>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n <!-- Lumoview -->\r\n <div style="min-height: 400px; padding: 40px 0;">\r\n <div class="alumni-card fade-in">\r\n <div style="width: 120px; height: 120px; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; background: white; border-radius: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); padding: 20px;">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1605198788/accelerator/Website/Alumni/lumoview.png" \r\n alt="Lumoview Logo" \r\n style="max-width: 100%; max-height: 100%; object-fit: contain;">\r\n </div>\r\n <h3>Lumoview</h3>\r\n <p style="margin: 15px 0; color: var(--secondary-blue);">Computer Vision</p>\r\n <div class="alumni-stats">\r\n <span class="stat">AI Pioneer in Healthcare</span>\r\n <span class="stat">€5.5M Investment</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n <!-- Navigation Arrows -->\r\n <button id="alumniPrevBtn" onclick="slideAlumni(-1)" style="position: absolute; left: 10px; top: 50%; transform: translateY(-50%); background: var(--primary-green); color: white; border: none; border-radius: 50%; width: 60px; height: 60px; cursor: pointer; font-size: 1.8rem; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(0,0,0,0.2); z-index: 10; transition: all 0.3s ease; line-height: 1; padding-right: 2px;">‹</button>\r\n <button id="alumniNextBtn" onclick="slideAlumni(1)" style="position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: var(--primary-green); color: white; border: none; border-radius: 50%; width: 60px; height: 60px; cursor: pointer; font-size: 1.8rem; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(0,0,0,0.2); z-index: 10; transition: all 0.3s ease; line-height: 1; padding-left: 2px;">›</button>\r\n \r\n <!-- Dots indicator -->\r\n <div style="text-align: center; margin-top: 15px;">\r\n <span id="alumniDot1" onclick="goToAlumniSlide(0)" style="height: 15px; width: 15px; margin: 0 8px; background-color: var(--primary-green); border-radius: 50%; display: inline-block; cursor: pointer; transition: all 0.3s ease;"></span>\r\n <span id="alumniDot2" onclick="goToAlumniSlide(1)" style="height: 15px; width: 15px; margin: 0 8px; background-color: #ddd; border-radius: 50%; display: inline-block; cursor: pointer; transition: all 0.3s ease;"></span>\r\n <span id="alumniDot3" onclick="goToAlumniSlide(2)" style="height: 15px; width: 15px; margin: 0 8px; background-color: #ddd; border-radius: 50%; display: inline-block; cursor: pointer; transition: all 0.3s ease;"></span>\r\n <span id="alumniDot4" onclick="goToAlumniSlide(3)" style="height: 15px; width: 15px; margin: 0 8px; background-color: #ddd; border-radius: 50%; display: inline-block; cursor: pointer; transition: all 0.3s ease;"></span>\r\n </div>\r\n </div>\r\n </section>\r\n \r\n <!-- Application Process -->\r\n <section id="application" class="application-section section">\r\n <div class="container">\r\n <div class="text-center">\r\n <h2>Application Process</h2>\r\n <p style="font-size: 1.2rem; margin-top: 20px;">\r\n Three simple steps to your place in the AI Accelerator\r\n </p>\r\n </div>\r\n \r\n <div class="timeline">\r\n <div class="timeline-step fade-in">\r\n <div class="step-number">1</div>\r\n <h4>Online Application</h4>\r\n <div class="step-content">\r\n <p style="margin: 15px 0;">\r\n <strong>Pitch Deck</strong> (max. 12 slides)\r\n </p>\r\n </div>\r\n <div class="step-date">\r\n <p><strong>Deadline: September 28, 2025</strong></p>\r\n </div>\r\n </div>\r\n \r\n <div class="timeline-step fade-in">\r\n <div class="step-number">2</div>\r\n <h4>Selection Process</h4>\r\n <div class="step-content">\r\n <p style="margin: 15px 0;">\r\n <strong>Selection interviews</strong> at STARTPLATZ Cologne\r\n </p>\r\n </div>\r\n <div class="step-date">\r\n <p><strong>Mid-September</strong></p>\r\n </div>\r\n </div>\r\n \r\n <div class="timeline-step fade-in">\r\n <div class="step-number">3</div>\r\n <h4>Start of 1st Batch</h4>\r\n <div class="step-content">\r\n <p style="margin: 15px 0;">\r\n <strong>Meet & Greet on October 27th</strong><br>\r\n with program team\r\n </p>\r\n </div>\r\n <div class="step-date">\r\n <p><strong>Kickoff on October 29th</strong> at STARTPLATZ Cologne</p>\r\n </div>\r\n </div>\r\n </div>\r\n <!-- aktuell ausgeblendet, da Bewerbungsphase geschlossen \r\n <div class="text-center" style="margin-top: 60px;">\r\n <a href="https://www.startplatz.de/join/accelerator/ki-accelerator-nrw-01/" target="_blank" class="btn btn-primary" style="font-size: 1.3rem; padding: 20px 40px;">\r\n APPLY NOW\r\n </a>\r\n </div>\r\n //-->\r\n </div>\r\n </section>\r\n \r\n <!-- Open Accelerator Banner -->\r\n <section class="open-accelerator-banner">\r\n <div class="open-banner-content">\r\n <div class="open-banner-text">\r\n <div class="open-banner-icon">💡</div>\r\n <div>\r\n <h3>Still in the idea phase?</h3>\r\n <p>Our <strong>Open Accelerator</strong> supports early-stage startups with flexible programs.</p>\r\n </div>\r\n </div>\r\n <div>\r\n <a href="https://www.startplatz.de/open-accelerator/" class="link-button">\r\n To Open Accelerator →\r\n </a>\r\n </div>\r\n </div>\r\n </section>\r\n \r\n <!-- Partnership Models Section -->\r\n <section id="partner" class="partnership-section">\r\n <div class="container">\r\n <div class="text-center">\r\n <h2>Partnership Models</h2>\r\n <p style="font-size: 1.2rem; margin-top: 20px; max-width: 800px; margin-left: auto; margin-right: auto;">\r\n Various ways to become part of the STARTPLATZ AI ecosystem and profit from innovation.\r\n </p>\r\n </div>\r\n \r\n <div class="partnership-viewport">\r\n <div class="partnership-slider" id="partnershipSlider">\r\n \r\n <!-- Innovation Partner -->\r\n <div class="partnership-card">\r\n <div>\r\n <div class="partnership-icon innovation-partner">\r\n <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n <path d="M3 21h18"/>\r\n <path d="M5 21V7l8-4v18"/>\r\n <path d="M19 21V11l-6-4"/>\r\n <path d="M9 9v.01"/>\r\n <path d="M9 12v.01"/>\r\n <path d="M9 15v.01"/>\r\n <path d="M9 18v.01"/>\r\n </svg>\r\n </div>\r\n <h3>Innovation Partner</h3>\r\n <p>Become an Innovation Partner and get exclusive access to cutting-edge AI startups.</p>\r\n </div>\r\n <div>\r\n <ul class="partnership-features">\r\n <li>\r\n <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n <path d="M22 12h-4l-3 9L9 3l-3 9H2"/>\r\n </svg>\r\n <span><strong>Exclusive startup mentoring</strong> and pilot projects</span>\r\n </li>\r\n <li>\r\n <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n <circle cx="11" cy="11" r="8"/>\r\n <path d="M21 21l-4.35-4.35"/>\r\n </svg>\r\n <span><strong>Scouting requests</strong> for upcoming batches</span>\r\n </li>\r\n <li>\r\n <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\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 <span><strong>Provide your own mentor</strong> for direct access</span>\r\n </li>\r\n <li>\r\n <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\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 <span><strong>Access to all events</strong> and meetups</span>\r\n </li>\r\n </ul>\r\n <div class="cta-container">\r\n <a href="mailto:partner@startplatz.de?subject=Innovation%20Partner%20Inquiry" class="btn btn-secondary">Inquire now</a>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n <!-- Access Partner -->\r\n <div class="partnership-card">\r\n <div>\r\n <div class="partnership-icon access-partner">\r\n <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/>\r\n </svg>\r\n </div>\r\n <h3>Access Partner</h3>\r\n <p>Position yourself as a preferred service provider for our growing AI startups.</p>\r\n </div>\r\n <div>\r\n <ul class="partnership-features">\r\n <li>\r\n <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n <path d="M22 12h-4l-3 9L9 3l-3 9H2"/>\r\n </svg>\r\n <span><strong>Access to 2 batches</strong> (20 startups per year)</span>\r\n </li>\r\n <li>\r\n <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\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 <span><strong>Provide trial offers & discounts</strong></span>\r\n </li>\r\n <li>\r\n <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n <path d="M7 7h.01"/>\r\n <path d="M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 0 1 0 2.828l-7 7a2 2 0 0 1-2.828 0l-7-7A1.994 1.994 0 0 1 3 12V7a4 4 0 0 1 4-4z"/>\r\n </svg>\r\n <span><strong>Co-branding</strong> at events and in newsletter</span>\r\n </li>\r\n <li>\r\n <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>\r\n <polyline points="22,6 12,13 2,6"/>\r\n </svg>\r\n <span><strong>Mention in rejections</strong> (3-digit reach)</span>\r\n </li>\r\n </ul>\r\n <div class="cta-container">\r\n <a href="mailto:partner@startplatz.de?subject=Access%20Partner%20Inquiry" class="btn btn-secondary">Inquire now</a>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n <!-- Spectator Partner -->\r\n <div class="partnership-card">\r\n <div>\r\n <div class="partnership-icon spectator-partner">\r\n <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/>\r\n <circle cx="12" cy="12" r="4"/>\r\n </svg>\r\n </div>\r\n <h3>Spectator Partner</h3>\r\n <p>Perfect for SMEs: Dive into the AI world and learn from practical implementations.</p>\r\n </div>\r\n <div>\r\n <ul class="partnership-features">\r\n <li>\r\n <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/>\r\n <circle cx="12" cy="12" r="3"/>\r\n </svg>\r\n <span><strong>Observer role</strong> in AI implementations</span>\r\n </li>\r\n <li>\r\n <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n <path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/>\r\n <path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/>\r\n </svg>\r\n <span><strong>STARTPLATZ AI Hub</strong> membership included</span>\r\n </li>\r\n <li>\r\n <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\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 <span><strong>Exclusive AI webinars</strong> & keynotes</span>\r\n </li>\r\n <li>\r\n <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n <path d="M18 20V10"/>\r\n <path d="M12 20V4"/>\r\n <path d="M6 20v-6"/>\r\n </svg>\r\n <span><strong>Feedback reports</strong> of startup AI projects</span>\r\n </li>\r\n </ul>\r\n <div class="cta-container">\r\n <a href="mailto:partner@startplatz.de?subject=Spectator%20Partner%20Inquiry" class="btn btn-secondary">Inquire now</a>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n <!-- Investor Partner -->\r\n <div class="partnership-card">\r\n <div>\r\n <div class="partnership-icon investor-partner">\r\n <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n <line x1="12" y1="1" x2="12" y2="23"/>\r\n <path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/>\r\n </svg>\r\n </div>\r\n <h3>Investor Partner</h3>\r\n <p>Direct access to the most promising AI startups in their growth phase.</p>\r\n </div>\r\n <div>\r\n <ul class="partnership-features">\r\n <li>\r\n <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\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 <span><strong>Demo Day access</strong> to all batches</span>\r\n </li>\r\n <li>\r\n <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/>\r\n <rect x="8" y="2" width="8" height="4" rx="1" ry="1"/>\r\n </svg>\r\n <span><strong>Due diligence support</strong> through our team</span>\r\n </li>\r\n <li>\r\n <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n <circle cx="12" cy="12" r="10"/>\r\n <polyline points="12,6 12,12 16,14"/>\r\n </svg>\r\n <span><strong>Early stage meetings</strong> during the program</span>\r\n </li>\r\n <li>\r\n <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/>\r\n <path d="M16 2v4"/>\r\n <path d="M8 2v4"/>\r\n <path d="M3 10h18"/>\r\n </svg>\r\n <span><strong>Portfolio review</strong> and follow-up rounds</span>\r\n </li>\r\n </ul>\r\n <div class="cta-container">\r\n <a href="mailto:partner@startplatz.de?subject=Investor%20Partner%20Inquiry" class="btn btn-secondary">Inquire now</a>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n <!-- Navigation Buttons -->\r\n <button class="nav-button nav-prev" id="prevBtn" onclick="slidePartnership(-1)">‹</button>\r\n <button class="nav-button nav-next" id="nextBtn" onclick="slidePartnership(1)">›</button>\r\n \r\n <!-- Dots Navigation -->\r\n <div class="dots-container">\r\n <span class="dot active" onclick="goToSlide(0)"></span>\r\n <span class="dot" onclick="goToSlide(1)"></span>\r\n <span class="dot" onclick="goToSlide(2)"></span>\r\n </div>\r\n </div>\r\n \r\n <!-- Mentor & Expert Special Section -->\r\n <div class="mentor-expert-highlight" style="margin-top: 60px; background: linear-gradient(135deg, var(--primary-green) 0%, #8CC619 100%); padding: 50px; border-radius: 20px; color: white; position: relative; overflow: hidden;">\r\n <div style="position: absolute; top: -50px; right: -50px; width: 150px; height: 150px; background: rgba(255,255,255,0.1); border-radius: 50%; z-index: 1;"></div>\r\n <div style="position: absolute; bottom: -30px; left: -30px; width: 100px; height: 100px; background: rgba(255,255,255,0.05); border-radius: 50%; z-index: 1;"></div>\r\n \r\n <div style="position: relative; z-index: 2; display: grid; grid-template-columns: auto 1fr auto; gap: 40px; align-items: center;">\r\n <!-- Icon Section -->\r\n <div style="text-align: center;">\r\n <div style="width: 80px; height: 80px; background: rgba(255,255,255,0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px;">\r\n <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2">\r\n <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/>\r\n <rect x="8" y="2" width="8" height="4" rx="1" ry="1"/>\r\n <path d="M9 14l2 2 4-4"/>\r\n </svg>\r\n </div>\r\n <div style="background: rgba(255,255,255,0.2); padding: 8px 20px; border-radius: 25px; display: inline-block; font-size: 0.9rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;">\r\n AI-EXPERTISE\r\n </div>\r\n </div>\r\n \r\n <!-- Content Section -->\r\n <div>\r\n <h3 style="color: white; font-size: 2rem; font-weight: 700; margin-bottom: 15px;">\r\n Become a Mentor & Expert\r\n </h3>\r\n <p style="color: rgba(255,255,255,0.95); font-size: 1.2rem; margin-bottom: 25px; line-height: 1.6;">\r\n Share your AI knowledge and support the next generation of unicorns as part of our expert network.\r\n </p>\r\n <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px;">\r\n <div style="display: flex; align-items: center; gap: 10px;">\r\n <div style="width: 24px; height: 24px; background: rgba(255,255,255,0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;">\r\n <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3">\r\n <polyline points="20,6 9,17 4,12"/>\r\n </svg>\r\n </div>\r\n <span style="font-size: 1rem;">1:1 startup mentoring with tomorrow's stars</span>\r\n </div>\r\n <div style="display: flex; align-items: center; gap: 10px;">\r\n <div style="width: 24px; height: 24px; background: rgba(255,255,255,0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;">\r\n <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3">\r\n <polyline points="20,6 9,17 4,12"/>\r\n </svg>\r\n </div>\r\n <span style="font-size: 1rem;">High flexibility</span>\r\n </div>\r\n <div style="display: flex; align-items: center; gap: 10px;">\r\n <div style="width: 24px; height: 24px; background: rgba(255,255,255,0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;">\r\n <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3">\r\n <polyline points="20,6 9,17 4,12"/>\r\n </svg>\r\n </div>\r\n <span style="font-size: 1rem;">Workshop leader</span>\r\n </div>\r\n <div style="display: flex; align-items: center; gap: 10px;">\r\n <div style="width: 24px; height: 24px; background: rgba(255,255,255,0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;">\r\n <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3">\r\n <polyline points="20,6 9,17 4,12"/>\r\n </svg>\r\n </div>\r\n <span style="font-size: 1rem;">Visibility in the AI community</span>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n <!-- CTA Section -->\r\n <div style="text-align: center;">\r\n <a href="mailto:partner@startplatz.de?subject=Mentor%20%26%20Expert%20Inquiry" \r\n style="background: white; color: var(--primary-green); padding: 18px 30px; border-radius: 30px; font-weight: 700; font-size: 1.1rem; text-decoration: none; display: inline-block; transition: all 0.3s ease; box-shadow: 0 4px 20px rgba(0,0,0,0.2);">\r\n Become an Expert\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n <!-- CTA Section -->\r\n <div class="cta-section">\r\n <h3>Looking for a personalized partnership?</h3>\r\n <p>Do you have special requirements or ideas for cooperation? We're happy to develop customized partnership models.</p>\r\n <a href="https://calendly.com/johannes-graef/corporate-innovation-startplatz-klon" class="btn btn-primary" target="_blank">\r\n Book consultation\r\n </a>\r\n </div>\r\n </div>\r\n </section>\r\n \r\n <!-- Compact Contact Section -->\r\n <section id="contact" class="contact-section">\r\n <div class="container">\r\n <div class="contact-card">\r\n <h2>Do you still have questions about our AI Accelerator?</h2>\r\n <p>Don't hesitate to contact us. Our team is happy to assist you:</p>\r\n \r\n <button onclick="window.location.href='mailto:accelerator@startplatz.de'" class="email-button">\r\n <span class="email-icon">\r\n <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\r\n <rect x="2" y="4" width="20" height="16" rx="2" fill="none" stroke="currentColor" stroke-width="2"/>\r\n <path d="m22 7-10 5L2 7" stroke="currentColor" stroke-width="2" fill="none"/>\r\n </svg>\r\n </span>\r\n accelerator@startplatz.de\r\n </button>\r\n </div>\r\n </div>\r\n </section>\r\n \r\n <!-- FAQ Section -->\r\n <section id="faq" class="faq-section">\r\n <div class="container">\r\n <div class="faq-header">\r\n <h2>FAQ - <span class="highlight">AI Accelerator NRW</span></h2>\r\n </div>\r\n <div class="faq-accordion">\r\n \r\n <!-- Question 1 -->\r\n <div class="faq-item">\r\n <div class="faq-question">\r\n <span>How much equity do you take?</span>\r\n <span class="faq-icon">+</span>\r\n </div>\r\n <div class="faq-answer">\r\n <p>None at all, we don't take any shares in your startup.</p>\r\n </div>\r\n </div>\r\n \r\n <!-- Question 2 -->\r\n <div class="faq-item">\r\n <div class="faq-question">\r\n <span>Does our startup have to be from NRW?</span>\r\n <span class="faq-icon">+</span>\r\n </div>\r\n <div class="faq-answer">\r\n <p>No, but you should be ready to spend 4 months in Cologne. The program requires your presence on-site.</p>\r\n </div>\r\n </div>\r\n \r\n <!-- Question 3 -->\r\n <div class="faq-item">\r\n <div class="faq-question">\r\n <span>Do we already need AI expertise in our team?</span>\r\n <span class="faq-icon">+</span>\r\n </div>\r\n <div class="faq-answer">\r\n <p>No, that's exactly what we're here for. The important thing is to be willing to learn and integrate AI into your business.</p>\r\n </div>\r\n </div>\r\n \r\n <!-- Question 4 -->\r\n <div class="faq-item">\r\n <div class="faq-question">\r\n <span>How much does it cost to participate?</span>\r\n <span class="faq-icon">+</span>\r\n </div>\r\n <div class="faq-answer">\r\n <p>The program is free of charge. You even get free coworking access at STARTPLATZ.</p>\r\n </div>\r\n </div>\r\n \r\n <!-- Question 5 -->\r\n <div class="faq-item">\r\n <div class="faq-question">\r\n <span>What is the time commitment?</span>\r\n <span class="faq-icon">+</span>\r\n </div>\r\n <div class="faq-answer">\r\n <p>An average of 2-5 hours per week.</p>\r\n </div>\r\n </div>\r\n \r\n <!-- Question 6 -->\r\n <div class="faq-item">\r\n <div class="faq-question">\r\n <span>Which startups are ideal for the AI Accelerator?</span>\r\n <span class="faq-icon">+</span>\r\n </div>\r\n <div class="faq-answer">\r\n <p>Growth startups with MVP, initial customers, and teams of 2-10 people. You are ready for the next scaling phase and see AI as a growth lever.</p>\r\n </div>\r\n </div>\r\n \r\n <!-- Question 7 -->\r\n <div class="faq-item">\r\n <div class="faq-question">\r\n <span>Is the program for scale-ups or early-stage startups?</span>\r\n <span class="faq-icon">+</span>\r\n </div>\r\n <div class="faq-answer">\r\n <p>We focus on the "pre-scale-up phase" - startups that already function but haven't scaled yet. Perfect as preparation for scale-up programs.</p>\r\n </div>\r\n </div>\r\n \r\n <!-- Question 8 -->\r\n <div class="faq-item">\r\n <div class="faq-question">\r\n <span>What happens after the program?</span>\r\n <span class="faq-icon">+</span>\r\n </div>\r\n <div class="faq-answer">\r\n <p>You remain part of our alumni network with access to events and mentors, and you are optimally prepared for scale-up programs or further funding rounds.</p>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n </section>\r\n \r\n <!-- Sticky CTA -->\r\n <!-- aktuell ausgeblendet, da Bewerbungsphase geschlossen\r\n <div class="sticky-cta" id="stickyCTA">\r\n <a href="https://www.startplatz.de/join/accelerator/ki-accelerator-nrw-01/" target="_blank" class="btn btn-primary">\r\n Apply now\r\n </a>\r\n </div>\r\n //-->\r\n \r\n <script>\r\n /\r\n STARTPLATZ Website JavaScript\r\n * Modular structure with separated concerns\r\n /\r\n \r\n // =============================================================================\r\n // 1. SMOOTH SCROLLING MODULE\r\n // =============================================================================\r\n const SmoothScrolling = {\r\n init() {\r\n document.querySelectorAll('a[href^="#"]').forEach(anchor => {\r\n anchor.addEventListener('click', this.handleAnchorClick.bind(this));\r\n });\r\n },\r\n \r\n handleAnchorClick(e) {\r\n e.preventDefault();\r\n const target = document.querySelector(e.target.getAttribute('href'));\r\n if (target) {\r\n this.smoothScrollTo(target.offsetTop - 100, 900);\r\n }\r\n },\r\n \r\n smoothScrollTo(targetPosition, duration) {\r\n const startPosition = window.pageYOffset;\r\n const distance = targetPosition - startPosition;\r\n let startTime = null;\r\n \r\n const 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 const ease = progress < 0.5 ? 2 progress * progress : -1 + (4 - 2 * progress) * progress;\r\n \r\n window.scrollTo(0, startPosition + distance * ease);\r\n \r\n if (timeElapsed < duration) {\r\n requestAnimationFrame(animation);\r\n }\r\n };\r\n \r\n requestAnimationFrame(animation);\r\n }\r\n };\r\n \r\n // =============================================================================\r\n // 2. FADE-IN ANIMATIONS MODULE\r\n // =============================================================================\r\n const FadeInAnimations = {\r\n init() {\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n \r\n this.observer = new IntersectionObserver(this.handleIntersection, observerOptions);\r\n \r\n document.querySelectorAll('.fade-in').forEach(el => {\r\n this.observer.observe(el);\r\n });\r\n },\r\n \r\n handleIntersection(entries) {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n }\r\n });\r\n }\r\n };\r\n \r\n // =============================================================================\r\n // 3. STICKY CTA MODULE\r\n // =============================================================================\r\n const StickyCTA = {\r\n init() {\r\n this.stickyCTA = document.getElementById('stickyCTA');\r\n this.hero = document.querySelector('.hero');\r\n \r\n if (this.stickyCTA && this.hero) {\r\n window.addEventListener('scroll', this.handleScroll.bind(this));\r\n }\r\n },\r\n \r\n handleScroll() {\r\n const heroBottom = this.hero.offsetTop + this.hero.offsetHeight;\r\n const scrollPosition = window.pageYOffset;\r\n \r\n if (scrollPosition > heroBottom) {\r\n this.stickyCTA.classList.add('show');\r\n } else {\r\n this.stickyCTA.classList.remove('show');\r\n }\r\n }\r\n };\r\n \r\n // =============================================================================\r\n // 4. PARTNERSHIP SLIDER MODULE\r\n // =============================================================================\r\n const PartnershipSlider = {\r\n currentSlide: 0,\r\n touchStartX: 0,\r\n touchEndX: 0,\r\n touchStartY: 0,\r\n touchEndY: 0,\r\n \r\n init() {\r\n this.slider = document.getElementById('partnershipSlider');\r\n if (!this.slider) return;\r\n \r\n this.setupEventListeners();\r\n this.updateNavigation();\r\n },\r\n \r\n setupEventListeners() {\r\n // Touch events\r\n this.slider.addEventListener('touchstart', this.handleTouchStart.bind(this));\r\n this.slider.addEventListener('touchend', this.handleTouchEnd.bind(this));\r\n \r\n // Resize event\r\n window.addEventListener('resize', this.handleResize.bind(this));\r\n },\r\n \r\n slide(direction) {\r\n const isMobile = window.innerWidth <= 768;\r\n \r\n this.currentSlide += direction;\r\n \r\n if (isMobile) {\r\n // Mobile: 5 Cards, eine pro Ansicht (0,1,2,3,4)\r\n const maxSlide = 4;\r\n this.currentSlide = Math.max(0, Math.min(this.currentSlide, maxSlide));\r\n const translateX = this.currentSlide * 21;\r\n this.slider.style.transform = `translateX(-${translateX}%)`;\r\n } else {\r\n // Desktop: 5 Cards, 3 Slides für alle Positionen (0,1,2)\r\n const maxSlide = 2;\r\n this.currentSlide = Math.max(0, Math.min(this.currentSlide, maxSlide));\r\n const translateX = this.currentSlide * 20;\r\n this.slider.style.transform = `translateX(-${translateX}%)`;\r\n }\r\n \r\n this.updateNavigation();\r\n },\r\n \r\n goToSlide(slide) {\r\n const isMobile = window.innerWidth <= 768;\r\n \r\n this.currentSlide = slide;\r\n \r\n if (isMobile) {\r\n const translateX = this.currentSlide * 21;\r\n this.slider.style.transform = `translateX(-${translateX}%)`;\r\n } else {\r\n const translateX = this.currentSlide * 20;\r\n this.slider.style.transform = `translateX(-${translateX}%)`;\r\n }\r\n \r\n this.updateNavigation();\r\n },\r\n \r\n updateNavigation() {\r\n const prevBtn = document.getElementById('prevBtn');\r\n const nextBtn = document.getElementById('nextBtn');\r\n const dotsContainer = document.querySelector('.partnership-section .dots-container');\r\n const isMobile = window.innerWidth <= 768;\r\n \r\n if (isMobile) {\r\n this.updateMobileNavigation(prevBtn, nextBtn, dotsContainer);\r\n } else {\r\n this.updateDesktopNavigation(prevBtn, nextBtn, dotsContainer);\r\n }\r\n },\r\n \r\n updateMobileNavigation(prevBtn, nextBtn, dotsContainer) {\r\n const maxSlide = 4;\r\n \r\n // Update buttons\r\n if (prevBtn) {\r\n prevBtn.style.display = 'flex';\r\n prevBtn.style.opacity = this.currentSlide === 0 ? '0.3' : '1';\r\n prevBtn.disabled = this.currentSlide === 0;\r\n }\r\n if (nextBtn) {\r\n nextBtn.style.display = 'flex';\r\n nextBtn.style.opacity = this.currentSlide === maxSlide ? '0.3' : '1';\r\n nextBtn.disabled = this.currentSlide === maxSlide;\r\n }\r\n \r\n // Update dots - 5 dots for mobile\r\n if (dotsContainer) {\r\n this.createDots(dotsContainer, 5);\r\n }\r\n },\r\n \r\n updateDesktopNavigation(prevBtn, nextBtn, dotsContainer) {\r\n const maxSlide = 2;\r\n \r\n // Update buttons\r\n if (prevBtn) {\r\n prevBtn.style.display = this.currentSlide === 0 ? 'none' : 'flex';\r\n prevBtn.style.opacity = this.currentSlide === 0 ? '0.5' : '1';\r\n prevBtn.disabled = this.currentSlide === 0;\r\n }\r\n if (nextBtn) {\r\n nextBtn.style.display = this.currentSlide === maxSlide ? 'none' : 'flex';\r\n nextBtn.style.opacity = this.currentSlide === maxSlide ? '0.5' : '1';\r\n nextBtn.disabled = this.currentSlide === maxSlide;\r\n }\r\n \r\n // Update dots - 3 dots for desktop\r\n if (dotsContainer) {\r\n this.createDots(dotsContainer, 3);\r\n }\r\n },\r\n \r\n createDots(container, count) {\r\n container.innerHTML = '';\r\n for (let i = 0; i < count; i++) {\r\n const dot = document.createElement('span');\r\n dot.className = 'dot';\r\n if (this.currentSlide === i) dot.className += ' active';\r\n dot.onclick = () => this.goToSlide(i);\r\n container.appendChild(dot);\r\n }\r\n },\r\n \r\n handleTouchStart(e) {\r\n this.touchStartX = e.changedTouches[0].screenX;\r\n this.touchStartY = e.changedTouches[0].screenY;\r\n },\r\n \r\n handleTouchEnd(e) {\r\n this.touchEndX = e.changedTouches[0].screenX;\r\n this.touchEndY = e.changedTouches[0].screenY;\r\n this.handleSwipe();\r\n },\r\n \r\n handleSwipe() {\r\n const isMobile = window.innerWidth <= 768;\r\n if (!isMobile) return;\r\n \r\n const swipeThreshold = 50;\r\n const diffX = this.touchStartX - this.touchEndX;\r\n const diffY = this.touchStartY - this.touchEndY;\r\n \r\n // Only process horizontal swipes\r\n if (Math.abs(diffX) > Math.abs(diffY) && Math.abs(diffX) > swipeThreshold) {\r\n if (diffX > 0) {\r\n this.slide(1); // Swipe left - next slide\r\n } else {\r\n this.slide(-1); // Swipe right - previous slide\r\n }\r\n }\r\n },\r\n \r\n handleResize() {\r\n // Reset to first slide on resize\r\n this.currentSlide = 0;\r\n this.slider.style.transform = 'translateX(0%)';\r\n this.updateNavigation();\r\n }\r\n };\r\n \r\n // =============================================================================\r\n // 5. ALUMNI SLIDER MODULE\r\n // =============================================================================\r\n const AlumniSlider = {\r\n currentSlide: 0,\r\n \r\n init() {\r\n this.slider = document.getElementById('alumniSlider');\r\n if (!this.slider) return;\r\n \r\n this.setupHoverEffects();\r\n this.updateNavigation();\r\n },\r\n \r\n setupHoverEffects() {\r\n const prevBtn = document.getElementById('alumniPrevBtn');\r\n const nextBtn = document.getElementById('alumniNextBtn');\r\n \r\n [prevBtn, nextBtn].forEach(btn => {\r\n if (btn) {\r\n btn.addEventListener('mouseenter', this.handleButtonHover.bind(this, btn, true));\r\n btn.addEventListener('mouseleave', this.handleButtonHover.bind(this, btn, false));\r\n }\r\n });\r\n },\r\n \r\n handleButtonHover(button, isHover) {\r\n const isMobile = window.innerWidth <= 768;\r\n if (isMobile) return;\r\n \r\n const scale = isHover ? 'scale(1.1)' : 'scale(1)';\r\n button.style.transform = `translateY(-50%) ${scale}`;\r\n },\r\n \r\n slide(direction) {\r\n const isMobile = window.innerWidth <= 768;\r\n if (isMobile) return; // Alumni slider disabled on mobile\r\n \r\n this.currentSlide += direction;\r\n \r\n const maxSlide = 3; // 0,1,2,3 = 4 positions for 6 cards\r\n this.currentSlide = Math.max(0, Math.min(this.currentSlide, maxSlide));\r\n \r\n const translateX = this.currentSlide * 16.66;\r\n this.slider.style.transform = `translateX(-${translateX}%)`;\r\n this.updateNavigation();\r\n },\r\n \r\n goToSlide(slide) {\r\n const isMobile = window.innerWidth <= 768;\r\n if (isMobile) return;\r\n \r\n this.currentSlide = slide;\r\n const translateX = this.currentSlide * 16.66;\r\n this.slider.style.transform = `translateX(-${translateX}%)`;\r\n this.updateNavigation();\r\n },\r\n \r\n updateNavigation() {\r\n const isMobile = window.innerWidth <= 768;\r\n const prevBtn = document.getElementById('alumniPrevBtn');\r\n const nextBtn = document.getElementById('alumniNextBtn');\r\n const dots = [\r\n document.getElementById('alumniDot1'),\r\n document.getElementById('alumniDot2'),\r\n document.getElementById('alumniDot3'),\r\n document.getElementById('alumniDot4')\r\n ];\r\n \r\n if (isMobile) {\r\n // Hide everything on mobile\r\n if (prevBtn) prevBtn.style.display = 'none';\r\n if (nextBtn) nextBtn.style.display = 'none';\r\n dots.forEach(dot => {\r\n if (dot) dot.style.display = 'none';\r\n });\r\n return;\r\n }\r\n \r\n // Desktop navigation\r\n if (prevBtn) {\r\n prevBtn.style.display = this.currentSlide === 0 ? 'none' : 'flex';\r\n prevBtn.style.opacity = this.currentSlide === 0 ? '0' : '1';\r\n }\r\n if (nextBtn) {\r\n nextBtn.style.display = this.currentSlide === 3 ? 'none' : 'flex';\r\n nextBtn.style.opacity = this.currentSlide === 3 ? '0' : '1';\r\n }\r\n \r\n // Update dots\r\n dots.forEach((dot, index) => {\r\n if (dot) {\r\n dot.style.display = 'inline-block';\r\n dot.style.backgroundColor = this.currentSlide === index ? 'var(--primary-green)' : '#ddd';\r\n dot.style.transform = this.currentSlide === index ? 'scale(1.2)' : 'scale(1)';\r\n }\r\n });\r\n }\r\n };\r\n \r\n // =============================================================================\r\n // 6. GLOBAL FUNCTIONS (for HTML onclick handlers)\r\n // =============================================================================\r\n window.slidePartnership = (direction) => PartnershipSlider.slide(direction);\r\n window.goToSlide = (slide) => PartnershipSlider.goToSlide(slide);\r\n window.slideAlumni = (direction) => AlumniSlider.slide(direction);\r\n window.goToAlumniSlide = (slide) => AlumniSlider.goToSlide(slide);\r\n \r\n // =============================================================================\r\n // 7. MAIN INITIALIZATION\r\n // =============================================================================\r\n document.addEventListener('DOMContentLoaded', function() {\r\n // Initialize all modules\r\n SmoothScrolling.init();\r\n FadeInAnimations.init();\r\n StickyCTA.init();\r\n \r\n // Initialize sliders only if they exist\r\n if (document.getElementById('partnershipSlider')) {\r\n PartnershipSlider.init();\r\n }\r\n \r\n if (document.getElementById('alumniSlider')) {\r\n AlumniSlider.init();\r\n }\r\n });\r\n \r\n document.addEventListener("DOMContentLoaded", function() {\r\n const faqItems = document.querySelectorAll(".faq-item");\r\n \r\n faqItems.forEach(item => {\r\n const question = item.querySelector(".faq-question");\r\n const answer = item.querySelector(".faq-answer");\r\n const icon = item.querySelector(".faq-icon");\r\n \r\n question.addEventListener("click", function() {\r\n const isActive = item.classList.contains('active');\r\n \r\n // Alle anderen FAQs schließen\r\n faqItems.forEach(faqItem => {\r\n faqItem.classList.remove('active');\r\n const faqIcon = faqItem.querySelector(".faq-icon");\r\n faqIcon.textContent = "+";\r\n });\r\n \r\n // Wenn noch nicht aktiv, dann öffnen\r\n if (!isActive) {\r\n item.classList.add('active');\r\n icon.textContent = "×";\r\n }\r\n });\r\n });\r\n });\r\n \r\n \r\n // Aktive Navigation basierend auf Scroll-Position\r\n window.addEventListener('scroll', function() {\r\n const sections = document.querySelectorAll('section[id]');\r\n const navItems = document.querySelectorAll('.banner-nav-item');\r\n const scrollPos = window.scrollY + 150;\r\n \r\n sections.forEach((section, index) => {\r\n const sectionTop = section.offsetTop;\r\n const sectionBottom = sectionTop + section.offsetHeight;\r\n \r\n if (scrollPos >= sectionTop && scrollPos < sectionBottom) {\r\n navItems.forEach(item => item.classList.remove('active'));\r\n const correspondingNav = document.querySelector(`a[href="#${section.id}"]`);\r\n if (correspondingNav) {\r\n correspondingNav.classList.add('active');\r\n }\r\n }\r\n });\r\n });\r\n \r\n // Smooth Scroll für Navigation mit besserer Animation\r\n document.querySelectorAll('.banner-nav-item').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n const href = this.getAttribute('href');\r\n \r\n // Nur interne Links (die mit # beginnen) behandeln\r\n if (href.startsWith('#')) {\r\n e.preventDefault();\r\n const targetId = href.substring(1);\r\n const targetSection = document.getElementById(targetId);\r\n \r\n if (targetSection) {\r\n const offsetTop = targetSection.offsetTop - 120;\r\n // Smooth Scroll mit easing function\r\n const startPos = window.pageYOffset;\r\n const distance = offsetTop - startPos;\r\n const duration = Math.min(800, Math.abs(distance) * 0.5); // Max 800ms\r\n let startTime = null;\r\n \r\n function easeInOutCubic(t) {\r\n return t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1;\r\n }\r\n \r\n function animateScroll(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 const ease = easeInOutCubic(progress);\r\n \r\n window.scrollTo(0, startPos + distance * ease);\r\n \r\n if (progress < 1) {\r\n requestAnimationFrame(animateScroll);\r\n }\r\n }\r\n \r\n requestAnimationFrame(animateScroll);\r\n }\r\n }\r\n // Externe Links (wie das Language Toggle) werden NICHT blockiert\r\n });\r\n });\r\n \r\n </script>\r\n \r\n \n </main>\n \n <!-- page-accelerator.php ends -->\n \n \n <!-- footer-accelerator.php starts -->\n \n <!-- WordPress Footer -->\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 \n <!-- Minimal logging for development -->\n <script>\n console.log('Accelerator template loaded');\n </script>\n <!-- footer-accelerator.php ends -->\n \n \n <div id="sfwdte5333c" class="sf-toolbar sf-display-none" role="region" aria-label="Symfony Web Debug Toolbar"> <!-- START of Symfony Web Debug Toolbar --><div id="sfMiniToolbar-e5333c" class="sf-minitoolbar" data-no-turbolink data-turbo="false"> <button type="button" title="Show Symfony toolbar" id="sfToolbarMiniToggler-e5333c" accesskey="D" aria-expanded="false" aria-controls="sfToolbarMainContent-e5333c"> <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-e5333c" class="sf-toolbar-clearer"></div><div id="sfToolbarMainContent-e5333c" 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/e5333c?panel=request"> <div class="sf-toolbar-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#AAA" d="M12 .9C5.8.9.9 5.8.9 12a11 11 0 1 0 22.2 0A11 11 0 0 0 12 .9zm6.5 6c-.6 0-.9-.3-.9-.8 0-.2 0-.4.2-.6l.2-.4c0-.3-.5-.4-.6-.4-1.8.1-2.3 2.5-2.7 4.4l-.2 1c1 .2 1.8 0 2.2-.3.6-.4-.2-.7-.1-1.2.1-.3.5-.5.7-.6.5 0 .7.5.7.9 0 .7-1 1.8-3 1.8l-.6-.1-.6 2.4c-.4 1.6-.8 3.8-2.4 5.7-1.4 1.7-2.9 1.9-3.5 1.9-1.2 0-1.9-.6-2-1.5 0-.8.7-1.3 1.2-1.3.6 0 1.1.5 1.1 1s-.2.6-.4.6c-.1.1-.3.2-.3.4 0 .1.1.3.4.3.5 0 .8-.3 1.1-.5 1.2-.9 1.6-2.7 2.2-5.7l.1-.7.7-3.2c-.8-.6-1.3-1.4-2.4-1.7-.6-.1-1.1.1-1.5.5-.4.5-.2 1.1.2 1.5l.7.6c.7.8 1.2 1.6 1 2.5-.3 1.5-2 2.6-4 1.9-1.8-.6-2-1.8-1.8-2.5.2-.6.6-.7 1.1-.6.5.2.6.7.6 1.2l-.1.3c-.2.1-.3.3-.3.4-.1.4.4.6.7.7.7.3 1.6-.2 1.8-.8a1 1 0 0 0-.4-1.1l-.7-.8c-.4-.4-1.1-1.4-.7-2.6.1-.5.4-.9.7-1.3a4 4 0 0 1 2.8-.6c1.2.4 1.8 1.1 2.6 1.8.5-1.2 1-2.4 1.8-3.5.9-.9 1.9-1.6 3.1-1.7 1.3.2 2.2.7 2.2 1.6 0 .4-.2 1.1-.9 1.1z"/></svg> <span class="sf-toolbar-value sf-toolbar-ajax-request-counter"> Loading… </span> </div> </a> <div class="sf-toolbar-info"> <div class="sf-toolbar-info-piece"> <b>Loading the web debug toolbar…</b> </div> <div class="sf-toolbar-info-piece"> Attempt #<span id="sfLoadCounter-e5333c"></span> </div> <div class="sf-toolbar-info-piece"> <b> <button class="sf-cancel-button" type="button" id="sfLoadCancel-e5333c" title="Cancel loading">Cancel</button> </b> </div> </div></div> <button class="hide-button" type="button" id="sfToolbarHideButton-e5333c" title="Close Toolbar" accesskey="D" aria-expanded="true" aria-controls="sfToolbarMainContent-e5333c"> <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="3f5eea451f934b3fd5779730007bf2a3">/<![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="3d460ac96ece67c8b8ef4ed27cf9a21c"> .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="3f5eea451f934b3fd5779730007bf2a3">/<![CDATA[/ (function () { Sfjs.loadToolbar('e5333c'); })();/]]>*/</script>\n </body>\n </html> """ #version: "1.1" #statusCode: 200 #statusText: "OK" #charset: "UTF-8"}
path	"en/accelerator/"

Request Headers

Header	Value
accept	"/"
accept-encoding	"gzip, br, zstd, deflate"
host	"www.staging.startplatz.de"
referer	"https://www.staging.startplatz.de/?p=79104"
user-agent	"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)"
x-forwarded-for	"216.73.216.183"
x-forwarded-host	"www.staging.startplatz.de"
x-forwarded-port	"443"
x-forwarded-proto	"https"
x-forwarded-server	"c7c6e7953db4"
x-php-ob-level	"0"
x-real-ip	"216.73.216.183"

Request Content

Request content not available (it was retrieved as a resource).

Response

Response Headers

Header	Value
cache-control	"no-cache, private"
content-type	"text/html; charset=UTF-8"
date	"Fri, 27 Feb 2026 23:25:46 GMT"
link	"<https://www.staging.startplatz.de/?p=79104>; rel=shortlink"
x-debug-token	"e5333c"
x-powered-by	"PHP/8.1.34"

Cookies

Request Cookies

No request cookies

Response Cookies

No response cookies

Session

Session Metadata

No session metadata

Session Attributes

No session attributes

Session Usage

0 Usages

Stateless check enabled

Session not used.

Flashes

No flash messages were created.

Server Parameters

Defined in .env

Key	Value
ANTHROPIC_API_KEY	""
CLOUDINARY_API_KEY	"187719847589952"
CLOUDINARY_API_SECRET	"2L0-UBEtXjD-ODU3On8eqJrZPFY"
CLOUDINARY_CLOUDNAME	"startplatz"
CLOUDINARY_URL	"cloudinary://187719847589952:2L0-UBEtXjD-ODU3On8eqJrZPFY@startplatz"
CRON_API_KEY	"cron_sp_X9kM4nQ7pR2sT6vW8yB1"
MONSUM_WEBHOOK_PASSWORD_CGN	""
MONSUM_WEBHOOK_PASSWORD_DUS	""
MONSUM_WEBHOOK_PASSWORD_TESTPLATZ	""
MONSUM_WEBHOOK_USER_CGN	""
MONSUM_WEBHOOK_USER_DUS	""
MONSUM_WEBHOOK_USER_TESTPLATZ	""
OPENAI_ORGANIZATION	"STARTPLATZ"
REDIS_URL	""
SESSION_SAVE_PATH	"%kernel.project_dir%/var/cache/sessions"
SKOOL_WEBHOOK_KI_CAMPUS	"https://api.skool.com/groups/ki-campus/webhooks/5f76ae64499d42a49dafbf613fec3ec0"
SKOOL_WEBHOOK_KI_TREFFPUNKT	"https://api.skool.com/groups/ki-treffpunkt/webhooks/af0324eeef3d40649f8d16607fe6e7b9"
STATISTIC_ZAPIER_API_KEY	"50670"
TEST_DATA_PATH	"data/test-bewerbungen"
TWILIO_AUTH_TOKEN	""
TYPEFORM_WEBHOOK_SECRET	""
WP_API_BASE_URL	""
WP_API_PASSWORD	""
WP_API_USERNAME	""

Defined as regular env variables

Key	Value
APP_DEBUG	"1"
APP_ENV	"dev"
APP_SECRET	"a8A3I6BRkJE2ppNaBcgPec5i6E8Iwqwm"
CONTENT_LENGTH	""
CONTENT_TYPE	""
DATABASE_URL	"mysql://startplatz:kpp8o9pWYAp2@startplatz-staging-mysql:3306/startplatz-wordpress"
DOCUMENT_ROOT	"/var/www/html/public"
DOCUMENT_URI	"/index.php"
EASYBILL_EMAIL_AI_HUB	"lorenz.graef@startplatz.de"
EASYBILL_EMAIL_FGH	"alexandra.thelen@startplatz.de"
EASYBILL_EMAIL_SP_CGN	"admin@startplatz.de"
EASYBILL_EMAIL_SP_DUS	"johannes.graef@startplatz.de"
EASYBILL_TOKEN_AI_HUB	"1NrjWZrE53dSqWFmMNz0oRd8i22VFmK1Oww9huGp8DPry8EfK1Oj9h6HeW7fyDUM"
EASYBILL_TOKEN_FGH	"Fjqj30ZbQorEtdpRfw3T19eAkOgrrgzq4WcExyLrxuot0bzkDpUrjpv41YH8dgBK"
EASYBILL_TOKEN_SP_CGN	"9njde49xtcsoswco4c80oggkwwoo080osow8soo8go4gkw0gwwgc8sck4wgw08og"
EASYBILL_TOKEN_SP_DUS	"YnHmfQYjOQ01hZ97zQKhsDLcvPc632dhdYjnUYuE4ZzkbAfkyC2TbOGOckUBFBDZ"
FCGI_ROLE	"RESPONDER"
GATEWAY_INTERFACE	"CGI/1.1"
GPG_KEYS	"528995BFEDFBA7191D46839EF9BA0ADA31CBD89E 39B641343D8C104B2B146DC3F9C39DC0B9698544 F1F692238FBC1666E5A5CCD4199F9DFEF6FFBAFD"
HOME	"/home/www-data"
HOSTNAME	"dev"
HTTP_ACCEPT	"/"
HTTP_ACCEPT_ENCODING	"gzip, br, zstd, deflate"
HTTP_HOST	"www.staging.startplatz.de"
HTTP_REFERER	"https://www.staging.startplatz.de/?p=79104"
HTTP_USER_AGENT	"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)"
HTTP_X_FORWARDED_FOR	"216.73.216.183"
HTTP_X_FORWARDED_HOST	"www.staging.startplatz.de"
HTTP_X_FORWARDED_PORT	"443"
HTTP_X_FORWARDED_PROTO	"https"
HTTP_X_FORWARDED_SERVER	"c7c6e7953db4"
HTTP_X_REAL_IP	"216.73.216.183"
HUBSPOT_API_KEY	"pat-na1-72043aa0-44a4-4dd6-b57a-5759597c4642"
HUBSPOT_DEFAULT_FORM_GUID	"1e712a28-62f9-46e0-99f5-13f6bdc0ec70"
HUBSPOT_PORTAL_ID	"44225308"
HUBSPOT_TRACKING_ID	"2795177"
MAILER_DSN	"smtp://STARTPLATZ:md-UPVV0udzlA47hrj9B-LMGQ@smtp.mandrillapp.com:587"
MONSUM_API_EMAIL_CGN	"startplatz@lennarz-consulting.de"
MONSUM_API_EMAIL_DUS	"startplatz@lennarz-consulting.de"
MONSUM_API_EMAIL_TESTPLATZ	"lorenz.graef@startplatz.de"
MONSUM_API_TOKEN_CGN	"32e50c9db555d24f87b40c641b4b014bKzrRnijwaj7yLDB7c0CKXYmVJCzyATZ3"
MONSUM_API_TOKEN_DUS	"762173de1b510657bb44a2662747bac9nUFkR3NatmYlrqjI7hswGM2ZsDBbgYxR"
MONSUM_API_TOKEN_TESTPLATZ	"c0c8e924c966fbf562c59646ee67b2a3sh4WFrDN3XxPiwKcskvfcRWQyzWOy4Bu"
OPENAI_API_KEY	"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"
PATH	"/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin"
PERPLEXITY_API_KEY	"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"
PHPIZE_DEPS	"autoconf \t\tdpkg-dev dpkg \t\tfile \t\tg++ \t\tgcc \t\tlibc-dev \t\tmake \t\tpkgconf \t\tre2c"
PHP_ASC_URL	"https://www.php.net/distributions/php-8.1.34.tar.xz.asc"
PHP_CFLAGS	"-fstack-protector-strong -fpic -fpie -O2 -D_LARGEFILE_SOURCE -D_FILE_OFFSET_BITS=64"
PHP_CPPFLAGS	"-fstack-protector-strong -fpic -fpie -O2 -D_LARGEFILE_SOURCE -D_FILE_OFFSET_BITS=64"
PHP_INI_DIR	"/usr/local/etc/php"
PHP_LDFLAGS	"-Wl,-O1 -pie"
PHP_SELF	"/index.php"
PHP_SHA256	"ffa9e0982e82eeaea848f57687b425ed173aa278fe563001310ae2638db5c251"
PHP_URL	"https://www.php.net/distributions/php-8.1.34.tar.xz"
PHP_VERSION	"8.1.34"
PWD	"/var/www/html"
QUERY_STRING	""
REDIRECT_STATUS	"200"
REMOTE_ADDR	"172.22.0.12"
REMOTE_PORT	"53992"
REQUEST_METHOD	"GET"
REQUEST_SCHEME	"http"
REQUEST_TIME	1772234746
REQUEST_TIME_FLOAT	1772234746.5246
REQUEST_URI	"/en/accelerator/"
SCRIPT_FILENAME	"/var/www/html/public/index.php"
SCRIPT_NAME	"/index.php"
SERVER_ADDR	"172.22.0.7"
SERVER_NAME	"dev.startplatz.de"
SERVER_PORT	"80"
SERVER_PROTOCOL	"HTTP/1.1"
SERVER_SOFTWARE	"nginx/1.18.0"
SHLVL	"1"
STARTPLATZ_BUILDTIME	"001"
STARTPLATZ_DATABASE_WORDPRESS_HOST	"startplatz-staging-mysql"
STARTPLATZ_DATABASE_WORDPRESS_NAME	"startplatz-wordpress"
STARTPLATZ_DATABASE_WORDPRESS_PASSWORD	"kpp8o9pWYAp2"
STARTPLATZ_DATABASE_WORDPRESS_USER	"startplatz"
STARTPLATZ_ENVIRONMENT	"staging.www.staging.startplatz.de"
STARTPLATZ_HOST	"www.staging.startplatz.de"
STRIPE_LIVE_KEY_AI_HUB	"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"
STRIPE_LIVE_KEY_ECODYNAMICS	"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"
STRIPE_LIVE_KEY_STARTPLATZ	"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"
STRIPE_SK_INITIAL	"ojWxv1978YWU"
STRIPE_TEST_KEY_AI_HUB	"sk_test_51PmYwGDCU56CMQmgpcCdmzVTjiym8wom2WWiAAuVOUhS55972eM73wDNRDEBfGMnoLSt81yqW5CKCyraQKPDTb6y00xGk2RMpj"
STRIPE_TEST_KEY_ECODYNAMICS	"sk_test_51PeutFFqPnUaAUP6dP1y273V3ckVBrUUxBSSIufpLoU2TdWoJBbzjnNmfM3UHsauN4ZuhObIZYhhPLd4621AmzzW00xaHryus4"
STRIPE_TEST_KEY_STARTPLATZ	"sk_test_51O8fFSHegJLrFARiXBFfwCkkRCTyr64RpTlYx5X7FPNEKDSRhQHgb7X9WELyNzmMkMT39tavykkZbtbWDsCz0Tc800bNFXrtbH"
STRIPE_WEBHOOK_SECRET	"whsec_replace_with_actual_webhook_secret_from_stripe_dashboard"
SYMFONY_DOTENV_VARS	"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"
USER	"www-data"
WP_API_PROD_BASE_URL	"https://www.startplatz.de/wp-json/wp/v2"
WP_API_PROD_PASSWORD	"lSFFfrfi24zjRXtmqlwxWlBx"
WP_API_PROD_USERNAME	"Allmeda"
argc	0
argv	[]

Symfony Profiler

http://www.staging.startplatz.de/en/accelerator/

Configuration Settings

Theme

Page Width

PassthruController :: passthruAction

Request

GET Parameters

POST Parameters

Uploaded Files

Request Attributes

Request Headers

Request Content

Response

Response Headers

Cookies

Request Cookies

Response Cookies

Session

Session Metadata

Session Attributes

Session Usage

Flashes

Flashes

Server Parameters

Server Parameters

Defined in .env

Defined as regular env variables