http://www.staging.startplatz.de/_fragment?_path=_format%3Dhtml%26_locale%3Den%26_controller%3DApp%255CStartPlatz%255CBundle%255CWebsiteBundle%255CController%255CDefaultController%253A%253AmenuBootstrap40Action

Method
GET
HTTP Status
200
IP
172.22.0.12
Profiled on
Token
bf7cbe

DefaultController :: menuBootstrap40Action

Request

GET Parameters

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

POST Parameters

No POST parameters

Uploaded Files

No files were uploaded

Request Attributes

Key Value
_controller 
"App\StartPlatz\Bundle\WebsiteBundle\Controller\DefaultController::menuBootstrap40Action"
_format 
"html"
_locale 
"en"
_stopwatch_token 
"b948d4"
permalink 
"https://www.staging.startplatz.de/ki-weiterbildungen"

Request Headers

Header Value
accept 
"*/*"
accept-charset 
"ISO-8859-1,utf-8;q=0.7,*;q=0.7"
accept-encoding 
"gzip, br, zstd, deflate"
accept-language 
"en-us,en;q=0.5"
forwarded 
"for="172.22.0.12";host="www.staging.startplatz.de";proto=http"
host 
"www.staging.startplatz.de"
referer 
"https://www.staging.startplatz.de/?p=78815"
user-agent 
"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)"
x-forwarded-for 
"172.22.0.12"
x-forwarded-server 
"c7c6e7953db4"
x-php-ob-level 
"0"
x-real-ip 
"216.73.216.183"

Request Content

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

Response

Response Headers

Header Value
cache-control 
"no-cache, private"
date 
"Thu, 26 Feb 2026 23:58:35 GMT"
x-debug-token 
"bf7cbe"

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

Flashes

No flash messages were created.

Server Parameters

Server Parameters

Defined in .env

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

Defined as regular env variables

Key Value
APP_DEBUG 
"1"
APP_ENV 
"dev"
APP_SECRET 
"a8A3I6BRkJE2ppNaBcgPec5i6E8Iwqwm"
CONTENT_LENGTH 
""
CONTENT_TYPE 
""
DATABASE_URL 
"mysql://startplatz:kpp8o9pWYAp2@startplatz-staging-mysql:3306/startplatz-wordpress"
DOCUMENT_ROOT 
"/var/www/html/public"
DOCUMENT_URI 
"/index.php"
EASYBILL_EMAIL_AI_HUB 
"lorenz.graef@startplatz.de"
EASYBILL_EMAIL_FGH 
"alexandra.thelen@startplatz.de"
EASYBILL_EMAIL_SP_CGN 
"admin@startplatz.de"
EASYBILL_EMAIL_SP_DUS 
"johannes.graef@startplatz.de"
EASYBILL_TOKEN_AI_HUB 
"1NrjWZrE53dSqWFmMNz0oRd8i22VFmK1Oww9huGp8DPry8EfK1Oj9h6HeW7fyDUM"
EASYBILL_TOKEN_FGH 
"Fjqj30ZbQorEtdpRfw3T19eAkOgrrgzq4WcExyLrxuot0bzkDpUrjpv41YH8dgBK"
EASYBILL_TOKEN_SP_CGN 
"9njde49xtcsoswco4c80oggkwwoo080osow8soo8go4gkw0gwwgc8sck4wgw08og"
EASYBILL_TOKEN_SP_DUS 
"YnHmfQYjOQ01hZ97zQKhsDLcvPc632dhdYjnUYuE4ZzkbAfkyC2TbOGOckUBFBDZ"
FCGI_ROLE 
"RESPONDER"
GATEWAY_INTERFACE 
"CGI/1.1"
GPG_KEYS 
"528995BFEDFBA7191D46839EF9BA0ADA31CBD89E 39B641343D8C104B2B146DC3F9C39DC0B9698544 F1F692238FBC1666E5A5CCD4199F9DFEF6FFBAFD"
HOME 
"/home/www-data"
HOSTNAME 
"dev"
HTTP_ACCEPT 
"*/*"
HTTP_ACCEPT_CHARSET 
"ISO-8859-1,utf-8;q=0.7,*;q=0.7"
HTTP_ACCEPT_ENCODING 
"gzip, br, zstd, deflate"
HTTP_ACCEPT_LANGUAGE 
"en-us,en;q=0.5"
HTTP_FORWARDED 
"for="172.22.0.12";host="www.staging.startplatz.de";proto=http"
HTTP_HOST 
"www.staging.startplatz.de"
HTTP_REFERER 
"https://www.staging.startplatz.de/?p=78815"
HTTP_USER_AGENT 
"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)"
HTTP_X_FORWARDED_FOR 
"172.22.0.12"
HTTP_X_FORWARDED_SERVER 
"c7c6e7953db4"
HTTP_X_REAL_IP 
"216.73.216.183"
HUBSPOT_API_KEY 
"pat-na1-72043aa0-44a4-4dd6-b57a-5759597c4642"
HUBSPOT_DEFAULT_FORM_GUID 
"1e712a28-62f9-46e0-99f5-13f6bdc0ec70"
HUBSPOT_PORTAL_ID 
"44225308"
HUBSPOT_TRACKING_ID 
"2795177"
MAILER_DSN 
"smtp://STARTPLATZ:md-UPVV0udzlA47hrj9B-LMGQ@smtp.mandrillapp.com:587"
MONSUM_API_EMAIL_CGN 
"startplatz@lennarz-consulting.de"
MONSUM_API_EMAIL_DUS 
"startplatz@lennarz-consulting.de"
MONSUM_API_EMAIL_TESTPLATZ 
"lorenz.graef@startplatz.de"
MONSUM_API_TOKEN_CGN 
"32e50c9db555d24f87b40c641b4b014bKzrRnijwaj7yLDB7c0CKXYmVJCzyATZ3"
MONSUM_API_TOKEN_DUS 
"762173de1b510657bb44a2662747bac9nUFkR3NatmYlrqjI7hswGM2ZsDBbgYxR"
MONSUM_API_TOKEN_TESTPLATZ 
"c0c8e924c966fbf562c59646ee67b2a3sh4WFrDN3XxPiwKcskvfcRWQyzWOy4Bu"
OPENAI_API_KEY 
"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"
PATH 
"/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin"
PATH_INFO 
""
PERPLEXITY_API_KEY 
"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"
PHPIZE_DEPS 
"autoconf \t\tdpkg-dev dpkg \t\tfile \t\tg++ \t\tgcc \t\tlibc-dev \t\tmake \t\tpkgconf \t\tre2c"
PHP_ASC_URL 
"https://www.php.net/distributions/php-8.1.34.tar.xz.asc"
PHP_CFLAGS 
"-fstack-protector-strong -fpic -fpie -O2 -D_LARGEFILE_SOURCE -D_FILE_OFFSET_BITS=64"
PHP_CPPFLAGS 
"-fstack-protector-strong -fpic -fpie -O2 -D_LARGEFILE_SOURCE -D_FILE_OFFSET_BITS=64"
PHP_INI_DIR 
"/usr/local/etc/php"
PHP_LDFLAGS 
"-Wl,-O1 -pie"
PHP_SELF 
"/index.php"
PHP_SHA256 
"ffa9e0982e82eeaea848f57687b425ed173aa278fe563001310ae2638db5c251"
PHP_URL 
"https://www.php.net/distributions/php-8.1.34.tar.xz"
PHP_VERSION 
"8.1.34"
PWD 
"/var/www/html"
QUERY_STRING 
"_path=_format%3Dhtml%26_locale%3Den%26_controller%3DApp%255CStartPlatz%255CBundle%255CWebsiteBundle%255CController%255CDefaultController%253A%253AmenuBootstrap40Action"
REDIRECT_STATUS 
"200"
REMOTE_ADDR 
"127.0.0.1"
REMOTE_PORT 
"52682"
REQUEST_METHOD 
"GET"
REQUEST_SCHEME 
"http"
REQUEST_TIME 
1772150314
REQUEST_TIME_FLOAT 
1772150314.8566
REQUEST_URI 
"/_fragment?_path=_format%3Dhtml%26_locale%3Den%26_controller%3DApp%255CStartPlatz%255CBundle%255CWebsiteBundle%255CController%255CDefaultController%253A%253AmenuBootstrap40Action"
SCRIPT_FILENAME 
"/var/www/html/public/index.php"
SCRIPT_NAME 
"/index.php"
SERVER_ADDR 
"172.22.0.7"
SERVER_NAME 
"dev.startplatz.de"
SERVER_PORT 
"80"
SERVER_PROTOCOL 
"HTTP/1.1"
SERVER_SOFTWARE 
"nginx/1.18.0"
SHLVL 
"1"
STARTPLATZ_BUILDTIME 
"001"
STARTPLATZ_DATABASE_WORDPRESS_HOST 
"startplatz-staging-mysql"
STARTPLATZ_DATABASE_WORDPRESS_NAME 
"startplatz-wordpress"
STARTPLATZ_DATABASE_WORDPRESS_PASSWORD 
"kpp8o9pWYAp2"
STARTPLATZ_DATABASE_WORDPRESS_USER 
"startplatz"
STARTPLATZ_ENVIRONMENT 
"staging.www.staging.startplatz.de"
STARTPLATZ_HOST 
"www.staging.startplatz.de"
STRIPE_LIVE_KEY_AI_HUB 
"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"
STRIPE_LIVE_KEY_ECODYNAMICS 
"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"
STRIPE_LIVE_KEY_STARTPLATZ 
"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"
STRIPE_SK_INITIAL 
"ojWxv1978YWU"
STRIPE_TEST_KEY_AI_HUB 
"sk_test_51PmYwGDCU56CMQmgpcCdmzVTjiym8wom2WWiAAuVOUhS55972eM73wDNRDEBfGMnoLSt81yqW5CKCyraQKPDTb6y00xGk2RMpj"
STRIPE_TEST_KEY_ECODYNAMICS 
"sk_test_51PeutFFqPnUaAUP6dP1y273V3ckVBrUUxBSSIufpLoU2TdWoJBbzjnNmfM3UHsauN4ZuhObIZYhhPLd4621AmzzW00xaHryus4"
STRIPE_TEST_KEY_STARTPLATZ 
"sk_test_51O8fFSHegJLrFARiXBFfwCkkRCTyr64RpTlYx5X7FPNEKDSRhQHgb7X9WELyNzmMkMT39tavykkZbtbWDsCz0Tc800bNFXrtbH"
STRIPE_WEBHOOK_SECRET 
"whsec_replace_with_actual_webhook_secret_from_stripe_dashboard"
SYMFONY_DOTENV_VARS 
"CLOUDINARY_URL,CLOUDINARY_CLOUDNAME,CLOUDINARY_API_KEY,CLOUDINARY_API_SECRET,SESSION_SAVE_PATH,OPENAI_ORGANIZATION,ANTHROPIC_API_KEY,STATISTIC_ZAPIER_API_KEY,CRON_API_KEY,SKOOL_WEBHOOK_KI_CAMPUS,SKOOL_WEBHOOK_KI_TREFFPUNKT,TEST_DATA_PATH,MONSUM_WEBHOOK_USER_CGN,MONSUM_WEBHOOK_PASSWORD_CGN,MONSUM_WEBHOOK_USER_DUS,MONSUM_WEBHOOK_PASSWORD_DUS,MONSUM_WEBHOOK_USER_TESTPLATZ,MONSUM_WEBHOOK_PASSWORD_TESTPLATZ,WP_API_USERNAME,WP_API_PASSWORD,WP_API_BASE_URL,REDIS_URL,TYPEFORM_WEBHOOK_SECRET,TWILIO_AUTH_TOKEN"
USER 
"www-data"
WP_API_PROD_BASE_URL 
"https://www.startplatz.de/wp-json/wp/v2"
WP_API_PROD_PASSWORD 
"lSFFfrfi24zjRXtmqlwxWlBx"
WP_API_PROD_USERNAME 
"Allmeda"
argc 
0
argv 
[]

Parent Request

Return to parent request (token = a8baca)

Key Value
_controller 
"Startplatz\Bundle\WordpressIntegrationBundle\Controller\PassthruController::passthruAction"
_firewall_context 
"security.firewall.map.context.main"
_route 
"startplatz_wordpress_passthru"
_route_params 
[
  "path" => "ki-weiterbildungen/"
]
_security_firewall_run 
"_security_main"
_stopwatch_token 
"6531f0"
_wordpressResponse 
Symfony\Component\HttpFoundation\Response {#5132
  +headers: Symfony\Component\HttpFoundation\ResponseHeaderBag {#2884 …}
  #content: """
    <!DOCTYPE html>\n
    <html lang="de">\n
    <head>\n
        <!-- header-startplatz-v40.php starts -->\n
        <meta charset="utf-8">\n
        <meta name="viewport" content="width=device-width, initial-scale=1">\n
    \n
        <link rel="profile" href="http://gmpg.org/xfn/11">\n
        <link rel="pingback" href="https://www.startplatz.de/xmlrpc.php">\n
        <!-- Apple Touch Icon (180x180 auto-scales) -->\n
    <link rel="apple-touch-icon" href="/apple-touch-icon.png">\n
    <!-- Favicon -->\n
    \n
        <link rel="icon" href="/favicon.png" sizes="32x32">\n
    \n
        <script src="https://kit.fontawesome.com/30335e3531.js" crossorigin="anonymous"></script>\n
    \n
        <!-- Google tag (gtag.js) -->\n
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-XYVL4EFW9X"></script>\n
        <script>\n
            window.dataLayer = window.dataLayer || [];\n
            function gtag(){dataLayer.push(arguments);}\n
            gtag('js', new Date());\n
    \n
            gtag('config', 'G-XYVL4EFW9X');\n
        </script>\n
        <!-- End Google tag -->\n
    \n
        <!-- Google Tag Manager -->\n
        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\n
                    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\n
                j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n
                'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n
            })(window,document,'script','dataLayer','GTM-5WTVWDT');</script>\n
        <!-- End Google Tag Manager -->\n
    \n
        <!-- Facebook Pixel Code -->\n
        <script>\n
            !function(f,b,e,v,n,t,s)\n
            {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n
                n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n
                if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n
                n.queue=[];t=b.createElement(e);t.async=!0;\n
                t.src=v;s=b.getElementsByTagName(e)[0];\n
                s.parentNode.insertBefore(t,s)}(window,document,'script',\n
                'https://connect.facebook.net/en_US/fbevents.js');\n
            fbq('init', '380666967734105');\n
            fbq('track', 'PageView');\n
        </script>\n
        <noscript>\n
            <img height="1" width="1"\n
                 src="https://www.facebook.com/tr?id=380666967734105&ev=PageView&noscript=1"/>\n
        </noscript>\n
        <!-- End Facebook Pixel Code -->\n
    \n
    \n
        <noscript>\n
            <img height="1" width="1" src="https://www.facebook.com/tr?id=767917863396798&ev=PageView&noscript=1"/>\n
        </noscript>\n
    \n
        <!-- wp_head starts -->\n
        <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />\n
    \t<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>\n
    \t\n
    \t<!-- This site is optimized with the Yoast SEO Premium plugin v26.4 (Yoast SEO v26.4) - https://yoast.com/wordpress/plugins/seo/ -->\n
    \t<title>KI Weiterbildungen &amp; KI Schulungen - STARTPLATZ AI HUB</title>\n
    \t<meta name="description" content="KI Weiterbildungen für Unternehmen. KI-Manager, Prompt Engineering &amp; mehr. AZAV-zertifiziert ✓ Bildungsgutschein möglich ✓" />\n
    \t<link rel="canonical" href="https://www.staging.startplatz.de/ki-weiterbildungen/" />\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 Weiterbildungen" />\n
    \t<meta property="og:description" content="KI Weiterbildungen für Unternehmen. KI-Manager, Prompt Engineering &amp; mehr. AZAV-zertifiziert ✓ Bildungsgutschein möglich ✓" />\n
    \t<meta property="og:url" content="https://www.staging.startplatz.de/ki-weiterbildungen/" />\n
    \t<meta property="og:site_name" content="STARTPLATZ" />\n
    \t<meta property="article:modified_time" content="2025-09-18T09:29:53+00:00" />\n
    \t<meta property="og:image" content="https://res.cloudinary.com/startplatz/image/upload/v1751977389/logos/NRW_Hub_Schwarz.png" />\n
    \t<meta name="twitter:label1" content="Geschätzte Lesezeit" />\n
    \t<meta name="twitter:data1" content="12 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/ki-weiterbildungen/","url":"https://www.staging.startplatz.de/ki-weiterbildungen/","name":"KI Weiterbildungen & KI Schulungen - STARTPLATZ AI HUB","isPartOf":{"@id":"https://www.staging.startplatz.de/#website"},"primaryImageOfPage":{"@id":"https://www.staging.startplatz.de/ki-weiterbildungen/#primaryimage"},"image":{"@id":"https://www.staging.startplatz.de/ki-weiterbildungen/#primaryimage"},"thumbnailUrl":"https://res.cloudinary.com/startplatz/image/upload/v1751977389/logos/NRW_Hub_Schwarz.png","datePublished":"2025-07-23T13:29:29+00:00","dateModified":"2025-09-18T09:29:53+00:00","description":"KI Weiterbildungen für Unternehmen. KI-Manager, Prompt Engineering & mehr. AZAV-zertifiziert ✓ Bildungsgutschein möglich ✓","breadcrumb":{"@id":"https://www.staging.startplatz.de/ki-weiterbildungen/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https://www.staging.startplatz.de/ki-weiterbildungen/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https://www.staging.startplatz.de/ki-weiterbildungen/#primaryimage","url":"https://res.cloudinary.com/startplatz/image/upload/v1751977389/logos/NRW_Hub_Schwarz.png","contentUrl":"https://res.cloudinary.com/startplatz/image/upload/v1751977389/logos/NRW_Hub_Schwarz.png"},{"@type":"BreadcrumbList","@id":"https://www.staging.startplatz.de/ki-weiterbildungen/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.staging.startplatz.de/"},{"@type":"ListItem","position":2,"name":"KI Weiterbildungen"}]},{"@type":"WebSite","@id":"https://www.staging.startplatz.de/#website","url":"https://www.staging.startplatz.de/","name":"STARTPLATZ","description":"Startup Inkubator in Köln und Düsseldorf","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.staging.startplatz.de/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}</script>\n
    \t<!-- / Yoast SEO Premium plugin. -->\n
    \n
    \n
    <link rel='dns-prefetch' href='//www.staging.startplatz.de' />\n
    <link rel="alternate" type="application/rss+xml" title="STARTPLATZ &raquo; Feed" href="https://www.staging.startplatz.de/feed/" />\n
    <link rel="alternate" type="application/rss+xml" title="STARTPLATZ &raquo; Kommentar-Feed" href="https://www.staging.startplatz.de/comments/feed/" />\n
    <script type="text/javascript">\n
    /* <![CDATA[ */\n
    window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.staging.startplatz.de\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.8.3"}};\n
    /*! This file is auto-generated */\n
    !function(s,n){var o,i,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),a=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===a[t]})}function u(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);for(var n=e.getImageData(16,16,1,1),a=0;a<n.data.length;a++)if(0!==n.data[a])return!1;return!0}function f(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\udedf")}return!1}function g(e,t,n,a){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):s.createElement("canvas"),o=r.getContext("2d",{willReadFrequently:!0}),i=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(function(e){i[e]=t(o,e,n,a)}),i}function t(e){var t=s.createElement("script");t.src=e,t.defer=!0,s.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",i=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){s.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+g.toString()+"("+[JSON.stringify(i),f.toString(),p.toString(),u.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"}),r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=function(e){c(n=e.data),r.terminate(),t(n)})}catch(e){}c(n=g(i,f,p,u))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);\n
    /* ]]> */\n
    </script>\n
    <style id='wp-emoji-styles-inline-css' type='text/css'>\n
    \n
    \timg.wp-smiley, img.emoji {\n
    \t\tdisplay: inline !important;\n
    \t\tborder: none !important;\n
    \t\tbox-shadow: none !important;\n
    \t\theight: 1em !important;\n
    \t\twidth: 1em !important;\n
    \t\tmargin: 0 0.07em !important;\n
    \t\tvertical-align: -0.1em !important;\n
    \t\tbackground: none !important;\n
    \t\tpadding: 0 !important;\n
    \t}\n
    </style>\n
    <link rel='stylesheet' id='wp-block-library-css' href='https://www.staging.startplatz.de/wp-includes/css/dist/block-library/style.min.css?ver=6.8.3' type='text/css' media='all' />\n
    <style id='classic-theme-styles-inline-css' type='text/css'>\n
    /*! This file is auto-generated */\n
    .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}\n
    </style>\n
    <style id='global-styles-inline-css' type='text/css'>\n
    :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}\n
    :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}\n
    :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}\n
    :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}\n
    </style>\n
    <link rel='stylesheet' id='mc4wp-form-styles-builder-css' href='//www.staging.startplatz.de/wp-content/uploads/mc4wp-stylesheets/bundle.css?ver=1649164263' type='text/css' media='all' />\n
    <link rel="https://api.w.org/" href="https://www.staging.startplatz.de/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.staging.startplatz.de/wp-json/wp/v2/pages/78815" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.staging.startplatz.de/xmlrpc.php?rsd" />\n
    <meta name="generator" content="WordPress 6.8.3" />\n
    <link rel='shortlink' href='https://www.staging.startplatz.de/?p=78815' />\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%2Fki-weiterbildungen%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%2Fki-weiterbildungen%2F&#038;format=xml" />\n
        <!-- wp_head ends -->\n
    \n
    \n
        <!-- Bootstrap CSS -->\n
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">\n
    \n
        <!-- Google Fonts -->\n
        <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap" rel="stylesheet">\n
    \n
        <!-- additional CSS based on page settings -->\n
            <!-- additional css style definitions ends -->\n
    \n
        <style type="text/css">\n
            body {\n
                padding-top: 50px;\n
                font-family: 'Source Sans Pro', sans-serif;\n
            }\n
        </style>\n
    \n
        <!-- header-startplatz-v40.php ends -->\n
    \n
        <!-- Custom CSS per page (after Bootstrap) -->\n
        </head>\n
    \n
    \n
    <body id="top" >\n
        <!-- Google Tag Manager (noscript) -->\n
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5WTVWDT"\n
                          height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>\n
        <!-- End Google Tag Manager (noscript) -->\n
    \n
        <!-- X STARTPLATZ content4.0 part -->\n
        <!-- menu starts -->\n
        \n
    \n
    <style>\n
    \n
    \n
    #imgNav {\n
        height: 45px;\n
        width: 45px;\n
    \n
    }\n
    #imgNav img {\n
        object-fit: cover;\n
    }\n
    \n
    .navbar-collapse .navbar-nav .nav-item a:hover {\n
        background-color: #aacf61ff;\n
        color: #000000;\n
        border-radius: 5px;\n
    \n
    }\n
    \n
    .logo {\n
        font-weight: bolder;\n
        font-size: 1.5rem;\n
    }\n
    \n
    .navbar-nav .nav-item .dropdown-menu {\n
        border: none;\n
        background-color: #eae9e9;\n
    }\n
    \n
    #userNamePlaceHolder {\n
        background-color: rgba(170, 207, 97, 0.6);\n
    }\n
    .navbar-nav .nav-item .dropdown-menu a:hover {\n
        border-radius: 0;\n
    \n
    }\n
    \n
    \n
    .navbar-nav .nav-item .loginlink {\n
        background-color:#aacf61ff;\n
    }\n
    .navbar-collapse .navbar-nav .nav-item .loginlink:hover {\n
        background-color:#7ab800;\n
    }\n
    \n
    @media all and (min-width: 992px) {\n
        .navbar .dropdown-menu-end{ right:0; left: auto;  }\n
        .navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.1s; margin-top:0;  }\n
        .navbar .nav-item:hover .nav-link{ color: #000000;  }\n
        .navbar .dropdown-menu.fade-down {\n
            top:80%; transform: rotateX(-75deg); transform-origin: 0 0;\n
        }\n
        .navbar .dropdown-menu.fade-up{ top:180%;  }\n
        .navbar .nav-item:hover .dropdown-menu{transition: 0.1s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }\n
    }\n
    @media (max-width: 768px ) {\n
        .collapse {\n
            height: 100vh;\n
            transition: 0.5s; opacity: 1; visibility: visible; top: 100%; transform: rotateX(0deg);\n
        }\n
    \n
    \n
    }\n
    \n
    .highlight {\n
        border-bottom: 3px solid #AACF61;\n
    }\n
    \n
    .padding-bottom {\n
        padding-bottom: 2px;\n
    }\n
    </style>\n
    \n
    <style>\n
        .ai-hub-link:hover {\n
            color: black; /* Textfarbe beim Hover */\n
        }\n
    </style>\n
    \n
    \n
    \n
    <nav class="navbar navbar-dark bg-dark navbar-expand-lg fixed-top shadow-lg padding-bottom d-flex justify-content-lg-center">\n
            <a class="logo navbar-brand text-center mr-2 mr-lg-4" href="https://www.startplatz.de" rel="tooltip" title="Home for the innovative people in Rheinland" data-placement="bottom" >\n
                <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,w_107/v1614775778/logos/STARTPLATZ_Logos/STARTPLATZ_Logo_wei%C3%9F.png" class="p-0 m-0">\n
            </a>\n
    \n
            <button class="navbar-toggler " type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navbarSupportedContent-3" aria-expanded="false" aria-label="Toggle navigation">\n
                <span class="navbar-toggler-icon"></span>\n
            </button>\n
    \n
            <div class="collapse navbar-collapse mt-1" id="navigation" style="font-size: 0.9rem; max-width:920px" >\n
                    <ul class="navbar-nav mr-3">\n
                        \n
                        <li class="nav-item active mb-2 mt-2 mr-1 ml-0 mr-2">\n
                            <a class="nav-link px-2" style="background-color: rgba(142,86,255,1.0); border-radius: 10px; min-width:75px; display: inline-block; text-align: center;" href="https://startplatz-ai-hub.de">\n
                                AI Hub\n
                            </a>\n
                        </li>\n
    \n
                        <li class="nav-item dropdown active  mt-2 mr-2">\n
                            <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
                                Startups\n
                            </a>\n
                            <div class="dropdown-menu dropdown-menu-left" aria-labelledby="navbarDropdownMenuLink">\n
                                <hr class="my-2 mx-3">\n
                                <a class="dropdown-item" href="/memberships">\n
                                    Memberships\n
                                </a>\n
                                <hr class="my-2 mx-3">\n
                                <a class="dropdown-item" href="/accelerator/">\n
                                    Accelerator\n
                                </a>\n
                                <a class="dropdown-item" href="https://www.rheinlandpitch.de">\n
                                    Rheinland Pitch\n
                                </a>\n
                                <a class="dropdown-item" href="/gruendungsstipendium-nrw/">\n
                                    Gründungsstipendium NRW\n
                                </a>\n
                                \n
                            </div>\n
                        </li>\n
    \n
    \n
                        <li class="nav-item dropdown active  mt-2 mr-2\n
                                                                                       ">\n
                            <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
                                Unternehmen\n
                            </a>\n
                            <div class="dropdown-menu dropdown-menu-left" aria-labelledby="navbarDropdownMenuLink">\n
                                                            <a class="dropdown-item" href="/fuer-unternehmen">\n
                                    Innovation &amp; Partnerschaften\n
                                </a>\n
                                <a class="dropdown-item" href="/ki-weiterbildungen">\n
                                    KI-Weiterbildung\n
                                </a>\n
                            </div>\n
                        </li>\n
    \n
                        <li class="nav-item dropdown active  mt-2 mr-2">\n
                            <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
                                Büros / Coworking\n
                            </a>\n
                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">\n
                                <a class="dropdown-item" href="/teambuero-koeln">\n
                                    Büros in Köln\n
                                </a>\n
                                <a class="dropdown-item" href="/teambuero-duesseldorf">\n
                                    Büros in Düsseldorf\n
                                </a>\n
                                <a class="dropdown-item" href="/coworking-koeln">\n
                                    Coworking in Köln\n
                                </a>\n
                                <a class="dropdown-item" href="/coworking-duesseldorf">\n
                                    Coworking in Düsseldorf\n
                                </a>\n
                                <a class="dropdown-item" href="/geschaeftsanschrift-koeln">\n
                                    Geschäftsadresse Köln\n
                                </a>\n
                                <a class="dropdown-item" href="/geschaeftsanschrift-duesseldorf">\n
                                    Geschäftsadresse Düsseldorf\n
                                </a>\n
                            </div>\n
                        </li>\n
    \n
    \n
                        <li class="nav-item dropdown active  mt-2 mr-2">\n
                            <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
                                Konferenzräume\n
                            </a>\n
                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">\n
                                <a class="dropdown-item" href="/koeln-tagungsraeume-und-konferenzraeume">\n
                                    Konferenzräume in Köln\n
                                </a>\n
                                <a class="dropdown-item" href="/duesseldorf-tagungsraeume-und-konferenzraeume">\n
                                    Konferenzräume in Düsseldorf\n
                                </a>\n
    \n
                            </div>\n
                        </li>\n
    \n
    \n
                        <li class="nav-item active mt-2 mr-2\n
                                    ">\n
                            <a href="/events" class="nav-link px-2">\n
                                Events\n
                            </a>\n
                        </li>\n
    \n
    \n
                        <li class="nav-item dropdown active  mt-2 mr-2\n
                                                                                        ">\n
                            <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
                                Über uns\n
                            </a>\n
                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">\n
                                <a class="dropdown-item" href="/presse">\n
                                    Über STARTPLATZ\n
                                </a>\n
                                <a class="dropdown-item" href="/standorte">\n
                                    Standorte\n
                                </a>\n
                                <a class="dropdown-item" href="/startplatz-team">\n
                                    STARTPLATZ Team\n
                                </a>\n
                                <a class="dropdown-item" href="/partner">\n
                                    Partner\n
                                </a>\n
                                <a class="dropdown-item" href="/startups">\n
                                    Unsere Startups\n
                                </a>\n
                                <a class="dropdown-item" href="/referenzen">\n
                                    Referenzen\n
                                </a>\n
                                <a class="dropdown-item" href="/karriere">\n
                                    Karriere\n
                                </a>\n
    \n
                            </div>\n
                        </li>\n
    \n
                        <li class="nav-item active  mt-2 mr-2">\n
                            <a class="nav-link px-2" href="/blog">\n
                                Blog\n
                            </a>\n
                        </li>\n
    \n
                        <li class="nav-item mt-2 mr-2">\n
                        <link href="https://fonts.googleapis.com/icon?family=Material+Icons%7CMaterial+Icons+Outlined" rel="stylesheet">\n
    <li class="nav-item dropdown active  mt-2 mr-2">\n
        <a href="#" class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">\n
            <span class="material-icons-outlined" style="font-size:20px; vertical-align: bottom; color:white">\n
            language\n
            </span>\n
        </a>\n
        <div class="dropdown-menu" style="width:70px; min-width:70px;" aria-labelledby="navbarDropdownMenuLink">\n
                                            <a class="dropdown-item" href="/">\n
                    <img src="/bundles/startplatzstyle/images/german_language.png" height="20px;" alt="Deutsch">\n
                </a>\n
            \n
                                <a class="dropdown-item" href="/en">\n
                    <img src="/bundles/startplatzstyle/images/english_language.png" height="20px;" alt="English">\n
                </a>\n
            \n
                                <a class="dropdown-item" href="/fr/">\n
                    <img src="/bundles/startplatzstyle/images/french_language.png" height="20px;" alt="Français">\n
                </a>\n
                </div>\n
    </li>\n
                        </li>\n
    \n
                                                <li class="nav-item active p-0 m-0 ml-lg-4 mt-2">\n
                                <a class="nav-link px-3"\n
                                   style="background-color:#7ab800; border-radius: 5px;"\n
                                   href="/login/">\n
                                    Login\n
                                </a>\n
                            </li>\n
                                        </ul>\n
            </div>\n
    </nav>\n
    \n
    <!-- homepage nav.homepage.bootstrap4 ends -->\n
        <!-- menu ends -->\n
    \n
    \n
        <style>\r\n
        /* Reset & 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: 'Source Sans Pro', -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
        /* STARTPLATZ Colors */\r\n
        :root {\r\n
            --primary-green: #7AB800;\r\n
            --secondary-blue: #0080bb;\r\n
            --tertiary-gray: #525459;\r\n
            --ai-hub-purple: #9535FF;\r\n
            --ai-hub-purple-light: #B565FF;\r\n
            --ai-hub-purple-dark: #7c2ccc;\r\n
            --ai-hub-purple-ultra-light: #f4f0ff;\r\n
            --ai-hub-purple-soft: #e8ddff;\r\n
            --dark-gray: #333333;\r\n
            --light-gray: #f8f9fa;\r\n
            --white: #ffffff;\r\n
        }\r\n
    \r\n
        /* Typography */\r\n
        h1, h2, h3, h4, h5, h6 {\r\n
            font-weight: 700;\r\n
            line-height: 1.3;\r\n
            color: var(--tertiary-gray);\r\n
        }\r\n
    \r\n
        h1 { font-size: 3rem; }\r\n
        h2 { font-size: 2.5rem; }\r\n
        h3 { font-size: 2rem; }\r\n
        h4 { font-size: 1.5rem; }\r\n
    \r\n
        /* Container */\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 spacing */\r\n
        .section {\r\n
            padding: 80px 0;\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: 1rem;\r\n
            text-decoration: none;\r\n
            cursor: pointer;\r\n
            transition: all 0.3s ease;\r\n
            text-align: center;\r\n
            line-height: 1.4;\r\n
        }\r\n
    \r\n
        .btn-primary {\r\n
            background: linear-gradient(45deg, var(--ai-hub-purple), #7c2ccc);\r\n
            color: white;\r\n
            box-shadow: 0 4px 12px rgba(122, 184, 0, 0.25);\r\n
        }\r\n
    \r\n
        .btn-primary:hover {\r\n
            transform: translateY(-2px);\r\n
            box-shadow: 0 6px 20px rgba(122, 184, 0, 0.35);\r\n
            color: white;\r\n
            text-decoration: none;\r\n
        }\r\n
    \r\n
        .btn-secondary {\r\n
            background: 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: var(--primary-green);\r\n
            color: white;\r\n
            text-decoration: none;\r\n
        }\r\n
    \r\n
        .btn-purple {\r\n
            background: linear-gradient(45deg, var(--ai-hub-purple), #7c2ccc);\r\n
            color: white;\r\n
            box-shadow: 0 4px 12px rgba(149, 53, 255, 0.25);\r\n
        }\r\n
    \r\n
        .btn-purple:hover {\r\n
            transform: translateY(-2px);\r\n
            box-shadow: 0 6px 20px rgba(149, 53, 255, 0.35);\r\n
            color: white;\r\n
            text-decoration: none;\r\n
        }\r\n
    \r\n
    \r\n
    \r\n
        /* ========== NEUER HERO SECTION - ERSETZT DEN ALTEN ========== */\r\n
        .hero {\r\n
            background: linear-gradient(135deg, #0f1419 0%, #1a2332 25%, #253247 50%, #2d3e56 75%, #344a65 100%);\r\n
            color: white;\r\n
            padding: 140px 0 120px;\r\n
            position: relative;\r\n
            overflow: hidden;\r\n
        }\r\n
    \r\n
        /* Enhanced AI Neural Network Background */\r\n
        .hero::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 1200 800"><defs><filter id="glow"><feGaussianBlur stdDeviation="3" result="coloredBlur"/><feMerge><feMergeNode in="coloredBlur"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g opacity="0.9"><circle cx="150" cy="120" r="4" fill="rgba(122,184,0,0.8)" filter="url(%23glow)"><animate attributeName="r" values="3;6;3" dur="3s" repeatCount="indefinite"/><animate attributeName="opacity" values="0.6;1;0.6" dur="3s" repeatCount="indefinite"/></circle><circle cx="350" cy="180" r="3" fill="rgba(149,53,255,0.8)" filter="url(%23glow)"><animate attributeName="r" values="2;5;2" dur="4s" repeatCount="indefinite"/><animate attributeName="opacity" values="0.5;0.9;0.5" dur="4s" repeatCount="indefinite"/></circle><circle cx="580" cy="140" r="5" fill="rgba(0,128,187,0.8)" filter="url(%23glow)"><animate attributeName="r" values="4;7;4" dur="3.5s" repeatCount="indefinite"/><animate attributeName="opacity" values="0.7;1;0.7" dur="3.5s" repeatCount="indefinite"/></circle><circle cx="820" cy="220" r="3.5" fill="rgba(122,184,0,0.8)" filter="url(%23glow)"><animate attributeName="r" values="2.5;6;2.5" dur="4.2s" repeatCount="indefinite"/><animate attributeName="opacity" values="0.5;0.8;0.5" dur="4.2s" repeatCount="indefinite"/></circle><circle cx="200" cy="350" r="4.5" fill="rgba(149,53,255,0.8)" filter="url(%23glow)"><animate attributeName="r" values="3.5;7;3.5" dur="3.8s" repeatCount="indefinite"/><animate attributeName="opacity" values="0.6;1;0.6" dur="3.8s" repeatCount="indefinite"/></circle><circle cx="480" cy="320" r="3.2" fill="rgba(0,128,187,0.8)" filter="url(%23glow)"><animate attributeName="r" values="2.2;5.5;2.2" dur="4.5s" repeatCount="indefinite"/><animate attributeName="opacity" values="0.5;0.9;0.5" dur="4.5s" repeatCount="indefinite"/></circle><circle cx="750" cy="380" r="4.8" fill="rgba(122,184,0,0.8)" filter="url(%23glow)"><animate attributeName="r" values="3.8;8;3.8" dur="3.2s" repeatCount="indefinite"/><animate attributeName="opacity" values="0.7;1;0.7" dur="3.2s" repeatCount="indefinite"/></circle><circle cx="120" cy="550" r="3.8" fill="rgba(149,53,255,0.8)" filter="url(%23glow)"><animate attributeName="r" values="2.8;6.5;2.8" dur="4.8s" repeatCount="indefinite"/><animate attributeName="opacity" values="0.5;0.8;0.5" dur="4.8s" repeatCount="indefinite"/></circle><circle cx="420" cy="520" r="4.2" fill="rgba(0,128,187,0.8)" filter="url(%23glow)"><animate attributeName="r" values="3.2;7.2;3.2" dur="3.6s" repeatCount="indefinite"/><animate attributeName="opacity" values="0.6;1;0.6" dur="3.6s" repeatCount="indefinite"/></circle><circle cx="680" cy="580" r="3.6" fill="rgba(122,184,0,0.8)" filter="url(%23glow)"><animate attributeName="r" values="2.6;6.2;2.6" dur="4.1s" repeatCount="indefinite"/><animate attributeName="opacity" values="0.5;0.9;0.5" dur="4.1s" repeatCount="indefinite"/></circle><line x1="150" y1="120" x2="350" y2="180" stroke="rgba(122,184,0,0.4)" stroke-width="2" filter="url(%23glow)"><animate attributeName="opacity" values="0.2;0.6;0.2" dur="5s" repeatCount="indefinite"/><animateTransform attributeName="transform" type="scale" values="1;1.02;1" dur="5s" repeatCount="indefinite"/></line><line x1="350" y1="180" x2="580" y2="140" stroke="rgba(149,53,255,0.4)" stroke-width="2" filter="url(%23glow)"><animate attributeName="opacity" values="0.2;0.5;0.2" dur="6s" repeatCount="indefinite"/></line><line x1="580" y1="140" x2="820" y2="220" stroke="rgba(0,128,187,0.4)" stroke-width="2" filter="url(%23glow)"><animate attributeName="opacity" values="0.2;0.6;0.2" dur="4.5s" repeatCount="indefinite"/></line><line x1="200" y1="350" x2="480" y2="320" stroke="rgba(122,184,0,0.4)" stroke-width="2" filter="url(%23glow)"><animate attributeName="opacity" values="0.2;0.5;0.2" dur="5.5s" repeatCount="indefinite"/></line><line x1="480" y1="320" x2="750" y2="380" stroke="rgba(149,53,255,0.4)" stroke-width="2" filter="url(%23glow)"><animate attributeName="opacity" values="0.2;0.6;0.2" dur="4.8s" repeatCount="indefinite"/></line><line x1="120" y1="550" x2="420" y2="520" stroke="rgba(0,128,187,0.4)" stroke-width="2" filter="url(%23glow)"><animate attributeName="opacity" values="0.2;0.5;0.2" dur="5.2s" repeatCount="indefinite"/></line><line x1="420" y1="520" x2="680" y2="580" stroke="rgba(122,184,0,0.4)" stroke-width="2" filter="url(%23glow)"><animate attributeName="opacity" values="0.2;0.6;0.2" dur="4.2s" repeatCount="indefinite"/></line><line x1="150" y1="120" x2="200" y2="350" stroke="rgba(149,53,255,0.3)" stroke-width="1.5" filter="url(%23glow)"><animate attributeName="opacity" values="0.1;0.4;0.1" dur="6.5s" repeatCount="indefinite"/></line><line x1="350" y1="180" x2="480" y2="320" stroke="rgba(0,128,187,0.3)" stroke-width="1.5" filter="url(%23glow)"><animate attributeName="opacity" values="0.1;0.4;0.1" dur="5.8s" repeatCount="indefinite"/></line><line x1="580" y1="140" x2="750" y2="380" stroke="rgba(122,184,0,0.3)" stroke-width="1.5" filter="url(%23glow)"><animate attributeName="opacity" values="0.1;0.4;0.1" dur="6.2s" repeatCount="indefinite"/></line></g></svg>');\r\n
            background-size: 1200px 800px;\r\n
            background-repeat: repeat;\r\n
            animation: neuralFlow 25s linear infinite;\r\n
            z-index: 1;\r\n
        }\r\n
    \r\n
        @keyframes neuralFlow {\r\n
            0% { \r\n
                background-position: 0% 0%;\r\n
                opacity: 0.8;\r\n
            }\r\n
            50% { \r\n
                background-position: 50% 50%;\r\n
                opacity: 1;\r\n
            }\r\n
            100% { \r\n
                background-position: 100% 100%;\r\n
                opacity: 0.8;\r\n
            }\r\n
        }\r\n
    \r\n
        /* Data Pulse Overlay */\r\n
        .hero::after {\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: \r\n
                radial-gradient(circle at 20% 30%, rgba(122,184,0,0.05) 0%, transparent 40%),\r\n
                radial-gradient(circle at 80% 20%, rgba(149,53,255,0.04) 0%, transparent 35%),\r\n
                radial-gradient(circle at 60% 70%, rgba(0,128,187,0.05) 0%, transparent 45%),\r\n
                radial-gradient(circle at 40% 80%, rgba(122,184,0,0.03) 0%, transparent 30%);\r\n
            background-size: 600px 600px, 500px 500px, 700px 700px, 400px 400px;\r\n
            animation: dataPulse 12s ease-in-out infinite;\r\n
            z-index: 1;\r\n
        }\r\n
    \r\n
        @keyframes dataPulse {\r\n
            0%, 100% { \r\n
                background-position: 0% 0%, 100% 0%, 50% 50%, 0% 100%;\r\n
                opacity: 0.6;\r\n
            }\r\n
            25% { \r\n
                background-position: 25% 25%, 75% 25%, 25% 75%, 25% 75%;\r\n
                opacity: 0.8;\r\n
            }\r\n
            50% { \r\n
                background-position: 50% 50%, 50% 50%, 75% 25%, 50% 50%;\r\n
                opacity: 1;\r\n
            }\r\n
            75% { \r\n
                background-position: 75% 75%, 25% 75%, 50% 50%, 75% 25%;\r\n
                opacity: 0.8;\r\n
            }\r\n
        }\r\n
    \r\n
        .hero-container {\r\n
            position: relative;\r\n
            z-index: 2;\r\n
            max-width: 1400px;\r\n
            margin: 0 auto;\r\n
            padding: 0 40px;\r\n
        }\r\n
    \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: 500px;\r\n
        }\r\n
    \r\n
        .hero-left {\r\n
            max-width: 600px;\r\n
        }\r\n
    \r\n
        .hero-right {\r\n
            display: flex;\r\n
            justify-content: center;\r\n
            align-items: center;\r\n
            position: relative;\r\n
        }\r\n
    \r\n
        /* Corporate badge */\r\n
        .hero-corporate-badge {\r\n
            display: inline-flex;\r\n
            align-items: center;\r\n
            gap: 8px;\r\n
            background: linear-gradient(135deg, var(--secondary-blue), #4A90E2);\r\n
            color: white;\r\n
            padding: 12px 24px;\r\n
            border-radius: 6px;\r\n
            font-size: 0.9rem;\r\n
            font-weight: 700;\r\n
            text-transform: uppercase;\r\n
            letter-spacing: 0.5px;\r\n
            margin-bottom: 30px;\r\n
            box-shadow: 0 4px 15px rgba(0, 128, 187, 0.3);\r\n
        }\r\n
    \r\n
        .hero-title {\r\n
            font-size: 3.8rem;\r\n
            font-weight: 800;\r\n
            line-height: 1.1;\r\n
            margin-bottom: 30px;\r\n
            color: white;\r\n
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\r\n
        }\r\n
    \r\n
        .hero-title .highlight {\r\n
            background: linear-gradient(135deg, var(--ai-hub-purple), #B565FF);\r\n
            -webkit-background-clip: text;\r\n
            -webkit-text-fill-color: transparent;\r\n
            background-clip: text;\r\n
            position: relative;\r\n
        }\r\n
    \r\n
        .hero-subtitle {\r\n
            font-size: 1.4rem;\r\n
            line-height: 1.5;\r\n
            color: rgba(255, 255, 255, 0.9);\r\n
            margin-bottom: 40px;\r\n
            font-weight: 400;\r\n
        }\r\n
    \r\n
        .hero-value-props {\r\n
            display: flex;\r\n
            flex-direction: column;\r\n
            gap: 20px;\r\n
            margin-bottom: 50px;\r\n
        }\r\n
    \r\n
        .value-prop {\r\n
            display: flex;\r\n
            align-items: center;\r\n
            gap: 15px;\r\n
            padding: 15px 0;\r\n
        }\r\n
    \r\n
        .value-prop-icon {\r\n
            width: 50px;\r\n
            height: 50px;\r\n
            background: linear-gradient(135deg, var(--ai-hub-purple), #7c2ccc);\r\n
            border-radius: 8px;\r\n
            display: flex;\r\n
            align-items: center;\r\n
            justify-content: center;\r\n
            color: white;\r\n
            flex-shrink: 0;\r\n
            box-shadow: 0 4px 15px rgba(149, 53, 255, 0.3);\r\n
        }\r\n
    \r\n
        .value-prop-icon svg {\r\n
            width: 24px;\r\n
            height: 24px;\r\n
            stroke: currentColor;\r\n
            fill: none;\r\n
            stroke-width: 2;\r\n
        }\r\n
    \r\n
        .value-prop-content {\r\n
            flex: 1;\r\n
        }\r\n
    \r\n
        .value-prop-title {\r\n
            font-size: 1.1rem;\r\n
            font-weight: 700;\r\n
            color: white;\r\n
            margin-bottom: 5px;\r\n
        }\r\n
    \r\n
        .value-prop-description {\r\n
            font-size: 0.95rem;\r\n
            color: rgba(255, 255, 255, 0.8);\r\n
            line-height: 1.4;\r\n
        }\r\n
    \r\n
        .hero-cta-section {\r\n
            display: flex;\r\n
            gap: 20px;\r\n
            align-items: center;\r\n
            flex-wrap: wrap;\r\n
        }\r\n
    \r\n
        .hero-cta-primary {\r\n
            background: linear-gradient(135deg, var(--ai-hub-purple), #7c2ccc);\r\n
            color: white;\r\n
            padding: 20px 40px;\r\n
            border-radius: 8px;\r\n
            font-weight: 700;\r\n
            font-size: 1.1rem;\r\n
            text-decoration: none;\r\n
            display: inline-flex;\r\n
            align-items: center;\r\n
            gap: 12px;\r\n
            box-shadow: 0 8px 25px rgba(149, 53, 255, 0.3);\r\n
            transition: all 0.3s ease;\r\n
            border: none;\r\n
            cursor: pointer;\r\n
        }\r\n
    \r\n
        .hero-cta-primary:hover {\r\n
            transform: translateY(-2px);\r\n
            box-shadow: 0 12px 35px rgba(124, 44, 204, 0.5);\r\n
            text-decoration: none;\r\n
            color: white;\r\n
        }\r\n
    \r\n
        .hero-cta-secondary {\r\n
            background: transparent;\r\n
            color: white;\r\n
            padding: 20px 40px;\r\n
            border: 2px solid rgba(255, 255, 255, 0.5);\r\n
            border-radius: 8px;\r\n
            font-weight: 700;\r\n
            font-size: 1.1rem;\r\n
            text-decoration: none;\r\n
            display: inline-flex;\r\n
            align-items: center;\r\n
            gap: 12px;\r\n
            transition: all 0.3s ease;\r\n
        }\r\n
    \r\n
        .hero-cta-secondary:hover {\r\n
            background: rgba(255, 255, 255, 0.1);\r\n
            border-color: white;\r\n
            transform: translateY(-2px);\r\n
            text-decoration: none;\r\n
            color: white;\r\n
        }\r\n
    \r\n
        /* Product Showcase Grid */\r\n
        .product-showcase {\r\n
            position: relative;\r\n
            width: 100%;\r\n
            max-width: 600px;\r\n
            height: 500px;\r\n
        }\r\n
    \r\n
        .showcase-grid {\r\n
            display: grid;\r\n
            grid-template-columns: 1fr 1fr;\r\n
            grid-template-rows: 1fr 1fr;\r\n
            gap: 20px;\r\n
            height: 100%;\r\n
            width: 100%;\r\n
        }\r\n
    \r\n
        .product-card {\r\n
            background: rgba(255, 255, 255, 0.05);\r\n
            backdrop-filter: blur(15px);\r\n
            border-radius: 20px;\r\n
            padding: 25px;\r\n
            border: 1px solid rgba(255, 255, 255, 0.1);\r\n
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\r\n
            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n
            position: relative;\r\n
            overflow: hidden;\r\n
            display: flex;\r\n
            flex-direction: column;\r\n
            justify-content: space-between;\r\n
        }\r\n
    \r\n
        .product-card:hover {\r\n
            transform: translateY(-5px) scale(1.02);\r\n
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\r\n
            border-color: rgba(122, 184, 0, 0.4);\r\n
        }\r\n
    \r\n
        .product-card::before {\r\n
            content: '';\r\n
            position: absolute;\r\n
            top: 0;\r\n
            left: 0;\r\n
            right: 0;\r\n
            height: 3px;\r\n
            background: linear-gradient(135deg, var(--primary-green), var(--ai-hub-purple));\r\n
            transform: scaleX(0);\r\n
            transition: transform 0.3s ease;\r\n
        }\r\n
    \r\n
        .product-card:hover::before {\r\n
            transform: scaleX(1);\r\n
        }\r\n
    \r\n
        /* Individual card styling */\r\n
        .product-card.zertifikat {\r\n
            background: linear-gradient(135deg, rgba(122, 184, 0, 0.1), rgba(140, 198, 25, 0.05));\r\n
        }\r\n
    \r\n
        .product-card.workshop {\r\n
            background: linear-gradient(135deg, rgba(149, 53, 255, 0.1), rgba(124, 44, 204, 0.05));\r\n
        }\r\n
    \r\n
        .product-card.corporate {\r\n
            background: linear-gradient(135deg, rgba(0, 128, 187, 0.1), rgba(74, 144, 226, 0.05));\r\n
        }\r\n
    \r\n
        .product-card.beratung {\r\n
            background: linear-gradient(135deg, rgba(82, 84, 89, 0.1), rgba(51, 51, 51, 0.05));\r\n
        }\r\n
    \r\n
        .product-icon {\r\n
            width: 50px;\r\n
            height: 50px;\r\n
            border-radius: 12px;\r\n
            display: flex;\r\n
            align-items: center;\r\n
            justify-content: center;\r\n
            margin-bottom: 15px;\r\n
            color: white;\r\n
            flex-shrink: 0;\r\n
        }\r\n
    \r\n
        .product-icon svg {\r\n
            width: 24px;\r\n
            height: 24px;\r\n
            stroke: currentColor;\r\n
            fill: none;\r\n
            stroke-width: 2;\r\n
        }\r\n
    \r\n
        .product-card.zertifikat .product-icon {\r\n
            background: linear-gradient(135deg, var(--primary-green), #8CC619);\r\n
        }\r\n
    \r\n
        .product-card.workshop .product-icon {\r\n
            background: linear-gradient(135deg, var(--ai-hub-purple), #7c2ccc);\r\n
        }\r\n
    \r\n
        .product-card.corporate .product-icon {\r\n
            background: linear-gradient(135deg, var(--secondary-blue), #4A90E2);\r\n
        }\r\n
    \r\n
        .product-card.beratung .product-icon {\r\n
            background: linear-gradient(135deg, var(--tertiary-gray), var(--dark-gray));\r\n
        }\r\n
    \r\n
        .product-title {\r\n
            font-size: 1.1rem;\r\n
            font-weight: 700;\r\n
            color: white;\r\n
            margin-bottom: 8px;\r\n
            line-height: 1.3;\r\n
        }\r\n
    \r\n
        .product-description {\r\n
            font-size: 0.85rem;\r\n
            color: rgba(255, 255, 255, 0.7);\r\n
            line-height: 1.4;\r\n
            margin-bottom: 15px;\r\n
            flex: 1;\r\n
        }\r\n
    \r\n
        .product-meta {\r\n
            display: flex;\r\n
            align-items: center;\r\n
            gap: 8px;\r\n
            font-size: 0.8rem;\r\n
            color: rgba(255, 255, 255, 0.6);\r\n
        }\r\n
    \r\n
        .meta-badge {\r\n
            background: rgba(255, 255, 255, 0.1);\r\n
            padding: 4px 8px;\r\n
            border-radius: 10px;\r\n
            font-weight: 600;\r\n
        }\r\n
    \r\n
        .product-card.zertifikat .meta-badge {\r\n
            background: rgba(122, 184, 0, 0.2);\r\n
            color: var(--primary-green);\r\n
        }\r\n
    \r\n
        .product-card.workshop .meta-badge {\r\n
            background: rgba(149, 53, 255, 0.2);\r\n
            color: var(--ai-hub-purple);\r\n
        }\r\n
    \r\n
        .product-card.corporate .meta-badge {\r\n
            background: rgba(0, 128, 187, 0.2);\r\n
            color: var(--secondary-blue);\r\n
        }\r\n
    \r\n
        .product-card.beratung .meta-badge {\r\n
            background: rgba(82, 84, 89, 0.2);\r\n
            color: var(--tertiary-gray);\r\n
        }\r\n
    \r\n
        /* Floating animation for cards */\r\n
        .product-card {\r\n
            animation: float 6s ease-in-out infinite;\r\n
        }\r\n
    \r\n
        .product-card:nth-child(1) { animation-delay: 0s; }\r\n
        .product-card:nth-child(2) { animation-delay: 1.5s; }\r\n
        .product-card:nth-child(3) { animation-delay: 3s; }\r\n
        .product-card:nth-child(4) { animation-delay: 4.5s; }\r\n
    \r\n
        @keyframes float {\r\n
            0%, 100% { transform: translateY(0px); }\r\n
            50% { transform: translateY(-8px); }\r\n
        }\r\n
    \r\n
        /* Connection lines between cards */\r\n
        .showcase-connections {\r\n
            position: absolute;\r\n
            top: 0;\r\n
            left: 0;\r\n
            right: 0;\r\n
            bottom: 0;\r\n
            pointer-events: none;\r\n
            z-index: -1;\r\n
        }\r\n
    \r\n
        .connection-line {\r\n
            position: absolute;\r\n
            background: linear-gradient(45deg, rgba(122, 184, 0, 0.2), rgba(149, 53, 255, 0.2));\r\n
            height: 2px;\r\n
            border-radius: 1px;\r\n
            animation: connectionPulse 4s ease-in-out infinite;\r\n
        }\r\n
    \r\n
        .connection-line.horizontal-top {\r\n
            top: 25%;\r\n
            left: 45%;\r\n
            width: 10%;\r\n
        }\r\n
    \r\n
        .connection-line.horizontal-bottom {\r\n
            bottom: 25%;\r\n
            left: 45%;\r\n
            width: 10%;\r\n
            animation-delay: 2s;\r\n
        }\r\n
    \r\n
        .connection-line.vertical-left {\r\n
            left: 25%;\r\n
            top: 45%;\r\n
            height: 10%;\r\n
            width: 2px;\r\n
            animation-delay: 1s;\r\n
        }\r\n
    \r\n
        .connection-line.vertical-right {\r\n
            right: 25%;\r\n
            top: 45%;\r\n
            height: 10%;\r\n
            width: 2px;\r\n
            animation-delay: 3s;\r\n
        }\r\n
    \r\n
        @keyframes connectionPulse {\r\n
            0%, 100% { opacity: 0.2; }\r\n
            50% { opacity: 0.6; }\r\n
        }\r\n
        /* ========== ENDE NEUER HERO SECTION ========== */\r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
       /* Warum STARTPLATZ Section */\r\n
       .why-startplatz-section {\r\n
            background: linear-gradient(135deg, #f8f9fa 0%, rgba(149, 53, 255, 0.05) 100%);\r\n
            padding: 80px 0;\r\n
            position: relative;\r\n
            overflow: hidden;\r\n
        }\r\n
    \r\n
        /* Subtiler KI-Pattern Hintergrund */\r\n
        .why-startplatz-section::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 800 600"><defs><filter id="glow"><feGaussianBlur stdDeviation="2" result="coloredBlur"/><feMerge><feMergeNode in="coloredBlur"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g opacity="0.6"><circle cx="100" cy="80" r="2" fill="rgba(149,53,255,0.4)" filter="url(%23glow)"><animate attributeName="r" values="1.5;3;1.5" dur="4s" repeatCount="indefinite"/></circle><circle cx="200" cy="120" r="1.5" fill="rgba(149,53,255,0.3)" filter="url(%23glow)"><animate attributeName="r" values="1;2.5;1" dur="5s" repeatCount="indefinite"/></circle><circle cx="350" cy="100" r="2.5" fill="rgba(149,53,255,0.5)" filter="url(%23glow)"><animate attributeName="r" values="2;4;2" dur="3.5s" repeatCount="indefinite"/></circle><circle cx="500" cy="140" r="2" fill="rgba(149,53,255,0.3)" filter="url(%23glow)"><animate attributeName="r" values="1.5;3.5;1.5" dur="4.2s" repeatCount="indefinite"/></circle><line x1="100" y1="80" x2="200" y2="120" stroke="rgba(149,53,255,0.2)" stroke-width="1" filter="url(%23glow)"><animate attributeName="opacity" values="0.1;0.4;0.1" dur="6s" repeatCount="indefinite"/></line><line x1="200" y1="120" x2="350" y2="100" stroke="rgba(149,53,255,0.2)" stroke-width="1" filter="url(%23glow)"><animate attributeName="opacity" values="0.1;0.3;0.1" dur="5.5s" repeatCount="indefinite"/></line></g></svg>');\r\n
            background-size: 800px 600px;\r\n
            background-repeat: repeat;\r\n
            animation: patternFloat 20s linear infinite;\r\n
            opacity: 0.3;\r\n
            z-index: 0;\r\n
        }\r\n
    \r\n
        @keyframes patternFloat {\r\n
            0% { background-position: 0% 0%; }\r\n
            100% { background-position: 100% 100%; }\r\n
        }\r\n
    \r\n
        .why-startplatz-content {\r\n
            position: relative;\r\n
            z-index: 2;\r\n
        }\r\n
    \r\n
        /* Header */\r\n
        .why-header {\r\n
            text-align: center;\r\n
            margin-bottom: 60px;\r\n
        }\r\n
    \r\n
        .why-badge {\r\n
            display: inline-flex;\r\n
            align-items: center;\r\n
            gap: 8px;\r\n
            background: linear-gradient(135deg, var(--ai-hub-purple), var(--ai-hub-purple-light));\r\n
            color: white;\r\n
            padding: 12px 24px;\r\n
            border-radius: 8px;\r\n
            font-size: 0.9rem;\r\n
            font-weight: 700;\r\n
            text-transform: uppercase;\r\n
            letter-spacing: 0.5px;\r\n
            margin-bottom: 30px;\r\n
            box-shadow: 0 4px 15px rgba(149, 53, 255, 0.3);\r\n
        }\r\n
    \r\n
        .why-title {\r\n
            font-size: 3rem;\r\n
            font-weight: 800;\r\n
            color: var(--tertiary-gray);\r\n
            margin-bottom: 25px;\r\n
            line-height: 1.2;\r\n
        }\r\n
    \r\n
        .why-title .highlight {\r\n
            color: var(--ai-hub-purple);\r\n
            position: relative;\r\n
        }\r\n
    \r\n
        .why-subtitle {\r\n
            font-size: 1.3rem;\r\n
            color: var(--tertiary-gray);\r\n
            opacity: 0.8;\r\n
            max-width: 700px;\r\n
            margin: 0 auto;\r\n
            line-height: 1.6;\r\n
        }\r\n
    \r\n
        /* Stats Row */\r\n
        .stats-showcase {\r\n
            display: grid;\r\n
            grid-template-columns: repeat(4, 1fr);\r\n
            gap: 30px;\r\n
            margin: 60px 0;\r\n
            padding: 50px 40px;\r\n
            background: white;\r\n
            border-radius: 20px;\r\n
            box-shadow: 0 10px 40px rgba(149, 53, 255, 0.1);\r\n
            border: 1px solid rgba(149, 53, 255, 0.1);\r\n
        }\r\n
    \r\n
        .stat-item {\r\n
            text-align: center;\r\n
            position: relative;\r\n
        }\r\n
    \r\n
        .stat-item::before {\r\n
            content: '';\r\n
            position: absolute;\r\n
            top: -20px;\r\n
            left: 50%;\r\n
            transform: translateX(-50%);\r\n
            width: 60px;\r\n
            height: 4px;\r\n
            background: linear-gradient(90deg, var(--ai-hub-purple), var(--ai-hub-purple-light));\r\n
            border-radius: 2px;\r\n
        }\r\n
    \r\n
        .stat-number {\r\n
            font-size: 3rem;\r\n
            font-weight: 800;\r\n
            color: var(--ai-hub-purple);\r\n
            margin-bottom: 8px;\r\n
            line-height: 1;\r\n
            display: block;\r\n
        }\r\n
    \r\n
        .stat-label {\r\n
            font-size: 1rem;\r\n
            font-weight: 600;\r\n
            color: var(--tertiary-gray);\r\n
            text-transform: uppercase;\r\n
            letter-spacing: 0.5px;\r\n
        }\r\n
    \r\n
        /* Features Grid */\r\n
        .features-grid {\r\n
            display: grid;\r\n
            grid-template-columns: repeat(2, 1fr);\r\n
            gap: 30px;\r\n
            margin-top: 50px;\r\n
        }\r\n
    \r\n
        .feature-card {\r\n
            background: white;\r\n
            padding: 35px 30px;\r\n
            border-radius: 16px;\r\n
            box-shadow: 0 6px 25px rgba(149, 53, 255, 0.08);\r\n
            border: 1px solid rgba(149, 53, 255, 0.1);\r\n
            transition: all 0.3s ease;\r\n
            position: relative;\r\n
            overflow: hidden;\r\n
        }\r\n
    \r\n
        .feature-card::before {\r\n
            content: '';\r\n
            position: absolute;\r\n
            top: 0;\r\n
            left: 0;\r\n
            right: 0;\r\n
            height: 4px;\r\n
            background: linear-gradient(90deg, var(--ai-hub-purple), var(--ai-hub-purple-light));\r\n
            transform: scaleX(0);\r\n
            transition: transform 0.3s ease;\r\n
        }\r\n
    \r\n
        .feature-card:hover {\r\n
            transform: translateY(-5px);\r\n
            box-shadow: 0 15px 50px rgba(149, 53, 255, 0.15);\r\n
            border-color: rgba(149, 53, 255, 0.2);\r\n
        }\r\n
    \r\n
        .feature-card:hover::before {\r\n
            transform: scaleX(1);\r\n
        }\r\n
    \r\n
        .feature-icon {\r\n
            width: 60px;\r\n
            height: 60px;\r\n
            background: linear-gradient(135deg, var(--ai-hub-purple), var(--ai-hub-purple-light));\r\n
            border-radius: 12px;\r\n
            display: flex;\r\n
            align-items: center;\r\n
            justify-content: center;\r\n
            margin-bottom: 20px;\r\n
            box-shadow: 0 6px 20px rgba(149, 53, 255, 0.3);\r\n
        }\r\n
    \r\n
        .feature-icon svg {\r\n
            width: 28px;\r\n
            height: 28px;\r\n
            stroke: white;\r\n
            fill: none;\r\n
            stroke-width: 2;\r\n
        }\r\n
    \r\n
        .feature-title {\r\n
            font-size: 1.3rem;\r\n
            font-weight: 700;\r\n
            color: var(--tertiary-gray);\r\n
            margin-bottom: 15px;\r\n
            line-height: 1.3;\r\n
        }\r\n
    \r\n
        .feature-description {\r\n
            font-size: 1rem;\r\n
            color: var(--tertiary-gray);\r\n
            opacity: 0.85;\r\n
            line-height: 1.6;\r\n
        }\r\n
    \r\n
        /* CTA Section */\r\n
        .why-cta {\r\n
            text-align: center;\r\n
            margin-top: 60px;\r\n
        }\r\n
    \r\n
        .cta-title {\r\n
            font-size: 2rem;\r\n
            font-weight: 700;\r\n
            color: var(--tertiary-gray);\r\n
            margin-bottom: 20px;\r\n
        }\r\n
    \r\n
        .cta-description {\r\n
            font-size: 1.1rem;\r\n
            color: var(--tertiary-gray);\r\n
            opacity: 0.8;\r\n
            margin-bottom: 40px;\r\n
            max-width: 600px;\r\n
            margin-left: auto;\r\n
            margin-right: auto;\r\n
        }\r\n
    \r\n
        .cta-buttons {\r\n
            display: flex;\r\n
            gap: 20px;\r\n
            justify-content: center;\r\n
            flex-wrap: wrap;\r\n
        }\r\n
    \r\n
        .btn {\r\n
            display: inline-block;\r\n
            padding: 18px 36px;\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
            border: none;\r\n
        }\r\n
    \r\n
        .btn-purple {\r\n
            background: linear-gradient(135deg, var(--ai-hub-purple), var(--ai-hub-purple-light));\r\n
            color: white;\r\n
            box-shadow: 0 4px 15px rgba(149, 53, 255, 0.3);\r\n
        }\r\n
    \r\n
        .btn-purple:hover {\r\n
            transform: translateY(-2px);\r\n
            box-shadow: 0 8px 25px rgba(149, 53, 255, 0.4);\r\n
            text-decoration: none;\r\n
            color: white;\r\n
        }\r\n
    \r\n
        .btn-outline {\r\n
            background: transparent;\r\n
            color: var(--ai-hub-purple);\r\n
            border: 2px solid var(--ai-hub-purple);\r\n
        }\r\n
    \r\n
        .btn-outline:hover {\r\n
            background: var(--ai-hub-purple);\r\n
            color: white;\r\n
            text-decoration: none;\r\n
        }\r\n
    \r\n
        /* Mobile Responsive */\r\n
        @media (max-width: 991px) {\r\n
            .why-startplatz-section {\r\n
                padding: 60px 0;\r\n
            }\r\n
    \r\n
            .why-title {\r\n
                font-size: 2.5rem;\r\n
            }\r\n
    \r\n
            .stats-showcase {\r\n
                grid-template-columns: repeat(2, 1fr);\r\n
                gap: 25px;\r\n
                padding: 40px 30px;\r\n
                margin: 50px 0;\r\n
            }\r\n
    \r\n
            .stat-number {\r\n
                font-size: 2.5rem;\r\n
            }\r\n
    \r\n
            .features-grid {\r\n
                grid-template-columns: 1fr;\r\n
                gap: 25px;\r\n
                margin-top: 40px;\r\n
            }\r\n
    \r\n
            .feature-card {\r\n
                padding: 30px 25px;\r\n
            }\r\n
        }\r\n
    \r\n
        @media (max-width: 768px) {\r\n
            .container {\r\n
                padding: 0 15px;\r\n
            }\r\n
    \r\n
            .why-startplatz-section {\r\n
                padding: 50px 0;\r\n
            }\r\n
    \r\n
            .why-header {\r\n
                margin-bottom: 40px;\r\n
            }\r\n
    \r\n
            .why-title {\r\n
                font-size: 2rem;\r\n
                margin-bottom: 20px;\r\n
            }\r\n
    \r\n
            .stats-showcase {\r\n
                grid-template-columns: 1fr;\r\n
                gap: 20px;\r\n
                padding: 30px 20px;\r\n
                margin: 40px 0;\r\n
            }\r\n
    \r\n
            .stat-number {\r\n
                font-size: 2.2rem;\r\n
            }\r\n
    \r\n
            .feature-card {\r\n
                padding: 25px 20px;\r\n
            }\r\n
    \r\n
            .feature-icon {\r\n
                width: 50px;\r\n
                height: 50px;\r\n
            }\r\n
    \r\n
            .feature-icon svg {\r\n
                width: 24px;\r\n
                height: 24px;\r\n
            }\r\n
    \r\n
            .feature-title {\r\n
                font-size: 1.2rem;\r\n
            }\r\n
        }\r\n
    \r\n
        /* Entrance animations */\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
        .stat-item {\r\n
            opacity: 0;\r\n
            transform: translateY(20px);\r\n
            animation: fadeUpStat 0.6s ease forwards;\r\n
        }\r\n
    \r\n
        .stat-item:nth-child(1) { animation-delay: 0.1s; }\r\n
        .stat-item:nth-child(2) { animation-delay: 0.2s; }\r\n
        .stat-item:nth-child(3) { animation-delay: 0.3s; }\r\n
        .stat-item:nth-child(4) { animation-delay: 0.4s; }\r\n
    \r\n
        @keyframes fadeUpStat {\r\n
            to {\r\n
                opacity: 1;\r\n
                transform: translateY(0);\r\n
            }\r\n
        }\r\n
    \r\n
        .feature-card {\r\n
            opacity: 0;\r\n
            transform: translateY(20px);\r\n
            animation: fadeUpFeature 0.6s ease forwards;\r\n
        }\r\n
    \r\n
        .feature-card:nth-child(1) { animation-delay: 0.2s; }\r\n
        .feature-card:nth-child(2) { animation-delay: 0.3s; }\r\n
        .feature-card:nth-child(3) { animation-delay: 0.4s; }\r\n
        .feature-card:nth-child(4) { animation-delay: 0.5s; }\r\n
    \r\n
        @keyframes fadeUpFeature {\r\n
            to {\r\n
                opacity: 1;\r\n
                transform: translateY(0);\r\n
            }\r\n
        }\r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
        /* ========== PROFESSIONELLE PROGRAMM CARDS ========== */\r\n
        \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
        /* Alternating section backgrounds */\r\n
        .section:nth-child(odd) {\r\n
            background: linear-gradient(135deg, \r\n
                var(--ai-hub-purple-ultra-light) 0%, \r\n
                var(--ai-hub-purple-soft) 20%, \r\n
                var(--ai-hub-purple-ultra-light) 60%, \r\n
                #ffffff 100%);\r\n
        }\r\n
    \r\n
        .section:nth-child(even) {\r\n
            background: linear-gradient(135deg, \r\n
                #ffffff 0%, \r\n
                rgba(248, 245, 255, 0.5) 50%, \r\n
                #ffffff 100%);\r\n
        }\r\n
    \r\n
        /* Animated background patterns */\r\n
        .section::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 1000 800"><defs><filter id="glow"><feGaussianBlur stdDeviation="2" result="coloredBlur"/><feMerge><feMergeNode in="coloredBlur"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g opacity="0.3"><circle cx="150" cy="150" r="2" fill="rgba(149,53,255,0.4)" filter="url(%23glow)"><animate attributeName="cy" values="150;200;150" dur="8s" repeatCount="indefinite"/></circle><circle cx="400" cy="250" r="1.5" fill="rgba(149,53,255,0.3)" filter="url(%23glow)"><animate attributeName="cy" values="250;300;250" dur="6s" repeatCount="indefinite"/></circle><circle cx="700" cy="200" r="2.5" fill="rgba(149,53,255,0.35)" filter="url(%23glow)"><animate attributeName="cy" values="200;250;200" dur="7s" repeatCount="indefinite"/></circle><circle cx="850" cy="180" r="1.8" fill="rgba(149,53,255,0.25)" filter="url(%23glow)"><animate attributeName="cy" values="180;230;180" dur="9s" repeatCount="indefinite"/></circle></g></svg>');\r\n
            background-size: 1000px 800px;\r\n
            background-repeat: repeat;\r\n
            animation: sectionFloat 35s linear infinite;\r\n
            opacity: 0.6;\r\n
            z-index: 0;\r\n
        }\r\n
    \r\n
        @keyframes sectionFloat {\r\n
            0% { background-position: 0% 0%; }\r\n
            100% { background-position: 100% 100%; }\r\n
        }\r\n
    \r\n
        /* Section Headers */\r\n
        .text-center {\r\n
            text-align: center;\r\n
            position: relative;\r\n
            z-index: 2;\r\n
        }\r\n
    \r\n
        .section-title {\r\n
            font-size: 2.8rem;\r\n
            font-weight: 800;\r\n
            color: var(--tertiary-gray);\r\n
            margin-bottom: 20px;\r\n
            line-height: 1.2;\r\n
            position: relative;\r\n
        }\r\n
    \r\n
        .section-description {\r\n
            font-size: 1.2rem;\r\n
            color: var(--tertiary-gray);\r\n
            opacity: 0.8;\r\n
            max-width: 600px;\r\n
            margin: 0 auto 60px;\r\n
            line-height: 1.6;\r\n
        }\r\n
    \r\n
    \r\n
    \r\n
    \r\n
       /* Programs Grid */\r\n
       .programs-grid {\r\n
            display: grid;\r\n
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n
            gap: 30px;\r\n
            position: relative;\r\n
            z-index: 2;\r\n
        }\r\n
    \r\n
        /* Program Cards */\r\n
        .program-card {\r\n
            background: linear-gradient(135deg, \r\n
                rgba(255, 255, 255, 0.95) 0%, \r\n
                rgba(248, 245, 255, 0.95) 100%);\r\n
            backdrop-filter: blur(15px);\r\n
            border-radius: 20px;\r\n
            padding: 0;\r\n
            cursor: pointer;\r\n
            transition: all 0.3s ease;\r\n
            box-shadow: 0 8px 30px rgba(149, 53, 255, 0.1);\r\n
            border: 1px solid rgba(149, 53, 255, 0.12);\r\n
            overflow: hidden;\r\n
            position: relative;\r\n
            min-height: 450px;\r\n
            display: flex;\r\n
            flex-direction: column;\r\n
        }\r\n
    \r\n
        .program-card::before {\r\n
            content: '';\r\n
            position: absolute;\r\n
            top: 0;\r\n
            left: 0;\r\n
            right: 0;\r\n
            height: 4px;\r\n
            background: linear-gradient(90deg, var(--ai-hub-purple), var(--ai-hub-purple-light));\r\n
            transform: scaleX(0);\r\n
            transition: transform 0.3s ease;\r\n
        }\r\n
    \r\n
        .program-card:hover {\r\n
            transform: translateY(-8px);\r\n
            box-shadow: 0 15px 50px rgba(149, 53, 255, 0.2);\r\n
            border-color: rgba(149, 53, 255, 0.25);\r\n
        }\r\n
    \r\n
        .program-card:hover::before {\r\n
            transform: scaleX(1);\r\n
        }\r\n
    \r\n
        /* Program Header */\r\n
        .program-header {\r\n
            padding: 35px 30px 25px;\r\n
            flex: 1;\r\n
        }\r\n
    \r\n
        .program-icon {\r\n
            width: 70px;\r\n
            height: 70px;\r\n
            border-radius: 18px;\r\n
            display: flex;\r\n
            align-items: center;\r\n
            justify-content: center;\r\n
            margin-bottom: 25px;\r\n
            box-shadow: 0 6px 20px rgba(149, 53, 255, 0.25);\r\n
        }\r\n
    \r\n
        .program-icon svg {\r\n
            width: 32px;\r\n
            height: 32px;\r\n
            stroke: white;\r\n
            fill: none;\r\n
            stroke-width: 2;\r\n
        }\r\n
    \r\n
        /* Icon color variants */\r\n
        .icon-corporate {\r\n
            background: linear-gradient(135deg, var(--secondary-blue), #4A90E2);\r\n
        }\r\n
    \r\n
        .icon-zertifikat {\r\n
            background: linear-gradient(135deg, var(--primary-green), #8CC619);\r\n
        }\r\n
    \r\n
        .icon-workshop {\r\n
            background: linear-gradient(135deg, var(--ai-hub-purple), var(--ai-hub-purple-light));\r\n
        }\r\n
    \r\n
        .icon-beratung {\r\n
            background: linear-gradient(135deg, var(--tertiary-gray), var(--dark-gray));\r\n
        }\r\n
    \r\n
        .program-title {\r\n
            font-size: 1.6rem;\r\n
            font-weight: 700;\r\n
            color: var(--tertiary-gray);\r\n
            margin-bottom: 15px;\r\n
            line-height: 1.3;\r\n
        }\r\n
    \r\n
        .program-short-description {\r\n
            font-size: 1rem;\r\n
            line-height: 1.6;\r\n
            color: var(--tertiary-gray);\r\n
            opacity: 0.9;\r\n
            margin-bottom: 25px;\r\n
        }\r\n
    \r\n
        /* Key Info - Überarbeitet mit Lila-Tönen */\r\n
        .program-key-info {\r\n
            margin-bottom: 25px;\r\n
            background: rgba(149, 53, 255, 0.05);\r\n
            padding: 20px;\r\n
            border-radius: 12px;\r\n
            border: 1px solid rgba(149, 53, 255, 0.1);\r\n
        }\r\n
    \r\n
        .key-info-item {\r\n
            display: flex;\r\n
            justify-content: space-between;\r\n
            align-items: center;\r\n
            margin-bottom: 12px;\r\n
            font-size: 1rem;\r\n
            padding: 8px 0;\r\n
        }\r\n
    \r\n
        .key-info-item:last-child {\r\n
            margin-bottom: 0;\r\n
        }\r\n
    \r\n
        .key-info-label {\r\n
            color: var(--tertiary-gray);\r\n
            font-weight: 600;\r\n
            font-size: 0.95rem;\r\n
        }\r\n
    \r\n
        .key-info-value {\r\n
            font-weight: 700;\r\n
            padding: 6px 14px;\r\n
            border-radius: 8px;\r\n
            font-size: 0.9rem;\r\n
            background: #f8f9fa;\r\n
            color: var(--tertiary-gray);\r\n
            border: 1px solid #e9ecef;\r\n
        }\r\n
        \r\n
    \r\n
        /* Dezente Variationen nur mit Lila-Tönen */\r\n
        .key-info-value.light {\r\n
            background: var(--ai-hub-purple-light);\r\n
        }\r\n
    \r\n
        .key-info-value.dark {\r\n
            background: var(--ai-hub-purple-dark);\r\n
        }\r\n
    \r\n
        .key-info-value.gray {\r\n
            background: var(--tertiary-gray);\r\n
            color: white;\r\n
        }\r\n
    \r\n
        /* Meta Tags */\r\n
        .program-meta-compact {\r\n
            display: flex;\r\n
            gap: 8px;\r\n
            flex-wrap: wrap;\r\n
        }\r\n
    \r\n
        .meta-tag {\r\n
            padding: 6px 14px;\r\n
            border-radius: 20px;\r\n
            font-size: 0.8rem;\r\n
            font-weight: 700;\r\n
            text-transform: uppercase;\r\n
            letter-spacing: 0.3px;\r\n
            background: #f1f3f4;\r\n
            color: var(--tertiary-gray);\r\n
            border: 1px solid #dee2e6;\r\n
        }\r\n
        \r\n
    \r\n
        /* Program Footer */\r\n
        .program-footer {\r\n
            padding: 25px 30px;\r\n
            border-top: 1px solid rgba(149, 53, 255, 0.1);\r\n
            background: rgba(149, 53, 255, 0.02);\r\n
            display: flex;\r\n
            justify-content: space-between;\r\n
            align-items: center;\r\n
            margin-top: auto;\r\n
        }\r\n
    \r\n
        .program-price {\r\n
            font-size: 1.1rem;\r\n
            font-weight: 700;\r\n
            color: var(--ai-hub-purple-dark);\r\n
        }\r\n
    \r\n
        .learn-more-btn {\r\n
            display: flex;\r\n
            align-items: center;\r\n
            gap: 8px;\r\n
            color: var(--ai-hub-purple-dark);\r\n
            font-weight: 600;\r\n
            font-size: 0.95rem;\r\n
            transition: all 0.3s ease;\r\n
        }\r\n
    \r\n
        .learn-more-btn span {\r\n
            transition: transform 0.3s ease;\r\n
        }\r\n
    \r\n
        .program-card:hover .learn-more-btn span {\r\n
            transform: translateX(3px);\r\n
        }\r\n
    \r\n
    /* Modal Styles */\r\n
    .modal {\r\n
            display: none;\r\n
            position: fixed;\r\n
            z-index: 1000;\r\n
            left: 0;\r\n
            top: 0;\r\n
            width: 100%;\r\n
            height: 100%;\r\n
            background-color: rgba(0, 0, 0, 0.8);\r\n
            backdrop-filter: blur(5px);\r\n
        }\r\n
    \r\n
        .modal-content {\r\n
            background: linear-gradient(135deg, \r\n
                rgba(255, 255, 255, 0.98) 0%, \r\n
                rgba(248, 245, 255, 0.98) 100%);\r\n
            backdrop-filter: blur(20px);\r\n
            margin: 5% auto;\r\n
            padding: 0;\r\n
            border-radius: 25px;\r\n
            width: 90%;\r\n
            max-width: 800px;\r\n
            box-shadow: 0 25px 80px rgba(124, 44, 204, 0.3);\r\n
            border: 1px solid rgba(124, 44, 204, 0.2);\r\n
            animation: modalSlideIn 0.3s ease-out;\r\n
            max-height: 90vh;\r\n
            overflow-y: auto;\r\n
        }\r\n
    \r\n
        @keyframes modalSlideIn {\r\n
            from {\r\n
                transform: translateY(-50px);\r\n
                opacity: 0;\r\n
            }\r\n
            to {\r\n
                transform: translateY(0);\r\n
                opacity: 1;\r\n
            }\r\n
        }\r\n
    \r\n
        .modal-header {\r\n
            padding: 40px 40px 30px;\r\n
            border-bottom: 1px solid rgba(149, 53, 255, 0.15);\r\n
            position: relative;\r\n
        }\r\n
        \r\n
        .modal-header-content {\r\n
            display: flex;\r\n
            align-items: flex-start;\r\n
            gap: 25px;\r\n
        }\r\n
    \r\n
        .modal-close {\r\n
            position: absolute;\r\n
            right: 25px;\r\n
            top: 25px;\r\n
            font-size: 2rem;\r\n
            font-weight: bold;\r\n
            color: var(--ai-hub-purple);\r\n
            cursor: pointer;\r\n
            width: 40px;\r\n
            height: 40px;\r\n
            border-radius: 50%;\r\n
            background: rgba(149, 53, 255, 0.1);\r\n
            display: flex;\r\n
            align-items: center;\r\n
            justify-content: center;\r\n
            transition: all 0.3s ease;\r\n
        }\r\n
    \r\n
        .modal-close:hover {\r\n
            background: var(--ai-hub-purple);\r\n
            color: white;\r\n
            transform: rotate(90deg);\r\n
        }\r\n
    \r\n
        .modal-icon {\r\n
            width: 80px;\r\n
            height: 80px;\r\n
            background: linear-gradient(135deg, var(--ai-hub-purple), var(--ai-hub-purple-light));\r\n
            border-radius: 20px;\r\n
            display: flex;\r\n
            align-items: center;\r\n
            justify-content: center;\r\n
            box-shadow: 0 8px 25px rgba(149, 53, 255, 0.3);\r\n
            flex-shrink: 0;\r\n
        }\r\n
        \r\n
        .modal-title-area {\r\n
            flex: 1;\r\n
            padding-top: 8px;\r\n
        }\r\n
    \r\n
        .modal-icon svg {\r\n
            width: 40px;\r\n
            height: 40px;\r\n
            stroke: white;\r\n
            fill: none;\r\n
            stroke-width: 2;\r\n
        }\r\n
    \r\n
        .modal-title {\r\n
            font-size: 2.2rem;\r\n
            font-weight: 800;\r\n
            color: #333333;\r\n
            margin-bottom: 8px;\r\n
            line-height: 1.2;\r\n
        }\r\n
    \r\n
        .modal-subtitle {\r\n
            font-size: 1.1rem;\r\n
            color: var(--ai-hub-purple);\r\n
            font-weight: 600;\r\n
            margin: 0;\r\n
        }\r\n
    \r\n
        .modal-body {\r\n
            display: grid;\r\n
            grid-template-columns: 2fr 1fr;\r\n
            gap: 40px;\r\n
            padding: 40px;\r\n
        }\r\n
    \r\n
        .modal-details h4 {\r\n
            color: #333333;\r\n
            font-size: 1.3rem;\r\n
            font-weight: 700;\r\n
            margin: 25px 0 15px 0;\r\n
        }\r\n
    \r\n
        .modal-details h4:first-child {\r\n
            margin-top: 0;\r\n
        }\r\n
    \r\n
        .modal-details p {\r\n
            font-size: 1rem;\r\n
            line-height: 1.7;\r\n
            color: var(--tertiary-gray);\r\n
            margin-bottom: 20px;\r\n
        }\r\n
    \r\n
        .modal-highlights {\r\n
            list-style: none;\r\n
            margin: 20px 0;\r\n
        }\r\n
    \r\n
        .modal-highlights li {\r\n
            display: flex;\r\n
            align-items: flex-start;\r\n
            gap: 12px;\r\n
            margin-bottom: 15px;\r\n
            font-size: 1rem;\r\n
            line-height: 1.6;\r\n
        }\r\n
    \r\n
        .highlight-icon {\r\n
            width: 24px;\r\n
            height: 24px;\r\n
            background: var(--ai-hub-purple-light);\r\n
            border-radius: 6px;\r\n
            display: flex;\r\n
            align-items: center;\r\n
            justify-content: center;\r\n
            flex-shrink: 0;\r\n
            margin-top: 2px;\r\n
            opacity: 0.8;\r\n
        }\r\n
    \r\n
        .highlight-icon svg {\r\n
            width: 14px;\r\n
            height: 14px;\r\n
            stroke: white;\r\n
            fill: none;\r\n
            stroke-width: 2;\r\n
        }\r\n
    \r\n
        /* Neue Styles für Info Container */\r\n
        .modal-info-container {\r\n
            display: flex;\r\n
            flex-direction: column;\r\n
            gap: 20px;\r\n
        }\r\n
    \r\n
        .modal-info-box {\r\n
            background: linear-gradient(135deg, \r\n
                rgba(149, 53, 255, 0.05) 0%, \r\n
                rgba(149, 53, 255, 0.02) 100%);\r\n
            border: 1px solid rgba(149, 53, 255, 0.15);\r\n
            border-radius: 18px;\r\n
            padding: 30px 25px;\r\n
        }\r\n
    \r\n
        .info-box-title {\r\n
            font-size: 1.2rem;\r\n
            font-weight: 700;\r\n
            color: var(--ai-hub-purple-dark);\r\n
            margin-bottom: 20px;\r\n
            text-align: center;\r\n
        }\r\n
    \r\n
        .info-item {\r\n
            display: flex;\r\n
            align-items: center;\r\n
            gap: 12px;\r\n
            margin-bottom: 15px;\r\n
            font-size: 0.95rem;\r\n
        }\r\n
    \r\n
        .info-icon {\r\n
            width: 20px;\r\n
            height: 20px;\r\n
            stroke: var(--ai-hub-purple-dark);\r\n
            fill: none;\r\n
            stroke-width: 2;\r\n
            flex-shrink: 0;\r\n
        }\r\n
    \r\n
        .info-text {\r\n
            color: var(--tertiary-gray);\r\n
            font-weight: 600;\r\n
        }\r\n
    \r\n
        /* Neue Styles für Termine Box */\r\n
        .modal-dates-box {\r\n
            background: linear-gradient(135deg, \r\n
                rgba(255, 255, 255, 0.9) 0%, \r\n
                rgba(248, 250, 255, 0.9) 100%);\r\n
            border: 2px solid rgba(149, 53, 255, 0.1);\r\n
            border-radius: 18px;\r\n
            padding: 25px 20px;\r\n
            box-shadow: 0 4px 20px rgba(149, 53, 255, 0.1);\r\n
        }\r\n
    \r\n
        .dates-box-title {\r\n
            font-size: 1.2rem;\r\n
            font-weight: 700;\r\n
            color: var(--ai-hub-purple-dark);\r\n
            margin-bottom: 20px;\r\n
            text-align: center;\r\n
        }\r\n
    \r\n
        /* Einfache Termine Liste */\r\n
        .simple-date-list {\r\n
            display: flex;\r\n
            flex-direction: column;\r\n
            gap: 8px;\r\n
            margin-bottom: 15px;\r\n
        }\r\n
    \r\n
        .simple-date {\r\n
            padding: 10px 15px;\r\n
            background: rgba(255, 255, 255, 0.8);\r\n
            border: 1px solid rgba(149, 53, 255, 0.15);\r\n
            border-radius: 8px;\r\n
            font-weight: 600;\r\n
            color: #333;\r\n
            text-align: center;\r\n
            transition: all 0.2s ease;\r\n
        }\r\n
    \r\n
        .simple-date:hover {\r\n
            background: rgba(149, 53, 255, 0.05);\r\n
            border-color: rgba(149, 53, 255, 0.25);\r\n
        }\r\n
    \r\n
        .dates-note {\r\n
            margin-top: 15px;\r\n
            padding: 12px;\r\n
            background: rgba(149, 53, 255, 0.05);\r\n
            border-radius: 10px;\r\n
            font-size: 0.9rem;\r\n
            color: var(--ai-hub-purple-dark);\r\n
            text-align: center;\r\n
            font-style: italic;\r\n
            border: 1px solid rgba(149, 53, 255, 0.1);\r\n
        }\r\n
    \r\n
        .modal-footer {\r\n
            padding: 30px 40px;\r\n
            border-top: 1px solid rgba(149, 53, 255, 0.15);\r\n
            background: rgba(149, 53, 255, 0.02);\r\n
            display: flex;\r\n
            gap: 15px;\r\n
            justify-content: center;\r\n
        }\r\n
    \r\n
        .btn {\r\n
            display: inline-block;\r\n
            padding: 16px 32px;\r\n
            border-radius: 10px;\r\n
            font-weight: 700;\r\n
            font-size: 1rem;\r\n
            text-decoration: none;\r\n
            cursor: pointer;\r\n
            transition: all 0.3s ease;\r\n
            text-align: center;\r\n
            border: none;\r\n
        }\r\n
    \r\n
        .btn-primary {\r\n
            background: linear-gradient(135deg, var(--ai-hub-purple), var(--ai-hub-purple-light));\r\n
            color: white;\r\n
            box-shadow: 0 6px 20px rgba(149, 53, 255, 0.3);\r\n
        }\r\n
    \r\n
        .btn-primary:hover {\r\n
            transform: translateY(-3px);\r\n
            box-shadow: 0 10px 30px rgba(149, 53, 255, 0.4);\r\n
            text-decoration: none;\r\n
            color: white;\r\n
        }\r\n
    \r\n
        .btn-secondary {\r\n
            background: rgba(255, 255, 255, 0.9);\r\n
            color: var(--ai-hub-purple);\r\n
            border: 2px solid var(--ai-hub-purple);\r\n
            backdrop-filter: blur(10px);\r\n
        }\r\n
    \r\n
        .btn-secondary:hover {\r\n
            background: var(--ai-hub-purple);\r\n
            color: white;\r\n
            text-decoration: none;\r\n
            transform: translateY(-2px);\r\n
            box-shadow: 0 6px 20px rgba(149, 53, 255, 0.3);\r\n
        }\r\n
    \r\n
        @media (max-width: 768px) {\r\n
            .modal-header-content {\r\n
                flex-direction: column;\r\n
                align-items: center;\r\n
                text-align: center;\r\n
                gap: 20px;\r\n
            }\r\n
            \r\n
            .modal-title-area {\r\n
                padding-top: 0;\r\n
            }\r\n
            \r\n
            .modal-icon {\r\n
                width: 70px;\r\n
                height: 70px;\r\n
            }\r\n
            \r\n
            .modal-title {\r\n
                font-size: 1.8rem;\r\n
            }\r\n
        }\r\n
    \r\n
        /* Mobile Responsive */\r\n
        @media (max-width: 991px) {\r\n
            .section {\r\n
                padding: 60px 0;\r\n
            }\r\n
    \r\n
            .section-title {\r\n
                font-size: 2.3rem;\r\n
            }\r\n
    \r\n
            .programs-grid {\r\n
                grid-template-columns: 1fr;\r\n
                gap: 25px;\r\n
            }\r\n
    \r\n
            .program-card {\r\n
                min-height: 400px;\r\n
            }\r\n
    \r\n
            .modal-content {\r\n
                margin: 10% auto;\r\n
                width: 95%;\r\n
            }\r\n
    \r\n
            .modal-body {\r\n
                grid-template-columns: 1fr;\r\n
                gap: 30px;\r\n
                padding: 30px;\r\n
            }\r\n
    \r\n
            .modal-info-container {\r\n
                flex-direction: row;\r\n
                gap: 15px;\r\n
            }\r\n
    \r\n
            .modal-info-box,\r\n
            .modal-dates-box {\r\n
                flex: 1;\r\n
            }\r\n
    \r\n
            .modal-header {\r\n
                padding: 30px 30px 25px;\r\n
            }\r\n
    \r\n
            .modal-footer {\r\n
                padding: 25px 30px;\r\n
                flex-direction: column;\r\n
            }\r\n
    \r\n
            .btn {\r\n
                width: 100%;\r\n
            }\r\n
        }\r\n
    \r\n
        @media (max-width: 768px) {\r\n
            .container {\r\n
                padding: 0 15px;\r\n
            }\r\n
    \r\n
            .section {\r\n
                padding: 50px 0;\r\n
            }\r\n
    \r\n
            .section-title {\r\n
                font-size: 2rem;\r\n
                margin-bottom: 15px;\r\n
            }\r\n
    \r\n
            .section-description {\r\n
                font-size: 1rem;\r\n
                margin-bottom: 40px;\r\n
            }\r\n
    \r\n
            .program-card {\r\n
                min-height: 380px;\r\n
            }\r\n
    \r\n
            .program-header {\r\n
                padding: 25px 20px 20px;\r\n
            }\r\n
    \r\n
            .program-footer {\r\n
                padding: 20px;\r\n
                flex-direction: column;\r\n
                gap: 15px;\r\n
                text-align: center;\r\n
            }\r\n
    \r\n
            .program-icon {\r\n
                width: 60px;\r\n
                height: 60px;\r\n
                margin-bottom: 20px;\r\n
            }\r\n
    \r\n
            .program-icon svg {\r\n
                width: 28px;\r\n
                height: 28px;\r\n
            }\r\n
    \r\n
            .program-title {\r\n
                font-size: 1.4rem;\r\n
                margin-bottom: 12px;\r\n
            }\r\n
    \r\n
            .program-short-description {\r\n
                font-size: 0.95rem;\r\n
                margin-bottom: 20px;\r\n
            }\r\n
    \r\n
            .modal-content {\r\n
                margin: 5% auto;\r\n
                width: 98%;\r\n
                max-height: 95vh;\r\n
            }\r\n
    \r\n
            .modal-header {\r\n
                padding: 25px 20px 20px;\r\n
            }\r\n
    \r\n
            .modal-title {\r\n
                font-size: 1.8rem;\r\n
            }\r\n
    \r\n
            .modal-body {\r\n
                padding: 25px 20px;\r\n
                gap: 25px;\r\n
            }\r\n
    \r\n
            .modal-info-container {\r\n
                flex-direction: column;\r\n
                gap: 20px;\r\n
            }\r\n
    \r\n
            .modal-footer {\r\n
                padding: 20px;\r\n
            }\r\n
    \r\n
            /* Mobile Termine Box Optimierungen */\r\n
            .modal-dates-box {\r\n
                padding: 20px 15px;\r\n
            }\r\n
    \r\n
            .simple-date {\r\n
                padding: 8px 12px;\r\n
                font-size: 0.9rem;\r\n
            }\r\n
    \r\n
            .dates-note {\r\n
                padding: 10px;\r\n
                font-size: 0.85rem;\r\n
            }\r\n
        }\r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
        /* Accelerator Referral Section - Mit deutlichem Lila-Gradient von oben links nach unten rechts */\r\n
        .accelerator-referral-section {\r\n
            background: linear-gradient(135deg, \r\n
                rgba(149, 53, 255, 0.16) 0%,     /* Oben links - intensives Lila */\r\n
                rgba(149, 53, 255, 0.12) 20%,    \r\n
                rgba(149, 53, 255, 0.08) 40%,    \r\n
                rgba(149, 53, 255, 0.06) 60%,    \r\n
                rgba(149, 53, 255, 0.04) 80%,    \r\n
                rgba(149, 53, 255, 0.02) 100%);  /* Unten rechts - sehr helles Lila */\r\n
            padding: 60px 0;\r\n
            position: relative;\r\n
            overflow: hidden;\r\n
        }\r\n
    \r\n
        /* Mehr animierte Hintergrund-Partikel */\r\n
        .accelerator-referral-section::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 800 600"><defs><filter id="softGlow"><feGaussianBlur stdDeviation="2" result="coloredBlur"/><feMerge><feMergeNode in="coloredBlur"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g opacity="0.4"><circle cx="100" cy="80" r="2.5" fill="rgba(149,53,255,0.5)" filter="url(%23softGlow)"><animate attributeName="r" values="2;4;2" dur="8s" repeatCount="indefinite"/><animate attributeName="opacity" values="0.4;0.8;0.4" dur="8s" repeatCount="indefinite"/></circle><circle cx="220" cy="120" r="1.5" fill="rgba(181,101,255,0.45)" filter="url(%23softGlow)"><animate attributeName="r" values="1;3;1" dur="10s" repeatCount="indefinite"/><animate attributeName="opacity" values="0.3;0.7;0.3" dur="10s" repeatCount="indefinite"/></circle><circle cx="380" cy="90" r="3" fill="rgba(149,53,255,0.35)" filter="url(%23softGlow)"><animate attributeName="r" values="2.5;5;2.5" dur="6s" repeatCount="indefinite"/><animate attributeName="opacity" values="0.3;0.6;0.3" dur="6s" repeatCount="indefinite"/></circle><circle cx="520" cy="150" r="2" fill="rgba(181,101,255,0.4)" filter="url(%23softGlow)"><animate attributeName="r" values="1.5;3.5;1.5" dur="9s" repeatCount="indefinite"/><animate attributeName="opacity" values="0.35;0.75;0.35" dur="9s" repeatCount="indefinite"/></circle><circle cx="650" cy="70" r="1.5" fill="rgba(149,53,255,0.5)" filter="url(%23softGlow)"><animate attributeName="r" values="1;2.5;1" dur="7s" repeatCount="indefinite"/><animate attributeName="opacity" values="0.4;0.8;0.4" dur="7s" repeatCount="indefinite"/></circle><circle cx="150" cy="250" r="2.5" fill="rgba(181,101,255,0.4)" filter="url(%23softGlow)"><animate attributeName="r" values="2;4.5;2" dur="11s" repeatCount="indefinite"/><animate attributeName="opacity" values="0.3;0.7;0.3" dur="11s" repeatCount="indefinite"/></circle><circle cx="350" cy="280" r="1.8" fill="rgba(149,53,255,0.45)" filter="url(%23softGlow)"><animate attributeName="r" values="1.5;3;1.5" dur="8.5s" repeatCount="indefinite"/><animate attributeName="opacity" values="0.35;0.75;0.35" dur="8.5s" repeatCount="indefinite"/></circle><circle cx="550" cy="320" r="2.2" fill="rgba(181,101,255,0.38)" filter="url(%23softGlow)"><animate attributeName="r" values="2;4;2" dur="10.5s" repeatCount="indefinite"/><animate attributeName="opacity" values="0.3;0.65;0.3" dur="10.5s" repeatCount="indefinite"/></circle><circle cx="720" cy="200" r="1.7" fill="rgba(149,53,255,0.42)" filter="url(%23softGlow)"><animate attributeName="r" values="1.2;2.8;1.2" dur="9.5s" repeatCount="indefinite"/><animate attributeName="opacity" values="0.32;0.72;0.32" dur="9.5s" repeatCount="indefinite"/></circle><circle cx="80" cy="350" r="2.3" fill="rgba(181,101,255,0.46)" filter="url(%23softGlow)"><animate attributeName="r" values="1.8;3.8;1.8" dur="7.5s" repeatCount="indefinite"/><animate attributeName="opacity" values="0.36;0.76;0.36" dur="7.5s" repeatCount="indefinite"/></circle><circle cx="450" cy="420" r="1.4" fill="rgba(149,53,255,0.38)" filter="url(%23softGlow)"><animate attributeName="r" values="1;2.4;1" dur="12s" repeatCount="indefinite"/><animate attributeName="opacity" values="0.28;0.68;0.28" dur="12s" repeatCount="indefinite"/></circle><circle cx="680" cy="380" r="2.1" fill="rgba(181,101,255,0.41)" filter="url(%23softGlow)"><animate attributeName="r" values="1.6;3.6;1.6" dur="8.8s" repeatCount="indefinite"/><animate attributeName="opacity" values="0.31;0.71;0.31" dur="8.8s" repeatCount="indefinite"/></circle></g></svg>');\r\n
            background-size: 800px 600px;\r\n
            background-repeat: repeat;\r\n
            animation: floatingBackground 20s linear infinite;\r\n
            opacity: 0.5;\r\n
            z-index: 0;\r\n
        }\r\n
    \r\n
        /* Noch mehr schwebende Partikel */\r\n
        .accelerator-referral-section::after {\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 1000 700"><g opacity="0.2"><circle cx="150" cy="650" r="1" fill="rgba(149,53,255,0.7)"><animate attributeName="cy" values="650;20;650" dur="15s" repeatCount="indefinite"/><animate attributeName="opacity" values="0;0.7;0" dur="15s" repeatCount="indefinite"/></circle><circle cx="300" cy="680" r="0.8" fill="rgba(181,101,255,0.6)"><animate attributeName="cy" values="680;30;680" dur="18s" repeatCount="indefinite"/><animate attributeName="opacity" values="0;0.6;0" dur="18s" repeatCount="indefinite"/></circle><circle cx="450" cy="620" r="1.2" fill="rgba(149,53,255,0.5)"><animate attributeName="cy" values="620;40;620" dur="12s" repeatCount="indefinite"/><animate attributeName="opacity" values="0;0.5;0" dur="12s" repeatCount="indefinite"/></circle><circle cx="600" cy="700" r="0.9" fill="rgba(181,101,255,0.65)"><animate attributeName="cy" values="700;50;700" dur="16s" repeatCount="indefinite"/><animate attributeName="opacity" values="0;0.65;0" dur="16s" repeatCount="indefinite"/></circle><circle cx="750" cy="640" r="1.1" fill="rgba(149,53,255,0.55)"><animate attributeName="cy" values="640;35;640" dur="14s" repeatCount="indefinite"/><animate attributeName="opacity" values="0;0.55;0" dur="14s" repeatCount="indefinite"/></circle><circle cx="900" cy="670" r="0.7" fill="rgba(181,101,255,0.6)"><animate attributeName="cy" values="670;25;670" dur="19s" repeatCount="indefinite"/><animate attributeName="opacity" values="0;0.6;0" dur="19s" repeatCount="indefinite"/></circle><circle cx="100" cy="660" r="1.3" fill="rgba(149,53,255,0.45)"><animate attributeName="cy" values="660;45;660" dur="13s" repeatCount="indefinite"/><animate attributeName="opacity" values="0;0.45;0" dur="13s" repeatCount="indefinite"/></circle><circle cx="250" cy="630" r="0.9" fill="rgba(181,101,255,0.58)"><animate attributeName="cy" values="630;38;630" dur="17s" repeatCount="indefinite"/><animate attributeName="opacity" values="0;0.58;0" dur="17s" repeatCount="indefinite"/></circle><circle cx="400" cy="690" r="1.4" fill="rgba(149,53,255,0.52)"><animate attributeName="cy" values="690;28;690" dur="11s" repeatCount="indefinite"/><animate attributeName="opacity" values="0;0.52;0" dur="11s" repeatCount="indefinite"/></circle><circle cx="550" cy="650" r="0.8" fill="rgba(181,101,255,0.63)"><animate attributeName="cy" values="650;32;650" dur="20s" repeatCount="indefinite"/><animate attributeName="opacity" values="0;0.63;0" dur="20s" repeatCount="indefinite"/></circle><circle cx="700" cy="610" r="1.1" fill="rgba(149,53,255,0.48)"><animate attributeName="cy" values="610;42;610" dur="15.5s" repeatCount="indefinite"/><animate attributeName="opacity" values="0;0.48;0" dur="15.5s" repeatCount="indefinite"/></circle><circle cx="850" cy="680" r="1.2" fill="rgba(181,101,255,0.56)"><animate attributeName="cy" values="680;22;680" dur="18.5s" repeatCount="indefinite"/><animate attributeName="opacity" values="0;0.56;0" dur="18.5s" repeatCount="indefinite"/></circle></g></svg>');\r\n
            background-size: 1000px 700px;\r\n
            background-repeat: repeat;\r\n
            animation: floatingParticles 25s linear infinite;\r\n
            opacity: 0.4;\r\n
            z-index: 1;\r\n
        }\r\n
    \r\n
        @keyframes floatingBackground {\r\n
            0% { \r\n
                background-position: 0% 0%; \r\n
                transform: translateY(0px);\r\n
            }\r\n
            50% { \r\n
                background-position: 50% 50%; \r\n
                transform: translateY(-10px);\r\n
            }\r\n
            100% { \r\n
                background-position: 100% 100%; \r\n
                transform: translateY(0px);\r\n
            }\r\n
        }\r\n
    \r\n
        @keyframes floatingParticles {\r\n
            0% { \r\n
                background-position: 0% 100%; \r\n
                transform: translateX(0px);\r\n
            }\r\n
            50% { \r\n
                background-position: 50% 0%; \r\n
                transform: translateX(5px);\r\n
            }\r\n
            100% { \r\n
                background-position: 100% 100%; \r\n
                transform: translateX(0px);\r\n
            }\r\n
        }\r\n
    \r\n
        .accelerator-referral-content {\r\n
            position: relative;\r\n
            z-index: 2;\r\n
        }\r\n
    \r\n
        /* Kompakter Header */\r\n
        .accelerator-referral-header {\r\n
            text-align: center;\r\n
            margin-bottom: 50px;\r\n
        }\r\n
    \r\n
        .accelerator-referral-badge {\r\n
            display: inline-flex;\r\n
            align-items: center;\r\n
            gap: 8px;\r\n
            background: linear-gradient(135deg, var(--ai-hub-purple), var(--ai-hub-purple-light));\r\n
            color: white;\r\n
            padding: 10px 20px;\r\n
            border-radius: 25px;\r\n
            font-size: 0.85rem;\r\n
            font-weight: 600;\r\n
            text-transform: uppercase;\r\n
            letter-spacing: 0.3px;\r\n
            margin-bottom: 25px;\r\n
            box-shadow: 0 4px 15px rgba(149, 53, 255, 0.25);\r\n
        }\r\n
    \r\n
        .accelerator-referral-title {\r\n
            font-size: 2.5rem;\r\n
            font-weight: 800;\r\n
            color: var(--tertiary-gray);\r\n
            margin-bottom: 20px;\r\n
            line-height: 1.2;\r\n
        }\r\n
    \r\n
        .accelerator-referral-title .highlight {\r\n
            color: var(--ai-hub-purple);\r\n
            position: relative;\r\n
        }\r\n
    \r\n
        .accelerator-referral-subtitle {\r\n
            font-size: 1.1rem;\r\n
            color: var(--tertiary-gray);\r\n
            opacity: 0.8;\r\n
            max-width: 650px;\r\n
            margin: 0 auto;\r\n
            line-height: 1.6;\r\n
        }\r\n
    \r\n
        /* Main Content Grid mit Bild */\r\n
        .accelerator-content-grid {\r\n
            display: grid;\r\n
            grid-template-columns: 1fr 1fr;\r\n
            gap: 40px;\r\n
            align-items: center;\r\n
            margin-bottom: 40px;\r\n
        }\r\n
    \r\n
        /* Kompakte Main Content Card - Links */\r\n
        .accelerator-main-card {\r\n
            background: white;\r\n
            padding: 45px 40px;\r\n
            border-radius: 20px;\r\n
            box-shadow: 0 8px 30px rgba(149, 53, 255, 0.08);\r\n
            border: 1px solid rgba(149, 53, 255, 0.08);\r\n
            transition: all 0.3s ease;\r\n
        }\r\n
    \r\n
        .accelerator-main-card:hover {\r\n
            transform: translateY(-5px);\r\n
            box-shadow: 0 15px 50px rgba(149, 53, 255, 0.12);\r\n
        }\r\n
    \r\n
        .accelerator-main-content {\r\n
            display: grid;\r\n
            grid-template-columns: 2fr 1fr;\r\n
            gap: 30px;\r\n
            align-items: center;\r\n
        }\r\n
    \r\n
        .accelerator-text-content h3 {\r\n
            font-size: 1.4rem;\r\n
            font-weight: 700;\r\n
            color: var(--tertiary-gray);\r\n
            margin-bottom: 15px;\r\n
        }\r\n
    \r\n
        .accelerator-description {\r\n
            font-size: 1rem;\r\n
            color: var(--tertiary-gray);\r\n
            line-height: 1.6;\r\n
            margin-bottom: 25px;\r\n
        }\r\n
    \r\n
        .accelerator-features {\r\n
            list-style: none;\r\n
            display: grid;\r\n
            grid-template-columns: 1fr 1fr;\r\n
            gap: 12px;\r\n
        }\r\n
    \r\n
        .accelerator-features li {\r\n
            display: flex;\r\n
            align-items: center;\r\n
            gap: 10px;\r\n
            font-size: 0.9rem;\r\n
            color: var(--tertiary-gray);\r\n
        }\r\n
    \r\n
        .feature-check-icon {\r\n
            width: 18px;\r\n
            height: 18px;\r\n
            background: linear-gradient(135deg, var(--ai-hub-purple), var(--ai-hub-purple-light));\r\n
            border-radius: 50%;\r\n
            display: flex;\r\n
            align-items: center;\r\n
            justify-content: center;\r\n
            flex-shrink: 0;\r\n
            box-shadow: 0 2px 8px rgba(149, 53, 255, 0.2);\r\n
        }\r\n
    \r\n
        .feature-check-icon svg {\r\n
            width: 10px;\r\n
            height: 10px;\r\n
            stroke: white;\r\n
            fill: none;\r\n
            stroke-width: 3;\r\n
        }\r\n
    \r\n
        .feature-text strong {\r\n
            color: var(--ai-hub-purple);\r\n
            font-weight: 600;\r\n
        }\r\n
    \r\n
        /* Kompakte Visual in der Card */\r\n
        .accelerator-visual {\r\n
            display: flex;\r\n
            flex-direction: column;\r\n
            align-items: center;\r\n
            text-align: center;\r\n
        }\r\n
    \r\n
        .accelerator-icon {\r\n
            width: 80px;\r\n
            height: 80px;\r\n
            background: linear-gradient(135deg, var(--ai-hub-purple), var(--ai-hub-purple-light));\r\n
            border-radius: 50%;\r\n
            display: flex;\r\n
            align-items: center;\r\n
            justify-content: center;\r\n
            margin-bottom: 15px;\r\n
            box-shadow: 0 8px 25px rgba(149, 53, 255, 0.25);\r\n
        }\r\n
    \r\n
        .accelerator-icon svg {\r\n
            width: 35px;\r\n
            height: 35px;\r\n
            stroke: white;\r\n
            fill: none;\r\n
            stroke-width: 2;\r\n
        }\r\n
    \r\n
        .accelerator-stats {\r\n
            font-size: 0.9rem;\r\n
            color: var(--tertiary-gray);\r\n
            opacity: 0.8;\r\n
        }\r\n
    \r\n
        .accelerator-stats strong {\r\n
            display: block;\r\n
            font-size: 1.8rem;\r\n
            font-weight: 800;\r\n
            color: var(--ai-hub-purple);\r\n
            margin-bottom: 5px;\r\n
        }\r\n
    \r\n
        /* Neuer Bild-Bereich - Rechts */\r\n
        .accelerator-image-section {\r\n
            position: relative;\r\n
            height: 400px;\r\n
            border-radius: 20px;\r\n
            overflow: hidden;\r\n
            box-shadow: 0 15px 40px rgba(149, 53, 255, 0.15);\r\n
        }\r\n
    \r\n
        .accelerator-hero-image {\r\n
            width: 100%;\r\n
            height: 100%;\r\n
            object-fit: cover;\r\n
            transition: transform 0.5s ease;\r\n
        }\r\n
    \r\n
        .accelerator-image-section:hover .accelerator-hero-image {\r\n
            transform: scale(1.05);\r\n
        }\r\n
    \r\n
        .accelerator-image-overlay {\r\n
            position: absolute;\r\n
            bottom: 0;\r\n
            left: 0;\r\n
            right: 0;\r\n
            background: linear-gradient(transparent, rgba(149, 53, 255, 0.9));\r\n
            color: white;\r\n
            padding: 30px 20px 20px;\r\n
            text-align: center;\r\n
        }\r\n
    \r\n
        .image-overlay-title {\r\n
            font-size: 1.2rem;\r\n
            font-weight: 700;\r\n
            color: white;\r\n
            margin-bottom: 8px;\r\n
        }\r\n
    \r\n
        .image-overlay-text {\r\n
            font-size: 0.9rem;\r\n
            color: rgba(255, 255, 255, 0.9);\r\n
            line-height: 1.4;\r\n
        }\r\n
    \r\n
        /* Kompakte CTA - OHNE ANIMATIONEN */\r\n
        .accelerator-cta {\r\n
            text-align: center;\r\n
            background: linear-gradient(135deg, var(--ai-hub-purple), var(--ai-hub-purple-dark));\r\n
            color: white;\r\n
            padding: 40px 35px;\r\n
            border-radius: 20px;\r\n
            position: relative;\r\n
        }\r\n
    \r\n
        .accelerator-cta-content {\r\n
            position: relative;\r\n
        }\r\n
    \r\n
        .cta-title {\r\n
            font-size: 1.6rem;\r\n
            font-weight: 700;\r\n
            color: white;\r\n
            margin-bottom: 12px;\r\n
        }\r\n
    \r\n
        .cta-description {\r\n
            font-size: 1rem;\r\n
            color: rgba(255, 255, 255, 0.9);\r\n
            margin-bottom: 30px;\r\n
            max-width: 500px;\r\n
            margin-left: auto;\r\n
            margin-right: auto;\r\n
        }\r\n
    \r\n
        .cta-buttons {\r\n
            display: flex;\r\n
            gap: 15px;\r\n
            justify-content: center;\r\n
            flex-wrap: wrap;\r\n
        }\r\n
    \r\n
        .btn {\r\n
            display: inline-block;\r\n
            padding: 14px 28px;\r\n
            border-radius: 8px;\r\n
            font-weight: 700;\r\n
            font-size: 0.95rem;\r\n
            text-decoration: none;\r\n
            cursor: pointer;\r\n
            transition: all 0.3s ease;\r\n
            text-align: center;\r\n
            border: none;\r\n
        }\r\n
    \r\n
        .btn-white {\r\n
            background: white;\r\n
            color: var(--ai-hub-purple);\r\n
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n
        }\r\n
    \r\n
        .btn-white:hover {\r\n
            transform: translateY(-2px);\r\n
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\r\n
            text-decoration: none;\r\n
            color: var(--ai-hub-purple);\r\n
        }\r\n
    \r\n
        /* Mobile Responsive */\r\n
        @media (max-width: 991px) {\r\n
            .accelerator-referral-section {\r\n
                padding: 50px 0;\r\n
            }\r\n
    \r\n
            .accelerator-referral-title {\r\n
                font-size: 2rem;\r\n
            }\r\n
    \r\n
            .accelerator-content-grid {\r\n
                grid-template-columns: 1fr;\r\n
                gap: 30px;\r\n
            }\r\n
    \r\n
            .accelerator-main-content {\r\n
                grid-template-columns: 1fr;\r\n
                gap: 25px;\r\n
                text-align: center;\r\n
            }\r\n
    \r\n
            .accelerator-features {\r\n
                grid-template-columns: 1fr;\r\n
                gap: 10px;\r\n
            }\r\n
    \r\n
            .accelerator-main-card {\r\n
                padding: 35px 30px;\r\n
            }\r\n
    \r\n
            .accelerator-image-section {\r\n
                height: 300px;\r\n
                order: -1;\r\n
            }\r\n
    \r\n
            .accelerator-cta {\r\n
                padding: 35px 30px;\r\n
            }\r\n
    \r\n
            .cta-buttons {\r\n
                justify-content: center;\r\n
                align-items: center;\r\n
            }\r\n
    \r\n
            .btn {\r\n
                width: 100%;\r\n
                max-width: 250px;\r\n
            }\r\n
        }\r\n
    \r\n
        @media (max-width: 768px) {\r\n
            .container {\r\n
                padding: 0 15px;\r\n
            }\r\n
    \r\n
            .accelerator-referral-section {\r\n
                padding: 40px 0;\r\n
            }\r\n
    \r\n
            .accelerator-referral-header {\r\n
                margin-bottom: 35px;\r\n
            }\r\n
    \r\n
            .accelerator-referral-title {\r\n
                font-size: 1.8rem;\r\n
                margin-bottom: 15px;\r\n
            }\r\n
    \r\n
            .accelerator-referral-subtitle {\r\n
                font-size: 1rem;\r\n
            }\r\n
    \r\n
            .accelerator-main-card {\r\n
                padding: 30px 20px;\r\n
            }\r\n
    \r\n
            .accelerator-content-grid {\r\n
                gap: 25px;\r\n
            }\r\n
    \r\n
            .accelerator-text-content h3 {\r\n
                font-size: 1.2rem;\r\n
                margin-bottom: 12px;\r\n
            }\r\n
    \r\n
            .accelerator-description {\r\n
                font-size: 0.95rem;\r\n
                margin-bottom: 20px;\r\n
            }\r\n
    \r\n
            .accelerator-features li {\r\n
                font-size: 0.85rem;\r\n
            }\r\n
    \r\n
            .accelerator-icon {\r\n
                width: 60px;\r\n
                height: 60px;\r\n
                margin-bottom: 12px;\r\n
            }\r\n
    \r\n
            .accelerator-icon svg {\r\n
                width: 25px;\r\n
                height: 25px;\r\n
            }\r\n
    \r\n
            .accelerator-stats strong {\r\n
                font-size: 1.5rem;\r\n
            }\r\n
    \r\n
            .accelerator-image-section {\r\n
                height: 250px;\r\n
            }\r\n
    \r\n
            .accelerator-cta {\r\n
                padding: 30px 20px;\r\n
            }\r\n
    \r\n
            .cta-title {\r\n
                font-size: 1.4rem;\r\n
                margin-bottom: 10px;\r\n
            }\r\n
    \r\n
            .cta-description {\r\n
                font-size: 0.9rem;\r\n
                margin-bottom: 25px;\r\n
            }\r\n
        }\r\n
    \r\n
        /* Entrance animations */\r\n
        .fade-in {\r\n
            opacity: 0;\r\n
            transform: translateY(20px);\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
        .accelerator-main-card {\r\n
            opacity: 0;\r\n
            transform: translateY(20px);\r\n
            animation: fadeUpAccelerator 0.8s ease forwards;\r\n
            animation-delay: 0.2s;\r\n
        }\r\n
    \r\n
        .accelerator-image-section {\r\n
            opacity: 0;\r\n
            transform: translateY(20px);\r\n
            animation: fadeUpAccelerator 0.8s ease forwards;\r\n
            animation-delay: 0.4s;\r\n
        }\r\n
    \r\n
        @keyframes fadeUpAccelerator {\r\n
            to {\r\n
                opacity: 1;\r\n
                transform: translateY(0);\r\n
            }\r\n
        }\r\n
    \r\n
        /* CSS Override für besseren Gradient */\r\n
        section.accelerator-referral-section .accelerator-cta {\r\n
            background: linear-gradient(135deg, #9535FF, #6B1FB5) !important;\r\n
            color: white !important;\r\n
        }\r\n
    \r\n
        section.accelerator-referral-section .cta-title {\r\n
            color: white !important;\r\n
            font-weight: 700 !important;\r\n
        }\r\n
    \r\n
        section.accelerator-referral-section .cta-description {\r\n
            color: rgba(255, 255, 255, 0.9) !important;\r\n
        }\r\n
    \r\n
        section.accelerator-referral-section .btn-white {\r\n
            background: white !important;\r\n
            color: #9535FF !important;\r\n
        }\r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
        /* Target Audience Section */\r\n
        .target-audience-section {\r\n
            background: linear-gradient(135deg, \r\n
                rgba(149, 53, 255, 0.03) 0%, \r\n
                #ffffff 50%, \r\n
                rgba(149, 53, 255, 0.02) 100%);\r\n
            padding: 80px 0;\r\n
            position: relative;\r\n
            overflow: hidden;\r\n
        }\r\n
    \r\n
        /* Dezenter Hintergrund-Pattern */\r\n
        .target-audience-section::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 600 400"><defs><filter id="softGlow"><feGaussianBlur stdDeviation="1.5" result="coloredBlur"/><feMerge><feMergeNode in="coloredBlur"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g opacity="0.4"><circle cx="80" cy="60" r="1.5" fill="rgba(149,53,255,0.3)" filter="url(%23softGlow)"><animate attributeName="r" values="1;2.5;1" dur="5s" repeatCount="indefinite"/></circle><circle cx="180" cy="90" r="1" fill="rgba(149,53,255,0.2)" filter="url(%23softGlow)"><animate attributeName="r" values="0.5;2;0.5" dur="6s" repeatCount="indefinite"/></circle><circle cx="320" cy="70" r="2" fill="rgba(149,53,255,0.25)" filter="url(%23softGlow)"><animate attributeName="r" values="1.5;3;1.5" dur="4s" repeatCount="indefinite"/></circle><circle cx="450" cy="100" r="1.2" fill="rgba(149,53,255,0.2)" filter="url(%23softGlow)"><animate attributeName="r" values="0.8;2.2;0.8" dur="5.5s" repeatCount="indefinite"/></circle></g></svg>');\r\n
            background-size: 600px 400px;\r\n
            background-repeat: repeat;\r\n
            animation: targetFloat 25s linear infinite;\r\n
            opacity: 0.6;\r\n
            z-index: 0;\r\n
        }\r\n
    \r\n
        @keyframes targetFloat {\r\n
            0% { background-position: 0% 0%; }\r\n
            100% { background-position: 100% 100%; }\r\n
        }\r\n
    \r\n
        .target-audience-content {\r\n
            position: relative;\r\n
            z-index: 2;\r\n
        }\r\n
    \r\n
        /* Header */\r\n
        .target-audience-header {\r\n
            text-align: center;\r\n
            margin-bottom: 70px;\r\n
        }\r\n
    \r\n
        .target-audience-badge {\r\n
            display: inline-flex;\r\n
            align-items: center;\r\n
            gap: 8px;\r\n
            background: linear-gradient(135deg, var(--ai-hub-purple), var(--ai-hub-purple-light));\r\n
            color: white;\r\n
            padding: 10px 20px;\r\n
            border-radius: 25px;\r\n
            font-size: 0.85rem;\r\n
            font-weight: 600;\r\n
            text-transform: uppercase;\r\n
            letter-spacing: 0.3px;\r\n
            margin-bottom: 25px;\r\n
            box-shadow: 0 4px 15px rgba(149, 53, 255, 0.25);\r\n
        }\r\n
    \r\n
        .target-audience-title {\r\n
            font-size: 2.8rem;\r\n
            font-weight: 800;\r\n
            color: var(--tertiary-gray);\r\n
            margin-bottom: 20px;\r\n
            line-height: 1.2;\r\n
        }\r\n
    \r\n
        .target-audience-title .highlight {\r\n
            color: var(--ai-hub-purple);\r\n
            position: relative;\r\n
        }\r\n
    \r\n
        .target-audience-subtitle {\r\n
            font-size: 1.2rem;\r\n
            color: var(--tertiary-gray);\r\n
            opacity: 0.8;\r\n
            max-width: 600px;\r\n
            margin: 0 auto 30px;\r\n
            line-height: 1.6;\r\n
        }\r\n
    \r\n
        .target-audience-note {\r\n
            background: rgba(149, 53, 255, 0.05);\r\n
            border: 1px solid rgba(149, 53, 255, 0.1);\r\n
            border-radius: 12px;\r\n
            padding: 20px 25px;\r\n
            max-width: 700px;\r\n
            margin: 0 auto;\r\n
            display: flex;\r\n
            align-items: center;\r\n
            gap: 15px;\r\n
        }\r\n
    \r\n
        .note-icon {\r\n
            width: 40px;\r\n
            height: 40px;\r\n
            background: linear-gradient(135deg, var(--ai-hub-purple), var(--ai-hub-purple-light));\r\n
            border-radius: 50%;\r\n
            display: flex;\r\n
            align-items: center;\r\n
            justify-content: center;\r\n
            flex-shrink: 0;\r\n
            box-shadow: 0 4px 15px rgba(149, 53, 255, 0.2);\r\n
        }\r\n
    \r\n
        .note-icon svg {\r\n
            width: 20px;\r\n
            height: 20px;\r\n
            stroke: white;\r\n
            fill: none;\r\n
            stroke-width: 2;\r\n
        }\r\n
    \r\n
        .note-text {\r\n
            font-size: 1rem;\r\n
            color: var(--tertiary-gray);\r\n
            font-weight: 500;\r\n
            line-height: 1.5;\r\n
        }\r\n
    \r\n
        .note-text strong {\r\n
            color: var(--ai-hub-purple);\r\n
            font-weight: 700;\r\n
        }\r\n
    \r\n
        /* Target Audience Grid */\r\n
        .audience-grid {\r\n
            display: grid;\r\n
            grid-template-columns: repeat(2, 1fr);\r\n
            gap: 35px;\r\n
            margin: 60px 0;\r\n
        }\r\n
    \r\n
        .audience-card {\r\n
            background: white;\r\n
            padding: 40px 35px;\r\n
            border-radius: 18px;\r\n
            box-shadow: 0 8px 30px rgba(149, 53, 255, 0.08);\r\n
            border: 1px solid rgba(149, 53, 255, 0.08);\r\n
            transition: all 0.3s ease;\r\n
            position: relative;\r\n
            overflow: hidden;\r\n
            display: flex;\r\n
            flex-direction: column;\r\n
            align-items: center;\r\n
            text-align: center;\r\n
        }\r\n
    \r\n
        .audience-card::before {\r\n
            content: '';\r\n
            position: absolute;\r\n
            top: 0;\r\n
            left: 0;\r\n
            right: 0;\r\n
            height: 3px;\r\n
            background: linear-gradient(90deg, var(--ai-hub-purple), var(--ai-hub-purple-light));\r\n
            transform: scaleX(0);\r\n
            transition: transform 0.3s ease;\r\n
        }\r\n
    \r\n
        .audience-card:hover {\r\n
            transform: translateY(-8px);\r\n
            box-shadow: 0 15px 50px rgba(149, 53, 255, 0.15);\r\n
            border-color: rgba(149, 53, 255, 0.15);\r\n
        }\r\n
    \r\n
        .audience-card:hover::before {\r\n
            transform: scaleX(1);\r\n
        }\r\n
    \r\n
        /* Audience Card Icons - SVG Icons */\r\n
        .audience-icon {\r\n
            width: 80px;\r\n
            height: 80px;\r\n
            border-radius: 50%;\r\n
            display: flex;\r\n
            align-items: center;\r\n
            justify-content: center;\r\n
            margin-bottom: 25px;\r\n
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\r\n
            transition: all 0.3s ease;\r\n
        }\r\n
    \r\n
        .audience-icon svg {\r\n
            width: 35px;\r\n
            height: 35px;\r\n
            stroke: white;\r\n
            fill: none;\r\n
            stroke-width: 2;\r\n
        }\r\n
    \r\n
        /* Individuelle Farben für verschiedene Zielgruppen */\r\n
        .audience-card:nth-child(1) .audience-icon {\r\n
            background: linear-gradient(135deg, #FF6B6B, #FF5252);\r\n
        }\r\n
    \r\n
        .audience-card:nth-child(2) .audience-icon {\r\n
            background: linear-gradient(135deg, #4ECDC4, #26A69A);\r\n
        }\r\n
    \r\n
        .audience-card:nth-child(3) .audience-icon {\r\n
            background: linear-gradient(135deg, #45B7D1, #2196F3);\r\n
        }\r\n
    \r\n
        .audience-card:nth-child(4) .audience-icon {\r\n
            background: linear-gradient(135deg, #FECA57, #FF9800);\r\n
        }\r\n
    \r\n
        .audience-card:nth-child(5) .audience-icon {\r\n
            background: linear-gradient(135deg, var(--ai-hub-purple), var(--ai-hub-purple-light));\r\n
        }\r\n
    \r\n
        .audience-card:nth-child(6) .audience-icon {\r\n
            background: linear-gradient(135deg, var(--primary-green), #8CC619);\r\n
        }\r\n
    \r\n
        .audience-card:hover .audience-icon {\r\n
            transform: scale(1.1);\r\n
        }\r\n
    \r\n
        /* Audience Card Content */\r\n
        .audience-card h3 {\r\n
            font-size: 1.4rem;\r\n
            font-weight: 700;\r\n
            color: var(--tertiary-gray);\r\n
            margin-bottom: 15px;\r\n
            line-height: 1.3;\r\n
        }\r\n
    \r\n
        .audience-card p {\r\n
            font-size: 1rem;\r\n
            color: var(--tertiary-gray);\r\n
            opacity: 0.8;\r\n
            line-height: 1.6;\r\n
            flex: 1;\r\n
        }\r\n
    \r\n
        /* Image Card - Als eine der 6 Karten im Grid integriert */\r\n
        .audience-card.image-card {\r\n
            background: linear-gradient(135deg, rgba(149, 53, 255, 0.05), rgba(149, 53, 255, 0.02));\r\n
            border: 2px solid rgba(149, 53, 255, 0.1);\r\n
            padding: 0;\r\n
            overflow: hidden;\r\n
            display: flex;\r\n
            flex-direction: column;\r\n
            justify-content: flex-end;\r\n
            position: relative;\r\n
            min-height: 350px;\r\n
        }\r\n
    \r\n
        .image-card-image {\r\n
            position: absolute;\r\n
            top: 0;\r\n
            left: 0;\r\n
            right: 0;\r\n
            bottom: 0;\r\n
            background: linear-gradient(135deg, var(--light-gray), #e9ecef);\r\n
            display: flex;\r\n
            align-items: center;\r\n
            justify-content: center;\r\n
            color: var(--tertiary-gray);\r\n
            font-size: 1rem;\r\n
            font-weight: 600;\r\n
            text-align: center;\r\n
            line-height: 1.4;\r\n
        }\r\n
    \r\n
        .image-card-image img {\r\n
            width: 100%;\r\n
            height: 100%;\r\n
            object-fit: cover;\r\n
        }\r\n
    \r\n
        .image-card-overlay {\r\n
            position: relative;\r\n
            z-index: 2;\r\n
            background: linear-gradient(transparent, rgba(149, 53, 255, 0.95));\r\n
            color: white;\r\n
            padding: 35px 30px;\r\n
            text-align: center;\r\n
        }\r\n
    \r\n
        .image-card-overlay h3 {\r\n
            font-size: 1.4rem;\r\n
            font-weight: 700;\r\n
            margin-bottom: 10px;\r\n
            color: white;\r\n
        }\r\n
    \r\n
        .image-card-overlay p {\r\n
            font-size: 1rem;\r\n
            opacity: 0.95;\r\n
            line-height: 1.5;\r\n
            margin: 0;\r\n
            color: white;\r\n
        }\r\n
    \r\n
        /* Special Featured Card - Vollbreite für besondere Zielgruppe */\r\n
        .audience-card.featured {\r\n
            grid-column: 1 / -1;\r\n
            display: grid;\r\n
            grid-template-columns: auto 1fr auto;\r\n
            gap: 40px;\r\n
            align-items: center;\r\n
            text-align: left;\r\n
            padding: 45px 40px;\r\n
            background: linear-gradient(135deg, rgba(149, 53, 255, 0.05), rgba(149, 53, 255, 0.02));\r\n
            border: 2px solid rgba(149, 53, 255, 0.15);\r\n
        }\r\n
    \r\n
        .audience-card.featured .audience-icon {\r\n
            margin-bottom: 0;\r\n
            width: 100px;\r\n
            height: 100px;\r\n
        }\r\n
    \r\n
        .audience-card.featured .audience-icon svg {\r\n
            width: 45px;\r\n
            height: 45px;\r\n
        }\r\n
    \r\n
        .audience-card.featured .featured-content h3 {\r\n
            font-size: 1.6rem;\r\n
            margin-bottom: 10px;\r\n
        }\r\n
    \r\n
        .audience-card.featured .featured-content p {\r\n
            font-size: 1.1rem;\r\n
            margin-bottom: 0;\r\n
        }\r\n
    \r\n
        .featured-highlight {\r\n
            background: white;\r\n
            padding: 25px;\r\n
            border-radius: 12px;\r\n
            text-align: center;\r\n
            box-shadow: 0 4px 15px rgba(149, 53, 255, 0.1);\r\n
            border: 1px solid rgba(149, 53, 255, 0.1);\r\n
            min-width: 200px;\r\n
        }\r\n
    \r\n
        .featured-highlight-title {\r\n
            font-size: 0.9rem;\r\n
            color: var(--ai-hub-purple);\r\n
            font-weight: 600;\r\n
            text-transform: uppercase;\r\n
            letter-spacing: 0.5px;\r\n
            margin-bottom: 8px;\r\n
        }\r\n
    \r\n
        .featured-highlight-text {\r\n
            font-size: 1.1rem;\r\n
            color: var(--tertiary-gray);\r\n
            font-weight: 700;\r\n
            line-height: 1.3;\r\n
        }\r\n
    \r\n
        /* Mobile Responsive */\r\n
        @media (max-width: 991px) {\r\n
            .target-audience-section {\r\n
                padding: 60px 0;\r\n
            }\r\n
    \r\n
            .target-audience-title {\r\n
                font-size: 2.3rem;\r\n
            }\r\n
    \r\n
            .audience-grid {\r\n
                grid-template-columns: 1fr;\r\n
                gap: 30px;\r\n
                margin: 50px 0;\r\n
            }\r\n
    \r\n
            .audience-card.featured {\r\n
                grid-column: 1;\r\n
                grid-template-columns: 1fr;\r\n
                gap: 30px;\r\n
                text-align: center;\r\n
                padding: 35px 30px;\r\n
            }\r\n
    \r\n
            .featured-highlight {\r\n
                min-width: auto;\r\n
                margin-top: 20px;\r\n
            }\r\n
    \r\n
            .target-audience-note {\r\n
                flex-direction: column;\r\n
                text-align: center;\r\n
                gap: 15px;\r\n
                padding: 25px 20px;\r\n
            }\r\n
    \r\n
            .image-card-overlay {\r\n
                padding: 30px 25px;\r\n
            }\r\n
        }\r\n
    \r\n
        @media (max-width: 768px) {\r\n
            .container {\r\n
                padding: 0 15px;\r\n
            }\r\n
    \r\n
            .target-audience-section {\r\n
                padding: 50px 0;\r\n
            }\r\n
    \r\n
            .target-audience-header {\r\n
                margin-bottom: 50px;\r\n
            }\r\n
    \r\n
            .target-audience-title {\r\n
                font-size: 2rem;\r\n
                margin-bottom: 15px;\r\n
            }\r\n
    \r\n
            .target-audience-subtitle {\r\n
                font-size: 1rem;\r\n
            }\r\n
    \r\n
            .audience-card {\r\n
                padding: 30px 25px;\r\n
            }\r\n
    \r\n
            .audience-icon {\r\n
                width: 70px;\r\n
                height: 70px;\r\n
                margin-bottom: 20px;\r\n
            }\r\n
    \r\n
            .audience-icon svg {\r\n
                width: 30px;\r\n
                height: 30px;\r\n
            }\r\n
    \r\n
            .audience-card h3 {\r\n
                font-size: 1.2rem;\r\n
                margin-bottom: 12px;\r\n
            }\r\n
    \r\n
            .audience-card p {\r\n
                font-size: 0.95rem;\r\n
            }\r\n
    \r\n
            .audience-card.image-card {\r\n
                min-height: 300px;\r\n
            }\r\n
    \r\n
            .image-card-overlay {\r\n
                padding: 25px 20px;\r\n
            }\r\n
    \r\n
            .target-audience-note {\r\n
                padding: 20px 15px;\r\n
            }\r\n
    \r\n
            .note-text {\r\n
                font-size: 0.9rem;\r\n
            }\r\n
        }\r\n
    \r\n
        /* Entrance animations */\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
        .audience-card {\r\n
            opacity: 0;\r\n
            transform: translateY(20px);\r\n
            animation: fadeUpAudience 0.6s ease forwards;\r\n
        }\r\n
    \r\n
        .audience-card:nth-child(1) { animation-delay: 0.1s; }\r\n
        .audience-card:nth-child(2) { animation-delay: 0.2s; }\r\n
        .audience-card:nth-child(3) { animation-delay: 0.3s; }\r\n
        .audience-card:nth-child(4) { animation-delay: 0.4s; }\r\n
        .audience-card:nth-child(5) { animation-delay: 0.5s; }\r\n
        .audience-card:nth-child(6) { animation-delay: 0.6s; }\r\n
    \r\n
        @keyframes fadeUpAudience {\r\n
            to {\r\n
                opacity: 1;\r\n
                transform: translateY(0);\r\n
            }\r\n
        }\r\n
    \r\n
    \r\n
    \r\n
               /* Kundenstimmen Section */\r\n
               .testimonials-section {\r\n
            background: linear-gradient(135deg, \r\n
                var(--ai-hub-purple-ultra-light) 0%, \r\n
                var(--ai-hub-purple-soft) 30%, \r\n
                var(--ai-hub-purple-ultra-light) 70%, \r\n
                #ffffff 100%);\r\n
            padding: 80px 0;\r\n
            position: relative;\r\n
            overflow: hidden;\r\n
        }\r\n
    \r\n
        /* Lila Hintergrund-Pattern */\r\n
        .testimonials-section::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 800 600"><defs><filter id="softGlow"><feGaussianBlur stdDeviation="2" result="coloredBlur"/><feMerge><feMergeNode in="coloredBlur"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g opacity="0.6"><circle cx="120" cy="80" r="2" fill="rgba(149,53,255,0.4)" filter="url(%23softGlow)"><animate attributeName="r" values="1.5;3.5;1.5" dur="5s" repeatCount="indefinite"/></circle><circle cx="250" cy="120" r="1.5" fill="rgba(149,53,255,0.3)" filter="url(%23softGlow)"><animate attributeName="r" values="1;3;1" dur="6s" repeatCount="indefinite"/></circle><circle cx="450" cy="100" r="2.5" fill="rgba(149,53,255,0.35)" filter="url(%23softGlow)"><animate attributeName="r" values="2;4;2" dur="4s" repeatCount="indefinite"/></circle><circle cx="600" cy="140" r="1.8" fill="rgba(149,53,255,0.25)" filter="url(%23softGlow)"><animate attributeName="r" values="1.2;3.2;1.2" dur="5.5s" repeatCount="indefinite"/></circle><circle cx="350" cy="300" r="2.2" fill="rgba(149,53,255,0.3)" filter="url(%23softGlow)"><animate attributeName="r" values="1.8;3.8;1.8" dur="4.5s" repeatCount="indefinite"/></circle><circle cx="150" cy="400" r="1.6" fill="rgba(149,53,255,0.2)" filter="url(%23softGlow)"><animate attributeName="r" values="1;2.8;1" dur="6.5s" repeatCount="indefinite"/></circle></g></svg>');\r\n
            background-size: 800px 600px;\r\n
            background-repeat: repeat;\r\n
            animation: testimonialFloat 30s linear infinite;\r\n
            opacity: 0.7;\r\n
            z-index: 0;\r\n
        }\r\n
    \r\n
        @keyframes testimonialFloat {\r\n
            0% { background-position: 0% 0%; }\r\n
            100% { background-position: 100% 100%; }\r\n
        }\r\n
    \r\n
        .testimonials-content {\r\n
            position: relative;\r\n
            z-index: 2;\r\n
        }\r\n
    \r\n
        /* Header */\r\n
        .testimonials-header {\r\n
            text-align: center;\r\n
            margin-bottom: 70px;\r\n
        }\r\n
    \r\n
        .testimonials-badge {\r\n
            display: inline-flex;\r\n
            align-items: center;\r\n
            gap: 8px;\r\n
            background: linear-gradient(135deg, var(--ai-hub-purple), var(--ai-hub-purple-light));\r\n
            color: white;\r\n
            padding: 12px 24px;\r\n
            border-radius: 30px;\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: 30px;\r\n
            box-shadow: 0 6px 20px rgba(149, 53, 255, 0.3);\r\n
        }\r\n
    \r\n
        .testimonials-title {\r\n
            font-size: 2.8rem;\r\n
            font-weight: 800;\r\n
            color: var(--tertiary-gray);\r\n
            margin-bottom: 20px;\r\n
            line-height: 1.2;\r\n
        }\r\n
    \r\n
        .testimonials-title .highlight {\r\n
            color: var(--ai-hub-purple);\r\n
            position: relative;\r\n
        }\r\n
    \r\n
        .testimonials-title .highlight::after {\r\n
            content: '';\r\n
            position: absolute;\r\n
            bottom: -5px;\r\n
            left: 0;\r\n
            right: 0;\r\n
            height: 3px;\r\n
            background: linear-gradient(90deg, var(--ai-hub-purple), var(--ai-hub-purple-light));\r\n
            border-radius: 2px;\r\n
        }\r\n
    \r\n
        .testimonials-subtitle {\r\n
            font-size: 1.2rem;\r\n
            color: var(--tertiary-gray);\r\n
            opacity: 0.8;\r\n
            max-width: 600px;\r\n
            margin: 0 auto;\r\n
            line-height: 1.6;\r\n
        }\r\n
    \r\n
        /* Testimonials Grid - Vereinheitlicht */\r\n
        .testimonials-grid {\r\n
            display: grid;\r\n
            grid-template-columns: repeat(2, 1fr);\r\n
            gap: 30px;\r\n
            margin: 60px 0;\r\n
        }\r\n
    \r\n
        /* Einheitliches Design für alle Testimonial Cards */\r\n
        .testimonial-card {\r\n
            background: linear-gradient(135deg, \r\n
                rgba(255, 255, 255, 0.95) 0%, \r\n
                rgba(248, 245, 255, 0.95) 100%);\r\n
            backdrop-filter: blur(10px);\r\n
            padding: 40px 35px;\r\n
            border-radius: 20px;\r\n
            box-shadow: 0 8px 30px rgba(149, 53, 255, 0.12);\r\n
            border: 1px solid rgba(149, 53, 255, 0.15);\r\n
            transition: all 0.3s ease;\r\n
            position: relative;\r\n
            overflow: hidden;\r\n
            display: flex;\r\n
            flex-direction: column;\r\n
            justify-content: space-between;\r\n
            min-height: 350px;\r\n
        }\r\n
    \r\n
        /* Lila Top-Border für alle Cards - erscheint nur bei Hover */\r\n
        .testimonial-card::before {\r\n
            content: '';\r\n
            position: absolute;\r\n
            top: 0;\r\n
            left: 0;\r\n
            right: 0;\r\n
            height: 4px;\r\n
            background: linear-gradient(90deg, var(--ai-hub-purple), var(--ai-hub-purple-light));\r\n
            border-radius: 0 0 2px 2px;\r\n
            transform: scaleX(0);\r\n
            transition: transform 0.3s ease;\r\n
        }\r\n
    \r\n
        /* Lila Glow-Effekt */\r\n
        .testimonial-card::after {\r\n
            content: '';\r\n
            position: absolute;\r\n
            top: -2px;\r\n
            left: -2px;\r\n
            right: -2px;\r\n
            bottom: -2px;\r\n
            background: linear-gradient(135deg, var(--ai-hub-purple), var(--ai-hub-purple-light));\r\n
            border-radius: 22px;\r\n
            z-index: -1;\r\n
            opacity: 0;\r\n
            transition: opacity 0.3s ease;\r\n
        }\r\n
    \r\n
        .testimonial-card:hover {\r\n
            transform: translateY(-8px);\r\n
            box-shadow: 0 15px 50px rgba(149, 53, 255, 0.2);\r\n
            border-color: rgba(149, 53, 255, 0.3);\r\n
        }\r\n
    \r\n
        .testimonial-card:hover::before {\r\n
            transform: scaleX(1);\r\n
        }\r\n
    \r\n
        .testimonial-card:hover::after {\r\n
            opacity: 0.15;\r\n
        }\r\n
    \r\n
        /* Quote Icon - Einheitlich lila */\r\n
        .quote-icon {\r\n
            width: 50px;\r\n
            height: 50px;\r\n
            background: linear-gradient(135deg, var(--ai-hub-purple), var(--ai-hub-purple-light));\r\n
            border-radius: 15px;\r\n
            display: flex;\r\n
            align-items: center;\r\n
            justify-content: center;\r\n
            margin-bottom: 25px;\r\n
            box-shadow: 0 6px 20px rgba(149, 53, 255, 0.3);\r\n
            flex-shrink: 0;\r\n
        }\r\n
    \r\n
        .quote-icon svg {\r\n
            width: 22px;\r\n
            height: 22px;\r\n
            fill: white;\r\n
        }\r\n
    \r\n
        /* Testimonial Text */\r\n
        .testimonial-text {\r\n
            font-size: 1.1rem;\r\n
            line-height: 1.7;\r\n
            color: var(--tertiary-gray);\r\n
            margin-bottom: 30px;\r\n
            font-style: italic;\r\n
            opacity: 0.9;\r\n
            flex-grow: 1;\r\n
        }\r\n
    \r\n
        /* Author Info - Einheitlich */\r\n
        .author-info {\r\n
            display: flex;\r\n
            align-items: center;\r\n
            gap: 15px;\r\n
            margin-top: auto;\r\n
        }\r\n
    \r\n
        .author-avatar {\r\n
            width: 55px;\r\n
            height: 55px;\r\n
            border-radius: 50%;\r\n
            background: linear-gradient(135deg, var(--ai-hub-purple-light), var(--ai-hub-purple));\r\n
            display: flex;\r\n
            align-items: center;\r\n
            justify-content: center;\r\n
            color: white;\r\n
            font-weight: 700;\r\n
            font-size: 1.2rem;\r\n
            flex-shrink: 0;\r\n
            box-shadow: 0 4px 15px rgba(149, 53, 255, 0.25);\r\n
            border: 2px solid rgba(255, 255, 255, 0.8);\r\n
        }\r\n
    \r\n
        .author-details {\r\n
            flex: 1;\r\n
        }\r\n
    \r\n
        .author-name {\r\n
            font-size: 1.1rem;\r\n
            font-weight: 700;\r\n
            color: var(--tertiary-gray);\r\n
            margin-bottom: 3px;\r\n
        }\r\n
    \r\n
        .author-title {\r\n
            font-size: 0.95rem;\r\n
            color: var(--ai-hub-purple);\r\n
            font-weight: 600;\r\n
            margin-bottom: 2px;\r\n
        }\r\n
    \r\n
        .author-company {\r\n
            font-size: 0.85rem;\r\n
            color: var(--tertiary-gray);\r\n
            opacity: 0.7;\r\n
        }\r\n
    \r\n
        /* Besondere Hervorhebung für bestimmte Cards */\r\n
        .testimonial-card.featured {\r\n
            background: linear-gradient(135deg, \r\n
                var(--ai-hub-purple) 0%, \r\n
                var(--ai-hub-purple-dark) 100%);\r\n
            color: white;\r\n
            border: 2px solid var(--ai-hub-purple-light);\r\n
        }\r\n
    \r\n
        .testimonial-card.featured .quote-icon {\r\n
            background: rgba(255, 255, 255, 0.2);\r\n
            border: 2px solid rgba(255, 255, 255, 0.3);\r\n
        }\r\n
    \r\n
        .testimonial-card.featured .testimonial-text {\r\n
            color: white;\r\n
            opacity: 0.95;\r\n
        }\r\n
    \r\n
        .testimonial-card.featured .author-name {\r\n
            color: white;\r\n
        }\r\n
    \r\n
        .testimonial-card.featured .author-title {\r\n
            color: rgba(255, 255, 255, 0.9);\r\n
        }\r\n
    \r\n
        .testimonial-card.featured .author-company {\r\n
            color: rgba(255, 255, 255, 0.7);\r\n
        }\r\n
    \r\n
        .testimonial-card.featured .author-avatar {\r\n
            background: rgba(255, 255, 255, 0.15);\r\n
            border: 2px solid rgba(255, 255, 255, 0.4);\r\n
        }\r\n
    \r\n
        /* CTA Section */\r\n
        .testimonials-cta {\r\n
            text-align: center;\r\n
            margin-top: 60px;\r\n
            padding: 50px 40px;\r\n
            background: linear-gradient(135deg, \r\n
                rgba(255, 255, 255, 0.9) 0%, \r\n
                rgba(248, 245, 255, 0.9) 100%);\r\n
            backdrop-filter: blur(15px);\r\n
            border-radius: 25px;\r\n
            box-shadow: 0 10px 40px rgba(149, 53, 255, 0.15);\r\n
            border: 1px solid rgba(149, 53, 255, 0.2);\r\n
            position: relative;\r\n
            overflow: hidden;\r\n
        }\r\n
    \r\n
        .testimonials-cta::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(135deg, \r\n
                rgba(149, 53, 255, 0.05) 0%, \r\n
                transparent 50%, \r\n
                rgba(149, 53, 255, 0.03) 100%);\r\n
            z-index: -1;\r\n
        }\r\n
    \r\n
        .cta-title {\r\n
            font-size: 1.8rem;\r\n
            font-weight: 700;\r\n
            color: var(--tertiary-gray);\r\n
            margin-bottom: 15px;\r\n
        }\r\n
    \r\n
        .cta-description {\r\n
            font-size: 1rem;\r\n
            color: var(--tertiary-gray);\r\n
            opacity: 0.8;\r\n
            margin-bottom: 35px;\r\n
            max-width: 500px;\r\n
            margin-left: auto;\r\n
            margin-right: auto;\r\n
        }\r\n
    \r\n
        .cta-buttons {\r\n
            display: flex;\r\n
            gap: 15px;\r\n
            justify-content: center;\r\n
            flex-wrap: wrap;\r\n
        }\r\n
    \r\n
        .btn {\r\n
            display: inline-block;\r\n
            padding: 16px 32px;\r\n
            border-radius: 10px;\r\n
            font-weight: 700;\r\n
            font-size: 1rem;\r\n
            text-decoration: none;\r\n
            cursor: pointer;\r\n
            transition: all 0.3s ease;\r\n
            text-align: center;\r\n
            border: none;\r\n
        }\r\n
    \r\n
        .btn-purple {\r\n
            background: linear-gradient(135deg, var(--ai-hub-purple), var(--ai-hub-purple-light));\r\n
            color: white;\r\n
            box-shadow: 0 6px 20px rgba(149, 53, 255, 0.3);\r\n
        }\r\n
    \r\n
        .btn-purple:hover {\r\n
            transform: translateY(-3px);\r\n
            box-shadow: 0 10px 30px rgba(149, 53, 255, 0.4);\r\n
            text-decoration: none;\r\n
            color: white;\r\n
        }\r\n
    \r\n
        .btn-outline {\r\n
            background: rgba(255, 255, 255, 0.9);\r\n
            color: var(--ai-hub-purple);\r\n
            border: 2px solid var(--ai-hub-purple);\r\n
            backdrop-filter: blur(10px);\r\n
        }\r\n
    \r\n
        .btn-outline:hover {\r\n
            background: var(--ai-hub-purple);\r\n
            color: white;\r\n
            text-decoration: none;\r\n
            transform: translateY(-2px);\r\n
            box-shadow: 0 6px 20px rgba(149, 53, 255, 0.3);\r\n
        }\r\n
    \r\n
        /* Mobile Responsive */\r\n
        @media (max-width: 991px) {\r\n
            .testimonials-section {\r\n
                padding: 60px 0;\r\n
            }\r\n
    \r\n
            .testimonials-title {\r\n
                font-size: 2.3rem;\r\n
            }\r\n
    \r\n
            .testimonials-grid {\r\n
                grid-template-columns: 1fr;\r\n
                gap: 25px;\r\n
                margin: 50px 0;\r\n
            }\r\n
    \r\n
            .testimonial-card {\r\n
                min-height: 320px;\r\n
            }\r\n
    \r\n
            .testimonials-cta {\r\n
                padding: 40px 30px;\r\n
                margin-top: 50px;\r\n
            }\r\n
    \r\n
            .cta-buttons {\r\n
                flex-direction: column;\r\n
                align-items: center;\r\n
            }\r\n
    \r\n
            .btn {\r\n
                width: 100%;\r\n
                max-width: 280px;\r\n
            }\r\n
        }\r\n
    \r\n
        @media (max-width: 768px) {\r\n
            .container {\r\n
                padding: 0 15px;\r\n
            }\r\n
    \r\n
            .testimonials-section {\r\n
                padding: 50px 0;\r\n
            }\r\n
    \r\n
            .testimonials-header {\r\n
                margin-bottom: 50px;\r\n
            }\r\n
    \r\n
            .testimonials-title {\r\n
                font-size: 2rem;\r\n
                margin-bottom: 15px;\r\n
            }\r\n
    \r\n
            .testimonials-subtitle {\r\n
                font-size: 1rem;\r\n
            }\r\n
    \r\n
            .testimonial-card {\r\n
                padding: 30px 25px;\r\n
                min-height: 300px;\r\n
            }\r\n
    \r\n
            .testimonial-text {\r\n
                font-size: 1rem;\r\n
                margin-bottom: 25px;\r\n
            }\r\n
    \r\n
            .author-avatar {\r\n
                width: 45px;\r\n
                height: 45px;\r\n
                font-size: 1rem;\r\n
            }\r\n
    \r\n
            .author-name {\r\n
                font-size: 1rem;\r\n
            }\r\n
    \r\n
            .author-title {\r\n
                font-size: 0.9rem;\r\n
            }\r\n
    \r\n
            .author-company {\r\n
                font-size: 0.8rem;\r\n
            }\r\n
    \r\n
            .testimonials-cta {\r\n
                padding: 35px 25px;\r\n
            }\r\n
    \r\n
            .cta-title {\r\n
                font-size: 1.5rem;\r\n
            }\r\n
        }\r\n
    \r\n
        /* Entrance animations */\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
        .testimonial-card {\r\n
            opacity: 0;\r\n
            transform: translateY(20px);\r\n
            animation: fadeUpTestimonial 0.6s ease forwards;\r\n
        }\r\n
    \r\n
        .testimonial-card:nth-child(1) { animation-delay: 0.1s; }\r\n
        .testimonial-card:nth-child(2) { animation-delay: 0.2s; }\r\n
        .testimonial-card:nth-child(3) { animation-delay: 0.3s; }\r\n
        .testimonial-card:nth-child(4) { animation-delay: 0.4s; }\r\n
    \r\n
        @keyframes fadeUpTestimonial {\r\n
            to {\r\n
                opacity: 1;\r\n
                transform: translateY(0);\r\n
            }\r\n
        }\r\n
    \r\n
        /* Helper function to get initials */\r\n
        .initials {\r\n
            text-transform: uppercase;\r\n
        }\r\n
    \r\n
    \r\n
    \r\n
    \r\n
        /* FAQ Section */\r\n
        .faq-section {\r\n
            background: linear-gradient(135deg, \r\n
                var(--ai-hub-purple-ultra-light) 0%, \r\n
                var(--ai-hub-purple-soft) 20%, \r\n
                var(--ai-hub-purple-ultra-light) 60%, \r\n
                #ffffff 100%);\r\n
            padding: 80px 0;\r\n
            position: relative;\r\n
            overflow: hidden;\r\n
        }\r\n
    \r\n
        /* Animiertes Hintergrund-Pattern */\r\n
        .faq-section::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 1000 800"><defs><filter id="glow"><feGaussianBlur stdDeviation="3" result="coloredBlur"/><feMerge><feMergeNode in="coloredBlur"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g opacity="0.4"><circle cx="100" cy="100" r="2" fill="rgba(149,53,255,0.3)" filter="url(%23glow)"><animate attributeName="cy" values="100;150;100" dur="8s" repeatCount="indefinite"/></circle><circle cx="300" cy="200" r="1.5" fill="rgba(149,53,255,0.25)" filter="url(%23glow)"><animate attributeName="cy" values="200;250;200" dur="6s" repeatCount="indefinite"/></circle><circle cx="500" cy="150" r="2.5" fill="rgba(149,53,255,0.4)" filter="url(%23glow)"><animate attributeName="cy" values="150;200;150" dur="7s" repeatCount="indefinite"/></circle><circle cx="700" cy="180" r="1.8" fill="rgba(149,53,255,0.3)" filter="url(%23glow)"><animate attributeName="cy" values="180;230;180" dur="9s" repeatCount="indefinite"/></circle><circle cx="900" cy="120" r="2.2" fill="rgba(149,53,255,0.35)" filter="url(%23glow)"><animate attributeName="cy" values="120;170;120" dur="5s" repeatCount="indefinite"/></circle></g></svg>');\r\n
            background-size: 1000px 800px;\r\n
            background-repeat: repeat;\r\n
            animation: faqFloat 40s linear infinite;\r\n
            opacity: 0.6;\r\n
            z-index: 0;\r\n
        }\r\n
    \r\n
        @keyframes faqFloat {\r\n
            0% { background-position: 0% 0%; }\r\n
            100% { background-position: 100% 100%; }\r\n
        }\r\n
    \r\n
        .faq-content {\r\n
            position: relative;\r\n
            z-index: 2;\r\n
        }\r\n
    \r\n
        /* Header */\r\n
        .faq-header {\r\n
            text-align: center;\r\n
            margin-bottom: 60px;\r\n
        }\r\n
    \r\n
        .faq-badge {\r\n
            display: inline-flex;\r\n
            align-items: center;\r\n
            gap: 8px;\r\n
            background: linear-gradient(135deg, var(--ai-hub-purple), var(--ai-hub-purple-light));\r\n
            color: white;\r\n
            padding: 12px 24px;\r\n
            border-radius: 30px;\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: 30px;\r\n
            box-shadow: 0 6px 20px rgba(149, 53, 255, 0.3);\r\n
        }\r\n
    \r\n
        .faq-title {\r\n
            font-size: 2.8rem;\r\n
            font-weight: 800;\r\n
            color: var(--tertiary-gray);\r\n
            margin-bottom: 20px;\r\n
            line-height: 1.2;\r\n
        }\r\n
    \r\n
        .faq-title .highlight {\r\n
            color: var(--ai-hub-purple);\r\n
            position: relative;\r\n
        }\r\n
    \r\n
        .faq-title .highlight::after {\r\n
            content: '';\r\n
            position: absolute;\r\n
            bottom: -5px;\r\n
            left: 0;\r\n
            right: 0;\r\n
            height: 3px;\r\n
            background: linear-gradient(90deg, var(--ai-hub-purple), var(--ai-hub-purple-light));\r\n
            border-radius: 2px;\r\n
        }\r\n
    \r\n
        .faq-subtitle {\r\n
            font-size: 1.2rem;\r\n
            color: var(--tertiary-gray);\r\n
            opacity: 0.8;\r\n
            max-width: 600px;\r\n
            margin: 0 auto;\r\n
            line-height: 1.6;\r\n
        }\r\n
    \r\n
        /* FAQ Container */\r\n
        .faq-container {\r\n
            max-width: 900px;\r\n
            margin: 0 auto;\r\n
        }\r\n
    \r\n
        /* FAQ Item */\r\n
        .faq-item {\r\n
            background: linear-gradient(135deg, \r\n
                rgba(255, 255, 255, 0.95) 0%, \r\n
                rgba(248, 245, 255, 0.95) 100%);\r\n
            backdrop-filter: blur(10px);\r\n
            border-radius: 18px;\r\n
            margin-bottom: 20px;\r\n
            box-shadow: 0 6px 25px rgba(149, 53, 255, 0.08);\r\n
            border: 1px solid rgba(149, 53, 255, 0.12);\r\n
            transition: all 0.3s ease;\r\n
            overflow: hidden;\r\n
            position: relative;\r\n
        }\r\n
    \r\n
        .faq-item::before {\r\n
            content: '';\r\n
            position: absolute;\r\n
            top: 0;\r\n
            left: 0;\r\n
            right: 0;\r\n
            height: 3px;\r\n
            background: linear-gradient(90deg, var(--ai-hub-purple), var(--ai-hub-purple-light));\r\n
            transform: scaleX(0);\r\n
            transition: transform 0.3s ease;\r\n
        }\r\n
    \r\n
        .faq-item:hover {\r\n
            transform: translateY(-3px);\r\n
            box-shadow: 0 12px 40px rgba(149, 53, 255, 0.15);\r\n
            border-color: rgba(149, 53, 255, 0.2);\r\n
        }\r\n
    \r\n
        .faq-item:hover::before {\r\n
            transform: scaleX(1);\r\n
        }\r\n
    \r\n
        .faq-item.active {\r\n
            box-shadow: 0 8px 30px rgba(149, 53, 255, 0.2);\r\n
            border-color: rgba(149, 53, 255, 0.25);\r\n
        }\r\n
    \r\n
        .faq-item.active::before {\r\n
            transform: scaleX(1);\r\n
        }\r\n
    \r\n
        /* FAQ Question */\r\n
        .faq-question {\r\n
            padding: 30px 35px;\r\n
            cursor: pointer;\r\n
            display: flex;\r\n
            justify-content: space-between;\r\n
            align-items: center;\r\n
            font-size: 1.2rem;\r\n
            font-weight: 700;\r\n
            color: var(--tertiary-gray);\r\n
            transition: all 0.3s ease;\r\n
            user-select: none;\r\n
        }\r\n
    \r\n
        .faq-question:hover {\r\n
            color: var(--ai-hub-purple);\r\n
        }\r\n
    \r\n
        .faq-item.active .faq-question {\r\n
            color: var(--ai-hub-purple);\r\n
            border-bottom: 1px solid rgba(149, 53, 255, 0.15);\r\n
        }\r\n
    \r\n
        /* FAQ Toggle Icon */\r\n
        .faq-toggle {\r\n
            width: 35px;\r\n
            height: 35px;\r\n
            border-radius: 50%;\r\n
            background: linear-gradient(135deg, var(--ai-hub-purple-ultra-light), var(--ai-hub-purple-soft));\r\n
            display: flex;\r\n
            align-items: center;\r\n
            justify-content: center;\r\n
            transition: all 0.3s ease;\r\n
            flex-shrink: 0;\r\n
            margin-left: 20px;\r\n
            position: relative;\r\n
        }\r\n
    \r\n
        .faq-toggle::before,\r\n
        .faq-toggle::after {\r\n
            content: '';\r\n
            position: absolute;\r\n
            background: var(--ai-hub-purple);\r\n
            border-radius: 1px;\r\n
            transition: all 0.3s ease;\r\n
        }\r\n
    \r\n
        .faq-toggle::before {\r\n
            width: 16px;\r\n
            height: 2px;\r\n
        }\r\n
    \r\n
        .faq-toggle::after {\r\n
            width: 16px;\r\n
            height: 2px;\r\n
            transform: rotate(90deg);\r\n
        }\r\n
    \r\n
        .faq-item.active .faq-toggle {\r\n
            background: linear-gradient(135deg, var(--ai-hub-purple), var(--ai-hub-purple-light));\r\n
        }\r\n
    \r\n
        .faq-item.active .faq-toggle::before,\r\n
        .faq-item.active .faq-toggle::after {\r\n
            background: white;\r\n
        }\r\n
    \r\n
        .faq-item.active .faq-toggle::after {\r\n
            transform: rotate(0deg);\r\n
        }\r\n
    \r\n
        /* FAQ Answer */\r\n
        .faq-answer {\r\n
            max-height: 0;\r\n
            overflow: hidden;\r\n
            transition: max-height 0.4s ease, padding 0.4s ease;\r\n
            background: rgba(149, 53, 255, 0.02);\r\n
        }\r\n
    \r\n
        .faq-answer.active {\r\n
            max-height: 300px;\r\n
            padding: 0 35px 30px 35px;\r\n
        }\r\n
    \r\n
        .faq-answer-content {\r\n
            font-size: 1.1rem;\r\n
            line-height: 1.7;\r\n
            color: var(--tertiary-gray);\r\n
            opacity: 0.9;\r\n
            padding-top: 5px;\r\n
        }\r\n
    \r\n
        /* CTA Section */\r\n
        .faq-cta {\r\n
            text-align: center;\r\n
            margin-top: 60px;\r\n
            padding: 50px 40px;\r\n
            background: linear-gradient(135deg, \r\n
                rgba(255, 255, 255, 0.9) 0%, \r\n
                rgba(248, 245, 255, 0.9) 100%);\r\n
            backdrop-filter: blur(15px);\r\n
            border-radius: 25px;\r\n
            box-shadow: 0 10px 40px rgba(149, 53, 255, 0.15);\r\n
            border: 1px solid rgba(149, 53, 255, 0.2);\r\n
            position: relative;\r\n
            overflow: hidden;\r\n
        }\r\n
    \r\n
        .faq-cta::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(135deg, \r\n
                rgba(149, 53, 255, 0.05) 0%, \r\n
                transparent 50%, \r\n
                rgba(149, 53, 255, 0.03) 100%);\r\n
            z-index: -1;\r\n
        }\r\n
    \r\n
        .cta-title {\r\n
            font-size: 1.8rem;\r\n
            font-weight: 700;\r\n
            color: var(--tertiary-gray);\r\n
            margin-bottom: 15px;\r\n
        }\r\n
    \r\n
        .cta-description {\r\n
            font-size: 1rem;\r\n
            color: var(--tertiary-gray);\r\n
            opacity: 0.8;\r\n
            margin-bottom: 35px;\r\n
            max-width: 500px;\r\n
            margin-left: auto;\r\n
            margin-right: auto;\r\n
        }\r\n
    \r\n
        .cta-buttons {\r\n
            display: flex;\r\n
            gap: 15px;\r\n
            justify-content: center;\r\n
            flex-wrap: wrap;\r\n
        }\r\n
    \r\n
        .btn {\r\n
            display: inline-block;\r\n
            padding: 16px 32px;\r\n
            border-radius: 10px;\r\n
            font-weight: 700;\r\n
            font-size: 1rem;\r\n
            text-decoration: none;\r\n
            cursor: pointer;\r\n
            transition: all 0.3s ease;\r\n
            text-align: center;\r\n
            border: none;\r\n
        }\r\n
    \r\n
        .btn-purple {\r\n
            background: linear-gradient(135deg, var(--ai-hub-purple), var(--ai-hub-purple-light));\r\n
            color: white;\r\n
            box-shadow: 0 6px 20px rgba(149, 53, 255, 0.3);\r\n
        }\r\n
    \r\n
        .btn-purple:hover {\r\n
            transform: translateY(-3px);\r\n
            box-shadow: 0 10px 30px rgba(149, 53, 255, 0.4);\r\n
            text-decoration: none;\r\n
            color: white;\r\n
        }\r\n
    \r\n
        .btn-outline {\r\n
            background: rgba(255, 255, 255, 0.9);\r\n
            color: var(--ai-hub-purple);\r\n
            border: 2px solid var(--ai-hub-purple);\r\n
            backdrop-filter: blur(10px);\r\n
        }\r\n
    \r\n
        .btn-outline:hover {\r\n
            background: var(--ai-hub-purple);\r\n
            color: white;\r\n
            text-decoration: none;\r\n
            transform: translateY(-2px);\r\n
            box-shadow: 0 6px 20px rgba(149, 53, 255, 0.3);\r\n
        }\r\n
    \r\n
        /* Mobile Responsive */\r\n
        @media (max-width: 991px) {\r\n
            .faq-section {\r\n
                padding: 60px 0;\r\n
            }\r\n
    \r\n
            .faq-title {\r\n
                font-size: 2.3rem;\r\n
            }\r\n
    \r\n
            .faq-header {\r\n
                margin-bottom: 50px;\r\n
            }\r\n
    \r\n
            .faq-cta {\r\n
                padding: 40px 30px;\r\n
                margin-top: 50px;\r\n
            }\r\n
    \r\n
            .cta-buttons {\r\n
                flex-direction: column;\r\n
                align-items: center;\r\n
            }\r\n
    \r\n
            .btn {\r\n
                width: 100%;\r\n
                max-width: 280px;\r\n
            }\r\n
        }\r\n
    \r\n
        @media (max-width: 768px) {\r\n
            .container {\r\n
                padding: 0 15px;\r\n
            }\r\n
    \r\n
            .faq-section {\r\n
                padding: 50px 0;\r\n
            }\r\n
    \r\n
            .faq-header {\r\n
                margin-bottom: 40px;\r\n
            }\r\n
    \r\n
            .faq-title {\r\n
                font-size: 2rem;\r\n
                margin-bottom: 15px;\r\n
            }\r\n
    \r\n
            .faq-subtitle {\r\n
                font-size: 1rem;\r\n
            }\r\n
    \r\n
            .faq-question {\r\n
                padding: 25px 25px;\r\n
                font-size: 1.1rem;\r\n
            }\r\n
    \r\n
            .faq-toggle {\r\n
                width: 30px;\r\n
                height: 30px;\r\n
                margin-left: 15px;\r\n
            }\r\n
    \r\n
            .faq-toggle::before {\r\n
                width: 14px;\r\n
            }\r\n
    \r\n
            .faq-toggle::after {\r\n
                height: 14px;\r\n
            }\r\n
    \r\n
            .faq-answer.active {\r\n
                padding: 0 25px 25px 25px;\r\n
            }\r\n
    \r\n
            .faq-answer-content {\r\n
                font-size: 1rem;\r\n
            }\r\n
    \r\n
            .faq-cta {\r\n
                padding: 35px 25px;\r\n
            }\r\n
    \r\n
            .cta-title {\r\n
                font-size: 1.5rem;\r\n
            }\r\n
        }\r\n
    \r\n
        /* Entrance animations */\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
        .faq-item {\r\n
            opacity: 0;\r\n
            transform: translateY(20px);\r\n
            animation: fadeUpFaq 0.6s ease forwards;\r\n
        }\r\n
    \r\n
        .faq-item:nth-child(1) { animation-delay: 0.1s; }\r\n
        .faq-item:nth-child(2) { animation-delay: 0.15s; }\r\n
        .faq-item:nth-child(3) { animation-delay: 0.2s; }\r\n
        .faq-item:nth-child(4) { animation-delay: 0.25s; }\r\n
        .faq-item:nth-child(5) { animation-delay: 0.3s; }\r\n
        .faq-item:nth-child(6) { animation-delay: 0.35s; }\r\n
        .faq-item:nth-child(7) { animation-delay: 0.4s; }\r\n
        .faq-item:nth-child(8) { animation-delay: 0.45s; }\r\n
        .faq-item:nth-child(9) { animation-delay: 0.5s; }\r\n
        .faq-item:nth-child(10) { animation-delay: 0.55s; }\r\n
    \r\n
        @keyframes fadeUpFaq {\r\n
            to {\r\n
                opacity: 1;\r\n
                transform: translateY(0);\r\n
            }\r\n
        }\r\n
    \r\n
        /* Contact Section */\r\n
        .contact-section {\r\n
            background: linear-gradient(135deg, var(--tertiary-gray), var(--dark-gray));\r\n
            color: white;\r\n
            padding: 80px 0;\r\n
            text-align: center;\r\n
        }\r\n
    \r\n
        .contact-content {\r\n
            max-width: 600px;\r\n
            margin: 0 auto;\r\n
        }\r\n
    \r\n
        .contact-title {\r\n
            color: white;\r\n
            margin-bottom: 20px;\r\n
        }\r\n
    \r\n
        .contact-description {\r\n
            font-size: 1.2rem;\r\n
            margin-bottom: 40px;\r\n
            opacity: 0.9;\r\n
        }\r\n
    \r\n
        .contact-info {\r\n
            display: flex;\r\n
            justify-content: center;\r\n
            gap: 40px;\r\n
            margin-top: 40px;\r\n
            flex-wrap: wrap;\r\n
        }\r\n
    \r\n
        .contact-item {\r\n
            display: flex;\r\n
            align-items: center;\r\n
            gap: 12px;\r\n
            background: rgba(255, 255, 255, 0.1);\r\n
            padding: 20px 30px;\r\n
            border-radius: 10px;\r\n
            backdrop-filter: blur(10px);\r\n
        }\r\n
    \r\n
        .contact-icon {\r\n
            width: 24px;\r\n
            height: 24px;\r\n
            color: var(--primary-green);\r\n
        }\r\n
    \r\n
        /* Mobile Responsive */\r\n
        @media (max-width: 768px) {\r\n
            .container {\r\n
                padding: 0 15px;\r\n
            }\r\n
    \r\n
            .section {\r\n
                padding: 60px 0;\r\n
            }\r\n
    \r\n
            .hero {\r\n
                padding: 120px 0 80px;\r\n
            }\r\n
    \r\n
            .hero-container {\r\n
                padding: 0 20px;\r\n
            }\r\n
    \r\n
            .hero-content {\r\n
                grid-template-columns: 1fr;\r\n
                gap: 50px;\r\n
                text-align: center;\r\n
            }\r\n
    \r\n
            .hero-left {\r\n
                order: 2;\r\n
            }\r\n
    \r\n
            .hero-right {\r\n
                order: 1;\r\n
            }\r\n
    \r\n
            .hero-title {\r\n
                font-size: 2.5rem;\r\n
                line-height: 1.2;\r\n
            }\r\n
    \r\n
            .hero-subtitle {\r\n
                font-size: 1.1rem;\r\n
            }\r\n
    \r\n
            .hero-value-props {\r\n
                margin-bottom: 40px;\r\n
            }\r\n
    \r\n
            .value-prop {\r\n
                padding: 12px 0;\r\n
            }\r\n
    \r\n
            .value-prop-icon {\r\n
                width: 40px;\r\n
                height: 40px;\r\n
                font-size: 1rem;\r\n
            }\r\n
    \r\n
            .value-prop-title {\r\n
                font-size: 1rem;\r\n
            }\r\n
    \r\n
            .value-prop-description {\r\n
                font-size: 0.9rem;\r\n
            }\r\n
    \r\n
            .hero-cta-section {\r\n
                flex-direction: column;\r\n
                gap: 15px;\r\n
                align-items: center;\r\n
            }\r\n
    \r\n
            .hero-cta-primary,\r\n
            .hero-cta-secondary {\r\n
                width: 100%;\r\n
                max-width: 300px;\r\n
                justify-content: center;\r\n
            }\r\n
    \r\n
            .product-showcase {\r\n
                max-width: 100%;\r\n
                height: 400px;\r\n
                margin: 0 auto;\r\n
            }\r\n
    \r\n
            .showcase-grid {\r\n
                grid-template-columns: 1fr 1fr;\r\n
                grid-template-rows: 1fr 1fr;\r\n
                gap: 15px;\r\n
            }\r\n
    \r\n
            .product-card {\r\n
                padding: 20px;\r\n
            }\r\n
    \r\n
            .product-icon {\r\n
                width: 40px;\r\n
                height: 40px;\r\n
                font-size: 1.2rem;\r\n
                margin-bottom: 12px;\r\n
            }\r\n
    \r\n
            .product-title {\r\n
                font-size: 1rem;\r\n
                margin-bottom: 6px;\r\n
            }\r\n
    \r\n
            .product-description {\r\n
                font-size: 0.8rem;\r\n
                margin-bottom: 12px;\r\n
            }\r\n
    \r\n
            .product-meta {\r\n
                font-size: 0.75rem;\r\n
            }\r\n
    \r\n
            .connection-line {\r\n
                display: none;\r\n
            }\r\n
    \r\n
            .nav-links {\r\n
                display: none;\r\n
            }\r\n
    \r\n
            .programs-grid {\r\n
                grid-template-columns: 1fr;\r\n
                gap: 20px;\r\n
            }\r\n
    \r\n
            .program-header,\r\n
            .program-content {\r\n
                padding: 25px;\r\n
            }\r\n
    \r\n
            .program-title {\r\n
                font-size: 1.5rem;\r\n
            }\r\n
    \r\n
            .program-cta {\r\n
                flex-direction: column;\r\n
            }\r\n
    \r\n
            .btn {\r\n
                width: 100%;\r\n
            }\r\n
    \r\n
            .audience-grid {\r\n
                grid-template-columns: 1fr;\r\n
            }\r\n
    \r\n
            .audience-card {\r\n
                padding: 30px;\r\n
            }\r\n
    \r\n
            .faq-grid {\r\n
                grid-template-columns: 1fr;\r\n
            }\r\n
    \r\n
            .contact-info {\r\n
                flex-direction: column;\r\n
                gap: 20px;\r\n
            }\r\n
    \r\n
            h1 { font-size: 2.5rem; }\r\n
            h2 { font-size: 2rem; }\r\n
            h3 { font-size: 1.5rem; }\r\n
        }\r\n
    \r\n
        @media (max-width: 480px) {\r\n
            .hero-title {\r\n
                font-size: 2rem;\r\n
            }\r\n
    \r\n
            .hero-subtitle {\r\n
                font-size: 1rem;\r\n
            }\r\n
    \r\n
            .product-showcase {\r\n
                height: 350px;\r\n
            }\r\n
    \r\n
            .showcase-grid {\r\n
                gap: 12px;\r\n
            }\r\n
    \r\n
            .product-card {\r\n
                padding: 15px;\r\n
            }\r\n
    \r\n
            .product-icon {\r\n
                width: 35px;\r\n
                height: 35px;\r\n
                font-size: 1rem;\r\n
                margin-bottom: 10px;\r\n
            }\r\n
    \r\n
            .product-title {\r\n
                font-size: 0.95rem;\r\n
            }\r\n
    \r\n
            .product-description {\r\n
                font-size: 0.75rem;\r\n
            }\r\n
        }\r\n
    \r\n
        /* Animations */\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
        /* Sticky CTA */\r\n
        .sticky-cta {\r\n
            position: fixed;\r\n
            bottom: 20px;\r\n
            right: 20px;\r\n
            z-index: 1000;\r\n
            display: none;\r\n
        }\r\n
    \r\n
        .sticky-cta.show {\r\n
            display: block;\r\n
            animation: slideUp 0.3s ease;\r\n
        }\r\n
    \r\n
        @keyframes slideUp {\r\n
            from { transform: translateY(100px); opacity: 0; }\r\n
            to { transform: translateY(0); opacity: 1; }\r\n
        }\r\n
    \r\n
        /* Mobile Sticky CTA */\r\n
        @media (max-width: 768px) {\r\n
            .sticky-cta {\r\n
                bottom: 15px;\r\n
                right: 15px;\r\n
                left: 15px;\r\n
            }\r\n
    \r\n
            .sticky-cta .btn {\r\n
                width: 100%;\r\n
            }\r\n
        }\r\n
    \r\n
    \r\n
    </style>\r\n
    </head>\r\n
    <body>\r\n
    \r\n
    \r\n
    <!-- NEUER HERO SECTION - ERSETZT DEN ALTEN -->\r\n
    <section class="hero">\r\n
        <div class="hero-container">\r\n
            <div class="hero-content">\r\n
                <div class="hero-left">\r\n
                    <div class="hero-corporate-badge">\r\n
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width: 16px; height: 16px;">\r\n
                            <path d="M3 21h18"/>\r\n
                            <path d="M5 21V7l8-4v18"/>\r\n
                            <path d="M19 21V11l-6-4"/>\r\n
                        </svg>\r\n
                        KI-Weiterbildungen für Unternehmen\r\n
                    </div>\r\n
                    \r\n
                    <h1 class="hero-title">\r\n
                        Machen Sie Ihr Team fit für die Arbeit mit <span class="highlight">KI</span>\r\n
                    </h1>\r\n
                    \r\n
                    <p class="hero-subtitle">\r\n
                       Ihr Team arbeitet in kurzer Zeit effizienter <br>– dank praxisnaher KI-Schulungen.\r\n
                    </p>\r\n
                    \r\n
                    <div class="hero-value-props">\r\n
                        <div class="value-prop">\r\n
                            <div class="value-prop-icon">\r\n
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                    <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>\r\n
                                </svg>\r\n
                            </div>\r\n
                            <div class="value-prop-content">\r\n
                                <div class="value-prop-title">Sofort produktiver arbeiten</div>\r\n
                                <div class="value-prop-description">Ihre Teams arbeiten ab Tag 1 messbar produktiver mit KI – in echten Anwendungsfällen.</div>\r\n
                            </div>\r\n
                        </div>\r\n
                        \r\n
                        <div class="value-prop">\r\n
                            <div class="value-prop-icon">\r\n
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                    <circle cx="12" cy="12" r="10"/>\r\n
                                    <path d="M16 8l-4 4-2-2"/>\r\n
                                </svg>\r\n
                            </div>\r\n
                            <div class="value-prop-content">\r\n
                                <div class="value-prop-title">Maßgeschneidert für Ihre Branche</div>\r\n
                                <div class="value-prop-description">Inhalte und Tools, die zu Ihren Prozessen und Zielgruppen passen.</div>\r\n
                            </div>\r\n
                        </div>\r\n
                        \r\n
                        <div class="value-prop">\r\n
                            <div class="value-prop-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
                            <div class="value-prop-content">\r\n
                                <div class="value-prop-title">Mitarbeitende aus über 100 Unternehmen geschult</div>\r\n
                                <div class="value-prop-description">Vom Familienbetrieb bis zum Konzern – Unternehmen jeder Größe setzen auf unsere KI-Weiterbildungen.</div>\r\n
                            </div>\r\n
                        </div>\r\n
                    </div>\r\n
                    \r\n
                    <div class="hero-cta-section">\r\n
                        <a href="https://calendly.com/tobias-anthon-startplatz/beratungsgesprach-fur-ki-weiterbildungen?utm_source=webseite_SP&utm_medium=webseite" class="hero-cta-primary" target="_blank">\r\n
                            Beratungstermin buchen\r\n
                            <span>→</span>\r\n
                        </a>\r\n
                        <a href="#corporate" class="hero-cta-secondary">\r\n
                            Programme ansehen\r\n
                            <span>↓</span>\r\n
                        </a>\r\n
                    </div>\r\n
                </div>\r\n
                \r\n
                <div class="hero-right">\r\n
                    <div class="product-showcase">\r\n
                        <div class="showcase-connections">\r\n
                            <div class="connection-line horizontal-top"></div>\r\n
                            <div class="connection-line horizontal-bottom"></div>\r\n
                            <div class="connection-line vertical-left"></div>\r\n
                            <div class="connection-line vertical-right"></div>\r\n
                        </div>\r\n
                        \r\n
                        <div class="showcase-grid">\r\n
    \r\n
                             <!-- Corporate Training -->\r\n
                             <div class="product-card corporate">\r\n
                                <div class="product-icon">\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
                                <div class="product-title">Corporate Training</div>\r\n
                                <div class="product-description">Maßgeschneiderte Inhouse-Schulungen</div>\r\n
                                <div class="product-meta">\r\n
                                    <span class="meta-badge">Flexibler Zeitraum</span>\r\n
                                </div>\r\n
                            </div>\r\n
    \r\n
                            <!-- Zertifikatskurse -->\r\n
                            <div class="product-card zertifikat">\r\n
                                <div class="product-icon">\r\n
                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                        <path d="M22 10v6M2 10l10-5 10 5-10 5z"/>\r\n
                                        <path d="M6 12v5c3 3 9 3 12 0v-5"/>\r\n
                                    </svg>\r\n
                                </div>\r\n
                                <div class="product-title">Zertifikatskurse</div>\r\n
                                <div class="product-description">Strukturierte Programme mit anerkannten Abschlüssen</div>\r\n
                                <div class="product-meta">\r\n
                                    <span class="meta-badge">1 Tag bis 12 Wochen</span>\r\n
                                </div>\r\n
                            </div>\r\n
                            \r\n
                            <!-- Workshops -->\r\n
                            <div class="product-card workshop">\r\n
                                <div class="product-icon">\r\n
                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                        <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/>\r\n
                                    </svg>\r\n
                                </div>\r\n
                                <div class="product-title">Workshops & Events</div>\r\n
                                <div class="product-description">Kompakte Formate für schnelle Lernerfolge</div>\r\n
                                <div class="product-meta">\r\n
                                    <span class="meta-badge">1-5 Tage</span>\r\n
                                </div>\r\n
                            </div>\r\n
                            \r\n
                            <!-- KI-Partnerschaft -->\r\n
                            <div class="product-card beratung">\r\n
                                <div class="product-icon">\r\n
                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                        <path d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/>\r\n
                                    </svg>\r\n
                                </div>\r\n
                                <div class="product-title">KI-Partnerschaft</div>\r\n
                                <div class="product-description">Langfristige Begleitung bei der praktischen KI-Implementierung</div>\r\n
                                <div class="product-meta">\r\n
                                    <span class="meta-badge">3-12 Monate</span>\r\n
                                </div>\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
    \r\n
    \r\n
    \r\n
    <!-- Corporate Section -->\r\n
    <section id="corporate" class="section">\r\n
        <div class="container">\r\n
            <div class="text-center">\r\n
                <h2 class="section-title">Corporate Training & Beratung</h2>\r\n
                <p class="section-description">\r\n
                    Private KI-Schulungen exklusiv für Ihre Teams – individuell angepasst an Ihre Branche, Prozesse und Unternehmensziele\r\n
                </p>\r\n
            </div>\r\n
            \r\n
            <div class="programs-grid">\r\n
                <!-- Innovation Day -->\r\n
                <div class="program-card" onclick="openModal('innovation-day-modal')" tabindex="0" role="button">\r\n
                    <div class="program-header">\r\n
                        <div class="program-icon icon-corporate">\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
                            </svg>\r\n
                        </div>\r\n
                        <h3 class="program-title">Innovation Day</h3>\r\n
                        <p class="program-short-description">\r\n
                            Eintägiges maßgeschneidertes Event im STARTPLATZ – mitten im Startup-Ökosystem. \r\n
                            Vom KI-Trends bis zur Umsetzungsplanung in inspirierender Atmosphäre.\r\n
                        </p>\r\n
    \r\n
                        <div class="program-key-info">\r\n
                            <div class="key-info-item">\r\n
                                <span class="key-info-label">Dauer:</span>\r\n
                                <span class="key-info-value">1 Tag (6-8 Stunden)</span>\r\n
                            </div>\r\n
                            <div class="key-info-item">\r\n
                                <span class="key-info-label">Teilnehmer:</span>\r\n
                                <span class="key-info-value">individuell</span>\r\n
                            </div>\r\n
                        </div>\r\n
    \r\n
                        <div class="program-meta-compact">\r\n
                            <span class="meta-tag">Startup-Atmosphäre vor Ort</span>\r\n
                            <span class="meta-tag">Maßgeschneidert</span>\r\n
                        </div>\r\n
                    </div>\r\n
                    <div class="program-footer">\r\n
                        <div class="program-price">Auf Anfrage</div>\r\n
                        <div class="learn-more-btn">\r\n
                            Mehr erfahren\r\n
                            <span>→</span>\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Inhouse Training -->\r\n
                <div class="program-card" onclick="openModal('inhouse-modal')" tabindex="0" role="button">\r\n
                    <div class="program-header">\r\n
                        <div class="program-icon icon-corporate">\r\n
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/>\r\n
                            </svg>\r\n
                        </div>\r\n
                        <h3 class="program-title">Inhouse Schulungen</h3>\r\n
                        <p class="program-short-description">\r\n
                            Individuelle KI-Schulungen direkt in Ihren Büroräumen. \r\n
                            Bedarfsgerecht, branchenspezifisch, mit Nachbetreuung.\r\n
                        </p>\r\n
    \r\n
                        <div class="program-key-info">\r\n
                            <div class="key-info-item">\r\n
                                <span class="key-info-label">Dauer:</span>\r\n
                                <span class="key-info-value">1-5 Tage (flexibel)</span>\r\n
                            </div>\r\n
                            <div class="key-info-item">\r\n
                                <span class="key-info-label">Teilnehmer:</span>\r\n
                                <span class="key-info-value">individuell</span>\r\n
                            </div>\r\n
                        </div>\r\n
    \r\n
                        <div class="program-meta-compact">\r\n
                            <span class="meta-tag">Individuell</span>\r\n
                            <span class="meta-tag">Branchenspezifisch</span>\r\n
                        </div>\r\n
                    </div>\r\n
                    <div class="program-footer">\r\n
                        <div class="program-price">Auf Anfrage</div>\r\n
                        <div class="learn-more-btn">\r\n
                            Mehr erfahren\r\n
                            <span>→</span>\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- KI-Mentoring -->\r\n
                <div class="program-card" onclick="openModal('beratung-modal')" tabindex="0" role="button">\r\n
                    <div class="program-header">\r\n
                        <div class="program-icon icon-beratung">\r\n
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                <path d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/>\r\n
                            </svg>\r\n
                        </div>\r\n
                        <h3 class="program-title">AI-Private Academy</h3>\r\n
                        <p class="program-short-description">\r\n
                            Langfristige Zusammenarbeit für erfolgreiche KI-Integration. \r\n
                            Regelmäßige Sessions, praktische Umsetzung und kontinuierliche Optimierung.\r\n
                        </p>\r\n
    \r\n
                        <div class="program-key-info">\r\n
                            <div class="key-info-item">\r\n
                                <span class="key-info-label">Dauer:</span>\r\n
                                <span class="key-info-value" gray">3-12 Monate</span>\r\n
                            </div>\r\n
                            <div class="key-info-item">\r\n
                                <span class="key-info-label">Zielgruppe:</span>\r\n
                                <span class="key-info-value" gray">C-Level & Entscheider</span>\r\n
                            </div>\r\n
                        </div>\r\n
    \r\n
                        <div class="program-meta-compact">\r\n
                            <span class="meta-tag">Partnership</span>\r\n
                            <span class="meta-tag">Hands-on</span>\r\n
                        </div>\r\n
                    </div>\r\n
                    <div class="program-footer">\r\n
                        <div class="program-price">Auf Anfrage</div>\r\n
                        <div class="learn-more-btn">\r\n
                            Mehr erfahren\r\n
                            <span>→</span>\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
    </section>\r\n
    \r\n
    <!-- Zertifikatskurse Section -->\r\n
    <section id="zertifikatskurse" class="section">\r\n
        <div class="container">\r\n
            <div class="text-center">\r\n
                <h2 class="section-title">Unsere offenen KI-Schulungen</h2>\r\n
                <p class="section-description">\r\n
                    Regelmäßig stattfindende Schulungen – ideal für einzelne Mitarbeitende oder kleine Teams aus Unternehmen, vom Einstieg bis zur zertifizierten Vertiefung.\r\n
                </p>\r\n
            </div>\r\n
            <div class="programs-grid">\r\n
    <!-- KI-Kompetenz -->\r\n
                <div class="program-card" onclick="openModal('ki-kompetenz-modal')" tabindex="0" role="button" aria-label="KI-Kompetenz Programm Details öffnen">\r\n
                    <div class="program-header">\r\n
                        <div class="program-icon icon-zertifikat">\r\n
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/>\r\n
                                <circle cx="12" cy="12" r="4"/>\r\n
                            </svg>\r\n
                        </div>\r\n
                        <h3 class="program-title">KI-Kompetenz</h3>\r\n
                        <p class="program-short-description">\r\n
                            Tagesworkshop mit sofortiger Zertifizierung gemäß EU KI-Verordnung. \r\n
                            Erfüllen Sie die rechtlichen Anforderungen ab Februar 2025.\r\n
                        </p>\r\n
    \r\n
                        <div class="program-key-info">\r\n
                            <div class="key-info-item">\r\n
                                <span class="key-info-label">Dauer:</span>\r\n
                                <span class="key-info-value">1-tägig inkl. Prüfung</span>\r\n
                            </div>\r\n
                            <div class="key-info-item">\r\n
                                <span class="key-info-label">Format:</span>\r\n
                                <span class="key-info-value">Online-Seminar</span>\r\n
                            </div>\r\n
                        </div>\r\n
    \r\n
                        <div class="program-meta-compact">\r\n
                            <span class="meta-tag">EU-compliance</span>\r\n
                            <span class="meta-tag">Cert-IT Zertifikat</span>\r\n
                        </div>\r\n
                    </div>\r\n
                    <div class="program-footer">\r\n
                        <div class="program-price">890€</div>\r\n
                        <div class="learn-more-btn">\r\n
                            Mehr erfahren\r\n
                            <span>→</span>\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
                <!-- KI-Start -->\r\n
                <div class="program-card" onclick="openModal('ki-start-modal')" tabindex="0" role="button" aria-label="KI-Start Programm Details öffnen">\r\n
                    <div class="program-header">\r\n
                        <div class="program-icon icon-zertifikat">\r\n
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/>\r\n
                            </svg>\r\n
                        </div>\r\n
                        <h3 class="program-title">KI-Start</h3>\r\n
                        <p class="program-short-description">\r\n
                            Der perfekte Einstieg in die KI-Welt – flexibel und praxisnah. \r\n
                            Strukturiertes Grundlagenwissen in 8 Wochen Teilzeit vermittelt.\r\n
                        </p>\r\n
    \r\n
                        <div class="program-key-info">\r\n
                            <div class="key-info-item">\r\n
                                <span class="key-info-label">Dauer:</span>\r\n
                                <span class="key-info-value">8 Wochen Teilzeit</span>\r\n
                            </div>\r\n
                            <div class="key-info-item">\r\n
                                <span class="key-info-label">Level:</span>\r\n
                                <span class="key-info-value">Einsteiger-freundlich</span>\r\n
                            </div>\r\n
                        </div>\r\n
    \r\n
                        <div class="program-meta-compact">\r\n
                            <span class="meta-tag">Online & Präsenz</span>\r\n
                            <span class="meta-tag">Zertifikat</span>\r\n
                        </div>\r\n
                    </div>\r\n
                    <div class="program-footer">\r\n
                        <div class="program-price">2.240€</div>\r\n
                        <div class="learn-more-btn">\r\n
                            Mehr erfahren\r\n
                            <span>→</span>\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                 <!-- KI-Manager:in -->\r\n
                <div class="program-card" onclick="openModal('ki-manager-modal')" tabindex="0" role="button" aria-label="KI-Manager:in Programm Details öffnen">\r\n
                    <div class="program-header">\r\n
                        <div class="program-icon icon-zertifikat">\r\n
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                <path d="M22 10v6M2 10l10-5 10 5-10 5z"/>\r\n
                                <path d="M6 12v5c3 3 9 3 12 0v-5"/>\r\n
                            </svg>\r\n
                        </div>\r\n
                        <h3 class="program-title">KI-Manager:in</h3>\r\n
                        <p class="program-short-description">\r\n
                            AZAV-zertifizierte Vollzeit-Weiterbildung für Führungskräfte. \r\n
                            Werden Sie zur gefragten Fachkraft für KI-Management und -Implementierung.\r\n
                        </p>\r\n
    \r\n
                        <div class="program-key-info">\r\n
                            <div class="key-info-item">\r\n
                                <span class="key-info-label">Dauer:</span>\r\n
                                <span class="key-info-value">8 Wochen Vollzeit</span>\r\n
                            </div>\r\n
                            <div class="key-info-item">\r\n
                                <span class="key-info-label">Zertifikat:</span>\r\n
                                <span class="key-info-value">Cert-IT Zertifikat</span>\r\n
                            </div>\r\n
                        </div>\r\n
    \r\n
                        <div class="program-meta-compact">\r\n
                            <span class="meta-tag">AZAV-Zertifiziert</span>\r\n
                            <span class="meta-tag">Bildungsgutschein</span>\r\n
                        </div>\r\n
                    </div>\r\n
                    <div class="program-footer">\r\n
                        <div class="program-price">100% Förderung möglich</div>\r\n
                        <div class="learn-more-btn">\r\n
                            Mehr erfahren\r\n
                            <span>→</span>\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
    </section>\r\n
    \r\n
    <!-- Workshops Section -->\r\n
    <section id="workshops" class="section">\r\n
        <div class="container">\r\n
            <div class="text-center">\r\n
                <h2 class="section-title">Workshops & Events</h2>\r\n
                <p class="section-description">\r\n
                    Kompakte Formate für den schnellen Einstieg und kontinuierliche Weiterbildung\r\n
                </p>\r\n
            </div>\r\n
            \r\n
            <div class="programs-grid">\r\n
    <!-- Prompt Engineering -->\r\n
    <div class="program-card" onclick="openModal('prompt-modal')" tabindex="0" role="button">\r\n
    <div class="program-header">\r\n
        <div class="program-icon icon-workshop">\r\n
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                <path d="M22 12h-4l-3 9L9 3l-3 9H2"/>\r\n
            </svg>\r\n
        </div>\r\n
        <h3 class="program-title">Prompt Engineering</h3>\r\n
        <p class="program-short-description">\r\n
            Meistern Sie die Kunst des perfekten Prompts. \r\n
            Hands-on Workshop für sofort anwendbare KI-Effizienz.\r\n
        </p>\r\n
    \r\n
        <div class="program-key-info">\r\n
            <div class="key-info-item">\r\n
                <span class="key-info-label">Dauer:</span>\r\n
                <span class="key-info-value">1 Tag Masterclass</span>\r\n
            </div>\r\n
            <div class="key-info-item">\r\n
                <span class="key-info-label">Max. Teilnehmer:</span>\r\n
                <span class="key-info-value">15 Personen</span>\r\n
            </div>\r\n
        </div>\r\n
    \r\n
        <div class="program-meta-compact">\r\n
            <span class="meta-tag light">Hands-on</span>\r\n
            <span class="meta-tag light">Sofort anwendbar</span>\r\n
        </div>\r\n
    </div>\r\n
    <div class="program-footer">\r\n
        <div class="program-price">ab 250€</div>\r\n
        <!-- <div class="learn-more-btn">\r\n
            Mehr erfahren\r\n
            <span>→</span>\r\n
        </div> -->\r\n
    </div>\r\n
    </div>\r\n
    \r\n
    <!-- AI Friday -->\r\n
    <div class="program-card" onclick="openModal('ai-friday-modal')" tabindex="0" role="button">\r\n
    <div class="program-header">\r\n
        <div class="program-icon icon-workshop">\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
        <h3 class="program-title">AI Friday</h3>\r\n
        <p class="program-short-description">\r\n
            Wöchentlicher Austausch mit KI-Experten. \r\n
            Bleiben Sie up-to-date mit den neuesten KI-Trends und vernetzen Sie sich.\r\n
        </p>\r\n
    \r\n
        <div class="program-key-info">\r\n
            <div class="key-info-item">\r\n
                <span class="key-info-label">Wann:</span>\r\n
                <span class="key-info-value">Jeden Freitag 17-19h</span>\r\n
            </div>\r\n
            <div class="key-info-item">\r\n
                <span class="key-info-label">Wo:</span>\r\n
                <span class="key-info-value">STARTPLATZ Köln</span>\r\n
            </div>\r\n
        </div>\r\n
    \r\n
        <div class="program-meta-compact">\r\n
            <span class="meta-tag light">Community</span>\r\n
            <span class="meta-tag light">Networking</span>\r\n
        </div>\r\n
    </div>\r\n
    <div class="program-footer">\r\n
        <div class="program-price">Kostenlos</div>\r\n
        <!-- <div class="learn-more-btn">\r\n
            Mehr erfahren\r\n
            <span>→</span>\r\n
        </div> -->\r\n
    </div>\r\n
    </div>\r\n
    \r\n
    <!-- AI Summer School -->\r\n
    <div class="program-card" onclick="openModal('summer-school-modal')" tabindex="0" role="button">\r\n
    <div class="program-header">\r\n
        <div class="program-icon icon-workshop">\r\n
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>\r\n
            </svg>\r\n
        </div>\r\n
        <h3 class="program-title">AI Summer School</h3>\r\n
        <p class="program-short-description">\r\n
            Intensive Sommerwoche für C-Level und Innovatoren. \r\n
            Exklusives Programm mit hochkarätigem Netzwerk.\r\n
        </p>\r\n
    \r\n
        <div class="program-key-info">\r\n
            <div class="key-info-item">\r\n
                <span class="key-info-label">Dauer:</span>\r\n
                <span class="key-info-value">5 Tage intensiv</span>\r\n
            </div>\r\n
            <div class="key-info-item">\r\n
                <span class="key-info-label">Max. Teilnehmer:</span>\r\n
                <span class="key-info-value">20 Personen</span>\r\n
            </div>\r\n
        </div>\r\n
    \r\n
        <div class="program-meta-compact">\r\n
            <span class="meta-tag light">Hands-on</span>\r\n
            <span class="meta-tag light">Community</span>\r\n
        </div>\r\n
    </div>\r\n
    <div class="program-footer">\r\n
        <div class="program-price">ab 1.500€</div>\r\n
        <!-- <div class="learn-more-btn">\r\n
            Mehr erfahren\r\n
            <span>→</span>\r\n
        </div> -->\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </div>\r\n
    </section>\r\n
    \r\n
    <!-- KI-Manager Modal -->\r\n
    <div id="ki-manager-modal" class="modal">\r\n
    <div class="modal-content">\r\n
    <div class="modal-header">\r\n
    <span class="modal-close" onclick="closeModal('ki-manager-modal')">&times;</span>\r\n
    <div class="modal-header-content">\r\n
        <div class="modal-icon">\r\n
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                    <path d="M22 10v6M2 10l10-5 10 5-10 5z"/>\r\n
                    <path d="M6 12v5c3 3 9 3 12 0v-5"/>\r\n
                </svg>\r\n
            </div>\r\n
            <div class="modal-title-area">\r\n
            <h2 class="modal-title">KI-Manager:in</h2>\r\n
            <p class="modal-subtitle">AZAV-zertifizierte Vollzeit-Weiterbildung zum KI-Experten</p>\r\n
        </div>\r\n
    </div>\r\n
    </div>\r\n
        <div class="modal-body">\r\n
            <div class="modal-details">\r\n
                <h4>Über das Programm</h4>\r\n
                <p>\r\n
                    Werden Sie in nur 8 Wochen zur gefragten Fachkraft für KI-Management und -Implementation. \r\n
                    Diese intensive, vollständig digitale Weiterbildung macht Sie zum KI-Experten mit attraktiven Jobperspektiven und flexiblen Arbeitsmöglichkeiten.\r\n
                </p>\r\n
                \r\n
                <h4>Das lernen Sie</h4>\r\n
                <ul class="modal-highlights">\r\n
                    <li>\r\n
                        <div class="highlight-icon">\r\n
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                <path d="M9 11l3 3L22 4"/>\r\n
                            </svg>\r\n
                        </div>\r\n
                        <span>Grundlagen generativer KI und maschinellen Lernens</span>\r\n
                    </li>\r\n
                    <li>\r\n
                        <div class="highlight-icon">\r\n
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                <path d="M9 11l3 3L22 4"/>\r\n
                            </svg>\r\n
                        </div>\r\n
                        <span>Praktische Anwendung von KI-Tools (ChatGPT, Midjourney, KNIME)</span>\r\n
                    </li>\r\n
                    <li>\r\n
                        <div class="highlight-icon">\r\n
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                <path d="M9 11l3 3L22 4"/>\r\n
                            </svg>\r\n
                        </div>\r\n
                        <span>KI-Use-Case-Entwicklung für verschiedene Unternehmensbereiche</span>\r\n
                    </li>\r\n
                    <li>\r\n
                        <div class="highlight-icon">\r\n
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                <path d="M9 11l3 3L22 4"/>\r\n
                            </svg>\r\n
                        </div>\r\n
                        <span>Ethische und rechtliche Rahmenbedingungen der KI-Nutzung</span>\r\n
                    </li>\r\n
                </ul>\r\n
    \r\n
                <h4>Ihre Vorteile</h4>\r\n
                <p>\r\n
                    100% Förderung durch Bildungsgutschein möglich. \r\n
                    Komplett digitale Durchführung deutschlandweit. \r\n
                    Nach erfolgreicher Teilnahme erhalten Sie ein anerkanntes Zertifikat von der unabhängigen Zertifizierungsstelle Cert-IT GmbH.\r\n
                </p>\r\n
            </div>\r\n
            <div class="modal-info-container">\r\n
                <div class="modal-info-box">\r\n
                    <h3 class="info-box-title">Programm Details</h3>\r\n
                    <div class="info-item">\r\n
                        <svg class="info-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <circle cx="12" cy="12" r="10"/>\r\n
                            <polyline points="12,6 12,12 16,14"/>\r\n
                        </svg>\r\n
                        <span class="info-text">8 Wochen Vollzeit</span>\r\n
                    </div>\r\n
                    <div class="info-item">\r\n
                        <svg class="info-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>\r\n
                            <circle cx="12" cy="10" r="3"/>\r\n
                        </svg>\r\n
                        <span class="info-text">100% digital, deutschlandweit</span>\r\n
                    </div>\r\n
                    <div class="info-item">\r\n
                        <svg class="info-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <path d="M22 12h-4l-3 9L9 3l-3 9H2"/>\r\n
                        </svg>\r\n
                        <span class="info-text">AZAV-zertifiziert</span>\r\n
                    </div>\r\n
                    <div class="info-item">\r\n
                        <svg class="info-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>\r\n
                        </svg>\r\n
                        <span class="info-text">Cert-IT Zertifikat</span>\r\n
                    </div>\r\n
                    <div class="info-item">\r\n
                        <svg class="info-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <path d="M18 20V10"/>\r\n
                            <path d="M12 20V4"/>\r\n
                            <path d="M6 20v-6"/>\r\n
                        </svg>\r\n
                        <span class="info-text">100% Förderung möglich</span>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <div class="modal-dates-box">\r\n
                    <h3 class="dates-box-title">Nächste Starttermine</h3>\r\n
                    <div class="simple-date-list">\r\n
                        <div class="simple-date">04. Aug 2025</div>\r\n
                        <div class="simple-date">01. Sep 2025</div>\r\n
                        <div class="simple-date">06. Okt 2025</div>\r\n
                    </div>\r\n
                    <div class="dates-note">Weitere Termine auf Anfrage</div>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
        <div class="modal-footer">\r\n
            <a href="https://bildungsgutschein.startplatz-ai-hub.de/azav-ki-manager?hsLang=de" class="btn btn-primary" target="_blank">\r\n
                Mehr Informationen\r\n
            </a>\r\n
            <a href="https://startplatz-ai-hub.de/meetings/ai-hub/beratungsgesprach-ki-manager?hsLang=de&uuid=ff2424f8-1368-4c73-b862-9a5aba7ae54d" class="btn btn-secondary">\r\n
                Beratung buchen\r\n
            </a>\r\n
        </div>\r\n
    </div>\r\n
    </div>\r\n
    \r\n
    <!-- KI-Start Modal -->\r\n
    <div id="ki-start-modal" class="modal">\r\n
    <div class="modal-content">\r\n
        <div class="modal-header">\r\n
            <span class="modal-close" onclick="closeModal('ki-start-modal')">&times;</span>\r\n
            <div class="modal-header-content">\r\n
                <div class="modal-icon">\r\n
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                        <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/>\r\n
                    </svg>\r\n
                </div>\r\n
                <div class="modal-title-area">\r\n
                    <h2 class="modal-title">KI-Start</h2>\r\n
                    <p class="modal-subtitle">Der perfekte Einstieg in die KI-Welt</p>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
        <div class="modal-body">\r\n
            <div class="modal-details">\r\n
                <h4>Ihr Einstieg in die KI-Welt</h4>\r\n
                <p>\r\n
                    KI-Start ist das ideale Programm für alle, die einen strukturierten und praxisnahen Einstieg in die Künstliche Intelligenz suchen. \r\n
                    In 8 Wochen erhalten Sie fundiertes Grundlagenwissen und können KI sofort in Ihrem Arbeitsalltag anwenden.\r\n
                </p>\r\n
                \r\n
                <h4>Das lernen Sie</h4>\r\n
                <ul class="modal-highlights">\r\n
                    <li>\r\n
                        <div class="highlight-icon">\r\n
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                <path d="M9 11l3 3L22 4"/>\r\n
                            </svg>\r\n
                        </div>\r\n
                        <span>KI-Grundlagen und wichtigste Tools kennenlernen</span>\r\n
                    </li>\r\n
                    <li>\r\n
                        <div class="highlight-icon">\r\n
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                <path d="M9 11l3 3L22 4"/>\r\n
                            </svg>\r\n
                        </div>\r\n
                        <span>Praktische Anwendung mit ChatGPT, Claude & Co. für Ihren Job</span>\r\n
                    </li>\r\n
                    <li>\r\n
                        <div class="highlight-icon">\r\n
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                <path d="M9 11l3 3L22 4"/>\r\n
                            </svg>\r\n
                        </div>\r\n
                        <span>Prompt Engineering für maximale Effizienz im Arbeitsalltag</span>\r\n
                    </li>\r\n
                    <li>\r\n
                        <div class="highlight-icon">\r\n
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                <path d="M9 11l3 3L22 4"/>\r\n
                            </svg>\r\n
                        </div>\r\n
                        <span>Konkrete Use Cases für Ihre täglichen Aufgaben entwickeln</span>\r\n
                    </li>\r\n
                </ul>\r\n
    \r\n
                <h4>Ihre Vorteile</h4>\r\n
                <p>\r\n
                    Arbeiten Sie mit Ihren echten Aufgaben – keine abstrakten Beispiele. \r\n
                    Ab dem ersten Tag nutzen Sie KI produktiv für E-Mails, Präsentationen und Projekte.\r\n
                </p>\r\n
            </div>\r\n
            <div class="modal-info-container">\r\n
                <div class="modal-info-box">\r\n
                    <h3 class="info-box-title">Programm Details</h3>\r\n
                    <div class="info-item">\r\n
                        <svg class="info-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <circle cx="12" cy="12" r="10"/>\r\n
                            <polyline points="12,6 12,12 16,14"/>\r\n
                        </svg>\r\n
                        <span class="info-text">8 Wochen Teilzeit</span>\r\n
                    </div>\r\n
                    <div class="info-item">\r\n
                        <svg class="info-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <rect x="2" y="3" width="20" height="14" rx="2" ry="2"/>\r\n
                            <line x1="8" y1="21" x2="16" y2="21"/>\r\n
                            <line x1="12" y1="17" x2="12" y2="21"/>\r\n
                        </svg>\r\n
                        <span class="info-text">Online mit täglichem Support</span>\r\n
                    </div>\r\n
                    <div class="info-item">\r\n
                        <svg class="info-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>\r\n
                            <circle cx="9" cy="7" r="4"/>\r\n
                        </svg>\r\n
                        <span class="info-text">Einsteiger-freundlich</span>\r\n
                    </div>\r\n
                    <div class="info-item">\r\n
                        <svg class="info-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>\r\n
                        </svg>\r\n
                        <span class="info-text">Zertifikat inklusive</span>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <div class="modal-dates-box">\r\n
                    <h3 class="dates-box-title">Nächste Termine</h3>\r\n
                    <div class="simple-date-list">\r\n
                        <!-- \r\n
    \r\n
                        <div class="simple-date">3. - 7. Feb 2025</div>\r\n
                        <div class="simple-date">17. - 21. Mär 2025</div>\r\n
                        <div class="simple-date">5. - 9. Mai 2025</div>\r\n
                        -->\r\n
                    </div>\r\n
                    <div class="dates-note">Aktuell keine Termine verfügbar</div>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
        <div class="modal-footer">\r\n
            <a href="https://ki-start.startplatz-ai-hub.de" class="btn btn-primary" target="_blank">\r\n
                Mehr informationen\r\n
            </a>\r\n
            <a href="https://meetings.hubspot.com/tobias-anthon/beratungsgesprach-ki-start?uuid=8be2b172-4a2d-440f-8c84-0c9297ec3b50" class="btn btn-secondary">\r\n
                Beratungsgespräch buchen\r\n
            </a>\r\n
        </div>\r\n
    </div>\r\n
    </div>\r\n
    \r\n
    <!-- KI-Kompetenz Modal -->\r\n
    <div id="ki-kompetenz-modal" class="modal">\r\n
    <div class="modal-content">\r\n
        <div class="modal-header">\r\n
            <span class="modal-close" onclick="closeModal('ki-kompetenz-modal')">&times;</span>\r\n
            <div class="modal-header-content">\r\n
                <div class="modal-icon">\r\n
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                        <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/>\r\n
                        <circle cx="12" cy="12" r="4"/>\r\n
                    </svg>\r\n
                </div>\r\n
                <div class="modal-title-area">\r\n
                    <h2 class="modal-title">KI-Kompetenz</h2>\r\n
                    <p class="modal-subtitle">Tagesworkshop mit sofortiger EU-Zertifizierung</p>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
        <div class="modal-body">\r\n
            <div class="modal-details">\r\n
                <h4>Ihr offizieller KI-Kompetenznachweis gemäß EU-Verordnung</h4>\r\n
                <p>\r\n
                    In unserem intensiven Tagesseminar erwerben Sie alle notwendigen Kompetenzen zum erfolgreichen Umgang mit generativer KI und legen am Ende des Tages die Zertifizierungsprüfung ab. \r\n
                    Erfüllen Sie die rechtlichen Anforderungen der EU KI-Verordnung, die ab Februar 2025 in Kraft tritt.\r\n
                </p>\r\n
                \r\n
                <h4>Das lernen Sie</h4>\r\n
                <ul class="modal-highlights">\r\n
                    <li>\r\n
                        <div class="highlight-icon">\r\n
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                <path d="M9 11l3 3L22 4"/>\r\n
                            </svg>\r\n
                        </div>\r\n
                        <span>Grundlagen generativer KI und Prompt-Engineering</span>\r\n
                    </li>\r\n
                    <li>\r\n
                        <div class="highlight-icon">\r\n
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                <path d="M9 11l3 3L22 4"/>\r\n
                            </svg>\r\n
                        </div>\r\n
                        <span>Rechtssichere Anwendung gemäß EU KI-Verordnung</span>\r\n
                    </li>\r\n
                    <li>\r\n
                        <div class="highlight-icon">\r\n
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                <path d="M9 11l3 3L22 4"/>\r\n
                            </svg>\r\n
                        </div>\r\n
                        <span>Praktische Übungen mit aktuellen KI-Tools</span>\r\n
                    </li>\r\n
                    <li>\r\n
                        <div class="highlight-icon">\r\n
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                <path d="M9 11l3 3L22 4"/>\r\n
                            </svg>\r\n
                        </div>\r\n
                        <span>Ethische und datenschutzrechtliche Rahmenbedingungen</span>\r\n
                    </li>\r\n
                </ul>\r\n
    \r\n
                <h4>Ihre Vorteile</h4>\r\n
                <p>\r\n
                    Nach bestandener Online-Prüfung (beaufsichtigt durch Cert-IT) erhalten Sie das offizielle "KI-Kompetenz" Zertifikat – \r\n
                    Ihr rechtssicherer Nachweis für EU-konforme KI-Anwendung.\r\n
                </p>\r\n
            </div>\r\n
            <div class="modal-info-container">\r\n
                <div class="modal-info-box">\r\n
                    <h3 class="info-box-title">Programm Details</h3>\r\n
                    <div class="info-item">\r\n
                        <svg class="info-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <circle cx="12" cy="12" r="10"/>\r\n
                            <polyline points="12,6 12,12 16,14"/>\r\n
                        </svg>\r\n
                        <span class="info-text">1 Tag mit Prüfung</span>\r\n
                    </div>\r\n
                    <div class="info-item">\r\n
                        <svg class="info-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/>\r\n
                        </svg>\r\n
                        <span class="info-text">Online-Seminar + Online-Prüfung</span>\r\n
                    </div>\r\n
                    <div class="info-item">\r\n
                        <svg class="info-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/>\r\n
                            <rect x="8" y="2" width="8" height="4" rx="1" ry="1"/>\r\n
                        </svg>\r\n
                        <span class="info-text">EU KI-Verordnung konform</span>\r\n
                    </div>\r\n
                    <div class="info-item">\r\n
                        <svg class="info-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>\r\n
                        </svg>\r\n
                        <span class="info-text">Cert-IT zertifiziert</span>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <div class="modal-dates-box">\r\n
                    <h3 class="dates-box-title">Nächste Termine</h3>\r\n
                    <div class="simple-date-list">\r\n
                        <div class="simple-date">13. Aug 2025</div>\r\n
                        <div class="simple-date">18. Sep 2025</div>\r\n
                    </div>\r\n
                    <!-- <div class="dates-note">Monatliche Termine</div>-->\r\n
    \r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
        <div class="modal-footer">\r\n
            <a href="https://ki-kompetenz.startplatz-ai-hub.de" class="btn btn-primary" target="_blank">\r\n
                Mehr Informationen\r\n
            </a>\r\n
            <a href="https://meetings.hubspot.com/armin-taban/ki-kompetenz?__hstc=78025035.adb12c4ca94f124364e85a83ef45228c.1743579677262.1753359517613.1753362195667.64&__hssc=78025035.6.1753362195667&__hsfp=2485166170" class="btn btn-secondary">\r\n
                Beratungsgespräch buchen\r\n
            </a>\r\n
        </div>\r\n
    </div>\r\n
    </div>\r\n
    \r\n
    \r\n
    \r\n
    <!-- Innovation Day Modal -->\r\n
    <div id="innovation-day-modal" class="modal">\r\n
        <div class="modal-content">\r\n
            <div class="modal-header">\r\n
                <span class="modal-close" onclick="closeModal('innovation-day-modal')">&times;</span>\r\n
                <div class="modal-header-content">\r\n
                    <div class="modal-icon">\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
                        </svg>\r\n
                    </div>\r\n
                    <div class="modal-title-area">\r\n
                        <h2 class="modal-title">Innovation Day</h2>\r\n
                        <p class="modal-subtitle">Innovation Day\r\n
                            Maßgeschneidertes KI-Event im Herzen des Startup-Ökosystems</p>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
            <div class="modal-body">\r\n
                <div class="modal-details">\r\n
                    <h4>Ihr KI-Tag im STARTPLATZ</h4>\r\n
                    <p>\r\n
                        Ein intensiver, vollständig auf Ihr Unternehmen zugeschnittener Tag rund um Künstliche Intelligenz – \r\n
                        direkt im pulsierenden Startup-Ökosystem des STARTPLATZ. \r\n
                        Lassen Sie sich von der Innovationsatmosphäre inspirieren und entwickeln Sie konkrete KI-Strategien für Ihr Business.\r\n
                    </p>\r\n
                    \r\n
                    <h4>Das erwartet Sie</h4>\r\n
                    <ul class="modal-highlights">\r\n
                        <li>\r\n
                            <div class="highlight-icon">\r\n
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                    <path d="M9 11l3 3L22 4"/>\r\n
                                </svg>\r\n
                            </div>\r\n
                            <span>Keynote zu aktuellen KI-Trends in Ihrer Branche</span>\r\n
                        </li>\r\n
                        <li>\r\n
                            <div class="highlight-icon">\r\n
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                    <path d="M9 11l3 3L22 4"/>\r\n
                                </svg>\r\n
                            </div>\r\n
                            <span>Interaktive Workshops mit praktischen KI-Tools</span>\r\n
                        </li>\r\n
                        <li>\r\n
                            <div class="highlight-icon">\r\n
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                    <path d="M9 11l3 3L22 4"/>\r\n
                                </svg>\r\n
                            </div>\r\n
                            <span>Use-Case-Entwicklung für Ihr Unternehmen</span>\r\n
                        </li>\r\n
                        <li>\r\n
                            <div class="highlight-icon">\r\n
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                    <path d="M9 11l3 3L22 4"/>\r\n
                                </svg>\r\n
                            </div>\r\n
                            <span>Networking mit Startups und KI-Experten vor Ort</span>\r\n
                        </li>\r\n
                    </ul>\r\n
    \r\n
                    <h4>Ihre Vorteile</h4>\r\n
                    <p>\r\n
                        Nutzen Sie unsere mmodern ausgestatteten Konferenzräume in Köln oder Düsseldorf und tauchen Sie ein in NRWs größten Startup Hub. \r\n
                        Profitieren Sie von der Innovationsenergie und spontanen Begegnungen mit Gründern und Experten zwischen den Sessions.\r\n
                    </p>\r\n
                </div>\r\n
                <div class="modal-info-box">\r\n
                    <h3 class="info-box-title">Event Details</h3>\r\n
                    <div class="info-item">\r\n
                        <svg class="info-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <circle cx="12" cy="12" r="10"/>\r\n
                            <polyline points="12,6 12,12 16,14"/>\r\n
                        </svg>\r\n
                        <span class="info-text">1 Tag (6-8 Stunden)</span>\r\n
                    </div>\r\n
                    <div class="info-item">\r\n
                        <svg class="info-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>\r\n
                            <circle cx="9" cy="7" r="4"/>\r\n
                            <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>\r\n
                            <path d="M16 3.13a4 4 0 0 1 0 7.75"/>\r\n
                        </svg>\r\n
                        <span class="info-text">individuelle Teilnehmeranzahl</span>\r\n
                    </div>\r\n
                    <div class="info-item">\r\n
                        <svg class="info-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>\r\n
                            <path d="M9 22V12h6v10"/>\r\n
                        </svg>\r\n
                        <span class="info-text">STARTPLATZ Köln oder Düsseldorf</span>\r\n
                    </div>\r\n
                    <div class="info-item">\r\n
                        <svg class="info-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/>\r\n
                        </svg>\r\n
                        <span class="info-text">Vollständig maßgeschneidert</span>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
            <div class="modal-footer">\r\n
                <a href="mailto:partner@startplatz.de?subject=Innovation%20Day%20Anfrage" class="btn btn-primary">\r\n
                    Anfrage stellen\r\n
                </a>\r\n
                <a href="https://calendly.com/tobias-anthon-startplatz/beratungsgesprach-fur-ki-weiterbildungen?utm_source=webseite_SP&utm_medium=webseite" class="btn btn-secondary">\r\n
                    Beratungsgespräch buchen\r\n
                </a>\r\n
            </div>\r\n
        </div>\r\n
    </div>\r\n
    \r\n
    <!-- Inhouse Schulungen Modal -->\r\n
    <div id="inhouse-modal" class="modal">\r\n
        <div class="modal-content">\r\n
            <div class="modal-header">\r\n
                <span class="modal-close" onclick="closeModal('inhouse-modal')">&times;</span>\r\n
                <div class="modal-header-content">\r\n
                    <div class="modal-icon">\r\n
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/>\r\n
                        </svg>\r\n
                    </div>\r\n
                    <div class="modal-title-area">\r\n
                        <h2 class="modal-title">Inhouse Schulungen</h2>\r\n
                        <p class="modal-subtitle">Individuelle KI-Weiterbildung für Ihr Team</p>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
            <div class="modal-body">\r\n
                <div class="modal-details">\r\n
                    <h4>KI-Expertise kommt zu Ihnen</h4>\r\n
                    <p>\r\n
                        Unsere Experten schulen Ihr gesamtes Team vor Ort. \r\n
                        Vollständig auf Ihre Branche, Ihre bestehenden Systeme und Ihre Unternehmensziele zugeschnitten – \r\n
                        in der vertrauten Arbeitsumgebung Ihrer Mitarbeiter.\r\n
                    </p>\r\n
                    \r\n
                    <h4>Das bieten wir</h4>\r\n
                    <ul class="modal-highlights">\r\n
                        <li>\r\n
                            <div class="highlight-icon">\r\n
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                    <path d="M9 11l3 3L22 4"/>\r\n
                                </svg>\r\n
                            </div>\r\n
                            <span>Bedarfsanalyse und individuelles Curriculum</span>\r\n
                        </li>\r\n
                        <li>\r\n
                            <div class="highlight-icon">\r\n
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                    <path d="M9 11l3 3L22 4"/>\r\n
                                </svg>\r\n
                            </div>\r\n
                            <span>Branchenspezifische Use Cases und Beispiele</span>\r\n
                        </li>\r\n
                        <li>\r\n
                            <div class="highlight-icon">\r\n
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                    <path d="M9 11l3 3L22 4"/>\r\n
                                </svg>\r\n
                            </div>\r\n
                            <span>Hands-on Training mit relevanten KI-Tools</span>\r\n
                        </li>\r\n
                        <li>\r\n
                            <div class="highlight-icon">\r\n
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                    <path d="M9 11l3 3L22 4"/>\r\n
                                </svg>\r\n
                            </div>\r\n
                            <span>Nachbetreuung und Follow-up Sessions</span>\r\n
                        </li>\r\n
                    </ul>\r\n
    \r\n
                    <h4>Ihre Vorteile</h4>\r\n
                    <p>\r\n
                        Flexibel skalierbar von kleinen Teams bis zu großen Abteilungen. \r\n
                        Alle Mitarbeiter lernen gleichzeitig und können sich direkt über \r\n
                        die Anwendung in ihrem Arbeitsbereich austauschen.\r\n
                    </p>\r\n
                </div>\r\n
                <div class="modal-info-box">\r\n
                    <h3 class="info-box-title">Schulungs Details</h3>\r\n
                    <div class="info-item">\r\n
                        <svg class="info-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <circle cx="12" cy="12" r="10"/>\r\n
                            <polyline points="12,6 12,12 16,14"/>\r\n
                        </svg>\r\n
                        <span class="info-text">1-5 Tage (flexibel)</span>\r\n
                    </div>\r\n
                    <div class="info-item">\r\n
                        <svg class="info-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>\r\n
                            <circle cx="9" cy="7" r="4"/>\r\n
                            <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>\r\n
                            <path d="M16 3.13a4 4 0 0 1 0 7.75"/>\r\n
                        </svg>\r\n
                        <span class="info-text">5-100 Teilnehmer</span>\r\n
                    </div>\r\n
                    <div class="info-item">\r\n
                        <svg class="info-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>\r\n
                            <circle cx="12" cy="10" r="3"/>\r\n
                        </svg>\r\n
                        <span class="info-text">Vor Ort oder Remote</span>\r\n
                    </div>\r\n
                    <div class="info-item">\r\n
                        <svg class="info-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/>\r\n
                        </svg>\r\n
                        <span class="info-text">Branchenspezifisch</span>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
            <div class="modal-footer">\r\n
                <a href="mailto:partner@startplatz.de?subject=Inhouse%20Schulung%20Anfrage" class="btn btn-primary">\r\n
                    Anfrage stellen\r\n
                </a>\r\n
                <a href="https://calendly.com/tobias-anthon-startplatz/beratungsgesprach-fur-ki-weiterbildungen?utm_source=webseite_SP&utm_medium=webseite" class="btn btn-secondary">\r\n
                    Beratungsgespräch buchen\r\n
                </a>\r\n
            </div>\r\n
        </div>\r\n
    </div>\r\n
    \r\n
    <!-- KI-Strategieberatung Modal -->\r\n
    <div id="beratung-modal" class="modal">\r\n
        <div class="modal-content">\r\n
            <div class="modal-header">\r\n
                <span class="modal-close" onclick="closeModal('beratung-modal')">&times;</span>\r\n
                <div class="modal-header-content">\r\n
                    <div class="modal-icon">\r\n
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <path d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/>\r\n
                        </svg>\r\n
                    </div>\r\n
                    <div class="modal-title-area">\r\n
                        <h2 class="modal-title">AI-Private Academy</h2>\r\n
                        <p class="modal-subtitle">Ihr verlässlicher Partner für erfolgreiche KI-Integration</p>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
            <div class="modal-body">\r\n
                <div class="modal-details">\r\n
                    <h4>Ihre maßgeschneiderte KI-Strategie</h4>\r\n
                    <p>\r\n
                        Eine langfristige Partnerschaft, bei der wir Sie Schritt für Schritt bei der praktischen KI-Integration begleiten. \r\n
                        Regelmäßige Sessions, konkrete Umsetzungshilfe und kontinuierliche Optimierung – bis KI erfolgreich in Ihrem Unternehmen etabliert ist.\r\n
                    </p>\r\n
                    \r\n
                    <h4>So arbeiten wir zusammen</h4>\r\n
                    <ul class="modal-highlights">\r\n
                        <li>\r\n
                            <div class="highlight-icon">\r\n
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                    <path d="M9 11l3 3L22 4"/>\r\n
                                </svg>\r\n
                            </div>\r\n
                            <span>Monatliche Strategy Sessions zur Fortschrittsbewertung</span>\r\n
                        </li>\r\n
                        <li>\r\n
                            <div class="highlight-icon">\r\n
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                    <path d="M9 11l3 3L22 4"/>\r\n
                                </svg>\r\n
                            </div>\r\n
                            <span>Hands-on Unterstützung bei der KI-Tool Implementierung</span>\r\n
                        </li>\r\n
                        <li>\r\n
                            <div class="highlight-icon">\r\n
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                    <path d="M9 11l3 3L22 4"/>\r\n
                                </svg>\r\n
                            </div>\r\n
                            <span>Kontinuierliche Anpassung basierend auf ersten Erfahrungen</span>\r\n
                        </li>\r\n
                        <li>\r\n
                            <div class="highlight-icon">\r\n
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                    <path d="M9 11l3 3L22 4"/>\r\n
                                </svg>\r\n
                            </div>\r\n
                            <span>Regelmäßige Erfolgs-Reviews und Optimierung </span>\r\n
                        </li>\r\n
                    </ul>\r\n
    \r\n
                    <h4>Ihre Vorteile</h4>\r\n
                    <p>\r\n
                        Statt einmaliger Beratung erhalten Sie einen dauerhaften Partner, der Sie durch alle Phasen der KI-Integration begleitet. \r\n
                        Von den ersten Schritten bis zur vollständigen Transformation – wir bleiben an Ihrer Seite.\r\n
                    </p>\r\n
                </div>\r\n
                <div class="modal-info-box">\r\n
                    <h3 class="info-box-title">Mentoring Details</h3>\r\n
                    <div class="info-item">\r\n
                        <svg class="info-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <circle cx="12" cy="12" r="10"/>\r\n
                            <polyline points="12,6 12,12 16,14"/>\r\n
                        </svg>\r\n
                        <span class="info-text">3-12 Monate</span>\r\n
                    </div>\r\n
                    <div class="info-item">\r\n
                        <svg class="info-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>\r\n
                            <circle cx="9" cy="7" r="4"/>\r\n
                            <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>\r\n
                            <path d="M16 3.13a4 4 0 0 1 0 7.75"/>\r\n
                        </svg>\r\n
                        <span class="info-text">C-Level & Entscheider</span>\r\n
                    </div>\r\n
                    <div class="info-item">\r\n
                        <svg class="info-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/>\r\n
                            <rect x="8" y="2" width="8" height="4" rx="1" ry="1"/>\r\n
                        </svg>\r\n
                        <span class="info-text">Strategisch & Langfristig</span>\r\n
                    </div>\r\n
                    <div class="info-item">\r\n
                        <svg class="info-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <path d="M22 12h-4l-3 9L9 3l-3 9H2"/>\r\n
                        </svg>\r\n
                        <span class="info-text">Umsetzungsbegleitung</span>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
            <div class="modal-footer">\r\n
                <a href="mailto:partner@startplatz.de?subject=AI%20Private%20Academy%20Anfrage" class="btn btn-primary">\r\n
                    Anfrage stellen\r\n
                </a>\r\n
                <a href="https://calendly.com/tobias-anthon-startplatz/beratungsgesprach-fur-ki-weiterbildungen?utm_source=webseite_SP&utm_medium=webseite" class="btn btn-secondary" target="_blank">\r\n
                    Beratungsgespräch buchen\r\n
                </a>\r\n
            </div>\r\n
        </div>\r\n
    </div>\r\n
    \r\n
    \r\n
    \r\n
    \r\n
    <section class="why-startplatz-section">\r\n
        <div class="container">\r\n
            <div class="why-startplatz-content">\r\n
                <!-- Header -->\r\n
                <div class="why-header">\r\n
                    <div class="why-badge">\r\n
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width: 16px; height: 16px;">\r\n
                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>\r\n
                        </svg>\r\n
                        NRW-gefördert\r\n
                    </div>\r\n
                    \r\n
                    <h2 class="why-title">\r\n
                        Warum <span class="highlight">STARTPLATZ AI Hub</span>?\r\n
                    </h2>\r\n
                    \r\n
                    <p class="why-subtitle">\r\n
                        Mit über 12 Jahren Startup-Erfahrung und hunderten erfolgreich ausgebildeten KI-Professionals \r\n
                        sind wir Ihr verlässlicher Partner für die KI-Transformation.\r\n
                    </p>\r\n
                </div>\r\n
    \r\n
                <!-- Stats Showcase -->\r\n
                <div class="stats-showcase">\r\n
                    <div class="stat-item">\r\n
                        <span class="stat-number">500+</span>\r\n
                        <span class="stat-label">KI-Events veranstaltet</span>\r\n
                    </div>\r\n
                    <div class="stat-item">\r\n
                        <span class="stat-number">10.000+</span>\r\n
                        <span class="stat-label">Community Mitglieder</span>\r\n
                    </div>\r\n
                    <div class="stat-item">\r\n
                        <span class="stat-number">12+</span>\r\n
                        <span class="stat-label">Jahre Startup-Erfahrung</span>\r\n
                    </div>\r\n
                    <div class="stat-item">\r\n
                        <span class="stat-number">1.000+</span>\r\n
                        <span class="stat-label">Erfolgreiche Absolventen</span>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Features Grid -->\r\n
                <div class="features-grid">\r\n
                    <!-- Praxiserfahrung -->\r\n
                    <div class="feature-card">\r\n
                        <div class="feature-icon">\r\n
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/>\r\n
                            </svg>\r\n
                        </div>\r\n
                        <h3 class="feature-title">Echte Startup-Erfahrung</h3>\r\n
                        <p class="feature-description">\r\n
                            Als Teil des STARTPLATZ-Ökosystems mit über 1.500 geförderten Startups \r\n
                            bringen wir 12+ Jahre echte Implementierungserfahrung mit.\r\n
                        </p>\r\n
                    </div>\r\n
    \r\n
                    <!-- Community & Netzwerk -->\r\n
                    <div class="feature-card">\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
                        <h3 class="feature-title">NRWs größtes Startup-Ökosystem</h3>\r\n
                        <p class="feature-description">\r\n
                            Als NRWs größter Startup Hub verbinden wir seit 12+ Jahren Gründer, Investoren und Corporates. \r\n
                            Profitieren Sie von unserem einzigartigen Netzwerk aus Machern und Experten.\r\n
                        </p>\r\n
                    </div>\r\n
    \r\n
                    <!-- Qualität & Zertifizierung -->\r\n
                    <div class="feature-card">\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="M22 12h-4l-3 9L9 3l-3 9H2"/>\r\n
                            </svg>\r\n
                        </div>\r\n
                        <h3 class="feature-title">AZAV-Zertifizierte Qualität</h3>\r\n
                        <p class="feature-description">\r\n
                            Höchste Bildungsstandards mit IHK-Abschlüssen und 100% Förderung \r\n
                            durch Bildungsgutschein möglich.\r\n
                        </p>\r\n
                    </div>\r\n
    \r\n
                    <!-- Aktuelle Inhalte -->\r\n
                    <div class="feature-card">\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="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/>\r\n
                            </svg>\r\n
                        </div>\r\n
                        <h3 class="feature-title">Cutting-Edge KI-Inhalte</h3>\r\n
                        <p class="feature-description">\r\n
                            500+ durchgeführte KI-Events und kontinuierliche Updates mit den \r\n
                            neuesten Tools wie GPT, Claude & Co.\r\n
                        </p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
            </div>\r\n
        </div>\r\n
    </section>\r\n
    \r\n
    \r\n
    <section class="accelerator-referral-section">\r\n
        <div class="container">\r\n
            <div class="accelerator-referral-content">\r\n
                <!-- Kompakter Header -->\r\n
                <div class="accelerator-referral-header">\r\n
                    <div class="accelerator-referral-badge">\r\n
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width: 14px; height: 14px;">\r\n
                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>\r\n
                        </svg>\r\n
                        KI Accelerator\r\n
                    </div>\r\n
                    \r\n
                    <h2 class="accelerator-referral-title">\r\n
                        Bereit für den nächsten <span class="highlight">Schritt</span>?\r\n
                    </h2>\r\n
                    \r\n
                    <p class="accelerator-referral-subtitle">\r\n
                        Wenn Ihr Unternehmen bereits KI-affin ist und strategisch in Innovation investieren möchte, \r\n
                        könnte unser KI Accelerator die perfekte Ergänzung sein.\r\n
                    </p>\r\n
                </div>\r\n
    \r\n
                <!-- Neues Grid Layout mit Bild -->\r\n
                <div class="accelerator-content-grid">\r\n
                    <!-- Links: Main Content Card -->\r\n
                    <div class="accelerator-main-card">\r\n
                        <div class="accelerator-main-content">\r\n
                            <div class="accelerator-text-content">\r\n
                                <h3>STARTPLATZ KI Accelerator</h3>\r\n
                                <p class="accelerator-description">\r\n
                                    Unser spezialisiertes Accelerator-Programm mit KI-Fokus für Wachstums-Startups. \r\n
                                    Arbeiten Sie mit vielversprechenden Startups zusammen, die bereits ein MVP haben.\r\n
                                </p>\r\n
    \r\n
                                <ul class="accelerator-features">\r\n
                                    <li>\r\n
                                        <div class="feature-check-icon">\r\n
                                            <svg viewBox="0 0 24 24">\r\n
                                                <polyline points="20,6 9,17 4,12"/>\r\n
                                            </svg>\r\n
                                        </div>\r\n
                                        <span><strong>Innovation Partner</strong> werden</span>\r\n
                                    </li>\r\n
                                    <li>\r\n
                                        <div class="feature-check-icon">\r\n
                                            <svg viewBox="0 0 24 24">\r\n
                                                <polyline points="20,6 9,17 4,12"/>\r\n
                                            </svg>\r\n
                                        </div>\r\n
                                        <span><strong>Co-Innovation</strong> Projekte</span>\r\n
                                    </li>\r\n
                                    <li>\r\n
                                        <div class="feature-check-icon">\r\n
                                            <svg viewBox="0 0 24 24">\r\n
                                                <polyline points="20,6 9,17 4,12"/>\r\n
                                            </svg>\r\n
                                        </div>\r\n
                                        <span><strong>Frühzeitiger</strong> Dealflow</span>\r\n
                                    </li>\r\n
                                    <li>\r\n
                                        <div class="feature-check-icon">\r\n
                                            <svg viewBox="0 0 24 24">\r\n
                                                <polyline points="20,6 9,17 4,12"/>\r\n
                                            </svg>\r\n
                                        </div>\r\n
                                        <span><strong>Mentoring</strong> Möglichkeiten</span>\r\n
                                    </li>\r\n
                                </ul>\r\n
                            </div>\r\n
    \r\n
                            <div class="accelerator-visual">\r\n
                                <div class="accelerator-icon">\r\n
                                    <img src="https://res.cloudinary.com/startplatz/image/upload/v1751977389/logos/NRW_Hub_Schwarz.png" \r\n
                                         alt="NRW Hub Logo" \r\n
                                         style="width: 50px; height: auto;">\r\n
                                </div>\r\n
                                <div class="accelerator-stats">\r\n
                                    <strong>4</strong>\r\n
                                    Monate Programm\r\n
                                </div>\r\n
                                <div class="accelerator-stats">\r\n
                                    <strong>10</strong>\r\n
                                    KI-Startups pro Batch\r\n
                                </div>\r\n
                            </div>\r\n
                        </div>\r\n
                    </div>\r\n
    \r\n
                    <!-- Rechts: Neuer Bild-Bereich -->\r\n
                    <div class="accelerator-image-section">\r\n
                        <!-- HIER IST DER BILD-PLATZHALTER - ERSETZE DIE SRC MIT DEINEM BILD -->\r\n
                        <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1615816784/rheinland-pitch/2017/Kopie_von_RheinlandpitchFINAL17-35_2.jpg" \r\n
                             alt="KI Accelerator Startups beim Arbeiten" \r\n
                             class="accelerator-hero-image">\r\n
                        \r\n
                        <div class="accelerator-image-overlay">\r\n
                            <div class="image-overlay-title">KI Accelerator in Aktion</div>\r\n
                            <div class="image-overlay-text">\r\n
                                Innovative Startups entwickeln mit KI-Expertise die Lösungen von morgen\r\n
                            </div>\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Kompakte CTA - OHNE ANIMATIONEN -->\r\n
                <div class="accelerator-cta">\r\n
                    <div class="accelerator-cta-content">\r\n
                        <h3 class="cta-title">Entdecken Sie den KI Accelerator</h3>\r\n
                        <p class="cta-description">\r\n
                            Erfahren Sie mehr über unsere Partnerschaftsmodelle und wie Ihr Unternehmen \r\n
                            von innovativen KI-Startups profitieren kann.\r\n
                        </p>\r\n
                        <div class="cta-buttons">\r\n
                            <a href="https://www.startplatz.de/accelerator/" class="btn btn-white" target="_blank">\r\n
                                Zum KI Accelerator\r\n
                            </a>\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
    </section>\r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    <!-- Target audience Section -->\r\n
    <section class="target-audience-section">\r\n
        <div class="container">\r\n
            <div class="target-audience-content">\r\n
                <!-- Header -->\r\n
                <div class="target-audience-header">\r\n
                    <div class="target-audience-badge">\r\n
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width: 14px; height: 14px;">\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
                        Zielgruppen\r\n
                    </div>\r\n
                    \r\n
                    <h2 class="target-audience-title">\r\n
                        Für wen sind unsere <span class="highlight">KI-Weiterbildungen</span>?\r\n
                    </h2>\r\n
                    \r\n
                    <p class="target-audience-subtitle">\r\n
                        Vom Einsteiger bis zum Experten – wir haben das passende Format für jeden\r\n
                    </p>\r\n
    \r\n
                    <!-- Wichtiger Hinweis -->\r\n
                    <div class="target-audience-note">\r\n
                        <div class="note-icon">\r\n
                            <svg viewBox="0 0 24 24">\r\n
                                <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>\r\n
                            </svg>\r\n
                        </div>\r\n
                        <div class="note-text">\r\n
                            <strong>Auch für Einzelpersonen:</strong> Alle unsere Kurse können sowohl von Unternehmen für ihre Mitarbeiter gebucht werden als auch von Einzelpersonen, die eigenständig von KI profitieren möchten.\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Target Audience Grid -->\r\n
                <div class="audience-grid">\r\n
                    <!-- Führungskräfte -->\r\n
                    <div class="audience-card">\r\n
                        <div class="audience-icon">\r\n
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>\r\n
                                <circle cx="8.5" cy="7" r="4"/>\r\n
                                <path d="M20 8v6"/>\r\n
                                <path d="M23 11h-6"/>\r\n
                            </svg>\r\n
                        </div>\r\n
                        <h3>Führungskräfte</h3>\r\n
                        <p>Entwickeln Sie KI-Strategien und führen Sie Ihr Team durch die digitale Transformation. Verstehen Sie die Potentiale und Risiken von KI für strategische Entscheidungen.</p>\r\n
                    </div>\r\n
    \r\n
                    <!-- IT-Professionals -->\r\n
                    <div class="audience-card">\r\n
                        <div class="audience-icon">\r\n
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                <polyline points="16,18 22,12 16,6"/>\r\n
                                <polyline points="8,6 2,12 8,18"/>\r\n
                            </svg>\r\n
                        </div>\r\n
                        <h3>IT-Professionals</h3>\r\n
                        <p>Erweitern Sie Ihr Skillset und werden Sie zum KI-Experten in Ihrem Unternehmen. Von der technischen Implementierung bis zur Systemintegration.</p>\r\n
                    </div>\r\n
    \r\n
                    <!-- Image Card - Als eine der 6 Karten integriert -->\r\n
                    <div class="audience-card image-card">\r\n
                        <div class="image-card-image">\r\n
                            <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1000/v1615300969/conference-rooms/Atmosphere/Raum_Vancouver-13.jpg" /> \r\n
                        </div>\r\n
                        \r\n
                        <div class="image-card-overlay">\r\n
                            <h3>Lernen in inspirierender Atmosphäre</h3>\r\n
                            <p>Moderne Räumlichkeiten und professionelle Ausstattung für optimale Lernerfahrungen</p>\r\n
                        </div>\r\n
                    </div>\r\n
    \r\n
                    <!-- Projektmanager -->\r\n
                    <div class="audience-card">\r\n
                        <div class="audience-icon">\r\n
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>\r\n
                                <polyline points="14,2 14,8 20,8"/>\r\n
                                <line x1="16" y1="13" x2="8" y2="13"/>\r\n
                                <line x1="16" y1="17" x2="8" y2="17"/>\r\n
                                <polyline points="10,9 9,9 8,9"/>\r\n
                            </svg>\r\n
                        </div>\r\n
                        <h3>Projektmanager</h3>\r\n
                        <p>Lernen Sie, KI-Projekte erfolgreich zu planen und umzusetzen. Verstehen Sie die besonderen Herausforderungen von KI-Implementierungen.</p>\r\n
                    </div>\r\n
    \r\n
                    <!-- Karrierewechsler -->\r\n
                    <div class="audience-card">\r\n
                        <div class="audience-icon">\r\n
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                <path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/>\r\n
                                <path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/>\r\n
                                <path d="M2 17h20"/>\r\n
                                <path d="M6 8h2"/>\r\n
                                <path d="M6 12h2"/>\r\n
                                <path d="M16 8h2"/>\r\n
                                <path d="M16 12h2"/>\r\n
                            </svg>\r\n
                        </div>\r\n
                        <h3>Karrierewechsler</h3>\r\n
                        <p>Steigen Sie in die KI-Branche ein und nutzen Sie die Chancen des Arbeitsmarkts. Perfekt für den Quereinstieg in zukunftssichere Berufsfelder.</p>\r\n
                    </div>\r\n
    \r\n
                    <!-- Berater & Freelancer -->\r\n
                    <div class="audience-card">\r\n
                        <div class="audience-icon">\r\n
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                                <path d="M14 9V5a3 3 0 0 0-6 0v4"/>\r\n
                                <rect x="2" y="9" width="20" height="12" rx="2" ry="2"/>\r\n
                                <circle cx="12" cy="15" r="1"/>\r\n
                            </svg>\r\n
                        </div>\r\n
                        <h3>Berater & Freelancer</h3>\r\n
                        <p>Erweitern Sie Ihr Service-Portfolio mit KI-Expertise und bieten Sie Ihren Kunden innovative Lösungen. Werden Sie zum gefragten KI-Berater.</p>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- Featured Card: Alle Mitarbeiter - Vollbreite -->\r\n
                <div class="audience-card featured">\r\n
                    <div class="audience-icon">\r\n
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <circle cx="12" cy="12" r="3"/>\r\n
                            <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/>\r\n
                        </svg>\r\n
                    </div>\r\n
                    \r\n
                    <div class="featured-content">\r\n
                        <h3>Alle Mitarbeiter & Einzelpersonen</h3>\r\n
                        <p>Unsere KI-Weiterbildungen sind für jeden geeignet, der von künstlicher Intelligenz profitieren möchte – ob im Unternehmen oder als Einzelperson. Egal ob Sie Ihre täglichen Arbeitsabläufe optimieren, neue Fähigkeiten erlernen oder sich beruflich weiterentwickeln möchten.</p>\r\n
                    </div>\r\n
    \r\n
                    <div class="featured-highlight">\r\n
                        <div class="featured-highlight-title">Flexibel Buchbar</div>\r\n
                        <div class="featured-highlight-text">Individual- & Firmenbuchungen möglich</div>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
    </section>\r\n
    \r\n
    \r\n
    \r\n
    <!-- Testimonials Section -->\r\n
    <section class="testimonials-section">\r\n
        <div class="container">\r\n
            <div class="testimonials-content">\r\n
                <!-- Header -->\r\n
                <div class="testimonials-header">\r\n
                    <div class="testimonials-badge">\r\n
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width: 14px; height: 14px;">\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
                        Kundenstimmen\r\n
                    </div>\r\n
                    \r\n
                    <h2 class="testimonials-title">\r\n
                        Was unsere <span class="highlight">Kunden</span> sagen\r\n
                    </h2>\r\n
                    \r\n
                    <p class="testimonials-subtitle">\r\n
                        Erfahren Sie, wie Unternehmen und Professionals durch unsere KI-Weiterbildungen \r\n
                        ihre Produktivität steigern und Wettbewerbsvorteile schaffen.\r\n
                    </p>\r\n
                </div>\r\n
    \r\n
                <!-- Testimonials Grid -->\r\n
                <div class="testimonials-grid">\r\n
                    <!-- Testimonial 1: Max Baderschneider -->\r\n
                    <div class="testimonial-card">\r\n
                        <div>\r\n
                            <div class="quote-icon">\r\n
                                <svg viewBox="0 0 24 24">\r\n
                                    <path d="M6.5 10c-.223 0-.437.034-.65.065.069-.232.14-.468.254-.68.114-.308.292-.575.469-.844.148-.291.409-.488.601-.737.201-.242.475-.403.692-.604.213-.21.492-.315.714-.463.232-.133.434-.28.65-.35l.539-.222.474-.197-.485-1.938-.597.144c-.191.048-.424.104-.689.171-.271.05-.56.187-.882.312-.318.142-.686.238-1.028.466-.344.218-.741.4-1.091.692-.339.301-.748.562-1.05.945-.33.358-.656.734-.909 1.162-.293.408-.492.856-.702 1.299-.19.443-.343.896-.468 1.336-.237.882-.343 1.72-.384 2.437-.034.718-.014 1.315.028 1.747.015.204.043.402.063.539l.025.168.026-.006A4.5 4.5 0 1 0 6.5 10zm11 0c-.223 0-.437.034-.65.065.069-.232.14-.468.254-.68.114-.308.292-.575.469-.844.148-.291.409-.488.601-.737.201-.242.475-.403.692-.604.213-.21.492-.315.714-.463.232-.133.434-.28.65-.35l.539-.222.474-.197-.485-1.938-.597.144c-.191.048-.424.104-.689.171-.271.05-.56.187-.882.312-.318.142-.686.238-1.028.466-.344.218-.741.4-1.091.692-.339.301-.748.562-1.05.945-.33.358-.656.734-.909 1.162-.293.408-.492.856-.702 1.299-.19.443-.343.896-.468 1.336-.237.882-.343 1.72-.384 2.437-.034.718-.014 1.315.028 1.747.015.204.043.402.063.539l.025.168.026-.006A4.5 4.5 0 1 0 17.5 10z"/>\r\n
                                </svg>\r\n
                            </div>\r\n
                            <p class="testimonial-text">\r\n
                                "Als Entwickler habe ich schon viele Tools ausprobiert, aber die tiefgehenden Sessions im STARTPLATZ AI Hub haben meine Arbeitsweise revolutioniert. Besonders beeindruckt hat mich die individuelle Betreuung bei den Hackathons. Hier trifft Innovation auf Hands-on-Mentalität!"\r\n
                            </p>\r\n
                        </div>\r\n
                        <div class="author-info">\r\n
                            <div class="author-avatar initials">MB</div>\r\n
                            <div class="author-details">\r\n
                                <div class="author-name">Max Baderschneider</div>\r\n
                                <div class="author-title">Talent Success Manager</div>\r\n
                                <div class="author-company">Tech Professional</div>\r\n
                            </div>\r\n
                        </div>\r\n
                    </div>\r\n
    \r\n
                    <!-- Testimonial 2: Nils Sonnenfro -->\r\n
                    <div class="testimonial-card">\r\n
                        <div>\r\n
                            <div class="quote-icon">\r\n
                                <svg viewBox="0 0 24 24">\r\n
                                    <path d="M6.5 10c-.223 0-.437.034-.65.065.069-.232.14-.468.254-.68.114-.308.292-.575.469-.844.148-.291.409-.488.601-.737.201-.242.475-.403.692-.604.213-.21.492-.315.714-.463.232-.133.434-.28.65-.35l.539-.222.474-.197-.485-1.938-.597.144c-.191.048-.424.104-.689.171-.271.05-.56.187-.882.312-.318.142-.686.238-1.028.466-.344.218-.741.4-1.091.692-.339.301-.748.562-1.05.945-.33.358-.656.734-.909 1.162-.293.408-.492.856-.702 1.299-.19.443-.343.896-.468 1.336-.237.882-.343 1.72-.384 2.437-.034.718-.014 1.315.028 1.747.015.204.043.402.063.539l.025.168.026-.006A4.5 4.5 0 1 0 6.5 10zm11 0c-.223 0-.437.034-.65.065.069-.232.14-.468.254-.68.114-.308.292-.575.469-.844.148-.291.409-.488.601-.737.201-.242.475-.403.692-.604.213-.21.492-.315.714-.463.232-.133.434-.28.65-.35l.539-.222.474-.197-.485-1.938-.597.144c-.191.048-.424.104-.689.171-.271.05-.56.187-.882.312-.318.142-.686.238-1.028.466-.344.218-.741.4-1.091.692-.339.301-.748.562-1.05.945-.33.358-.656.734-.909 1.162-.293.408-.492.856-.702 1.299-.19.443-.343.896-.468 1.336-.237.882-.343 1.72-.384 2.437-.034.718-.014 1.315.028 1.747.015.204.043.402.063.539l.025.168.026-.006A4.5 4.5 0 1 0 17.5 10z"/>\r\n
                                </svg>\r\n
                            </div>\r\n
                            <p class="testimonial-text">\r\n
                                "Unser Unternehmen stand vor der Herausforderung, KI in bestehende Prozesse zu integrieren. Der STARTPLATZ AI Hub hat uns nicht nur mit Fachwissen versorgt, sondern auch konkrete Lösungen für unsere Branche entwickelt. Wir sind begeistert von den Ergebnissen!"\r\n
                            </p>\r\n
                        </div>\r\n
                        <div class="author-info">\r\n
                            <div class="author-avatar initials">NS</div>\r\n
                            <div class="author-details">\r\n
                                <div class="author-name">Nils Sonnenfro</div>\r\n
                                <div class="author-title">Geschäftsführer</div>\r\n
                                <div class="author-company">Cohors Fortuna Capital</div>\r\n
                            </div>\r\n
                        </div>\r\n
                    </div>\r\n
    \r\n
                    <!-- Testimonial 3: Carolina Meist -->\r\n
                    <div class="testimonial-card">\r\n
                        <div>\r\n
                            <div class="quote-icon">\r\n
                                <svg viewBox="0 0 24 24">\r\n
                                    <path d="M6.5 10c-.223 0-.437.034-.65.065.069-.232.14-.468.254-.68.114-.308.292-.575.469-.844.148-.291.409-.488.601-.737.201-.242.475-.403.692-.604.213-.21.492-.315.714-.463.232-.133.434-.28.65-.35l.539-.222.474-.197-.485-1.938-.597.144c-.191.048-.424.104-.689.171-.271.05-.56.187-.882.312-.318.142-.686.238-1.028.466-.344.218-.741.4-1.091.692-.339.301-.748.562-1.05.945-.33.358-.656.734-.909 1.162-.293.408-.492.856-.702 1.299-.19.443-.343.896-.468 1.336-.237.882-.343 1.72-.384 2.437-.034.718-.014 1.315.028 1.747.015.204.043.402.063.539l.025.168.026-.006A4.5 4.5 0 1 0 6.5 10zm11 0c-.223 0-.437.034-.65.065.069-.232.14-.468.254-.68.114-.308.292-.575.469-.844.148-.291.409-.488.601-.737.201-.242.475-.403.692-.604.213-.21.492-.315.714-.463.232-.133.434-.28.65-.35l.539-.222.474-.197-.485-1.938-.597.144c-.191.048-.424.104-.689.171-.271.05-.56.187-.882.312-.318.142-.686.238-1.028.466-.344.218-.741.4-1.091.692-.339.301-.748.562-1.05.945-.33.358-.656.734-.909 1.162-.293.408-.492.856-.702 1.299-.19.443-.343.896-.468 1.336-.237.882-.343 1.72-.384 2.437-.034.718-.014 1.315.028 1.747.015.204.043.402.063.539l.025.168.026-.006A4.5 4.5 0 1 0 17.5 10z"/>\r\n
                                </svg>\r\n
                            </div>\r\n
                            <p class="testimonial-text">\r\n
                                "Die Weiterbildung im STARTPLATZ AI Hub war eine super Erfahrung. Die Inhalte waren praxisnah und verständlich, und ich konnte vieles direkt in meinem Arbeitsalltag umsetzen. Ich bin sehr zufrieden und kann es absolut empfehlen."\r\n
                            </p>\r\n
                        </div>\r\n
                        <div class="author-info">\r\n
                            <div class="author-avatar initials">CM</div>\r\n
                            <div class="author-details">\r\n
                                <div class="author-name">Carolina Meist</div>\r\n
                                <div class="author-title">Manager</div>\r\n
                                <div class="author-company">Nal Solutions</div>\r\n
                            </div>\r\n
                        </div>\r\n
                    </div>\r\n
    \r\n
                    <!-- Testimonial 4: Cassian von Wille (Featured) -->\r\n
                    <div class="testimonial-card featured">\r\n
                        <div>\r\n
                            <div class="quote-icon">\r\n
                                <svg viewBox="0 0 24 24">\r\n
                                    <path d="M6.5 10c-.223 0-.437.034-.65.065.069-.232.14-.468.254-.68.114-.308.292-.575.469-.844.148-.291.409-.488.601-.737.201-.242.475-.403.692-.604.213-.21.492-.315.714-.463.232-.133.434-.28.65-.35l.539-.222.474-.197-.485-1.938-.597.144c-.191.048-.424.104-.689.171-.271.05-.56.187-.882.312-.318.142-.686.238-1.028.466-.344.218-.741.4-1.091.692-.339.301-.748.562-1.05.945-.33.358-.656.734-.909 1.162-.293.408-.492.856-.702 1.299-.19.443-.343.896-.468 1.336-.237.882-.343 1.72-.384 2.437-.034.718-.014 1.315.028 1.747.015.204.043.402.063.539l.025.168.026-.006A4.5 4.5 0 1 0 6.5 10zm11 0c-.223 0-.437.034-.65.065.069-.232.14-.468.254-.68.114-.308.292-.575.469-.844.148-.291.409-.488.601-.737.201-.242.475-.403.692-.604.213-.21.492-.315.714-.463.232-.133.434-.28.65-.35l.539-.222.474-.197-.485-1.938-.597.144c-.191.048-.424.104-.689.171-.271.05-.56.187-.882.312-.318.142-.686.238-1.028.466-.344.218-.741.4-1.091.692-.339.301-.748.562-1.05.945-.33.358-.656.734-.909 1.162-.293.408-.492.856-.702 1.299-.19.443-.343.896-.468 1.336-.237.882-.343 1.72-.384 2.437-.034.718-.014 1.315.028 1.747.015.204.043.402.063.539l.025.168.026-.006A4.5 4.5 0 1 0 17.5 10z"/>\r\n
                                </svg>\r\n
                            </div>\r\n
                            <p class="testimonial-text">\r\n
                                "Dank des STARTPLATZ AI Hubs habe ich endlich verstanden, wie ich Künstliche Intelligenz für meinen Arbeitsalltag nutzen kann. Die praxisorientierten Workshops und das kompetente Team haben mich in kürzester Zeit von einer Anfängerin zu einer produktiven KI-Nutzerin gemacht. Absolut empfehlenswert!"\r\n
                            </p>\r\n
                        </div>\r\n
                        <div class="author-info">\r\n
                            <div class="author-avatar initials">CV</div>\r\n
                            <div class="author-details">\r\n
                                <div class="author-name">Cassian von Wille</div>\r\n
                                <div class="author-title">Co-Founder & Berater</div>\r\n
                                <div class="author-company">Entrepreneur</div>\r\n
                            </div>\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- CTA Section -->\r\n
                <div class="testimonials-cta">\r\n
                    <h3 class="cta-title">Werden auch Sie Teil der Erfolgsgeschichten</h3>\r\n
                    <p class="cta-description">\r\n
                        Starten Sie jetzt Ihre KI-Transformation und erleben Sie, wie unsere Weiterbildungen \r\n
                        Ihr Unternehmen voranbringen.\r\n
                    </p>\r\n
                    <div class="cta-buttons">\r\n
                        <a href="https://calendly.com/tobias-anthon-startplatz/beratungsgesprach-fur-ki-weiterbildungen?utm_source=webseite_SP&utm_medium=webseite" class="btn btn-purple">\r\n
                            Jetzt beraten lassen\r\n
                        </a>\r\n
                        <a href="#corporate" class="btn btn-outline">\r\n
                            Programme ansehen\r\n
                        </a>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
    </section>\r\n
    \r\n
    \r\n
    \r\n
    <section id="faq" class="faq-section">\r\n
        <div class="container">\r\n
            <div class="faq-content">\r\n
                <!-- Header -->\r\n
                <div class="faq-header">\r\n
                    <div class="faq-badge">\r\n
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width: 14px; height: 14px;">\r\n
                            <circle cx="12" cy="12" r="10"/>\r\n
                            <path d="M9,9h3v8H9V9z"/>\r\n
                            <path d="M9,7a1,1 0 1,1,3,0"/>\r\n
                        </svg>\r\n
                        Häufige Fragen\r\n
                    </div>\r\n
                    \r\n
                    <h2 class="faq-title">\r\n
                        Häufig gestellte <span class="highlight">Fragen</span>\r\n
                    </h2>\r\n
                    \r\n
                    <p class="faq-subtitle">\r\n
                        Alles was Sie über unsere KI-Weiterbildungen wissen müssen\r\n
                    </p>\r\n
                </div>\r\n
    \r\n
                <!-- FAQ Container -->\r\n
                <div class="faq-container">\r\n
                    <div class="faq-item">\r\n
                        <div class="faq-question" onclick="toggleFaq(this)">\r\n
                            <span>Bieten Sie auch Inhouse-Schulungen an?</span>\r\n
                            <div class="faq-toggle"></div>\r\n
                        </div>\r\n
                        <div class="faq-answer">\r\n
                            <div class="faq-answer-content">\r\n
                                Ja, wir entwickeln gerne maßgeschneiderte Inhouse-Schulungen für Ihr Unternehmen. Kontaktieren Sie uns für ein individuelles Angebot.\r\n
                            </div>\r\n
                        </div>\r\n
                    </div>\r\n
    \r\n
                    <div class="faq-item">\r\n
                        <div class="faq-question" onclick="toggleFaq(this)">\r\n
                            <span>Wie aktuell sind die Kursinhalte?</span>\r\n
                            <div class="faq-toggle"></div>\r\n
                        </div>\r\n
                        <div class="faq-answer">\r\n
                            <div class="faq-answer-content">\r\n
                                Unsere Kurse werden kontinuierlich aktualisiert. Wir integrieren neueste KI-Tools und -Trends in unsere Programme.\r\n
                            </div>\r\n
                        </div>\r\n
                    </div>\r\n
    \r\n
                    <div class="faq-item">\r\n
                        <div class="faq-question" onclick="toggleFaq(this)">\r\n
                            <span>Wie lange dauern die verschiedenen Programme?</span>\r\n
                            <div class="faq-toggle"></div>\r\n
                        </div>\r\n
                        <div class="faq-answer">\r\n
                            <div class="faq-answer-content">\r\n
                                Die Dauer variiert je nach Programm: KI-Start (5 Tage), KI-Kompetenz (1 Tag), KI-Manager (8 Wochen), Workshops (individuell vereinbar).\r\n
                            </div>\r\n
                        </div>\r\n
                    </div>\r\n
    \r\n
                    <div class="faq-item">\r\n
                        <div class="faq-question" onclick="toggleFaq(this)">\r\n
                            <span>Wo finden die Kurse statt?</span>\r\n
                            <div class="faq-toggle"></div>\r\n
                        </div>\r\n
                        <div class="faq-answer">\r\n
                            <div class="faq-answer-content">\r\n
                                Unsere Kurse finden in Köln und Düsseldorf statt. Viele Programme bieten wir auch online oder hybrid an.\r\n
                            </div>\r\n
                        </div>\r\n
                    </div>\r\n
    \r\n
                    <div class="faq-item">\r\n
                        <div class="faq-question" onclick="toggleFaq(this)">\r\n
                            <span>Welche technischen Voraussetzungen benötige ich?</span>\r\n
                            <div class="faq-toggle"></div>\r\n
                        </div>\r\n
                        <div class="faq-answer">\r\n
                            <div class="faq-answer-content">\r\n
                                Für die meisten Kurse benötigen Sie nur einen Computer mit Internetverbindung. Spezielle Software wird gestellt oder ist kostenlos verfügbar.\r\n
                            </div>\r\n
                        </div>\r\n
                    </div>\r\n
    \r\n
                    <div class="faq-item">\r\n
                        <div class="faq-question" onclick="toggleFaq(this)">\r\n
                            <span>Gibt es Networking-Möglichkeiten?</span>\r\n
                            <div class="faq-toggle"></div>\r\n
                        </div>\r\n
                        <div class="faq-answer">\r\n
                            <div class="faq-answer-content">\r\n
                                Ja, alle unsere Programme beinhalten Networking-Events und Zugang zur STARTPLATZ Community mit über 1.500 Startups und Experten.\r\n
                            </div>\r\n
                        </div>\r\n
                    </div>\r\n
    \r\n
                    <div class="faq-item">\r\n
                        <div class="faq-question" onclick="toggleFaq(this)">\r\n
                            <span>Wie unterscheidet sich STARTPLATZ von anderen Anbietern?</span>\r\n
                            <div class="faq-toggle"></div>\r\n
                        </div>\r\n
                        <div class="faq-answer">\r\n
                            <div class="faq-answer-content">\r\n
                                Wir kombinieren theoretisches Wissen mit praktischer Anwendung in echten Startup-Projekten. Unsere Trainer sind aktive KI-Experten aus der Praxis.\r\n
                            </div>\r\n
                        </div>\r\n
                    </div>\r\n
    \r\n
                    <div class="faq-item">\r\n
                        <div class="faq-question" onclick="toggleFaq(this)">\r\n
                            <span>Gibt es Nachbetreuung nach dem Kurs?</span>\r\n
                            <div class="faq-toggle"></div>\r\n
                        </div>\r\n
                        <div class="faq-answer">\r\n
                            <div class="faq-answer-content">\r\n
                                Ja, Sie erhalten Zugang zu unserem Alumni-Netzwerk, regelmäßigen Updates und können an Folge-Workshops teilnehmen.\r\n
                            </div>\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
    \r\n
                <!-- CTA Section -->\r\n
                <div class="faq-cta">\r\n
                    <h3 class="cta-title">Haben Sie weitere Fragen?</h3>\r\n
                    <p class="cta-description">\r\n
                        Unser Team berät Sie gerne persönlich und findet das passende KI-Weiterbildungsprogramm für Sie.\r\n
                    </p>\r\n
                    <div class="cta-buttons">\r\n
                        <a href="https://calendly.com/tobias-anthon-startplatz/beratungsgesprach-fur-ki-weiterbildungen?utm_source=webseite_SP&utm_medium=webseite" class="btn btn-purple">\r\n
                            Jetzt beraten lassen\r\n
                        </a>\r\n
                        <a href="#kontakt" class="btn btn-outline">\r\n
                            Kontakt aufnehmen\r\n
                        </a>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
    </section>\r\n
    \r\n
    <!-- Contact Section -->\r\n
    <section id="kontakt" class="contact-section">\r\n
        <div class="container">\r\n
            <div class="contact-content">\r\n
                <h2 class="contact-title">Bereit für Ihre KI-Weiterbildung?</h2>\r\n
                <p class="contact-description">\r\n
                    Lassen Sie uns gemeinsam den perfekten Weiterbildungsweg für Sie oder Ihr Unternehmen finden.\r\n
                </p>\r\n
                \r\n
                <div style="display: flex; gap: 20px; justify-content: center; margin-bottom: 40px; flex-wrap: wrap;">\r\n
                    <a href="https://calendly.com/tobias-anthon-startplatz/beratungsgesprach-fur-ki-weiterbildungen?utm_source=webseite_SP&utm_medium=webseite" class="btn btn-primary" target="_blank">\r\n
                        Beratungstermin buchen\r\n
                    </a>\r\n
                    <a href="mailto:partner@startplatz.de?subject=KI-Weiterbildung%20Anfrage" class="btn btn-secondary">\r\n
                        E-Mail senden\r\n
                    </a>\r\n
                </div>\r\n
                \r\n
                <div class="contact-info">\r\n
                    <div class="contact-item">\r\n
                        <svg class="contact-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>\r\n
                            <circle cx="12" cy="10" r="3"/>\r\n
                        </svg>\r\n
                        <div>\r\n
                            <strong>Standorte</strong><br>\r\n
                            Köln & Düsseldorf\r\n
                        </div>\r\n
                    </div>\r\n
                    \r\n
                    <div class="contact-item">\r\n
                        <svg class="contact-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>\r\n
                            <polyline points="22,6 12,13 2,6"/>\r\n
                        </svg>\r\n
                        <div>\r\n
                            <strong>E-Mail</strong><br>\r\n
                            partner@startplatz.de\r\n
                        </div>\r\n
                    </div>\r\n
                    \r\n
                    <div class="contact-item">\r\n
                        <svg class="contact-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">\r\n
                            <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/>\r\n
                        </svg>\r\n
                        <div>\r\n
                            <strong>Telefon</strong><br>\r\n
                            +49 221 16907-0\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
        </div>\r\n
    </section>\r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    <!-- Sticky CTA -->\r\n
    <div class="sticky-cta" id="stickyCTA">\r\n
        <a href="https://calendly.com/tobias-anthon-startplatz/beratungsgesprach-fur-ki-weiterbildungen?utm_source=webseite_SP&utm_medium=webseite" class="btn btn-primary">\r\n
            Jetzt beraten lassen\r\n
        </a>\r\n
    </div>\r\n
    \r\n
    \r\n
    <script>\r\n
    // ====================================\r\n
    // STARTPLATZ KI-Weiterbildungen Website - Complete JavaScript\r\n
    // ====================================\r\n
    \r\n
    document.addEventListener('DOMContentLoaded', function() {\r\n
    // ====================================\r\n
    // MODAL FUNCTIONS\r\n
    // ====================================\r\n
    function openModal(modalId) {\r\n
        console.log('openModal called with:', modalId);\r\n
        const modal = document.getElementById(modalId);\r\n
        console.log('Found modal:', modal);\r\n
        if (modal) {\r\n
            modal.style.display = 'block';\r\n
            document.body.style.overflow = 'hidden';\r\n
        }\r\n
    }\r\n
    \r\n
    function closeModal(modalId) {\r\n
        const modal = document.getElementById(modalId);\r\n
        if (modal) {\r\n
            modal.style.display = 'none';\r\n
            document.body.style.overflow = '';\r\n
        }\r\n
    }\r\n
    \r\n
    // Make functions globally available\r\n
    window.openModal = openModal;\r\n
    window.closeModal = closeModal;\r\n
    \r\n
    // Close modal when clicking outside\r\n
    window.onclick = function(event) {\r\n
        if (event.target.classList.contains('modal')) {\r\n
            event.target.style.display = 'none';\r\n
            document.body.style.overflow = '';\r\n
        }\r\n
    }\r\n
    \r\n
    // Close modal with ESC key\r\n
    document.addEventListener('keydown', function(event) {\r\n
        if (event.key === 'Escape') {\r\n
            const modals = document.querySelectorAll('.modal');\r\n
            modals.forEach(modal => {\r\n
                if (modal.style.display === 'block') {\r\n
                    modal.style.display = 'none';\r\n
                    document.body.style.overflow = '';\r\n
                }\r\n
            });\r\n
        }\r\n
    });\r\n
    \r\n
    // ====================================\r\n
    // INTERSECTION OBSERVERS\r\n
    // ====================================\r\n
    const observerOptions = {\r\n
        threshold: 0.1,\r\n
        rootMargin: '0px 0px -50px 0px'\r\n
    };\r\n
    \r\n
    const observer = new IntersectionObserver((entries) => {\r\n
        entries.forEach(entry => {\r\n
            if (entry.isIntersecting) {\r\n
                entry.target.classList.add('visible');\r\n
            }\r\n
        });\r\n
    }, observerOptions);\r\n
    \r\n
    document.querySelectorAll('.fade-in').forEach(el => {\r\n
        observer.observe(el);\r\n
    });\r\n
    \r\n
    // ====================================\r\n
    // KEYBOARD NAVIGATION\r\n
    // ====================================\r\n
    document.querySelectorAll('.program-card').forEach(card => {\r\n
        card.addEventListener('keydown', function(event) {\r\n
            if (event.key === 'Enter' || event.key === ' ') {\r\n
                event.preventDefault();\r\n
                this.click();\r\n
            }\r\n
        });\r\n
    });\r\n
    \r\n
    \r\n
    // ====================================\r\n
    // SMOOTH SCROLLING\r\n
    // ====================================\r\n
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {\r\n
        anchor.addEventListener('click', function (e) {\r\n
            e.preventDefault();\r\n
            const target = document.querySelector(this.getAttribute('href'));\r\n
            if (target) {\r\n
                target.scrollIntoView({\r\n
                    behavior: 'smooth',\r\n
                    block: 'start'\r\n
                });\r\n
            }\r\n
        });\r\n
    });\r\n
    \r\n
    // ====================================\r\n
    // STICKY CTA FUNCTIONALITY\r\n
    // ====================================\r\n
    const stickyCTA = document.getElementById('stickyCTA');\r\n
    const hero = document.querySelector('.hero');\r\n
    \r\n
    if (stickyCTA && hero) {\r\n
        window.addEventListener('scroll', () => {\r\n
            const heroBottom = hero.offsetTop + hero.offsetHeight;\r\n
            const scrollPosition = window.pageYOffset;\r\n
            \r\n
            if (scrollPosition > heroBottom) {\r\n
                stickyCTA.classList.add('show');\r\n
            } else {\r\n
                stickyCTA.classList.remove('show');\r\n
            }\r\n
        });\r\n
    }\r\n
    \r\n
    \r\n
    \r\n
    console.log('Modal functionality loaded');\r\n
    console.log('STARTPLATZ KI-Weiterbildungen Website loaded successfully');\r\n
    });\r\n
    \r\n
    // ====================================\r\n
    // UTILITY FUNCTIONS (available globally)\r\n
    // ====================================\r\n
    function toggleFaq(element) {\r\n
    const faqItem = element.closest('.faq-item');\r\n
    const faqAnswer = faqItem.querySelector('.faq-answer');\r\n
    const isActive = faqItem.classList.contains('active');\r\n
    \r\n
    // Close all other FAQ items\r\n
    document.querySelectorAll('.faq-item').forEach(item => {\r\n
        if (item !== faqItem) {\r\n
            item.classList.remove('active');\r\n
            item.querySelector('.faq-answer').classList.remove('active');\r\n
        }\r\n
    });\r\n
    \r\n
    // Toggle current FAQ item\r\n
    if (isActive) {\r\n
        faqItem.classList.remove('active');\r\n
        faqAnswer.classList.remove('active');\r\n
    } else {\r\n
        faqItem.classList.add('active');\r\n
        faqAnswer.classList.add('active');\r\n
    }\r\n
    }\r\n
    </script>\r\n
    \r\n
    </body>\r\n
    </html>\n
    \n
    \n
    \n
    \n
    <!-- sp-connect footer starts -->\n
    \n
    <style type="text/css">\n
        .ftco-section {\n
            padding: 5em 0;\n
            position: relative; }\n
        @media (max-width: 767.98px) {\n
            .ftco-section {\n
                padding: 6em 0; } }\n
    \n
        .ftco-footer {\n
            font-size: 16px;\n
            background: #232931;\n
            padding: 7em 0;\n
            z-index: 0; }\n
        .ftco-footer .ftco-footer-logo {\n
            text-transform: uppercase;\n
            letter-spacing: .1em; }\n
        .ftco-footer .ftco-footer-widget h2 {\n
            font-weight: normal;\n
            color: #fff;\n
            margin-bottom: 40px;\n
            font-size: 22px;\n
            font-weight: 600; }\n
        .ftco-footer .ftco-footer-widget ul li {\n
            margin-bottom: 10px; }\n
        .ftco-footer .ftco-footer-widget ul li a {\n
            color: rgba(255, 255, 255, 0.6); }\n
        .ftco-footer .ftco-footer-widget ul li a span {\n
            color: rgba(255, 255, 255, 0.6); }\n
        .ftco-footer .ftco-footer-widget .btn-primary {\n
            background: #fff !important;\n
            border: 2px solid #fff !important; }\n
        .ftco-footer .ftco-footer-widget .btn-primary:hover {\n
            background: #fff;\n
            border: 2px solid #fff !important; }\n
        .ftco-footer p {\n
            color: rgba(255, 255, 255, 0.7); }\n
        .ftco-footer a {\n
            color: rgba(255, 255, 255, 0.7); }\n
        .ftco-footer a:hover {\n
            color: #fff; }\n
        .ftco-footer .ftco-heading-2 {\n
            font-size: 17px;\n
            font-weight: 400;\n
            color: #000000; }\n
    \n
        .ftco-footer-social li {\n
            list-style: none;\n
            margin: 0 10px 0 0;\n
            display: inline-block; }\n
        .ftco-footer-social li a {\n
            height: 50px;\n
            width: 50px;\n
            display: block;\n
            float: left;\n
            background: rgba(255, 255, 255, 0.1);\n
            border-radius: 50%;\n
            position: relative; }\n
        .ftco-footer-social li a span {\n
            position: absolute;\n
            font-size: 26px;\n
            top: 50%;\n
            left: 50%;\n
            -webkit-transform: translate(-50%, -50%);\n
            -ms-transform: translate(-50%, -50%);\n
            transform: translate(-50%, -50%); }\n
        .ftco-footer-social li a:hover {\n
            color: #fff; }\n
    \n
        .footer-small-nav > li {\n
            display: inline-block; }\n
        .footer-small-nav > li a {\n
            margin: 0 10px 10px 0; }\n
        .footer-small-nav > li a:hover, .footer-small-nav > li a:focus {\n
            color: #033fff; }\n
    \n
        .media .ftco-icon {\n
            width: 100px; }\n
        .media .ftco-icon span {\n
            color: #033fff; }\n
    \n
    \n
         .spGreen h1,.spGreen h2,.spGreen h3,.spGreen h4,.spGreen h5,.spGreen h6  {color: rgba(122,184,8,1) !important;}\n
        .spBgGreen {background-color: rgba(122,184,8,1) !important;color: white;}\n
    \n
        /* --- Corporate: spRed/ RED ---- */\n
        .color-danger {\n
            color:#8F2640;\n
        }\n
    \n
        .spRed h1,.spRed h2,.spRed h3,.spRed h4,.spRed h5,.spRed h6  {color: rgba(143,38,64,1) !important;}\n
        .bgSpRed { background-color: rgba(143,38,64,0.99)!important;}\n
    \n
    </style>\n
    \n
    <footer class="ftco-footer ftco-section">\n
        <div class="container">\n
            <div class="row my-2">\n
                <div class="col-md-2">\n
                    <div class="ftco-footer-widget mb-3">\n
                        <h2 class="ftco-heading-2">Über STARTPLATZ</h2>\n
                        <p>Mit Standorten in Köln und Düsseldorf ist STARTPLATZ der größte Startup Inkubator und Accelerator in NRW</p>\n
    \n
                        <ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-3">\n
                            <li class="ftco-animate"><a href="https://twitter.com/startplatz"><span class="fab fa-twitter"></span></a></li>\n
                            <li class="ftco-animate"><a href="https://de-de.facebook.com/StartPlatz/"><span class="fab fa-facebook-f"></span></a></li>\n
                            <li class="ftco-animate"><a href="https://www.instagram.com/startplatz/"><span class="fab fa-instagram"></span></a></li>\n
                        </ul>\n
                    </div>\n
                </div>\n
                <div class="col-md-3">\n
                    <div class="ftco-footer-widget mb-4 ml-md-4">\n
                        <h2 class="ftco-heading-2 mb-2">Über diese Website</h2>\n
                        <ul class="list-unstyled">\n
                            <li><a href="/kontakt-aufnehmen"><span class="fas fa-long-arrow-alt-right mr-2"></span>Kontakt</a></li>\n
                            <li><a href="/wlan-am-startplatz-koeln"><span class="fas fa-long-arrow-alt-right mr-2"></span>WLAN am STARTPLATZ Koeln</a></li>\n
                            <li><a href="/pressebereich"><span class="fas fa-long-arrow-alt-right mr-2"></span>Presse</a></li>\n
                            <li><a href="/jobs"><span class="fas fa-long-arrow-alt-right mr-2"></span>Jobs</a></li>\n
                            <li><a href="/standorte"><span class="fas fa-long-arrow-alt-right mr-2"></span>Standorte</a></li>\n
                            <li><a href="/startplatz-archiv"><span class="fas fa-long-arrow-alt-right mr-2"></span>Archiv</a></li>\n
                            <li><a href="/startplatz-agb"><span class="fas fa-long-arrow-alt-right mr-2"></span>AGB</a></li>\n
                            <li><a href="/impressum"><span class="fas fa-long-arrow-alt-right mr-2"></span>Impressum</a></li>\n
                            <li><a href="/support"><span class="fas fa-long-arrow-alt-right mr-2"></span>Support</a></li>\n
                            <li><a href="/datenschutz"><span class="fas fa-long-arrow-alt-right mr-2"></span>Datenschutz</a></li>\n
                        </ul>\n
                    </div>\n
                </div>\n
                <div class="col-md-3">\n
                    <div class="ftco-footer-widget mb-4">\n
                        <h2 class="ftco-heading-2">Top Themen</h2>\n
                        <ul class="list-unstyled">\n
                            <li><a href="/coworking-koeln"><span class="fas fa-long-arrow-alt-right mr-2"></span>Coworking Köln</a></li>\n
    <li><a href="/coworking-duesseldorf"><span class="fas fa-long-arrow-alt-right mr-2"></span>Coworking Düsseldorf</a></li>\n
    <li><a href="/konferenzraum"><span class="fas fa-long-arrow-alt-right mr-2"></span>Konferenzraum mieten in Köln</a></li>\n
    <li><a href="/duesseldorf-tagungsraeume-und-konferenzraeume/"><span class="fas fa-long-arrow-alt-right mr-2"></span>Konferenzraum mieten in Düsseldorf</a></li>\n
    <li><a href="/startup-wiki/business-model-canvas"><span class="fas fa-long-arrow-alt-right mr-2"></span>Business Model Canvas</a></li>\n
    <li><a href="/accelerator/"><span class="fas fa-long-arrow-alt-right mr-2"></span>STARTPLATZ Accelerator</a></li>\n
    <li><a href="/corporate-innovation-page"><span class="fas fa-long-arrow-alt-right mr-2"></span>Corporate Innovation</a></li>\n
    <li><a href="/startup-wiki/pitch"><span class="fas fa-long-arrow-alt-right mr-2"></span>Pitch</a></li>\n
    <li><a href="/projektbuero-mieten"><span class="fas fa-long-arrow-alt-right mr-2"></span>Projektbüro mieten</a></li>\n
    <li><a href="/meetingraeume-mieten"><span class="fas fa-long-arrow-alt-right mr-2"></span>Meetingräume mieten</a></li>\n
    <li><a href="/coworker-werden"><span class="fas fa-long-arrow-alt-right mr-2"></span>Coworker werden</a></li>\n
    <li><a href="/startup-membership"><span class="fas fa-long-arrow-alt-right mr-2"></span>Startup Firmenmitgliedschaft</a></li>\n
    <li><a href="/karriere"><span class="fas fa-long-arrow-alt-right mr-2"></span>Startup Jobs am STARTPLATZ</a></li>\n
    <li><a href="/digital-speed-networking"><span class="fas fa-long-arrow-alt-right mr-2"></span>Speed Networking</a></li>\n
    <li><a href="/gruenderstipendium-nrw"><span class="fas fa-long-arrow-alt-right mr-2"></span>Gründungsstipendium</a></li>\n
    <li><a href="/benefits/perks"><span class="fas fa-long-arrow-alt-right mr-2"></span>Software für Startups</a></li>\n
    <li><a href="/startup-wiki"><span class="fas fa-long-arrow-alt-right mr-2"></span>Startup Wiki</a></li>\n
    <li><a href="/sprechstunden"><span class="fas fa-long-arrow-alt-right mr-2"></span>Sprechstunden</a></li>\n
    <li><a href="/mentoring"><span class="fas fa-long-arrow-alt-right mr-2"></span>Mentorinnen und Mentoren</a></li>\n
                        </ul>\n
                    </div>\n
                </div>\n
                <div class="col-md-4">\n
                    <div class="ftco-footer-widget mb-4">\n
                        <h2 class="ftco-heading-2">Kontakt</h2>\n
                        <div class="row">\n
                            <div class="col-6">\n
                                <p class="address city">Köln</p>\n
                                <p class="address">Im Mediapark 5 <br>50670 Köln</p>\n
                                <p class="address mb-0">info@startplatz.de</p>\n
                                <p class="address">+49 221 975 802 00</p>\n
                            </div>\n
                            <div class="col-6">\n
                                <p class="address city">Düsseldorf</p>\n
                                <p class="address">Speditionstraße 15a <br>40221 Düsseldorf</p>\n
                                <p class="address mb-0">info@startplatz.de</p>\n
                                <p class="address">+49 211 936 725 20</p>\n
                            </div>\n
                        </div>\n
                        <div class="newsletter">\n
                            <h2 class="mb-0">Newsletter</h2>\n
                            <p>Immer auf dem Laufenden bleiben?\n
                                <br>Erhalte regelmäßig alle News aus dem STARTPLATZ, zu Workshops und Events.</p>\n
    \n
                            <!-- Begin MailChimp Signup Form -->\n
                            <div id="mc_embed_signup">\n
                                <form id="mc-embedded-subscribe-form" class="validate" action="https://startplatz.us5.list-manage.com/subscribe?u=8a2b498caca4323b774191382&id=be73f77d94" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank">\n
                                    <div id="mc_embed_signup_scroll form-group email-wrapper">\n
                                        <button type="submit" class="btn btn-success ml-2">Hier Abonnieren</button>\n
                                        <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->\n
                                        <div style="position: absolute; left: -5000px;"><input tabindex="-1" name="b_8a2b498caca4323b774191382_51dae9d56a" type="text" value="" /></div>\n
                                        <div class="clear"></div>\n
                                    </div>\n
                                </form></div>\n
                            <!--End mc_embed_signup-->\n
    \n
                        </div>\n
                        <div class="row">\n
                            <div class="col-12 mt-4">\n
                        <div class="pe-richsnippets"></div>\n
                        <script type="text/javascript" src="https://www.provenexpert.com/widget/richsnippet.js?u=1HQBkRmo1xQpmqGB1xmA5DGAlMwpkxQZ&v=2" async></script>\n
                        </div>\n
                        </div>\n
                    </div>\n
                </div>\n
            </div>\n
    \n
            <div class="row">\n
                <div class="col-md-12 text-center">\n
    \n
                    <p>\n
                        Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved\n
                    </p>\n
                </div>\n
            </div>\n
        </div>\n
    </footer>\n
    \n
    <!-- sp-connect footer ends -->\n
    \n
    <!-- wp_footer starts -->\n
    <script type="speculationrules">\n
    {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/startplatz\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}\n
    </script>\n
    <script async>(function(s,u,m,o,j,v){j=u.createElement(m);v=u.getElementsByTagName(m)[0];j.async=1;j.src=o;j.dataset.sumoSiteId='39f60b00513044004a8fe0004ce6fc0099bffb000c2cd200cfc8f4006d6fae00';j.dataset.sumoPlatform='wordpress';v.parentNode.insertBefore(j,v)})(window,document,'script','//load.sumome.com/');</script>        <script type="application/javascript">\r\n
                const ajaxURL = "https://www.staging.startplatz.de/wp-admin/admin-ajax.php";\r\n
    \r\n
                function sumo_add_woocommerce_coupon(code) {\r\n
                    jQuery.post(ajaxURL, {\r\n
                        action: 'sumo_add_woocommerce_coupon',\r\n
                        code: code,\r\n
                    });\r\n
                }\r\n
    \r\n
                function sumo_remove_woocommerce_coupon(code) {\r\n
                    jQuery.post(ajaxURL, {\r\n
                        action: 'sumo_remove_woocommerce_coupon',\r\n
                        code: code,\r\n
                    });\r\n
                }\r\n
    \r\n
                function sumo_get_woocommerce_cart_subtotal(callback) {\r\n
                    jQuery.ajax({\r\n
                        method: 'POST',\r\n
                        url: ajaxURL,\r\n
                        dataType: 'html',\r\n
                        data: {\r\n
                            action: 'sumo_get_woocommerce_cart_subtotal',\r\n
                        },\r\n
                        success: function (subtotal) {\r\n
                            return callback(null, subtotal);\r\n
                        },\r\n
                        error: function (err) {\r\n
                            return callback(err, 0);\r\n
                        }\r\n
                    });\r\n
                }\r\n
            </script>\r\n
            <!-- wp_footer ends -->\n
    <!-- startplatz default js starts -->\n
    <!-- Optional JavaScript -->\n
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->\n
    <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>\n
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>\n
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script><!-- startplatz default js ends -->\n
    \n
    \n
    <div id="sfwdta8baca" class="sf-toolbar sf-display-none" role="region" aria-label="Symfony Web Debug Toolbar">    <!-- START of Symfony Web Debug Toolbar --><div id="sfMiniToolbar-a8baca" class="sf-minitoolbar" data-no-turbolink data-turbo="false">    <button type="button" title="Show Symfony toolbar" id="sfToolbarMiniToggler-a8baca" accesskey="D" aria-expanded="false" aria-controls="sfToolbarMainContent-a8baca">        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#AAA" d="M12 .9C5.8.9.9 5.8.9 12a11 11 0 1 0 22.2 0A11 11 0 0 0 12 .9zm6.5 6c-.6 0-.9-.3-.9-.8 0-.2 0-.4.2-.6l.2-.4c0-.3-.5-.4-.6-.4-1.8.1-2.3 2.5-2.7 4.4l-.2 1c1 .2 1.8 0 2.2-.3.6-.4-.2-.7-.1-1.2.1-.3.5-.5.7-.6.5 0 .7.5.7.9 0 .7-1 1.8-3 1.8l-.6-.1-.6 2.4c-.4 1.6-.8 3.8-2.4 5.7-1.4 1.7-2.9 1.9-3.5 1.9-1.2 0-1.9-.6-2-1.5 0-.8.7-1.3 1.2-1.3.6 0 1.1.5 1.1 1s-.2.6-.4.6c-.1.1-.3.2-.3.4 0 .1.1.3.4.3.5 0 .8-.3 1.1-.5 1.2-.9 1.6-2.7 2.2-5.7l.1-.7.7-3.2c-.8-.6-1.3-1.4-2.4-1.7-.6-.1-1.1.1-1.5.5-.4.5-.2 1.1.2 1.5l.7.6c.7.8 1.2 1.6 1 2.5-.3 1.5-2 2.6-4 1.9-1.8-.6-2-1.8-1.8-2.5.2-.6.6-.7 1.1-.6.5.2.6.7.6 1.2l-.1.3c-.2.1-.3.3-.3.4-.1.4.4.6.7.7.7.3 1.6-.2 1.8-.8a1 1 0 0 0-.4-1.1l-.7-.8c-.4-.4-1.1-1.4-.7-2.6.1-.5.4-.9.7-1.3a4 4 0 0 1 2.8-.6c1.2.4 1.8 1.1 2.6 1.8.5-1.2 1-2.4 1.8-3.5.9-.9 1.9-1.6 3.1-1.7 1.3.2 2.2.7 2.2 1.6 0 .4-.2 1.1-.9 1.1z"/></svg>    </button></div><div id="sfToolbarClearer-a8baca" class="sf-toolbar-clearer"></div><div id="sfToolbarMainContent-a8baca" class="sf-toolbarreset clear-fix" data-no-turbolink data-turbo="false">                                                    <div class="sf-toolbar-block sf-toolbar-block-request sf-toolbar-status-normal " >    <a href="http://www.staging.startplatz.de/_profiler/a8baca?panel=request">        <div class="sf-toolbar-icon">        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#AAA" d="M12 .9C5.8.9.9 5.8.9 12a11 11 0 1 0 22.2 0A11 11 0 0 0 12 .9zm6.5 6c-.6 0-.9-.3-.9-.8 0-.2 0-.4.2-.6l.2-.4c0-.3-.5-.4-.6-.4-1.8.1-2.3 2.5-2.7 4.4l-.2 1c1 .2 1.8 0 2.2-.3.6-.4-.2-.7-.1-1.2.1-.3.5-.5.7-.6.5 0 .7.5.7.9 0 .7-1 1.8-3 1.8l-.6-.1-.6 2.4c-.4 1.6-.8 3.8-2.4 5.7-1.4 1.7-2.9 1.9-3.5 1.9-1.2 0-1.9-.6-2-1.5 0-.8.7-1.3 1.2-1.3.6 0 1.1.5 1.1 1s-.2.6-.4.6c-.1.1-.3.2-.3.4 0 .1.1.3.4.3.5 0 .8-.3 1.1-.5 1.2-.9 1.6-2.7 2.2-5.7l.1-.7.7-3.2c-.8-.6-1.3-1.4-2.4-1.7-.6-.1-1.1.1-1.5.5-.4.5-.2 1.1.2 1.5l.7.6c.7.8 1.2 1.6 1 2.5-.3 1.5-2 2.6-4 1.9-1.8-.6-2-1.8-1.8-2.5.2-.6.6-.7 1.1-.6.5.2.6.7.6 1.2l-.1.3c-.2.1-.3.3-.3.4-.1.4.4.6.7.7.7.3 1.6-.2 1.8-.8a1 1 0 0 0-.4-1.1l-.7-.8c-.4-.4-1.1-1.4-.7-2.6.1-.5.4-.9.7-1.3a4 4 0 0 1 2.8-.6c1.2.4 1.8 1.1 2.6 1.8.5-1.2 1-2.4 1.8-3.5.9-.9 1.9-1.6 3.1-1.7 1.3.2 2.2.7 2.2 1.6 0 .4-.2 1.1-.9 1.1z"/></svg>        <span class="sf-toolbar-value sf-toolbar-ajax-request-counter">            Loading&hellip;        </span>    </div>    </a>        <div class="sf-toolbar-info">        <div class="sf-toolbar-info-piece">            <b>Loading the web debug toolbar&hellip;</b>        </div>        <div class="sf-toolbar-info-piece">            Attempt #<span id="sfLoadCounter-a8baca"></span>        </div>        <div class="sf-toolbar-info-piece">            <b>                <button class="sf-cancel-button" type="button" id="sfLoadCancel-a8baca" title="Cancel loading">Cancel</button>            </b>        </div>    </div></div>                                <button class="hide-button" type="button" id="sfToolbarHideButton-a8baca" title="Close Toolbar" accesskey="D" aria-expanded="true" aria-controls="sfToolbarMainContent-a8baca">        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#AAA" d="M21.1 18.3c.8.8.8 2 0 2.8-.4.4-.9.6-1.4.6s-1-.2-1.4-.6L12 14.8l-6.3 6.3c-.4.4-.9.6-1.4.6s-1-.2-1.4-.6a2 2 0 0 1 0-2.8L9.2 12 2.9 5.7a2 2 0 0 1 0-2.8 2 2 0 0 1 2.8 0L12 9.2l6.3-6.3a2 2 0 0 1 2.8 0c.8.8.8 2 0 2.8L14.8 12l6.3 6.3z"/></svg>    </button></div><!-- END of Symfony Web Debug Toolbar --></div><script nonce="1db523153dc2da19dcc164212453dc8c">/*<![CDATA[*/    if (typeof Sfjs === 'undefined' || typeof Sfjs.loadToolbar === 'undefined') {    Sfjs = (function() {        "use strict";        if ('classList' in document.documentElement) {            var hasClass = function (el, cssClass) { return el.classList.contains(cssClass); };            var removeClass = function(el, cssClass) { el.classList.remove(cssClass); };            var addClass = function(el, cssClass) { el.classList.add(cssClass); };            var toggleClass = function(el, cssClass) { el.classList.toggle(cssClass); };        } else {            var hasClass = function (el, cssClass) { return el.className.match(new RegExp('\\b' + cssClass + '\\b')); };            var removeClass = function(el, cssClass) { el.className = el.className.replace(new RegExp('\\b' + cssClass + '\\b'), ' '); };            var addClass = function(el, cssClass) { if (!hasClass(el, cssClass)) { el.className += " " + cssClass; } };            var toggleClass = function(el, cssClass) { hasClass(el, cssClass) ? removeClass(el, cssClass) : addClass(el, cssClass); };        }        var noop = function() {};        var profilerStorageKey = 'symfony/profiler/';        var addEventListener;        var el = document.createElement('div');        if (!('addEventListener' in el)) {            addEventListener = function (element, eventName, callback) {                element.attachEvent('on' + eventName, callback);            };        } else {            addEventListener = function (element, eventName, callback) {                element.addEventListener(eventName, callback, false);            };        }        if (navigator.clipboard) {            document.querySelectorAll('[data-clipboard-text]').forEach(function(element) {                removeClass(element, 'hidden');                element.addEventListener('click', function() {                    navigator.clipboard.writeText(element.getAttribute('data-clipboard-text'));                })            });        }        var request = function(url, onSuccess, onError, payload, options, tries) {            var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');            options = options || {};            options.retry = options.retry || false;            tries = tries || 1;            /* this delays for 125, 375, 625, 875, and 1000, ... */            var delay = tries < 5 ? (tries - 0.5) * 250 : 1000;            xhr.open(options.method || 'GET', url, true);            xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');            xhr.onreadystatechange = function(state) {                if (4 !== xhr.readyState) {                    return null;                }                if (xhr.status == 404 && options.retry && !options.stop) {                    setTimeout(function() {                        if (options.stop) {                            return;                        }                        request(url, onSuccess, onError, payload, options, tries + 1);                    }, delay);                    return null;                }                if (200 === xhr.status) {                    (onSuccess || noop)(xhr);                } else {                    (onError || noop)(xhr);                }            };            if (options.onSend) {                options.onSend(tries);            }            xhr.send(payload || '');        };        var getPreference = function(name) {            if (!window.localStorage) {                return null;            }            return localStorage.getItem(profilerStorageKey + name);        };        var setPreference = function(name, value) {            if (!window.localStorage) {                return null;            }            localStorage.setItem(profilerStorageKey + name, value);        };        var requestStack = [];        var extractHeaders = function(xhr, stackElement) {            /* Here we avoid to call xhr.getResponseHeader in order to */            /* prevent polluting the console with CORS security errors */            var allHeaders = xhr.getAllResponseHeaders();            var ret;            if (ret = allHeaders.match(/^x-debug-token:\s+(.*)$/im)) {                stackElement.profile = ret[1];            }            if (ret = allHeaders.match(/^x-debug-token-link:\s+(.*)$/im)) {                stackElement.profilerUrl = ret[1];            }            if (ret = allHeaders.match(/^Symfony-Debug-Toolbar-Replace:\s+(.*)$/im)) {                stackElement.toolbarReplaceFinished = false;                stackElement.toolbarReplace = '1' === ret[1];            }        };        var successStreak = 4;        var pendingRequests = 0;        var renderAjaxRequests = function() {            var requestCounter = document.querySelector('.sf-toolbar-ajax-request-counter');            if (!requestCounter) {                return;            }            requestCounter.textContent = requestStack.length;            var infoSpan = document.querySelector(".sf-toolbar-ajax-info");            if (infoSpan) {                infoSpan.textContent = requestStack.length + ' AJAX request' + (requestStack.length !== 1 ? 's' : '');            }            var ajaxToolbarPanel = document.querySelector('.sf-toolbar-block-ajax');            if (requestStack.length) {                ajaxToolbarPanel.style.display = 'block';            } else {                ajaxToolbarPanel.style.display = 'none';            }            if (pendingRequests > 0) {                addClass(ajaxToolbarPanel, 'sf-ajax-request-loading');            } else if (successStreak < 4) {                addClass(ajaxToolbarPanel, 'sf-toolbar-status-red');                removeClass(ajaxToolbarPanel, 'sf-ajax-request-loading');            } else {                removeClass(ajaxToolbarPanel, 'sf-ajax-request-loading');                removeClass(ajaxToolbarPanel, 'sf-toolbar-status-red');            }        };        var startAjaxRequest = function(index) {            var tbody = document.querySelector('.sf-toolbar-ajax-request-list');            if (!tbody) {                return;            }            var nbOfAjaxRequest = tbody.rows.length;            if (nbOfAjaxRequest >= 100) {                tbody.deleteRow(0);            }            var request = requestStack[index];            pendingRequests++;            var row = document.createElement('tr');            request.DOMNode = row;            var requestNumberCell = document.createElement('td');            requestNumberCell.textContent = index + 1;            row.appendChild(requestNumberCell);            var profilerCell = document.createElement('td');            profilerCell.textContent = 'n/a';            row.appendChild(profilerCell);            var methodCell = document.createElement('td');            methodCell.textContent = request.method;            row.appendChild(methodCell);            var typeCell = document.createElement('td');            typeCell.textContent = request.type;            row.appendChild(typeCell);            var statusCodeCell = document.createElement('td');            var statusCode = document.createElement('span');            statusCode.textContent = 'n/a';            statusCodeCell.appendChild(statusCode);            row.appendChild(statusCodeCell);            var pathCell = document.createElement('td');            pathCell.className = 'sf-ajax-request-url';            if ('GET' === request.method) {                var pathLink = document.createElement('a');                pathLink.setAttribute('href', request.url);                pathLink.textContent = request.url;                pathCell.appendChild(pathLink);            } else {                pathCell.textContent = request.url;            }            pathCell.setAttribute('title', request.url);            row.appendChild(pathCell);            var durationCell = document.createElement('td');            durationCell.className = 'sf-ajax-request-duration';            durationCell.textContent = 'n/a';            row.appendChild(durationCell);            request.liveDurationHandle = setInterval(function() {                durationCell.textContent = (new Date() - request.start) + ' ms';            }, 100);            row.className = 'sf-ajax-request sf-ajax-request-loading';            tbody.insertBefore(row, null);            var toolbarInfo = document.querySelector('.sf-toolbar-block-ajax .sf-toolbar-info');            toolbarInfo.scrollTop = toolbarInfo.scrollHeight;            renderAjaxRequests();        };        var finishAjaxRequest = function(index) {            var request = requestStack[index];            clearInterval(request.liveDurationHandle);            if (!request.DOMNode) {                return;            }            if (request.toolbarReplace && !request.toolbarReplaceFinished && request.profile) {                /* Flag as complete because finishAjaxRequest can be called multiple times. */                request.toolbarReplaceFinished = true;                /* Search up through the DOM to find the toolbar's container ID. */                for (var elem = request.DOMNode; elem && elem !== document; elem = elem.parentNode) {                    if (elem.id.match(/^sfwdt/)) {                        Sfjs.loadToolbar(elem.id.replace(/^sfwdt/, ''), request.profile);                        break;                    }                }            }            pendingRequests--;            var row = request.DOMNode;            /* Unpack the children from the row */            var profilerCell = row.children[1];            var methodCell = row.children[2];            var statusCodeCell = row.children[4];            var statusCodeElem = statusCodeCell.children[0];            var durationCell = row.children[6];            if (request.error) {                row.className = 'sf-ajax-request sf-ajax-request-error';                methodCell.className = 'sf-ajax-request-error';                successStreak = 0;            } else {                row.className = 'sf-ajax-request sf-ajax-request-ok';                successStreak++;            }            if (request.statusCode) {                if (request.statusCode < 300) {                    statusCodeElem.setAttribute('class', 'sf-toolbar-status');                } else if (request.statusCode < 400) {                    statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-yellow');                } else {                    statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-red');                }                statusCodeElem.textContent = request.statusCode;            } else {                statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-red');            }            if (request.duration) {                durationCell.textContent = request.duration + ' ms';            }            if (request.profilerUrl) {                profilerCell.textContent = '';                var profilerLink = document.createElement('a');                profilerLink.setAttribute('href', request.profilerUrl);                profilerLink.textContent = request.profile;                profilerCell.appendChild(profilerLink);            }            renderAjaxRequests();        };                    if (window.fetch && window.fetch.polyfill === undefined) {                var oldFetch = window.fetch;                window.fetch = function () {                    var promise = oldFetch.apply(this, arguments);                    var url = arguments[0];                    var params = arguments[1];                    var paramType = Object.prototype.toString.call(arguments[0]);                    if (paramType === '[object Request]') {                        url = arguments[0].url;                        params = {                            method: arguments[0].method,                            credentials: arguments[0].credentials,                            headers: arguments[0].headers,                            mode: arguments[0].mode,                            redirect: arguments[0].redirect                        };                    } else {                        url = String(url);                    }                    if (!url.match(new RegExp("^\/((index|app(_[\\w]+)?)\\.php\/)?_wdt"))) {                        var method = 'GET';                        if (params && params.method !== undefined) {                            method = params.method;                        }                        var stackElement = {                            error: false,                            url: url,                            method: method,                            type: 'fetch',                            start: new Date()                        };                        var idx = requestStack.push(stackElement) - 1;                        promise.then(function (r) {                            stackElement.duration = new Date() - stackElement.start;                            stackElement.error = r.status < 200 || r.status >= 400;                            stackElement.statusCode = r.status;                            stackElement.profile = r.headers.get('x-debug-token');                            stackElement.profilerUrl = r.headers.get('x-debug-token-link');                            stackElement.toolbarReplaceFinished = false;                            stackElement.toolbarReplace = '1' === r.headers.get('Symfony-Debug-Toolbar-Replace');                            finishAjaxRequest(idx);                        }, function (e){                            stackElement.error = true;                            finishAjaxRequest(idx);                        });                        startAjaxRequest(idx);                    }                    return promise;                };            }            if (window.XMLHttpRequest && XMLHttpRequest.prototype.addEventListener) {                var proxied = XMLHttpRequest.prototype.open;                XMLHttpRequest.prototype.open = function(method, url, async, user, pass) {                    var self = this;                    /* prevent logging AJAX calls to static and inline files, like templates */                    var path = url;                    if (url.slice(0, 1) === '/') {                        if (0 === url.indexOf('')) {                            path = url.slice(0);                        }                    }                    else if (0 === url.indexOf('http\u003A\/\/www.staging.startplatz.de')) {                        path = url.slice(32);                    }                    if (!path.match(new RegExp("^\/((index|app(_[\\w]+)?)\\.php\/)?_wdt"))) {                        var stackElement = {                            error: false,                            url: url,                            method: method,                            type: 'xhr',                            start: new Date()                        };                        var idx = requestStack.push(stackElement) - 1;                        this.addEventListener('readystatechange', function() {                            if (self.readyState == 4) {                                stackElement.duration = new Date() - stackElement.start;                                stackElement.error = self.status < 200 || self.status >= 400;                                stackElement.statusCode = self.status;                                extractHeaders(self, stackElement);                                finishAjaxRequest(idx);                            }                        }, false);                        startAjaxRequest(idx);                    }                    proxied.apply(this, Array.prototype.slice.call(arguments));                };            }                return {            hasClass: hasClass,            removeClass: removeClass,            addClass: addClass,            toggleClass: toggleClass,            getPreference: getPreference,            setPreference: setPreference,            addEventListener: addEventListener,            request: request,            renderAjaxRequests: renderAjaxRequests,            getSfwdt: function(token) {                if (!this.sfwdt) {                    this.sfwdt = document.getElementById('sfwdt' + token);                }                return this.sfwdt;            },            load: function(selector, url, onSuccess, onError, options) {                var el = document.getElementById(selector);                if (el && el.getAttribute('data-sfurl') !== url) {                    request(                        url,                        function(xhr) {                            el.innerHTML = xhr.responseText;                            el.setAttribute('data-sfurl', url);                            removeClass(el, 'loading');                            var pending = pendingRequests;                            for (var i = 0; i < requestStack.length; i++) {                                startAjaxRequest(i);                                if (requestStack[i].duration) {                                    finishAjaxRequest(i);                                }                            }                            /* Revert the pending state in case there was a start called without a finish above. */                            pendingRequests = pending;                            (onSuccess || noop)(xhr, el);                        },                        function(xhr) { (onError || noop)(xhr, el); },                        '',                        options                    );                }                return this;            },            showToolbar: function(token) {                var sfwdt = this.getSfwdt(token);                removeClass(sfwdt, 'sf-display-none');                if (getPreference('toolbar/displayState') == 'none') {                    document.getElementById('sfToolbarMainContent-' + token).style.display = 'none';                    document.getElementById('sfToolbarClearer-' + token).style.display = 'none';                    document.getElementById('sfMiniToolbar-' + token).style.display = 'block';                } else {                    document.getElementById('sfToolbarMainContent-' + token).style.display = 'block';                    document.getElementById('sfToolbarClearer-' + token).style.display = 'block';                    document.getElementById('sfMiniToolbar-' + token).style.display = 'none';                }            },            hideToolbar: function(token) {                var sfwdt = this.getSfwdt(token);                addClass(sfwdt, 'sf-display-none');            },            initToolbar: function(token) {                this.showToolbar(token);                var hideButton = document.getElementById('sfToolbarHideButton-' + token);                var hideButtonSvg = hideButton.querySelector('svg');                hideButtonSvg.setAttribute('aria-hidden', 'true');                hideButtonSvg.setAttribute('focusable', 'false');                addEventListener(hideButton, 'click', function (event) {                    event.preventDefault();                    var p = this.parentNode;                    p.style.display = 'none';                    (p.previousElementSibling || p.previousSibling).style.display = 'none';                    document.getElementById('sfMiniToolbar-' + token).style.display = 'block';                    setPreference('toolbar/displayState', 'none');                });                var showButton = document.getElementById('sfToolbarMiniToggler-' + token);                var showButtonSvg = showButton.querySelector('svg');                showButtonSvg.setAttribute('aria-hidden', 'true');                showButtonSvg.setAttribute('focusable', 'false');                addEventListener(showButton, 'click', function (event) {                    event.preventDefault();                    var elem = this.parentNode;                    if (elem.style.display == 'none') {                        document.getElementById('sfToolbarMainContent-' + token).style.display = 'none';                        document.getElementById('sfToolbarClearer-' + token).style.display = 'none';                        elem.style.display = 'block';                    } else {                        document.getElementById('sfToolbarMainContent-' + token).style.display = 'block';                        document.getElementById('sfToolbarClearer-' + token).style.display = 'block';                        elem.style.display = 'none'                    }                    setPreference('toolbar/displayState', 'block');                });            },            loadToolbar: function(token, newToken) {                var that = this;                var triesCounter = document.getElementById('sfLoadCounter-' + token);                var options = {                    retry: true,                    onSend: function (count) {                        if (count === 3) {                            that.initToolbar(token);                        }                        if (triesCounter) {                            triesCounter.textContent = count;                        }                    },                };                var cancelButton = document.getElementById('sfLoadCancel-' + token);                if (cancelButton) {                    addEventListener(cancelButton, 'click', function (event) {                        event.preventDefault();                        options.stop = true;                        that.hideToolbar(token);                    });                }                newToken = (newToken || token);                this.load(                    'sfwdt' + token,                    'http\u003A\/\/www.staging.startplatz.de\/_wdt\/xxxxxx'.replace(/xxxxxx/, newToken),                    function(xhr, el) {                        /* Do nothing in the edge case where the toolbar has already been replaced with a new one */                        if (!document.getElementById('sfToolbarMainContent-' + newToken)) {                            return;                        }                        /* Evaluate in global scope scripts embedded inside the toolbar */                        var i, scripts = [].slice.call(el.querySelectorAll('script'));                        for (i = 0; i < scripts.length; ++i) {                            if (scripts[i].firstChild) {                                eval.call({}, scripts[i].firstChild.nodeValue);                            }                        }                        el.style.display = -1 !== xhr.responseText.indexOf('sf-toolbarreset') ? 'block' : 'none';                        if (el.style.display == 'none') {                            return;                        }                        that.initToolbar(newToken);                        /* Handle toolbar-info position */                        var toolbarBlocks = [].slice.call(el.querySelectorAll('.sf-toolbar-block'));                        for (i = 0; i < toolbarBlocks.length; ++i) {                            toolbarBlocks[i].onmouseover = function () {                                var toolbarInfo = this.querySelectorAll('.sf-toolbar-info')[0];                                var pageWidth = document.body.clientWidth;                                var elementWidth = toolbarInfo.offsetWidth;                                var leftValue = (elementWidth + this.offsetLeft) - pageWidth;                                var rightValue = (elementWidth + (pageWidth - this.offsetLeft)) - pageWidth;                                /* Reset right and left value, useful on window resize */                                toolbarInfo.style.right = '';                                toolbarInfo.style.left = '';                                if (elementWidth > pageWidth) {                                    toolbarInfo.style.left = 0;                                }                                else if (leftValue > 0 && rightValue > 0) {                                    toolbarInfo.style.right = (rightValue * -1) + 'px';                                } else if (leftValue < 0) {                                    toolbarInfo.style.left = 0;                                } else {                                    toolbarInfo.style.right = '0px';                                }                            };                        }                        renderAjaxRequests();                        addEventListener(document.querySelector('.sf-toolbar-ajax-clear'), 'click', function() {                            requestStack = [];                            renderAjaxRequests();                            successStreak = 4;                            document.querySelector('.sf-toolbar-ajax-request-list').innerHTML = '';                        });                        addEventListener(document.querySelector('.sf-toolbar-block-ajax'), 'mouseenter', function (event) {                            var elem = document.querySelector('.sf-toolbar-block-ajax .sf-toolbar-info');                            elem.scrollTop = elem.scrollHeight;                        });                        addEventListener(document.querySelector('.sf-toolbar-block-ajax > .sf-toolbar-icon'), 'click', function (event) {                            event.preventDefault();                            toggleClass(this.parentNode, 'hover');                        });                        var dumpInfo = document.querySelector('.sf-toolbar-block-dump .sf-toolbar-info');                        if (null !== dumpInfo) {                            addEventListener(dumpInfo, 'sfbeforedumpcollapse', function () {                                dumpInfo.style.minHeight = dumpInfo.getBoundingClientRect().height+'px';                            });                            addEventListener(dumpInfo, 'mouseleave', function () {                                dumpInfo.style.minHeight = '';                            });                        }                    },                    function(xhr) {                        if (xhr.status !== 0 && !options.stop) {                            var sfwdt = that.getSfwdt(token);                            sfwdt.innerHTML = '\                                <div class="sf-toolbarreset">\                                    <div class="sf-toolbar-icon"><svg width="26" height="28" xmlns="http://www.w3.org/2000/svg" version="1.1" x="0px" y="0px" viewBox="0 0 26 28" enable-background="new 0 0 26 28" xml:space="preserve"><path fill="#FFFFFF" d="M13 0C5.8 0 0 5.8 0 13c0 7.2 5.8 13 13 13c7.2 0 13-5.8 13-13C26 5.8 20.2 0 13 0z M20 7.5 c-0.6 0-1-0.3-1-0.9c0-0.2 0-0.4 0.2-0.6c0.1-0.3 0.2-0.3 0.2-0.4c0-0.3-0.5-0.4-0.7-0.4c-2 0.1-2.5 2.7-2.9 4.8l-0.2 1.1 c1.1 0.2 1.9 0 2.4-0.3c0.6-0.4-0.2-0.8-0.1-1.3C18 9.2 18.4 9 18.7 8.9c0.5 0 0.8 0.5 0.8 1c0 0.8-1.1 2-3.3 1.9 c-0.3 0-0.5 0-0.7-0.1L15 14.1c-0.4 1.7-0.9 4.1-2.6 6.2c-1.5 1.8-3.1 2.1-3.8 2.1c-1.3 0-2.1-0.6-2.2-1.6c0-0.9 0.8-1.4 1.3-1.4 c0.7 0 1.2 0.5 1.2 1.1c0 0.5-0.2 0.6-0.4 0.7c-0.1 0.1-0.3 0.2-0.3 0.4c0 0.1 0.1 0.3 0.4 0.3c0.5 0 0.9-0.3 1.2-0.5 c1.3-1 1.7-2.9 2.4-6.2l0.1-0.8c0.2-1.1 0.5-2.3 0.8-3.5c-0.9-0.7-1.4-1.5-2.6-1.8c-0.8-0.2-1.3 0-1.7 0.4C8.4 10 8.6 10.7 9 11.1 l0.7 0.7c0.8 0.9 1.3 1.7 1.1 2.7c-0.3 1.6-2.1 2.8-4.3 2.1c-1.9-0.6-2.2-1.9-2-2.7c0.2-0.6 0.7-0.8 1.2-0.6 c0.5 0.2 0.7 0.8 0.6 1.3c0 0.1 0 0.1-0.1 0.3C6 15 5.9 15.2 5.9 15.3c-0.1 0.4 0.4 0.7 0.8 0.8c0.8 0.3 1.7-0.2 1.9-0.9 c0.2-0.6-0.2-1.1-0.4-1.2l-0.8-0.9c-0.4-0.4-1.2-1.5-0.8-2.8c0.2-0.5 0.5-1 0.9-1.4c1-0.7 2-0.8 3-0.6c1.3 0.4 1.9 1.2 2.8 1.9 c0.5-1.3 1.1-2.6 2-3.8c0.9-1 2-1.7 3.3-1.8C20 4.8 21 5.4 21 6.3C21 6.7 20.8 7.5 20 7.5z"/></svg></div>\                                    An error occurred while loading the web debug toolbar. <a href="http\u003A\/\/www.staging.startplatz.de\/_profiler\/' + newToken + '">Open the web profiler.</a>\                                </div>\                            ';                            sfwdt.setAttribute('class', 'sf-toolbar sf-error-toolbar');                        }                    },                    options                );                return this;            },            toggle: function(selector, elOn, elOff) {                var tmp = elOn.style.display,                    el = document.getElementById(selector);                elOn.style.display = elOff.style.display;                elOff.style.display = tmp;                if (el) {                    el.style.display = 'none' === tmp ? 'none' : 'block';                }                return this;            },            createTabs: function() {                var tabGroups = document.querySelectorAll('.sf-tabs:not([data-processed=true])');                /* create the tab navigation for each group of tabs */                for (var i = 0; i < tabGroups.length; i++) {                    var tabs = tabGroups[i].querySelectorAll(':scope > .tab');                    var tabNavigation = document.createElement('ul');                    tabNavigation.className = 'tab-navigation';                    var selectedTabId = 'tab-' + i + '-0'; /* select the first tab by default */                    for (var j = 0; j < tabs.length; j++) {                        var tabId = 'tab-' + i + '-' + j;                        var tabTitle = tabs[j].querySelector('.tab-title').innerHTML;                        var tabNavigationItem = document.createElement('li');                        tabNavigationItem.setAttribute('data-tab-id', tabId);                        if (hasClass(tabs[j], 'active')) { selectedTabId = tabId; }                        if (hasClass(tabs[j], 'disabled')) { addClass(tabNavigationItem, 'disabled'); }                        tabNavigationItem.innerHTML = tabTitle;                        tabNavigation.appendChild(tabNavigationItem);                        var tabContent = tabs[j].querySelector('.tab-content');                        tabContent.parentElement.setAttribute('id', tabId);                    }                    tabGroups[i].insertBefore(tabNavigation, tabGroups[i].firstChild);                    addClass(document.querySelector('[data-tab-id="' + selectedTabId + '"]'), 'active');                }                /* display the active tab and add the 'click' event listeners */                for (i = 0; i < tabGroups.length; i++) {                    tabNavigation = tabGroups[i].querySelectorAll(':scope > .tab-navigation li');                    for (j = 0; j < tabNavigation.length; j++) {                        tabId = tabNavigation[j].getAttribute('data-tab-id');                        document.getElementById(tabId).querySelector('.tab-title').className = 'hidden';                        if (hasClass(tabNavigation[j], 'active')) {                            document.getElementById(tabId).className = 'block';                        } else {                            document.getElementById(tabId).className = 'hidden';                        }                        tabNavigation[j].addEventListener('click', function(e) {                            var activeTab = e.target || e.srcElement;                            /* needed because when the tab contains HTML contents, user can click */                            /* on any of those elements instead of their parent '<li>' element */                            while (activeTab.tagName.toLowerCase() !== 'li') {                                activeTab = activeTab.parentNode;                            }                            /* get the full list of tabs through the parent of the active tab element */                            var tabNavigation = activeTab.parentNode.children;                            for (var k = 0; k < tabNavigation.length; k++) {                                var tabId = tabNavigation[k].getAttribute('data-tab-id');                                document.getElementById(tabId).className = 'hidden';                                removeClass(tabNavigation[k], 'active');                            }                            addClass(activeTab, 'active');                            var activeTabId = activeTab.getAttribute('data-tab-id');                            document.getElementById(activeTabId).className = 'block';                        });                    }                    tabGroups[i].setAttribute('data-processed', 'true');                }            },            createToggles: function() {                var toggles = document.querySelectorAll('.sf-toggle:not([data-processed=true])');                for (var i = 0; i < toggles.length; i++) {                    var elementSelector = toggles[i].getAttribute('data-toggle-selector');                    var element = document.querySelector(elementSelector);                    addClass(element, 'sf-toggle-content');                    if (toggles[i].hasAttribute('data-toggle-initial') && toggles[i].getAttribute('data-toggle-initial') == 'display') {                        addClass(toggles[i], 'sf-toggle-on');                        addClass(element, 'sf-toggle-visible');                    } else {                        addClass(toggles[i], 'sf-toggle-off');                        addClass(element, 'sf-toggle-hidden');                    }                    addEventListener(toggles[i], 'click', function(e) {                        e.preventDefault();                        if ('' !== window.getSelection().toString()) {                            /* Don't do anything on text selection */                            return;                        }                        var toggle = e.target || e.srcElement;                        /* needed because when the toggle contains HTML contents, user can click */                        /* on any of those elements instead of their parent '.sf-toggle' element */                        while (!hasClass(toggle, 'sf-toggle')) {                            toggle = toggle.parentNode;                        }                        var element = document.querySelector(toggle.getAttribute('data-toggle-selector'));                        toggleClass(toggle, 'sf-toggle-on');                        toggleClass(toggle, 'sf-toggle-off');                        toggleClass(element, 'sf-toggle-hidden');                        toggleClass(element, 'sf-toggle-visible');                        /* the toggle doesn't change its contents when clicking on it */                        if (!toggle.hasAttribute('data-toggle-alt-content')) {                            return;                        }                        if (!toggle.hasAttribute('data-toggle-original-content')) {                            toggle.setAttribute('data-toggle-original-content', toggle.innerHTML);                        }                        var currentContent = toggle.innerHTML;                        var originalContent = toggle.getAttribute('data-toggle-original-content');                        var altContent = toggle.getAttribute('data-toggle-alt-content');                        toggle.innerHTML = currentContent !== altContent ? altContent : originalContent;                    });                    /* Prevents from disallowing clicks on links inside toggles */                    var toggleLinks = toggles[i].querySelectorAll('a');                    for (var j = 0; j < toggleLinks.length; j++) {                        addEventListener(toggleLinks[j], 'click', function(e) {                            e.stopPropagation();                        });                    }                    /* Prevents from disallowing clicks on "copy to clipboard" elements inside toggles */                    var copyToClipboardElements = toggles[i].querySelectorAll('span[data-clipboard-text]');                    for (var k = 0; k < copyToClipboardElements.length; k++) {                        addEventListener(copyToClipboardElements[k], 'click', function(e) {                            e.stopPropagation();                        });                    }                    toggles[i].setAttribute('data-processed', 'true');                }            },            initializeLogsTable: function() {                Sfjs.updateLogsTable();                document.querySelectorAll('.log-filter input').forEach((input) => {                    input.addEventListener('change', () => { Sfjs.updateLogsTable(); });                });                document.querySelectorAll('.filter-select-all-or-none button').forEach((link) => {                    link.addEventListener('click', () => {                        const selectAll = link.classList.contains('select-all');                        link.closest('.log-filter-content').querySelectorAll('input').forEach((input) => {                            input.checked = selectAll;                        });                        Sfjs.updateLogsTable();                    });                });                document.body.addEventListener('click', (event) => {                    document.querySelectorAll('details.log-filter').forEach((filterElement) => {                        if (!filterElement.contains(event.target) && filterElement.open) {                            filterElement.open = false;                        }                    });                });            },            updateLogsTable: function() {                const selectedType = document.querySelector('#log-filter-type input:checked').value;                const priorities = document.querySelectorAll('#log-filter-priority input');                const allPriorities = Array.from(priorities).map((input) => input.value);                const selectedPriorities = Array.from(priorities).filter((input) => input.checked).map((input) => input.value);                const channels = document.querySelectorAll('#log-filter-channel input');                const selectedChannels = Array.from(channels).filter((input) => input.checked).map((input) => input.value);                const logs = document.querySelector('table.logs');                if (null === logs) {                    return;                }                /* hide rows that don't match the current filters */                let numVisibleRows = 0;                logs.querySelectorAll('tbody tr').forEach((row) => {                    if ('all' !== selectedType && selectedType !== row.getAttribute('data-type')) {                        row.style.display = 'none';                        return;                    }                    const priority = row.getAttribute('data-priority');                    if (false === selectedPriorities.includes(priority) && true === allPriorities.includes(priority)) {                        row.style.display = 'none';                        return;                    }                    if ('' !== row.getAttribute('data-channel') && false === selectedChannels.includes(row.getAttribute('data-channel'))) {                        row.style.display = 'none';                        return;                    }                    row.style.display = 'table-row';                    numVisibleRows++;                });                document.querySelector('table.logs').style.display = 0 === numVisibleRows ? 'none' : 'table';                document.querySelector('.no-logs-message').style.display = 0 === numVisibleRows ? 'block' : 'none';                /* update the selected totals of all filters */                document.querySelector('#log-filter-priority .filter-active-num').innerText = (priorities.length === selectedPriorities.length) ? 'All' : selectedPriorities.length;                document.querySelector('#log-filter-channel .filter-active-num').innerText = (channels.length === selectedChannels.length) ? 'All' : selectedChannels.length;                /* update the currently selected "log type" tab */                document.querySelectorAll('#log-filter-type li').forEach((tab) => tab.classList.remove('active'));                document.querySelector(`#log-filter-type input[value="${selectedType}"]`).parentElement.classList.add('active');            },        };    })();    Sfjs.addEventListener(document, 'DOMContentLoaded', function() {        Sfjs.createTabs();        Sfjs.createToggles();    });}/*]]>*/</script><style nonce="d2626575bf4ad612c83ba0e284c8c130">    .sf-minitoolbar {    background-color: #222;    border-top-left-radius: 4px;    bottom: 0;    box-sizing: border-box;    display: none;    height: 36px;    padding: 6px;    position: fixed;    right: 0;    z-index: 99999;}.sf-minitoolbar button {    background-color: transparent;    padding: 0;    border: none;}.sf-minitoolbar svg,.sf-minitoolbar img {    max-height: 24px;    max-width: 24px;    display: inline;}.sf-toolbar-clearer {    clear: both;    height: 36px;}.sf-display-none {    display: none;}.sf-toolbarreset * {    box-sizing: content-box;    vertical-align: baseline;    letter-spacing: normal;    width: auto;}.sf-toolbarreset {    background-color: #222;    bottom: 0;    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);    color: #EEE;    font: 11px Arial, sans-serif;    left: 0;    margin: 0;    padding: 0 36px 0 0;    position: fixed;    right: 0;    text-align: left;    text-transform: none;    z-index: 99999;    direction: ltr;    /* neutralize the aliasing defined by external CSS styles */    -webkit-font-smoothing: subpixel-antialiased;    -moz-osx-font-smoothing: auto;}.sf-toolbarreset abbr {    border: dashed #777;    border-width: 0 0 1px;}.sf-toolbarreset svg,.sf-toolbarreset img {    height: 20px;    width: 20px;    display: inline-block;}.sf-toolbarreset .sf-cancel-button {    color: #444;}.sf-toolbarreset .hide-button {    background: #444;    display: block;    position: absolute;    top: 0;    right: 0;    width: 36px;    height: 36px;    cursor: pointer;    text-align: center;    border: none;    margin: 0;    padding: 0;}.sf-toolbarreset .hide-button svg {    max-height: 18px;    margin-top: 1px;}.sf-toolbar-block {    cursor: default;    display: block;    float: left;    height: 36px;    margin-right: 0;    white-space: nowrap;    max-width: 15%;}.sf-toolbar-block > a,.sf-toolbar-block > a:hover {    display: block;    text-decoration: none;    background-color: transparent;    color: inherit;}.sf-toolbar-block span {    display: inline-block;}.sf-toolbar-block .sf-toolbar-value {    color: #F5F5F5;    font-size: 13px;    line-height: 36px;    padding: 0;}.sf-toolbar-block .sf-toolbar-label,.sf-toolbar-block .sf-toolbar-class-separator {    color: #AAA;    font-size: 12px;}.sf-toolbar-block .sf-toolbar-info {    border-collapse: collapse;    display: table;    z-index: 100000;}.sf-toolbar-block hr {    border-top: 1px solid #777;    margin: 4px 0;    padding-top: 4px;}.sf-toolbar-block .sf-toolbar-info-piece {    /* this 'border-bottom' trick is needed because 'margin-bottom' doesn't work for table rows */    border-bottom: solid transparent 3px;    display: table-row;}.sf-toolbar-block .sf-toolbar-info-piece-additional,.sf-toolbar-block .sf-toolbar-info-piece-additional-detail {    display: none;}.sf-toolbar-block .sf-toolbar-info-group {    margin-bottom: 4px;    padding-bottom: 2px;    border-bottom: 1px solid #333333;}.sf-toolbar-block .sf-toolbar-info-group:last-child {    margin-bottom: 0;    padding-bottom: 0;    border-bottom: none;}.sf-toolbar-block .sf-toolbar-info-piece .sf-toolbar-status {    padding: 2px 5px;    margin-bottom: 0;}.sf-toolbar-block .sf-toolbar-info-piece .sf-toolbar-status + .sf-toolbar-status {    margin-left: 4px;}.sf-toolbar-block .sf-toolbar-info-piece:last-child {    margin-bottom: 0;}div.sf-toolbar .sf-toolbar-block .sf-toolbar-info-piece a {    color: #99CDD8;    text-decoration: underline;}div.sf-toolbar .sf-toolbar-block a:hover {    text-decoration: none;}.sf-toolbar-block .sf-toolbar-info-piece b {    color: #AAA;    display: table-cell;    font-size: 11px;    padding: 4px 8px 4px 0;}.sf-toolbar-block:not(.sf-toolbar-block-dump) .sf-toolbar-info-piece span {    color: #F5F5F5;}.sf-toolbar-block .sf-toolbar-info-piece span {    font-size: 12px;}.sf-toolbar-block .sf-toolbar-info {    background-color: #444;    bottom: 36px;    color: #F5F5F5;    display: none;    padding: 9px 0;    position: absolute;}.sf-toolbar-block .sf-toolbar-info:empty {    visibility: hidden;}.sf-toolbar-block .sf-toolbar-status {    display: inline-block;    color: #FFF;    background-color: #666;    padding: 3px 6px;    margin-bottom: 2px;    vertical-align: middle;    min-width: 15px;    min-height: 13px;    text-align: center;}.sf-toolbar-block .sf-toolbar-status-green {    background-color: #4F805D;}.sf-toolbar-block .sf-toolbar-status-red {    background-color: #B0413E;}.sf-toolbar-block .sf-toolbar-status-yellow {    background-color: #A46A1F;}.sf-toolbar-block.sf-toolbar-status-green {    background-color: #4F805D;    color: #FFF;}.sf-toolbar-block.sf-toolbar-status-red {    background-color: #B0413E;    color: #FFF;}.sf-toolbar-block.sf-toolbar-status-yellow {    background-color: #A46A1F;    color: #FFF;}.sf-toolbar-block-request .sf-toolbar-status {    color: #FFF;    display: inline-block;    font-size: 14px;    height: 36px;    line-height: 36px;    padding: 0 10px;}.sf-toolbar-block-request .sf-toolbar-info-piece a {    background-color: transparent;    text-decoration: none;}.sf-toolbar-block-request .sf-toolbar-info-piece a:hover {    text-decoration: underline;}.sf-toolbar-block-request .sf-toolbar-redirection-status {    font-weight: normal;    padding: 2px 4px;    line-height: 18px;}.sf-toolbar-block-request .sf-toolbar-info-piece span.sf-toolbar-redirection-method {    font-size: 12px;    height: 17px;    line-height: 17px;    margin-right: 5px;}.sf-toolbar-block-ajax .sf-toolbar-icon {    cursor: pointer;}.sf-toolbar-status-green .sf-toolbar-label,.sf-toolbar-status-yellow .sf-toolbar-label,.sf-toolbar-status-red .sf-toolbar-label {    color: #FFF;}.sf-toolbar-status-green svg path,.sf-toolbar-status-green svg .sf-svg-path,.sf-toolbar-status-red svg path,.sf-toolbar-status-red svg .sf-svg-path,.sf-toolbar-status-yellow svg path,.sf-toolbar-status-yellow svg .sf-svg-path {    fill: #FFF;}.sf-toolbar-block-config svg path,.sf-toolbar-block-config svg .sf-svg-path {    fill: #FFF;}.sf-toolbar-block .sf-toolbar-icon {    display: block;    height: 36px;    padding: 0 7px;    overflow: hidden;    text-overflow: ellipsis;}.sf-toolbar-block-request .sf-toolbar-icon {    padding-left: 0;    padding-right: 0;}.sf-toolbar-block .sf-toolbar-icon img,.sf-toolbar-block .sf-toolbar-icon svg {    border-width: 0;    position: relative;    top: 8px;    vertical-align: baseline;}.sf-toolbar-block .sf-toolbar-icon img + span,.sf-toolbar-block .sf-toolbar-icon svg + span {    margin-left: 4px;}.sf-toolbar-block-config .sf-toolbar-icon .sf-toolbar-value {    margin-left: 4px;}.sf-toolbar-block:hover,.sf-toolbar-block.hover {    position: relative;}.sf-toolbar-block:hover .sf-toolbar-icon,.sf-toolbar-block.hover .sf-toolbar-icon {    background-color: #444;    position: relative;    z-index: 10002;}.sf-toolbar-block-ajax.hover .sf-toolbar-info {    z-index: 10001;}.sf-toolbar-block:hover .sf-toolbar-info,.sf-toolbar-block.hover .sf-toolbar-info {    display: block;    padding: 10px;    max-width: 525px;    max-height: 480px;    word-wrap: break-word;    overflow: hidden;    overflow-y: auto;}.sf-toolbar-info-piece b.sf-toolbar-ajax-info {    color: #F5F5F5;}.sf-toolbar-ajax-requests {    table-layout: auto;    width: 100%;}.sf-toolbar-ajax-requests td {    background-color: #444;    border-bottom: 1px solid #777;    color: #F5F5F5;    font-size: 12px;    padding: 4px;}.sf-toolbar-ajax-requests tr:last-child td {    border-bottom: 0;}.sf-toolbar-ajax-requests th {    background-color: #222;    border-bottom: 0;    color: #AAA;    font-size: 11px;    padding: 4px;}.sf-ajax-request-url {    max-width: 250px;    line-height: 9px;    overflow: hidden;    text-overflow: ellipsis;}.sf-toolbar-ajax-requests .sf-ajax-request-url a {    text-decoration: none;}.sf-toolbar-ajax-requests .sf-ajax-request-url a:hover {    text-decoration: underline;}.sf-ajax-request-duration {    text-align: right;}.sf-ajax-request-loading {    animation: sf-blink .5s ease-in-out infinite;}@keyframes sf-blink {    0% { background: #222; }    50% { background: #444; }    100% { background: #222; }}.sf-toolbar-block.sf-toolbar-block-dump .sf-toolbar-info {    max-width: none;    width: 100%;    position: fixed;    box-sizing: border-box;    left: 0;}.sf-toolbar-block-dump pre.sf-dump {    background-color: #222;    border-color: #777;    border-radius: 0;    margin: 6px 0 12px 0;}.sf-toolbar-block-dump pre.sf-dump:last-child {    margin-bottom: 0;}.sf-toolbar-block-dump pre.sf-dump .sf-dump-search-wrapper {    margin-bottom: 5px;}.sf-toolbar-block-dump pre.sf-dump span.sf-dump-search-count {    color: #333;    font-size: 12px;}.sf-toolbar-block-dump .sf-toolbar-info-piece {    display: block;}.sf-toolbar-block-dump .sf-toolbar-info-piece .sf-toolbar-file-line {    color: #AAA;    margin-left: 4px;}.sf-toolbar-block-dump .sf-toolbar-info img {    display: none;}/* Responsive Design */.sf-toolbar-icon .sf-toolbar-label,.sf-toolbar-icon .sf-toolbar-value {    display: none;}.sf-toolbar-block-config .sf-toolbar-icon .sf-toolbar-label {    display: inline-block;}/* Legacy Design - these styles are maintained to make old panels look   a bit better on the new toolbar */.sf-toolbar-block .sf-toolbar-info-piece-additional-detail {    color: #AAA;    font-size: 12px;}.sf-toolbar-status-green .sf-toolbar-info-piece-additional-detail,.sf-toolbar-status-yellow .sf-toolbar-info-piece-additional-detail,.sf-toolbar-status-red .sf-toolbar-info-piece-additional-detail {    color: #FFF;}@media (min-width: 768px) {    .sf-toolbar-icon .sf-toolbar-label,    .sf-toolbar-icon .sf-toolbar-value {        display: inline;    }    .sf-toolbar-block .sf-toolbar-icon img,    .sf-toolbar-block .sf-toolbar-icon svg {        top: 6px;    }    .sf-toolbar-block-time .sf-toolbar-icon svg,    .sf-toolbar-block-memory .sf-toolbar-icon svg {        display: none;    }    .sf-toolbar-block-time .sf-toolbar-icon svg + span,    .sf-toolbar-block-memory .sf-toolbar-icon svg + span {        margin-left: 0;    }    .sf-toolbar-block .sf-toolbar-icon {        padding: 0 10px;    }    .sf-toolbar-block-time .sf-toolbar-icon {        padding-right: 5px;    }    .sf-toolbar-block-memory .sf-toolbar-icon {        padding-left: 5px;    }    .sf-toolbar-block-request .sf-toolbar-icon {        padding-left: 0;        padding-right: 0;    }    .sf-toolbar-block-request .sf-toolbar-label {        margin-left: 5px;    }    .sf-toolbar-block-request .sf-toolbar-status + svg {        margin-left: 5px;    }    .sf-toolbar-block-request .sf-toolbar-icon svg + .sf-toolbar-label {        margin-left: 0;     }    .sf-toolbar-block-request .sf-toolbar-label + .sf-toolbar-value {        margin-right: 10px;    }    .sf-toolbar-block-request:hover .sf-toolbar-info {        max-width: none;    }    .sf-toolbar-block .sf-toolbar-info-piece b {        font-size: 12px;    }    .sf-toolbar-block .sf-toolbar-info-piece span {        font-size: 13px;    }    .sf-toolbar-block-right {        float: right;        margin-left: 0;        margin-right: 0;    }}@media (min-width: 1024px) {    .sf-toolbar-block .sf-toolbar-info-piece-additional,    .sf-toolbar-block .sf-toolbar-info-piece-additional-detail {        display: inline;    }    .sf-toolbar-block .sf-toolbar-info-piece-additional:empty,    .sf-toolbar-block .sf-toolbar-info-piece-additional-detail:empty {        display: none;    }}/***** Error Toolbar *****/.sf-error-toolbar .sf-toolbarreset {    background: #222;    color: #f5f5f5;    font: 13px/36px Arial, sans-serif;    height: 36px;    padding: 0 15px;    text-align: left;}.sf-error-toolbar .sf-toolbarreset svg {    height: auto;}.sf-error-toolbar .sf-toolbarreset a {    color: #99cdd8;    margin-left: 5px;    text-decoration: underline;}.sf-error-toolbar .sf-toolbarreset a:hover {    text-decoration: none;}.sf-error-toolbar .sf-toolbarreset .sf-toolbar-icon {    float: left;    padding: 5px 0;    margin-right: 10px;}.sf-full-stack {    left: 0px;    font-size: 12px;}/***** Media query print: Do not print the Toolbar. *****/@media print {    .sf-toolbar {        display: none !important;    }}</style><script nonce="1db523153dc2da19dcc164212453dc8c">/*<![CDATA[*/    (function () {        Sfjs.loadToolbar('a8baca');    })();/*]]>*/</script>\n
    </body>\n
    </html>\n
    """
  #version: "1.1"
  #statusCode: 200
  #statusText: "OK"
  #charset: "UTF-8"
}
path 
"ki-weiterbildungen/"