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" => "accelerator/"`]
_stopwatch_token	"b67d87"
_wordpressResponse	Symfony\Component\HttpFoundation\Response {#5132+headers: Symfony\Component\HttpFoundation\ResponseHeaderBag {#2865 …} #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>KI Accelerator - Nur 10 Plätze verfügbar \| STARTPLATZ Köln</title>\n \t<meta name="description" content="Generative KI für Startup-Skalierung. 10 Plätze, 4 Monate intensiv. NRW-gefördert. 800+ Mio. € Alumni-Investment. Bewerbung ab August!" />\n \t<link rel="canonical" href="https://www.staging.startplatz.de/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="KI Accelerator" />\n \t<meta property="og:description" content="Generative KI für Startup-Skalierung. 10 Plätze, 4 Monate intensiv. NRW-gefördert. 800+ Mio. € Alumni-Investment. Bewerbung ab August!" />\n \t<meta property="og:url" content="https://www.staging.startplatz.de/accelerator/" />\n \t<meta property="og:site_name" content="STARTPLATZ" />\n \t<meta property="article:modified_time" content="2026-02-24T20:40:36+00:00" />\n \t<meta property="og:image" content="https://res.cloudinary.com/startplatz/image/upload/c_scale,w_512/v1759760743/accelerator/KI%20Accelerator%20Logos/STARTPLATZ-Accelerator-Logo-schwarzundblau.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/accelerator/","url":"https://www.staging.startplatz.de/accelerator/","name":"KI Accelerator - Nur 10 Plätze verfügbar \| STARTPLATZ Köln","isPartOf":{"@id":"https://www.staging.startplatz.de/#website"},"primaryImageOfPage":{"@id":"https://www.staging.startplatz.de/accelerator/#primaryimage"},"image":{"@id":"https://www.staging.startplatz.de/accelerator/#primaryimage"},"thumbnailUrl":"https://res.cloudinary.com/startplatz/image/upload/c_scale,w_512/v1759760743/accelerator/KI%20Accelerator%20Logos/STARTPLATZ-Accelerator-Logo-schwarzundblau.png","datePublished":"2025-07-10T14:07:39+00:00","dateModified":"2026-02-24T20:40:36+00:00","description":"Generative KI für Startup-Skalierung. 10 Plätze, 4 Monate intensiv. NRW-gefördert. 800+ Mio. € Alumni-Investment. Bewerbung ab August!","breadcrumb":{"@id":"https://www.staging.startplatz.de/accelerator/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https://www.staging.startplatz.de/accelerator/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https://www.staging.startplatz.de/accelerator/#primaryimage","url":"https://res.cloudinary.com/startplatz/image/upload/c_scale,w_512/v1759760743/accelerator/KI%20Accelerator%20Logos/STARTPLATZ-Accelerator-Logo-schwarzundblau.png","contentUrl":"https://res.cloudinary.com/startplatz/image/upload/c_scale,w_512/v1759760743/accelerator/KI%20Accelerator%20Logos/STARTPLATZ-Accelerator-Logo-schwarzundblau.png"},{"@type":"BreadcrumbList","@id":"https://www.staging.startplatz.de/accelerator/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.staging.startplatz.de/"},{"@type":"ListItem","position":2,"name":"KI 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/78697" /><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=78697' />\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%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%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,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n font-weight: 700;\r\n line-height: 1.3;\r\n color: #525459;\r\n }\r\n \r\n h1 {\r\n font-size: 3rem;\r\n }\r\n \r\n h2 {\r\n font-size: 2.5rem;\r\n }\r\n \r\n h3 {\r\n font-size: 2rem;\r\n }\r\n \r\n h4 {\r\n font-size: 1.5rem;\r\n }\r\n \r\n p {\r\n font-weight: 400;\r\n line-height: 1.6;\r\n }\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 {\r\n text-align: center;\r\n }\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 /\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 \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 \r\n .section {\r\n scroll-margin-top: 120px;\r\n }\r\n \r\n / Erweiterte Navigation in Program Banner /\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;\r\n / 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;\r\n / 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;\r\n / NEU /\r\n text-shadow: none !important;\r\n / NEU /\r\n }\r\n \r\n \r\n .stat-logo-img-fixed,\r\n .stat-logo-img-ai {\r\n height: 30px;\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;\r\n / 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 \r\n 0%,\r\n 100% {\r\n transform: translateY(0px) rotate(0deg);\r\n }\r\n \r\n 50% {\r\n transform: translateY(-20px) rotate(180deg);\r\n }\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;\r\n / 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;\r\n / Reduzierter Abstand /\r\n }\r\n \r\n .timeline-step h4 {\r\n margin-bottom: 10px;\r\n / Reduzierter Abstand /\r\n flex-shrink: 0;\r\n / Titel behält seine Größe /\r\n }\r\n \r\n .step-content {\r\n flex-grow: 1;\r\n / 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;\r\n / Reduzierte Margins /\r\n }\r\n \r\n .step-date {\r\n margin-top: auto;\r\n / Schiebt das Datum nach unten /\r\n padding-top: 10px;\r\n / Reduziertes Padding /\r\n flex-shrink: 0;\r\n / 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;\r\n / 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;\r\n / Noch kompakter /\r\n padding: 18px 12px;\r\n }\r\n \r\n .step-content p {\r\n margin: 6px 0;\r\n / 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 {\r\n transform: translateY(100px);\r\n opacity: 0;\r\n }\r\n \r\n to {\r\n transform: translateY(0);\r\n opacity: 1;\r\n }\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;\r\n / Breitere Section /\r\n }\r\n \r\n .partnership-viewport {\r\n position: relative;\r\n margin-top: 60px;\r\n padding: 10px 100px;\r\n / 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);\r\n / 5 Spalten für 5 Partnerschaftsmodelle /\r\n gap: 30px;\r\n transition: transform 0.5s ease;\r\n width: 166.67%;\r\n / 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);\r\n / 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 {\r\n background: #FF6B6B;\r\n }\r\n \r\n .access-partner {\r\n background: #F39C12;\r\n }\r\n \r\n .spectator-partner {\r\n background: #9B59B6;\r\n }\r\n \r\n .investor-partner {\r\n background: #4ECDC4;\r\n }\r\n \r\n .mentor-partner {\r\n background: #45B7D1;\r\n }\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,\r\n .investor-logo,\r\n .tech-logo,\r\n .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,\r\n .investor-logo:hover,\r\n .tech-logo:hover,\r\n .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 \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 {\r\n font-size: 2.5rem !important;\r\n }\r\n \r\n h2 {\r\n font-size: 2rem !important;\r\n }\r\n \r\n h3 {\r\n font-size: 1.5rem !important;\r\n }\r\n \r\n h4 {\r\n font-size: 1.25rem !important;\r\n }\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;\r\n / 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-separated {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 15px !important;\r\n margin-top: 30px !important;\r\n width: 100% !important;\r\n }\r\n \r\n .hero-timeline-item-separated {\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-separated {\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-separated {\r\n color: white !important;\r\n flex: 1 !important;\r\n }\r\n \r\n .hero-timeline-title-separated {\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-separated {\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 #programm h2 {\r\n font-size: 1.6rem !important;\r\n }\r\n \r\n #programm .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;\r\n / Deutlich kleiner /\r\n }\r\n \r\n .statistics-container div[style="font-size: 2.5rem"] {\r\n font-size: 1.5rem !important;\r\n /* 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,\r\n .investor-logo,\r\n .tech-logo,\r\n .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 \r\n / Container /\r\n .container {\r\n padding: 0 15px !important;\r\n }\r\n \r\n / Typography /\r\n h1 {\r\n font-size: 2rem !important;\r\n }\r\n \r\n h2 {\r\n font-size: 1.8rem !important;\r\n }\r\n \r\n h3 {\r\n font-size: 1.3rem !important;\r\n }\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 \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 \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 \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 \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: 5px !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: 250px !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: 15px !important;\r\n }\r\n \r\n .alumni-section #alumniSlider>div {\r\n padding: 10px 0 !important;\r\n /* Überschreibt das inline style "padding: 40px 0" /\r\n }\r\n \r\n .alumni-section #alumniSlider>div {\r\n padding: 10px 0 !important;\r\n min-height: auto !important;\r\n / Automatische Höhe basierend auf Inhalt /\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 für 4 Cards konfigurieren /\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: 400% !important;\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 25% !important;\r\n width: 25% !important;\r\n min-width: 25% !important;\r\n max-width: 25% !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 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 \r\n / ===== MENTOR & EXPERT SECTION MOBILE ===== /\r\n @media (max-width: 768px) {\r\n .mentor-expert-highlight {\r\n margin-top: 40px !important;\r\n padding: 30px 20px !important;\r\n border-radius: 15px !important;\r\n }\r\n \r\n / Hauptgrid für mobile zu Single-Column ändern /\r\n .mentor-expert-highlight>div[style="grid-template-columns: auto 1fr auto"] {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 25px !important;\r\n grid-template-columns: none !important;\r\n align-items: center !important;\r\n text-align: center !important;\r\n }\r\n \r\n /* Icon Section /\r\n .mentor-expert-highlight>div>div:first-child {\r\n order: 1;\r\n }\r\n \r\n .mentor-expert-highlight>div>div:first-child>div[style="width: 80px; height: 80px"] {\r\n width: 60px !important;\r\n height: 60px !important;\r\n margin: 0 auto 15px !important;\r\n }\r\n \r\n .mentor-expert-highlight>div>div:first-child>div[style="width: 80px; height: 80px"] svg {\r\n width: 30px !important;\r\n height: 30px !important;\r\n }\r\n \r\n / Content Section /\r\n .mentor-expert-highlight>div>div:nth-child(2) {\r\n order: 2;\r\n text-align: center !important;\r\n }\r\n \r\n .mentor-expert-highlight h3 {\r\n font-size: 1.5rem !important;\r\n margin-bottom: 12px !important;\r\n text-align: center !important;\r\n }\r\n \r\n .mentor-expert-highlight p {\r\n font-size: 1rem !important;\r\n margin-bottom: 20px !important;\r\n text-align: center !important;\r\n }\r\n \r\n / Features Grid - Stack vertically /\r\n .mentor-expert-highlight>div>div:nth-child(2)>div[style="grid-template-columns: repeat(2, 1fr)"] {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 12px !important;\r\n grid-template-columns: none !important;\r\n align-items: flex-start !important;\r\n }\r\n \r\n .mentor-expert-highlight>div>div:nth-child(2)>div[style="grid-template-columns: repeat(2, 1fr)"]>div {\r\n justify-content: flex-start !important;\r\n width: 100% !important;\r\n }\r\n \r\n .mentor-expert-highlight>div>div:nth-child(2)>div[style="grid-template-columns: repeat(2, 1fr)"] span {\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n /* CTA Section /\r\n .mentor-expert-highlight>div>div:last-child {\r\n order: 3;\r\n text-align: center !important;\r\n }\r\n \r\n .mentor-expert-highlight>div>div:last-child a {\r\n padding: 14px 24px !important;\r\n font-size: 1rem !important;\r\n width: 100% !important;\r\n max-width: 280px !important;\r\n display: block !important;\r\n text-align: center !important;\r\n }\r\n \r\n / Dekorative Elemente für mobile anpassen /\r\n .mentor-expert-highlight>div[style="position: absolute; top: -50px"] {\r\n width: 100px !important;\r\n height: 100px !important;\r\n top: -30px !important;\r\n right: -30px !important;\r\n }\r\n \r\n .mentor-expert-highlight>div[style="position: absolute; bottom: -30px"] {\r\n width: 80px !important;\r\n height: 80px !important;\r\n bottom: -20px !important;\r\n left: -20px !important;\r\n }\r\n }\r\n \r\n / Kleinere mobile Geräte (iPhone SE, etc.) /\r\n @media (max-width: 480px) {\r\n .mentor-expert-highlight {\r\n margin-top: 30px !important;\r\n padding: 25px 15px !important;\r\n }\r\n \r\n .mentor-expert-highlight h3 {\r\n font-size: 1.3rem !important;\r\n }\r\n \r\n .mentor-expert-highlight p {\r\n font-size: 0.95rem !important;\r\n }\r\n \r\n .mentor-expert-highlight>div>div:nth-child(2)>div[style="grid-template-columns: repeat(2, 1fr)"] span {\r\n font-size: 0.85rem !important;\r\n }\r\n }\r\n \r\n /* ===== DESKTOP KORREKTUREN ===== /\r\n @media (min-width: 769px) {\r\n \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 \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;\r\n / Einheitliche Höhe für beide Logos /\r\n width: auto;\r\n object-fit: contain;\r\n }\r\n \r\n / === GRID-SYSTEM OPTIMIERUNG === /\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 grid-template-rows: repeat(1, 140px);\r\n / Einheitliche Höhe erzwingen /\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 / NEUE FESTLEGUNG: /\r\n height: 140px;\r\n / Feste Höhe für alle Boxen /\r\n width: 100%;\r\n / Vollständige Breite innerhalb des Grid /\r\n box-sizing: border-box;\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 / === LABEL OPTIMIERUNG FÜR LÄNGERE TEXTE === /\r\n .hero-stat-label-new {\r\n font-size: 0.85rem;\r\n color: #333333;\r\n text-transform: uppercase;\r\n letter-spacing: 0.3px;\r\n font-weight: 600;\r\n line-height: 1.2;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n height: auto;\r\n word-wrap: break-word;\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 grid-template-rows: auto;\r\n }\r\n \r\n .hero-stat-item-new {\r\n padding: 20px 15px;\r\n height: 120px;\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: 40px !important;\r\n }\r\n \r\n .hero-stat-label-new {\r\n font-size: 0.75rem;\r\n line-height: 1.1;\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: 35px !important;\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;\r\n / 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;\r\n / unter dem Hauptmenü (1030) aber über allem anderen /\r\n padding: 8px 0 !important;\r\n margin-top: 0 !important;\r\n / 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;\r\n / 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 / Kompakte Warteliste 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 \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 \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 \r\n \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,\r\n .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 \r\n 0%,\r\n 100% {\r\n transform: scale(1);\r\n opacity: 1;\r\n }\r\n \r\n 50% {\r\n transform: scale(1.2);\r\n opacity: 0.7;\r\n }\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% {\r\n transform: translateX(-100%);\r\n }\r\n \r\n 100% {\r\n transform: translateX(100%);\r\n }\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 \r\n 0%,\r\n 20%,\r\n 50%,\r\n 80%,\r\n 100% {\r\n transform: translateY(0);\r\n }\r\n \r\n 40% {\r\n transform: translateY(-10px);\r\n }\r\n \r\n 60% {\r\n transform: translateY(-5px);\r\n }\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: 768px) {\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 display: none !important;\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 .expert-content h3 {\r\n font-size: 1.4rem !important;\r\n }\r\n \r\n .timing {\r\n font-size: 0.95rem !important;\r\n }\r\n \r\n .benefit-item {\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n / Icons kleiner machen /\r\n .globe-icon,\r\n .location-icon {\r\n width: 60px !important;\r\n height: 60px !important;\r\n }\r\n \r\n .benefit-item .icon {\r\n width: 20px !important;\r\n font-size: 1rem !important;\r\n }\r\n \r\n / Badge kleiner /\r\n .badge {\r\n font-size: 0.75rem !important;\r\n padding: 6px 12px !important;\r\n }\r\n \r\n / Connection Dots kleiner machen /\r\n .connection-dots .dot {\r\n width: 6px !important;\r\n height: 6px !important;\r\n }\r\n \r\n .connection-dots {\r\n gap: 4px !important;\r\n margin-top: 10px !important;\r\n }\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 .expert-content h3 {\r\n font-size: 1.2rem !important;\r\n }\r\n \r\n .timing {\r\n font-size: 0.85rem !important;\r\n }\r\n \r\n .benefit-item {\r\n font-size: 0.85rem !important;\r\n margin-bottom: 12px !important;\r\n }\r\n \r\n .globe-icon,\r\n .location-icon {\r\n width: 50px !important;\r\n height: 50px !important;\r\n }\r\n \r\n .connection-dots .dot {\r\n width: 5px !important;\r\n height: 5px !important;\r\n }\r\n \r\n .connection-dots {\r\n gap: 4px !important;\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-78697 page-parent 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 for WordPress Accelerator Pages -->\r\n <div class="program-banner" id="nav-banner">\r\n <div class="banner-content">\r\n <a href="/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 KI Accelerator NRW 2025" class="banner-logo" style="height: 32px; width: auto;"></a>\r\n <nav class="banner-nav">\r\n <a href="/" class="banner-nav-item">STARTPLATZ</a>\r\n <a href="/accelerator/#programm" class="banner-nav-item">\r\n Programm\r\n </a>\r\n <a href="/accelerator/partners" class="banner-nav-item">\r\n Partner\r\n </a>\r\n <a href="/accelerator/startups" class="banner-nav-item">\r\n Startups\r\n </a>\r\n <a href="/accelerator/mentors" class="banner-nav-item">\r\n Mentoren\r\n </a>\r\n <a href="/accelerator/experts-in-residence" class="banner-nav-item">\r\n Experts\r\n </a>\r\n <a href="/accelerator/#faq" class="banner-nav-item">\r\n FAQ\r\n </a>\r\n <!-- Language Toggle - simplified for WordPress -->\r\n <a href="#" class="banner-nav-item language-toggle-banner" title="Switch to English">\r\n 🇺🇸 EN\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 (hidden by default, shown when toggle clicked) -->\r\n <div class="accelerator-mobile-menu" id="mobile-menu">\r\n <div class="mobile-menu-content">\r\n <a href="/" class="mobile-menu-item">STARTPLATZ</a>\r\n <a href="/accelerator/#programm" class="mobile-menu-item">Programm</a>\r\n <a href="/accelerator/startups" class="mobile-menu-item">Startups</a>\r\n <a href="/accelerator/mentors" class="mobile-menu-item">Mentoren</a>\r\n <a href="/accelerator/experts-in-residence" class="mobile-menu-item">Experts</a>\r\n <a href="/accelerator/test" class="mobile-menu-item">Test</a>\r\n <a href="/accelerator/#faq" class="mobile-menu-item">FAQ</a>\r\n <a href="#" class="mobile-menu-item language-toggle">?? English 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 über der Überschrift -->\r\n <div class="hero-logos-left">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,w_512/v1759760743/accelerator/KI%20Accelerator%20Logos/STARTPLATZ-Accelerator-Logo-schwarzundblau.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 <!-- Hauptüberschrift -->\r\n <h1 class="hero-title">\r\n STARTPLATZ KI Accelerator NRW\r\n </h1>\r\n \r\n <!-- Untertitel -->\r\n <h2 class="hero-subtitle-main">\r\n Für Startups <span class="highlight">aller</span> Branchen\r\n </h2>\r\n \r\n <!-- Beschreibung -->\r\n <p class="hero-description">\r\n Skaliert euer Startup mit der Kraft von KI. <br>\r\n 4 Monate. 10 Startups. Eine Mission: Wir integrieren KI in eure Wachstumsstrategie.\r\n </p>\r\n \r\n <!-- CTA Buttons -->\r\n <div class="hero-cta-group">\r\n <!-- Button 1: Programm entdecken -->\r\n <a href="#programm" class="btn-hero-secondary">\r\n Programm entdecken\r\n </a>\r\n \r\n <!-- Button 2: Jetzt bewerben (Primary) -->\r\n <a href="https://www.startplatz.de/join/accelerator-v2/ki-accelerator-nrw-02" target="_blank" rel="noopener"\r\n class="btn-hero-primary">\r\n Jetzt für Batch 2 bewerben\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 im modernen Coworking Space" loading="eager">\r\n <div\r\n 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;">\r\n </div>\r\n </div>\r\n \r\n <!-- Timeline unter dem Bild -->\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">Bewerbungsschluss</div>\r\n <div class="hero-timeline-date-separated"> 22. März 2026</div>\r\n </div>\r\n </div>\r\n \r\n <!-- Timeline Item 2 -->\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 startet</div>\r\n <div class="hero-timeline-date-separated"> im April 2026</div>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n \r\n </div>\r\n \r\n </div>\r\n </div>\r\n </section>\r\n \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\r\n 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 & KI Erfahrung\r\n </h2>\r\n </div>\r\n \r\n <div class="hero-statistics-grid">\r\n <!-- STARTPLATZ Statistiken -->\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">300+</span>\r\n <span class="hero-stat-label-new">Geförderte 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">Mio. € 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 Statistiken -->\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">KI-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">KI-Expert:innen im Netzwerk</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">KI-Manager:innen ausgebildet</span>\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 <!-- 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>Ist der KI Accelerator NRW das Richtige für euch?</h2>\r\n <p\r\n style="font-size: 1.2rem; margin-top: 20px; max-width: 700px; margin-left: auto; margin-right: auto; color: var(--text-gray);">\r\n 4 Monate KI-Integration für <strong>Wachstums-Startups auf dem Weg zum Scale-up</strong>.\r\n Einer von 6 NRW-geförderten Hubs mit größter Startup-Community in NRW.\r\n </p>\r\n </div>\r\n \r\n <div\r\n style="display: grid; grid-template-columns: 2fr 1fr; gap: 40px; margin-top: 50px; max-width: 1000px; margin-left: auto; margin-right: auto;">\r\n <!-- Perfekt für KI Accelerator -->\r\n <div class="target-card">\r\n <div\r\n 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;">Wir suchen für unseren KI\r\n Accelerator Startups, die:</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\r\n 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>Bereits erste Kunden haben und ihr Geschäftsmodell validiert haben</span>\r\n </li>\r\n <li style="display: flex; align-items: center; margin-bottom: 12px; padding: 8px 0;">\r\n <div\r\n 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>Ein skalierbares Produkt entwickelt haben und wachsen wollen</span>\r\n </li>\r\n <li style="display: flex; align-items: center; margin-bottom: 12px; padding: 8px 0;">\r\n <div\r\n 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>KI als Wachstumshebel in ihrem Geschäft einsetzen möchten</span>\r\n </li>\r\n <li style="display: flex; align-items: center; margin-bottom: 12px; padding: 8px 0;">\r\n <div\r\n 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>Mit einem Team von 2-10 Personen bereit sind zu skalieren</span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n <!-- Noch nicht bereit -->\r\n <div class="target-card">\r\n <div\r\n 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;">Noch in der Ideenphase?</h4>\r\n <p style="color: var(--text-gray); font-size: 0.95rem; line-height: 1.7;">\r\n Unser <strong>Open Accelerator</strong> ist der perfekte Einstieg für frühphasige\r\n Startups mit flexiblen Programmen.\r\n </p>\r\n </div>\r\n \r\n <a href="https://www.startplatz.de/open-accelerator/" target="_blank" rel="noopener noreferrer"\r\n class="btn"\r\n 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 Zum Open Accelerator →\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\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 aus Batch 1</h2>\r\n <p class="section-subtitle">Diese innovativen Startups wurden für den ersten Durchgang des KI Accelerators\r\n NRW ausgewählt</p>\r\n \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"\r\n 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"\r\n 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"\r\n 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"\r\n alt="Comdaily">\r\n </a>\r\n <a href="https://www.mindelevate.app" target="_blank" rel="noopener noreferrer"\r\n 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"\r\n 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"\r\n alt="Anny">\r\n </a>\r\n <a href="https://www.compelling.ai" target="_blank" rel="noopener noreferrer"\r\n 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"\r\n alt="Compelling">\r\n </a>\r\n <a href="https://tryworkabroad.com/de" target="_blank" rel="noopener noreferrer"\r\n 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"\r\n 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"\r\n 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"\r\n alt="Fynn" style="filter: invert(1);">\r\n </a>\r\n </div>\r\n </div>\r\n </section>\r\n \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-Erfolgsgeschichten</h2>\r\n <p style="font-size: 1.2rem; margin-top: 20px;">\r\n Unsere Alumni haben bewiesen: Mit der richtigen Unterstützung entstehen außergewöhnliche Erfolge.\r\n </p>\r\n </div>\r\n \r\n <div\r\n style="position: relative; margin-top: 20px; max-width: 1200px; margin-left: auto; margin-right: auto; padding: 20px 80px 20px 80px;">\r\n <div id="alumniCarouselViewport" style="overflow: hidden; width: 100%; position: relative;">\r\n <!-- Grid-Layout mit 3 Spalten -->\r\n <div id="alumniCarouselSlider"\r\n style="display: grid !important; grid-template-columns: repeat(8, 1fr) !important; gap: 20px !important; transition: transform 0.5s ease !important; width: 266.67% !important; padding: 0 4% !important;">\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\r\n 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" 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">950+ M$ Exit</span>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n <!-- deepset -->\r\n <div style="min-height: 400px; padding: 40px 0;">\r\n <div class="alumni-card fade-in">\r\n <div\r\n 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/v1769471437/deepset_logo.png"\r\n alt="deepset Logo" style="max-width: 100%; max-height: 100%; object-fit: contain;">\r\n </div>\r\n <h3>deepset</h3>\r\n <p style="margin: 15px 0; color: var(--secondary-blue);">NLP & LLM Platform</p>\r\n <div class="alumni-stats">\r\n <span class="stat">Von 3 auf 80 Mitarbeiter:innen</span>\r\n <span class="stat">45 M$ Investment</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\r\n 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" 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">Von 2 auf 26 Mitarbeiter:innen</span>\r\n <span class="stat">4,6 M€ 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\r\n 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" 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">Von 4 auf 55 Mitarbeiter:innen</span>\r\n <span class="stat">6,5 M€ Investment</span>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n <!-- taxy.io -->\r\n <div style="min-height: 400px; padding: 40px 0;">\r\n <div class="alumni-card fade-in">\r\n <div\r\n 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/v1769706787/taxyio_logo.png"\r\n alt="taxy.io Logo" style="max-width: 100%; max-height: 100%; object-fit: contain;">\r\n </div>\r\n <h3>taxy.io</h3>\r\n <p style="margin: 15px 0; color: var(--secondary-blue);">Tax Tech & AI</p>\r\n <div class="alumni-stats">\r\n <span class="stat">Von 3 auf 44 Mitarbeiter:innen</span>\r\n <span class="stat">6 M€ 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\r\n 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" 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">Von 4 auf 34 Mitarbeiter:innen</span>\r\n <span class="stat">2,5 M$ 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\r\n 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">Von 4 auf 45 Mitarbeiter:innen</span>\r\n <span class="stat">5+ M€ 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\r\n 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" 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">KI-Pionier in Healthcare</span>\r\n <span class="stat">5,5 M€ 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="alumniCarouselPrevBtn" onclick="moveAlumniCarousel(-1)"\r\n 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="alumniCarouselNextBtn" onclick="moveAlumniCarousel(1)"\r\n 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="alumniCarouselDot1" onclick="jumpToAlumniSlide(0)"\r\n 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="alumniCarouselDot2" onclick="jumpToAlumniSlide(1)"\r\n 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="alumniCarouselDot3" onclick="jumpToAlumniSlide(2)"\r\n 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 </div>\r\n </section>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n <!-- Kompakte Bewerbung 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>Interessiert am nächsten Batch?</h3>\r\n <p>Bewerbt euch jetzt für den Batch 2 des STARTPLATZ KI 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"\r\n rel="noopener">\r\n Jetzt bewerben!\r\n </a>\r\n </div>\r\n </div>\r\n </section>\r\n \r\n \r\n \r\n <!-- Program Overview -->\r\n <section id="programm" class="section">\r\n <div class="container">\r\n <div class="text-center">\r\n <h2>Das Programm: 3 Phasen zum 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 Unser bewährtes 4-Monats-Programm führt Wachstums-Startups durch einen strukturierten Weg zur\r\n Skalierung mit KI-Integration im Fokus.\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 - Finde deine idealen Mentoren</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\r\n 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 mit 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\r\n 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>Spezialisierte <a href="#workshops"\r\n style="color: var(--primary-green); font-weight: 700; text-decoration: underline;">Workshops</a>\r\n zu Growth-Themen</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\r\n 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 mit internationalen KI-Experten</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\r\n 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 KI-Integration in deine Prozesse</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\r\n 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 mit Top-Investoren</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\r\n 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 Vorbereitung & 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\r\n 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>Internationale 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\r\n 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 - Präsentiere dein Wachstum</span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n \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-Programm</h2>\r\n <p\r\n style="font-size: 1.2rem; margin-top: 15px; max-width: 600px; margin-left: auto; margin-right: auto; color: var(--text-gray);">\r\n Spezialisierte Workshops angepasst an die Bedürfnisse eures Teams (Änderungen vorbehalten).\r\n </p>\r\n </div>\r\n \r\n <div class="workshops-grid"\r\n style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 40px;">\r\n \r\n <!-- KI & Technology -->\r\n <div class="workshop-category"\r\n 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\r\n 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\r\n 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;">KI & 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;">• KI Bootcamp &\r\n Prompting</li>\r\n <li style="margin-bottom: 6px; color: var(--text-gray); font-size: 0.9rem;">• AI-First Mindset\r\n </li>\r\n <li style="margin-bottom: 6px; color: var(--text-gray); font-size: 0.9rem;">• AI Agents &\r\n Automations</li>\r\n <li style="margin-bottom: 6px; color: var(--text-gray); font-size: 0.9rem;">• Technology\r\n Readiness Check</li>\r\n <li style="margin-bottom: 6px; color: var(--text-gray); font-size: 0.9rem;">• Security\r\n Essentials</li>\r\n </ul>\r\n </div>\r\n \r\n <!-- Growth & Marketing -->\r\n <div class="workshop-category"\r\n 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\r\n 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\r\n Strategies</li>\r\n <li style="margin-bottom: 6px; color: var(--text-gray); font-size: 0.9rem;">• AI Marketing Stack\r\n 2025</li>\r\n <li style="margin-bottom: 6px; color: var(--text-gray); font-size: 0.9rem;">• B2B Sales Engine\r\n mit KI</li>\r\n <li style="margin-bottom: 6px; color: var(--text-gray); font-size: 0.9rem;">• Pricing &\r\n Packaging</li>\r\n <li style="margin-bottom: 6px; color: var(--text-gray); font-size: 0.9rem;">• International\r\n Expansion</li>\r\n </ul>\r\n </div>\r\n \r\n <!-- Finance & Investment -->\r\n <div class="workshop-category"\r\n 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\r\n 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\r\n & Modelle</li>\r\n <li style="margin-bottom: 6px; color: var(--text-gray); font-size: 0.9rem;">• Fundraising\r\n Masterclass</li>\r\n <li style="margin-bottom: 6px; color: var(--text-gray); font-size: 0.9rem;">• Term Sheets & Cap\r\n Table</li>\r\n <li style="margin-bottom: 6px; color: var(--text-gray); font-size: 0.9rem;">• Pitch Training &\r\n Demo Day</li>\r\n <li style="margin-bottom: 6px; color: var(--text-gray); font-size: 0.9rem;">• Leadership &\r\n Culture</li>\r\n </ul>\r\n </div>\r\n \r\n </div>\r\n \r\n \r\n </div>\r\n </section>\r\n \r\n \r\n <!-- Was uns unterscheidet 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>Direkter Zugang zu KI-Expertise durch unser Accelerator-Programm</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)"\r\n 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">Internationale Expertise</div>\r\n <h3>Top KI-Experten aus aller Welt</h3>\r\n <p class="timing">Zu gezielten Zeitpunkten im Programm</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\r\n 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"\r\n fill="#FF6B35" />\r\n </svg>\r\n </div>\r\n <span>Silicon Valley & Tech-Hubs weltweit</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"\r\n fill="#F7931E" />\r\n </svg>\r\n </div>\r\n <span>State-of-the-Art KI-Technologien</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"\r\n 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>Globale Expansion & Skalierung</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\r\n 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"\r\n 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">Regionale Begleitung</div>\r\n <h3>Lokale KI-Spezialisten vor Ort</h3>\r\n <p class="timing">4 Monate durchgehende Unterstützung</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"\r\n 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"\r\n stroke-linecap="round" />\r\n </svg>\r\n </div>\r\n <span>Persönliches Mentoring täglich</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>Sofort verfügbare Problemlösung</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"\r\n 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>Starkes lokales KI-Netzwerk</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 \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 \r\n <!-- Application Process \r\n <section id="bewerbung" class="application-section section">\r\n <div class="container">\r\n <div class="text-center">\r\n <h2>Bewerbungsprozess</h2>\r\n <p style="font-size: 1.2rem; margin-top: 20px;">\r\n In drei einfachen Schritten zu deinem Platz im KI 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-Bewerbung</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: 28. September 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>Auswahl-Prozess</h4>\r\n <div class="step-content">\r\n <p style="margin: 15px 0;">\r\n <strong>Auswahlgespräche</strong> im STARTPLATZ Köln\r\n </p>\r\n </div>\r\n <div class="step-date">\r\n <p><strong>Mitte 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 des 1. Batch</h4>\r\n <div class="step-content">\r\n <p style="margin: 15px 0;">\r\n <strong>Kennenlernen am 27. Oktober</strong><br>\r\n mit Programm-Team\r\n </p>\r\n </div>\r\n <div class="step-date">\r\n <p><strong>Kickoff am 29. Oktober</strong> im STARTPLATZ Köln</p>\r\n </div>\r\n </div>\r\n </div>\r\n \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 JETZT BEWERBEN\r\n </a>\r\n </div>\r\n \r\n </div>\r\n </section>\r\n \r\n -->\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>Noch in der Ideenphase?</h3>\r\n <p>Unser <strong>Open Accelerator</strong> unterstützt frühphasige Startups mit flexiblen\r\n Programmen.</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 Zum Open Accelerator →\r\n </a>\r\n </div>\r\n </div>\r\n </section>\r\n \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>Partnerschaftsmodelle</h2>\r\n <p style="font-size: 1.2rem; margin-top: 20px; max-width: 800px; margin-left: auto; margin-right: auto;">\r\n Verschiedene Wege, Teil des STARTPLATZ KI-Ökosystems zu werden und von Innovation zu profitieren.\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>Werden Sie Innovation Partner und erhalten Sie exklusiven Zugang zu cutting-edge\r\n KI-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"\r\n stroke-width="2">\r\n <path d="M22 12h-4l-3 9L9 3l-3 9H2" />\r\n </svg>\r\n <span><strong>Exklusive Startup-Betreuung</strong> und Pilot-Projekte</span>\r\n </li>\r\n <li>\r\n <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor"\r\n 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-Wünsche</strong> für kommende Batches</span>\r\n </li>\r\n <li>\r\n <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor"\r\n 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>Eigenen Mentor stellen</strong> für direkten Zugang</span>\r\n </li>\r\n <li>\r\n <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor"\r\n 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>Zugang zu allen Events</strong> und Meetups</span>\r\n </li>\r\n </ul>\r\n <div class="cta-container">\r\n <a href="mailto:partner@startplatz.de?subject=Anfrage%20Innovation%20Partner"\r\n class="btn btn-secondary">Jetzt anfragen</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\r\n 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>Positionieren Sie sich als bevorzugter Dienstleister für unsere wachsenden KI-Startups.\r\n </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"\r\n stroke-width="2">\r\n <path d="M22 12h-4l-3 9L9 3l-3 9H2" />\r\n </svg>\r\n <span><strong>Zugang zu 2 Batches</strong> (20 Startups pro Jahr)</span>\r\n </li>\r\n <li>\r\n <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor"\r\n 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>Testangebote & Rabatte</strong> bereitstellen</span>\r\n </li>\r\n <li>\r\n <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor"\r\n stroke-width="2">\r\n <path d="M7 7h.01" />\r\n <path\r\n 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> auf Events und im Newsletter</span>\r\n </li>\r\n <li>\r\n <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor"\r\n stroke-width="2">\r\n <path\r\n 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>Erwähnung bei Absagen</strong> (3-stellige Reichweite)</span>\r\n </li>\r\n </ul>\r\n <div class="cta-container">\r\n <a href="mailto:partner@startplatz.de?subject=Anfrage%20Access%20Partner"\r\n class="btn btn-secondary">Jetzt anfragen</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\r\n 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>Perfekt für KMU: Tauchen Sie in die KI-Welt ein und lernen Sie von praktischen\r\n Implementierungen.</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"\r\n 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>Beobachter-Rolle</strong> bei KI-Implementierungen</span>\r\n </li>\r\n <li>\r\n <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor"\r\n 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> Mitgliedschaft inklusive</span>\r\n </li>\r\n <li>\r\n <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor"\r\n 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>Exklusive KI-Webinare</strong> & Keynotes</span>\r\n </li>\r\n <li>\r\n <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor"\r\n 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> der Startup KI-Projekte</span>\r\n </li>\r\n </ul>\r\n <div class="cta-container">\r\n <a href="mailto:partner@startplatz.de?subject=Anfrage%20Spectator%20Partner"\r\n class="btn btn-secondary">Jetzt anfragen</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>Direkter Zugang zu den vielversprechendsten KI-Startups in der Wachstumsphase.</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"\r\n stroke-width="2">\r\n <path\r\n 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> zu allen Batches</span>\r\n </li>\r\n <li>\r\n <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor"\r\n stroke-width="2">\r\n <path\r\n 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> durch unser Team</span>\r\n </li>\r\n <li>\r\n <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor"\r\n 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> während des Programms</span>\r\n </li>\r\n <li>\r\n <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor"\r\n 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> und Follow-up Runden</span>\r\n </li>\r\n </ul>\r\n <div class="cta-container">\r\n <a href="mailto:partner@startplatz.de?subject=Anfrage%20Investor%20Partner"\r\n class="btn btn-secondary">Jetzt anfragen</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"\r\n 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\r\n style="position: absolute; top: -50px; right: -50px; width: 150px; height: 150px; background: rgba(255,255,255,0.1); border-radius: 50%; z-index: 1;">\r\n </div>\r\n <div\r\n style="position: absolute; bottom: -30px; left: -30px; width: 100px; height: 100px; background: rgba(255,255,255,0.05); border-radius: 50%; z-index: 1;">\r\n </div>\r\n \r\n <div\r\n 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\r\n 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\r\n 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 KI-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 Werden Sie 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 Teilen Sie Ihr KI-Wissen und unterstützen Sie die nächste Generation von Unicorns als Teil\r\n unseres Expert-Netzwerks.\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\r\n 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"\r\n 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 mit den Stars von morgen</span>\r\n </div>\r\n <div style="display: flex; align-items: center; gap: 10px;">\r\n <div\r\n 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"\r\n 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;">Hohe Flexibilität</span>\r\n </div>\r\n <div style="display: flex; align-items: center; gap: 10px;">\r\n <div\r\n 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"\r\n 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-Leitung</span>\r\n </div>\r\n <div style="display: flex; align-items: center; gap: 10px;">\r\n <div\r\n 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"\r\n 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;">Sichtbarkeit in der KI-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=Anfrage%20Mentor%20%26%20Expert"\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 Expert werden\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>Individuelle Partnerschaft gewünscht?</h3>\r\n <p>Haben Sie spezielle Anforderungen oder Ideen für eine Kooperation? Wir entwickeln gerne\r\n maßgeschneiderte Partnerschaftsmodelle.</p>\r\n <a href="https://calendly.com/johannes-graef/corporate-innovation-startplatz-klon" class="btn btn-primary"\r\n target="_blank">\r\n Beratungsgespräch buchen\r\n </a>\r\n </div>\r\n </div>\r\n </section>\r\n \r\n \r\n <!-- 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>Ihr habt noch Fragen zu unserem KI Accelerator?</h2>\r\n <p>Dann zögert nicht, uns zu kontaktieren. Unser Team steht euch gerne zur Verfügung:</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"\r\n 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 \r\n \r\n \r\n <!-- FAQ Bereich -->\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">KI Accelerator NRW</span></h2>\r\n </div>\r\n <div class="faq-accordion">\r\n \r\n <!-- Frage 1 -->\r\n <div class="faq-item">\r\n <div class="faq-question">\r\n <span>Wie viel Equity nehmt ihr?</span>\r\n <span class="faq-icon">+</span>\r\n </div>\r\n <div class="faq-answer">\r\n <p>Gar nichts, wir nehmen keine Anteile an eurem Startup.</p>\r\n </div>\r\n </div>\r\n \r\n <!-- Frage 2 -->\r\n <div class="faq-item">\r\n <div class="faq-question">\r\n <span>Muss unser Startup aus NRW sein?</span>\r\n <span class="faq-icon">+</span>\r\n </div>\r\n <div class="faq-answer">\r\n <p>Nein, aber ihr solltet bereit sein, 4 Monate in Köln zu verbringen. Das Programm erfordert\r\n eure Präsenz vor Ort.</p>\r\n </div>\r\n </div>\r\n \r\n <!-- Frage 3 -->\r\n <div class="faq-item">\r\n <div class="faq-question">\r\n <span>Brauchen wir schon KI-Expertise im Team?</span>\r\n <span class="faq-icon">+</span>\r\n </div>\r\n <div class="faq-answer">\r\n <p>Nein, genau dafür sind wir da. Wichtig ist die Bereitschaft zu lernen und KI in euer Business\r\n zu integrieren.</p>\r\n </div>\r\n </div>\r\n \r\n <!-- Frage 4 -->\r\n <div class="faq-item">\r\n <div class="faq-question">\r\n <span>Was kostet die Teilnahme?</span>\r\n <span class="faq-icon">+</span>\r\n </div>\r\n <div class="faq-answer">\r\n <p>Das Programm ist kostenfrei. Ihr bekommt sogar kostenlosen Coworking-Zugang im STARTPLATZ.\r\n </p>\r\n </div>\r\n </div>\r\n \r\n <!-- Frage 5 -->\r\n <div class="faq-item">\r\n <div class="faq-question">\r\n <span>Was ist das zeitliche Commitment?</span>\r\n <span class="faq-icon">+</span>\r\n </div>\r\n <div class="faq-answer">\r\n <p>Pro Woche im Schnitt 2-5 Stunden.</p>\r\n </div>\r\n </div>\r\n \r\n <!-- Frage 6 -->\r\n <div class="faq-item">\r\n <div class="faq-question">\r\n <span>Welche Startups sind ideal für den KI Accelerator?</span>\r\n <span class="faq-icon">+</span>\r\n </div>\r\n <div class="faq-answer">\r\n <p>Wachstums-Startups mit MVP, ersten Kunden und 2-10 Personen Teams. Ihr seid bereit für die\r\n nächste Skalierungsphase und seht KI als Wachstumshebel.</p>\r\n </div>\r\n </div>\r\n \r\n <!-- Frage 7 -->\r\n <div class="faq-item">\r\n <div class="faq-question">\r\n <span>Ist das Programm für Scale-ups oder frühe Startups?</span>\r\n <span class="faq-icon">+</span>\r\n </div>\r\n <div class="faq-answer">\r\n <p>Wir fokussieren uns auf die "Pre-Scale-up Phase" - Startups die bereits funktionieren, aber\r\n noch nicht skaliert haben. Perfekt als Vorbereitung für Scale-up Programme.</p>\r\n </div>\r\n </div>\r\n \r\n <!-- Frage 8 -->\r\n <div class="faq-item">\r\n <div class="faq-question">\r\n <span>Was passiert nach dem Programm?</span>\r\n <span class="faq-icon">+</span>\r\n </div>\r\n <div class="faq-answer">\r\n <p>Ihr bleibt Teil unseres Alumni-Netzwerks mit Zugang zu Events, Mentoren und seid optimal\r\n vorbereitet für Scale-up Programme oder weitere Finanzierungsrunden.</p>\r\n </div>\r\n </div>\r\n \r\n <!-- Frage 9 (ausgeklammert)\r\n <div class="faq-item">\r\n <div class="faq-question">\r\n <span>In welcher Sprache findet das Programm statt?</span>\r\n <span class="faq-icon">+</span>\r\n </div>\r\n <div class="faq-answer">\r\n <p>Größtenteils auf Deutsch. Die Sessions mit internationalen KI-Experten finden auf Englisch statt – so profitiert ihr von globaler Expertise.</p>\r\n </div>\r\n </div> -->\r\n \r\n <!-- Frage 10 \r\n <div class="faq-item">\r\n <div class="faq-question">\r\n <span>Richtet sich das Programm nur an KI-Startups?</span>\r\n <span class="faq-icon">+</span>\r\n </div>\r\n <div class="faq-answer">\r\n <p>Nein, wir sind offen für Startups aus allen Branchen. Wichtig ist, dass ihr KI als Wachstumshebel seht und in euer Business integrieren möchtet.</p>\r\n </div>\r\n </div> -->\r\n \r\n </div>\r\n </div>\r\n </section>\r\n \r\n \r\n <!-- Sticky CTA -->\r\n <!-- Aktuell nicht eingeblendet, da Bewerbungsphase vorbei\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 Jetzt bewerben\r\n </a>\r\n </div>\r\n //-->\r\n \r\n \r\n <script>\r\n // ============================================\r\n // ALUMNI CAROUSEL - KOMPLETT NEUE FUNKTIONEN\r\n // ============================================\r\n \r\n // Globale Variable für Alumni Carousel\r\n let alumniCarouselCurrentPosition = 0;\r\n const alumniCarouselTotalSlides = 3; // ANGEPASST: Nur noch 3 Slides\r\n const alumniCarouselTotalCards = 8;\r\n const alumniCarouselVisibleCards = 2.95;\r\n \r\n // Hauptfunktion zum Bewegen des Carousels\r\n function moveAlumniCarousel(direction) {\r\n const slider = document.getElementById('alumniCarouselSlider');\r\n \r\n if (!slider) {\r\n console.error('Alumni Carousel Slider nicht gefunden!');\r\n return;\r\n }\r\n \r\n // Position aktualisieren\r\n alumniCarouselCurrentPosition += direction;\r\n \r\n // Grenzen prüfen\r\n if (alumniCarouselCurrentPosition < 0) {\r\n alumniCarouselCurrentPosition = 0;\r\n } else if (alumniCarouselCurrentPosition >= alumniCarouselTotalSlides) {\r\n alumniCarouselCurrentPosition = alumniCarouselTotalSlides - 1;\r\n }\r\n \r\n // WICHTIG: Hier kannst du den Slide-Wert anpassen!\r\n // Berechnung: (100 / Anzahl Karten Anzahl sichtbare Karten)\r\n const slidePercentage = (100 / alumniCarouselTotalCards * alumniCarouselVisibleCards);\r\n \r\n // Transform anwenden\r\n slider.style.transform = `translateX(-${alumniCarouselCurrentPosition * slidePercentage}%)`;\r\n \r\n // UI aktualisieren\r\n updateAlumniCarouselDots();\r\n updateAlumniCarouselButtons();\r\n }\r\n \r\n // Direkt zu einem bestimmten Slide springen\r\n function jumpToAlumniSlide(slideIndex) {\r\n const slider = document.getElementById('alumniCarouselSlider');\r\n \r\n if (!slider) {\r\n console.error('Alumni Carousel Slider nicht gefunden!');\r\n return;\r\n }\r\n \r\n alumniCarouselCurrentPosition = slideIndex;\r\n \r\n const slidePercentage = (100 / alumniCarouselTotalCards * alumniCarouselVisibleCards);\r\n slider.style.transform = `translateX(-${alumniCarouselCurrentPosition * slidePercentage}%)`;\r\n \r\n updateAlumniCarouselDots();\r\n updateAlumniCarouselButtons();\r\n }\r\n \r\n // Dots (Navigationspunkte) aktualisieren\r\n function updateAlumniCarouselDots() {\r\n // Alle Dots zurücksetzen\r\n for (let i = 1; i <= alumniCarouselTotalSlides; i++) {\r\n const dot = document.getElementById('alumniCarouselDot' + i);\r\n if (dot) {\r\n dot.style.backgroundColor = '#ddd';\r\n }\r\n }\r\n \r\n // Aktiven Dot hervorheben\r\n const activeDot = document.getElementById('alumniCarouselDot' + (alumniCarouselCurrentPosition + 1));\r\n if (activeDot) {\r\n activeDot.style.backgroundColor = 'var(--primary-green)';\r\n }\r\n }\r\n \r\n // Navigation Buttons aktualisieren\r\n function updateAlumniCarouselButtons() {\r\n const prevBtn = document.getElementById('alumniCarouselPrevBtn');\r\n const nextBtn = document.getElementById('alumniCarouselNextBtn');\r\n \r\n if (!prevBtn \|\| !nextBtn) {\r\n return;\r\n }\r\n \r\n // Prev Button - deaktivieren wenn am Anfang\r\n if (alumniCarouselCurrentPosition === 0) {\r\n prevBtn.style.opacity = '0.5';\r\n prevBtn.style.cursor = 'not-allowed';\r\n } else {\r\n prevBtn.style.opacity = '1';\r\n prevBtn.style.cursor = 'pointer';\r\n }\r\n \r\n // Next Button - deaktivieren wenn am Ende\r\n if (alumniCarouselCurrentPosition >= alumniCarouselTotalSlides - 1) {\r\n nextBtn.style.opacity = '0.5';\r\n nextBtn.style.cursor = 'not-allowed';\r\n } else {\r\n nextBtn.style.opacity = '1';\r\n nextBtn.style.cursor = 'pointer';\r\n }\r\n }\r\n \r\n // Initialisierung beim Laden der Seite\r\n document.addEventListener('DOMContentLoaded', function() {\r\n console.log('Alumni Carousel wird initialisiert...');\r\n updateAlumniCarouselDots();\r\n updateAlumniCarouselButtons();\r\n console.log('Alumni Carousel erfolgreich initialisiert!');\r\n });\r\n \r\n // Keyboard Navigation (Optional - mit Pfeiltasten navigieren)\r\n document.addEventListener('keydown', function(event) {\r\n const alumniSection = document.getElementById('alumni');\r\n \r\n // Nur wenn Alumni-Section im Viewport ist\r\n if (alumniSection && isElementInViewport(alumniSection)) {\r\n if (event.key === 'ArrowLeft') {\r\n moveAlumniCarousel(-1);\r\n } else if (event.key === 'ArrowRight') {\r\n moveAlumniCarousel(1);\r\n }\r\n }\r\n });\r\n \r\n // Hilfsfunktion: Prüfen ob Element im Viewport ist\r\n function isElementInViewport(el) {\r\n const rect = el.getBoundingClientRect();\r\n return (\r\n rect.top >= 0 &&\r\n rect.left >= 0 &&\r\n rect.bottom <= (window.innerHeight \|\| document.documentElement.clientHeight) &&\r\n rect.right <= (window.innerWidth \|\| document.documentElement.clientWidth)\r\n );\r\n }\r\n \r\n console.log('Alumni Carousel JavaScript geladen!');\r\n </script>\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 <script id="page-custom-js">\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: 4 Cards, eine pro Ansicht (0,1,2,3) - GEÄNDERT VON 5 auf 4\r\n const maxSlide = 3; // GEÄNDERT VON 4 auf 3\r\n this.currentSlide = Math.max(0, Math.min(this.currentSlide, maxSlide));\r\n const translateX = this.currentSlide * 21; // GEÄNDERT VON 21 auf 25 (100%/4 = 25%)\r\n this.slider.style.transform = `translateX(-${translateX}%)`;\r\n } else {\r\n // Desktop: 4 Cards, 3 Slides für alle Positionen (0,1,2) - bleibt gleich\r\n const maxSlide = 2;\r\n this.currentSlide = Math.max(0, Math.min(this.currentSlide, maxSlide));\r\n const translateX = this.currentSlide * 20; // GEÄNDERT VON 20 auf 33.33 (100%/3 = 33.33%)\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; // GEÄNDERT VON 21 auf 25\r\n this.slider.style.transform = `translateX(-${translateX}%)`;\r\n } else {\r\n const translateX = this.currentSlide * 20; // GEÄNDERT VON 20 auf 33.33\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 = 3; // GEÄNDERT VON 4 auf 3\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 - 4 dots for mobile (GEÄNDERT VON 5 auf 4)\r\n if (dotsContainer) {\r\n this.createDots(dotsContainer, 4);\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 (bleibt gleich)\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 https://...) werden NICHT blockiert und funktionieren normal\r\n });\r\n });\r\n \r\n // ========================================\r\n // SMART LANGUAGE TOGGLE\r\n // ========================================\r\n function setupSmartLanguageToggle() {\r\n const currentPath = window.location.pathname;\r\n const isEnglish = currentPath.startsWith("/en/");\r\n \r\n // Desktop language toggle\r\n const desktopLangToggle = document.querySelector(".language-toggle-banner");\r\n if (desktopLangToggle) {\r\n // Determine the opposite language URL\r\n let targetUrl;\r\n if (isEnglish) {\r\n // Remove /en prefix for German version\r\n targetUrl = currentPath.replace(/^\/en/, '') \|\| '/';\r\n desktopLangToggle.innerHTML = '🇩🇪 DE';\r\n desktopLangToggle.title = 'Auf Deutsch wechseln';\r\n } else {\r\n // Add /en prefix for English version\r\n targetUrl = '/en' + currentPath;\r\n desktopLangToggle.innerHTML = '🇺🇸 EN';\r\n desktopLangToggle.title = 'Switch to English';\r\n }\r\n \r\n // Set the href to stay on the same page in the other language\r\n desktopLangToggle.href = targetUrl;\r\n }\r\n }\r\n \r\n // Setup smart language toggle\r\n setupSmartLanguageToggle();\r\n \n </script>\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="sfwdtf096be" class="sf-toolbar sf-display-none" role="region" aria-label="Symfony Web Debug Toolbar"> <!-- START of Symfony Web Debug Toolbar --><div id="sfMiniToolbar-f096be" class="sf-minitoolbar" data-no-turbolink data-turbo="false"> <button type="button" title="Show Symfony toolbar" id="sfToolbarMiniToggler-f096be" accesskey="D" aria-expanded="false" aria-controls="sfToolbarMainContent-f096be"> <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-f096be" class="sf-toolbar-clearer"></div><div id="sfToolbarMainContent-f096be" 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/f096be?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-f096be"></span> </div> <div class="sf-toolbar-info-piece"> <b> <button class="sf-cancel-button" type="button" id="sfLoadCancel-f096be" title="Cancel loading">Cancel</button> </b> </div> </div></div> <button class="hide-button" type="button" id="sfToolbarHideButton-f096be" title="Close Toolbar" accesskey="D" aria-expanded="true" aria-controls="sfToolbarMainContent-f096be"> <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="513c0233d328dad1719bd5673ca6e7d5">/<![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="95f5bcba10e2c6d5f6220ced2520e36e"> .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="513c0233d328dad1719bd5673ca6e7d5">/<![CDATA[/ (function () { Sfjs.loadToolbar('f096be'); })();/]]>*/</script>\n </body>\n </html> """ #version: "1.1" #statusCode: 200 #statusText: "OK" #charset: "UTF-8"}
path	"accelerator/"

Request Headers

Header	Value
accept	"/"
accept-encoding	"gzip, br, zstd, deflate"
host	"www.staging.startplatz.de"
referer	"https://www.staging.startplatz.de/accelerator"
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	"Thu, 26 Feb 2026 22:45:12 GMT"
link	"<https://www.staging.startplatz.de/?p=78697>; rel=shortlink"
x-debug-token	"f096be"
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/accelerator"
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	"55824"
REQUEST_METHOD	"GET"
REQUEST_SCHEME	"http"
REQUEST_TIME	1772145911
REQUEST_TIME_FLOAT	1772145911.6343
REQUEST_URI	"/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/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