Symfony Profiler

PassthruController :: passthruAction

Request

GET Parameters

None

POST Parameters

None

Uploaded Files

None

Request Attributes

Key	Value
_controller	"Startplatz\Bundle\WordpressIntegrationBundle\Controller\PassthruController::passthruAction"
_firewall_context	"security.firewall.map.context.main"
_route	"startplatz_wordpress_passthru"
_route_params	[`"path" => "accelerator/"`]
_security_authenticators	[]
_security_firewall_run	"_security_main"
_security_skipped_authenticators	[Symfony\Component\Security\Http\Authenticator\Debug\TraceableAuthenticator {#1922 -supports: false -passport: null -duration: null -stub: "App\StartPlatz\Bundle\UserBundle\Security\LoginLinkAuthenticator" -authenticated: null -exception: null -authenticator: App\StartPlatz\Bundle\UserBundle\Security\LoginLinkAuthenticator {#1923 …} } Symfony\Component\Security\Http\Authenticator\Debug\TraceableAuthenticator {#1920 -supports: false -passport: null -duration: null -stub: "Symfony\Component\Security\Http\Authenticator\FormLoginAuthenticator" -authenticated: null -exception: null -authenticator: Symfony\Component\Security\Http\Authenticator\FormLoginAuthenticator {#1644 …} } Symfony\Component\Security\Http\Authenticator\Debug\TraceableAuthenticator {#1925 -supports: false -passport: null -duration: null -stub: "Symfony\Component\Security\Http\Authenticator\RememberMeAuthenticator" -authenticated: null -exception: null -authenticator: Symfony\Component\Security\Http\Authenticator\RememberMeAuthenticator {#1926 …} }]
_stopwatch_token	"5a5eaf"
_wordpressResponse	Symfony\Component\HttpFoundation\Response {#179+headers: Symfony\Component\HttpFoundation\ResponseHeaderBag {#3548 …} #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', '767917863396798');\n fbq('track', 'PageView');\n </script>\n <noscript>\n <img height="1" width="1" src="https://www.facebook.com/tr?id=767917863396798&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 \n \t<!-- This site is optimized with the Yoast SEO Premium plugin v27.6 (Yoast SEO v27.6) - https://yoast.com/product/yoast-seo-premium-wordpress/ -->\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-05-28T09:38:53+00:00" />\n \t<meta property="og:image" content="https://res.cloudinary.com/startplatz/image/upload/v1759760743/accelerator/KI%20Accelerator%20Logos/STARTPLATZ-Accelerator-Logo-wei%C3%9Fundblau_1.png" />\n \t<meta name="twitter:label1" content="Geschätzte Lesezeit" />\n \t<meta name="twitter:data1" content="16\u{A0}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\/v1759760743\/accelerator\/KI%20Accelerator%20Logos\/STARTPLATZ-Accelerator-Logo-wei%C3%9Fundblau_1.png","datePublished":"2025-07-10T14:07:39+00:00","dateModified":"2026-05-28T09:38:53+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\/v1759760743\/accelerator\/KI%20Accelerator%20Logos\/STARTPLATZ-Accelerator-Logo-wei%C3%9Fundblau_1.png","contentUrl":"https:\/\/res.cloudinary.com\/startplatz\/image\/upload\/v1759760743\/accelerator\/KI%20Accelerator%20Logos\/STARTPLATZ-Accelerator-Logo-wei%C3%9Fundblau_1.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 <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 <style id='wp-img-auto-sizes-contain-inline-css' type='text/css'>\n img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}\n /# sourceURL=wp-img-auto-sizes-contain-inline-css /\n </style>\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 /# sourceURL=wp-emoji-styles-inline-css /\n </style>\n <style id='wp-block-library-inline-css' type='text/css'>\n :root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style=border-top-color]){border-top-style:solid}html :where([style=border-right-color]){border-right-style:solid}html :where([style=border-bottom-color]){border-bottom-style:solid}html :where([style=border-left-color]){border-left-style:solid}html :where([style=border-width]){border-style:solid}html :where([style=border-top-width]){border-top-style:solid}html :where([style=border-right-width]){border-right-style:solid}html :where([style=border-bottom-width]){border-bottom-style:solid}html :where([style=border-left-width]){border-left-style:solid}html :where(img[class=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}\n /wp_block_styles_on_demand_placeholder:6a2a13bd2155b/\n /# sourceURL=wp-block-library-inline-css /\n </style>\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 /# sourceURL=/wp-includes/css/classic-themes.min.css /\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.9.4" />\n <link rel='shortlink' href='https://www.staging.startplatz.de/?p=78697' />\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 Program\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 Mentors\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">Program</a>\r\n <a href="/accelerator/startups" class="mobile-menu-item">Startups</a>\r\n <a href="/accelerator/mentors" class="mobile-menu-item">Mentors</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 mit Video-Hintergrund -->\r\n <style>\r\n .hero-video-bg {\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 100%; height: 100%;\r\n overflow: hidden;\r\n z-index: 0;\r\n pointer-events: none;\r\n }\r\n .hero-video-bg iframe {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n / 16:9 ratio – groß genug um den ganzen Hintergrund zu füllen /\r\n width: 100vw;\r\n height: 56.25vw; / 16:9 /\r\n min-height: 100%;\r\n min-width: 177.78vh; / 16:9 /\r\n border: none;\r\n pointer-events: none;\r\n }\r\n .hero-video-overlay {\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 100%; height: 100%;\r\n background: linear-gradient(\r\n 135deg,\r\n rgba(0, 0, 0, 0.75) 0%,\r\n rgba(0, 0, 0, 0.60) 50%,\r\n rgba(0, 0, 0, 0.50) 100%\r\n );\r\n z-index: 1;\r\n }\r\n #hero {\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n #hero .container {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n </style>\r\n \r\n <section id="hero" class="hero" style="padding-bottom: 160px;">\r\n \r\n <!-- Video Hintergrund -->\r\n <div class="hero-video-bg">\r\n <iframe\r\n src="https://www.youtube.com/embed/YzMiuzmumEo?autoplay=1&mute=1&loop=1&playlist=YzMiuzmumEo&controls=0&showinfo=0&rel=0&modestbranding=1&playsinline=1"\r\n allow="autoplay; encrypted-media"\r\n allowfullscreen\r\n title="Hero Background Video">\r\n </iframe>\r\n </div>\r\n \r\n <!-- Dunkles Overlay für Lesbarkeit -->\r\n <div class="hero-video-overlay"></div>\r\n \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" style="transform: scale(0.7); transform-origin: left center;">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/v1759760743/accelerator/KI%20Accelerator%20Logos/STARTPLATZ-Accelerator-Logo-wei%C3%9Fundblau_1.png"\r\n alt="STARTPLATZ Accelerator Logo">\r\n <div class="logo-divider-left"></div>\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/v1759842981/accelerator/NRW%20HUB%20Logos/NRW_HUB_Farbe_NRW_weiss.png"\r\n alt="NRW Hub Logo">\r\n </div>\r\n \r\n <!-- Hauptüberschrift -->\r\n <h1 class="hero-title" style="white-space: nowrap;">\r\n STARTPLATZ KI Accelerator NRW\r\n </h1>\r\n \r\n <!-- Untertitel -->\r\n <h2 class="hero-subtitle-main">\r\n Skaliert euer Startup mit der Kraft von KI.\r\n </h2>\r\n \r\n <!-- CTA Buttons + Bubble -->\r\n <div style="display: flex !important; flex-direction: row !important; align-items: center; gap: 1rem; flex-wrap: wrap; margin-top: 1.5rem;">\r\n <!-- Kalender + Text inline -->\r\n <span style="color: rgba(255,255,255,0.95); font-weight: 600; font-size: 1rem;">📅 Batch #3 startet im September 2026</span>\r\n <!-- Join Waitlist Button – milchig, kompakter -->\r\n <a href="https://startplatz.typeform.com/to/r3HkB6TI" target="_blank" rel="noopener" style="display: inline-flex; align-items: center; background: rgba(255,255,255,0.15); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.3); border-radius: 50px; color: white; font-weight: 600; font-size: 0.95rem; padding: 0.5rem 1.5rem; text-decoration: none; transition: all 0.3s ease; white-space: nowrap;">\r\n Join the waitlist!\r\n </a>\r\n </div>\r\n \r\n </div>\r\n \r\n <!-- Right Column: leer -->\r\n <div class="hero-visual fade-in">\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">28</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/v1776624401/ai-hub/website/AI-Academy%20Logos/Logo%20Archive/AI_Academy_Logo_tricolor_black.png"\r\n alt="STARTPLATZ AI Hub Logo" class="stat-logo-img" style="transform: scale(2.5); transform-origin: center center;">\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 <!-- ============================================================ -->\r\n <!-- NEU: Batch 2 Startups Section (mit Hover-Overlay-Effekten) -->\r\n <!-- ============================================================ -->\r\n <style>\r\n / ---- CSS-Variablen (nur falls noch nicht vorhanden) ---- /\r\n :root {\r\n --accelerator-blue: #0680BB;\r\n --startplatz-green: #7AB800;\r\n --dark-gray: #1D1D1A;\r\n }\r\n \r\n / ---- Startup Card Grid ---- /\r\n .batch2-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1rem;\r\n max-width: 960px;\r\n margin: 0 auto;\r\n }\r\n \r\n / Karten 5-10 in 3er Grid --> via nth-child Trick:\r\n Ab Karte 5 brechen wir in 3 Spalten um /\r\n .batch2-grid .startup-card:nth-child(n+6) {\r\n / handled by grid auto-fit below /\r\n }\r\n \r\n / ---- Startup Card ---- /\r\n .startup-card {\r\n background: white;\r\n border-radius: 14px;\r\n padding: 1rem;\r\n text-align: center;\r\n border: 2px solid #e9ecef;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: space-between;\r\n aspect-ratio: 1 / 1;\r\n position: relative;\r\n overflow: hidden;\r\n cursor: pointer;\r\n width: 100%;\r\n }\r\n .startup-card::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, rgba(6,128,187,0.03) 0%, rgba(6,128,187,0.08) 100%);\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n z-index: 0;\r\n }\r\n .startup-card:hover::before { opacity: 1; }\r\n .startup-card:hover {\r\n transform: translateY(-8px) scale(1.02);\r\n box-shadow: 0 15px 40px rgba(6,128,187,0.25);\r\n border-color: var(--accelerator-blue);\r\n }\r\n .startup-card:focus { outline: none; }\r\n .startup-card:focus-visible { outline: 3px solid var(--accelerator-blue); outline-offset: 3px; }\r\n \r\n / ---- Logo Container ---- /\r\n .startup-logo-container {\r\n width: 100%;\r\n height: 140px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 1rem;\r\n padding: 1rem;\r\n background: linear-gradient(135deg, #fafbfc 0%, #f5f7f9 100%);\r\n border-radius: 12px;\r\n position: relative;\r\n z-index: 1;\r\n transition: all 0.3s ease;\r\n }\r\n .startup-logo {\r\n max-width: 140px;\r\n max-height: 80px;\r\n width: auto;\r\n height: auto;\r\n object-fit: contain;\r\n filter: drop-shadow(0 2px 6px rgba(0,0,0,0.08));\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n / ---- Startup Info ---- /\r\n .startup-info {\r\n width: 100%;\r\n padding-top: 1rem;\r\n border-top: 2px solid #f0f2f5;\r\n position: relative;\r\n z-index: 1;\r\n transition: border-color 0.3s ease;\r\n }\r\n .startup-card:hover .startup-info { border-top-color: rgba(6,128,187,0.2); }\r\n .startup-name {\r\n font-size: 1.15rem;\r\n font-weight: 700;\r\n color: var(--dark-gray);\r\n margin-bottom: 0.4rem;\r\n line-height: 1.3;\r\n transition: color 0.3s ease;\r\n }\r\n .startup-card:hover .startup-name { color: var(--accelerator-blue); }\r\n \r\n .startup-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, var(--accelerator-blue) 0%, #0565a0 100%);\r\n color: #fff;\r\n padding: 1rem 1.1rem;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n text-align: left;\r\n border-radius: 14px;\r\n opacity: 0;\r\n visibility: hidden;\r\n transform: scale(0.97);\r\n transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;\r\n z-index: 5;\r\n pointer-events: none;\r\n }\r\n .startup-card:hover .startup-overlay,\r\n .startup-card:focus .startup-overlay,\r\n .startup-card:focus-within .startup-overlay {\r\n opacity: 1;\r\n visibility: visible;\r\n transform: scale(1);\r\n pointer-events: auto;\r\n }\r\n .startup-overlay-tag {\r\n display: inline-block;\r\n font-size: 0.62rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.8px;\r\n color: rgba(255,255,255,0.85);\r\n background: rgba(255,255,255,0.15);\r\n padding: 3px 8px;\r\n border-radius: 12px;\r\n margin-bottom: 0.5rem;\r\n }\r\n .startup-overlay-name {\r\n font-size: 1rem;\r\n font-weight: 700;\r\n color: #fff;\r\n margin: 0 0 0.4rem 0;\r\n line-height: 1.2;\r\n }\r\n .startup-overlay-desc {\r\n font-size: 0.75rem;\r\n line-height: 1.4;\r\n color: rgba(255,255,255,0.95);\r\n margin: 0;\r\n }\r\n \r\n / ---- Responsive ---- /\r\n @media (max-width: 900px) {\r\n .batch2-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n max-width: 600px;\r\n }\r\n .startup-logo-container { height: 120px; }\r\n .startup-logo { max-width: 120px; max-height: 70px; }\r\n .startup-overlay { padding: 1.2rem 1.1rem; }\r\n .startup-overlay-name { font-size: 1.1rem; }\r\n .startup-overlay-desc { font-size: 0.8rem; }\r\n }\r\n @media (max-width: 500px) {\r\n .batch2-grid {\r\n grid-template-columns: 1fr;\r\n max-width: 320px;\r\n gap: 1rem;\r\n }\r\n .startup-card { aspect-ratio: unset; padding: 1.25rem; }\r\n .startup-logo-container { height: 110px; padding: 0.8rem; }\r\n .startup-logo { max-width: 110px; max-height: 60px; }\r\n .startup-overlay { padding: 1.4rem 1.3rem; }\r\n .startup-overlay-tag { font-size: 0.68rem; margin-bottom: 0.7rem; }\r\n .startup-overlay-name { font-size: 1.15rem; }\r\n }\r\n </style>\r\n \r\n <section id="batch2-startups" class="batch-startups-section">\r\n <div class="container">\r\n <h2 class="section-title">Startups aus Batch #2</h2>\r\n \r\n \r\n <div style="max-width: 960px; margin: 0 auto;">\r\n \r\n <!-- Reihe 1: 4 Karten -->\r\n <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 1rem;">\r\n <div class="startup-card" tabindex="0"><div class="startup-logo-container"><img class="startup-logo" src="https://res.cloudinary.com/startplatz/image/upload/v1777536845/accelerator/Lgos%20Batch%202%20KI%20Accelerator/wemote_Logo_transparent.png" alt="wemote Logo"></div><div class="startup-info"><h5 class="startup-name">wemote</h5></div><div class="startup-overlay"><span class="startup-overlay-tag">B2B Software / HR Tech</span><h5 class="startup-overlay-name">wemote</h5><p class="startup-overlay-desc">Ganzheitliche HR-Software für Corporate Workations. Automatisiert Workflows, Abrechnung und Compliance – Workation als skalierbarer Employee Benefit.</p></div></div>\r\n <div class="startup-card" tabindex="0"><div class="startup-logo-container"><img class="startup-logo" src="https://res.cloudinary.com/startplatz/image/upload/v1777536843/accelerator/Lgos%20Batch%202%20KI%20Accelerator/Kolula_Logo_turq_grey.png" alt="kolula Logo"></div><div class="startup-info"><h5 class="startup-name">kolula</h5></div><div class="startup-overlay"><span class="startup-overlay-tag">SaaS / PropTech</span><h5 class="startup-overlay-name">kolula</h5><p class="startup-overlay-desc">Betriebssystem für digital-physische Service-Orchestrierung. Verbindet digitale Buchung mit physischem Zugang – branchübergreifend von Wohnen bis Last-Mile-Logistics.</p></div></div>\r\n <div class="startup-card" tabindex="0"><div class="startup-logo-container"><img class="startup-logo" src="https://res.cloudinary.com/startplatz/image/upload/v1777536847/accelerator/Lgos%20Batch%202%20KI%20Accelerator/Mandelbaum_Logo_schrift.png" alt="Mandelbaum.ai Logo"></div><div class="startup-info"><h5 class="startup-name">Mandelbaum.ai</h5></div><div class="startup-overlay"><span class="startup-overlay-tag">B2B Software / E-Commerce</span><h5 class="startup-overlay-name">Mandelbaum.ai</h5><p class="startup-overlay-desc">Semantische Produktsuche mit Zero-Configuration für E-Commerce. In Deutschland gehostetes KI-Modell und MCP-Server – fit für Agentic Commerce.</p></div></div>\r\n <div class="startup-card" tabindex="0"><div class="startup-logo-container"><img class="startup-logo" src="https://res.cloudinary.com/startplatz/image/upload/v1777536848/accelerator/Lgos%20Batch%202%20KI%20Accelerator/optcl_logo_square.png" alt="optcl.io Logo"></div><div class="startup-info"><h5 class="startup-name">optcl.io</h5></div><div class="startup-overlay"><span class="startup-overlay-tag">MarTech / Real Estate</span><h5 class="startup-overlay-name">optcl.io</h5><p class="startup-overlay-desc">End-to-End KI-Plattform für Marketing Operations bei SMEs. Generiert automatisch Omnichannel-Kampagnen – 10x schneller, 50% besserer ROI.</p></div></div>\r\n </div>\r\n \r\n <!-- Reihe 2: 3 Karten zentriert -->\r\n <div style="display: grid; grid-template-columns: 0.5fr repeat(3, 1fr) 0.5fr; gap: 1rem; margin-bottom: 1rem;">\r\n <div style="visibility: hidden; pointer-events: none;"></div>\r\n <div class="startup-card" tabindex="0"><div class="startup-logo-container"><img class="startup-logo" src="https://res.cloudinary.com/startplatz/image/upload/v1777536848/accelerator/Lgos%20Batch%202%20KI%20Accelerator/Sourcera_Logo.png" alt="Sourcera AI Logo"></div><div class="startup-info"><h5 class="startup-name">Sourcera AI</h5></div><div class="startup-overlay"><span class="startup-overlay-tag">B2B Software / Procurement</span><h5 class="startup-overlay-name">Sourcera AI</h5><p class="startup-overlay-desc">KI-gestützte Procurement-Plattform für Enterprise Indirect Spend. Beschleunigt Sourcing Cycles um bis zu 80% – im Einsatz bei Phoenix Group, tesa und Zalando.</p></div></div>\r\n <div class="startup-card" tabindex="0"><div class="startup-logo-container"><img class="startup-logo" src="https://res.cloudinary.com/startplatz/image/upload/v1777536849/accelerator/Lgos%20Batch%202%20KI%20Accelerator/Flowcon_logo_light.webp" alt="FlowConAI Logo"></div><div class="startup-info"><h5 class="startup-name">FlowConAI</h5></div><div class="startup-overlay"><span class="startup-overlay-tag">KI / Developer Tools</span><h5 class="startup-overlay-name">FlowConAI</h5><p class="startup-overlay-desc">Bringt Memory Systems, Agentic Capabilities und neueste LLMs in Produkte. Codebase Insights analysiert und dokumentiert beliebige Codebasen automatisch.</p></div></div>\r\n <div class="startup-card" tabindex="0"><div class="startup-logo-container"><img class="startup-logo" src="https://res.cloudinary.com/startplatz/image/upload/v1777536849/accelerator/Lgos%20Batch%202%20KI%20Accelerator/Gridty_Logo_primary_negative_white_green_1024px_RGB.jpg" alt="Gridty Logo"></div><div class="startup-info"><h5 class="startup-name">Gridty</h5></div><div class="startup-overlay"><span class="startup-overlay-tag">PropTech / Energy Tech</span><h5 class="startup-overlay-name">Gridty</h5><p class="startup-overlay-desc">KI-Agenten senken Energie- und Betriebskosten in Handel und Logistik. Erkennen Probleme autonom, identifizieren Ursachen und setzen Optimierungen direkt um.</p></div></div>\r\n <div style="visibility: hidden; pointer-events: none;"></div>\r\n </div>\r\n \r\n <!-- Reihe 3: 3 Karten zentriert -->\r\n <div style="display: grid; grid-template-columns: 0.5fr repeat(3, 1fr) 0.5fr; gap: 1rem;">\r\n <div style="visibility: hidden; pointer-events: none;"></div>\r\n <div class="startup-card" tabindex="0"><div class="startup-logo-container"><img class="startup-logo" src="https://res.cloudinary.com/startplatz/image/upload/v1777536846/accelerator/Lgos%20Batch%202%20KI%20Accelerator/skulio_black_colour_4x_3.png" alt="SKULIO Logo"></div><div class="startup-info"><h5 class="startup-name">SKULIO</h5></div><div class="startup-overlay"><span class="startup-overlay-tag">EdTech / Learning Platforms</span><h5 class="startup-overlay-name">SKULIO</h5><p class="startup-overlay-desc">KI-Plattform für Lehrkräfte: erstellt differenzierte Unterrichtsmaterialien in Sekunden statt Stunden. Entlastet im stressigen Schulalltag spürbar.</p></div></div>\r\n <div class="startup-card" tabindex="0"><div class="startup-logo-container"><img class="startup-logo" src="https://res.cloudinary.com/startplatz/image/upload/v1777536844/accelerator/Lgos%20Batch%202%20KI%20Accelerator/Zentras_logo.png" alt="zentras systems Logo"></div><div class="startup-info"><h5 class="startup-name">zentras systems</h5></div><div class="startup-overlay"><span class="startup-overlay-tag">HealthTech / MedTech</span><h5 class="startup-overlay-name">zentras systems</h5><p class="startup-overlay-desc">AngioAssist – Echtzeit-Dokumentation für interventionelle Medizin. Tablet-basierter Workflow für Materialien und Komplikationen direkt während des Eingriffs.</p></div></div>\r\n <div class="startup-card" tabindex="0"><div class="startup-logo-container"><img class="startup-logo" src="https://res.cloudinary.com/startplatz/image/upload/v1777536843/accelerator/Lgos%20Batch%202%20KI%20Accelerator/AgenticSystemsDunkel.png" alt="Agentic Systems Logo"></div><div class="startup-info"><h5 class="startup-name">Agentic Systems</h5></div><div class="startup-overlay"><span class="startup-overlay-tag">KI / Agentic Commerce</span><h5 class="startup-overlay-name">Agentic Systems</h5><p class="startup-overlay-desc">Native Agentic Commerce für SMEs mit agentengeführten Buchungen, Bestellungen und Zahlungen. Vom Erstkontakt bis zur ERP-Verbuchung – autonom orchestriert.</p></div></div>\r\n <div style="visibility: hidden; pointer-events: none;"></div>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n </section>\r\n <!-- ============================================================ -->\r\n <!-- ENDE: Batch 2 Startups Section -->\r\n <!-- ============================================================ -->\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 <!-- Batch 1 Startups Section – Infinite Marquee Carousel -->\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 NRW ausgewählt</p>\r\n <style>\r\n .batch1-marquee-wrapper {\r\n overflow: hidden;\r\n width: 100%;\r\n position: relative;\r\n margin-top: 2rem;\r\n / Fade-Effekt links und rechts /\r\n -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);\r\n mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);\r\n }\r\n .batch1-marquee-track {\r\n display: flex;\r\n width: max-content;\r\n animation: batch1-scroll 28s linear infinite;\r\n }\r\n .batch1-marquee-wrapper:hover .batch1-marquee-track {\r\n animation-play-state: paused;\r\n }\r\n @keyframes batch1-scroll {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n .batch1-marquee-item {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n width: 180px;\r\n height: 110px;\r\n background: white;\r\n border-radius: 14px;\r\n border: 2px solid #e9ecef;\r\n margin: 0 12px;\r\n padding: 1rem 1.2rem;\r\n flex-shrink: 0;\r\n transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;\r\n text-decoration: none;\r\n }\r\n .batch1-marquee-item:hover {\r\n border-color: #0680BB;\r\n box-shadow: 0 8px 24px rgba(6,128,187,0.18);\r\n transform: translateY(-4px);\r\n }\r\n .batch1-marquee-item img {\r\n max-width: 120px;\r\n max-height: 55px;\r\n width: auto;\r\n height: auto;\r\n object-fit: contain;\r\n filter: drop-shadow(0 1px 4px rgba(0,0,0,0.07));\r\n }\r\n </style>\r\n \r\n <div class="batch1-marquee-wrapper">\r\n <div class="batch1-marquee-track">\r\n <!-- Original set -->\r\n <a href="https://app.unlock-ai.io" target="_blank" rel="noopener noreferrer" class="batch1-marquee-item">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1761215857/accelerator/Logos%20Batch%201%20-%20KI%20Accelerator/unlock_ai_Logo_Prima%CC%88r.jpg" alt="Unlock AI">\r\n </a>\r\n <a href="https://www.soforce.ai/" target="_blank" rel="noopener noreferrer" class="batch1-marquee-item">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1768810370/accelerator/Logos%20Batch%201%20-%20KI%20Accelerator/Soforce_Logo_Black.png" alt="Soforce">\r\n </a>\r\n <a href="https://www.pagent.ai" target="_blank" rel="noopener noreferrer" class="batch1-marquee-item">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1760971949/accelerator/Logos%20Batch%201%20-%20KI%20Accelerator/pagent_Logo_palm.png" alt="Pagent">\r\n </a>\r\n <a href="https://comdaily.ai/de" target="_blank" rel="noopener noreferrer" class="batch1-marquee-item">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1760971949/accelerator/Logos%20Batch%201%20-%20KI%20Accelerator/comdaily_Logo.svg" alt="Comdaily">\r\n </a>\r\n <a href="https://www.mindelevate.app" target="_blank" rel="noopener noreferrer" class="batch1-marquee-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/MindElevate_Logo.png" alt="MindElevate">\r\n </a>\r\n <a href="https://anny.co" target="_blank" rel="noopener noreferrer" class="batch1-marquee-item">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1760971948/accelerator/Logos%20Batch%201%20-%20KI%20Accelerator/anny_Logo_Prima%CC%88r.png" alt="Anny">\r\n </a>\r\n <a href="https://www.compelling.ai" target="_blank" rel="noopener noreferrer" class="batch1-marquee-item">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1760971878/accelerator/Logos%20Batch%201%20-%20KI%20Accelerator/Compelling_Logo.png" alt="Compelling">\r\n </a>\r\n <a href="https://tryworkabroad.com/de" target="_blank" rel="noopener noreferrer" class="batch1-marquee-item">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1760971877/accelerator/Logos%20Batch%201%20-%20KI%20Accelerator/WorkAbroad_Logo.png" alt="WorkAbroad">\r\n </a>\r\n <a href="https://www.tenderflow.ai" target="_blank" rel="noopener noreferrer" class="batch1-marquee-item">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1768574267/accelerator/Logos%20Batch%201%20-%20KI%20Accelerator/Tenderflow_Logo_Text_black.svg" alt="Tenderflow">\r\n </a>\r\n <a href="https://fynn.eu" target="_blank" rel="noopener noreferrer" class="batch1-marquee-item">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1760971620/accelerator/Logos%20Batch%201%20-%20KI%20Accelerator/Fynn_Logo_wei%C3%9F.png" alt="Fynn" style="filter: invert(1);">\r\n </a>\r\n <!-- Duplicate set for seamless loop -->\r\n <a href="https://app.unlock-ai.io" target="_blank" rel="noopener noreferrer" class="batch1-marquee-item">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1761215857/accelerator/Logos%20Batch%201%20-%20KI%20Accelerator/unlock_ai_Logo_Prima%CC%88r.jpg" alt="Unlock AI">\r\n </a>\r\n <a href="https://www.soforce.ai/" target="_blank" rel="noopener noreferrer" class="batch1-marquee-item">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1768810370/accelerator/Logos%20Batch%201%20-%20KI%20Accelerator/Soforce_Logo_Black.png" alt="Soforce">\r\n </a>\r\n <a href="https://www.pagent.ai" target="_blank" rel="noopener noreferrer" class="batch1-marquee-item">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1760971949/accelerator/Logos%20Batch%201%20-%20KI%20Accelerator/pagent_Logo_palm.png" alt="Pagent">\r\n </a>\r\n <a href="https://comdaily.ai/de" target="_blank" rel="noopener noreferrer" class="batch1-marquee-item">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1760971949/accelerator/Logos%20Batch%201%20-%20KI%20Accelerator/comdaily_Logo.svg" alt="Comdaily">\r\n </a>\r\n <a href="https://www.mindelevate.app" target="_blank" rel="noopener noreferrer" class="batch1-marquee-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/MindElevate_Logo.png" alt="MindElevate">\r\n </a>\r\n <a href="https://anny.co" target="_blank" rel="noopener noreferrer" class="batch1-marquee-item">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1760971948/accelerator/Logos%20Batch%201%20-%20KI%20Accelerator/anny_Logo_Prima%CC%88r.png" alt="Anny">\r\n </a>\r\n <a href="https://www.compelling.ai" target="_blank" rel="noopener noreferrer" class="batch1-marquee-item">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1760971878/accelerator/Logos%20Batch%201%20-%20KI%20Accelerator/Compelling_Logo.png" alt="Compelling">\r\n </a>\r\n <a href="https://tryworkabroad.com/de" target="_blank" rel="noopener noreferrer" class="batch1-marquee-item">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1760971877/accelerator/Logos%20Batch%201%20-%20KI%20Accelerator/WorkAbroad_Logo.png" alt="WorkAbroad">\r\n </a>\r\n <a href="https://www.tenderflow.ai" target="_blank" rel="noopener noreferrer" class="batch1-marquee-item">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1768574267/accelerator/Logos%20Batch%201%20-%20KI%20Accelerator/Tenderflow_Logo_Text_black.svg" alt="Tenderflow">\r\n </a>\r\n <a href="https://fynn.eu" target="_blank" rel="noopener noreferrer" class="batch1-marquee-item">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_256/v1760971620/accelerator/Logos%20Batch%201%20-%20KI%20Accelerator/Fynn_Logo_wei%C3%9F.png" alt="Fynn" style="filter: invert(1);">\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\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 <!-- Kompakte Bewerbung Section NUR WÄHREND BEWERBUNGSPHASE\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 -->\r\n </section>\r\n \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 <!-- 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 <!-- 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 </div>\r\n </div>\r\n </section>\r\n \r\n \r\n <!-- NRW Förderhinweis Footer -->\r\n <section style="background: #f8f9fa; border-top: 3px solid #e9ecef; padding: 40px 0;">\r\n <div class="container">\r\n <div style="display: flex; flex-direction: column; align-items: flex-start; gap: 24px; max-width: 800px;">\r\n <p style="font-size: 1rem; font-weight: 700; color: #1D1D1A; margin: 0; line-height: 1.5;">\r\n Der Accelerator STARTPLATZ KI Accelerator NRW wird im Rahmen der Hub-Richtlinie gefördert.\r\n </p>\r\n <div style="display: flex; align-items: center; gap: 40px; flex-wrap: wrap;">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/v1759842981/accelerator/NRW%20HUB%20Logos/NRW_HUB_Farbe_NRW.png"\r\n alt="NRW HUB Logo"\r\n style="height: 70px; width: auto; object-fit: contain;">\r\n <img src="https://res.cloudinary.com/startplatz/image/upload/v1778223698/accelerator/NRW%20HUB%20Logos/MWIKE_gefo%CC%88rdert_durch_1.jpg"\r\n alt="Ministerium für Wirtschaft, Industrie, Klimaschutz und Energie des Landes Nordrhein-Westfalen"\r\n style="height: 70px; width: auto; object-fit: contain;">\r\n </div>\r\n </div>\r\n </div>\r\n </section>\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 <script id="wp-emoji-settings" type="application/json">\n {"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://www.staging.startplatz.de/wp-includes/js/wp-emoji-release.min.js?ver=6.9.4"}}\n </script>\n <script type="module">\n /* <![CDATA[ /\n /! This file is auto-generated /\n const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(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\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let 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("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything\|\|((t=a.source\|\|{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});\n //# sourceURL=https://www.staging.startplatz.de/wp-includes/js/wp-emoji-loader.min.js\n / ]]> /\n </script>\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 <!-- START of Symfony Web Debug Toolbar --><div class="sf-toolbar sf-toolbar-opened" role="region" aria-label="Symfony Web Debug Toolbar" data-frankenphp-hot-reload-preserve> <div id="sfwdt1bcf1d"> <div id="sfToolbarClearer-1bcf1d" class="sf-toolbar-clearer"></div><div id="sfToolbarMainContent-1bcf1d" class="sf-toolbarreset notranslate 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/1bcf1d?panel=request"> <div class="sf-toolbar-icon"> <svg xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Symfony" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" 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-1bcf1d"></span> </div> <div class="sf-toolbar-info-piece"> <b> <button class="sf-cancel-button" type="button" id="sfLoadCancel-1bcf1d" title="Cancel loading">Cancel</button> </b> </div> </div></div> <button class="sf-toolbar-toggle-button" type="button" id="sfToolbarToggleButton-1bcf1d" accesskey="D" aria-expanded="true" aria-controls="sfToolbarMainContent-1bcf1d" aria-label="Toggle Symfony Toolbar"> <i class="sf-toolbar-icon-opened" title="Close Toolbar"><svg xmlns="http://www.w3.org/2000/svg" data-icon-name="icon-tabler-x" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <line x1="18" y1="6" x2="6" y2="18"></line> <line x1="6" y1="6" x2="18" y2="18"></line></svg></i> <i class="sf-toolbar-icon-closed" title="Open Toolbar"><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Symfony" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" 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></i> </button></div> </div> <link rel="stylesheet" nonce="7991760a5dfc332bfabf8835af73ca8f" href="http://www.staging.startplatz.de/_wdt/styles" /> <script nonce="0c86707a8b97c1959c039ac6b82a2b74">/<![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); }; } var request = function(url, onSuccess, onError, payload, options, tries) { url = new URL(url); url.searchParams.set('XDEBUG_IGNORE', '1'); url = url.toString(); 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 = ''; } 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; } } } if (pendingRequests > 0) { 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.EventSource) { var oldEventSource = window.EventSource; function patchedEventSource(url, options) { var es = new oldEventSource(url, options); if (!url.toString().match(new RegExp("^\/((index\|app(_[\\w]+)?)\\.php\/)?_wdt"))) { var stackElement = { error: false, url: url, method: 'GET', type: 'event-stream', start: new Date() }; var idx = requestStack.push(stackElement) - 1; startAjaxRequest(idx); addEventListener(es, 'error', function () { stackElement.error = true; finishAjaxRequest(idx); }); addEventListener(es, 'open', function () { stackElement.statusCode = 200; stackElement.toolbarReplaceFinished = false; stackElement.toolbarReplace = true; }); addEventListener(es, 'symfony:debug:started', function (event) { var items = event.data.split('\n'); stackElement.profile = items[0]; stackElement.profilerUrl = items[1]; }); addEventListener(es, 'symfony:debug:error', function (event) { stackElement.error = true; stackElement.statusCode = event.data; finishAjaxRequest(idx); }); addEventListener(es, 'symfony:debug:finished', function () { stackElement.duration = new Date() - stackElement.start; stackElement.toolbarReplaceFinished = false; stackElement.toolbarReplace = true; finishAjaxRequest(idx); }); } return es; }; Object.defineProperties(patchedEventSource, Object.getOwnPropertyDescriptors(oldEventSource)); window.EventSource = patchedEventSource; } 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) { return document.getElementById('sfwdt' + token); }, 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 \|\| requestStack[i].error) { 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); var toggleButton = document.querySelector(`#sfToolbarToggleButton-${token}`); if ('closed' === getPreference('toolbar/displayState')) { addClass(sfwdt.parentNode, 'sf-toolbar-closed'); removeClass(sfwdt.parentNode, 'sf-toolbar-opened'); if (toggleButton) { toggleButton.setAttribute('aria-expanded', 'false'); } } else { addClass(sfwdt.parentNode, 'sf-toolbar-opened'); removeClass(sfwdt.parentNode, 'sf-toolbar-closed'); if (toggleButton) { toggleButton.setAttribute('aria-expanded', 'true'); } } }, hideToolbar: function(token) { var sfwdt = this.getSfwdt(token); var toggleButton = document.querySelector(`#sfToolbarToggleButton-${token}`); addClass(sfwdt.parentNode, 'sf-toolbar-closed'); removeClass(sfwdt.parentNode, 'sf-toolbar-opened'); if (toggleButton) { toggleButton.setAttribute('aria-expanded', 'false'); } }, initToolbar: function(token) { this.showToolbar(token); var toggleButton = document.querySelector(`#sfToolbarToggleButton-${token}`); addEventListener(toggleButton, 'click', function (event) { event.preventDefault(); const newState = 'closed' === getPreference('toolbar/displayState') ? 'opened' : 'closed'; setPreference('toolbar/displayState', newState); 'opened' === newState ? Sfjs.showToolbar(token) : Sfjs.hideToolbar(token); }); }, 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) { var toolbarContent = document.getElementById('sfToolbarMainContent-' + newToken); / Do nothing in the edge case where the toolbar has already been replaced with a new one / if (!toolbarContent) { return; } / Replace the ID, it has to match the new token / toolbarContent.parentElement.id = 'sfwdt' + newToken; / 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 notranslate">\ <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.parentElement.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; }, }; })(); } Sfjs.loadToolbar('1bcf1d'); /]]>/</script></div><!-- END of Symfony Web Debug Toolbar -->\n </body>\n </html> """ #version: "1.1" #statusCode: 200 #statusText: "OK" #charset: "UTF-8" -sentHeaders: ? array}
path	"accelerator/"

Request Headers

Header	Value
accept	"/"
accept-encoding	"gzip, br, zstd, deflate"
host	"www.staging.startplatz.de"
user-agent	"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)"
x-forwarded-for	"216.73.217.92"
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.217.92"

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, 11 Jun 2026 01:47:41 GMT"
link	"<https://www.staging.startplatz.de/?p=78697>; rel=shortlink"
x-debug-token	"1bcf1d"
x-powered-by	"PHP/8.4.22"

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_ADMIN_KEY	""
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"
INSTAGRAM_ACCESS_TOKEN	""
INSTAGRAM_ACCOUNT_ID	""
LOCK_DSN	"flock"
MANDRILL_API_KEY	""
META_CAPI_TEST_CODE	""
MONSUM_WEBHOOK_PASSWORD_CGN	""
MONSUM_WEBHOOK_PASSWORD_DUS	""
MONSUM_WEBHOOK_PASSWORD_TESTPLATZ	""
MONSUM_WEBHOOK_USER_CGN	""
MONSUM_WEBHOOK_USER_DUS	""
MONSUM_WEBHOOK_USER_TESTPLATZ	""
MOSS_AI_HUB_KEY_ID	""
MOSS_AI_HUB_SECRET_KEY	""
MOSS_FGH_KEY_ID	""
MOSS_FGH_SECRET_KEY	""
MOSS_GOLF_POST_KEY_ID	""
MOSS_GOLF_POST_SECRET_KEY	""
MOSS_SP_CGN_KEY_ID	""
MOSS_SP_CGN_SECRET_KEY	""
MOSS_SP_DUS_KEY_ID	""
MOSS_SP_DUS_SECRET_KEY	""
OPENAI_ADMIN_KEY	""
OPENAI_ORGANIZATION	"STARTPLATZ"
PLEO_SP_CGN_TOKEN	"eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6InBsZW8tb3BlbmFwaS1wcm9kdWN0aW9uIn0.eyJkYXRhIjp7InVzZXIiOnsiYWNjZXB0ZWRUZXJtcyI6dHJ1ZSwiYWN0aXZlIjp0cnVlLCJjcmVhdGVkQXQiOiIyMDI1LTEwLTEzVDE0OjI4OjU0LjIzMloiLCJkYXRhIjp7InByb21vIjoiU0VMRl9PTkJPQVJESU5HIiwicHJvZmlsZSI6eyJpZCI6bnVsbCwicmF3Ijp7fSwibmFtZSI6eyJsYXN0TmFtZSI6Ikdyw6RmIiwiZmlyc3ROYW1lIjoiTG9yZW56In0sInR5cGUiOiJlbWFpbCIsImVtYWlsIjoiYnVjaGhhbHR1bmctc3AtY2duQHN0YXJ0cGxhdHouZGUiLCJwaG9uZSI6Iis0OTE1MTIyMzMzMjMzIiwicGljdHVyZSI6bnVsbH19LCJlbWFpbCI6ImJ1Y2hoYWx0dW5nLXNwLWNnbkBzdGFydHBsYXR6LmRlIiwiaGFzUGluIjp0cnVlLCJpZCI6ImIxZTJlZmUzLWY0OWMtNGY5ZC1iZTE3LTc2MzM0YmI1YTNmYiIsImxhbmd1YWdlIjoiZGUiLCJwYXlsb2FkIjp7ImNvbXBhbnlJZCI6IjQ3MGEyZGNmLTM2ODgtNDI5YS04MjVlLWY4YTZhNTIzNGE4YiIsInRva2VuSWQiOiIxYTMzZjg2ZS0xNDE1LTRkOWItYjhjNy1lMDk5NGMzYzlhNjMifSwicGhvbmUiOiIrNDkxNzM3MTcxNzE1IiwicGhvbmVWZXJpZmllZCI6ZmFsc2UsInNjYUVuYWJsZWQiOnRydWUsInZlcmlmaWVkIjp0cnVlLCJwZXJtaXNzaW9ucyI6WyJlbS8jMS9jZC8jMC9vdyIsImVtLyMxL2NkZC8jMC9vdyIsImVtLyMxL2NkLyMyL293IiwiZW0vIzEvY2RkLyMyL293IiwiZW0vIzEvY2QvIzMvb3ciLCJlbS8jMS9jZGQvIzMvb3ciLCJlbS8jMS9jZC8jNC9vdyIsImVtLyMxL2NkZC8jNC9vdyIsImVtLyMxL2NhLyMxL293IiwiY28vIzUvb3ciLCJlbS8jMS9kY2EvIzEvb3ciLCJjby8jNS9lbS8jMS9vdyJdLCJya20iOlsiNGpUZG52R1FMVkNVZjFUVDNBOWdRViIsIm1HRHNUV3R5ZWFtTFRIM2hyZTNadkgiLCI5bUdGYWJlU0RvNUc4R3dEZExTcHVpIiwianJGSzF6dWpTdFNja216YTVlS1R2ayIsInNhS3BjVExBVWlGR2NlTDRmNVFYU0EiLCI5TE1aeWRtenFTRzV1em9QalZobm42Il0sImNtcHMiOlsiOUxNWnlkbXpxU0c1dXpvUGpWaG5uNiJdLCJjbXAiOiI5TE1aeWRtenFTRzV1em9QalZobm42In0sImFyZVBlcm1pc3Npb25zSW5DYWNoZSI6ZmFsc2UsInNjb3BlIjpbIm9wZW5hcGkiXSwidHlwZSI6Ik9QRU5BUElfVE9LRU4iLCJzZXNzaW9uSWQiOm51bGwsIm1ldGEiOnsic3ViU2Vzc2lvbkVtYWlscyI6W119fSwiaWF0IjoxNzcyNzMzMDU2LCJleHAiOjE4MDQyNjkwNTYsImlzcyI6InBsZW8ub3BlbmFwaS5wcm9kdWN0aW9uIiwianRpIjoiMWEzM2Y4NmUtMTQxNS00ZDliLWI4YzctZTA5OTRjM2M5YTYzIn0.eskzOV1wxUCFvywF1toHuc7SiOPx3UAottMTrHjgq8eg1gPkGCtx1tWqJD1lQkPFTz1xg1mvqDFiRG1L9x0KsRxJDuZZmAhdCeqYXX-jHjuhcb30jIbxV-I8hK9PleetN065UgU7Stemdu_NTT466p8wvbsvChylaJ216iKUQPoEJ5vyWM97NxFTcGzRh-z_oUSv77DefZVm2QL3r-27fc4ADPSwGPiBr-m2aK2ec_X_VWMvCfj-5GTs1mh03488ohJB6zT4qGbH2dnMJsBxYebeBz6yByh-YL9KclYpRjvnh54cnLcQ8Dguw94Rty9ygMqyyIvqHz-Hl48p9CjJ6aVoK1y5yUqmaExu5nPEvDEjmH1XXYeV8CutElk9FVtieulFmO09vcJ-by1Xj-mWRVg8Bgm6vqseWsrc7zFHL9cibl5zRSm8dh14MUl27Xeb6kAhG5mSvr5qGz3ElIfItbYvj4QqlKDoUzjHgTQ_CiaiVRyUqDVr_XbaHfSuz9cJEXLFFZ204yJfv3jfR4wcfnKwdLRwyrBZ9uEzmrfWVgXVOzwS_zd3vWBy4V1OUUwEvpn2w-CjICjluvaYOXRVUu4JLQVNTDfrbAvRIifXn2DuHQRKvo2HpovdDCMRvr64JkHt5OC54x_FDuTxH6qzHXyAFhqtRPgPlta4W7o7EcA"
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"
STRIPE_MODE	"test"
TEST_DATA_PATH	"data/test-bewerbungen"
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_PROJECT_DIR	"/var/www/html"
APP_RUNTIME	"Symfony\Component\Runtime\SymfonyRuntime"
APP_RUNTIME_OPTIONS	[`"project_dir" => "/var/www/html"`]
APP_SECRET	"a8A3I6BRkJE2ppNaBcgPec5i6E8Iwqwm"
BEEHIIV_API_KEY	"UBs7DJs5mgZhSaCvjxqjdfG4hMJAUnJQnvJEH7F6xKy1eDjhTJ9EPNBe0M2KMC9q"
BEEHIIV_PUBLICATION_ID	"pub_8c05c30c-27b3-495f-9b05-44c3eb2ff471"
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"
E2E_EMAIL_DOMAIN	"e2e.startplatz.de"
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"
GMI_SP_CGN_API_KEY	"3itm-7j58-6ze8-3w8q-qd74-23ya-67gi"
GPG_KEYS	"AFD8691FDAEDF03BDF6E460563F15A9B715376CA 9D7F99A0CB8F05C8A6958D6256A97AF7600A39A6 0616E93D95AF471243E26761770426E17EBBB3DD"
HOME	"/home/www-data"
HOSTNAME	"dev"
HTTP_ACCEPT	"/"
HTTP_ACCEPT_ENCODING	"gzip, br, zstd, deflate"
HTTP_HOST	"www.staging.startplatz.de"
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.217.92"
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.217.92"
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"
LUMA_API_KEY	"secret-mb7SAjB50ESxpuB07s6SXqVPe"
LUMA_WEBHOOK_SECRET	"whsec_0efmpntgpinwt1s2641fegeq1o3w9la7"
MAILCHIMP_API_KEY	"a7e5ebbb7d4966bad11c6ca9b94699b4-us5"
MAILCHIMP_DEFAULT_LIST_ID	"be73f77d94"
MAILER_DSN	"smtp://resend:re_C3EwCoBV_33jjSuHVv1Xf1VQkDtTFzriA@smtp.resend.com:587"
MEETUP_CLIENT_ID	"455qg651n4so0npqf6unama8pv"
MEETUP_CLIENT_SECRET	"kohhlns9q6ipohd72oe356oq07"
MEETUP_REDIRECT_URI	"https://www.staging.startplatz.de/allmeda/meetup/callback"
MESSENGER_TRANSPORT_DSN	"doctrine://default?queue_name=default"
META_ADS_ACCESS_TOKEN	"EAAKFICOQZBK0BRPwRkxGLlRyKrSPfgSi17hAXOJDEmPIkI3EnneTZBZCU99QetZB3bbn8GyPpzubXyZCGZCAG6HZCBUp6iY1MBpgnQdRyZAW4xYSKehyFLBSd6cbaiCJ0Xdvu3STG6ZAq0m6S4h1zzYZBKoHUR6fpqbimDWQK03ZCO6uJrxj1yCMUeLxOnhxgZDZD"
META_CAPI_ACCESS_TOKEN	"EAAerPqXZCTbkBRFRDRoJEHTKCvEMmD1VgtTbXtO39dGZB2qAU0kAYc9Mqb6Ms9V4eBlL211Tdnk3oHunCVQykwpddAWOCaI5HVfiZAPacH2VNUY9JvH3CR33WxtEFhBBeTE3qbcAD8E6WMzl9hRoFCxwPA9j73j2uXkuCg4h58vNZBOFFPFkrWBkZBmNSDgZCzvQZDZD"
META_LEADGEN_APP_SECRET	"e28b7b6fdcfeea9fa66475524cb4e0a2"
META_LEADGEN_PAGE_ID_AIHUB	"367308473131474"
META_LEADGEN_PAGE_ID_STARTPLATZ	"375845979147453"
META_LEADGEN_PAGE_TOKEN_AIHUB	"EAAKFICOQZBK0BRVPgGrjtDWMzyZCnImKg37HDL4zt629pVgWmWkeZBnWppqvhfJ0NRjhWRulcphxwa0gA1UJfR9P4xofmEzl2l3jbisoLNHrQtXgoj8vHKl8pqjz0dAdnlrRdhArn5Jyd3MuSwyjd808K0wSEMAX7aCSdbR2jfa0APn45VyzEqhP36FdpZBrbx75nAZDZD"
META_LEADGEN_PAGE_TOKEN_STARTPLATZ	"EAAKFICOQZBK0BRbmpEWTsZB5ZCZCjgNujR9qDa3927DJZCJai2ZBHbc7u1vUxFRgqMbrIfsPLHQUSxdToZAPICa86BQ3hlYn8ffvuZBDf3rfv1AhiBfon2NfPbxk7OfUt5g0fMQ1z5JPmb6qToo7AqOukfHCgjU1NN3OOs4mFZCOePFICCc7hKBb09oZCpujqZB8YrAsqSQjgZDZD"
META_LEADGEN_VERIFY_TOKEN	"85c80a066572b825942da65b1c7697b334346780cc5ce36732472345115aa475"
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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"
PERSONIO_CLIENT_ID	"papi-e2251a49-feb5-440d-be2d-b96d500c9289"
PERSONIO_CLIENT_SECRET	"papi-Y2VkMjNiZTUtODZkOC00MGM0LWE0MTgtYmNlNDZjOTIzZDA1"
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.4.22.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	"696c0f6ad92e94c59059c1eb6e300842b8d050934226efcdf00f2a413cb083cf"
PHP_URL	"https://www.php.net/distributions/php-8.4.22.tar.xz"
PHP_VERSION	"8.4.22"
PWD	"/var/www/html"
QONTO_AI_HUB_LOGIN	"startplatz-ai-hub-gmbh-7057"
QONTO_AI_HUB_SECRET_KEY	"b6d51ce3d4af4ab46546c97233e1d296718872520d8017ef921709f5f2b62234"
QONTO_FGH_LOGIN	"familie-graf-holding-gmbh-2881"
QONTO_FGH_SECRET_KEY	"a966378f41e498548c27b1633fc7d345f61695b6d118fd5f269b4fe26c6c7775"
QONTO_GOLF_POST_LOGIN	"golf-post-ag-1712"
QONTO_GOLF_POST_SECRET_KEY	"78aad72c3d26dc74c75a1516b24381f52523f2dbbd9972ebbb095c362c9a2cb1"
QONTO_SP_CGN_LOGIN	"startplatz-koeln-gmbh-2905"
QONTO_SP_CGN_SECRET_KEY	"95f816a715cc5bc1f2358599caf0ca454741896a820cc9b99795f99c7bb05d49"
QONTO_SP_DUS_LOGIN	"startplatz-duesseldorf-gmbh-3237"
QONTO_SP_DUS_SECRET_KEY	"fc4f2b5ae4abfb6932ec66f5e20cd32d17740504838c40bf52951ec69e88aafb"
QUERY_STRING	""
REDIRECT_STATUS	"200"
REMOTE_ADDR	"172.22.0.12"
REMOTE_PORT	"42092"
REQUEST_METHOD	"GET"
REQUEST_SCHEME	"http"
REQUEST_TIME	1781142460
REQUEST_TIME_FLOAT	1781142460.9146
REQUEST_URI	"/accelerator/"
RESEND_API_KEY	"re_gP9RoYZ9_A6AxvmtxuYTraPDMteY2VeNz"
RESEND_RECEIVING_DOMAIN	"e2e.startplatz.de"
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.27.5"
SHLVL	"1"
SKOOL_INGEST_TOKEN	"802fe57aa7a178d556ed14937253fe3ddf96834655553ad6780fadfdde8bdb11"
SLACK_BOT_TOKEN	"xoxb-22688965603-11102474461793-c23ekshqpRpvYuNoEoP3MGfJ"
SLACK_INGEST_TOKEN	"c6fd09306423dd490fe18f4bfcd702d672ef7dcdc157b105099a5046c9128063"
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_LIVE_KEY_STARTPLATZ_DUS	"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"
STRIPE_SK_INITIAL	"ojWxv1978YWU"
STRIPE_TEST_KEY_AI_HUB	"sk_test_51PmYwGDCU56CMQmgpcCdmzVTjiym8wom2WWiAAuVOUhS55972eM73wDNRDEBfGMnoLSt81yqW5CKCyraQKPDTb6y00xGk2RMpj"
STRIPE_TEST_KEY_ECODYNAMICS	"sk_test_51PeutFFqPnUaAUP6UqT3hbkwOzm9p0bmMrYVUzb7tG9QXo44yrn9MXcG7SLClxzSk29YkkrjXq0YPRguF6EwrNfM00nUAe3oG0"
STRIPE_TEST_KEY_STARTPLATZ	"sk_test_51O8fFSHegJLrFARiXBFfwCkkRCTyr64RpTlYx5X7FPNEKDSRhQHgb7X9WELyNzmMkMT39tavykkZbtbWDsCz0Tc800bNFXrtbH"
STRIPE_TEST_KEY_STARTPLATZ_DUS	"sk_test_51QxQltE7CeifmjQUUi4dqtrptSM08rRKRIU9QaXWJFVByoPhOTbQPqfhJJ2VZ5ltUl6JfPxaepcckLmaACG9AYjp00o0EHUzMP"
STRIPE_WEBHOOK_SECRET	"whsec_IhBWwzKzI6Wlarqw4pTnpaxrH7YEvNyl"
STRIPE_WEBHOOK_SECRET_AIHUB	"whsec_yqgxxJvddBinUKIThXxoklhFvrdnOrEr"
STRIPE_WEBHOOK_SECRET_ECODYNAMICS	"whsec_VeLsQhCBdNcOcIvwlsbuU6ckTEGJVTaN"
STRIPE_WEBHOOK_SECRET_STARTPLATZ	"whsec_IhBWwzKzI6Wlarqw4pTnpaxrH7YEvNyl"
STRIPE_WEBHOOK_SECRET_STARTPLATZ_DUS	"whsec_TVCR6s4R9j6LtkshVthDPjj4QHEh1XDe"
SYMFONY_DOTENV_PATH	"/var/www/html/.env"
SYMFONY_DOTENV_VARS	"CLOUDINARY_URL,CLOUDINARY_CLOUDNAME,CLOUDINARY_API_KEY,CLOUDINARY_API_SECRET,SESSION_SAVE_PATH,OPENAI_ORGANIZATION,OPENAI_ADMIN_KEY,ANTHROPIC_ADMIN_KEY,ANTHROPIC_API_KEY,MANDRILL_API_KEY,STATISTIC_ZAPIER_API_KEY,CRON_API_KEY,SKOOL_WEBHOOK_KI_CAMPUS,SKOOL_WEBHOOK_KI_TREFFPUNKT,TEST_DATA_PATH,PLEO_SP_CGN_TOKEN,MOSS_SP_CGN_KEY_ID,MOSS_SP_CGN_SECRET_KEY,MOSS_SP_DUS_KEY_ID,MOSS_SP_DUS_SECRET_KEY,MOSS_AI_HUB_KEY_ID,MOSS_AI_HUB_SECRET_KEY,MOSS_GOLF_POST_KEY_ID,MOSS_GOLF_POST_SECRET_KEY,MOSS_FGH_KEY_ID,MOSS_FGH_SECRET_KEY,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,STRIPE_MODE,TYPEFORM_WEBHOOK_SECRET,META_CAPI_TEST_CODE,INSTAGRAM_ACCESS_TOKEN,INSTAGRAM_ACCOUNT_ID,LOCK_DSN"
TWILIO_ACCOUNT_SID	"AC361123adb81224dd32caf04a6c41d9fe"
TWILIO_AUTH_TOKEN	"35470da64905cd973456bc4e727e13c2"
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"
ZERNIO_API_KEY	"sk_6b66b9739d5e49b500f0e3e2c76fedf5f789a8aabeb73f2a607ff55ce736dc98"
argc	0
argv	[]

Symfony Profiler

GET 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