| _wordpressResponse |
Symfony\Component\HttpFoundation\Response {#179
+headers: Symfony\Component\HttpFoundation\ResponseHeaderBag {#3581 …}
#content: """
<!DOCTYPE html>\n
<html lang="de">\n
<head>\n
<!-- header-ai-bold-friendly.php starts -->\n
<meta charset="utf-8">\n
<meta name="viewport" content="width=device-width, initial-scale=1">\n
\n
<link rel="profile" href="http://gmpg.org/xfn/11">\n
<link rel="pingback" href="https://www.staging.startplatz.de/xmlrpc.php">\n
\n
<!-- Favicons -->\n
<link rel="icon" href="/favicon.png" sizes="32x32">\n
\n
<!-- Google Analytics -->\n
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XYVL4EFW9X"></script>\n
<script>\n
window.dataLayer = window.dataLayer || [];\n
function gtag(){dataLayer.push(arguments);}\n
gtag('js', new Date());\n
gtag('config', 'G-XYVL4EFW9X');\n
</script>\n
\n
<!-- Google Tag Manager -->\n
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\n
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\n
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n
})(window,document,'script','dataLayer','GTM-5WTVWDT');</script>\n
\n
<!-- Facebook Pixel -->\n
<script>\n
!function(f,b,e,v,n,t,s)\n
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n
n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n
n.queue=[];t=b.createElement(e);t.async=!0;\n
t.src=v;s=b.getElementsByTagName(e)[0];\n
s.parentNode.insertBefore(t,s)}(window,document,'script',\n
'https://connect.facebook.net/en_US/fbevents.js');\n
fbq('init', '767917863396798');\n
fbq('track', 'PageView');\n
</script>\n
<noscript>\n
<img height="1" width="1" src="https://www.facebook.com/tr?id=767917863396798&ev=PageView&noscript=1"/>\n
</noscript>\n
\n
<!-- Google Fonts: DM Serif Display + Source Sans Pro + JetBrains Mono -->\n
<link rel="preconnect" href="https://fonts.googleapis.com">\n
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>\n
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Source+Sans+Pro:wght@400;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet">\n
\n
<!-- Tailwind CSS CDN + Bold Friendly Config -->\n
<script src="https://cdn.tailwindcss.com"></script>\n
<script src="/js/tailwind-config-bold-friendly.js"></script>\n
\n
<!-- Alpine.js + Collapse Plugin (fuer Nav + FAQ) -->\n
<script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/collapse@3/dist/cdn.min.js"></script>\n
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3/dist/cdn.min.js"></script>\n
\n
<!-- WordPress Head -->\n
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />\n
\n
\t<!-- This site is optimized with the Yoast SEO Premium plugin v27.6 (Yoast SEO v27.6) - https://yoast.com/product/yoast-seo-premium-wordpress/ -->\n
\t<title>Dozenten und Expert:innen - STARTPLATZ</title>\n
\t<link rel="canonical" href="https://www.staging.startplatz.de/ki-weiterbildung/dozenten/" />\n
\t<meta property="og:locale" content="de_DE" />\n
\t<meta property="og:type" content="article" />\n
\t<meta property="og:title" content="Dozenten und Expert:innen" />\n
\t<meta property="og:description" content="KI-Weiterbildung| Einsteiger Builder Unternehmen Masterclasses KI Campus Meetups Hackathons Dozenten AI Academy Dozenten und Expert:innen Lerne von Menschen, die KI nicht nur erklaeren — sondern selbst anwenden. Unsere Dozent:innen und Expert:innen kommen aus der Praxis. Sie bauen, automatisieren und beraten — und geben dieses Wissen in den Formaten des STARTPLATZ AI Hub weiter. Formate entdecken […]" />\n
\t<meta property="og:url" content="https://www.staging.startplatz.de/ki-weiterbildung/dozenten/" />\n
\t<meta property="og:site_name" content="STARTPLATZ" />\n
\t<meta property="article:modified_time" content="2026-05-20T10:12:27+00:00" />\n
\t<meta property="og:image" content="http://www.startplatz.de/wp-content/uploads/2012/07/SP_Home-Bild-e1437985636488.png" />\n
\t<meta name="twitter:label1" content="Geschätzte Lesezeit" />\n
\t<meta name="twitter:data1" content="3\u{A0}Minuten" />\n
\t<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.staging.startplatz.de\/ki-weiterbildung\/dozenten\/","url":"https:\/\/www.staging.startplatz.de\/ki-weiterbildung\/dozenten\/","name":"Dozenten und Expert:innen - STARTPLATZ","isPartOf":{"@id":"https:\/\/www.staging.startplatz.de\/#website"},"datePublished":"2026-04-06T23:29:06+00:00","dateModified":"2026-05-20T10:12:27+00:00","breadcrumb":{"@id":"https:\/\/www.staging.startplatz.de\/ki-weiterbildung\/dozenten\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.staging.startplatz.de\/ki-weiterbildung\/dozenten\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.staging.startplatz.de\/ki-weiterbildung\/dozenten\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.staging.startplatz.de\/"},{"@type":"ListItem","position":2,"name":"KI-Weiterbildung","item":"https:\/\/www.staging.startplatz.de\/ki-weiterbildung\/"},{"@type":"ListItem","position":3,"name":"Dozenten und Expert:innen"}]},{"@type":"WebSite","@id":"https:\/\/www.staging.startplatz.de\/#website","url":"https:\/\/www.staging.startplatz.de\/","name":"STARTPLATZ","description":"Startup Inkubator in Köln und Düsseldorf","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.staging.startplatz.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}</script>\n
\t<!-- / Yoast SEO Premium plugin. -->\n
\n
\n
<link rel='dns-prefetch' href='//www.staging.startplatz.de' />\n
<link rel="alternate" type="application/rss+xml" title="STARTPLATZ » Feed" href="https://www.staging.startplatz.de/feed/" />\n
<link rel="alternate" type="application/rss+xml" title="STARTPLATZ » Kommentar-Feed" href="https://www.staging.startplatz.de/comments/feed/" />\n
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.staging.startplatz.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.staging.startplatz.de%2Fki-weiterbildung%2Fdozenten%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-weiterbildung%2Fdozenten%2F&format=xml" />\n
<style id='wp-img-auto-sizes-contain-inline-css' type='text/css'>\n
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}\n
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */\n
</style>\n
<style id='wp-emoji-styles-inline-css' type='text/css'>\n
\n
\timg.wp-smiley, img.emoji {\n
\t\tdisplay: inline !important;\n
\t\tborder: none !important;\n
\t\tbox-shadow: none !important;\n
\t\theight: 1em !important;\n
\t\twidth: 1em !important;\n
\t\tmargin: 0 0.07em !important;\n
\t\tvertical-align: -0.1em !important;\n
\t\tbackground: none !important;\n
\t\tpadding: 0 !important;\n
\t}\n
/*# sourceURL=wp-emoji-styles-inline-css */\n
</style>\n
<style id='wp-block-library-inline-css' type='text/css'>\n
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}\n
/*wp_block_styles_on_demand_placeholder:6a2a3b4bd6bd7*/\n
/*# sourceURL=wp-block-library-inline-css */\n
</style>\n
<style id='classic-theme-styles-inline-css' type='text/css'>\n
/*! This file is auto-generated */\n
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}\n
/*# sourceURL=/wp-includes/css/classic-themes.min.css */\n
</style>\n
<link rel='stylesheet' id='mc4wp-form-styles-builder-css' href='//www.staging.startplatz.de/wp-content/uploads/mc4wp-stylesheets/bundle.css?ver=1649164263' type='text/css' media='all' />\n
<link rel="https://api.w.org/" href="https://www.staging.startplatz.de/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.staging.startplatz.de/wp-json/wp/v2/pages/79924" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.staging.startplatz.de/xmlrpc.php?rsd" />\n
<meta name="generator" content="WordPress 6.9.4" />\n
<link rel='shortlink' href='https://www.staging.startplatz.de/?p=79924' />\n
\n
<!-- Bold Friendly Design System -->\n
<link rel="stylesheet" href="/css/bold-friendly.css">\n
\n
<!-- Custom CSS per page -->\n
<style id="page-custom-css">\n
</style>\n
\n
<!-- header-ai-bold-friendly.php ends -->\n
</head>\n
\n
<body id="top" class="wp-singular page-template page-template-page-ai-bold-friendly page-template-page-ai-bold-friendly-php page page-id-79924 page-child parent-pageid-79914 wp-theme-startplatz ai-bold-friendly-template group-blog">\n
<!-- Google Tag Manager (noscript) -->\n
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5WTVWDT"\n
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>\n
\n
<!-- page-ai-bold-friendly.php starts -->\n
\n
\n
\n
<nav x-data="{ mobileOpen: false }" class="fixed top-0 left-0 right-0 z-50 bg-white text-[#2a2c30] shadow-sm border-b border-gray-200" style="padding-bottom: 2px;">\n
<div class="flex items-center justify-center px-4 py-2">\n
<a href="https://www.startplatz.de" class="flex-shrink-0 mr-4" title="Home for the innovative people in Rheinland">\n
<img src="https://res.cloudinary.com/startplatz/image/upload/e_negate,c_scale,w_107/v1614775778/logos/STARTPLATZ_Logos/STARTPLATZ_Logo_wei%C3%9F.png"\n
alt="STARTPLATZ" class="h-8">\n
</a>\n
\n
<button @click="mobileOpen = !mobileOpen" class="lg:hidden ml-auto p-2 text-[#2a2c30]">\n
<svg x-show="!mobileOpen" class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">\n
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>\n
</svg>\n
<svg x-show="mobileOpen" class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">\n
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>\n
</svg>\n
</button>\n
\n
<ul class="hidden lg:flex items-center space-x-1 text-sm mt-1"\n
:class="{ '!flex flex-col absolute top-full left-0 right-0 bg-white p-4 space-x-0 space-y-1 max-h-[90vh] overflow-y-auto border-t border-gray-200': mobileOpen, 'hidden': !mobileOpen }"\n
style="max-width: 920px;">\n
\n
<li class="my-1">\n
<a href="https://startplatz-ai-academy.de/"\n
class="block px-3 py-1.5 rounded-[10px] text-white text-center hover:text-black hover:bg-[#aacf61] whitespace-nowrap"\n
style="background-color: rgba(142,86,255,1.0); min-width: 75px;">\n
AI Academy\n
</a>\n
</li>\n
\n
<li x-data="{ open: false }" @click.away="open = false" @mouseenter="open = true" @mouseleave="open = false" class="relative my-1">\n
<button @click="open = !open"\n
class="flex items-center px-2 py-1.5 text-[#2a2c30] hover:bg-[#aacf61] hover:text-black hover:rounded">\n
Coworking\n
<svg class="w-3 h-3 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>\n
</button>\n
<div x-show="open" x-transition class="lg:absolute left-0 mt-1 w-56 bg-[#eae9e9] rounded shadow-lg py-1 z-50">\n
<a href="/coworking-koeln" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Coworking Köln</a>\n
<a href="/coworking-duesseldorf" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Coworking Düsseldorf</a>\n
<a href="/teambuero-koeln" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Teambüros</a>\n
<a href="/geschaeftsanschrift-koeln" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Geschäftsadresse</a>\n
<a href="/memberships" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Memberships</a>\n
</div>\n
</li>\n
\n
<li x-data="{ open: false }" @click.away="open = false" @mouseenter="open = true" @mouseleave="open = false" class="relative my-1">\n
<button @click="open = !open"\n
class="flex items-center px-2 py-1.5 text-[#2a2c30] hover:bg-[#aacf61] hover:text-black hover:rounded">\n
Konferenzräume\n
<svg class="w-3 h-3 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>\n
</button>\n
<div x-show="open" x-transition class="lg:absolute left-0 mt-1 w-56 bg-[#eae9e9] rounded shadow-lg py-1 z-50">\n
<a href="/koeln-tagungsraeume-und-konferenzraeume" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Konferenzräume Köln</a>\n
<a href="/duesseldorf-tagungsraeume-und-konferenzraeume" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Konferenzräume Düsseldorf</a>\n
</div>\n
</li>\n
\n
<li x-data="{ open: false }" @click.away="open = false" @mouseenter="open = true" @mouseleave="open = false" class="relative my-1 border-b-[3px] border-[#AACF61]">\n
<button @click="open = !open"\n
class="flex items-center px-2 py-1.5 text-[#2a2c30] hover:bg-[#aacf61] hover:text-black hover:rounded">\n
AI Hub\n
<svg class="w-3 h-3 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>\n
</button>\n
<div x-show="open" x-transition class="lg:absolute left-0 mt-1 w-56 bg-[#eae9e9] rounded shadow-lg py-1 z-50">\n
<a href="/ki-weiterbildung/" class="block px-4 py-2 text-sm text-gray-800 font-semibold hover:bg-[#aacf61]">Übersicht</a>\n
<a href="/ki-weiterbildung/fuer-einsteiger/" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Für Einsteiger</a>\n
<a href="/ki-weiterbildung/fuer-builder/" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Für Builder</a>\n
<a href="/ki-weiterbildung/fuer-unternehmen/" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Für Unternehmen</a>\n
<a href="/ki-weiterbildung/masterclasses/" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Masterclasses</a>\n
<a href="/ki-weiterbildung/ueber-die-ai-academy/" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Über die AI Academy</a>\n
</div>\n
</li>\n
\n
<li x-data="{ open: false }" @click.away="open = false" @mouseenter="open = true" @mouseleave="open = false" class="relative my-1">\n
<button @click="open = !open"\n
class="flex items-center px-2 py-1.5 text-[#2a2c30] hover:bg-[#aacf61] hover:text-black hover:rounded">\n
Programme\n
<svg class="w-3 h-3 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>\n
</button>\n
<div x-show="open" x-transition class="lg:absolute left-0 mt-1 w-56 bg-[#eae9e9] rounded shadow-lg py-1 z-50">\n
<a href="/accelerator/" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">KI Accelerator</a>\n
<a href="/open-accelerator" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Open Accelerator</a>\n
<a href="/open-accelerator" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">\n
Inkubator\n
</a>\n
<a href="https://www.rheinlandpitch.de" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">\n
Rheinland Pitch\n
</a>\n
</div>\n
</li>\n
\n
<li x-data="{ open: false }" @click.away="open = false" @mouseenter="open = true" @mouseleave="open = false" class="relative my-1 ">\n
<button @click="open = !open"\n
class="flex items-center px-2 py-1.5 text-[#2a2c30] hover:bg-[#aacf61] hover:text-black hover:rounded">\n
Events\n
<svg class="w-3 h-3 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>\n
</button>\n
<div x-show="open" x-transition class="lg:absolute left-0 mt-1 w-56 bg-[#eae9e9] rounded shadow-lg py-1 z-50">\n
<a href="/events" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Alle Events</a>\n
<a href="/ki-weiterbildung/meetups/" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Meetups</a>\n
<a href="/ki-weiterbildung/hackathons/" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">Hackathons</a>\n
</div>\n
</li>\n
\n
<li x-data="{ open: false }" @click.away="open = false" @mouseenter="open = true" @mouseleave="open = false" class="relative my-1 ">\n
<button @click="open = !open"\n
class="flex items-center px-2 py-1.5 text-[#2a2c30] hover:bg-[#aacf61] hover:text-black hover:rounded">\n
Über uns\n
<svg class="w-3 h-3 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>\n
</button>\n
<div x-show="open" x-transition class="lg:absolute right-0 mt-1 w-56 bg-[#eae9e9] rounded shadow-lg py-1 z-50">\n
<a href="/ueber-uns/" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">\n
Über STARTPLATZ\n
</a>\n
<a href="/standorte" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">\n
Standorte\n
</a>\n
<a href="/startplatz-team" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">\n
STARTPLATZ Team\n
</a>\n
<a href="/partners" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">\n
Partner\n
</a>\n
<a href="/referenzen" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">\n
Referenzen\n
</a>\n
<a href="/startups" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">\n
Unsere Startups\n
</a>\n
<a href="/karriere" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">\n
Karriere\n
</a>\n
<a href="/presse/" class="block px-4 py-2 text-sm text-gray-800 hover:bg-[#aacf61]">\n
Presse\n
</a>\n
</div>\n
</li>\n
\n
<li class="my-1 ">\n
<a href="/blog"\n
class="block px-2 py-1.5 text-[#2a2c30] hover:bg-[#aacf61] hover:text-black hover:rounded">\n
Blog\n
</a>\n
</li>\n
\n
<li x-data="{ open: false }" @click.away="open = false" @mouseenter="open = true" @mouseleave="open = false" class="relative my-1">\n
<button @click="open = !open"\n
class="flex items-center px-2 py-1.5 text-[#2a2c30] hover:bg-[#aacf61] hover:text-black hover:rounded">\n
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"/></svg>\n
<svg class="w-3 h-3 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>\n
</button>\n
<div x-show="open" x-transition class="lg:absolute right-0 mt-1 w-16 bg-[#eae9e9] rounded shadow-lg py-1 z-50">\n
<a class="block px-3 py-2 hover:bg-[#aacf61]" href="/">\n
<img src="/bundles/startplatzstyle/images/german_language.png" class="h-5" alt="Deutsch">\n
</a>\n
\n
<a class="block px-3 py-2 hover:bg-[#aacf61]" href="/en">\n
<img src="/bundles/startplatzstyle/images/english_language.png" class="h-5" alt="English">\n
</a>\n
\n
<a class="block px-3 py-2 hover:bg-[#aacf61]" href="/fr/">\n
<img src="/bundles/startplatzstyle/images/french_language.png" class="h-5" alt="Français">\n
</a>\n
</div>\n
</li>\n
\n
<li class="my-1 ml-4">\n
<a href="/login/"\n
class="block px-4 py-1.5 text-white rounded bg-[#7ab800] hover:bg-[#5a8c00] transition-colors">\n
Login\n
</a>\n
</li>\n
</ul>\n
</div>\n
</nav>\n
\n
<!-- Main Content -->\n
<main>\n
\n
<!-- STARTPLATZ /ki-weiterbildung/ Bold-Builder-Skin v3 2026-05-20 (mit Image-Strip) -->\n
\n
<style>\n
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Source+Sans+Pro:wght@400;600;700&family=JetBrains+Mono:wght@600;700&display=swap');\n
\n
:root {\n
--sp-green: #7ab800; --sp-green-dark: #5a8a00; --sp-gray: #525459;\n
--sp-graphit: #2a2c30; --sp-warm: #f3f1ec;\n
--sp-gray-light: #f5f6f7; --sp-gray-mid: #e2e3e5;\n
--serif: 'DM Serif Display', Georgia, serif;\n
--sans: 'Source Sans Pro', -apple-system, sans-serif;\n
--mono: 'JetBrains Mono', 'Menlo', monospace;\n
}\n
\n
.ki-skin, .ki-skin * { box-sizing: border-box; }\n
.ki-skin { font-family: var(--sans) !important; color: var(--sp-gray); line-height: 1.6; }\n
.ki-skin h1, .ki-skin h2, .ki-skin h3, .ki-skin h4, .ki-skin .font-display {\n
font-family: var(--serif) !important; color: var(--sp-graphit);\n
letter-spacing: -0.01em; line-height: 1.15; font-weight: 400 !important;\n
}\n
.ki-skin h1, .ki-skin .text-5xl, .ki-skin .text-7xl, .ki-skin .text-8xl { font-size: clamp(40px, 5.5vw, 72px) !important; }\n
.ki-skin h2, .ki-skin .text-4xl { font-size: clamp(28px, 3.5vw, 44px) !important; }\n
.ki-skin h3, .ki-skin .text-3xl { font-size: clamp(22px, 2.5vw, 30px) !important; }\n
.ki-skin .text-2xl { font-size: clamp(18px, 2vw, 22px) !important; }\n
.ki-skin .text-xl { font-size: 18px !important; }\n
.ki-skin .text-lg { font-size: 16px !important; }\n
.ki-skin .text-sm { font-size: 14px !important; }\n
\n
/* Sektion-Hintergründe alternieren */\n
.ki-skin section { background: white !important; padding: clamp(48px, 7vw, 96px) 0 !important; color: var(--sp-graphit); }\n
.ki-skin section:nth-of-type(odd) { background: var(--sp-warm) !important; }\n
.ki-skin section:nth-of-type(even) { background: white !important; }\n
.ki-skin .bg-sp-warm { background: var(--sp-warm) !important; }\n
.ki-skin .bg-white { background: white !important; }\n
.ki-skin .text-white { color: var(--sp-graphit) !important; }\n
.ki-skin .bg-sp-gray:not(.sticky\:bg-sp-gray) { background: var(--sp-graphit) !important; }\n
.ki-skin .bg-sp-gray .text-white { color: white !important; }\n
\n
/* HERO Bild + Overlay */\n
.ki-skin section.bg-sp-green {\n
background:\n
linear-gradient(110deg, rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.88) 50%, rgba(243,241,236,0.78) 100%),\n
url('https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_2000/v1614775944/Offices/K%C3%B6ln/Atmosph%C3%A4re%20Coworking/STARTPLATZ_Atmospa%CC%88he45.jpg') center/cover no-repeat !important;\n
color: var(--sp-graphit) !important;\n
padding: clamp(80px, 10vw, 130px) 0 clamp(50px, 7vw, 80px) !important;\n
}\n
.ki-skin section.bg-sp-green h1,\n
.ki-skin section.bg-sp-green .text-white,\n
.ki-skin section.bg-sp-green p { color: var(--sp-graphit) !important; }\n
.ki-skin section.bg-sp-green .text-white\/90, .ki-skin section.bg-sp-green .text-white\/80 { color: var(--sp-gray) !important; opacity: 1 !important; }\n
.ki-skin section.bg-sp-green a:not(.neo-btn) { color: var(--sp-green) !important; }\n
\n
.ki-skin section.bg-sp-green .border-brutal.bg-sp-gray,\n
.ki-skin section.bg-sp-green span.bg-sp-gray {\n
background: white !important; color: var(--sp-green) !important;\n
border: 1px solid var(--sp-gray-mid) !important; box-shadow: none !important;\n
font-family: var(--mono) !important;\n
}\n
\n
.ki-skin .border-brutal, .ki-skin .border-brutal-4 { border: 1px solid var(--sp-gray-mid) !important; box-shadow: none !important; }\n
.ki-skin .absolute.border-brutal-4 { display: none !important; }\n
.ki-skin .text-outline { -webkit-text-stroke: 0 !important; text-shadow: none !important; }\n
.ki-skin .rounded-2xl, .ki-skin .rounded-xl { border-radius: 6px !important; }\n
\n
.ki-skin .neo-btn, .ki-skin a.neo-btn {\n
background: var(--sp-green) !important; color: white !important;\n
border: 0 !important; box-shadow: none !important; border-radius: 4px !important;\n
padding: 14px 28px !important; text-transform: none !important; letter-spacing: 0.3px !important;\n
font-weight: 700 !important; font-family: var(--sans) !important;\n
}\n
.ki-skin .neo-btn:hover { opacity: 0.85 !important; transform: none !important; }\n
\n
/* Sub-Navigation */\n
.ki-skin .sticky.top-\[64px\] { background: white !important; }\n
.ki-skin .sticky.top-\[64px\] .h-2 { background: var(--sp-green) !important; }\n
.ki-skin .sticky.top-\[64px\] .bg-sp-gray { background: white !important; border-bottom: 1px solid var(--sp-gray-mid) !important; }\n
.ki-skin .sticky.top-\[64px\] a, .ki-skin .sticky.top-\[64px\] span { color: var(--sp-gray) !important; }\n
.ki-skin .sticky.top-\[64px\] a.text-sp-green { color: var(--sp-green) !important; font-weight: 700 !important; }\n
.ki-skin .sticky.top-\[64px\] .text-white\/60 { color: var(--sp-gray) !important; opacity: 0.65 !important; }\n
.ki-skin .sticky.top-\[64px\] .text-white { color: var(--sp-graphit) !important; opacity: 1 !important; }\n
.ki-skin .sticky.top-\[64px\] .text-white\/30 { color: var(--sp-gray-mid) !important; }\n
.ki-skin .sticky.top-\[64px\] a:hover { color: var(--sp-green) !important; opacity: 1 !important; }\n
\n
.ki-skin .uppercase.tracking-widest, .ki-skin .font-mono { font-family: var(--mono) !important; }\n
.ki-skin .rounded-2xl, .ki-skin .rounded-xl { background-color: white; padding: 24px; }\n
.ki-skin .bg-white.rounded-2xl { background: var(--sp-warm) !important; border: 1px solid var(--sp-gray-mid) !important; }\n
.ki-skin a:not(.neo-btn) { color: var(--sp-green); }\n
.ki-skin a:not(.neo-btn):hover { opacity: 0.7; }\n
.ki-skin .mb-12 { margin-bottom: 32px !important; }\n
.ki-skin .mb-10 { margin-bottom: 24px !important; }\n
.ki-skin .py-20 { padding: 64px 0 !important; }\n
.ki-skin .pt-28 { padding-top: 80px !important; }\n
.ki-skin .pb-20 { padding-bottom: 64px !important; }\n
\n
/* === BILD-STRIP nach Hero === */\n
.ki-image-strip {\n
background: white;\n
padding: 0;\n
margin: 0;\n
}\n
.ki-image-strip .ki-image-strip-inner {\n
display: grid;\n
grid-template-columns: repeat(var(--cols, 3), 1fr);\n
gap: 4px;\n
max-width: 100%;\n
}\n
.ki-image-strip .ki-image-strip-item {\n
aspect-ratio: 4/3;\n
background-size: cover;\n
background-position: center;\n
position: relative;\n
}\n
.ki-image-strip .ki-image-strip-item::after {\n
content: "";\n
position: absolute;\n
inset: 0;\n
background: linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,0.25) 100%);\n
}\n
@media (max-width: 720px) {\n
.ki-image-strip .ki-image-strip-inner { grid-template-columns: 1fr; }\n
.ki-image-strip .ki-image-strip-item { aspect-ratio: 16/9; }\n
}\n
\n
/* === FEATURED IMAGE in middle (every 3rd section) === */\n
.ki-featured-img {\n
display: block;\n
margin: clamp(48px, 7vw, 96px) auto;\n
max-width: 1280px;\n
width: 100%;\n
height: clamp(280px, 30vw, 420px);\n
background-size: cover;\n
background-position: center;\n
border-radius: 4px;\n
padding: 0 32px;\n
background-clip: content-box;\n
}\n
\n
/* === Symfony-Header (gleich wie Homepage) === */\n
nav.bg-gray-900 { background: white !important; box-shadow: 0 1px 0 var(--sp-gray-mid), 0 2px 8px rgba(0,0,0,0.04) !important; }\n
nav.bg-gray-900 .text-white, nav.bg-gray-900 button, nav.bg-gray-900 li > a { color: var(--sp-graphit) !important; }\n
nav.bg-gray-900 img[src*="STARTPLATZ_Logo_wei"] { filter: invert(1) saturate(0); }\n
nav.bg-gray-900 a[style*="rgba(142,86,255"] { color: white !important; }\n
nav.bg-gray-900 a:hover, nav.bg-gray-900 button:hover { background-color: var(--sp-green) !important; color: white !important; }\n
nav.bg-gray-900 div[class*="rounded shadow-lg"] { background: var(--sp-warm) !important; }\n
nav.bg-gray-900 div[class*="rounded shadow-lg"] a { color: var(--sp-graphit) !important; }\n
nav.bg-gray-900 div[class*="rounded shadow-lg"] a:hover { background-color: var(--sp-green) !important; color: white !important; }\n
</style>\n
\n
<script>\n
(function() {\n
var images = ["https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1724759727/Community%20Bereiche/DSC07943.jpg", "https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1615300969/conference-rooms/Atmosphere/Raum_Vancouver-13.jpg", "https://res.cloudinary.com/startplatz/image/upload/c_scale,q_auto,w_1200/v1739970907/ai-hub/Artikelbilder/2.png"];\n
function inject() {\n
var skin = document.querySelector('.ki-skin');\n
if (!skin) return;\n
var sections = skin.querySelectorAll('section');\n
if (sections.length < 2) return;\n
\n
// 1. Image-Strip nach Hero\n
var hero = sections[0];\n
var strip = document.createElement('div');\n
strip.className = 'ki-image-strip';\n
var inner = document.createElement('div');\n
inner.className = 'ki-image-strip-inner';\n
inner.style.setProperty('--cols', images.length);\n
images.forEach(function(url) {\n
var d = document.createElement('div');\n
d.className = 'ki-image-strip-item';\n
d.style.backgroundImage = 'url(' + url + ')';\n
inner.appendChild(d);\n
});\n
strip.appendChild(inner);\n
hero.parentNode.insertBefore(strip, hero.nextSibling);\n
\n
// 2. Featured-Image in der Mitte\n
if (sections.length >= 4 && images.length > 1) {\n
var midIdx = Math.floor(sections.length / 2);\n
var midSection = sections[midIdx];\n
var featured = document.createElement('div');\n
featured.className = 'ki-featured-img';\n
featured.style.backgroundImage = 'url(' + images[1] + ')';\n
midSection.parentNode.insertBefore(featured, midSection);\n
}\n
}\n
if (document.readyState === 'loading') {\n
document.addEventListener('DOMContentLoaded', inject);\n
} else {\n
inject();\n
}\n
})();\n
</script>\n
\n
<div class="ki-skin">\n
<div class="sticky top-[64px] z-40"><div class="h-2 bg-sp-green"></div><div class="bg-sp-gray border-b border-white/10"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex items-center gap-4 py-3 text-sm font-semibold overflow-x-auto"><a href="/ki-weiterbildung/" class="text-sp-green font-bold whitespace-nowrap flex items-center gap-2"><svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5"/></svg>KI-Weiterbildung</a><span class="text-white/30">|</span><div class="flex items-center gap-4 whitespace-nowrap"><a href="/ki-weiterbildung/fuer-einsteiger/" class="text-white/60 hover:text-white transition-colors">Einsteiger</a> <a href="/ki-weiterbildung/fuer-builder/" class="text-white/60 hover:text-white transition-colors">Builder</a> <a href="/ki-weiterbildung/fuer-unternehmen/" class="text-white/60 hover:text-white transition-colors">Unternehmen</a> <a href="/ki-weiterbildung/masterclasses/" class="text-white/60 hover:text-white transition-colors">Masterclasses</a> <a href="/ki-weiterbildung/ki-campus/" class="text-white/60 hover:text-white transition-colors">KI Campus</a> <a href="/ki-weiterbildung/meetups/" class="text-white/60 hover:text-white transition-colors">Meetups</a> <a href="/ki-weiterbildung/hackathons/" class="text-white/60 hover:text-white transition-colors">Hackathons</a> <span class="text-white font-bold">Dozenten</span> <a href="/ki-weiterbildung/ueber-die-ai-academy/" class="text-white/60 hover:text-white transition-colors">AI Academy</a> </div></div></div></div></div>\n
<!-- ========== NAVBAR ========== -->\n
\n
\n
<!-- ========== SECTION 1: HERO ========== -->\n
<section class="bg-sp-green pt-28 pb-20 relative overflow-hidden">\n
<div class="absolute top-20 right-10 w-32 h-32 border-brutal-4 opacity-30 rounded-2xl hidden md:block"></div>\n
<div class="absolute top-48 right-48 w-20 h-20 border-brutal-4 opacity-30 rounded-xl hidden md:block"></div>\n
<div class="absolute bottom-32 left-10 w-24 h-24 border-brutal-4 opacity-30 rounded-2xl hidden md:block"></div>\n
<div class="absolute bottom-10 left-48 w-16 h-16 border-brutal-4 opacity-30 rounded-xl hidden md:block"></div>\n
\n
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">\n
<div class="mb-6">\n
<span class="border-brutal bg-sp-gray text-white inline-block px-4 py-1.5 rounded-full font-mono text-sm uppercase tracking-widest">Dozenten und Expert:innen</span>\n
</div>\n
<h1 class="font-display text-5xl md:text-7xl lg:text-8xl text-white text-outline max-w-5xl mb-8">Lerne von Menschen, die KI nicht nur erklaeren — sondern selbst anwenden.</h1>\n
<p class="text-xl md:text-2xl text-white/90 font-semibold max-w-2xl mb-10">Unsere Dozent:innen und Expert:innen kommen aus der Praxis. Sie bauen, automatisieren und beraten — und geben dieses Wissen in den Formaten des STARTPLATZ AI Hub weiter.</p>\n
<div class="flex flex-col sm:flex-row items-start gap-4 mb-4">\n
<a href="/ki-weiterbildung/" class="neo-btn bg-white text-sp-gray font-bold text-lg px-10 py-4 uppercase tracking-wide inline-block">Formate entdecken</a>\n
</div>\n
<a href="#cta" class="text-white font-semibold hover:underline">Beratung anfragen →</a>\n
</div>\n
</section>\n
\n
<!-- Divider -->\n
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4"><div class="section-divider"></div></div>\n
\n
<!-- ========== SECTION 2: WARUM WICHTIG ========== -->\n
<section class="py-20 bg-white">\n
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">\n
<span class="font-mono text-sm uppercase tracking-widest text-sp-green font-bold mb-4 block">Warum das zaehlt</span>\n
<h2 class="font-display text-4xl md:text-5xl mb-8">Gute Weiterbildung ist immer auch eine Frage der Menschen dahinter.</h2>\n
<div class="text-lg leading-relaxed space-y-4">\n
<p>Es gibt keinen Mangel an KI-Inhalten. Es gibt einen Mangel an Menschen, die diese Inhalte so vermitteln, dass sie wirklich ankommen — und in der eigenen Arbeit anwendbar werden.</p>\n
<p>Deshalb setzen wir im STARTPLATZ AI Hub auf Dozent:innen und Expert:innen, die nicht aus dem Hoersaal kommen, sondern aus der Praxis. Sie wissen, wie KI-Projekte wirklich laufen, welche Tools funktionieren und wo die Stolperfallen liegen.</p>\n
</div>\n
</div>\n
</section>\n
\n
<!-- Divider -->\n
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4"><div class="section-divider"></div></div>\n
\n
<!-- ========== SECTION 3: WAS AUSZEICHNET ========== -->\n
<section class="py-20 bg-sp-gray-light">\n
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">\n
<span class="font-mono text-sm uppercase tracking-widest text-sp-green font-bold mb-4 block">Was uns ausmacht</span>\n
<h2 class="font-display text-4xl md:text-5xl mb-12">Nicht Hoersaal. Nicht Buzzword-Buehne. Sondern Praxis.</h2>\n
<div class="grid md:grid-cols-2 gap-8">\n
<div class="neo-card bg-white p-8">\n
<div class="w-14 h-14 rounded-full bg-sp-green border-brutal flex items-center justify-center mb-6">\n
<span class="font-mono text-white text-xl font-bold">1</span>\n
</div>\n
<h3 class="font-display text-2xl mb-3">Naehe zu Anwendungen</h3>\n
<p class="text-lg leading-relaxed">Unsere Expert:innen arbeiten taeglich mit den Tools und Methoden, die sie vermitteln. Was sie zeigen, kommt nicht aus der Theorie, sondern aus echten Projekten.</p>\n
</div>\n
<div class="neo-card bg-white p-8">\n
<div class="w-14 h-14 rounded-full bg-sp-blue border-brutal flex items-center justify-center mb-6">\n
<span class="font-mono text-white text-xl font-bold">2</span>\n
</div>\n
<h3 class="font-display text-2xl mb-3">Erfahrung in verschiedenen Branchen</h3>\n
<p class="text-lg leading-relaxed">Von Marketing ueber Produktentwicklung bis zur Automatisierung: Unsere Dozent:innen bringen unterschiedliche Perspektiven mit — und machen KI greifbar fuer verschiedene Rollen.</p>\n
</div>\n
<div class="neo-card bg-white p-8">\n
<div class="w-14 h-14 rounded-full bg-sp-green-dark border-brutal flex items-center justify-center mb-6">\n
<span class="font-mono text-white text-xl font-bold">3</span>\n
</div>\n
<h3 class="font-display text-2xl mb-3">Fokus auf Umsetzbarkeit</h3>\n
<p class="text-lg leading-relaxed">Kein Vortrag ohne Praxisbezug. Jede Session ist darauf ausgelegt, dass Teilnehmer:innen danach konkret etwas umsetzen koennen.</p>\n
</div>\n
<div class="neo-card bg-white p-8">\n
<div class="w-14 h-14 rounded-full bg-sp-blue-dark border-brutal flex items-center justify-center mb-6">\n
<span class="font-mono text-white text-xl font-bold">4</span>\n
</div>\n
<h3 class="font-display text-2xl mb-3">Verstaendlich vermitteln</h3>\n
<p class="text-lg leading-relaxed">Komplexe Themen einfach erklaeren — ohne zu vereinfachen. Unsere Dozent:innen holen Teilnehmer:innen dort ab, wo sie stehen.</p>\n
</div>\n
</div>\n
</div>\n
</section>\n
\n
<!-- Divider -->\n
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4"><div class="section-divider"></div></div>\n
\n
<!-- ========== SECTION 4: EXPERT:INNEN GRID ========== -->\n
<section class="py-20 bg-white">\n
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">\n
<span class="font-mono text-sm uppercase tracking-widest text-sp-green font-bold mb-4 block">Das Team</span>\n
<h2 class="font-display text-4xl md:text-5xl mb-12">Menschen aus dem STARTPLATZ Umfeld</h2>\n
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">\n
<!-- Person 1: Lorenz Graef -->\n
<div class="neo-card bg-white p-8 text-center">\n
<div class="w-20 h-20 rounded-full border-brutal bg-sp-gray mx-auto mb-4 flex items-center justify-center">\n
<span class="font-mono text-white text-2xl font-bold">LG</span>\n
</div>\n
<h3 class="font-display text-2xl mb-1">Lorenz Graef</h3>\n
<p class="font-mono text-sm text-sp-green uppercase tracking-wider mb-3">AI Hub Lead</p>\n
<p class="text-base leading-relaxed mb-4">Gruender von STARTPLATZ. Baut den AI Hub als Ort, an dem KI-Wissen, Community und Praxis zusammenkommen.</p>\n
</div>\n
<!-- Person 2: Lukas K. -->\n
<div class="neo-card bg-white p-8 text-center">\n
<div class="w-20 h-20 rounded-full border-brutal bg-sp-green mx-auto mb-4 flex items-center justify-center">\n
<span class="font-mono text-white text-2xl font-bold">LK</span>\n
</div>\n
<h3 class="font-display text-2xl mb-1">Lukas K.</h3>\n
<p class="font-mono text-sm text-sp-green uppercase tracking-wider mb-3">KI-Trainer</p>\n
<p class="text-base leading-relaxed mb-4">Verbindet Prompt Engineering mit Business Development. Zeigt, wie KI-Tools konkret im Arbeitsalltag eingesetzt werden.</p>\n
<div class="flex flex-wrap justify-center gap-2">\n
<span class="rounded-full border-2 border-sp-gray px-3 py-1 text-sm font-mono">Prompt Engineering</span>\n
<span class="rounded-full border-2 border-sp-gray px-3 py-1 text-sm font-mono">Business Dev</span>\n
</div>\n
</div>\n
<!-- Person 3: Jakow W. -->\n
<div class="neo-card bg-white p-8 text-center">\n
<div class="w-20 h-20 rounded-full border-brutal bg-sp-blue mx-auto mb-4 flex items-center justify-center">\n
<span class="font-mono text-white text-2xl font-bold">JW</span>\n
</div>\n
<h3 class="font-display text-2xl mb-1">Jakow W.</h3>\n
<p class="font-mono text-sm text-sp-green uppercase tracking-wider mb-3">KI-Trainer</p>\n
<p class="text-base leading-relaxed mb-4">Experte fuer KI-Tools und Automatisierung. Bringt Teilnehmer:innen bei, wie sie Workflows mit KI effizienter gestalten.</p>\n
<div class="flex flex-wrap justify-center gap-2">\n
<span class="rounded-full border-2 border-sp-gray px-3 py-1 text-sm font-mono">KI-Tools</span>\n
<span class="rounded-full border-2 border-sp-gray px-3 py-1 text-sm font-mono">Automatisierung</span>\n
</div>\n
</div>\n
<!-- Person 4: M.S. -->\n
<div class="neo-card bg-white p-8 text-center">\n
<div class="w-20 h-20 rounded-full border-brutal bg-sp-green-dark mx-auto mb-4 flex items-center justify-center">\n
<span class="font-mono text-white text-2xl font-bold">MS</span>\n
</div>\n
<h3 class="font-display text-2xl mb-1">M.S.</h3>\n
<p class="font-mono text-sm text-sp-green uppercase tracking-wider mb-3">Automatisierung</p>\n
<p class="text-base leading-relaxed mb-4">Spezialisiert auf Prozessautomatisierung mit KI. Zeigt, wie repetitive Aufgaben systematisch abgeloest werden.</p>\n
</div>\n
<!-- Person 5: A.R. -->\n
<div class="neo-card bg-white p-8 text-center">\n
<div class="w-20 h-20 rounded-full border-brutal bg-sp-blue-dark mx-auto mb-4 flex items-center justify-center">\n
<span class="font-mono text-white text-2xl font-bold">AR</span>\n
</div>\n
<h3 class="font-display text-2xl mb-1">A.R.</h3>\n
<p class="font-mono text-sm text-sp-green uppercase tracking-wider mb-3">Marketing & KI</p>\n
<p class="text-base leading-relaxed mb-4">Bringt KI-Anwendungen in den Marketingalltag. Zeigt praxisnah, wie Teams Content, Kampagnen und Analysen mit KI verbessern.</p>\n
</div>\n
<!-- Person 6: T.B. -->\n
<div class="neo-card bg-white p-8 text-center">\n
<div class="w-20 h-20 rounded-full border-brutal bg-sp-gray mx-auto mb-4 flex items-center justify-center">\n
<span class="font-mono text-white text-2xl font-bold">TB</span>\n
</div>\n
<h3 class="font-display text-2xl mb-1">T.B.</h3>\n
<p class="font-mono text-sm text-sp-green uppercase tracking-wider mb-3">Produktentwicklung</p>\n
<p class="text-base leading-relaxed mb-4">Entwickelt digitale Produkte mit KI-Unterstuetzung. Vermittelt, wie KI den gesamten Produktentwicklungsprozess veraendern kann.</p>\n
</div>\n
</div>\n
<p class="text-center text-lg text-sp-gray/60 mt-10 font-semibold">Weitere Expert:innen folgen.</p>\n
</div>\n
</section>\n
\n
<!-- Divider -->\n
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4"><div class="section-divider"></div></div>\n
\n
<!-- ========== SECTION 5: THEMENCLUSTER ========== -->\n
<section class="bg-sp-green py-20 relative overflow-hidden">\n
<div class="absolute top-16 right-12 w-28 h-28 border-brutal-4 opacity-30 rounded-2xl hidden md:block"></div>\n
<div class="absolute bottom-20 left-16 w-20 h-20 border-brutal-4 opacity-30 rounded-xl hidden md:block"></div>\n
<div class="absolute top-40 left-1/4 w-14 h-14 border-brutal-4 opacity-30 rounded-lg hidden md:block"></div>\n
<div class="absolute bottom-10 right-1/3 w-16 h-16 border-brutal-4 opacity-30 rounded-xl hidden md:block"></div>\n
\n
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">\n
<span class="font-mono text-sm uppercase tracking-widest text-white font-bold mb-4 block">Themenfelder</span>\n
<h2 class="font-display text-4xl md:text-5xl text-white text-outline mb-12">Aus welchen Bereichen unsere Expert:innen kommen</h2>\n
<div class="grid md:grid-cols-2 gap-8">\n
<div class="neo-card bg-white p-8">\n
<h3 class="font-display text-2xl mb-3">Praktische KI-Anwendungen</h3>\n
<p class="text-lg leading-relaxed">Prompt Engineering, ChatGPT, Claude, Midjourney und andere Tools — direkt anwendbar im Berufsalltag.</p>\n
</div>\n
<div class="neo-card bg-white p-8">\n
<h3 class="font-display text-2xl mb-3">Builder-Workflows</h3>\n
<p class="text-lg leading-relaxed">Von Prototypen ueber MVPs bis zu fertigen Produkten: Wie man mit KI schneller und besser baut.</p>\n
</div>\n
<div class="neo-card bg-white p-8">\n
<h3 class="font-display text-2xl mb-3">Produkt und Automatisierung</h3>\n
<p class="text-lg leading-relaxed">Prozesse systematisch automatisieren, Produkte mit KI-Features anreichern und interne Ablaeufe optimieren.</p>\n
</div>\n
<div class="neo-card bg-white p-8">\n
<h3 class="font-display text-2xl mb-3">Weiterbildung und Team-Enablement</h3>\n
<p class="text-lg leading-relaxed">Teams befaehigen, KI eigenstaendig zu nutzen. Schulungskonzepte, Train-the-Trainer und Change-Begleitung.</p>\n
</div>\n
</div>\n
</div>\n
</section>\n
\n
<!-- Divider -->\n
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4"><div class="section-divider"></div></div>\n
\n
<!-- ========== SECTION 6: VERBINDUNG FORMATE ========== -->\n
<section class="py-20 bg-white">\n
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">\n
<span class="font-mono text-sm uppercase tracking-widest text-sp-green font-bold mb-4 block">Formate & Dozenten</span>\n
<h2 class="font-display text-4xl md:text-5xl mb-8">Unsere Dozenten sind kein Anhang. Sie praegen die Formate.</h2>\n
<div class="text-lg leading-relaxed space-y-4">\n
<p>In vielen Weiterbildungsanbietern werden Dozent:innen extern zugekauft und nach Schema eingesetzt. Bei uns ist das anders: Unsere Expert:innen gestalten die Formate mit — von der Themenauswahl ueber die Didaktik bis zur Nachbereitung.</p>\n
<p>Das macht die <a href="/ki-weiterbildung/masterclasses/" class="text-sp-blue font-semibold hover:underline">Masterclasses</a> und <a href="/ki-weiterbildung/fuer-unternehmen/" class="text-sp-blue font-semibold hover:underline">Unternehmensformate</a> besonders praxisnah: Die Menschen, die vorne stehen, stehen auch hinter dem Konzept.</p>\n
</div>\n
</div>\n
</section>\n
\n
<!-- Divider -->\n
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4"><div class="section-divider"></div></div>\n
\n
<!-- ========== SECTION 7: FAQ ========== -->\n
<section class="py-20 bg-sp-gray-light">\n
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">\n
<span class="font-mono text-sm uppercase tracking-widest text-sp-green font-bold mb-4 block">Haeufige Fragen</span>\n
<h2 class="font-display text-4xl md:text-5xl mb-12">FAQ</h2>\n
<div class="space-y-6">\n
<div x-data="{ open: false }" class="neo-card bg-white border-l-[6px] border-l-sp-green p-6">\n
<button @click="open = !open" class="flex items-center justify-between w-full text-left">\n
<h3 class="font-display text-xl">Kann ich eine:n bestimmte:n Dozent:in fuer mein Unternehmen buchen?</h3>\n
<span class="font-mono text-2xl font-bold ml-4" x-text="open ? '−' : '+'"></span>\n
</button>\n
<div x-show="open" x-collapse x-cloak class="mt-4 text-lg leading-relaxed">\n
<p>Ja, fuer Unternehmensformate koennen wir gezielt Expert:innen einsetzen, die zu eurem Thema und eurer Branche passen. Sprecht uns einfach an, und wir finden die richtige Besetzung.</p>\n
</div>\n
</div>\n
<div x-data="{ open: false }" class="neo-card bg-white border-l-[6px] border-l-sp-green p-6">\n
<button @click="open = !open" class="flex items-center justify-between w-full text-left">\n
<h3 class="font-display text-xl">Sind die Dozent:innen bei allen Formaten dabei?</h3>\n
<span class="font-mono text-2xl font-bold ml-4" x-text="open ? '−' : '+'"></span>\n
</button>\n
<div x-show="open" x-collapse x-cloak class="mt-4 text-lg leading-relaxed">\n
<p>Nicht jede:r Dozent:in ist in jedem Format aktiv. Je nach Thema und Format setzen wir die passenden Expert:innen ein. Bei Masterclasses und Intensivprogrammen steht immer mindestens ein:e feste:r Dozent:in hinter dem gesamten Programm.</p>\n
</div>\n
</div>\n
</div>\n
</div>\n
</section>\n
\n
<!-- Divider -->\n
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4"><div class="section-divider"></div></div>\n
\n
<!-- ========== SECTION 8: FINAL CTA ========== -->\n
<section id="cta" class="py-20 bg-white">\n
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">\n
<h2 class="font-display text-4xl md:text-5xl mb-6">Lerne die Menschen hinter den Formaten kennen.</h2>\n
<p class="text-xl text-sp-gray/80 mb-10 max-w-2xl mx-auto">Finde das Format, das zu deinem Thema passt — und lerne von Expert:innen, die wissen, wovon sie sprechen.</p>\n
<div class="flex flex-col sm:flex-row items-center justify-center gap-4">\n
<a href="/ki-weiterbildung/" class="neo-btn bg-sp-green text-white font-bold text-lg px-10 py-4 uppercase tracking-wide inline-block">Formate entdecken</a>\n
<a href="/ki-weiterbildung/" class="neo-btn bg-white text-sp-gray font-bold text-lg px-10 py-4 uppercase tracking-wide inline-block">Zurueck zu KI-Weiterbildung</a>\n
</div>\n
</div>\n
</section>\n
\n
<!-- Divider -->\n
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4"><div class="section-divider"></div></div>\n
\n
<!-- ========== FOOTER ========== -->\n
\n
</div>\n
\n
</main>\n
\n
\n
<footer class="bg-[#232931] text-white py-16">\n
<div class="max-w-6xl mx-auto px-4">\n
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-12">\n
<div>\n
<h2 class="text-xl font-semibold mb-6">Über STARTPLATZ</h2>\n
<p class="text-white/70 mb-6">Mit Standorten in Köln und Düsseldorf ist STARTPLATZ der größte Startup Inkubator und Accelerator in NRW</p>\n
\n
<ul class="flex gap-3">\n
<li>\n
<a href="https://twitter.com/startplatz"\n
class="w-12 h-12 rounded-full bg-white/10 flex items-center justify-center hover:bg-white/20 transition-colors">\n
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">\n
<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>\n
</svg>\n
</a>\n
</li>\n
<li>\n
<a href="https://de-de.facebook.com/StartPlatz/"\n
class="w-12 h-12 rounded-full bg-white/10 flex items-center justify-center hover:bg-white/20 transition-colors">\n
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">\n
<path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/>\n
</svg>\n
</a>\n
</li>\n
<li>\n
<a href="https://www.instagram.com/startplatz/"\n
class="w-12 h-12 rounded-full bg-white/10 flex items-center justify-center hover:bg-white/20 transition-colors">\n
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">\n
<path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/>\n
</svg>\n
</a>\n
</li>\n
</ul>\n
</div>\n
\n
<div>\n
<h2 class="text-xl font-semibold mb-6">Über diese Website</h2>\n
<ul class="space-y-2">\n
<li><a href="/kontakt-aufnehmen" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Kontakt</a></li>\n
<li><a href="/wlan-am-startplatz-koeln" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> WLAN am STARTPLATZ Koeln</a></li>\n
<li><a href="/pressebereich" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Presse</a></li>\n
<li><a href="/jobs" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Jobs</a></li>\n
<li><a href="/standorte" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Standorte</a></li>\n
<li><a href="/startplatz-archiv" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Archiv</a></li>\n
<li><a href="/startplatz-agb" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> AGB</a></li>\n
<li><a href="/impressum" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Impressum</a></li>\n
<li><a href="/support" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Support</a></li>\n
<li><a href="/datenschutz" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Datenschutz</a></li>\n
</ul>\n
</div>\n
\n
<div>\n
<h2 class="text-xl font-semibold mb-6">Top Themen</h2>\n
<ul class="space-y-2">\n
<li><a href="/coworking-koeln" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Coworking Köln</a></li>\n
<li><a href="/coworking-duesseldorf" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Coworking Düsseldorf</a></li>\n
<li><a href="/konferenzraum" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Konferenzraum mieten Köln</a></li>\n
<li><a href="/duesseldorf-tagungsraeume-und-konferenzraeume/" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Konferenzraum mieten Düsseldorf</a></li>\n
<li><a href="/startup-wiki/business-model-canvas" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Business Model Canvas</a></li>\n
<li><a href="/accelerator/" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> STARTPLATZ Accelerator</a></li>\n
<li><a href="/open-accelerator" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Inkubator</a></li>\n
<li><a href="/startup-wiki" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Startup Wiki</a></li>\n
</ul>\n
</div>\n
\n
<div>\n
<h2 class="text-xl font-semibold mb-6">Kontakt</h2>\n
\n
<div class="grid grid-cols-2 gap-4 mb-8">\n
<div>\n
<p class="font-semibold text-white mb-1">Köln</p>\n
<p class="text-white/70 text-sm">Im Mediapark 5<br>50670 Köln</p>\n
<p class="text-white/70 text-sm mt-2">info@startplatz.de<br>+49 221 975 802 00</p>\n
</div>\n
<div>\n
<p class="font-semibold text-white mb-1">Düsseldorf</p>\n
<p class="text-white/70 text-sm">Speditionstraße 15a<br>40221 Düsseldorf</p>\n
<p class="text-white/70 text-sm mt-2">info@startplatz.de<br>+49 211 936 725 20</p>\n
</div>\n
</div>\n
\n
<div>\n
<h2 class="text-lg font-semibold mb-2">Newsletter</h2>\n
<p class="text-white/70 text-sm mb-3">\n
Immer auf dem Laufenden bleiben?<br>\n
Erhalte regelmäßig alle News aus dem STARTPLATZ, zu Workshops und Events.\n
</p>\n
\n
<form action="https://startplatz.us5.list-manage.com/subscribe?u=8a2b498caca4323b774191382&id=be73f77d94"\n
method="post"\n
target="_blank"\n
novalidate>\n
<button type="submit"\n
class="px-6 py-2 bg-green-600 hover:bg-green-700 text-white rounded-lg transition-colors font-medium">\n
Hier Abonnieren\n
</button>\n
<div style="position: absolute; left: -5000px;" aria-hidden="true">\n
<input type="text" name="b_8a2b498caca4323b774191382_51dae9d56a" tabindex="-1" value="">\n
</div>\n
</form>\n
</div>\n
\n
<div class="mt-6">\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
\n
<div class="border-t border-white/10 pt-8 text-center">\n
<p class="text-white/50 text-sm">\n
Copyright © <script>document.write(new Date().getFullYear());</script> All rights reserved\n
</p>\n
</div>\n
</div>\n
</footer>\n
\n
<!-- page-ai-bold-friendly.php ends -->\n
\n
\n
<!-- footer-ai-bold-friendly.php starts -->\n
\n
\n
<!-- WordPress Footer -->\n
<script type="speculationrules">\n
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/startplatz/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}\n
</script>\n
<script async>(function(s,u,m,o,j,v){j=u.createElement(m);v=u.getElementsByTagName(m)[0];j.async=1;j.src=o;j.dataset.sumoSiteId='39f60b00513044004a8fe0004ce6fc0099bffb000c2cd200cfc8f4006d6fae00';j.dataset.sumoPlatform='wordpress';v.parentNode.insertBefore(j,v)})(window,document,'script','//load.sumome.com/');</script> <script type="application/javascript">\r\n
const ajaxURL = "https://www.staging.startplatz.de/wp-admin/admin-ajax.php";\r\n
\r\n
function sumo_add_woocommerce_coupon(code) {\r\n
jQuery.post(ajaxURL, {\r\n
action: 'sumo_add_woocommerce_coupon',\r\n
code: code,\r\n
});\r\n
}\r\n
\r\n
function sumo_remove_woocommerce_coupon(code) {\r\n
jQuery.post(ajaxURL, {\r\n
action: 'sumo_remove_woocommerce_coupon',\r\n
code: code,\r\n
});\r\n
}\r\n
\r\n
function sumo_get_woocommerce_cart_subtotal(callback) {\r\n
jQuery.ajax({\r\n
method: 'POST',\r\n
url: ajaxURL,\r\n
dataType: 'html',\r\n
data: {\r\n
action: 'sumo_get_woocommerce_cart_subtotal',\r\n
},\r\n
success: function (subtotal) {\r\n
return callback(null, subtotal);\r\n
},\r\n
error: function (err) {\r\n
return callback(err, 0);\r\n
}\r\n
});\r\n
}\r\n
</script>\r\n
<script id="wp-emoji-settings" type="application/json">\n
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://www.staging.startplatz.de/wp-includes/js/wp-emoji-release.min.js?ver=6.9.4"}}\n
</script>\n
<script type="module">\n
/* <![CDATA[ */\n
/*! This file is auto-generated */\n
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});\n
//# sourceURL=https://www.staging.startplatz.de/wp-includes/js/wp-emoji-loader.min.js\n
/* ]]> */\n
</script>\n
\n
<!-- footer-ai-bold-friendly.php ends -->\n
\n
\n
<!-- START of Symfony Web Debug Toolbar --><div class="sf-toolbar sf-toolbar-opened" role="region" aria-label="Symfony Web Debug Toolbar" data-frankenphp-hot-reload-preserve> <div id="sfwdtc331a1"> <div id="sfToolbarClearer-c331a1" class="sf-toolbar-clearer"></div><div id="sfToolbarMainContent-c331a1" class="sf-toolbarreset notranslate clear-fix" data-no-turbolink data-turbo="false"> <div class="sf-toolbar-block sf-toolbar-block-request sf-toolbar-status-normal " > <a href="http://www.staging.startplatz.de/_profiler/c331a1?panel=request"> <div class="sf-toolbar-icon"> <svg xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Symfony" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .9C5.8.9.9 5.8.9 12a11 11 0 1 0 22.2 0A11 11 0 0 0 12 .9zm6.5 6c-.6 0-.9-.3-.9-.8 0-.2 0-.4.2-.6l.2-.4c0-.3-.5-.4-.6-.4-1.8.1-2.3 2.5-2.7 4.4l-.2 1c1 .2 1.8 0 2.2-.3.6-.4-.2-.7-.1-1.2.1-.3.5-.5.7-.6.5 0 .7.5.7.9 0 .7-1 1.8-3 1.8l-.6-.1-.6 2.4c-.4 1.6-.8 3.8-2.4 5.7-1.4 1.7-2.9 1.9-3.5 1.9-1.2 0-1.9-.6-2-1.5 0-.8.7-1.3 1.2-1.3.6 0 1.1.5 1.1 1s-.2.6-.4.6c-.1.1-.3.2-.3.4 0 .1.1.3.4.3.5 0 .8-.3 1.1-.5 1.2-.9 1.6-2.7 2.2-5.7l.1-.7.7-3.2c-.8-.6-1.3-1.4-2.4-1.7-.6-.1-1.1.1-1.5.5-.4.5-.2 1.1.2 1.5l.7.6c.7.8 1.2 1.6 1 2.5-.3 1.5-2 2.6-4 1.9-1.8-.6-2-1.8-1.8-2.5.2-.6.6-.7 1.1-.6.5.2.6.7.6 1.2l-.1.3c-.2.1-.3.3-.3.4-.1.4.4.6.7.7.7.3 1.6-.2 1.8-.8a1 1 0 0 0-.4-1.1l-.7-.8c-.4-.4-1.1-1.4-.7-2.6.1-.5.4-.9.7-1.3a4 4 0 0 1 2.8-.6c1.2.4 1.8 1.1 2.6 1.8.5-1.2 1-2.4 1.8-3.5.9-.9 1.9-1.6 3.1-1.7 1.3.2 2.2.7 2.2 1.6 0 .4-.2 1.1-.9 1.1z"/></svg> <span class="sf-toolbar-value sf-toolbar-ajax-request-counter"> Loading… </span> </div> </a> <div class="sf-toolbar-info"> <div class="sf-toolbar-info-piece"> <b>Loading the web debug toolbar…</b> </div> <div class="sf-toolbar-info-piece"> Attempt #<span id="sfLoadCounter-c331a1"></span> </div> <div class="sf-toolbar-info-piece"> <b> <button class="sf-cancel-button" type="button" id="sfLoadCancel-c331a1" title="Cancel loading">Cancel</button> </b> </div> </div></div> <button class="sf-toolbar-toggle-button" type="button" id="sfToolbarToggleButton-c331a1" accesskey="D" aria-expanded="true" aria-controls="sfToolbarMainContent-c331a1" aria-label="Toggle Symfony Toolbar"> <i class="sf-toolbar-icon-opened" title="Close Toolbar"><svg xmlns="http://www.w3.org/2000/svg" data-icon-name="icon-tabler-x" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <line x1="18" y1="6" x2="6" y2="18"></line> <line x1="6" y1="6" x2="18" y2="18"></line></svg></i> <i class="sf-toolbar-icon-closed" title="Open Toolbar"><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Symfony" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .9C5.8.9.9 5.8.9 12a11 11 0 1 0 22.2 0A11 11 0 0 0 12 .9zm6.5 6c-.6 0-.9-.3-.9-.8 0-.2 0-.4.2-.6l.2-.4c0-.3-.5-.4-.6-.4-1.8.1-2.3 2.5-2.7 4.4l-.2 1c1 .2 1.8 0 2.2-.3.6-.4-.2-.7-.1-1.2.1-.3.5-.5.7-.6.5 0 .7.5.7.9 0 .7-1 1.8-3 1.8l-.6-.1-.6 2.4c-.4 1.6-.8 3.8-2.4 5.7-1.4 1.7-2.9 1.9-3.5 1.9-1.2 0-1.9-.6-2-1.5 0-.8.7-1.3 1.2-1.3.6 0 1.1.5 1.1 1s-.2.6-.4.6c-.1.1-.3.2-.3.4 0 .1.1.3.4.3.5 0 .8-.3 1.1-.5 1.2-.9 1.6-2.7 2.2-5.7l.1-.7.7-3.2c-.8-.6-1.3-1.4-2.4-1.7-.6-.1-1.1.1-1.5.5-.4.5-.2 1.1.2 1.5l.7.6c.7.8 1.2 1.6 1 2.5-.3 1.5-2 2.6-4 1.9-1.8-.6-2-1.8-1.8-2.5.2-.6.6-.7 1.1-.6.5.2.6.7.6 1.2l-.1.3c-.2.1-.3.3-.3.4-.1.4.4.6.7.7.7.3 1.6-.2 1.8-.8a1 1 0 0 0-.4-1.1l-.7-.8c-.4-.4-1.1-1.4-.7-2.6.1-.5.4-.9.7-1.3a4 4 0 0 1 2.8-.6c1.2.4 1.8 1.1 2.6 1.8.5-1.2 1-2.4 1.8-3.5.9-.9 1.9-1.6 3.1-1.7 1.3.2 2.2.7 2.2 1.6 0 .4-.2 1.1-.9 1.1z"/></svg></i> </button></div> </div> <link rel="stylesheet" nonce="2603d03646d2439b2e791fa0567a1fff" href="http://www.staging.startplatz.de/_wdt/styles" /> <script nonce="6f44a0a5624e84eead677718253dc9e7">/*<![CDATA[*/ if (typeof Sfjs === 'undefined' || typeof Sfjs.loadToolbar === 'undefined') { Sfjs = (function() { "use strict"; if ('classList' in document.documentElement) { var hasClass = function (el, cssClass) { return el.classList.contains(cssClass); }; var removeClass = function(el, cssClass) { el.classList.remove(cssClass); }; var addClass = function(el, cssClass) { el.classList.add(cssClass); }; var toggleClass = function(el, cssClass) { el.classList.toggle(cssClass); }; } else { var hasClass = function (el, cssClass) { return el.className.match(new RegExp('\\b' + cssClass + '\\b')); }; var removeClass = function(el, cssClass) { el.className = el.className.replace(new RegExp('\\b' + cssClass + '\\b'), ' '); }; var addClass = function(el, cssClass) { if (!hasClass(el, cssClass)) { el.className += " " + cssClass; } }; var toggleClass = function(el, cssClass) { hasClass(el, cssClass) ? removeClass(el, cssClass) : addClass(el, cssClass); }; } var noop = function() {}; var profilerStorageKey = 'symfony/profiler/'; var addEventListener; var el = document.createElement('div'); if (!('addEventListener' in el)) { addEventListener = function (element, eventName, callback) { element.attachEvent('on' + eventName, callback); }; } else { addEventListener = function (element, eventName, callback) { element.addEventListener(eventName, callback, false); }; } var request = function(url, onSuccess, onError, payload, options, tries) { url = new URL(url); url.searchParams.set('XDEBUG_IGNORE', '1'); url = url.toString(); var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP'); options = options || {}; options.retry = options.retry || false; tries = tries || 1; /* this delays for 125, 375, 625, 875, and 1000, ... */ var delay = tries < 5 ? (tries - 0.5) * 250 : 1000; xhr.open(options.method || 'GET', url, true); xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); xhr.onreadystatechange = function(state) { if (4 !== xhr.readyState) { return null; } if (xhr.status == 404 && options.retry && !options.stop) { setTimeout(function() { if (options.stop) { return; } request(url, onSuccess, onError, payload, options, tries + 1); }, delay); return null; } if (200 === xhr.status) { (onSuccess || noop)(xhr); } else { (onError || noop)(xhr); } }; if (options.onSend) { options.onSend(tries); } xhr.send(payload || ''); }; var getPreference = function(name) { if (!window.localStorage) { return null; } return localStorage.getItem(profilerStorageKey + name); }; var setPreference = function(name, value) { if (!window.localStorage) { return null; } localStorage.setItem(profilerStorageKey + name, value); }; var requestStack = []; var extractHeaders = function(xhr, stackElement) { /* Here we avoid to call xhr.getResponseHeader in order to */ /* prevent polluting the console with CORS security errors */ var allHeaders = xhr.getAllResponseHeaders(); var ret; if (ret = allHeaders.match(/^x-debug-token:\s+(.*)$/im)) { stackElement.profile = ret[1]; } if (ret = allHeaders.match(/^x-debug-token-link:\s+(.*)$/im)) { stackElement.profilerUrl = ret[1]; } if (ret = allHeaders.match(/^Symfony-Debug-Toolbar-Replace:\s+(.*)$/im)) { stackElement.toolbarReplaceFinished = false; stackElement.toolbarReplace = '1' === ret[1]; } }; var successStreak = 4; var pendingRequests = 0; var renderAjaxRequests = function() { var requestCounter = document.querySelector('.sf-toolbar-ajax-request-counter'); if (!requestCounter) { return; } requestCounter.textContent = requestStack.length; var infoSpan = document.querySelector(".sf-toolbar-ajax-info"); if (infoSpan) { infoSpan.textContent = requestStack.length + ' AJAX request' + (requestStack.length !== 1 ? 's' : ''); } var ajaxToolbarPanel = document.querySelector('.sf-toolbar-block-ajax'); if (requestStack.length) { ajaxToolbarPanel.style.display = ''; } else { ajaxToolbarPanel.style.display = 'none'; } if (pendingRequests > 0) { addClass(ajaxToolbarPanel, 'sf-ajax-request-loading'); } else if (successStreak < 4) { addClass(ajaxToolbarPanel, 'sf-toolbar-status-red'); removeClass(ajaxToolbarPanel, 'sf-ajax-request-loading'); } else { removeClass(ajaxToolbarPanel, 'sf-ajax-request-loading'); removeClass(ajaxToolbarPanel, 'sf-toolbar-status-red'); } }; var startAjaxRequest = function(index) { var tbody = document.querySelector('.sf-toolbar-ajax-request-list'); if (!tbody) { return; } var nbOfAjaxRequest = tbody.rows.length; if (nbOfAjaxRequest >= 100) { tbody.deleteRow(0); } var request = requestStack[index]; pendingRequests++; var row = document.createElement('tr'); request.DOMNode = row; var requestNumberCell = document.createElement('td'); requestNumberCell.textContent = index + 1; row.appendChild(requestNumberCell); var profilerCell = document.createElement('td'); profilerCell.textContent = 'n/a'; row.appendChild(profilerCell); var methodCell = document.createElement('td'); methodCell.textContent = request.method; row.appendChild(methodCell); var typeCell = document.createElement('td'); typeCell.textContent = request.type; row.appendChild(typeCell); var statusCodeCell = document.createElement('td'); var statusCode = document.createElement('span'); statusCode.textContent = 'n/a'; statusCodeCell.appendChild(statusCode); row.appendChild(statusCodeCell); var pathCell = document.createElement('td'); pathCell.className = 'sf-ajax-request-url'; if ('GET' === request.method) { var pathLink = document.createElement('a'); pathLink.setAttribute('href', request.url); pathLink.textContent = request.url; pathCell.appendChild(pathLink); } else { pathCell.textContent = request.url; } pathCell.setAttribute('title', request.url); row.appendChild(pathCell); var durationCell = document.createElement('td'); durationCell.className = 'sf-ajax-request-duration'; durationCell.textContent = 'n/a'; row.appendChild(durationCell); request.liveDurationHandle = setInterval(function() { durationCell.textContent = (new Date() - request.start) + ' ms'; }, 100); row.className = 'sf-ajax-request sf-ajax-request-loading'; tbody.insertBefore(row, null); var toolbarInfo = document.querySelector('.sf-toolbar-block-ajax .sf-toolbar-info'); toolbarInfo.scrollTop = toolbarInfo.scrollHeight; renderAjaxRequests(); }; var finishAjaxRequest = function(index) { var request = requestStack[index]; clearInterval(request.liveDurationHandle); if (!request.DOMNode) { return; } if (request.toolbarReplace && !request.toolbarReplaceFinished && request.profile) { /* Flag as complete because finishAjaxRequest can be called multiple times. */ request.toolbarReplaceFinished = true; /* Search up through the DOM to find the toolbar's container ID. */ for (var elem = request.DOMNode; elem && elem !== document; elem = elem.parentNode) { if (elem.id.match(/^sfwdt/)) { Sfjs.loadToolbar(elem.id.replace(/^sfwdt/, ''), request.profile); break; } } } if (pendingRequests > 0) { pendingRequests--; } var row = request.DOMNode; /* Unpack the children from the row */ var profilerCell = row.children[1]; var methodCell = row.children[2]; var statusCodeCell = row.children[4]; var statusCodeElem = statusCodeCell.children[0]; var durationCell = row.children[6]; if (request.error) { row.className = 'sf-ajax-request sf-ajax-request-error'; methodCell.className = 'sf-ajax-request-error'; successStreak = 0; } else { row.className = 'sf-ajax-request sf-ajax-request-ok'; successStreak++; } if (request.statusCode) { if (request.statusCode < 300) { statusCodeElem.setAttribute('class', 'sf-toolbar-status'); } else if (request.statusCode < 400) { statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-yellow'); } else { statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-red'); } statusCodeElem.textContent = request.statusCode; } else { statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-red'); } if (request.duration) { durationCell.textContent = request.duration + ' ms'; } if (request.profilerUrl) { profilerCell.textContent = ''; var profilerLink = document.createElement('a'); profilerLink.setAttribute('href', request.profilerUrl); profilerLink.textContent = request.profile; profilerCell.appendChild(profilerLink); } renderAjaxRequests(); }; if (window.EventSource) { var oldEventSource = window.EventSource; function patchedEventSource(url, options) { var es = new oldEventSource(url, options); if (!url.toString().match(new RegExp("^\/((index|app(_[\\w]+)?)\\.php\/)?_wdt"))) { var stackElement = { error: false, url: url, method: 'GET', type: 'event-stream', start: new Date() }; var idx = requestStack.push(stackElement) - 1; startAjaxRequest(idx); addEventListener(es, 'error', function () { stackElement.error = true; finishAjaxRequest(idx); }); addEventListener(es, 'open', function () { stackElement.statusCode = 200; stackElement.toolbarReplaceFinished = false; stackElement.toolbarReplace = true; }); addEventListener(es, 'symfony:debug:started', function (event) { var items = event.data.split('\n'); stackElement.profile = items[0]; stackElement.profilerUrl = items[1]; }); addEventListener(es, 'symfony:debug:error', function (event) { stackElement.error = true; stackElement.statusCode = event.data; finishAjaxRequest(idx); }); addEventListener(es, 'symfony:debug:finished', function () { stackElement.duration = new Date() - stackElement.start; stackElement.toolbarReplaceFinished = false; stackElement.toolbarReplace = true; finishAjaxRequest(idx); }); } return es; }; Object.defineProperties(patchedEventSource, Object.getOwnPropertyDescriptors(oldEventSource)); window.EventSource = patchedEventSource; } if (window.fetch && window.fetch.polyfill === undefined) { var oldFetch = window.fetch; window.fetch = function () { var promise = oldFetch.apply(this, arguments); var url = arguments[0]; var params = arguments[1]; var paramType = Object.prototype.toString.call(arguments[0]); if (paramType === '[object Request]') { url = arguments[0].url; params = { method: arguments[0].method, credentials: arguments[0].credentials, headers: arguments[0].headers, mode: arguments[0].mode, redirect: arguments[0].redirect }; } else { url = String(url); } if (!url.match(new RegExp("^\/((index|app(_[\\w]+)?)\\.php\/)?_wdt"))) { var method = 'GET'; if (params && params.method !== undefined) { method = params.method; } var stackElement = { error: false, url: url, method: method, type: 'fetch', start: new Date() }; var idx = requestStack.push(stackElement) - 1; promise.then(function (r) { stackElement.duration = new Date() - stackElement.start; stackElement.error = r.status < 200 || r.status >= 400; stackElement.statusCode = r.status; stackElement.profile = r.headers.get('x-debug-token'); stackElement.profilerUrl = r.headers.get('x-debug-token-link'); stackElement.toolbarReplaceFinished = false; stackElement.toolbarReplace = '1' === r.headers.get('Symfony-Debug-Toolbar-Replace'); finishAjaxRequest(idx); }, function (e){ stackElement.error = true; finishAjaxRequest(idx); }); startAjaxRequest(idx); } return promise; }; } if (window.XMLHttpRequest && XMLHttpRequest.prototype.addEventListener) { var proxied = XMLHttpRequest.prototype.open; XMLHttpRequest.prototype.open = function(method, url, async, user, pass) { var self = this; /* prevent logging AJAX calls to static and inline files, like templates */ var path = url; if (url.slice(0, 1) === '/') { if (0 === url.indexOf('')) { path = url.slice(0); } } else if (0 === url.indexOf('http\u003A\/\/www.staging.startplatz.de')) { path = url.slice(32); } if (!path.match(new RegExp("^\/((index|app(_[\\w]+)?)\\.php\/)?_wdt"))) { var stackElement = { error: false, url: url, method: method, type: 'xhr', start: new Date() }; var idx = requestStack.push(stackElement) - 1; this.addEventListener('readystatechange', function() { if (self.readyState == 4) { stackElement.duration = new Date() - stackElement.start; stackElement.error = self.status < 200 || self.status >= 400; stackElement.statusCode = self.status; extractHeaders(self, stackElement); finishAjaxRequest(idx); } }, false); startAjaxRequest(idx); } proxied.apply(this, Array.prototype.slice.call(arguments)); }; } return { hasClass: hasClass, removeClass: removeClass, addClass: addClass, toggleClass: toggleClass, getPreference: getPreference, setPreference: setPreference, addEventListener: addEventListener, request: request, renderAjaxRequests: renderAjaxRequests, getSfwdt: function(token) { return document.getElementById('sfwdt' + token); }, load: function(selector, url, onSuccess, onError, options) { var el = document.getElementById(selector); if (el && el.getAttribute('data-sfurl') !== url) { request( url, function(xhr) { el.innerHTML = xhr.responseText; el.setAttribute('data-sfurl', url); removeClass(el, 'loading'); var pending = pendingRequests; for (var i = 0; i < requestStack.length; i++) { startAjaxRequest(i); if (requestStack[i].duration || requestStack[i].error) { finishAjaxRequest(i); } } /* Revert the pending state in case there was a start called without a finish above. */ pendingRequests = pending; (onSuccess || noop)(xhr, el); }, function(xhr) { (onError || noop)(xhr, el); }, '', options ); } return this; }, showToolbar: function(token) { var sfwdt = this.getSfwdt(token); var toggleButton = document.querySelector(`#sfToolbarToggleButton-${token}`); if ('closed' === getPreference('toolbar/displayState')) { addClass(sfwdt.parentNode, 'sf-toolbar-closed'); removeClass(sfwdt.parentNode, 'sf-toolbar-opened'); if (toggleButton) { toggleButton.setAttribute('aria-expanded', 'false'); } } else { addClass(sfwdt.parentNode, 'sf-toolbar-opened'); removeClass(sfwdt.parentNode, 'sf-toolbar-closed'); if (toggleButton) { toggleButton.setAttribute('aria-expanded', 'true'); } } }, hideToolbar: function(token) { var sfwdt = this.getSfwdt(token); var toggleButton = document.querySelector(`#sfToolbarToggleButton-${token}`); addClass(sfwdt.parentNode, 'sf-toolbar-closed'); removeClass(sfwdt.parentNode, 'sf-toolbar-opened'); if (toggleButton) { toggleButton.setAttribute('aria-expanded', 'false'); } }, initToolbar: function(token) { this.showToolbar(token); var toggleButton = document.querySelector(`#sfToolbarToggleButton-${token}`); addEventListener(toggleButton, 'click', function (event) { event.preventDefault(); const newState = 'closed' === getPreference('toolbar/displayState') ? 'opened' : 'closed'; setPreference('toolbar/displayState', newState); 'opened' === newState ? Sfjs.showToolbar(token) : Sfjs.hideToolbar(token); }); }, loadToolbar: function(token, newToken) { var that = this; var triesCounter = document.getElementById('sfLoadCounter-' + token); var options = { retry: true, onSend: function (count) { if (count === 3) { that.initToolbar(token); } if (triesCounter) { triesCounter.textContent = count; } }, }; var cancelButton = document.getElementById('sfLoadCancel-' + token); if (cancelButton) { addEventListener(cancelButton, 'click', function (event) { event.preventDefault(); options.stop = true; that.hideToolbar(token); }); } newToken = (newToken || token); this.load( 'sfwdt' + token, 'http\u003A\/\/www.staging.startplatz.de\/_wdt\/xxxxxx'.replace(/xxxxxx/, newToken), function(xhr, el) { var toolbarContent = document.getElementById('sfToolbarMainContent-' + newToken); /* Do nothing in the edge case where the toolbar has already been replaced with a new one */ if (!toolbarContent) { return; } /* Replace the ID, it has to match the new token */ toolbarContent.parentElement.id = 'sfwdt' + newToken; /* Evaluate in global scope scripts embedded inside the toolbar */ var i, scripts = [].slice.call(el.querySelectorAll('script')); for (i = 0; i < scripts.length; ++i) { if (scripts[i].firstChild) { eval.call({}, scripts[i].firstChild.nodeValue); } } el.style.display = -1 !== xhr.responseText.indexOf('sf-toolbarreset') ? 'block' : 'none'; if (el.style.display == 'none') { return; } that.initToolbar(newToken); /* Handle toolbar-info position */ var toolbarBlocks = [].slice.call(el.querySelectorAll('.sf-toolbar-block')); for (i = 0; i < toolbarBlocks.length; ++i) { toolbarBlocks[i].onmouseover = function () { var toolbarInfo = this.querySelectorAll('.sf-toolbar-info')[0]; var pageWidth = document.body.clientWidth; var elementWidth = toolbarInfo.offsetWidth; var leftValue = (elementWidth + this.offsetLeft) - pageWidth; var rightValue = (elementWidth + (pageWidth - this.offsetLeft)) - pageWidth; /* Reset right and left value, useful on window resize */ toolbarInfo.style.right = ''; toolbarInfo.style.left = ''; if (elementWidth > pageWidth) { toolbarInfo.style.left = 0; } else if (leftValue > 0 && rightValue > 0) { toolbarInfo.style.right = (rightValue * -1) + 'px'; } else if (leftValue < 0) { toolbarInfo.style.left = 0; } else { toolbarInfo.style.right = '0px'; } }; } renderAjaxRequests(); addEventListener(document.querySelector('.sf-toolbar-ajax-clear'), 'click', function() { requestStack = []; renderAjaxRequests(); successStreak = 4; document.querySelector('.sf-toolbar-ajax-request-list').innerHTML = ''; }); addEventListener(document.querySelector('.sf-toolbar-block-ajax'), 'mouseenter', function (event) { var elem = document.querySelector('.sf-toolbar-block-ajax .sf-toolbar-info'); elem.scrollTop = elem.scrollHeight; }); addEventListener(document.querySelector('.sf-toolbar-block-ajax > .sf-toolbar-icon'), 'click', function (event) { event.preventDefault(); toggleClass(this.parentNode, 'hover'); }); var dumpInfo = document.querySelector('.sf-toolbar-block-dump .sf-toolbar-info'); if (null !== dumpInfo) { addEventListener(dumpInfo, 'sfbeforedumpcollapse', function () { dumpInfo.style.minHeight = dumpInfo.getBoundingClientRect().height+'px'; }); addEventListener(dumpInfo, 'mouseleave', function () { dumpInfo.style.minHeight = ''; }); } }, function(xhr) { if (xhr.status !== 0 && !options.stop) { var sfwdt = that.getSfwdt(token); sfwdt.innerHTML = '\ <div class="sf-toolbarreset notranslate">\ <div class="sf-toolbar-icon"><svg width="26" height="28" xmlns="http://www.w3.org/2000/svg" version="1.1" x="0px" y="0px" viewBox="0 0 26 28" enable-background="new 0 0 26 28" xml:space="preserve"><path fill="#FFFFFF" d="M13 0C5.8 0 0 5.8 0 13c0 7.2 5.8 13 13 13c7.2 0 13-5.8 13-13C26 5.8 20.2 0 13 0z M20 7.5 c-0.6 0-1-0.3-1-0.9c0-0.2 0-0.4 0.2-0.6c0.1-0.3 0.2-0.3 0.2-0.4c0-0.3-0.5-0.4-0.7-0.4c-2 0.1-2.5 2.7-2.9 4.8l-0.2 1.1 c1.1 0.2 1.9 0 2.4-0.3c0.6-0.4-0.2-0.8-0.1-1.3C18 9.2 18.4 9 18.7 8.9c0.5 0 0.8 0.5 0.8 1c0 0.8-1.1 2-3.3 1.9 c-0.3 0-0.5 0-0.7-0.1L15 14.1c-0.4 1.7-0.9 4.1-2.6 6.2c-1.5 1.8-3.1 2.1-3.8 2.1c-1.3 0-2.1-0.6-2.2-1.6c0-0.9 0.8-1.4 1.3-1.4 c0.7 0 1.2 0.5 1.2 1.1c0 0.5-0.2 0.6-0.4 0.7c-0.1 0.1-0.3 0.2-0.3 0.4c0 0.1 0.1 0.3 0.4 0.3c0.5 0 0.9-0.3 1.2-0.5 c1.3-1 1.7-2.9 2.4-6.2l0.1-0.8c0.2-1.1 0.5-2.3 0.8-3.5c-0.9-0.7-1.4-1.5-2.6-1.8c-0.8-0.2-1.3 0-1.7 0.4C8.4 10 8.6 10.7 9 11.1 l0.7 0.7c0.8 0.9 1.3 1.7 1.1 2.7c-0.3 1.6-2.1 2.8-4.3 2.1c-1.9-0.6-2.2-1.9-2-2.7c0.2-0.6 0.7-0.8 1.2-0.6 c0.5 0.2 0.7 0.8 0.6 1.3c0 0.1 0 0.1-0.1 0.3C6 15 5.9 15.2 5.9 15.3c-0.1 0.4 0.4 0.7 0.8 0.8c0.8 0.3 1.7-0.2 1.9-0.9 c0.2-0.6-0.2-1.1-0.4-1.2l-0.8-0.9c-0.4-0.4-1.2-1.5-0.8-2.8c0.2-0.5 0.5-1 0.9-1.4c1-0.7 2-0.8 3-0.6c1.3 0.4 1.9 1.2 2.8 1.9 c0.5-1.3 1.1-2.6 2-3.8c0.9-1 2-1.7 3.3-1.8C20 4.8 21 5.4 21 6.3C21 6.7 20.8 7.5 20 7.5z"/></svg></div>\ An error occurred while loading the web debug toolbar. <a href="http\u003A\/\/www.staging.startplatz.de\/_profiler\/' + newToken + '">Open the web profiler.</a>\ </div>\ '; sfwdt.parentElement.setAttribute('class', 'sf-toolbar sf-error-toolbar'); } }, options ); return this; }, toggle: function(selector, elOn, elOff) { var tmp = elOn.style.display, el = document.getElementById(selector); elOn.style.display = elOff.style.display; elOff.style.display = tmp; if (el) { el.style.display = 'none' === tmp ? 'none' : 'block'; } return this; }, }; })(); } Sfjs.loadToolbar('c331a1'); /*]]>*/</script></div><!-- END of Symfony Web Debug Toolbar -->\n
</body>\n
</html>\n
"""
#version: "1.1"
#statusCode: 200
#statusText: "OK"
#charset: "UTF-8"
-sentHeaders: ? array
} |