PageSourceSearch

https://www.haufe-akademie.de/ki/blog

html haufe-akademie.de collected 2026-10-02 03:30:35 UTC 246,217 bytes, 2,857 lines download raw bytes

1<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Tue Aug 11 2026 08:44:20 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="themenseiten-reverse.haufe-akademie.de" data-wf-page="69fb1d66e22439ebcc938998" data-wf-site="66d6a708add932ad46206fca" lang="de"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>KI Blog: Trends &amp; Praxiswissen | Haufe Akademie</title><meta content="Aktuelle Artikel zu KI, Data Science und digitalen Skills: verständlich erklärt, praxisnah aufbereitet und relevant für Unternehmen und Führungskräfte." name="description"/><meta content="KI Blog: Trends &amp; Praxiswissen | Haufe Akademie" property="og:title"/><meta content="Aktuelle Artikel zu KI, Data Science und digitalen Skills: verständlich erklärt, praxisnah aufbereitet und relevant für Unternehmen und Führungskräfte." property="og:description"/><meta content="https://cdn.prod.website-files.com/66d6a708add932ad46206fca/6798a12debb65e8a39857595_haufe-akademie-ki-kompetenzen-small.jpg" property="og:image"/><meta content="KI Blog: Trends &amp; Praxiswissen | Haufe Akademie" name="twitter:title"/><meta content="Aktuelle Artikel zu KI, Data Science und digitalen Skills: verständlich erklärt, praxisnah aufbereitet und relevant für Unternehmen und Führungskräfte." name="twitter:description"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><meta content="noindex" name="robots"/><link href="https://cdn.prod.website-files.com/66d6a708add932ad46206fca/css/themenseiten.webflow.shared.5bbf5a7a8.css" rel="stylesheet" type="text/css" integrity="sha384-W79aeoQfomCH4flHKwaJ7pzAJX1annoxuhgxQlG3Kl6XW4idDQjpVaUEWDyjNKvp" crossorigin="anonymous"/>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/65cf56fcba5b727487ef01cc/66447b5321836cec11bc038c_AKA_Favicon-32.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/img/webclip.png" rel="apple-touch-icon"/><link href="https://www.haufe-akademie.de/ki/blog" rel="canonical"/><!-- DataLayer -->
2<script type="text/javascript">
3  const htmlElement = document.documentElement;
4  const wfPage = htmlElement.getAttribute('data-wf-page');
5  const wfSite = htmlElement.getAttribute('data-wf-site');
6  
7  const script = document.createElement('script');
8  script.src = `https://wf-datalayer.haufe-akademie.de/data-layer.js?siteId=${wfSite}&pageId=${wfPage}`;
9  script.type = 'text/javascript';
10
11  var hasUcConsent = false;
12  var datalayerDataLoaded = false;
13  var datalayerEventFired = false;
14  
15  script.onload = function() {
16    // Script wurde erfolgreich geladen – DataLayer initialisieren
17    datalayerDataLoaded = true;
18    initDataLayer();
19  };
20  
21  script.onerror = function() {
22    // Fallback: DataLayer ohne dynamische Properties initialisieren
23    datalayerDataLoaded = true;
24    initDataLayer();
25  };
26
27  window.addEventListener('ucEvent', function(event) {
28    
29    if (event.detail && event.detail.event !== 'consent_status') {
30    	return;
31  	}
32    hasUcConsent = true;
33    initDataLayer();
34  });
35  
36  document.head.appendChild(script);
37  
38  function initDataLayer() {
39    if(!hasUcConsent || !datalayerDataLoaded) {
40      return;
41    }
42    if(datalayerEventFired) {
43      return;
44    }
45    datalayerEventFired = true;
46
47    const language = document.querySelector('html').getAttribute('lang')?.toUpperCase() || 'DE';
48    const tecdata = window.dynamicCustomProperties?.tecdata;
49    const topic = window.dynamicCustomProperties?.topic;
50    const formtype = window.dynamicCustomProperties?.formtype;
51    const subtopic = window.dynamicCustomProperties?.subtopic;
52
53    window.dataLayer = window.dataLayer || [];
54    
55    dataLayer.push({
56      siteId: 'haufe-akademie.de',
57      event: 'webflowPageview',
58      customProperties: {
59        businessunit: ['AKA'],
60        langid: 'Haufe Akademie',
61        environment: 'webflow',
62        tecdata,
63        topic,
64        subtopic,
65        formtype,
66        language,
67        requrl: [window.location.href]
68      }
69    });
70  }
71</script>
71
72
73<script type="text/javascript">
74  
75
76  document.addEventListener("DOMContentLoaded", () => {
77
78  function createEventListeners() {
79  	document.querySelectorAll("[data-triggerevent]").forEach((triggerElement) => {
80  		triggerElement.addEventListener("click", function (e) {
81  			makeEventUnique();
82  			window.dataLayer.push({
83  				event: triggerElement.dataset.triggerevent,
84  				content: "Warenkorb/Produkt hinzugefügt",
85  				rqtype: "hiddenpi",
86  				transactionProducts: [
87  					argumentsFromDataAttributes(triggerElement.dataset),
88  				],
89  			});
90  		});
91  	});
92  	function makeEventUnique() {
93  		window.dataLayer.forEach((obj) => {
94  			if (obj.event === "AddToCart") {
95  				delete obj.event;
96  			}
97  		});
98  	}
99  	const argumentsFromDataAttributes = (dataAtts) => {
100  		const productObject = {};
101  		for (const key of Object.keys(dataAtts)) {
102  			if (key === "price" || key === "count") {
103  				productObject[key] = parseInt(dataAtts[key]);
104  			} else {
105  				productObject[key] = dataAtts[key];
106  			}
107  		}
108  		return productObject;
109  	};
110  }
111  createEventListeners();
112
113  const playButton = document.querySelector("#media-module-video");
114  if (playButton) {
115    playButton.addEventListener("click", function () {
116      const iframeSrc = this.getAttribute("iframe-send");
117      const is3q = iframeSrc?.includes("3qsdn");
118
119      if (is3q) {
120        const playoutId = iframeSrc?.split("/").pop();
121        const mediaTitle = this.getAttribute("video-title");
122
123        window.dataLayer.push({
124          event: "video",
125          mediaplayeraction: "start",
126          mediaTitle,
127          playoutId,
128        });
129      }
130    });
131  }
132});
133</script>
133
134<!-- End DataLayer -->
135
136<!-- BEGIN Usercentrics related code -->
137<script id="usercentrics-cmp" data-settings-id="gREWiaA0B" src="https://app.usercentrics.eu/browser-ui/latest/loader.js" async></script>
137
138<link rel="preconnect" href="//privacy-proxy.usercentrics.eu">
139<link rel="preload" href="//privacy-proxy.usercentrics.eu/latest/uc-block.bundle.js" as="script">
140<script type="application/javascript" src="https://privacy-proxy.usercentrics.eu/latest/uc-block.bundle.js"></script>
vendor: 1 bytes, line 140
140
141<script>
142  uc.blockOnly([
143    'ByOJZ54odjW7', //Add This
144    'S1pcEj_jZX', //Google Maps
145    'HkPBYFofN', //Google Fonts
146    'BJTzqNi_i-m', //Twitter Plugin
147    'BJz7qNsdj-7', //Youtube Video	
148    'qxiCD5aN_', //3Q Video
149  ]);
150</script>
150
151<!-- END Usercentrics related code -->
152
153<!-- Google Tag Manager -->
154<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
155new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
156j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
157'https://wwi.haufe-akademie.de/wwi.js?id='+i+dl;f.parentNode.insertBefore(j,f);
158})(window,document,'script','dataLayer','GTM-W5FSRCX');</script>
158
159<!-- End Google Tag Manager -->  
160
161<!-- weglot -->
162<script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script>
vendor: 1 bytes, line 162
162
163<script>
164    Weglot.initialize({
165        api_key: 'wg_0ba27ca9916129d8f6ed504bb35aa2ae3',
166    });
167</script>
167
168
169<meta name="googlebot" content="notranslate">
170
171
172<!-- Kameleoon A/B Testing Tool -->
173<script type="text/javascript">
174    // Change the value of this URL to point to your own URL, where the iFrame is hosted
175    window.kameleoonIframeURL = "https://www.haufe-akademie.de/shop_static/haufe-akademie-kameleoon-iframe.html";
176
177    window.kameleoonLightIframe = false;
178    var kameleoonIframeOriginElement = document.createElement("a");
179    kameleoonIframeOriginElement.href = kameleoonIframeURL;
180    window.kameleoonIframeOrigin = kameleoonIframeOriginElement.origin || (kameleoonIframeOriginElement.protocol + "//" + kameleoonIframeOriginElement.hostname);
181    if (location.href.indexOf(window.kameleoonIframeOrigin) != 0)
182    {
183        window.kameleoonLightIframe = true;
184        var kameleoonProcessMessageEvent = function(event)
185        {
186            if (window.kameleoonIframeOrigin == event.origin && event.data.slice && event.data.slice(0,9) == "Kameleoon")
187            {
188                window.removeEventListener("message", kameleoonProcessMessageEvent);
189                window.kameleoonExternalIFrameLoaded = true;
190                if (window.Kameleoon)
191                {
192                    Kameleoon.Utils.runProtectedScript(event.data);
193                    Kameleoon.Analyst.load();
194                }
195                else
196                {
197                    window.kameleoonExternalIFrameLoadedData = event.data;
198                }
199            }
200        };
201        if (window.addEventListener)
202        {
203            window.addEventListener("message", kameleoonProcessMessageEvent, false);
204        }
205        var iframeNode = document.createElement("iframe");
206        iframeNode.src = kameleoonIframeURL;
207        iframeNode.id = "kameleoonExternalIframe";
208        iframeNode.style = "float: left !important; opacity: 0.0 !important; width: 0px !important; height: 0px !important;";
209        document.head.appendChild(iframeNode);
210    }
211</script>
vendor: 1 bytes, line 211
211
212<script
213 
214type=
215"text/javascript"
216>
217window.kameleoonQueue = window.kameleoonQueue || [];
218</script>
vendor: 1 bytes, line 218
218
219<script type="text/javascript" src="//x04qlyv4um.kameleoon.eu/engine.js" async="true" fetchpriority="high"></script>
219
220<!-- END Kameleoon -->
221
222<meta property="og:image" content="https://cdn.prod.website-files.com/65cf56fcba5b727487ef01cc/66447b534ee5d074fb0734b3_AKA_Open%20Graph.png">
223
224<!-- Navigation -->
225
226<link href="https://cdn.haufe.de/content/akademie/Webflow/elevate24/navigation/bundle.css" rel="stylesheet">
227<script src="https://www.haufe-akademie.de/lp/elevate/js/navigation/bundle.js" type="module"></script>
227
228<!-- END Navigation -->
229
230<!-- Font Awesome -->
231<script defer src="https://assets.ws.akaprod.de/font-awesome/js/duotone.min.js"></script>
vendor: 1 bytes, line 231
231
232<script defer src="https://assets.ws.akaprod.de/font-awesome/js/solid.min.js"></script>
vendor: 1 bytes, line 232
232
233<script defer src="https://assets.ws.akaprod.de/font-awesome/js/regular.min.js"></script>
vendor: 1 bytes, line 233
233
234<script defer src="https://assets.ws.akaprod.de/font-awesome/js/brands.min.js"></script>
vendor: 1 bytes, line 234
234
235<script defer src="https://assets.ws.akaprod.de/font-awesome/js/fontawesome.min.js"></script>
235
236<!-- END Font Awesome -->
237
238<!-- Splide -->
239<link href="https://cdn.haufe.de/content/akademie/Webflow/elevate24/dist/css/splide.min.css" rel="stylesheet">
240<!-- END Splide --> 
241
242<!-- Main Styles -->
243<style>  
244@media (min-width: 992px) {
245  body {
246    /* create room for the main nav bar */
247    --h-nav-height: var(--component-library---navi--height-desktop,68px);
248  }
249}
250
251@media (max-width: 991px) {
252  body {
253    --h-nav-height: var(--component-library---navi--height-mobile,52px);
254  }  
255}
256  
257body { 
258  -webkit-font-smoothing: antialiased; 
259  font-variant-ligatures: no-contextual;
260}
261  
262b, strong {
263  font-weight: 500;
264}
265  
266.c-subnav::before,.component-library--c-subnav::before {
267  content: "";
268  display: block;
269  position: absolute;
270  top: 0;
271  left: var(--component-library---space--96, var(--space--96, 6rem));
272  right: var(--component-library---space--96, var(--space--96, 6rem));
273  height: 1px;
274  max-width: calc(1440px - 2 * var(--component-library---space--96, var(--space--96, 6rem)));
275  background-color: #00000014;
276  margin: 0 auto;
277}
278
279@media only screen and (max-width: 991px) {
280  .c-subnav::before,.component-library--c-subnav::before {
281    left: var(--component-library---space--48, var(--space--48, 3rem));
282	right: var(--component-library---space--48, var(--space--48, 3rem));
283	max-width: none;
284  }
285}
286
287@media only screen and (max-width: 767px) {
288  .c-subnav::before,.component-library--c-subnav::before {
289    left: var(--component-library---space--16, var(--space--16, 1rem));
290    right: var(--component-library---space--16, var(--space--16, 1rem));
291    max-width: none;
292  }
293}
294  
295.btn,.component-library--btn,
296.integrated-btn,.component-library--integrated-btn,
297.social-btn,.component-library--social-btn,
298.link,.component-library--link,
299.back-btn,.component-library--back-btn,
300.c-integrated-nav-link,.component-library--c-integrated-nav-link,
301.c-subnav__dropdown__link,.component-library--c-subnav__dropdown__link,
302.c-subnav__dropdown__link-group,.component-library--c-subnav__dropdown__link-group {
303  transition: color 100ms linear, background-color 100ms linear;
304}
305  
306.btn.cc-on-brand-or-accent:active::before,.component-library--btn.component-library--cc-on-brand-or-accent:active::before,
307.btn.cc-on-brand-or-accent:active::after,.component-library--btn.component-library--cc-on-brand-or-accent:active::after {
308  content: '';
309  position: absolute;
310  border-radius: inherit;
311  z-index: -1;
312}
313
314.btn.cc-on-brand-or-accent:active::before,.component-library--btn.component-library--cc-on-brand-or-accent:active::before {
315  top: -2px;
316  left: -2px;
317  right: -2px;
318  bottom: -2px;
319  box-shadow: 0 0 0 2px var(--component-library---color--border--active,var(--color--border--active,#6f01f5));
320}
321
322.btn.cc-on-brand-or-accent:active::after,.component-library--btn.component-library--cc-on-brand-or-accent:active::after {
323  top: -4px;
324  left: -4px;
325  right: -4px;
326  bottom: -4px;
327  box-shadow: 0 0 0 2px #FFFFFF;
328  z-index: -2;
329}
330
331/* Product Card Hover */
332  .component-library--c-priced-card_detail-line,
333.component-library--c-priced-card .component-library--btn,
334.c-priced-card_detail-line,
335.c-priced-card .btn {
336  transition: background-color 0.3s ease;
337}
338
339.component-library--c-priced-card:hover .component-library--c-priced-card_detail-line,
340.c-priced-card:hover .c-priced-card_detail-line {
341  background-color: var(--border--strong,#000000e8);
342}
343
344.component-library--c-priced-card:hover .component-library--btn,
345.component-library--c-priced-card:hover .component-library--btn:hover,
346.c-priced-card:hover .btn,
347.c-priced-card:hover .btn:hover {
348  background-color: var(--color--surface--brand-hover,#4c06a1);
349}
350
351.component-library--c-card:hover .component-library--link {
352  color: var(--component-library---color--text--brand-hover);
353}  
354  
355/* Font Awesome */
356.fa-icon-container svg, .component-library--fa-icon-container svg {
357  width: 100%;
358  height: 100%;
359}
360  
361.fa-primary,.component-library--fa-primary,
362.fa-secondary,.component-library--fa-secondary {
363  opacity: 1 !important;
364}
365  
366/* Headings */
367@media (max-width: 991px) {
368  h1, h2, h3, h4, h5, h6 {
369    hyphens: auto;
370    -webkit-hyphens: auto;
371    -ms-hyphens: auto;
372    word-break: break-word;
373    overflow-wrap: break-word;
374  }
375}
376  
377/* Rich Text */
378.c-rich-text ol,
379.c-rich-text p {
380  color: var(--color--text--secondary);  
381}
382  
383.c-rich-text ol {
384  padding-left: 20px !important;
385}
386  
387/* Search */
388.c-search-button:hover .c-search-button__input::placeholder {
389  color: var(--color--text--brand);  
390}
391  
392.c-search-button:focus .c-search-button__btn-wrap {
393  display: flex;  
394}
395
396/* Select */
397.w-select {
398  -moz-appearance: none;
399  -webkit-appearance: none;
400  appearance: none;
401}
402
403.select-container::before {
404  background-image: url(https://cdn.prod.website-files.com/65cf56fcba5b727487ef01cc/65f1a7fcd8a255af8eb0ce06_chevron-down-black.svg);
405  background-size: 16px 16px;
406  height: 16px;
407  width: 16px;
408  display: inline-block;
409  content: "";
410  position: absolute;
411  right: var(--space--12);
412  pointer-events: none;
413}
414
415.select:hover:not(:focus),
416.c-input-field:hover:not(:focus),
417.c-text-area:hover:not(:focus) {
418    background-color: var(--color--surface--elevated);
419}
420
421/* Checkbox */
422.c-checkbox.w--redirected-checked:hover {
423  background-color: var(--color--surface--brand-hover);
424}
425  
426/* Accordions */
427.component-library--c-accordion__list-item__expanded-content,
428.c-accordion__list-item__expanded-content {
429  transition: max-height 0.3s ease;
430}
431
432.component-library--c-accordion__list-item__expanded-content.cc-expanded,
433.component-library--c-accordion__list-item__expanded-content.component-library--cc-expanded,
434.c-accordion__list-item__expanded-content.cc-expanded {
435  margin-bottom: var(--component-library---space--24, var(--space--24, 1.5rem));
436}
437
438.component-library--c-accordion__list-item__indicator.cc-expanded,
439.component-library--c-accordion__list-item__indicator.component-library--cc-expanded,
440.c-accordion__list-item__indicator.cc-expanded {
441  transform: rotate(180deg);
442}
443
444  .component-library--c-accordion__tile.cc-expanded,
445  .component-library--c-accordion__tile.component-library--cc-expanded,
446  .c-accordion__tile.cc-expanded  {
447    grid-row-gap: var(--component-library---space--48);
448    flex: 1;
449  }  
450
451.component-library--c-sequence__tile-content,
452.c-sequence__tile-content {
453  transition: max-height 0.3s ease;
454}
455
456/* Sequences */
457.component-library--c-indicator__marker::before,
458.c-indicator__marker::before {
459  content: '';
460}
461
462.c-sequence__item[aria-current="step"] .c-indicator__marker::before,
463.component-library--c-sequence__item[aria-current="step"] .component-library--c-indicator__marker::before,
464.component-library--c-sequence__item[aria-current="step"] .c-indicator__marker::before,
465.c-sequence__item[aria-current="step"] .component-library--c-indicator__marker::before,
466.splide__slide.cc-sequence-horizontal[aria-current="step"] .c-indicator__marker::before,
467.splide__slide.cc-sequence-horizontal[aria-current="step"] .component-library--c-indicator__marker::before {
468  background-color: var(--component-library---color--surface--brand-dark);
469  display: flex;
470  width: 1rem;
471  height: 1rem;
472  border-radius: var(--component-library---radius--round);
473}
474
475.c-sequence__tile-indicator-wrap,
476.component-library--c-sequence__tile-indicator-wrap {
477  transition: transform 0.3s ease;
478}
479
480.c-sequence__tile-indicator-wrap.cc-expanded,
481.c-sequence__tile-indicator-wrap.component-library--cc-expanded,
482.component-library--c-sequence__tile-indicator-wrap.cc-expanded,
483.component-library--c-sequence__tile-indicator-wrap.component-library--cc-expanded {
484  transform: rotate(180deg);
485}
486
487/* Sequence / Timeline Indicator Lines */
488.c-sequence__item:first-child .c-indicator__top,
489.component-library--c-sequence__item:first-child .component-library--c-indicator__top {
490  opacity: 0;
491}
492
493.c-sequence__item:last-child .c-indicator__bottom,
494.component-library--c-sequence__item:last-child .component-library--c-indicator__bottom {
495  opacity: 0;
496}
497  
498/* Slideshow */
499.splide { visibility: hidden; }
500.splide.is-initialized { visibility: visible; }
501  
502.splide__pagination.cc-slideshow {
503  position: static !important;
504  padding: 0 !important;
505}
506  
507.splide__pagination__page {
508  background: var(--color--border--default) !important;
509}
510  
511.splide__pagination__page.is-active {
512  background: var(--color--surface--brand) !important;
513  transform: none;
514}
515  
516/* List Module / Key Figures*/
517  .c-key-figures-flex > div,
518  .component-library--c-key-figures-flex > div {
519  flex: 1 1 46%!important;          /* Basisbreite 50%, darf wachsen/schrumpfen */
520  box-sizing: border-box; /* Padding/Margin korrekt berechnen */
521}
522
523.c-key-figures-flex.cc-multiple-figures-three > div,
524.component-library--c-key-figures-flex.component-library--cc-multiple-figures-three > div {
525  flex: 1 1 30%!important;          /* Basisbreite 50%, darf wachsen/schrumpfen */
526  box-sizing: border-box; /* Padding/Margin korrekt berechnen */
527}  
528</style>
529<!-- End Main Styles -->
530
531<!-- Main Scripts -->
532<script>
533document.addEventListener("DOMContentLoaded", function() {
534  setupSequencesAndAccordions();
535  setupAccordionClickHandling();
536  setupSequenceTileClickHandling();
537});
538
539const CLS = {
540  sequence: ['component-library--c-sequence', 'c-sequence'],
541  sequenceTimeline: ['component-library--c-sequence__timeline', 'c-sequence__timeline'],
542  sequenceItem: ['component-library--c-sequence__item', 'c-sequence__item'],
543  sequenceTileWrap: ['component-library--c-sequence__tile-wrap', 'c-sequence__tile-wrap'],
544  sequenceTile: ['component-library--c-sequence__tile', 'c-sequence__tile'],
545  sequenceTileHeadingWrap: ['component-library--c-sequence__tile-heading-wrap', 'c-sequence__tile-heading-wrap'],
546  sequenceTileContent: ['component-library--c-sequence__tile-content', 'c-sequence__tile-content'],
547  sequenceTileIndicatorWrap: ['component-library--c-sequence__tile-indicator-wrap', 'c-sequence__tile-indicator-wrap'],
548  sequenceHorizontal: ['component-library--c-sequence-horizontal', 'c-sequence-horizontal'],
549
550  indicatorTop: ['component-library--c-indicator__top', 'c-indicator__top'],
551  indicatorBottom: ['component-library--c-indicator__bottom', 'c-indicator__bottom'],
552
553  steppedAccordion: ['component-library--cc-stepped-accordion', 'cc-stepped-accordion'],
554
555  accordionList: ['component-library--c-accordion__list', 'c-accordion__list'],
556  accordionTile: ['component-library--c-accordion__tile', 'c-accordion__tile'],
557  accordionLine: ['component-library--c-accordion__line', 'c-accordion__line'],
558  accordionExpandedContent: [
559    'component-library--c-accordion__list-item__expanded-content',
560    'c-accordion__list-item__expanded-content'
561  ],
562  accordionIndicator: [
563    'component-library--c-accordion__list-item__indicator',
564    'c-accordion__list-item__indicator'
565  ],
566
567  modifierStepped: ['cc-stepped'],
568  modifierAccordion: ['cc-accordion']
569};
570
571/* -----------------------------------------
572   Helpers
573----------------------------------------- */
574
575function buildClassSelector(classNames) {
576  return classNames.map(className => `[class*="${className}"]`).join(', ');
577}
578
579function buildAndSelector(classNames) {
580  return classNames.map(className => `[class*="${className}"]`).join('');
581}
582
583function qsa(scope, classNames) {
584  try {
585    return scope.querySelectorAll(buildClassSelector(classNames));
586  } catch (e) {
587    return [];
588  }
589}
590
591function qs(scope, classNames) {
592  try {
593    return scope.querySelector(buildClassSelector(classNames));
594  } catch (e) {
595    return null;
596  }
597}
598
599function getNumberFromStyle(element, property) {
600  if (!element) return 0;
601  const style = window.getComputedStyle(element);
602  const value = parseInt(style[property], 10);
603  return isNaN(value) ? 0 : value;
604}
605
606function animateOpen(element, extra = 0) {
607  if (!element) return;
608
609  element.style.maxHeight = "0px";
610  element.offsetHeight;
611
612  requestAnimationFrame(() => {
613    element.style.maxHeight = (element.scrollHeight + extra) + "px";
614  });
615}
616
617function animateClose(element) {
618  if (!element) return;
619
620  element.style.maxHeight = element.scrollHeight + "px";
621  element.offsetHeight;
622  element.style.maxHeight = "0px";
623}
624
625function isExpandedByHeight(element) {
626  if (!element) return false;
627
628  const inlineValue = element.style.maxHeight;
629  const computedValue = window.getComputedStyle(element).maxHeight;
630
631  if (inlineValue && inlineValue !== '0px' && inlineValue !== '0') return true;
632  if (computedValue && computedValue !== '0px' && computedValue !== '0') return true;
633
634  return false;
635}
636
637/* -----------------------------------------
638   Webflow-safe class matching
639----------------------------------------- */
640
641function hasWebflowClass(element, classNames) {
642  if (!element || !element.classList) return false;
643
644  return classNames.some(base =>
645    Array.from(element.classList).some(cls => cls === base || cls.startsWith(base + '-'))
646  );
647}
648
649function hasModifierClass(element, className) {
650  if (!element || !element.classList) return false;
651
652  return Array.from(element.classList).some(cls =>
653    cls === className ||
654    cls === `component-library--${className}` ||
655    cls.startsWith(className + '-') ||
656    cls.startsWith(`component-library--${className}-`)
657  );
658}
659
660function addModifierClass(element, className) {
661  if (!element) return;
662  element.classList.add(className);
663}
664
665function removeModifierClass(element, className) {
666  if (!element || !element.classList) return;
667
668  Array.from(element.classList).forEach(cls => {
669    if (
670      cls === className ||
671      cls === `component-library--${className}` ||
672      cls.startsWith(className + '-') ||
673      cls.startsWith(`component-library--${className}-`)
674    ) {
675      element.classList.remove(cls);
676    }
677  });
678}
679
680function closestWebflowClass(element, classNames) {
681  let current = element;
682
683  while (current && current !== document) {
684    if (hasWebflowClass(current, classNames)) return current;
685    current = current.parentElement;
686  }
687
688  return null;
689}
690
691function findFirstDescendantByWebflowClass(scope, classNames) {
692  if (!scope) return null;
693
694  return Array.from(scope.querySelectorAll('*')).find(el =>
695    hasWebflowClass(el, classNames)
696  ) || null;
697}
698
699function findDescendantsByWebflowClass(scope, classNames) {
700  if (!scope) return [];
701
702  return Array.from(scope.querySelectorAll('*')).filter(el =>
703    hasWebflowClass(el, classNames)
704  );
705}
706
707/* -----------------------------------------
708   Main setup
709----------------------------------------- */
710
711function setupSequencesAndAccordions() {
712  const sequences = document.querySelectorAll(
713    [
714      `${buildAndSelector(['component-library--c-sequence'])}${buildAndSelector(CLS.modifierStepped)}`,
715      `${buildAndSelector(['c-sequence'])}${buildAndSelector(CLS.modifierStepped)}`
716    ].join(', ')
717  );
718  sequences.forEach(setupSequence);
719
720  const timelines = qsa(document, CLS.sequenceTimeline);
721  timelines.forEach(setupSequence);
722
723  const steppedAccordions = qsa(document, CLS.steppedAccordion);
724  steppedAccordions.forEach(applyIndicatorStylesToAccordion);
725
726  const sequencesHorizontal = qsa(document, CLS.sequenceHorizontal);
727  sequencesHorizontal.forEach(setupSequenceHorizontal);
728}
729
730/* -----------------------------------------
731   Sequence
732----------------------------------------- */
733
734function setupSequence(sequence) {
735  const items = qsa(sequence, CLS.sequenceItem);
736
737  if (!items.length) return;
738
739  items.forEach((item, index) => {
740    const topIndicator = qs(item, CLS.indicatorTop);
741    const bottomIndicator = qs(item, CLS.indicatorBottom);
742  
743    if (topIndicator) topIndicator.style.opacity = index === 0 ? '0' : '1';
744    if (bottomIndicator) bottomIndicator.style.opacity = index === items.length - 1 ? '0' : '1';
745  });
746
747  const findCurrentItem = () => {
748    const triggerY = window.innerHeight * 0.35;
749    let currentItemIndex = 0;
750    let smallestDistance = Infinity;
751
752    items.forEach((item, index) => {
753      const rect = item.getBoundingClientRect();
754      const itemCenter = rect.top + (rect.height / 2);
755      const distance = Math.abs(itemCenter - triggerY);
756
757      if (distance < smallestDistance) {
758        smallestDistance = distance;
759        currentItemIndex = index;
760      }
761    });
762
763    setCurrentItem(currentItemIndex);
764  };
765
766  const setCurrentItem = (currentIndex) => {
767    currentIndex = Math.max(0, Math.min(currentIndex, items.length - 1));
768
769    items.forEach((item, index) => {
770      item.setAttribute('aria-current', index === currentIndex ? 'step' : 'false');
771    });
772  };
773
774  window.addEventListener('scroll', findCurrentItem);
775  window.addEventListener('resize', findCurrentItem);
776  findCurrentItem();
777}
778
779function applyIndicatorStylesToAccordion(accordion) {
780  const items = qsa(accordion, CLS.sequenceItem);
781
782  if (items.length > 0) {
783    qs(items[0], CLS.indicatorTop)?.style.setProperty('opacity', '0');
784    qs(items[items.length - 1], CLS.indicatorBottom)?.style.setProperty('opacity', '0');
785  }
786}
787
788/* -----------------------------------------
789   Accordion
790----------------------------------------- */
791
792function setupAccordionClickHandling() {
793  findDescendantsByWebflowClass(document, CLS.accordionList).forEach(list => {
794    if (list.dataset.accordionBound === 'true') return;
795
796    list.addEventListener('click', function(event) {
797      const isInsideExpandedContent = closestWebflowClass(event.target, CLS.accordionExpandedContent);
798      const tile = closestWebflowClass(event.target, CLS.accordionTile);
799      const line = closestWebflowClass(event.target, CLS.accordionLine);
800
801      if (tile && list.contains(tile)) {
802        toggleTile(tile, list);
803        return;
804      }
805
806      if (!line || !list.contains(line)) return;
807
808      if (isInsideExpandedContent && line.contains(isInsideExpandedContent)) {
809        return;
810      }
811
812      toggleLine(line, list);
813    });
814
815    list.dataset.accordionBound = 'true';
816  });
817}
818
819function toggleTile(tile, list) {
820  const content = findFirstDescendantByWebflowClass(tile, CLS.accordionExpandedContent);
821  const indicator = findFirstDescendantByWebflowClass(tile, CLS.accordionIndicator);
822
823  if (!content) return;
824
825  const isAlreadyOpen =
826    hasModifierClass(tile, 'cc-expanded') &&
827    hasModifierClass(content, 'cc-expanded') &&
828    isExpandedByHeight(content);
829
830  function updateMaxHeight(expandedTile) {
831    const detailContent = findFirstDescendantByWebflowClass(expandedTile, CLS.accordionExpandedContent);
832
833    if (hasModifierClass(expandedTile, 'cc-expanded') && detailContent) {
834      detailContent.style.maxHeight = 'none';
835      const measuredHeight = detailContent.scrollHeight;
836      detailContent.style.maxHeight = measuredHeight + 'px';
837    }
838  }
839
840  if (isAlreadyOpen) {
841    return;
842  }
843
844  findDescendantsByWebflowClass(list, CLS.accordionTile).forEach(otherTile => {
845    const otherContent = findFirstDescendantByWebflowClass(otherTile, CLS.accordionExpandedContent);
846    const otherIndicator = findFirstDescendantByWebflowClass(otherTile, CLS.accordionIndicator);
847
848    if (!otherContent) return;
849
850    if (otherTile !== tile) {
851      animateClose(otherContent);
852      removeModifierClass(otherTile, 'cc-expanded');
853      removeModifierClass(otherContent, 'cc-expanded');
854      removeModifierClass(otherIndicator, 'cc-expanded');
855    }
856  });
857
858  addModifierClass(tile, 'cc-expanded');
859  addModifierClass(content, 'cc-expanded');
860  addModifierClass(indicator, 'cc-expanded');
861
862  content.style.maxHeight = '0px';
863  content.offsetHeight;
864
865  requestAnimationFrame(() => {
866    requestAnimationFrame(() => {
867      content.style.maxHeight = 'none';
868      const measuredHeight = content.scrollHeight;
869      content.style.maxHeight = measuredHeight + 'px';
870    });
871  });
872
873  if (!list.dataset.accordionResizeBound) {
874    const onResize = () => {
875      findDescendantsByWebflowClass(list, CLS.accordionTile).forEach(currentTile => {
876        if (hasModifierClass(currentTile, 'cc-expanded')) {
877          updateMaxHeight(currentTile);
878        }
879      });
880    };
881
882    window.addEventListener('resize', onResize);
883    list.dataset.accordionResizeBound = 'true';
884  }
885}
886
887function toggleLine(line, list) {
888  const content = findFirstDescendantByWebflowClass(line, CLS.accordionExpandedContent);
889  const indicator = findFirstDescendantByWebflowClass(line, CLS.accordionIndicator);
890
891  if (!content) return;
892
893  const expanded =
894    hasModifierClass(line, 'cc-expanded') ||
895    hasModifierClass(content, 'cc-expanded') ||
896    isExpandedByHeight(content);
897
898  if (expanded) {
899    animateClose(content);
900    removeModifierClass(content, 'cc-expanded');
901    removeModifierClass(indicator, 'cc-expanded');
902    removeModifierClass(line, 'cc-expanded');
903    return;
904  }
905
906  findDescendantsByWebflowClass(list, CLS.accordionLine).forEach(otherLine => {
907    if (otherLine !== line) {
908      const otherContent = findFirstDescendantByWebflowClass(otherLine, CLS.accordionExpandedContent);
909      const otherIndicator = findFirstDescendantByWebflowClass(otherLine, CLS.accordionIndicator);
910
911      animateClose(otherContent);
912      removeModifierClass(otherContent, 'cc-expanded');
913      removeModifierClass(otherIndicator, 'cc-expanded');
914      removeModifierClass(otherLine, 'cc-expanded');
915    }
916  });
917
918  const paddingBottom = getNumberFromStyle(content, 'paddingBottom');
919  animateOpen(content, paddingBottom);
920  addModifierClass(content, 'cc-expanded');
921  addModifierClass(indicator, 'cc-expanded');
922  addModifierClass(line, 'cc-expanded');
923}
924
925/* -----------------------------------------
926   Sequence Accordion
927----------------------------------------- */
928
929function getSequenceAccordionContainers() {
930  return Array.from(document.querySelectorAll([
931    `${buildAndSelector(['component-library--c-sequence'])}${buildAndSelector(CLS.modifierAccordion)}`,
932    `${buildAndSelector(['c-sequence'])}${buildAndSelector(CLS.modifierAccordion)}`
933  ].join(', ')));
934}
935
936function getSequenceAccordionUnits(container) {
937  if (!container) return [];
938
939  const directTileWraps = Array.from(container.children).filter(child =>
940    hasWebflowClass(child, CLS.sequenceTileWrap)
941  );
942
943  if (directTileWraps.length) return directTileWraps;
944
945  const sequenceItems = Array.from(container.children).filter(child =>
946    hasWebflowClass(child, CLS.sequenceItem)
947  );
948
949  if (sequenceItems.length) return sequenceItems;
950
951  return [];
952}
953
954function getSequenceTileFromUnit(unit) {
955  if (!unit) return null;
956  return findFirstDescendantByWebflowClass(unit, CLS.sequenceTile);
957}
958
959function getSequenceContentFromUnit(unit) {
960  if (!unit) return null;
961  return findFirstDescendantByWebflowClass(unit, CLS.sequenceTileContent);
962}
963
964function getSequenceIndicatorFromUnit(unit) {
965  if (!unit) return null;
966  return findFirstDescendantByWebflowClass(unit, CLS.sequenceTileIndicatorWrap);
967}
968
969function getSequenceHeadingFromUnit(unit) {
970  if (!unit) return null;
971  return findFirstDescendantByWebflowClass(unit, CLS.sequenceTileHeadingWrap);
972}
973
974function getSequenceUnitFromTile(tile, container) {
975  if (!tile || !container) return null;
976
977  return getSequenceAccordionUnits(container).find(unit => unit.contains(tile)) || null;
978}
979
980function setupSequenceTileClickHandling() {
981  getSequenceAccordionContainers().forEach(container => {
982    if (container.dataset.sequenceAccordionBound === 'true') return;
983
984    container.addEventListener('click', function(event) {
985      const tile = closestWebflowClass(event.target, CLS.sequenceTile);
986      if (!tile || !container.contains(tile)) return;
987
988      toggleSequenceTile(tile, container);
989    });
990
991    const firstUnit = getSequenceAccordionUnits(container)[0];
992    const firstTile = getSequenceTileFromUnit(firstUnit);
993
994    if (firstTile) {
995      toggleSequenceTile(firstTile, container, true);
996    }
997
998    container.dataset.sequenceAccordionBound = 'true';
999  });
1000}
1001
1002function toggleSequenceTile(tile, container, forceExpand = false) {
1003  const unit = getSequenceUnitFromTile(tile, container);
1004  const content = unit ? getSequenceContentFromUnit(unit) : null;
1005  const indicator = unit ? getSequenceIndicatorFromUnit(unit) : null;
1006  const heading = unit ? getSequenceHeadingFromUnit(unit) : null;
1007
1008  if (!unit || !content) return;
1009
1010  const paddingTop = getNumberFromStyle(content, 'paddingTop');
1011  const expanded =
1012    hasModifierClass(unit, 'cc-expanded') ||
1013    hasModifierClass(tile, 'cc-expanded') ||
1014    hasModifierClass(content, 'cc-expanded') ||
1015    hasModifierClass(indicator, 'cc-expanded') ||
1016    hasModifierClass(heading, 'cc-expanded') ||
1017    isExpandedByHeight(content);
1018
1019  if (expanded && !forceExpand) {
1020    return;
1021  }
1022
1023  getSequenceAccordionUnits(container).forEach(otherUnit => {
1024    if (otherUnit !== unit) {
1025      const otherTile = getSequenceTileFromUnit(otherUnit);
1026      const otherContent = getSequenceContentFromUnit(otherUnit);
1027      const otherIndicator = getSequenceIndicatorFromUnit(otherUnit);
1028      const otherHeading = getSequenceHeadingFromUnit(otherUnit);
1029
1030      removeModifierClass(otherUnit, 'cc-expanded');
1031      removeModifierClass(otherTile, 'cc-expanded');
1032      removeModifierClass(otherContent, 'cc-expanded');
1033      removeModifierClass(otherIndicator, 'cc-expanded');
1034      removeModifierClass(otherHeading, 'cc-expanded');
1035      animateClose(otherContent);
1036    }
1037  });
1038
1039  addModifierClass(unit, 'cc-expanded');
1040  addModifierClass(tile, 'cc-expanded');
1041  addModifierClass(content, 'cc-expanded');
1042  addModifierClass(indicator, 'cc-expanded');
1043  addModifierClass(heading, 'cc-expanded');
1044
1045  if (forceExpand) {
1046    content.style.maxHeight = (content.scrollHeight + paddingTop) + "px";
1047    return;
1048  }
1049
1050  animateOpen(content, paddingTop);
1051}
1052
1053/* -----------------------------------------
1054   Horizontal Sequence
1055----------------------------------------- */
1056
1057function setupSequenceHorizontal(sequenceContainer) {
1058  const items = sequenceContainer.querySelectorAll(
1059    [
1060      `.splide__slide${buildAndSelector(['component-library--c-sequence-horizontal'])}`,
1061      `.splide__slide${buildAndSelector(['c-sequence-horizontal'])}`
1062    ].join(', ')
1063  );
1064
1065  if (!items.length) return;
1066
1067  items.forEach((item, index) => {
1068    const topIndicator = qs(item, CLS.indicatorTop);
1069    const bottomIndicator = qs(item, CLS.indicatorBottom);
1070
1071    if (topIndicator) {
1072      topIndicator.style.opacity = index === 0 ? '0' : '1';
1073    }
1074
1075    if (bottomIndicator) {
1076      bottomIndicator.style.opacity = index === items.length - 1 ? '0' : '1';
1077    }
1078  });
1079
1080  const updateAriaCurrent = (item) => {
1081    item.setAttribute('aria-current', item.classList.contains('is-active') ? 'step' : 'false');
1082  };
1083
1084  items.forEach(updateAriaCurrent);
1085
1086  const callback = (mutationsList) => {
1087    for (let mutation of mutationsList) {
1088      if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
1089        updateAriaCurrent(mutation.target);
1090      }
1091    }
1092  };
1093
1094  const observer = new MutationObserver(callback);
1095  const config = { attributes: true, attributeFilter: ['class'] };
1096
1097  items.forEach(item => observer.observe(item, config));
1098}
1099</script>
1099
1100<!-- End Main Scripts --><meta name="robots" content="noindex,follow" /></head><body><div aria-hidden="true" class="component-library--data_layer_options"><div data-layer-topic="">brand-all</div><div data-layer-subtopic="">KI</div><div data-layer-tecdata="">[&#x27;Blog-Startseite&#x27;,&#x27;nein&#x27;]</div><div data-layer-formtype="">Kontaktformular</div></div><div class="component-library--c-accent-theming w-embed"><style>
1101[data-theme="tw"] {
1102	/* Farbvariablen*/
1103	--component-library---color--text--accent-dark: var(--component-library---color--primitive--orange-800, var(--color--primitive--orange-800, #c24100));
1104  --component-library---color--text--accent: var(--component-library---color--primitive--orange-600, var(--color--primitive--orange-600, #ff7b00));
1105  --component-library---color--surface--accent: var(--component-library---color--primitive--orange-600, var(--color--primitive--orange-600, #ff7b00));
1106  --component-library---color--surface--accent-light: var(--component-library---color--primitive--orange-100, var(--color--primitive--orange-100, #fff4eb));
1107  	--color--text--accent-dark: var(--component-library---color--primitive--orange-800, var(--color--primitive--orange-800, #c24100));
1108  --color--text--accent: var(--component-library---color--primitive--orange-600, var(--color--primitive--orange-600, #ff7b00));
1109  --color--surface--accent: var(--component-library---color--primitive--orange-600, var(--color--primitive--orange-600, #ff7b00));
1110  --color--surface--accent-light: var(--component-library---color--primitive--orange-100, var(--color--primitive--orange-100, #fff4eb));
1111	
1112  /* Klassen */
1113  --accent-light: var(--component-library---color--primitive--orange-100, var(--color--primitive--orange-100, #fff4eb));
1114  --accent-main: var(--component-library---color--primitive--orange-600, var(--color--primitive--orange-600, #ff7b00));
1115  --accent-dark: var(--component-library---color--primitive--orange-800, var(--color--primitive--orange-800, #c24100));
1116}
1117
1118[data-theme="ep"] {
1119	/* Farbvariablen */
1120  --component-library---color--text--accent-dark: var(--component-library---color--primitive--yellow-800, var(--color--primitive--yellow-800, #ab5e00));
1121  --component-library---color--text--accent: var(--component-library---color--primitive--yellow-600, var(--color--primitive--yellow-600, #ffd300));
1122  --component-library---color--surface--accent: var(--component-library---color--primitive--yellow-600, var(--color--primitive--yellow-600, #ffd300));
1123  --component-library---color--surface--accent-light: var(--component-library---color--primitive--yellow-100, var(--color--primitive--yellow-100, #fffae0));
1124    --color--text--accent-dark: var(--component-library---color--primitive--yellow-800, var(--color--primitive--yellow-800, #ab5e00));
1125  --color--text--accent: var(--component-library---color--primitive--yellow-600, var(--color--primitive--yellow-600, #ffd300));
1126  --color--surface--accent: var(--component-library---color--primitive--yellow-600, var(--color--primitive--yellow-600, #ffd300));
1127  --color--surface--accent-light: var(--component-library---color--primitive--yellow-100, var(--color--primitive--yellow-100, #fffae0));
1128  
1129  /*Klassen*/
1130  --accent-light: var(--component-library---color--primitive--yellow-100, var(--color--primitive--yellow-100, #fffae0));
1131  --accent-main: var(--component-library---color--primitive--yellow-600, var(--color--primitive--yellow-600, #ffd300));
1132  --accent-dark: var(--component-library---color--primitive--yellow-800, var(--color--primitive--yellow-800, #ab5e00));
1133}
1134
1135[data-theme="cas"] {
1136	/* Farbvariablen */
1137  --component-library---color--text--accent-dark: var(--component-library---color--primitive--teal-800, var(--color--primitive--teal-800, #018363));
1138  --component-library---color--text--accent: var(--component-library---color--primitive--teal-600, var(--color--primitive--teal-600, #43efb6));
1139  --component-library---color--surface--accent: var(--component-library---color--primitive--teal-600, var(--color--primitive--teal-600, #43efb6));
1140  --component-library---color--surface--accent-light: var(--component-library---color--primitive--teal-100, var(--color--primitive--teal-100, #ebfff8));
1141    --color--text--accent-dark: var(--component-library---color--primitive--teal-800, var(--color--primitive--teal-800, #018363));
1142  --color--text--accent: var(--component-library---color--primitive--teal-600, var(--color--primitive--teal-600, #43efb6));
1143  --color--surface--accent: var(--component-library---color--primitive--teal-600, var(--color--primitive--teal-600, #43efb6));
1144  --color--surface--accent-light: var(--component-library---color--primitive--teal-100, var(--color--primitive--teal-100, #ebfff8));
1145  
1146  /*Klassen*/
1147  --accent-light: var(--component-library---color--primitive--teal-100, var(--color--primitive--teal-100, #ebfff8));
1148  --accent-main: var(--component-library---color--primitive--teal-600, var(--color--primitive--teal-600, #43efb6));
1149  --accent-dark: var(--component-library---color--primitive--teal-800, var(--color--primitive--teal-800, #018363));
1150}
1151
1152[data-theme="consulting"] {
1153	/* Farbvariablen */
1154  --component-library---color--text--accent-dark: var(--component-library---color--primitive--cyan-800, var(--color--primitive--cyan-800, #006da3));
1155  --component-library---color--text--accent: var(--component-library---color--primitive--cyan-600, var(--color--primitive--cyan-600, #00d0ff));
1156  --component-library---color--surface--accent: var(--component-library---color--primitive--cyan-600, var(--color--primitive--cyan-600, #00d0ff));
1157  --component-library---color--surface--accent-light: var(--component-library---color--primitive--cyan-100, var(--color--primitive--cyan-100, #ebfbff));
1158    --color--text--accent-dark: var(--component-library---color--primitive--cyan-800, var(--color--primitive--cyan-800, #006da3));
1159  --color--text--accent: var(--component-library---color--primitive--cyan-600, var(--color--primitive--cyan-600, #00d0ff));
1160  --color--surface--accent: var(--component-library---color--primitive--cyan-600, var(--color--primitive--cyan-600, #00d0ff));
1161  --color--surface--accent-light: var(--component-library---color--primitive--cyan-100, var(--color--primitive--cyan-100, #ebfbff));
1162  
1163  /*Klassen*/
1164  --accent-light: var(--component-library---color--primitive--cyan-100, var(--color--primitive--cyan-100, #ebfbff));
1165  --accent-main: var(--component-library---color--primitive--cyan-600, var(--color--primitive--cyan-600, #00d0ff));
1166  --accent-dark: var(--component-library---color--primitive--cyan-800, var(--color--primitive--cyan-800, #006da3));
1167}
1168
1169[data-theme="coaching"] {
1170	/* Farbvariablen */
1171  --component-library---color--text--accent-dark: var(--component-library---color--primitive--lime-800, var(--color--primitive--lime-800, #15870a));
1172  --component-library---color--text--accent: var(--component-library---color--primitive--lime-600, var(--color--primitive--lime-600, #90e817));
1173  --component-library---color--surface--accent: var(--component-library---color--primitive--lime-600, var(--color--primitive--lime-600, #90e817));
1174  --component-library---color--surface--accent-light: var(--component-library---color--primitive--lime-100, var(--color--primitive--lime-100, #f4ffe5));
1175    --color--text--accent-dark: var(--component-library---color--primitive--lime-800, var(--color--primitive--lime-800, #15870a));
1176  --color--text--accent: var(--component-library---color--primitive--lime-600, var(--color--primitive--lime-600, #90e817));
1177  --color--surface--accent: var(--component-library---color--primitive--lime-600, var(--color--primitive--lime-600, #90e817));
1178  --color--surface--accent-light: var(--component-library---color--primitive--lime-100, var(--color--primitive--lime-100, #f4ffe5));
1179  
1180  /*Klassen*/
1181  --accent-light: var(--component-library---color--primitive--lime-100, var(--color--primitive--lime-100, #f4ffe5));
1182  --accent-main: var(--component-library---color--primitive--lime-600, var(--color--primitive--lime-600, #90e817));
1183  --accent-dark: var(--component-library---color--primitive--lime-800, var(--color--primitive--lime-800, #15870a));
1184}
1185
1186[data-theme="semigator"] {
1187	/* Farbvariablen */
1188  --component-library---color--text--accent-dark: var(--component-library---color--primitive--green-800, var(--color--primitive--green-800, #007b47));
1189  --component-library---color--text--accent: var(--component-library---color--primitive--green-600, var(--color--primitive--green-600, #00f876));
1190  --component-library---color--surface--accent: var(--component-library---color--primitive--green-600, var(--color--primitive--green-600, #00f876));
1191  --component-library---color--surface--accent-light: var(--component-library---color--primitive--green-100, var(--color--primitive--green-100, #e5feed));
1192    --color--text--accent-dark: var(--component-library---color--primitive--green-800, var(--color--primitive--green-800, #007b47));
1193  --color--text--accent: var(--component-library---color--primitive--green-600, var(--color--primitive--green-600, #00f876));
1194  --color--surface--accent: var(--component-library---color--primitive--green-600, var(--color--primitive--green-600, #00f876));
1195  --color--surface--accent-light: var(--component-library---color--primitive--green-100, var(--color--primitive--green-100, #e5feed));
1196  
1197  /*Klassen*/
1198  --accent-light: var(--component-library---color--primitive--green-100, var(--color--primitive--green-100, #e5feed));
1199  --accent-main: var(--component-library---color--primitive--green-600, var(--color--primitive--green-600, #00f876));
1200  --accent-dark: var(--component-library---color--primitive--green-800, var(--color--primitive--green-800, #007b47));
1201}
1202
1203  /* Accent color text classes */
1204  .cc-color-accent-light, .component-library--cc-color-accent-light {
1205    color: var(--accent-light) !important;
1206  }
1207  
1208  .cc-color-accent, .component-library--cc-color-accent {
1209    color: var(--accent-main) !important;
1210  }
1211  
1212  .cc-color-accent-dark, .component-library--cc-color-accent-dark {
1213    color: var(--accent-dark,#190333)!important;
1214  }
1215  
1216  /* Accent background color classes */
1217  .cc-bg-accent-light, .component-library--cc-bg-accent-light {
1218    background-color: var(--accent-light,whitesmoke) !important;
1219  }
1220  
1221  .cc-bg-accent, .component-library--cc-bg-accent {
1222    background-color: var(--accent-main,#6f01f5) !important;
1223  }
1224  
1225  .cc-bg-accent-dark, .component-library--cc-bg-accent-dark {
1226    background-color: var(--accent-dark,#4c06a1) !important;
1227  }
1228
1229.c-indicator__step, .component-library--c-indicator__step {
1230  border: 1px solid var(--component-library---accent-dark, var(--accent-dark,#6f01f5)) !important;
1231}
1232
1233.c-indicator__top, .component-library--c-indicator__top,
1234.c-indicator__bottom, .component-library--c-indicator__bottom,
1235.c-sequence__item[aria-current="step"] .c-indicator__marker::before,
1236.component-library--c-sequence__item[aria-current="step"] .component-library--c-indicator__marker::before,
1237.splide__slide.cc-sequence-horizontal[aria-current="step"] .c-indicator__marker::before,
1238.component-library--splide__slide.cc-sequence-horizontal[aria-current="step"] .component-library--c-indicator__marker::before{
1239  background-color: var(--component-library---accent-dark, var(--accent-dark,#6f01f5)) !important;
1240}
1241
1242/*Brand Color Fixes*/
1243	/*List Icons nicht in Accent Color */
1244	/*body:not([data-theme]) .component-library--c-icon-text-list__icon,
1245	body[data-theme=""] .component-library--c-icon-text-list__icon {
1246  	color: var(--color--text--primary);
1247	}*/
1248  
1249  /*body:not([data-theme]) .component-library--c-icon-text-list__icon:where(.w-variant-26a7d5ae-288f-4fba-1f13-b194c4db9d22),
1250  body[data-theme=""] .component-library--c-icon-text-list__icon:where(.w-variant-26a7d5ae-288f-4fba-1f13-b194c4db9d22){
1251  	color: var(--component-library---color--text--primary-on-brand);
1252	}*/
1253  
1254  /*END List Icons nicht in Accent Color */
1255
1256</style></div><div data-animation="default" class="component-library--c-nav w-nav" data-easing2="ease" data-easing="ease" data-collapse="medium" role="banner" data-duration="400" id="nav" data-wf--component-library--nav---shared--variant="base"><div class="component-library--c-nav__container"><div class="component-library--nav-logo-slot"><a aria-label="Haufe Akademie – Startseite" data-track-style="clickicon" data-track-action="akalogo" data-track-type="link" href="https://www.haufe-akademie.de/" class="component-library--c-nav__brand w-nav-brand"><img loading="eager" src="https://cdn.prod.website-files.com/66d6a708add932ad46206fca/6787a43b13d330ae13ceccbc_6d8140b46b96744a2b1b9d39d634ab65_AKA_Lockup-Brand.svg" alt="Haufe Akademie" class="component-library--image component-library--cc-nav-logo"/></a></div><nav role="navigation" class="component-library--c-nav__menu component-library--cc-main-nav w-nav-menu"><div><haufe-nav-page-list><div><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1394" parent-page-id="" children-grid-type="" cluster="" icon-name="" icon-url=""><button slot="button" data-hide-in=""><span slot="title">Persönliche Weiterbildung</span></button><a slot="anchor" href="https://www.haufe-akademie.de/persoenliche-weiterbildung">Alles in persönliche Weiterbildung</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="3" parent-page-id="1394" children-grid-type="fourColumnGrid" cluster="" icon-name="" icon-url="https://images.cl.haufe-akademie.de/image/upload/v1710842463/static/shop/navigation/icons/Product_Inhouse_bhrgyo.svg"><button slot="button" data-hide-in=""><span slot="title">Themen</span></button><p slot="teaser">Weiterbildung in 26 unterschiedlichen Themen</p><p slot="headline">Themen</p><p slot="description">Über 3.600 Weiterbildungen in 26 Themen</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="24" parent-page-id="3" children-grid-type="" cluster="" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/hierarchy/general+management">General Management</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="487" parent-page-id="3" children-grid-type="" cluster="" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/hierarchy/change-management-and-digital-transformation">Digital Transformation &amp; Change Management</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="25" parent-page-id="3" children-grid-type="" cluster="" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/hierarchy/fuehrung+und+leadership">Führung und Leadership</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="26" parent-page-id="3" children-grid-type="" cluster="" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/hierarchy/persoenliche+und+soziale+kompetenz">Persönliche und Soziale Kompetenzen</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="419" parent-page-id="3" children-grid-type="" cluster="" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/hierarchy/data-analytics-ki">Künstliche Intelligenz &amp; Data Analytics</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="32" parent-page-id="3" children-grid-type="" cluster="" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/hierarchy/projekte-prozesse">Projekt- und Prozessmanagement</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="31" parent-page-id="3" children-grid-type="" cluster="" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/hierarchy/personalmanagement">Personalmanagement</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="38" parent-page-id="3" children-grid-type="" cluster="" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/hierarchy/entgeltabrechnung-personalmanagement">Entgeltabrechnung</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="29" parent-page-id="3" children-grid-type="" cluster="" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/hierarchy/learning-development">Learning &amp; Development</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="758" parent-page-id="3" children-grid-type="" cluster="" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/hierarchy/nachhaltigkeitsmanagement">Nachhaltigkeits&amp;shy;management</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="30" parent-page-id="3" children-grid-type="" cluster="" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/hierarchy/gesundheit">Gesundheits&amp;shy;management</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="33" parent-page-id="3" children-grid-type="" cluster="" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/hierarchy/vertrieb">Vertrieb und Verkauf</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="34" parent-page-id="3" children-grid-type="" cluster="" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/hierarchy/marketing">Marketing</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="488" parent-page-id="3" children-grid-type="" cluster="" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/hierarchy/produktmanagement">Produktmanagement</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="489" parent-page-id="3" children-grid-type="" cluster="" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/hierarchy/einkauf">Einkauf</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="490" parent-page-id="3" children-grid-type="" cluster="" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/hierarchy/logistik-supply-chain-und-aussenhandel">Logistik, Supply Chain und Außenhandel</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="22" parent-page-id="3" children-grid-type="" cluster="" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/hierarchy/assistenz-office-management">Assistenz und Office-Management</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="35" parent-page-id="3" children-grid-type="" cluster="" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/hierarchy/rechnungswesen-steuern-und-finanzen">
1256Rechnungswesen, Steuern und Finanzen</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="36" parent-page-id="3" children-grid-type="" cluster="" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/hierarchy/controlling">Controlling</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="44" parent-page-id="3" children-grid-type="" cluster="" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/hierarchy/recht-datenschutz">Recht und Datenschutz</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="41" parent-page-id="3" children-grid-type="" cluster="" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/hierarchy/compliance">Compliance</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="39" parent-page-id="3" children-grid-type="" cluster="" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/hierarchy/kompetenz-fuer-trainer-coaches-und-berater">Kompetenz für Training, Coaching und Beratung</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="42" parent-page-id="3" children-grid-type="" cluster="" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/hierarchy/immobilienwirtschaft+und+-management">Immobilien&amp;shy;wirtschaft und -management</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="43" parent-page-id="3" children-grid-type="" cluster="" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/hierarchy/oeffentlicher-dienst">Öffentlicher Dienst</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="966" parent-page-id="3" children-grid-type="" cluster="" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/future-jobs-classes">Future Jobs Classes</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="968" parent-page-id="3" children-grid-type="" cluster="" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/skill-it">IT-Trainings</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="21" parent-page-id="1394" children-grid-type="twoColumnGrid" cluster="" icon-name="" icon-url="https://images.cl.haufe-akademie.de/image/upload/v1710842463/static/shop/navigation/icons/Product_Inhouse_bhrgyo.svg"><button slot="button" data-hide-in=""><span slot="title">Lernformate</span></button><p slot="teaser">Seminare, Online-Trainings, Fernkurse, Qualifizierungsprogramme, E-Learning</p><p slot="headline">Lernformate</p><p slot="description">Es besteht die Wahl: passgenaue Lernformate ganz nach individuellem Bedarf.</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="413" parent-page-id="21" children-grid-type="" cluster="" icon-name="fa-solid fa-chalkboard-user" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/persoenliche-weiterbildung">Seminare und Online-Trainings</a><p slot="teaser">In Präsenz vor Ort, Blended Learning oder Live-Online</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="460" parent-page-id="21" children-grid-type="" cluster="" icon-name="fa-solid fa-chart-line-up" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/qualifizierungsprogramme">Qualifizierungsprogramme</a><p slot="teaser">Systematisch aufeinander aufbauende Trainings</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1460" parent-page-id="21" children-grid-type="" cluster="" icon-name="fa-solid fa-people-arrows" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/persoenliche-weiterbildung/einzeltraining">Einzeltrainings</a><p slot="teaser">Individuelle Weiterbildung mit Personal Trainer </p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="695" parent-page-id="21" children-grid-type="" cluster="" icon-name="fa-solid fa-laptop" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/fernkurse">Fernkurse</a><p slot="teaser">Zertifizierte Weiterbildung - umfassend und flexibel</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="552" parent-page-id="21" children-grid-type="" cluster="" icon-name="fa-solid fa-circle-play" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/elearning">E-Learning</a><p slot="teaser">Lernen, jederzeit und überall</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1336" parent-page-id="1394" children-grid-type="twoColumnGr
1256id" cluster="" icon-name="" icon-url=""><button slot="button" data-hide-in=""><span slot="title">Tagungen &amp; Events</span></button><a slot="anchor" href="https://www.haufe-akademie.de/tagungen">Tagungen &amp; Events</a><p slot="teaser">Wissen teilen, Menschen verbinden</p><p slot="headline">Tagungen &amp; Events</p><p slot="description">Erlebe Tagungen &amp; Events, die Wissen, Austausch und Inspiration verbinden.</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1338" parent-page-id="1336" children-grid-type="" cluster="Tagungen" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/tagungen-personal">Personalverwaltung &amp; Entgeltabrechnung</a><p slot="teaser">Up2date zum Jahreswechsel: Arbeitsrecht, Lohnsteuer &amp; Sozialversicherung</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1339" parent-page-id="1336" children-grid-type="" cluster="Tagungen" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/tagungen-rechnungswesen">Rechnungswesen</a><p slot="teaser">Up2date zum Jahresabschluss: Handels- und Steuerrecht, Bilanzierung</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1340" parent-page-id="1336" children-grid-type="" cluster="Tagungen" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/hierarchy/tagung">Öffentlichen Dienst</a><p slot="teaser">Up2date zum Jahreswechsel: Arbeits- und Tarifrecht, Lohnsteuer &amp; Sozialversicherung</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1341" parent-page-id="1336" children-grid-type="" cluster="Kongresse &amp; Summits" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/events/assistenz-kongress">Haufe Assistenz-Kongress</a><p slot="teaser">Inspiration, Austausch und Impulse für deinen Assistenzalltag</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1473" parent-page-id="1336" children-grid-type="" cluster="Kongresse &amp; Summits" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/events/jahreswechsel-summit-personal">Haufe Jahreswechsel Summit</a><p slot="teaser">Fachwissen x Eventfeeling: Entgelt, Arbeitsrecht &amp; mehr</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1474" parent-page-id="1336" children-grid-type="" cluster="Kongresse &amp; Summits" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/events/rewe-expertentage">Haufe Expertentage: Bilanzierung, Steuern und Rechnungswesen</a><p slot="teaser">Fachwissen x Eventfeeling: Das Event zum Jahresabschluss</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1475" parent-page-id="1336" children-grid-type="" cluster="Online Days" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/events/haufe-online-jahresforum-controlling">Haufe Online Days: Jahresforum Controlling</a><p slot="teaser">Aktuelle Themen, Trends &amp; Entwicklungen</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1476" parent-page-id="1336" children-grid-type="" cluster="Online Days" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/events/haufe-online-day-social-media">Haufe Online Day: Social Media</a><p slot="teaser">Next Level Social Media – kompakt &amp; praxisnah</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1506" parent-page-id="1336" children-grid-type="" cluster="Online Days" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/events/haufe-online-day-ki-im-marketing">Haufe Online Day: KI im Marketing</a><p slot="teaser">Von KI-Tools bis Workflows. Echte Effizienz für deinen Marketing-Alltag</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1776" parent-page-id="1336" children-grid-type="" cluster="Online Days" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/events/haufe-online-day-ki-im-rechnungswesen">Haufe Online Day: KI im Rechnungswesen</a><p slot="teaser">Forecasting, Belegverarbeitung, KI-Agenten</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1342" parent-page-id="1394" children-grid-type="twoColumnGr
1256id" cluster="" icon-name="" icon-url=""><button slot="button" data-hide-in=""><span slot="title">Qualifizierungsprogramme</span></button><a slot="anchor" href="https://www.haufe-akademie.de/qualifizierungsprogramme">Alle Career Lines und Expert Lines</a><p slot="teaser">Career Lines und Expert Lines</p><p slot="headline">Qualifizierungsprogramme</p><p slot="description">Career Lines und Expert Lines für den nächsten Karriereschritt.</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1343" parent-page-id="1342" children-grid-type="" cluster="" icon-name="" icon-url="https://images.cl.haufe-akademie.de/image/upload/v1723036804/static/shop/navigation/icons/cl_cborbd.png"><a slot="anchor" href="https://www.haufe-akademie.de/qualifizierungsprogramme#portlet4356">Career Lines</a><p slot="teaser">Vom Einstieg bis zur leitenden Funktion</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1344" parent-page-id="1342" children-grid-type="" cluster="" icon-name="" icon-url="https://images.cl.haufe-akademie.de/image/upload/v1723036804/static/shop/navigation/icons/el_pgy4yt.png"><a slot="anchor" href="https://www.haufe-akademie.de/qualifizierungsprogramme#portlet4285">Expert Lines</a><p slot="teaser">Spezialist:in werden</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1288" parent-page-id="1394" children-grid-type="twoColumnGrid" cluster="" icon-name="" icon-url=""><button slot="button" data-hide-in=""><span slot="title">IT-Trainings von skill it</span></button><a slot="anchor" href="https://www.haufe-akademie.de/skill-it">Alle IT-Trainings</a><p slot="teaser">Where tech professionals grow</p><p slot="headline">IT-Trainings von skill it</p><p slot="description">Fit werden für die digitale Zukunft. Mit mehr als 250 Trainings zu den wichtigsten Technologien.</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1290" parent-page-id="1288" children-grid-type="" cluster="" icon-name="fa-brands fa-aws" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/skill-it/categories/amazon-webservices">Amazon Web Services</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1291" parent-page-id="1288" children-grid-type="" cluster="" icon-name="fa-brands fa-atlassian" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/skill-it/categories/atlassian-jira-confluence">Atlassian Jira &amp; Confluence</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1292" parent-page-id="1288" children-grid-type="" cluster="" icon-name="fa-solid fa-database" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/skill-it/categories/datenbanken">Datenbanken</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1437" parent-page-id="1288" children-grid-type="" cluster="" icon-name="fa-solid fa-pen-to-square" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/skill-it/categories/design-26-publishing">Design &amp; Publishing</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1293" parent-page-id="1288" children-grid-type="" cluster="" icon-name="fa-solid fa-toolbox" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/skill-it/categories/it-management">IT-Management</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1294" parent-page-id="1288" children-grid-type="" cluster="" icon-name="fa-solid fa-shield-halved" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/skill-it/categories/it-security">IT-Security</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1295" parent-page-id="1288" children-grid-type="" cluster="" icon-name="fa-solid fa-brain-circuit" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/skill-it/categories/machine-learning-26-data-analytics">Künstliche Intelligenz &amp; Data Analytics</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1822" parent-page-id="1288" children-grid-type="" cluster="" icon-name="fa-brands fa-microsoft" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/skill-it/categories/microsoft-software">Microsoft Software</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1296" parent-page-id="1288" children-grid-type="" cluster="" icon-name="fa-brands fa-microsoft" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/skill-it/categories/microsoft-technology">Microsoft Technology</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1299" parent-page-id="1288" children-grid-type="" cluster="" icon-name="fa-solid fa-network-wired" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/skill-it/categories/netzwerke-und-systeme">Netzwerke und Systeme</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1823" parent-page-id="1288" children-grid-type="" cluster="" icon-name="fa-solid fa-gear-complex" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/skill-it/categories/sap">SAP</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1300" parent-page-id="1288" children-grid-type="" cluster="" icon-name="fa-solid fa-list-check" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/skill-it/categories/service-und-projektmanagement">Service- und Projektmanagement</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1301" parent-page-id="1288" children-grid-type="" cluster="" icon-name="fa-solid fa-browser" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/skill-it/categories/softwareentwicklung">Softwareentwicklung</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1303" parent-page-id="1288" children-grid-type="" cluster="" icon-name="fa-solid fa-code" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/skill-it/categories/webentwicklung">Webentwicklung</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1304" parent-page-id="1394" children-grid-type="twoColumnGr
1256id" cluster="" icon-name="" icon-url="https://images.cl.haufe-akademie.de/image/upload/v1710842463/static/shop/navigation/icons/Product_Inhouse_bhrgyo.svg"><button slot="button" data-hide-in=""><span slot="title">Future Jobs Classes</span></button><a slot="anchor" href="https://www.haufe-akademie.de/future-jobs-classes">Alle Future Jobs Classes</a><p slot="teaser">Zukunft können.</p><p slot="headline">Future Jobs Classes</p><p slot="description">Lerne heute, was morgen wichtig ist. Mit den Future Jobs Classes baust du das Skillset für deinen Job der Zukunft auf.</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1305" parent-page-id="1304" children-grid-type="" cluster="" icon-name="fa-solid fa-shuffle" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/future-jobs-classes/agile-transformation-manager">Agile Transformation Manager:in</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1588" parent-page-id="1304" children-grid-type="" cluster="" icon-name="fa-solid fa-robot" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/future-jobs-classes/ai-agent-specialist">AI Agent Specialist</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1817" parent-page-id="1304" children-grid-type="" cluster="" icon-name="fa-solid fa-binary-circle-check" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/future-jobs-classes/ai-data-strategist">AI &amp; Data Strategist</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1360" parent-page-id="1304" children-grid-type="" cluster="" icon-name="fa-solid fa-arrow-progress" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/future-jobs-classes/business-automation-manager">Business Automation Manager:in</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1306" parent-page-id="1304" children-grid-type="" cluster="" icon-name="fa-solid fa-graduation-cap" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/future-jobs-classes/corporate-learning-expert">Corporate Learning Expert</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1307" parent-page-id="1304" children-grid-type="" cluster="" icon-name="fa-solid fa-magnifying-glass-chart" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/future-jobs-classes/data-expert">Data Expert</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1308" parent-page-id="1304" children-grid-type="" cluster="" icon-name="fa-solid fa-lightbulb-gear" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/future-jobs-classes/digital-transformation-and-innovation">Digital Transformation &amp; Innovation Manager:in</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1353" parent-page-id="1304" children-grid-type="" cluster="" icon-name="fa-solid fa-mobile-screen-button" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/future-jobs-classes/digital-product-manager">Digital Product Manager:in</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1309" parent-page-id="1304" children-grid-type="" cluster="" icon-name="fa-solid fa-user-group-simple" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/future-jobs-classes/diversity-inclusion-manager">Diversity &amp; Inclusion Manager:in</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1712" parent-page-id="1304" children-grid-type="" cluster="" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/future-jobs-classes/energy-manager">Energy Manager:in</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1311" parent-page-id="1304" children-grid-type="" cluster="" icon-name="fa-solid fa-brain-circuit" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/future-jobs-classe
1256s/ki-manager">KI Manager:in</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1354" parent-page-id="1304" children-grid-type="" cluster="" icon-name="fa-solid fa-brain-circuit" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/future-jobs-classes/machine-learning-engineer">Machine Learning Engineer</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1469" parent-page-id="1304" children-grid-type="" cluster="" icon-name="fa-solid fa-chart-line" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/future-jobs-classes/marketing-sales-analyst">Marketing &amp; Sales Analyst</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1446" parent-page-id="1304" children-grid-type="" cluster="" icon-name="fa-solid fa-compass" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/future-jobs-classes/new-business-risk-strategist">New Business and Risk Strategist</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1314" parent-page-id="1304" children-grid-type="" cluster="" icon-name="fa-solid fa-layer-group" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/future-jobs-classes/product-owner">Product Owner</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1315" parent-page-id="1304" children-grid-type="" cluster="" icon-name="fa-solid fa-grid-2-plus" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/future-jobs-classes/service-owner">IT Service Owner</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1316" parent-page-id="1304" children-grid-type="" cluster="" icon-name="fa-solid fa-seedling" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/future-jobs-classes/nachhaltigkeitsmanager">Sustainability Manager:in</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1319" parent-page-id="1304" children-grid-type="" cluster="" icon-name="fa-solid fa-head-side-gear" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/future-jobs-classes/ux-cx-manager">UX &amp; CX Manager:in</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1321" parent-page-id="1394" children-grid-type="twoColumnGrid" cluster="" icon-name="" icon-url="https://images.cl.haufe-akademie.de/image/upload/v1710842464/static/shop/navigation/icons/Product_LD_mmma80.svg"><button slot="button" data-hide-in=""><span slot="title">Business Coaching</span></button><a slot="anchor" href="https://www.haufe-akademie.de/coaching">Alle Business Coaching-Angebote</a><p slot="teaser">Für persönliche Weiterentwicklung</p><p slot="headline">Business Coaching</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1323" parent-page-id="1321" children-grid-type="" cluster="" icon-name="fa-solid fa-user-plus" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/coaching/fuhrungskraftecoaching">Führungskräfte Coaching</a><p slot="teaser">Führungspotenziale entfalten und Spitzenleistungen erreichen</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1324" parent-page-id="1321" children-grid-type="" cluster="" icon-name="fa-solid fa-sparkles" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/coaching/fachkraftecoaching">Fachkräfte Coaching</a><p slot="teaser">Fachwissen vertiefen und berufliche Kompetenzen ausbauen</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1325" parent-page-id="1321" children-grid-type="" cluster="" icon-name="fa-solid fa-people-group" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/coaching/top-management-coaching">Top-Management Coaching</a><p slot="teaser">Karriere als Leader gestalten und Ziele erreichen</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1326" parent-page-id="1321" children-grid-type="" cluster="" icon-name="fa-solid fa-people-arrows" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/coaching/teamcoaching">Teamcoaching</a><p slot="teaser">Zusammenarbeit fördern und Teamdynamik verbessern</p></haufe-nav-page></div></div></div><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="20" parent-page-id="" children-grid-type="" cluster="" icon-name="" icon-url=""><button slot="button" data-hide-in=""><span slot="title">Unternehmenslösungen</span></button><a slot="anchor" href="https://www.haufe-akademie.de/corporate-learning">Alle Unternehmenslösungen</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="668" parent-page-id="20" children-grid-type="twoColumnGr
1256id" cluster="" icon-name="" icon-url="https://images.cl.haufe-akademie.de/image/upload/v1710842463/static/shop/navigation/icons/Product_Inhouse_bhrgyo.svg"><button slot="button" data-hide-in=""><span slot="title">Inhouse-Schulungen</span></button><a slot="anchor" href="https://www.haufe-akademie.de/corporate-learning/inhouse">Inhouse-Schulungen entdecken</a><p slot="teaser">Mehrere Mitarbeitende vor Ort oder online weiterbilden</p><p slot="headline">Inhouse-Schulungen</p><p slot="description">Das breiteste Schulungsangebot am Markt passgenau auf Ihre Bedürfnisse zugeschnitten.</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1423" parent-page-id="668" children-grid-type="" cluster="Meistgebuchte Themen" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/themenwelt/data-driven-business/inhouse">Künstliche Intelligenz &amp; Data Analytics</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1346" parent-page-id="668" children-grid-type="" cluster="Meistgebuchte Themen" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/fuehrung-und-leadership-inhouse">Führung &amp; Leadership</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1347" parent-page-id="668" children-grid-type="" cluster="Meistgebuchte Themen" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/projektmanagement-inhouse">Projektmanagement</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1421" parent-page-id="668" children-grid-type="" cluster="Meistgebuchte Themen" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/themenwelt/persoenliche-soziale-kompetenzen/inhouse">Persönliche und Soziale Kompetenz</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1422" parent-page-id="668" children-grid-type="" cluster="Meistgebuchte Themen" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/themenwelt/personal/inhouse">Personalmanagement</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1345" parent-page-id="668" children-grid-type="" cluster="Meistgebuchte Themen" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/corporate-learning/inhouse/datenschutz">Datenschutz</a><p slot="description">Bestseller Themen:</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1349" parent-page-id="668" children-grid-type="" cluster="Meistgebuchte Themen" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/corporate-learning/inhouse/vertrieb">Vertrieb &amp; Verkauf</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1424" parent-page-id="668" children-grid-type="" cluster="Im Trend" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/themenwelt/change-management-and-digital-transformation/inhouse">Digital Transformation &amp; Change Management</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1425" parent-page-id="668" children-grid-type="" cluster="Im Trend" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/corporate-learning/inhouse/social-media">Social Media</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1426" parent-page-id="668" children-grid-type="" cluster="Im Trend" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/corporate-learning/inhouse/digitales-marketing">Digitales Marketing</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1427" parent-page-id="668" children-grid-type="" cluster="Im Trend" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/corporate-learning/inhouse/zeitmanagement">Zeitmanagement</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1428" parent-page-id="668" children-grid-type="" cluster="Im Trend" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/corporate-learning/inhouse/kommunikation">Kommunikation</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1429" parent-page-id="668" children-grid-type="" cluster="Im Trend" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/corporate-learning/inhouse/konfliktmanagement">Konfliktmanagement</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1430" parent-page-id="668" children-grid-type="" cluster="Im Trend" icon-name="" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/corporate-learning/inhouse/excel">Microsoft Excel</a></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="670" parent-page-id="20" children-grid-type="twoColumnGr
1256id" cluster="" icon-name="" icon-url="https://images.cl.haufe-akademie.de/image/upload/v1710842351/static/shop/navigation/icons/Product_Entwicklungsprogramme_2x_pd88lo.svg"><button slot="button" data-hide-in=""><span slot="title">Entwicklungsprogramme</span></button><a slot="anchor" href="https://www.haufe-akademie.de/corporate-learning/entwicklungsprogramme">über Entwicklungsprogramme</a><p slot="teaser">Gezielte Weiterbildung zu Zukunftsthemen für Teams</p><p slot="headline">Entwicklungsprogramme</p><p slot="description">Praxisnahe und modular aufgebaute Weiterbildungen für Mitarbeiter:innen und Führungskräfte.</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="49" parent-page-id="670" children-grid-type="" cluster="" icon-name="fa-solid fa-users" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/corporate-learning/entwicklungsprogramme/fuehrungskraefteentwicklung">Führung &amp; Leadership</a><p slot="teaser">Von Einsteiger:in bis C-Level – Führung ganzheitlich verstehen und entwickeln</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="50" parent-page-id="670" children-grid-type="" cluster="" icon-name="fa-solid fa-list-check" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/corporate-learning/entwicklungsprogramme/projektmanagement">Projektmanagement</a><p slot="teaser">Projektmanagement Skills ausbauen inkl. Internationaler Zertifizierungen</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="52" parent-page-id="670" children-grid-type="" cluster="" icon-name="fa-solid fa-arrows-spin" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/corporate-learning/entwicklungsprogramme/agile-coach">Agile Coach</a><p slot="teaser">Methoden- und Coachingskills für Agilität inklusive Zertifizierung und Mentoring</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="53" parent-page-id="670" children-grid-type="" cluster="" icon-name="fa-solid fa-bolt-lightning" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/corporate-learning/entwicklungsprogramme/change-management">Change Management</a><p slot="teaser">Für  Change Manager:innen, Agent:innen und Führungskräfte.</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="55" parent-page-id="20" children-grid-type="twoColumnGrid" cluster="" icon-name="" icon-url="https://images.cl.haufe-akademie.de/image/upload/v1710842462/static/shop/navigation/icons/Product_Consulting_2x_emquwt.svg"><button slot="button" data-hide-in=""><span slot="title">Consulting</span></button><a slot="anchor" href="https://www.haufe-akademie.de/corporate-learning/consulting">über Consulting</a><p slot="teaser">Individuelle Beratung mit über 40 Jahren Erfahrung</p><p slot="headline">Consulting</p><p slot="description">Beratung  für realitätsnahe und erprobte Lösungen zu den folgenden Themen</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="57" parent-page-id="55" children-grid-type="" cluster="" icon-name="fa-people-arrows fa-solid" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/corporate-learning/consulting/leadership">Leadership</a><p slot="teaser">Führung zukunftsgerecht gestalten mit Beratung und Begleitung</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="64" parent-page-id="55" children-grid-type="" cluster="" icon-name="fa-screen-users fa-solid" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/corporate-learning/consulting/learning-development">Learning &amp; Development</a><p slot="teaser">Organisationsberatung für neues und zukunftsfähiges Lernen</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1617" parent-page-id="55" children-grid-type="" cluster="" icon-name="fa-solid fa-magnifying-glass" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/corporate-learning/consulting/management-diagnostik">Management Diagnostik</a><p slot="teaser">Fach- und Führungskräfte treffsicher auswählen, Potenziale sichtbar machen und Entwicklung steuern</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="67" parent-page-id="55" children-grid-type="" cluster="" icon-name="fa-solid fa-list-check" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/corporate-learning/consulting/projektmanagement">Projektmanagement</a><p slot="teaser">Fundierte Beratung für effektives Projektmanagement</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="66" parent-page-id="55" children-grid-type="" cluster="" icon-name="fa-chart-network fa-solid" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/corporate-learning/consulting/hr">HR</a><p slot="teaser">Beratung in der Transformation zur effizienten und modernen Organisation</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="669" parent-page-id="20" children-grid-type="twoColumnGr
1256id" cluster="" icon-name="" icon-url=""><button slot="button" data-hide-in=""><span slot="title">Digital Suite</span></button><a slot="anchor" href="https://www.haufe-akademie.de/digital-suite">über die Digital Suite</a><p slot="teaser">Lernplattformen und E-Learning-Inhalte</p><p slot="headline">Digital Suite</p><p slot="description">Digitales Lernen aus einer Hand: Innovative Lerntechnologie trifft auf außergewöhnlichen Content.</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="5" parent-page-id="669" children-grid-type="" cluster="Lernplattformen" icon-name="" icon-url="https://images.cl.haufe-akademie.de/image/upload/v1709647785/static/shop/navigation/icons/Learning-Experience-Plattform_tzusb0.svg"><a slot="anchor" href="https://www.haufe-akademie.de/digital-suite/lxp">Learning Experience Plattform</a><p slot="teaser">Die Plattform für innovatives Lernen und rasanten Wandel</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="8" parent-page-id="669" children-grid-type="" cluster="Lernplattformen" icon-name="" icon-url="https://images.cl.haufe-akademie.de/image/upload/v1709647779/static/shop/navigation/icons/Learning-Management-System_kvqh3x.svg"><a slot="anchor" href="https://www.haufe-akademie.de/digital-suite/lms">Learning Management System</a><p slot="teaser">Die Plattform zur Organisation von Lernprozessen</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="6" parent-page-id="669" children-grid-type="" cluster="Lerninhalte" icon-name="" icon-url="https://images.cl.haufe-akademie.de/image/upload/v1709647806/static/shop/navigation/icons/Content-Collection_dewcbt.svg"><a slot="anchor" href="https://www.haufe-akademie.de/digital-suite/content-collection">Content Collection</a><p slot="teaser">Kuratierte E-Learning-Kurse in einer Flatrate</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="9" parent-page-id="669" children-grid-type="" cluster="Lerninhalte" icon-name="" icon-url="https://images.cl.haufe-akademie.de/image/upload/v1709647842/static/shop/navigation/icons/Content-Kit_gj0jsp.svg"><a slot="anchor" href="https://www.haufe-akademie.de/digital-suite/content-kit">Content Kit</a><p slot="teaser">Microlearning-Bausteine für moderne PE</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="7" parent-page-id="669" children-grid-type="" cluster="Lerninhalte" icon-name="" icon-url="https://images.cl.haufe-akademie.de/image/upload/v1709647839/static/shop/navigation/icons/Compliance-College_sv0jer.svg"><a slot="anchor" href="https://www.haufe-akademie.de/digital-suite/compliance-college">Compliance College</a><p slot="teaser">Pflichtschulungen für Compliance und Awareness</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="741" parent-page-id="20" children-grid-type="twoColumnGrid" cluster="" icon-name="" icon-url="https://images.cl.haufe-akademie.de/image/upload/v1710842464/static/shop/navigation/icons/Product_Procurement_Plattformen_cgx94h.svg"><button slot="button" data-hide-in=""><span slot="title">Procurement Plattformen</span></button><a slot="anchor" href="https://www.haufe-akademie.de/corporate-learning/procurement">über Procurement Plattformen</a><p slot="teaser">Plattformlösungen für effiziente L&amp;D-Beschaffung und -Prozesse</p><p slot="headline">Procurement Plattformen</p><p slot="description">Weiterbildung und Coaching einfach einkaufen, steuern und dabei den Überblick über alle Buchungen behalten.</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="403" parent-page-id="741" children-grid-type="" cluster="" icon-name="fa-browser fa-solid" icon-url=""><a slot="anchor" href="https://www.semigator.de/enterprise/coaching">Coaching Management Plattform</a><p slot="teaser">Die Plattform zum Management von Coaching</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="70" parent-page-id="741" children-grid-type="" cluster="" icon-name="fa-bag-shopping fa-solid" icon-url=""><a slot="anchor" href="https://www.semigator.de/enterprise/weiterbildung">Learning Procurement Plattform</a><p slot="teaser">Beschaffung von Weiterbildung mit über 60.000 Weiterbildungsangeboten</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1455" parent-page-id="20" children-grid-type="twoColumnGr
1256id" cluster="" icon-name="" icon-url="https://images.cl.haufe-akademie.de/image/upload/v1710842462/static/shop/navigation/icons/Product_Corporate_Academies_ky4hra.svg"><button slot="button" data-hide-in=""><span slot="title">Corporate Learning Services</span></button><a slot="anchor" href="https://www.haufe-akademie.de/corporate-learning/services">über Corporate Learning Services</a><p slot="teaser">Modulare Leistungen für eine moderne Weiterbildungslandschaft</p><p slot="headline">Corporate Learning Services</p><p slot="description">Modulare und maßgeschneiderte Full-Service-Leistungen für eine moderne Weiterbildungslandschaft - von der strategischen Neuausrichtung, individuellen Lernangeboten bis zur operativen Umsetzung. </p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1456" parent-page-id="1455" children-grid-type="" cluster="" icon-name="" icon-url="https://images.cl.haufe-akademie.de/image/upload/v1752736965/static/shop/navigation/icons/cas-ldss_koje46.svg"><a slot="anchor" href="https://www.haufe-akademie.de/corporate-learning/services/l-d-strategy-services">L&amp;D Strategy Services</a><p slot="teaser">Beratung zu strategischen Fragen für eine Weiterbildungslandschaft mit Wirkung </p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1457" parent-page-id="1455" children-grid-type="" cluster="" icon-name="" icon-url="https://images.cl.haufe-akademie.de/image/upload/v1752736965/static/shop/navigation/icons/cas-lps_uxncti.svg"><a slot="anchor" href="https://www.haufe-akademie.de/corporate-learning/services/learning-portfolio-services">Learning Portfolio Services</a><p slot="teaser">Zusammenstellung und individuelle Entwicklung
Ihres Weiterbildungsportfolios </p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1458" parent-page-id="1455" children-grid-type="" cluster="" icon-name="" icon-url="https://images.cl.haufe-akademie.de/image/upload/v1752736966/static/shop/navigation/icons/cas-mts_xjrsja.svg"><a slot="anchor" href="https://www.haufe-akademie.de/corporate-learning/services/managed-training-services">Managed Training Services</a><p slot="teaser">Operativer Betrieb und Management Ihrer Weiterbildungslandschaft </p></haufe-nav-page></div></div></div><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1733" parent-page-id="" children-grid-type="" cluster="" icon-name="" icon-url=""><button slot="button" data-hide-in=""><span slot="title">KI</span></button></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1735" parent-page-id="1733" children-grid-type="twoColumnGrid" cluster="" icon-name="" icon-url=""><button slot="button" data-hide-in=""><span slot="title">KI</span></button><p slot="teaser">Entdecke die Weiterbildungsangebote zum Thema KI</p><p slot="headline">KI</p><p slot="description">Erfahre alles über den Einsatz von KI in unserer Weiterbildung für Dich, Teams und Unternehmen</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1736" parent-page-id="1735" children-grid-type="" cluster="KI lernen" icon-name="fa-solid fa-sparkles" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/weiterbildung-ki">KI Trainings und Seminare</a><p slot="teaser">Über 200 Weiterbildungen von Basic bis Expert:in  Seminare · Trainings · Lernreisen · Fernkurse · E-Learning</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1737" parent-page-id="1735" children-grid-type="" cluster="KI lernen" icon-name="fa-solid fa-building" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/ki-inhouse">KI-Inhouse-Schulungen</a><p slot="teaser">Passgenaue Qualifizierung für Teams und Unternehmen – abgestimmt auf Ziele, Rollen und Arbeitsalltag.</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1739" parent-page-id="1735" children-grid-type="" cluster="KI lernen" icon-name="" icon-url="https://images.cl.haufe-akademie.de/image/upload/v1709647806/static/shop/navigation/icons/Content-Collection_dewcbt.svg"><a slot="anchor" href="https://www.haufe-akademie.de/digital-suite/topic/el-kunstliche-intelligenz-daten">Content Collection</a><p slot="teaser">E-Learning für Unternehmen zu KI, Soft-Skills &amp; Co.</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1740" parent-page-id="1735" children-grid-type="" cluster="KI lernen" icon-name="" icon-url="https://images.cl.haufe-akademie.de/image/upload/v1709647842/static/shop/navigation/icons/Content-Kit_gj0jsp.svg"><a slot="anchor" href="https://www.haufe-akademie.de/digital-suite/content-kit/ki-kit">KI Kit</a><p slot="teaser">Microlearning Bausteine für individuelle Lernpfade</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1748" parent-page-id="1735" children-grid-type="" cluster="KI lernen" icon-name="" icon-url="https://images.cl.haufe-akademie.de/image/upload/v1709647839/static/shop/navigation/icons/Compliance-College_sv0jer.svg"><a slot="anchor" href="https://www.haufe-akademie.de/digital-suite/compliance-college">Compliance College</a><p slot="teaser">Pflichtschulungen zu Compliance, AI Act &amp; Co.</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1749" parent-page-id="1735" children-grid-type="" cluster="Ressourcen" icon-name="fa-calendar-days fa-solid" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/events/ki-webinare">Kostenlose Webinare</a><p slot="teaser">kompakt, live &amp; praxisnah</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1750" parent-page-id="1735" children-grid-type="" cluster="Ressourcen" icon-name="fa-pen-to-square fa-solid" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/ki/blog">Blogartikel</a><p slot="teaser">Aktuelles zum Thema KI</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1751" parent-page-id="1735" children-grid-type="" cluster="Ressourcen" icon-name="fa-file fa-solid" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/ki/whitepaper">Whitepaper</a><p slot="teaser">Trends und Studien</p></haufe-nav-page></div></div></div><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="71" parent-page-id="" children-grid-type="" cluster="" icon-name="" icon-url=""><button slot="button" data-hide-in=""><span slot="title">Info &amp; Services</span></button></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="73" parent-page-id="71" children-grid-type="twoColumnGr
1256id" cluster="" icon-name="" icon-url=""><button slot="button" data-hide-in=""><span slot="title">Support</span></button><p slot="teaser">Kontaktaufnahme und Hilfe</p><p slot="headline">Support</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="77" parent-page-id="73" children-grid-type="" cluster="" icon-name="fa-address-card fa-solid" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/kontakt">Kontakt</a><p slot="teaser">Umfassende Beratung und zuverlässige Kundenbetreuung</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1264" parent-page-id="73" children-grid-type="" cluster="" icon-name="fa-solid fa-user-gear" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/account-management">Account Management</a><p slot="teaser">Persönliche Kundenbetreuung für den Mittelstand und Konzerne</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="78" parent-page-id="73" children-grid-type="" cluster="" icon-name="fa-question fa-solid" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/faqs">FAQs</a><p slot="teaser">Alle Antworten auf die häufigsten Fragen</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="80" parent-page-id="71" children-grid-type="twoColumnGrid" cluster="" icon-name="" icon-url=""><button slot="button" data-hide-in="en"><span slot="title">Wissen</span></button><p slot="teaser">Blog, Studien, Events und mehr</p><p slot="headline">Wissen</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="86" parent-page-id="80" children-grid-type="" cluster="" icon-name="fa-pen-to-square fa-solid" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/blog">Blog</a><p slot="teaser">Fachartikel, Interviews und Beiträge</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="87" parent-page-id="80" children-grid-type="" cluster="" icon-name="fa-file-magnifying-glass fa-solid" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/studien">Studien</a><p slot="teaser">Aktuelle Studien der Haufe Akademie</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="89" parent-page-id="80" children-grid-type="" cluster="" icon-name="fa-envelope-open-text fa-solid" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/newsletter">Newsletter</a><p slot="teaser">Inspirationen, Tipps und aktuelle Informationen</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="90" parent-page-id="80" children-grid-type="" cluster="" icon-name="fa-book-open-cover fa-solid" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/info-center">Kataloge</a><p slot="teaser">Unsere Angebote in praktischer Katalogform</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1359" parent-page-id="80" children-grid-type="" cluster="" icon-name="fa-file fa-solid" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/info-service/whitepaper">Whitepaper</a><p slot="teaser">Kostenlose Whitepaper zum Download</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="91" parent-page-id="80" children-grid-type="" cluster="" icon-name="fa-calendar-days fa-solid" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/events">Events</a><p slot="teaser">Webinare, Messen und Produktpräsentationen</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1418" parent-page-id="80" children-grid-type="" cluster="" icon-name="fa-solid fa-clapperboard-play" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/zukunft-des-lernens/film">Film: Work in Progress</a><p slot="teaser">Ein inspirierender Kinofilm für die Personal- und Organisationsentwicklung</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1419" parent-page-id="80" children-grid-type="" cluster="" icon-name="fa-solid fa-book" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/zukunft-des-lernens/playbook">Buch: People in Progress</a><p slot="teaser">Das Playbook für die moderne Personal- und Organisationsentwicklung</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1594" parent-page-id="80" children-grid-type="" cluster="" icon-name="fa-file-user fa-solid" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/weiter">Online-Magazin: WEITER.</a><p slot="teaser">Inspirierende Geschichten von Menschen, die bewegen</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="93" parent-page-id="71" children-grid-type="twoColumnGr
1256id" cluster="" icon-name="" icon-url=""><button slot="button" data-hide-in=""><span slot="title">Über uns</span></button><p slot="teaser">Über die Haufe Akademie, Karriere, unser Netzwerk</p><p slot="headline">Über uns</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="94" parent-page-id="93" children-grid-type="" cluster="" icon-name="fa-circle-info fa-solid" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/ueber-uns">Über die Haufe Akademie</a><p slot="teaser">Mehr über die Haufe Akademie erfahren</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="95" parent-page-id="93" children-grid-type="" cluster="" icon-name="fa-bullseye-arrow fa-solid" icon-url=""><a slot="anchor" href="https://www.haufegroup.com/karriere/haufe-akademie">Karriere</a><p slot="teaser">Aktuelle Stellenangebote bei der Haufe Akademie</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="96" parent-page-id="93" children-grid-type="" cluster="" icon-name="fa-mug-hot fa-solid" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/referenzen">Referenzen</a><p slot="teaser">Das sagen unsere Kunden und Kundinnen</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="98" parent-page-id="93" children-grid-type="" cluster="" icon-name="fa-address-book fa-solid" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/presse/startseite">Pressebereich</a><p slot="teaser">Kontakt und Social-Media-Kanäle</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="99" parent-page-id="93" children-grid-type="" cluster="" icon-name="fa-handshake-simple fa-solid" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/kooperationspartner">Kooperationen</a><p slot="teaser">Mehr über unsere Kooperationen erfahren</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1260" parent-page-id="93" children-grid-type="" cluster="" icon-name="fa-file-user fa-solid" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/experten-registrierung">Registrierung als Expert:in für die Haufe Akademie</a><p slot="teaser">Alles zur Aufnahme in unseren Expert:innen-Pool</p></haufe-nav-page></div><div role="listitem" class="w-dyn-item"><haufe-nav-page page-id="1372" parent-page-id="93" children-grid-type="" cluster="" icon-name="fa-solid fa-hand-holding-hand" icon-url=""><a slot="anchor" href="https://www.haufe-akademie.de/soziale-verantwortung">Soziale Verantwortung leben</a><p slot="teaser">Mehr über unser sozial gesellschaftliches Engagement erfahren</p></haufe-nav-page></div></div></div></div><div class="w-embed"><style>
1257	/**
1258   * Visually hide the element as long is it is not defined.
1259   * This allows the navigation to be found on the page for SEO.
1260   */
1261	haufe-nav-page-list:not(:defined) {
1262		border: 0 !important;
1263		clip: rect(1px, 1px, 1px, 1px) !important;
1264		-webkit-clip-path: inset(50%) !important;
1265		clip-path: inset(50%) !important;
1266		height: 1px !important;
1267		overflow: hidden !important;
1268		margin: -1px !important;
1269		padding: 0 !important;
1270		position: absolute !important;
1271		width: 1px !important;
1272		white-space: nowrap !important;
1273	}
1274</style></div></haufe-nav-page-list></div><div class="component-library--c-nav__menu__container"><div data-delay="0" data-hover="false" data-track-type="link" data-track-style="clickicon" data-track-action="merkzettel" class="component-library--c-nav__dropdown w-dropdown"><nav class="component-library--c-nav__dropdown__list component-library--cc-centered w-dropdown-list"><div class="component-library--c-nav__dropdown__links"><a href="#" class="component-library--c-dropdown-seminar-link w-inline-block"><div class="component-library--c-label-wrapper"><div>Crashkurs Vertragsrecht für die Technikbranche</div></div><div class="component-library--c-trailing-icon"><div class="component-library--c-trailing-icon__container"><div class="component-library--c-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1274ox="0 0 16 16" fill="none">
1275  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.00006 6.93934L12.4697 2.46967L13.5304 3.53033L9.06072 8L13.5304 12.4697L12.4697 13.5303L8.00006 9.06066L3.53039 13.5303L2.46973 12.4697L6.9394 8L2.46973 3.53033L3.53039 2.46967L8.00006 6.93934Z" fill="currentColor" fill-opacity="0.91"/>
1276</svg></div></div></div></a><div class="component-library--c-nav__dropdown__separator-wrap"><div class="component-library--c-nav__dropdown__separator"></div></div><a href="#" class="component-library--c-dropdown-seminar-link w-inline-block"><div class="component-library--c-label-wrapper"><div>Klassisches Projektmanagement – Basiswissen</div></div><div class="component-library--c-trailing-icon"><div class="component-library--c-trailing-icon__container"><div class="component-library--c-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
1277  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.00006 6.93934L12.4697 2.46967L13.5304 3.53033L9.06072 8L13.5304 12.4697L12.4697 13.5303L8.00006 9.06066L3.53039 13.5303L2.46973 12.4697L6.9394 8L2.46973 3.53033L3.53039 2.46967L8.00006 6.93934Z" fill="currentColor" fill-opacity="0.91"/>
1278</svg></div></div></div></a><div class="component-library--c-nav__dropdown__separator-wrap"><div class="component-library--c-nav__dropdown__separator"></div></div><a href="#" class="component-library--c-dropdown-seminar-link w-inline-block"><div class="component-library--c-label-wrapper"><div>Lehrgang Geprüfte:r Entgeltabrechner:in</div></div><div class="component-library--c-trailing-icon"><div class="component-library--c-trailing-icon__container"><div class="component-library--c-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
1279  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.00006 6.93934L12.4697 2.46967L13.5304 3.53033L9.06072 8L13.5304 12.4697L12.4697 13.5303L8.00006 9.06066L3.53039 13.5303L2.46973 12.4697L6.9394 8L2.46973 3.53033L3.53039 2.46967L8.00006 6.93934Z" fill="currentColor" fill-opacity="0.91"/>
1280</svg></div></div></div></a></div><div class="component-library--c-nav__dropdown__link"><div data-wf--component-library--link-compact---shared--variant="primary"><a title="" href="#" class="component-library--link component-library--cc-compact w-inline-block"><div class="component-library--c-link-text component-library--cc-compact">Zum Merkzettel</div><div class="component-library--c-icon__wrap component-library--cc-compact"><div data-color="textColor" data-icon="far fa-arrow-right" data-color-primary="brand" data-color-secondary="accent" class="component-library--fa-icon-container"></div></div></a></div></div></nav></div><div data-delay="0" data-hover="false" id="custom-lang-switcher" weglot-lang-switcher="1" class="component-library--c-nav__dropdown component-library--cc-language-switcher w-dropdown"><div class="component-library--c-integrated-nav-link component-library--cc-lg w-dropdown-toggle"><div class="component-library--c-integrated-nav-link__icon-wrap"><div class="component-library--c-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
1281  <g clip-path="url(#clip0_1344_11172)">
1282    <path fill-rule="evenodd" clip-rule="evenodd" d="M2.61819 5.97108C2.38021 6.60201 2.25 7.2858 2.25 8C2.25 8.7142 2.38021 9.39799 2.61819 10.0289C3.25377 9.73421 3.99232 9.49625 4.79962 9.32371C4.76694 8.89362 4.75 8.45099 4.75 8C4.75 7.54901 4.76694 7.10638 4.79962 6.67629C3.99232 6.50375 3.25377 6.26579 2.61819 5.97108ZM3.32866 4.64648C3.79936 4.85689 4.35761 5.03951 4.9846 5.18124C5.11716 4.42386 5.30257 3.73168 5.53222 3.13457C5.58581 2.99524 5.64251 2.85925 5.70239 2.72741C4.74845 3.14368 3.92932 3.81126 3.32866 4.64648ZM8 0.75C3.99594 0.75 0.75 3.99594 0.75 8C0.75 12.0041 3.99594 15.25 8 15.25C12.0041 15.25 15.25 12.0041 15.25 8C15.25 3.99594 12.0041 0.75 8 0.75ZM8 2.25C7.93883 2.25 7.79641 2.27935 7.58178 2.51538C7.36695 2.75163 7.13906 3.13532 6.93224 3.67304C6.74234 4.16678 6.58247 4.75821 6.46534 5.42164C6.95343 5.4725 7.46696 5.5 8 5.5C8.53304 5.5 9.04657 5.4725 9.53466 5.42164C9.41753 4.75821 9.25766 4.16678 9.06776 3.67304C8.86094 3.13532 8.63305 2.75163 8.41822 2.51538C8.20359 2.27935 8.06117 2.25 8 2.25ZM11.0154 5.18124C10.8828 4.42386 10.6974 3.73168 10.4678 3.13457C10.4142 2.99524 10.3575 2.85925 10.2976 2.72741C11.2516 3.14368 12.0707 3.81126 12.6713 4.64648C12.2006 4.85689 11.6424 5.03951 11.0154 5.18124ZM9.71342 6.9109C9.15886 6.96957 8.58483 7 8 7C7.41517 7 6.84114 6.96957 6.28658 6.9109C6.26263 7.26296 6.25 7.62687 6.25 8C6.25 8.37313 6.26263 8.73704 6.28658 9.0891C6.84114 9.03043 7.41517 9 8 9C8.58483 9 9.15886 9.03043 9.71342 9.0891C9.73737 8.73704 9.75 8.37313 9.75 8C9.75 7.62687 9.73737 7.26296 9.71342 6.9109ZM11.2004 9.32371C11.2331 8.89362 11.25 8.45099 11.25 8C11.25 7.549
128201 11.2331 7.10638 11.2004 6.67629C12.0077 6.50375 12.7462 6.26579 13.3818 5.97108C13.6198 6.60201 13.75 7.2858 13.75 8C13.75 8.7142 13.6198 9.39799 13.3818 10.0289C12.7462 9.73421 12.0077 9.49625 11.2004 9.32371ZM9.53466 10.5784C9.04657 10.5275 8.53304 10.5 8 10.5C7.46696 10.5 6.95343 10.5275 6.46534 10.5784C6.58247 11.2418 6.74234 11.8332 6.93224 12.327C7.13906 12.8647 7.36695 13.2484 7.58178 13.4846C7.79641 13.7207 7.93883 13.75 8 13.75C8.06117 13.75 8.20359 13.7207 8.41822 13.4846C8.63305 13.2484 8.86094 12.8647 9.06776 12.327C9.25766 11.8332 9.41753 11.2418 9.53466 10.5784ZM10.2976 13.2726C10.3575 13.1407 10.4142 13.0048 10.4678 12.8654C10.6974 12.2683 10.8828 11.5761 11.0154 10.8188C11.6424 10.9605 12.2006 11.1431 12.6713 11.3535C12.0707 12.1887 11.2516 12.8563 10.2976 13.2726ZM5.70239 13.2726C5.64251 13.1407 5.58581 13.0048 5.53222 12.8654C5.30257 12.2683 5.11716 11.5761 4.9846 10.8188C4.35761 10.9605 3.79936 11.1431 3.32866 11.3535C3.92932 12.1887 4.74845 12.8563 5.70239 13.2726Z" fill="CurrentColor"/>
1283  </g>
1284  <defs>
1285    <clipPath id="clip0_1344_11172">
1286      <rect width="16" height="16" fill="white"/>
1287    </clipPath>
1288  </defs>
1289</svg></div></div><div class="component-library--c-integrated-nav-link__label-wrap component-library--cc-center-label"><div id="lang-switcher-label" aria-label="Sprache" data-role="lang-label" class="component-library--label">DE</div></div></div><nav class="component-library--c-nav__dropdown__list w-dropdown-list"><a data-lang="de" weglot_de="" href="#Weglot-de" class="component-library--c-dropdown-selection-link w-inline-block"><div class="component-library--c-label-wrapper"><div class="component-library--label component-library--cc-multiline">Deutsch</div></div><div class="component-library--c-dropdown-selection-link__icon"><div class="component-library--c-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
1290  <path fill-rule="evenodd" clip-rule="evenodd" d="M6.00006 13.0607L1.96973 9.03039L3.03039 7.96973L6.00006 10.9394L13.4697 3.46973L14.5304 4.53039L6.00006 13.0607Z" fill="CurrentColor"/>
1291</svg></div></div></a><a data-lang="en" weglot_en="" href="#Weglot-en" class="component-library--c-dropdown-selection-link w-inline-block"><div class="component-library--c-label-wrapper"><div class="component-library--label component-library--cc-multiline">English</div></div><div class="component-library--c-dropdown-selection-link__icon"><div class="component-library--c-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
1292  <path fill-rule="evenodd" clip-rule="evenodd" d="M6.00006 13.0607L1.96973 9.03039L3.03039 7.96973L6.00006 10.9394L13.4697 3.46973L14.5304 4.53039L6.00006 13.0607Z" fill="CurrentColor"/>
1293</svg></div></div></a><div class="component-library--c-nav__language-dropdown__embed w-embed w-script"><style>
1294.c-dropdown-selection-link.cc-selected, .component-library--c-dropdown-selection-link.component-library--cc-selected {
1295  	color: var(--component-library---color--text--brand, var(--color--text--brand));
1296  }
1297  
1298.c-dropdown-selection-link.cc-selected:where(.w-variant-f0a21e34-bbde-84ba-b5b8-936b897fa45e), .component-library--c-dropdown-selection-link.component-library--cc-selected:where(.w-variant-f0a21e34-bbde-84ba-b5b8-936b897fa45e) {
1299  	color: white;
1300  }
1301  
1302  .c-dropdown-selection-link.cc-selected .c-dropdown-selection-link__icon, .component-library--c-dropdown-selection-link.component-library--cc-selected .component-library--c-dropdown-selection-link__icon {
1303  	display: flex;
1304  }
1305  
1306  
1307/* Nur in Deutsch anzeigen */
1308html[lang="en"] [data-hide-in="en"] {
1309    display: none !important;
1310}
1311
1312/* Nur in Englisch anzeigen */
1313html:not([lang="en"]) [data-hide-in="de"] {
1314    display: none !important;
1315}
1316
1317  
1318</style>
1319
1320<script>
1321document.addEventListener("DOMContentLoaded", function () {
1322    const switcher = document.getElementById('custom-lang-switcher');
1323
1324    function checkForInvalidLinks() {
1325        if (!switcher) return false;
1326
1327        const weglotLinks = switcher.querySelectorAll('a[href^="#Weglot-"]');
1328        const hasBrokenLinks = weglotLinks.length > 0;
1329
1330        if (hasBrokenLinks) {
1331            switcher.style.display = 'none'; // Verstecke Umschalter
1332            return true;
1333        } else {
1334            switcher.style.display = ''; // Zeige Umschalter
1335        }
1336
1337        return false;
1338    }
1339
1340    function initLangSwitcher() {
1341        const isWeglotAvailable = typeof Weglot !== 'undefined';
1342
1343        // 👉 immer prüfen, auch wenn Weglot fehlt
1344        const hasInvalidLinks = checkForInvalidLinks();
1345        if (!isWeglotAvailable || hasInvalidLinks) return;
1346
1347        const currentLang = Weglot.getCurrentLang?.() || Weglot.lang || document.documentElement.lang || 'de';
1348
1349        updateActiveLanguage(currentLang);
1350        setLanguageLabel(currentLang);
1351
1352        document.querySelectorAll('[data-lang]').forEach(function (el) {
1353            el.addEventListener('click', function (e) {
1354                if (
1355                    el.classList.contains('cc-disabled') ||
1356                    el.classList.contains('component-library--cc-disabled')
1357                ) {
1358                    e.preventDefault();
1359                    return;
1360                }
1361
1362                /*const lang = el.getAttribute('data-lang');
1363                if (lang) {
1364                    Weglot.switchTo(lang);
1365                }*/
1366                
1367                const lang = el.getAttribute('data-lang');
1368            if (!lang) return;
1369
1370            // Dynamische URL-Berechnung
1371            const path = window.location.pathname;
1372            const origin = window.location.origin;
1373
1374            let targetUrl;
1375
1376            if (lang === 'de') {
1377                // Deutsch = Root (ohne Slug)
1378                if (path.startsWith('/en/')) {
1379                    targetUrl = path.replace(/^\/en/, '') || '/';
1380                } else {
1381                    targetUrl = path;
1382                }
1383            } else if (lang === 'en') {
1384                // Englisch = /en/
1385                if (!path.startsWith('/en/')) {
1386                    targetUrl = '/en' + path;
1387                } else {
1388                    targetUrl = path;
1389                }
1390            }
1391
1392            if (targetUrl) {
1393                e.preventDefault();
1394                window.location.href = origin + targetUrl;
1395            }
1396        });
1397        });
1398
1399        Weglot.on('languageChanged', function (lang) {
1400            updateActiveLanguage(lang);
1401            setLanguageLabel(lang);
1402        });
1403
1404        function setLanguageLabel(lang) {
1405            const labelMap = {
1406                de: 'DE',
1407                en: 'EN'
1408            };
1409
1410            const labelElement = document.querySelector('[data-role="lang-label"]');
1411            if (labelElement) {
1412                labelElement.textContent = labelMap[lang] || lang.toUpperCase();
1413            }
1414        }
1415
1416        function updateActiveLanguage(lang) {
1417            document.querySelectorAll('[data-lang]').forEach(function (el) {
1418                const isActive = el.getAttribute('data-lang') === lang;
1419                el.classList.toggle('component-library--cc-selected', isActive);
1420                el.classList.toggle('component-library--cc-disabled', isActive);
1421                el.classList.toggle('cc-selected', isActive);
1422                el.classList.toggle('cc-disabled', isActive);
1423            });
1424        }
1425
1426        // 🕵️ DOM beobachten – falls Weglot später lädt
1427        if (switcher) {
1428            const observer = new MutationObserver(() => {
1429                checkForInvalidLinks();
1430            });
1431
1432            observer.observe(switcher, {
1433                childList: true,
1434                subtree: true
1435            });
1436        }
1437    }
1438
1439    initLangSwitcher();
1440
1441   if (typeof Weglot !== 'undefined') {
1442        Weglot.on('initialized', initLangSwitcher);
1443        Weglot.on('languageChanged', initLangSwitcher);
1444    }
1445});
1446</script>
1446</div></nav></div></div></nav><div class="component-library--c-nav__menu-btn-wrap component-library--cc-main-nav"><div class="component-library--c-nav__menu-btn component-library--cc-main-nav w-nav-button"><div class="component-library--c-icon component-library--cc-nav-closed w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
1447  <path fill-rule="evenodd" clip-rule="evenodd" d="M20 7H4V5H20V7ZM20 13H4V11H20V13ZM20 19H4V17H20V19Z" fill="currentColor" fill-opacity="0.91"/>
1448</svg></div><div class="component-library--c-icon component-library--cc-nav-open w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
1449  <path d="M19.5 4.5L4.5 19.5M4.5 4.5L19.5 19.5" stroke="currentColor" stroke-opacity="0.91" stroke-width="1.5" stroke-linejoin="round"/>
1450</svg></div></div></div></div><div class="component-library--c-nav__embed w-embed"><style>
1451	nav {
1452  	transform: none !important;
1453  }
1454  
1455  .w-nav-overlay{
1456  	overflow:overlay;
1457  }
1458  
1459  @media screen and (max-width: 767px) {
1460  	.c-nav__menu.cc-main-nav,
1461    .component-library--c-nav__menu.component-library--cc-main-nav {
1462			margin-top: 0px !important;
1463		}
1464  }
1465  
1466	@media screen and (min-width: 767px) and (max-width: 1280px) {
1467  	.c-nav__menu-btn-wrap.cc-main-nav,
1468    .component-library--c-nav__menu-btn-wrap.component-library--cc-main-nav {
1469  		flex: 1;
1470  	}
1471    
1472    .w-nav[data-collapse="medium"] .c-nav__menu-btn.cc-main-nav.w-nav-button,
1473    .w-nav[data-collapse="medium"] .component-library--c-nav__menu-btn.component-library--cc-main-nav.w-nav-button {
1474    	display: block;
1475    }
1476    
1477    .w-nav[data-collapse="medium"] .c-nav__menu.cc-main-nav.w-nav-menu,
1478    .w-nav[data-collapse="medium"] .component-library--c-nav__menu.component-library--cc-main-nav.w-nav-menu {
1479    	display: none;
1480    }	
1481    
1482    .c-nav__menu.cc-main-nav,
1483    .component-library--c-nav__menu.component-library--cc-main-nav {
1484    	margin-top: 1px;
1485      margin-right: var(--component-library---space--16, var(--space--16, 1rem));
1486      margin-left: var(--component-library---space--16, var(--space--16, 1rem));
1487			padding-top: var(--component-library---space--16, var(--space--16, 1rem));
1488			padding-right: var(--component-library---space--16, var(--space--16, 1rem));
1489			padding-bottom: var(--component-library---space--16, var(--space--16, 1rem));
1490			padding-left: var(--component-library---space--16, var(--space--16, 1rem));
1491      grid-column-gap: 0rem;
1492			grid-row-gap: 0rem;
1493      border-top-left-radius: var(--component-library---radius--xxl, var(--radius--xxl, 1.5rem));
1494      border-top-right-radius: var(--component-library---radius--xxl, var(--radius--xxl, 1.5rem));
1495      border-bottom-left-radius: var(--component-library---radius--xxl, var(--radius--xxl, 1.5rem));
1496      border-bottom-right-radius: var(--component-library---radius--xxl, var(--radius--xxl, 1.5rem));
1497      background-color: var(--component-library---color--surface--background, var(--color--surface--background, #ffffff));
1498      flex-flow: column;
1499      justify-content: space-between;
1500      align-items: stretch;
1501      position: absolute;
1502      overflow: visible;
1503      box-shadow: 0 0 1px 1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .08), 0 2px 8px -2px rgba(0, 0, 0, .08);
1504    }
1505    
1506     .c-nav__menu:where(.w-variant-f0a21e34-bbde-84ba-b5b8-936b897fa45e), .c-nav__menu.cc-main-nav:where(.w-variant-f0a21e34-bbde-84ba-b5b8-936b897fa45e),
1507     .component-library--c-nav__menu:where(.w-variant-f0a21e34-bbde-84ba-b5b8-936b897fa45e), .component-library--c-nav__menu.component-library--cc-main-nav:where(.w-variant-f0a21e34-bbde-84ba-b5b8-936b897fa45e)
1508     {
1509      background-color: #1e2e32!important;
1510    }
1511    
1512    .c-nav__menu__container,
1513    .component-library--c-nav__menu__container
1514    {
1515    	margin-top: var(--component-library---space--48, var(--space--48, 3rem));
1516      grid-column-gap: var(--component-library---space--8, var(--space--8, 0.5rem));
1517      grid-row-gap: var(--component-library---space--8, var(--space--8, 0.5rem));
1518      flex-flow: column;
1519    }
1520    
1521    .c-integrated-nav-link__label-wrap.cc-lg-hidden,
1522    .component-library--c-integrated-nav-link__label-wrap.component-library--cc-lg-hidden {
1523    	display: block;
1524    }
1525    
1526    .c-integrated-nav-link.cc-lg,
1527    .component-library--c-integrated-nav-link.component-library--cc-lg {
1528    	padding: var(--component-library---space--16, var(--space--16, 1rem));
1529    }
1530    
1531    .c-nav__dropdown__list.cc-centered.w--open,
1532    .component-library--c-nav__dropdown__list.component-library--cc-centered.w--open {
1533    	bottom: auto;
1534      right: auto;
1535    }
1536    
1537    .component-library--c-nav__dropdown__list.w--open {
1538    	margin-bottom: var(--component-library---space--8, var(--space--8, 0.5rem));
1539     	position: absolute;
1540      right: auto;
1541      bottom: 100%;
1542    }
1543    
1544    .w-nav-button.w--open {
1545    	background-color: rgba(0, 0, 0, 0);
1546    }
1547  }
1548</style></div><div class="component-library--c-nav__embed w-embed w-script">
1548<script>
1549document.addEventListener('DOMContentLoaded', function() {
1550    /*function checkNavMenuStatus() {
1551        const navMenuBtn = document.querySelector('.c-nav__menu-btn.cc-main-nav, .component-library--c-nav__menu-btn.component-library--cc-main-nav');
1552        const navOpenIcon = document.querySelector('.c-icon.cc-nav-open, .component-library--c-icon.component-library--cc-nav-open');
1553        const navClosedIcon = document.querySelector('.c-icon.cc-nav-closed, .component-library--c-icon.component-library--cc-nav-closed');*/
1554        
1555        function checkNavMenuStatus() {
1556    let navMenuBtn = document.querySelector('.c-nav__menu-btn.cc-main-nav');
1557    if (!navMenuBtn) {
1558        navMenuBtn = document.querySelector('.component-library--c-nav__menu-btn.component-library--cc-main-nav');
1559    }
1560
1561    let navOpenIcon = document.querySelector('.c-icon.cc-nav-open');
1562    if (!navOpenIcon) {
1563        navOpenIcon = document.querySelector('.component-library--c-icon.component-library--cc-nav-open');
1564    }
1565
1566    let navClosedIcon = document.querySelector('.c-icon.cc-nav-closed');
1567    if (!navClosedIcon) {
1568        navClosedIcon = document.querySelector('.component-library--c-icon.component-library--cc-nav-closed');
1569    }
1570
1571        if (navMenuBtn && navOpenIcon && navClosedIcon) {
1572            if (navMenuBtn.classList.contains('w--open')) {
1573                navOpenIcon.style.display = 'block';
1574                navClosedIcon.style.display = 'none';
1575            } else {
1576                navClosedIcon.style.display = 'block';
1577                navOpenIcon.style.display = 'none';
1578            }
1579        }
1580    }
1581
1582    checkNavMenuStatus();
1583
1584    const observer = new MutationObserver(checkNavMenuStatus);
1585    const navMenuBtn = document.querySelector('.c-nav__menu-btn.cc-main-nav, .component-library--c-nav__menu-btn.component-library--cc-main-nav');
1586    if (navMenuBtn) {
1587        observer.observe(navMenuBtn, { attributes: true, attributeFilter: ['class'] });
1588    }
1589});
1590</script>
1590</div><div class="component-library--dark-mode-css w-embed"><!-- Dark Mode Global Navigation -->
1591<style>
1592[data-wf--nav---shared--variant="dark-digital-suite"],[data-wf--component-library--nav---shared--variant="dark-digital-suite"] {
1593    --globalNav-onSurface: white;
1594    --globalNav-onSurface-secondary: rgba(255, 255, 255, 0.86);
1595    --globalNav-surface: rgba(5, 23, 27, 1);
1596    --globalNav-surface-elevated: #1E2E32;
1597    --globalNav-surface-highlight: #ffffff1a;
1598    --globalNav-accent: #BA81FF;
1599    --globalNav-surface-border: #ffffff61;
1600}
1601
1602[data-wf--component-library--nav---shared--variant="dark-digital-suite"] .h-nav-header__anchor,[data-wf--nav---shared--variant="dark-digital-suite"] .h-nav-header__anchor  {
1603    color: var(--globalNav-accent);
1604}
1605
1606[data-wf--component-library--nav---shared--variant="dark-digital-suite"] .h-nav-header__description,[data-wf--nav---shared--variant="dark-digital-suite"] .h-nav-header__description {
1607    color: var(--globalNav-onSurface-secondary);
1608}
1609
1610/*[data-wf--component-library--nav---shared--variant="dark-digital-suite"] .c-integrated-nav-link,[data-wf--nav---shared--variant="dark-digital-suite"] .c-integrated-nav-link {
1611    color: var(--globalNav-onSurface);
1612}*/
1613
1614/*[data-wf--component-library--nav---shared--variant="dark-digital-suite"] .c-integrated-nav-link:hover, .component-library--c-integrated-nav-link:hover,[data-wf--nav---shared--variant="dark-digital-suite"] .c-integrated-nav-link:hover, .component-library--c-integrated-nav-link:hover {
1615    background-color: var(--globalNav-surface-elevated) !important;
1616}*/
1617
1618/*[data-wf--component-library--nav---shared--variant="dark-digital-suite"] .c-nav__dropdown__list, .component-library--c-nav__dropdown__list,
1619[data-wf--nav---shared--variant="dark-digital-suite"] .c-nav__dropdown__list, .component-library--c-nav__dropdown__list{
1620    background-color: var(--globalNav-surface-elevated);
1621    color: var(--globalNav-onSurface);
1622}*/
1623
1624@media (min-width: 1280px) {
1625    [data-wf--component-library--nav---shared--variant="dark-digital-suite"] .h-nav-disclosure__button:hover,
1626    [data-wf--nav---shared--variant="dark-digital-suite"] .h-nav-disclosure__button:hover{
1627        background: var(--globalNav-surface-elevated) !important;
1628        color: var(--globalNav-onSurface) !important;
1629    }
1630}
1631
1632/*@media (max-width: 1280px) {
1633    [data-wf--component-library--nav---shared--variant="dark-digital-suite"] .c-nav__menu.cc-main-nav, .component-library--c-nav__menu .component-library--cc-main-nav,
1634    [data-wf--nav---shared--variant="dark-digital-suite"] .c-nav__menu.cc-main-nav, .component-library--c-nav__menu .component-library--cc-main-nav{
1635        background-color: var(--globalNav-surface-elevated) !important;
1636        border: 1px solid var(--globalNav-surface-border);
1637    }
1638}*/
1639
1640@media not screen and (min-width: 1280px) {
1641    [data-wf--component-library--nav---shared--variant="dark-digital-suite"] .h-nav-tab-group__tab-panel,
1642    [data-wf--nav---shared--variant="dark-digital-suite"] .h-nav-tab-group__tab-panel{
1643        background: var(--globalNav-surface-elevated);
1644        border-color: var(--globalNav-surface-border) !important;
1645    }
1646
1647    [data-wf--component-library--nav---shared--variant="dark-digital-suite"] .h-nav-tab-group__tab+.h-nav-tab-group__tab::before,
1648    [data-wf--nav---shared--variant="dark-digital-suite"] .h-nav-tab-group__tab+.h-nav-tab-group__tab::before{
1649        border-top: 1px solid var(--globalNav-surface-border);
1650    }
1651}
1652
1653[data-wf--component-library--nav---shared--variant="dark-digital-suite"] .h-nav-disclosure__button[aria-expanded=true],
1654[data-wf--nav---shared--variant="dark-digital-suite"] .h-nav-disclosure__button[aria-expanded=true]{
1655    background: var(--globalNav-surface-elevated) !important;
1656    color: var(--globalNav-onSurface) !important;
1657}
1658
1659[data-wf--component-library--nav---shared--variant="dark-digital-suite"] .h-nav-tab-hide__button,
1660[data-wf--nav---shared--variant="dark-digital-suite"] .h-nav-tab-hide__button{
1661    color: var(--globalNav-accent);
1662    background-color: var(--globalNav-surface-highlight) !important;
1663}
1664
1665[data-wf--component-library--nav---shared--variant="dark-digital-suite"] .h-nav-
1665disclosure__content,
1666[data-wf--nav---shared--variant="dark-digital-suite"] .h-nav-disclosure__content{
1667    color: var(--globalNav-onSurface) !important;
1668    background: var(--globalNav-surface-elevated) !important;
1669    border: 1px solid var(--globalNav-surface-border);
1670}
1671
1672[data-wf--component-library--nav---shared--variant="dark-digital-suite"] .h-nav-link-list .h-nav-icon,
1673[data-wf--nav---shared--variant="dark-digital-suite"] .h-nav-link-list .h-nav-icon{
1674    color: white;
1675    background-color: var(--globalNav-surface-highlight) !important;
1676}
1677
1678@media (min-width: 1280px) {
1679
1680    [data-wf--component-library--nav---shared--variant="dark-digital-suite"] .h-nav-tab-group__tab[aria-selected=true],
1681        [data-wf--nav---shared--variant="dark-digital-suite"] .h-nav-tab-group__tab[aria-selected=true],
1682    [data-wf--component-library--nav---shared--variant="dark-digital-suite"] .h-nav-tab-group__tab:hover:not([aria-selected=true]),
1683       [data-wf--nav---shared--variant="dark-digital-suite"] .h-nav-tab-group__tab:hover:not([aria-selected=true])
1684       {
1685        background: var(--globalNav-surface-highlight) !important;
1686    }
1687
1688    [data-wf--component-library--nav---shared--variant="dark-digital-suite"] .h-nav-tab-group__tab:hover:not([aria-selected=true])>span:first-child,
1689     [data-wf--nav---shared--variant="dark-digital-suite"] .h-nav-tab-group__tab:hover:not([aria-selected=true])>span:first-child 
1690     {
1691        color: var(--globalNav-onSurface);
1692    }
1693
1694    [data-wf--component-library--nav---shared--variant="dark-digital-suite"] .h-nav-tab-group__anchor,
1695    [data-wf--nav---shared--variant="dark-digital-suite"] .h-nav-tab-group__anchor
1696    {
1697        color: var(--globalNav-accent) !important;
1698    }
1699
1700    [data-wf--component-library--nav---shared--variant="dark-digital-suite"] .h-nav-link-list__anchor:hover,
1701    [data-wf--nav---shared--variant="dark-digital-suite"] .h-nav-link-list__anchor:hover
1702    {
1703        background-color: var(--globalNav-surface-highlight);
1704    }
1705
1706    [data-wf--component-library--nav---shared--variant="dark-digital-suite"] .h-nav-link-list__anchor:hover .h-nav-link-list__title,
1707    [data-wf--nav---shared--variant="dark-digital-suite"] .h-nav-link-list__anchor:hover .h-nav-link-list__title
1708    {
1709        color: white;
1710    }
1711
1712    [data-wf--component-library--nav---shared--variant="dark-digital-suite"] .h-nav-tab-group__tab-panel,
1713    [data-wf--nav---shared--variant="dark-digital-suite"] .h-nav-tab-group__tab-panel
1714    {
1715        grid-area: 1 / 2 / 3 / 3;
1716        border-left: 1px solid rgb(255 255 255 / 14%) !important;
1717    }
1718}
1719  	.right-arrow-2, .left-arrow-2 {
1720  	opacity: 0;
1721  }
1722</style>
1723<!-- END Dark Mode Global Navigation --></div></div><div class="c-page-wrapper"><main class="c-main-wrapper cc-overflow-hidden"><div data-animation="default" class="component-library--c-subnav w-nav" data-easing2="ease" data-theme="tw" data-easing="ease" data-collapse="medium" role="banner" data-duration="400" id="subnav"><div class="component-library--c-subnav__container"><div class="component-library--logo-container component-library--flex"><div class="component-library--c-subnav__leading"><div class="component-library--c-subnav__dropdown__icon-container"><div class="component-library--c-subnav__dropdown__icon-wrap component-library--cc-color-accent"><div class="component-library--c-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
1724  <path d="M2 11C2 8.79086 3.79086 7 6 7H13C15.2091 7 17 8.79086 17 11V18C17 20.2091 15.2091 22 13 22H6C3.79086 22 2 20.2091 2 18V11Z" fill="#6F01F5"/>
1725  <path d="M7 6C7 3.79086 8.79086 2 11 2H18C20.2091 2 22 3.79086 22 6V13C22 15.2091 20.2091 17 18 17H11C8.79086 17 7 15.2091 7 13V6Z" fill="CurrentColor"/>
1726</svg></div></div></div><div class="component-library--c-label-wrapper"><div class="component-library--label">KI</div></div><div class="component-library--c-subnav__dropdown__breadcrumb component-library--cc-static"><a data-track-type="link" data-track-style="clicknav" data-track-action="breadcrumbs" href="#" class="component-library--breadcrumb w-inline-block"><div class="component-library--breadcrumb__icon-container"><div class="component-library--c-label-wrapper"><div class="component-library--label">/</div></div></div><div class="component-library--c-label-wrapper"><div class="component-library--label">Blog</div></div></a></div></div></div><nav role="navigation" class="component-library--c-nav__menu component-library--cc-right w-nav-menu"><div class="component-library--c-nav__menu__btn-wrap"><div data-wf--component-library--button-compact---shared--variant="secondary"><a title="Kontakt aufnehmen" data-track-label="Kontakt aufnehmen" data-track-style="clicknav" data-track-action="sub" data-track-type="link" href="#Contact" class="component-library--btn w-variant-f704a9b4-5a46-255a-3e33-9be497be7266 component-library--cc-compact w-inline-block"><div class="component-library--c-btn-text">Kontakt aufnehmen</div></a></div></div></nav><div class="component-library--c-nav__menu__btn-container"><div data-hover="false" data-delay="0" class="component-library--c-subnav__subpages-dropdown w-dropdown"><nav class="component-library--c-subnav__dropdown__list w-dropdown-list"><div class="component-library--c-subnav__dropdown__links"><a href="#" data-track-label="Ressourcen" data-track-style="clicknav" data-track-action="sub" data-track-type="link" class="component-library--c-integrated-nav-link w-inline-block"><div class="component-library--c-integrated-nav-link__label-wrap"><div class="component-library--label component-library--cc-multiline">Ressourcen</div></div></a></div><div class="component-library--c-subnav__dropdown__links"></div></nav></div><div class="component-library--c-nav__menu__btn-wrap"><div data-wf--component-library--button-compact---shared--variant="secondary"><a title="Kontakt aufnehmen" data-track-label="Kontakt aufnehmen" data-track-style="clicknav" data-track-action="sub" data-track-type="link" href="#Contact" class="component-library--btn w-variant-f704a9b4-5a46-255a-3e33-9be497be7266 component-library--cc-compact w-inline-block"><div class="component-library--c-btn-text">Kontakt aufnehmen</div></a></div></div></div></div><div class="component-library--c-subnav__js w-embed w-script">
1726<script>
1727(() => {
1728  if (window.__HAUFE_SUBNAV_SCRIPT_1__) return;
1729  window.__HAUFE_SUBNAV_SCRIPT_1__ = true;
1730
1731  document.addEventListener('DOMContentLoaded', () => {
1732    initAllSubnavs();
1733
1734    window.addEventListener(
1735      'resize',
1736      debounce(() => {
1737        subnavRoots.forEach(root => {
1738          updateHeights(root);
1739          const apply = applyStylesByRoot.get(root);
1740          if (typeof apply === 'function') apply();
1741        });
1742      }, 50),
1743      { passive: true }
1744    );
1745  });
1746
1747  /* ========= Selector Helper (für normale + component-library-- Klassen; inkl. Mischformen) ========= */
1748  function cx(selector) {
1749    return selector
1750      .split(',')
1751      .map(s => s.trim())
1752      .filter(Boolean)
1753      .map(s => cxOne(s))
1754      .join(', ');
1755  }
1756
1757  function cxOne(selector) {
1758    const parts = selector.split(/\s+/).filter(Boolean);
1759
1760    const variantsPerPart = parts.map(part => {
1761      if (!part.startsWith('.') || part.includes('[') || part.includes(':')) return [part];
1762
1763      const classes = part.split('.').filter(Boolean);
1764      const perClass = classes.map(c => [`.${c}`, `.component-library--${c}`]);
1765
1766      const combos = perClass.reduce(
1767        (acc, arr) => acc.flatMap(a => arr.map(b => `${a}${b}`)),
1768        ['']
1769      );
1770
1771      return combos;
1772    });
1773
1774    const full = variantsPerPart.reduce(
1775      (acc, arr) => acc.flatMap(a => arr.map(b => `${a} ${b}`.trim())),
1776      ['']
1777    );
1778
1779    return Array.from(new Set(full.map(s => s.trim()))).join(', ');
1780  }
1781
1782  function debounce(fn, wait) {
1783    let t;
1784    return (...args) => {
1785      clearTimeout(t);
1786      t = setTimeout(() => fn.apply(null, args), wait);
1787    };
1788  }
1789
1790  // Sichtbarkeit: display:none / hidden / kein Layout -> skip
1791  function isVisible(el) {
1792    if (!el) return false;
1793    // offsetParent ist null bei display:none (aber auch bei position:fixed; daher zusätzlich rect-check)
1794    const style = window.getComputedStyle(el);
1795    if (style.display === 'none' || style.visibility === 'hidden' || style.opacity === '0') return false;
1796    const r = el.getBoundingClientRect();
1797    return (r.width > 0 && r.height > 0);
1798  }
1799
1800  const subnavRoots = [];
1801  const applyStylesByRoot = new WeakMap();
1802
1803  function initAllSubnavs() {
1804    const roots = Array.from(document.querySelectorAll('.c-subnav, .component-library--c-subnav'));
1805    if (!roots.length) return;
1806
1807    roots.forEach(root => {
1808      if (root.__haufeSubnavInited1) return;
1809      root.__haufeSubnavInited1 = true;
1810
1811      subnavRoots.push(root);
1812
1813      setupObservers(root);
1814      updateHeights(root);
1815      setupSubnavSubmenu(root);
1816
1817      setupSubnavClickHandling(
1818        root,
1819        '.c-subnav__dropdown__toggle.w-dropdown-toggle',
1820        '.c-subnav__dropdown__chevron-wrap'
1821      );
1822      setupSubnavClickHandling(
1823        root,
1824        '.c-integrated-nav-link.w-dropdown-toggle',
1825        '.c-integrated-nav-link__icon-wrap.cc-dropdown'
1826      );
1827
1828      handleDropdownInteraction(root);
1829    });
1830  }
1831
1832  /* ========= Höhe dynamisch (pro Root; nur wenn sichtbar) ========= */
1833  function updateHeights(root) {
1834    if (!isVisible(root)) return;
1835
1836    const mainOpen = Array.from(
1837      root.querySelectorAll(
1838        cx('.c-subnav__dropdown__list.w-dropdown-list.w--open, .c-subnav__dropdown__list-breadcrumb.w-dropdown-list.w--open')
1839      )
1840    );
1841
1842    const subOpen = Array.from(
1843      root.querySelectorAll(
1844        cx('.c-subnav__dropdown__link-group__list.w-dropdown-list.w--open, .c-subnav__dropdown__link-group__list-mobil.w-dropdown-list.w--open')
1845      )
1846    );
1847
1848    const resetTargets = root.querySelectorAll(
1849      cx(
1850        '.c-subnav__dropdown__list.w-dropdown-list,' +
1851        ' .c-subnav__dropdown__list-breadcrumb.w-dropdown-list,' +
1852        ' .c-subnav__dropdown__link-group__list.w-dropdown-list,' +
1853        ' .c-subnav__dropdown__link-group__list-mobil.w-dropdown-list'
1854      )
1855    );
1856    resetTargets.forEach(el => (el.style.height = ''));
1857
1858    if (!mainOpen.length || !subOpen.length) return;
1859
1860    const SAME_ROW_PX = 28;
1861    const rectOf = (el) => el.getBoundingClientRect();
1862
1863    const findBestSubForMain = (m) => {
1864      const mr = rectOf(m);
1865      let best = null;
1866      let bestScore = Infinity;
1867
1868      for (const s of subOpen) {
1869        const sr = rectOf(s);
1870        if (Math.abs(sr.top - mr.top) > SAME_ROW_PX) continue;
1871
1872        const gap = Math.min(
1873          Math.abs(sr.left - mr.right),
1874          Math.abs(mr.left - sr.right)
1875        );
1876
1877        if (gap < bestScore) {
1878          bestScore = gap;
1879          best = s;
1880        }
1881      }
1882      return best;
1883    };
1884
1885    const BOTTOM_GAP_PX = 4;
1886
1887    mainOpen.forEach(main => {
1888      const sub = findBestSubForMain(main);
1889      if (!sub) return;
1890
1891      const mainH = Math.ceil(main.scrollHeight);
1892      const subH  = Math.ceil(sub.scrollHeight);
1893      const h = Math.max(mainH, subH) + BOTTOM_GAP_PX;
1894
1895      if (!h) return;
1896
1897      const px = `${h}px`;
1898      main.style.height = px;
1899      sub.style.height = px;
1900    });
1901  }
1902
1903  /* ========= Observer (pro Root) ========= */
1904  function setupObservers(root) {
1905    const runHeights = debounce(() => updateHeights(root), 50);
1906
1907    const observer = new MutationObserver(mutations => {
1908      // wenn Root nicht sichtbar ist, nichts tun
1909      if (!isVisible(root)) return;
1910
1911      for (const m of mutations) {
1912        if (m.type !== 'attributes' || m.attributeName !== 'class') continue;
1913        const el = /** @type {Element} */ (m.target);
1914
1915        if (
1916          el.matches?.(
1917            cx(
1918              '.c-subnav__dropdown__list, .c-subnav__dropdown__list-breadcrumb,' +
1919              ' .c-subnav__dropdown__link-group__list, .c-subnav__dropdown__link-group__list-mobil,' +
1920              ' .c-subnav__dropdown__link-group__toggle, .c-subnav__dropdown__link-group__toggle-mobil,' +
1921              ' .w-dropdown, .w-dropdown-list, .w-dropdown-toggle'
1922            )
1923          ) ||
1924          el.closest?.(
1925            cx(
1926              '.c-subnav__dropdown__list, .c-subnav__dropdown__list-breadcrumb,' +
1927              ' .c-subnav__dropdown__link-group__list, .c-subnav__dropdown__link-group__list-mobil,' +
1928              ' .w-dropdown, .w-dropdown-list'
1929            )
1930          )
1931        ) {
1932          runHeights();
1933          const apply = applyStylesByRoot.get(root);
1934          if (typeof apply === 'function') apply();
1935          break;
1936        }
1937      }
1938    });
1939
1940    observer.observe(root, {
1941      attributes: true,
1942      attributeFilter: ['class'],
1943      subtree: true
1944    });
1945  }
1946
1947  /* ========= Submenu-Styling (pro Root; nur wenn sichtbar) ========= */
1948  function setupSubnavSubmenu(root) {
1949    const MAIN_LIST_SEL = cx(
1950      '.c-subnav__dropdown__list-breadcrumb.w-dropdown-list,' +
1951      '.c-subnav__dropdown__list.w-dropdown-list'
1952    );
1953
1954    const OPEN_PANEL_SEL = cx(
1955      '.c-subnav__dropdown__link-group__list.w--open,' +
1956      '.c-subnav__dropdown__link-group__list-mobil.w--open'
1957    );
1958
1959    const SUBPAGE_MAIN_SEL = cx('.c-subnav__dropdown__list.w-dropdown-list');
1960    const SUBPAGE_PANEL_SEL = cx('.c-subnav__dropdown__link-group__list-mobil.w-dropdown-list');
1961
1962    const mainLists = Array.from(root.querySelectorAll(MAIN_LIST_SEL));
1963
1964    if (!mainLists.length) {
1965      applyStylesByRoot.set(root, () => {});
1966      return;
1967    }
1968
1969    const resetAll = () => {
1970      mainLists.forEach(el => {
1971        const s = el.style;
1972        s.borderTopLeftRadius = '';
1973        s.borderBottomLeftRadius = '';
1974        s.borderTopRightRadius = '';
1975        s.borderBottomRightRadius = '';
1976        s.boxShadow = '';
1977      });
1978
1979      root.querySelectorAll(SUBPAGE_PANEL_SEL).forEach(el => {
1980        const s = el.style;
1981        s.borderTopLeftRadius = '';
1982        s.borderBottomLeftRadius = '';
1983        s.borderTopRightRadius = '';
1984        s.borderBottomRightRadius = '';
1985        s.boxShadow = '';
1986      });
1987    };
1988
1989    const determineSide = (mainEl, panelEl) => {
1990      const a = mainEl.getBoundingClientRect();
1991      const b = panelEl.getBoundingClientRect();
1992
1993      if (b.left >= a.right - 2) return 'right';
1994      if (b.right <= a.left + 2) return 'left';
1995
1996      const centerA = (a.left + a.right) / 2;
1997      const centerB = (b.left + b.right) / 2;
1998      return centerB > centerA ? 'right' : 'left';
1999    };
2000
2001    const apply = () => {
2002      if (!isVisible(root)) return;
2003
2004      resetAll();
2005
2006      mainLists.forEach(mainEl => {
2007        const dd = mainEl.closest('.w-dropdown');
2008        if (!dd) return;
2009
2010        const openPanels = Array.from(dd.querySelectorAll(OPEN_PANEL_SEL));
2011        if (!openPanels.length) return;
2012
2013        const panelEl = openPanels[0];
2014        const side = determineSide(mainEl, panelEl);
2015        const s = mainEl.style;
2016
2017        if (side === 'right') {
2018          s.borderTopRightRadius = '0';
2019          s.borderBottomRightRadius = '0';
2020        } else {
2021          s.borderTopLeftRadius = '0';
2022          s.borderBottomLeftRadius = '0';
2023        }
2024
2025        const isSubpageMain =
2026          mainEl.matches(SUBPAGE_MAIN_SEL) &&
2027          dd.classList.contains('c-subnav__subpages-dropdown');
2028
2029        const isSubpagePanel =
2030          panelEl.matches(`${SUBPAGE_PANEL_SEL}.w--open`);
2031
2032        if (isSubpageMain && isSubpagePanel && mainEl.classList.contains('w--open')) {
2033          s.boxShadow =
2034            '3px 0 3px -2px #00000014,' +
2035            '0 -2px 3px -1px #00000014,' +
2036            '0 2px 3px -1px #00000014';
2037
2038          const ps = panelEl.style;
2039          ps.boxShadow =
2040            '-2px 0 3px -1px #00000014,' +
2041            '0.5px 0 1.5px -1px #00000014,' +
2042            '0 -2px 3px -1px #00000014,' +
2043            '0 2px 3px -1px #00000014';
2044
2045          ps.borderTopLeftRadius = '';
2046          ps.borderBottomLeftRadius = '';
2047          return;
2048        }
2049
2050        const x = side === 'left' ? 3 : -3;
2051        s.boxShadow =
2052          `${x}px 0px 3px -2px rgba(0,0,0,0.08), ` +
2053          `0 -2px 3px -1px rgba(0,0,0,0.08), ` +
2054          `0 2px 3px -1px rgba(0,0,0,0.08)`;
2055      });
2056    };
2057
2058    applyStylesByRoot.set(root, apply);
2059
2060    // Beobachte Toggle-Klassen innerhalb Root, damit apply bei Open/Close sauber läuft
2061    const toggles = root.querySelectorAll('.w-dropdown-toggle');
2062    const mo = new MutationObserver(() => apply());
2063    toggles.forEach(t => mo.observe(t, { attributes: true, attributeFilter: ['class'] }));
2064
2065    apply();
2066  }
2067
2068  /* ========= Pfeilrotation (pro Root) ========= */
2069  function setupSubnavClickHandling(root, dropdownSelector, iconWrapSelector) {
2070    const dropdownToggles = root.querySelectorAll(cx(dropdownSelector));
2071    if (!dropdownToggles.length) return;
2072
2073    dropdownToggles.forEach(dropdownToggle => {
2074      const updateIcon = () => {
2075        const iconWrap = dropdownToggle.querySelector(cx(iconWrapSelector));
2076        if (!iconWrap) return;
2077        iconWrap.style.transform = dropdownToggle.classList.contains('w--open') ? 'rotate(180deg)' : '';
2078      };
2079
2080      const observer = new MutationObserver(mutations => {
2081        if (!isVisible(root)) return;
2082        if (mutations.some(m => m.type === 'attributes' && m.attributeName === 'class')) updateIcon();
2083      });
2084
2085      observer.observe(dropdownToggle, { attributes: true, attributeFilter: ['class'] });
2086      updateIcon();
2087    });
2088  }
2089
2090  /* ========= Mobile Interaktionen (pro Root) ========= */
2091  function handleDropdownInteraction(root) {
2092    const dropdownGroups = root.querySelectorAll(
2093      cx('.c-subnav__dropdown__link-group, .c-subnav__dropdown__link-group-mobil')
2094    );
2095    const backButtons = root.querySelectorAll(cx('.back-btn-dropdown.cc-subnav'));
2096
2097    dropdownGroups.forEach(dropdownGroup => {
2098      dropdownGroup.addEventListener('click', event => {
2099        openDropdown(dropdownGroup);
2100        event.stopPropagation();
2101      });
2102    });
2103
2104    backButtons.forEach(backButton => {
2105      backButton.addEventListener('click', event => {
2106        const dropdownGroup = backButton.closest(
2107          cx('.c-subnav__dropdown__link-group, .c-subnav__dropdown__link-group-mobil')
2108        );
2109        if (dropdownGroup) closeDropdown(dropdownGroup);
2110        event.stopPropagation();
2111        event.preventDefault();
2112      });
2113    });
2114
2115    function openDropdown(dropdownGroup) {
2116      if (window.innerWidth <= 767) {
2117        dropdownGroup.style.zIndex = '901';
2118        const toggle = dropdownGroup.querySelector(
2119          cx('.c-subnav__dropdown__link-group__toggle, .c-subnav__dropdown__link-group__toggle-mobil')
2120        );
2121        const list = dropdownGroup.querySelector(
2122          cx('.c-subnav__dropdown__link-group__list, .c-subnav__dropdown__link-group__list-mobil')
2123        );
2124        if (toggle) {
2125          toggle.classList.add('w--open');
2126          toggle.setAttribute('aria-expanded', 'true');
2127        }
2128        if (list) list.classList.add('w--open');
2129
2130        updateHeights(root);
2131        const apply = applyStylesByRoot.get(root);
2132        if (typeof apply === 'function') apply();
2133      }
2134    }
2135
2136    function closeDropdown(dropdownGroup) {
2137      dropdownGroup.style.zIndex = '';
2138      const toggle = dropdownGroup.querySelector(
2139        cx('.c-subnav__dropdown__link-group__toggle.w--open, .c-subnav__dropdown__link-group__toggle-mobil.w--open')
2140      );
2141      const list = dropdownGroup.querySelector(
2142        cx('.c-subnav__dropdown__link-group__list.w--open, .c-subnav__dropdown__link-group__list-mobil.w--open')
2143      );
2144      if (toggle) {
2145        toggle.classList.remove('w--open');
2146        toggle.setAttribute('aria-expanded', 'false');
2147      }
2148      if (list) list.classList.remove('w--open');
2149
2150      updateHeights(root);
2151      const apply = applyStylesByRoot.get(root);
2152      if (typeof apply === 'function') apply();
2153    }
2154  }
2155})();
2156</script>
2156
2157
2158<script>
2159(() => {
2160  if (window.__HAUFE_SUBNAV_SCRIPT_2__) return;
2161  window.__HAUFE_SUBNAV_SCRIPT_2__ = true;
2162
2163  const MAX_TRIES = 180;
2164
2165  /* ========= cx() wie in SCRIPT_1 (Prefix-sicher) ========= */
2166  function cx(selector) {
2167    return selector
2168      .split(',')
2169      .map(s => s.trim())
2170      .filter(Boolean)
2171      .map(s => cxOne(s))
2172      .join(', ');
2173  }
2174
2175  function cxOne(selector) {
2176    const parts = selector.split(/\s+/).filter(Boolean);
2177
2178    const variantsPerPart = parts.map(part => {
2179      if (!part.startsWith('.') || part.includes('[') || part.includes(':')) return [part];
2180
2181      const classes = part.split('.').filter(Boolean);
2182      const perClass = classes.map(c => [`.${c}`, `.component-library--${c}`]);
2183
2184      const combos = perClass.reduce(
2185        (acc, arr) => acc.flatMap(a => arr.map(b => `${a}${b}`)),
2186        ['']
2187      );
2188
2189      return combos;
2190    });
2191
2192    const full = variantsPerPart.reduce(
2193      (acc, arr) => acc.flatMap(a => arr.map(b => `${a} ${b}`.trim())),
2194      ['']
2195    );
2196
2197    return Array.from(new Set(full.map(s => s.trim()))).join(', ');
2198  }
2199
2200  /* ========= Excludes =========
2201     - Language Switcher: niemals markieren UND niemals Auto-Open
2202     - Breadcrumb: niemals Branch markieren (kein aktiver State), aber Auto-Open erlaubt
2203  */
2204  const EXCLUDE_ALL_SEL =
2205    '#custom-lang-switcher,' +
2206    ' [weglot-lang-switcher],' +
2207    ' [weglot-lang-switcher="1"],' +
2208    ' .component-library--cc-language-switcher,' +
2209    ' .cc-language-switcher,' +
2210    ' .component-library--slot-language-switch';
2211
2212  const EXCLUDE_ACTIVE_ONLY_SEL = cx('.cc-navigation-breadcrumb-item');
2213
2214  function isVisible(el) {
2215    if (!el) return false;
2216    const style = window.getComputedStyle(el);
2217    if (style.display === 'none' || style.visibility === 'hidden' || style.opacity === '0') return false;
2218    const r = el.getBoundingClientRect();
2219    return (r.width > 0 && r.height > 0);
2220  }
2221
2222  function getSubnavs() {
2223    return Array.from(document.querySelectorAll(cx('.c-subnav')));
2224  }
2225
2226  // Nur pathname, ohne Query/Hash, trailing slash raus
2227  function normPath(p) {
2228    if (!p) return '/';
2229    try { p = decodeURIComponent(p); } catch (e) {}
2230
2231    p = p.split('#')[0].split('?')[0];
2232    if (!p.startsWith('/')) p = '/' + p;
2233    if (p.length > 1) p = p.replace(/\/+$/, '');
2234    return p;
2235  }
2236
2237  function splitSegs(path) {
2238    return normPath(path).split('/').filter(Boolean);
2239  }
2240
2241  // ✅ STRICT (segmentweise), aber erlaubt zusätzliche führende Segmente:
2242  // kürzerer Pfad muss exakt Suffix des längeren sein.
2243  function pathsStrictSuffixMatch(aPath, bPath) {
2244    const a = splitSegs(aPath);
2245    const b = splitSegs(bPath);
2246
2247    // wenn einer leer ist, nur matchen wenn beide leer
2248    if (!a.length || !b.length) return a.length === b.length;
2249
2250    const short = a.length <= b.length ? a : b;
2251    const long  = a.length >  b.length ? a : b;
2252
2253    // vergleiche Suffix strikt
2254    for (let i = 1; i <= short.length; i++) {
2255      if (short[short.length - i] !== long[long.length - i]) return false;
2256    }
2257    return true;
2258  }
2259
2260  function wfClick(el) {
2261    if (!el) return;
2262    el.dispatchEvent(new MouseEvent('mousedown', { bubbles: true, cancelable: true, view: window }));
2263    el.dispatchEvent(new MouseEvent('mouseup',   { bubbles: true, cancelable: true, view: window }));
2264    el.dispatchEvent(new MouseEvent('click',     { bubbles: true, cancelable: true, view: window }));
2265  }
2266
2267  function isExcludedAll(el) {
2268    return !!el?.closest?.(EXCLUDE_ALL_SEL);
2269  }
2270
2271  function isExcludedActive(el) {
2272    return isExcludedAll(el) || !!el?.closest?.(EXCLUDE_ACTIVE_ONLY_SEL);
2273  }
2274
2275  function findActiveLinksByURL(root) {
2276    const here = normPath(location.pathname);
2277    const links = Array.from(root.querySelectorAll('a[href]'));
2278    const matches = [];
2279
2280    for (const a of links) {
2281      if (isExcludedAll(a)) continue;
2282
2283      const href = a.getAttribute('href');
2284      if (!href || href.startsWith('#') || href.startsWith('mailto:') || href.startsWith('tel:')) continue;
2285
2286      let linkPath = null;
2287      try {
2288        linkPath = normPath(new URL(href, location.origin).pathname);
2289      } catch (e) {}
2290
2291      if (linkPath && pathsStrictSuffixMatch(linkPath, here)) matches.push(a);
2292    }
2293    return matches;
2294  }
2295
2296  function pickBestActiveLink(root) {
2297    const isMobile = window.innerWidth <= 767;
2298    const matches = findActiveLinksByURL(root);
2299    if (!matches.length) return null;
2300
2301    const mobileContextSel = cx(
2302      '.c-subnav__dropdown__link-group__list-mobil,' +
2303      '.c-subnav__dropdown__link-group-mobil'
2304    ) + ', [class*="mobil"], [class*="-mobil"]';
2305
2306    const inMobile = (a) => !!a.closest(mobileContextSel);
2307
2308    return isMobile
2309      ? (matches.find(inMobile) || matches[0])
2310      : (matches.find(a => !inMobile(a)) || matches[0]);
2311  }
2312
2313  function findBranchToggleForLink(activeLink) {
2314    if (!activeLink) return null;
2315
2316    let dd = activeLink.closest('.w-dropdown');
2317    while (dd) {
2318      if (isExcludedAll(dd)) {
2319        dd = dd.parentElement ? dd.parentElement.closest('.w-dropdown') : null;
2320        continue;
2321      }
2322
2323      const toggle = dd.querySelector(':scope > .w-dropdown-toggle') || dd.querySelector('.w-dropdown-toggle');
2324      if (toggle && !isExcludedActive(toggle)) return toggle;
2325
2326      dd = dd.parentElement ? dd.parentElement.closest('.w-dropdown') : null;
2327    }
2328    return null;
2329  }
2330
2331  function clearMarkers(subnav) {
2332    subnav.querySelectorAll('[data-current-branch]').forEach(el => {
2333      if (isExcludedAll(el) || el.closest(EXCLUDE_ACTIVE_ONLY_SEL)) return;
2334      el.removeAttribute('data-current-branch');
2335    });
2336    subnav.querySelectorAll('[data-current-group]').forEach(el => {
2337      if (isExcludedAll(el)) return;
2338      el.removeAttribute('data-current-group');
2339    });
2340  }
2341
2342  function markActiveTrailOnly(subnav, scopeEl) {
2343    if (!subnav) return false;
2344
2345    const scope = scopeEl || subnav;
2346
2347    let activeLink = pickBestActiveLink(scope);
2348    if (!activeLink && scope !== subnav) activeLink = pickBestActiveLink(subnav);
2349    if (!activeLink) return false;
2350
2351    clearMarkers(subnav);
2352
2353    // Branch markieren (aber nicht Breadcrumb + nicht Language Switcher)
2354    const branchToggle = findBranchToggleForLink(activeLink);
2355    if (branchToggle && !isExcludedActive(branchToggle)) {
2356      branchToggle.setAttribute('data-current-branch', 'true');
2357    }
2358
2359    // Group markieren
2360    const group =
2361      activeLink.closest(cx('.c-subnav__dropdown__link-group-mobil')) ||
2362      activeLink.closest(cx('.c-subnav__dropdown__link-group'));
2363
2364    const groupToggle =
2365      group?.querySelector(cx('.c-subnav__dropdown__link-group__toggle-mobil')) ||
2366      group?.querySelector(cx('.c-subnav__dropdown__link-group__toggle'));
2367
2368    if (groupToggle && !isExcludedAll(groupToggle)) groupToggle.setAttribute('data-current-group', 'true');
2369
2370    return true;
2371  }
2372
2373  function openLinkGroupIfActiveInside(dd, subnav) {
2374    if (!dd || isExcludedAll(dd)) return;
2375
2376    const activeLink = pickBestActiveLink(dd);
2377    if (!activeLink) return;
2378
2379    const group =
2380      activeLink.closest(cx('.c-subnav__dropdown__link-group')) ||
2381      activeLink.closest(cx('.c-subnav__dropdown__link-group-mobil'));
2382
2383    if (!group) return;
2384
2385    const toggle =
2386      group.querySelector(cx('.c-subnav__dropdown__link-group__toggle')) ||
2387      group.querySelector(cx('.c-subnav__dropdown__link-group__toggle-mobil'));
2388
2389    if (toggle && !toggle.classList.contains('w--open')) {
2390      wfClick(toggle);
2391      setTimeout(() => markActiveTrailOnly(subnav, dd), 0);
2392    }
2393  }
2394
2395  function isDropdownOpen(dd, toggle) {
2396    const list = dd.querySelector(':scope > .w-dropdown-list') || dd.querySelector('.w-dropdown-list');
2397    return !!(
2398      toggle?.classList.contains('w--open') ||
2399      dd.classList.contains('w--open') ||
2400      (list && list.classList.contains('w--open'))
2401    );
2402  }
2403
2404  function runAfterToggleSettled(dd, toggle, subnav) {
2405    let frames = 0;
2406    (function raf() {
2407      frames += 1;
2408
2409      if (isDropdownOpen(dd, toggle)) {
2410        markActiveTrailOnly(subnav, dd);
2411        openLinkGroupIfActiveInside(dd, subnav);
2412        return;
2413      }
2414
2415      if (frames >= 20) return;
2416      requestAnimationFrame(raf);
2417    })();
2418  }
2419
2420  function setupAlwaysOpenActiveGroupOnOpen(subnav, toggles) {
2421    toggles.forEach(toggle => {
2422      // ✅ Breadcrumb ist erlaubt – nur Language Switcher nicht
2423      if (isExcludedAll(toggle)) return;
2424
2425      const handler = () => {
2426        const dd = toggle.closest('.w-dropdown');
2427        if (!dd || isExcludedAll(dd)) return;
2428        setTimeout(() => runAfterToggleSettled(dd, toggle, subnav), 0);
2429      };
2430
2431      toggle.addEventListener('mouseup', handler, { passive: true });
2432      toggle.addEventListener('keydown', (e) => {
2433        if (e.key === 'Enter' || e.key === ' ') setTimeout(handler, 0);
2434      });
2435    });
2436  }
2437
2438  function setupOpenBehavior_SubpagesAndBreadcrumb(subnav) {
2439    const subpageToggles = subnav.querySelectorAll(
2440      cx('.c-subnav__subpages-dropdown') + ' .w-dropdown-toggle'
2441    );
2442
2443    const breadcrumbToggles = subnav.querySelectorAll(
2444      cx('.c-subnav__dropdown__toggle.cc-navigation-breadcrumb-item') + '.w-dropdown-toggle'
2445    );
2446
2447    setupAlwaysOpenActiveGroupOnOpen(subnav, subpageToggles);
2448    setupAlwaysOpenActiveGroupOnOpen(subnav, breadcrumbToggles);
2449  }
2450
2451  function stabilizeInitialMarking(subnav) {
2452    let tries = 0;
2453    (function tick() {
2454      tries += 1;
2455      const ok = markActiveTrailOnly(subnav);
2456      if (ok || tries >= MAX_TRIES) return;
2457      requestAnimationFrame(tick);
2458    })();
2459
2460    const mo = new MutationObserver(() => {
2461      markActiveTrailOnly(subnav);
2462    });
2463    mo.observe(subnav, { childList: true, subtree: true });
2464    setTimeout(() => mo.disconnect(), 4000);
2465
2466    setTimeout(() => markActiveTrailOnly(subnav), 250);
2467    setTimeout(() => markActiveTrailOnly(subnav), 900);
2468    window.addEventListener('load', () => markActiveTrailOnly(subnav), { once: true });
2469  }
2470
2471  function initOne(subnav) {
2472    if (!subnav || subnav.__haufeSubnavInited2) return;
2473    subnav.__haufeSubnavInited2 = true;
2474
2475    stabilizeInitialMarking(subnav);
2476    setupOpenBehavior_SubpagesAndBreadcrumb(subnav);
2477
2478    window.addEventListener('resize', () => {
2479      if (isVisible(subnav)) markActiveTrailOnly(subnav);
2480    }, { passive: true });
2481  }
2482
2483  function initAll() {
2484    getSubnavs().forEach(initOne);
2485
2486    const onVisChange = () => {
2487      getSubnavs().forEach(s => {
2488        if (isVisible(s)) markActiveTrailOnly(s);
2489      });
2490    };
2491
2492    document.addEventListener('click', () => requestAnimationFrame(onVisChange), { passive: true });
2493    window.addEventListener('load', onVisChange, { once: true });
2494  }
2495
2496  if (window.Webflow && Array.isArray(window.Webflow)) {
2497    window.Webflow.push(initAll);
2498  } else {
2499    document.addEventListener('DOMContentLoaded', initAll);
2500  }
2501})();
2502</script>
2502</div><div class="component-library--c-subnav__css w-embed"><!-- CSS für aktive State -->
2503<style>
2504  [data-current-branch="true"]:not(#custom-lang-switcher *):not([weglot-lang-switcher] *):not(.component-library--cc-language-switcher *):not(.component-library--slot-language-switch *):not(.cc-navigation-breadcrumb-item):not(.component-library--cc-navigation-breadcrumb-item),
2505  [data-current-group="true"]:not(#custom-lang-switcher *):not([weglot-lang-switcher] *):not(.component-library--cc-language-switcher *):not(.component-library--slot-language-switch *) {
2506    color: var(--component-library---color--text--brand, var(--color--text--brand,#6f01f5));
2507  }
2508</style></div></div><section class="header-small-inset"><div class="c-header cc-small-inset"><div class="c-container"><div class="c-header__wrap"><div class="c-header__container cc-small-inset"></div><div id="w-node-_5ae8be91-6ac4-b68c-2573-59cede8fabe7-cc938998" class="c-header__content-wrap"><div class="c-header__content cc-small-inset"><h1 class="heading-lg cc-color-primary-on-brand">KI Blog</h1><div class="c-header__sub-content cc-small-inset"><div class="c-header__sub-content-paragraph-wrap"><p class="paragraph-lg cc-color-secondary-on-brand">Wissen, Trends und Praxisimpulse rund um KI.</p></div><ul role="list" class="c-icon-text-list cc-long-copy w-list-unstyled"><li class="c-icon-text-list__item"><div class="c-icon-text-list__icon w-embed cc-color-violet100"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none">
2509  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.99912 19.7677L2.86523 13.6339L4.633 11.8661L8.99912 16.2322L20.1152 5.11609L21.883 6.88386L8.99912 19.7677Z" fill="#ffffff"/>
2510</svg></div><p class="paragraph-lg cc-color-primary-on-brand">KI verständlich erklärt</p></li><li class="c-icon-text-list__item"><div class="c-icon-text-list__icon w-embed cc-color-violet100"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none">
2511  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.99912 19.7677L2.86523 13.6339L4.633 11.8661L8.99912 16.2322L20.1152 5.11609L21.883 6.88386L8.99912 19.7677Z" fill="#ffffff"/>
2512</svg></div><p class="paragraph-lg cc-color-primary-on-brand">Konkrete Anwendungsfälle für den Arbeitsalltag</p></li><li class="c-icon-text-list__item"><div class="c-icon-text-list__icon w-embed cc-color-violet100"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none">
2513  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.99912 19.7677L2.86523 13.6339L4.633 11.8661L8.99912 16.2322L20.1152 5.11609L21.883 6.88386L8.99912 19.7677Z" fill="#ffffff"/>
2514</svg></div><p class="paragraph-lg cc-color-primary-on-brand">Trends, Tools und Orientierung</p></li></ul></div></div><div class="c-header__img-container cc-small-inset"><img sizes="(max-width: 1439px) 100vw, 1440px" srcset="https://cdn.prod.website-files.com/66d6a708add932ad46206fca/6a3a428e5ca6a21f4da23843_haufe-akademie-weiterbildung-ki_kwswpx-p-500.jpg 500w, https://cdn.prod.website-files.com/66d6a708add932ad46206fca/6a3a428e5ca6a21f4da23843_haufe-akademie-weiterbildung-ki_kwswpx-p-800.jpg 800w, https://cdn.prod.website-files.com/66d6a708add932ad46206fca/6a3a428e5ca6a21f4da23843_haufe-akademie-weiterbildung-ki_kwswpx-p-1080.jpg 1080w, https://cdn.prod.website-files.com/66d6a708add932ad46206fca/6a3a428e5ca6a21f4da23843_haufe-akademie-weiterbildung-ki_kwswpx.jpg 1440w" alt="" loading="eager" src="https://cdn.prod.website-files.com/66d6a708add932ad46206fca/6a3a428e5ca6a21f4da23843_haufe-akademie-weiterbildung-ki_kwswpx.jpg" class="c-header__img cc-small-inset"/></div></div></div></div><section class="c-container"><div class="c-grid-module-blog w-dyn-list"><div role="list" class="w-dyn-items w-row"><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">Lernen</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Jun 18, 2026" itemprop="datePublished">Jun 18, 2026</time></div><div class="c-card__header"><h6 class="heading-xxs">Wie wir 2026 lernen werden und was KI dabei (nicht) kann</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/digital-suite/blog/ds-digital-learning-day-2" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div>
2514<div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2515  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2516</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">AI-Act</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Jun 18, 2026" itemprop="datePublished">Jun 18, 2026</time></div><div class="c-card__header"><h6 class="heading-xxs">KI Schulungspflicht: Das bedeutet der AI Act für die Personalentwicklung</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/digital-suite/blog/ds-ki-schulungspflicht" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div><div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2517  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2518</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">Skills</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Jun 18, 2026" itemprop="datePublished">Jun 18, 2026</time></div><div class="c-card__header"><h6 class="heading-xxs">KI in der Personalentwicklung: KI als Enablerin für eine skill-basierte Organisation</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/digital-suite/blog/lxp-ki-in-der-personalentwicklung" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div><div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2519  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2520</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">KI in Unternehmen</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Jun 11, 2026" itemprop="datePublished">Jun 11, 2026</time></div><div class="c-card__header"><h6 class="heading-xxs">So verändert KI-gestütztes Lernen die Weiterbildung im Unternehmen</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/digital-suite/blog/ml-lernen-mit-ki" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div>
2520<div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2521  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2522</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">KI-Skills</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Jun 11, 2026" itemprop="datePublished">Jun 11, 2026</time></div><div class="c-card__header"><h6 class="heading-xxs">Zukunftsorientierte KI Skills im Unternehmen aufbauen</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/digital-suite/blog/el-ki-skills-im-unternehmen" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div><div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2523  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2524</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">Compliance</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Apr 08, 2026" itemprop="datePublished">Apr 08, 2026</time></div><div class="c-card__header"><h6 class="heading-xxs">
2524KI-Compliance: Künstliche Intelligenz rechtskonform &amp; verantwortungsvoll einsetzen</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/digital-suite/blog/cc-ki-compliance" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div><div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2525  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2526</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">Data</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Feb 10, 2026" itemprop="datePublished">Feb 10, 2026</time></div><div class="c-card__header"><h6 class="heading-xxs">Data Mining: Definition, Methoden und Zukunftstrends</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/blog/themen/data-analytics-ki/data-mining/" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div><div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2527  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2528</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">Agenten</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Feb 04, 2026" itemprop="datePublished">Feb 04, 2026</time></div><div class="c-card__header"><h6 class="heading-xxs">KI-Agenten: Definition, Arten &amp; Einsatzmöglichkeiten</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/blog/themen/data-analytics-ki/ki-agenten/" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div><div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2529  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2530</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">Generative</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Jan 27, 2026" itemprop="datePublished">Jan 27, 2026</time></div><div class="c-card__header"><h6 class="heading-xxs">Generative KI: Definition, Potenziale und Praxisanwendungen</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/blog/themen/data-analytics-ki/generative-ki/" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div>
2530<div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2531  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2532</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">Neuronal</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Jan 21, 2026" itemprop="datePublished">Jan 21, 2026</time></div><div class="c-card__header"><h6 class="heading-xxs">Neuronale Netze verstehen: Ein Leitfaden für Unternehmen</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/blog/themen/data-analytics-ki/neuronale-netze/" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div><div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2533  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2534</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">Data</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Jan 15, 2026" itemprop="datePublished">Jan 15, 2026</time></div><div class="c-card__header"><h6 class="heading-xxs">KI-Datenanalyse: Methoden und Potenziale für Unternehmen</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/blog/themen/data-analytics-ki/ki-datenanalyse/" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div><div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2535  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2536</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">Entwicklung</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Nov 20, 2025" itemprop="datePublished">Nov 20, 2025</time></div><div class="c-card__header"><h6 class="heading-xxs">KI in der Produktentwicklung: Methoden und Erfolgsbeispiele</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/blog/themen/produktmanagement/ki-in-der-produktentwicklung/" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div><div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
2536ox="0 0 16 16" fill="none">
2537  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2538</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">Machine Learning</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Nov 19, 2025" itemprop="datePublished">Nov 19, 2025</time></div><div class="c-card__header"><h6 class="heading-xxs">Machine Learning: Der ultimative Guide für digitale Transformation</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/blog/themen/data-analytics-ki/machine-learning/" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div><div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2539  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2540</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">No-Code</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Nov 17, 2025" itemprop="datePublished">Nov 17, 2025</time></div><div class="c-card__header"><h6 class="heading-xxs">No-Code Automation: Die Transformation der Arbeitswelt</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/blog/themen/projekt-prozessmanagement/no-code-automation/" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div><div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2541  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2542</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">Skills</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Oct 14, 2025" itemprop="datePublished">Oct 14, 2025</time></div><div class="c-card__header"><h6 class="heading-xxs">KI-Kompetenzen</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/blog/themen/data-analytics-ki/ki-kompetenzen/" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div><div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2543  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2544</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">Generative KI</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Sep 25, 2025" itemprop="datePublished">Sep 25, 2025</time></div><div class="c-card__header"><h6 class="heading-xxs">Model Context Protocol (MCP): KI-Integration leicht gemacht</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/skill-it/blog/model-context-protocol" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div>
2544<div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2545  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2546</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light"> Generative KI</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Sep 24, 2025" itemprop="datePublished">Sep 24, 2025</time></div><div class="c-card__header"><h6 class="heading-xxs">AI Agents: Dein ultimativer Guide für autonome KI-Systeme</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/skill-it/blog/ai-agents" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div><div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2547  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2548</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">Skills</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Jul 30, 2025" itemprop="datePublished">Jul 30, 2025</time></div><div class="c-card__header"><h6 class="heading-xxs">Reskilling: Bedeutung, Vorteile &amp; Umsetzung für die Zukunft</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/blog/themen/personalentwicklung/reskilling/" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div><div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2549  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2550</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">
2550KI anwenden</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Jul 15, 2025" itemprop="datePublished">Jul 15, 2025</time></div><div class="c-card__header"><h6 class="heading-xxs">Marketing Analyst: Aufgaben, Skills &amp; Gehalt</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/blog/berufe/marketing-analyst/" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div><div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2551  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2552</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">
2552KI anwenden</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Jul 15, 2025" itemprop="datePublished">Jul 15, 2025</time></div><div class="c-card__header"><h6 class="heading-xxs">Marketing Analytics verstehen &amp; nutzen</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/blog/themen/marketing/marketing-analytics/" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div><div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2553  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2554</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">
2554KI anwenden</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Jul 15, 2025" itemprop="datePublished">Jul 15, 2025</time></div><div class="c-card__header"><h6 class="heading-xxs">Predictive Analytics: Definition &amp; Einsatzbereiche</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/blog/themen/marketing/predictive-analytics/" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div><div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2555  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2556</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">KI in Unternehmen</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Jul 09, 2025" itemprop="datePublished">Jul 09, 2025</time></div><div class="c-card__header"><h6 class="heading-xxs">KI in der Arbeitswelt</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/blog/themen/data-analytics-ki/ki-in-der-arbeitswelt/" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div><div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2557  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2558</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">Daten &amp; Analyse</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Jul 09, 2025" itemprop="datePublished">Jul 09, 2025</time></div><div class="c-card__header"><h6 class="heading-xxs">Data Storytelling: Erwecke deine Zahlen zum Leben</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/blog/themen/marketing/data-storytelling/" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div><div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2559  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2560</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">
2560KI anwenden</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Jul 09, 2025" itemprop="datePublished">Jul 09, 2025</time></div><div class="c-card__header"><h6 class="heading-xxs">KPIs im Marketing: Diese 24 Kennzahlen solltest du kennen</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/blog/themen/marketing/kpi-marketing/" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div><div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2561  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2562</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">Skills &amp; Führung</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Mar 12, 2025" itemprop="datePublished">Mar 12, 2025</time></div><div class="c-card__header"><h6 class="heading-xxs">KI für Führungskräfte: Mit KI-Kompetenz zum Wettbewerbsvorteil</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/blog/themen/data-analytics-ki/ki-fuehrungskraefte/" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div><div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2563  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2564</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">
2564KI anwenden</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Mar 03, 2025" itemprop="datePublished">Mar 03, 2025</time></div><div class="c-card__header"><h6 class="heading-xxs">Prozessautomatisierung: Definition, Chancen &amp; Ziele</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/blog/themen/projekt-prozessmanagement/prozessautomatisierung/" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div><div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2565  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2566</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">KI im Unternehmen</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Jan 31, 2025" itemprop="datePublished">Jan 31, 2025</time></div><div class="c-card__header"><h6 class="heading-xxs">KI im Unternehmen: Ein Praxisleitfaden für nachhaltigen Erfolg</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/blog/themen/data-analytics-ki/ki-im-unternehmen/" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div><div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2567  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2568</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">KI im Unternehmen</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Jan 23, 2025" itemprop="datePublished">Jan 23, 2025</time></div><div class="c-card__header"><h6 class="heading-xxs">Der EU AI Act: Was Unternehmen jetzt wissen müssen</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/blog/themen/data-analytics-ki/ai-act/" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div><div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2569  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2570</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">Daten &amp; Analyse</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Jan 13, 2025" itemprop="datePublished">Jan 13, 2025</time></div><div class="c-card__header"><h6 class="heading-xxs">Datenvisualisierung: Techniken, Tools und Best Practices</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/blog/themen/data-analytics-ki/datenvisualisierung-techniken/" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div>
2570<div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2571  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2572</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">Daten &amp; Analyse</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Oct 09, 2024" itemprop="datePublished">Oct 09, 2024</time></div><div class="c-card__header"><h6 class="heading-xxs">Data Analytics vs Data Science: Unterschiede und Synergien</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/blog/themen/data-analytics-ki/data-analytics-vs-data-science/" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div><div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2573  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2574</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">Skills &amp; Führung</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Aug 27, 2024" itemprop="datePublished">Aug 27, 2024</time></div><div class="c-card__header"><h6 class="heading-xxs">Upskilling: Definition, Vorteile und Abgrenzung</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/blog/themen/data-analytics-ki/upskilling/" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div><div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2575  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2576</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">Skills &amp; Führung</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Jul 03, 2024" itemprop="datePublished">Jul 03, 2024</time></div><div class="c-card__header"><h6 class="heading-xxs">IT-Grundschutz-Praktiker: Gehalt, Skills &amp; Aufgaben</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/blog/berufe/it-grundschutz-praktiker-bsi/" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div><div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
2576ox="0 0 16 16" fill="none">
2577  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2578</svg></div></a></div></div></div></div><div role="listitem" class="fh w-dyn-item w-col w-col-4"><div class="c-card fh"><div class="c-card__tags"><div tag="" data-wf--component-library--tag---shared--variant="base" class="component-library--c-tag"><div class="component-library--c-label-wrapper"><div fs-cmsfilter-field="identifier" class="component-library--label component-library--cc-light">Daten &amp; Analyse</div></div></div></div><div class="c-card__container fh"><div class="paragraph f-smallhack w-embed"><time datetime="Mar 28, 2024" itemprop="datePublished">Mar 28, 2024</time></div><div class="c-card__header"><h6 class="heading-xxs">Data Science &amp; KI: gezielter Kompetenzaufbau im Unternehmen</h6></div><div class="link-wrap"><a text-link="" href="https://www.haufe-akademie.de/blog/themen/data-analytics-ki/datenkompetenz-fuer-unternehmenzielter-kompetenzaufbau-im-unternehmen/" class="component-library--link component-library--cc-primary w-inline-block"><div class="component-library--label component-library--cc-lg">Artikel lesen</div><div class="component-library--link__icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2579  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.03033 2.46973L14.5607 8.00006L9.03033 13.5304L7.96967 12.4697L11.6893 8.75006H2V7.25006H11.6893L7.96967 3.53039L9.03033 2.46973Z" fill="CurrentColor"/>
2580</svg></div></a></div></div></div></div></div></div></section></div></section><div class="c-module-container cc-padding-top-zero"><div class="c-text-module-tile cc-color-brand-dark-2 cc-horizontal"><div class="c-text-module-tile__header-wrap"><div class="label cc-lg cc-multiline cc-color-brand-light">Individuelle Beratung</div><h2 class="heading-md cc-color-primary-on-brand">Du hast Fragen zu einer oder mehreren Lösungen?</h2></div><div class="c-text-module-tile__content"><div data-wf--component-library--button-default---shared--variant="primary-knockout-on-brand-or-accent"><a title="Jetzt beraten lassen" href="#Contact" class="component-library--btn w-variant-d20800cf-a522-8174-9b99-b1bbc4b7a205 component-library--cc-default w-inline-block"><div class="component-library--c-btn-text">Jetzt beraten lassen</div></a></div></div></div></div><div id="Contact" class="c-module-container-xs"><div class="c-form-module cc-no-padding"><div class="c-form-module__header"><div data-wf--component-library--item-header---shared--variant="base" class="component-library--c-item-header"><div class="component-library--c-item-header__content"><h2 class="component-library--heading-md">Lasse dich unverbindlich von uns beraten</h2></div><div class="component-library--c-item-header-center__paragraph-wrap"><p class="component-library--paragraph component-library--cc-color-secondary">Bei Fragen zu unseren Produkten und Leistungen zum Thema KI helfen wir dir gerne weiter.</p></div></div></div><div class="c-contact"><div class="c-contact__form-container"><div translate="en" data-eloqua-formid="AKA_cls-uebergeordnet_Kontakt_Leadership_C" class="eloqua-form"></div></div><div class="c-contact__image-tile-container"><img src="https://cdn.prod.website-files.com/66d6a708add932ad46206fca/689ed4d8a4e8cbc7b9d63361_team%20portfolioberatung.jpg" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/66d6a708add932ad46206fca/689ed4d8a4e8cbc7b9d63361_team%20portfolioberatung-p-500.jpg 500w, https://cdn.prod.website-files.com/66d6a708add932ad46206fca/689ed4d8a4e8cbc7b9d63361_team%20portfolioberatung.jpg 800w" class="c-contact__img"/><div class="c-contact__tile"><div class="c-contact-menu__tile-header"><h6 class="heading-xs">Das Team Portfolioberatung</h6><p class="paragraph cc-color-secondary">führt dich gerne durch die Themen &amp; Lösungen zu KI.</p></div><div class="c-contact-menu__tile-contact-details"><a href="mailto:[email protected]" class="link cc-primary cc-compact w-inline-block"><div class="c-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
2580ox="0 0 16 16" fill="none">
2581  <path fill-rule="evenodd" clip-rule="evenodd" d="M3.98994 4.75L7.84169 7.90143C7.93378 7.97678 8.06622 7.97678 8.15831 7.90143L12.0101 4.75H3.98994ZM13.25 5.67359L9.10817 9.06236C8.46353 9.5898 7.53647 9.5898 6.89183 9.06236L2.75 5.67359V11C2.75 11.1381 2.86193 11.25 3 11.25H13C13.1381 11.25 13.25 11.1381 13.25 11V5.67359ZM1.25 5C1.25 4.0335 2.0335 3.25 3 3.25H13C13.9665 3.25 14.75 4.0335 14.75 5V11C14.75 11.9665 13.9665 12.75 13 12.75H3C2.0335 12.75 1.25 11.9665 1.25 11V5Z" fill="CurrentColor"/>
2582</svg></div><div class="c-label-wrapper"><div class="label">[email protected]</div></div></a><a href="tel:+497618984060" class="link cc-primary cc-compact w-inline-block"><div class="c-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
2583  <path d="M6.95001 5.59998L5.42178 6.74615C5.46975 6.84377 5.52661 6.95357 5.5931 7.07326C5.87868 7.58732 6.33874 8.27809 7.03032 8.96963C7.72192 9.66119 8.41271 10.1213 8.92677 10.4069C9.04645 10.4734 9.15624 10.5302 9.25385 10.5782L10.4 9.04998C10.6175 8.76001 11.0112 8.66706 11.3354 8.82916L13.5583 9.94061C14.3383 10.3306 14.7121 11.2353 14.4349 12.0621L13.934 13.5563C13.6968 14.2638 13.0297 14.7589 12.2622 14.7454C10.205 14.7093 7.31877 14.3818 4.46836 11.5302C1.6179 8.6786 1.29067 5.79408 1.25454 3.73326C1.24106 2.96474 1.73753 2.2969 2.44661 2.06054L3.94005 1.56273C4.76624 1.28733 5.66922 1.66136 6.05869 2.4403L7.17083 4.66457C7.33293 4.98877 7.23998 5.3825 6.95001 5.59998Z" fill="CurrentColor"/>
2584</svg></div><div class="c-label-wrapper"><div class="label cc-no-wrap">+49 761 898 4060</div></div></a></div></div></div></div></div></div></main></div><footer class="component-library--c-footer"><div class="component-library--c-footer__container"><div class="component-library--c-footer__icon"><img src="https://cdn.prod.website-files.com/66d6a708add932ad46206fca/6931a75a2d473c1a8f3ad563_46bf2cea8d63d2a1b0931f5aa7bbfcf7_AKA_Lockup-White.webp" loading="lazy" alt="Haufe Akademie Logo" class="component-library--image-2"/></div><div class="component-library--c-footer__grid"><div id="w-node-_405ecf0c-b1bf-d21a-3e7b-876b7a3681d3-7a3681ce" class="component-library--c-footer__grid-content"><div class="component-library--label component-library--cc-multiline component-library--cc-light component-library--cc-color-primary-on-brand">Haufe Akademie GmbH &amp; <span class="component-library--label__no-wrap">Co. KG</span><br/>Munzinger Str. 9<br/>79111 Freiburg</div><div class="component-library--div-block-38"><div class="component-library--label component-library--cc-light component-library--cc-color-tertiary-on-brand">Eine Marke der</div><a href="https://www.haufegroup.com" target="_blank" class="component-library--link-block-2 w-inline-block"><img src="https://cdn.prod.website-files.com/66d6a708add932ad46206fca/6931a75a2d473c1a8f3ad562_928d3cfa55c6e2ab8a1fb710c3aa265e_haufe-group.webp" loading="lazy" alt="haufe.group Logo" class="component-library--image component-library--cc-
2584hg-logo"/></a></div><a rel="nofollow" href="https://rankings.statista.com/de/bildung/rankings/beste-spitzenreiter-weiterbildung-anbieter-deutschland-2025/" target="_blank" class="component-library--c-footer__award w-inline-block"><img src="https://cdn.prod.website-files.com/66d6a708add932ad46206fca/6a48150787f65bacafe74f91_dbb3b4713e519149637121d18b0cc312_Statista_FuEd25_Logo_Haufe_light.svg" loading="lazy" alt="" class="component-library--c-footer__award__image"/></a></div><div id="w-node-_405ecf0c-b1bf-d21a-3e7b-876b7a3681e3-7a3681ce" class="component-library--c-footer__grid-item"><div class="component-library--label component-library--cc-light component-library--cc-color-tertiary-on-brand">Unternehmen</div><div class="component-library--c-footer__grid-links"><a data-track-label="Über uns" data-track-style="clicknav" data-track-action="footer" data-track-type="link" href="https://www.haufe-akademie.de/ueber-uns" class="component-library--multiline-link w-inline-block"><div class="component-library--label component-library--cc-multiline">Über uns</div></a><a data-track-label="Pressebereich" data-track-style="clicknav" data-track-action="footer" data-track-type="link" href="https://www.haufe-akademie.de/presse/startseite" class="component-library--multiline-link w-inline-block"><div class="component-library--label component-library--cc-multiline">Pressebereich</div></a><a data-track-label="Karriere" data-track-style="clicknav" data-track-action="footer" data-track-type="link" href="https://jobs.haufegroup.com/" class="component-library--multiline-link w-inline-block"><div class="component-library--label component-library--cc-multiline">Karriere</div></a><a data-track-label="Referenzen" data-track-style="clicknav" data-track-action="footer" data-track-type="link" href="https://www.haufe-akademie.de/referenzen" class="component-library--multiline-link w-inline-block"><div class="component-library--label component-library--cc-multiline">Referenzen</div></a><a data-track-label="Soziale Verantwortung" data-track-style="clicknav" data-track-action="footer" data-track-type="link" href="https://www.haufe-akademie.de/soziale-verantwortung" class="component-library--multiline-link w-inline-block"><div class="component-library--label component-library--cc-multiline">Soziale Verantwortung</div></a><a data-track-label="Fakten" data-track-style="clicknav" data-track-action="footer" data-track-type="link" href="https://www.haufe-akademie.de/facts" class="component-library--multiline-link w-inline-block"><div class="component-library--label component-library--cc-multiline">Fakten</div></a></div></div><div id="w-node-_405ecf0c-b1bf-d21a-3e7b-876b7a3681f3-7a3681ce" class="component-library--c-footer__grid-item"><div class="component-library--label component-library--cc-light component-library--cc-color-tertiary-on-brand">Lösungen</div><div class="component-library--c-footer__grid-links"><a data-track-label="Persönliche Weiterbildung" data-track-style="clicknav" data-track-action="footer" data-track-type="link" href="https://www.haufe-akademie.de/persoenliche-weiterbildung" class="component-library--multiline-link w-inline-block"><div class="component-library--label component-library--cc-multiline">Persönliche Weiterbildung</div></a><a data-track-label="Unternehmenslösungen" data-track-style="clicknav" data-track-action="footer" data-track-type="link" href="https://www.haufe-akademie.de/corporate-learning" class="component-library--multiline-link w-inline-block"><div class="component-library--label component-library--cc-multiline">Unternehmenslösungen</div></a></div></div><div id="w-node-_405ecf0c-b1bf-d21a-3e7b-876b7a3681fb-7a3681ce" class="component-library--c-footer__grid-item"><div class="component-library--label component-library--cc-light component-library--cc-color-tertiary-on-brand">Kontakt &amp; Support</div><div class="component-library--c-footer__grid-links"><a data-track-label="Kontakt" data-track-style="clicknav" data-track-action="footer" data-track-type="link" href="https://www.haufe-akademie.de/kontakt" class="component-library--multiline-link w-inline-block"><div class="component-library--label component-library--cc-multiline">
2584Kontakt</div></a><a data-track-label="FAQs" data-track-style="clicknav" data-track-action="footer" data-track-type="link" href="https://www.haufe-akademie.de/faqs" class="component-library--multiline-link w-inline-block"><div class="component-library--label component-library--cc-multiline">FAQs</div></a></div></div><div id="w-node-_405ecf0c-b1bf-d21a-3e7b-876b7a368203-7a3681ce" class="component-library--c-footer__it-security"><div class="component-library--c-footer__it-security-label"><div class="component-library--c-footer__it-security-label__icon"><div data-color="textColor" data-icon="fad fa-lock-keyhole" data-color-primary="textColor" data-color-secondary="textColor" class="component-library--fa-icon-container"></div></div><div class="component-library--label component-library--cc-light component-library--cc-color-tertiary-on-brand component-library--cc-no-wrap">Zertifizierte Informationssicherheit</div></div><div class="component-library--c-footer__it-security-image__wrap"><img src="https://cdn.prod.website-files.com/66d6a708add932ad46206fca/6a48150787f65bacafe74f90_4c128585070dad0eeb6d3acb4cd086dc_aka-iso-badge-white.svg" loading="lazy" alt="ISO 27001:2022 Zertifikat – Informationssicherheit" class="component-library--c-footer__it-security-image"/><img src="https://cdn.prod.website-files.com/66d6a708add932ad46206fca/6a48150787f65bacafe74f92_939461b04d4b6e8beafa5fdec9135590_TISAX%C2%AE%20now%20Result.svg" loading="lazy" alt="TISAX® ENX ASSOCIATION – Result available" class="component-library--c-footer__it-security-image"/><img src="https://cdn.prod.website-files.com/66d6a708add932ad46206fca/6a48150787f65bacafe74f8f_37f4c4336b791461dedd698349f1ac4e_dsgvo.svg" loading="lazy" alt="DSGVO konform" class="component-library--c-footer__it-security-image"/></div></div></div><div class="component-library--c-footer__subfooter"><div class="component-library--c-footer__left"><a data-track-label="AGB" data-track-style="clicknav" data-track-action="footer" data-track-type="link" href="https://www.haufe-akademie.de/agb" class="component-library--link component-library--cc-on-brand component-library--cc-compact w-inline-block"><div class="component-library--c-label-wrapper"><div class="component-library--label">AGB</div></div></a><a data-track-label="Impressum" data-track-style="clicknav" data-track-action="footer" data-track-type="link" href="https://www.haufe-akademie.de/impressum" class="component-library--link component-library--cc-on-brand component-library--cc-compact w-inline-block"><div class="component-library--c-label-wrapper"><div class="component-library--label">Impressum</div></div></a><a data-track-label="Datenschutz" data-track-style="clicknav" data-track-action="footer" data-track-type="link" href="https://www.haufe-akademie.de/datenschutz" class="component-library--link component-library--cc-on-brand component-library--cc-compact w-inline-block"><div class="component-library--c-label-wrapper"><div class="component-library--label">Datenschutz</div></div></a><div data-track-label="Cookie-Einstellungen" data-track-style="clicknav" data-track-action="footer" data-track-type="link" class="component-library--c-cookie-btn w-embed"><a href="#" onClick="UC_UI.showSecondLayer();" class="component-library--link component-library--cc-on-brand component-library--cc-compact">
2585	<div class="component-library--c-label-wrapper">
2586  	<div class="component-library--label">
2587		Cookie-Einstellungen
2588		</div>
2589	</div>
2590</a></div></div><div class="component-library--c-footer__center"><div data-wf--component-library--button-compact---shared--variant="secondary-knockout-on-brand-or-accent"><a Title="Vertrag widerrufen" href="https://www.haufe-akademie.de/form/widerruf" target="_blank" class="component-library--btn w-variant-f704a9b4-5a46-255a-3e33-9be497be7269 component-library--cc-compact w-inline-block"><div class="component-library--c-btn-text">Vertrag widerrufen</div></a></div></div><div class="component-library--c-footer__right"><a aria-label="Haufe Akademie auf LinkedIn" data-track-style="clickicon" data-track-action="footersocial" data-track-type="link" data-track-label="LinkedIn" href="https://www.linkedin.com/company/haufe-akademie" class="component-library--social-btn w-inline-block"><div class="component-library--c-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
2590ox="0 0 24 24" fill="none">
2591  <path fill-rule="evenodd" clip-rule="evenodd" d="M18.4136 4.5H5.63071C5.01929 4.5 4.5 4.98357 4.5 5.57929V18.42C4.5 19.0164 4.84071 19.5 5.45214 19.5H18.235C18.8471 19.5 19.5 19.0164 19.5 18.42V5.57929C19.5 4.98357 19.0257 4.5 18.4136 4.5ZM10.2143 10.2143H12.2336V11.2436H12.2557C12.5636 10.6886 13.4729 10.125 14.5971 10.125C16.755 10.125 17.3571 11.2707 17.3571 13.3929V17.3571H15.2143V13.7836C15.2143 12.8336 14.835 12 13.9479 12C12.8707 12 12.3571 12.7293 12.3571 13.9264V17.3571H10.2143V10.2143ZM6.64286 17.3571H8.78571V10.2143H6.64286V17.3571ZM9.05357 7.71429C9.05357 8.45429 8.45429 9.05357 7.71429 9.05357C6.97429 9.05357 6.375 8.45429 6.375 7.71429C6.375 6.97429 6.97429 6.375 7.71429 6.375C8.45429 6.375 9.05357 6.97429 9.05357 7.71429Z" fill="white"/>
2592</svg></div></a><a aria-label="Haufe Akademie auf Instagram" data-track-style="clickicon" data-track-action="footersocial" data-track-type="link" data-track-label="Instagram" href="https://www.instagram.com/haufe.akademie/" class="component-library--social-btn w-inline-block"><div class="component-library--c-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
2593  <path d="M12.1687 3.93359C9.99444 3.93359 9.72157 3.94309 8.8676 3.98193C8.0153 4.02093 7.43354 4.15576 6.92449 4.3536C6.39794 4.55793 5.95127 4.83126 5.50627 5.27609C5.06095 5.72077 4.78741 6.16709 4.58226 6.69309C4.38377 7.20193 4.24867 7.78343 4.21031 8.63476C4.17212 9.48809 4.16211 9.76093 4.16211 11.9336C4.16211 14.1063 4.17179 14.3781 4.21048 15.2314C4.24968 16.0831 4.38461 16.6644 4.58242 17.1731C4.78707 17.6993 5.06061 18.1456 5.50577 18.5903C5.95061 19.0353 6.39727 19.3093 6.92349 19.5136C7.43286 19.7114 8.01481 19.8463 8.86693 19.8853C9.72091 19.9241 9.9936 19.9336 12.1677 19.9336C14.3422 19.9336 14.6142 19.9241 15.4682 19.8853C16.3205 19.8463 16.9029 19.7114 17.4123 19.5136C17.9387 19.3093 18.3847 19.0353 18.8295 18.5903C19.2748 18.1456 19.5484 17.6993 19.7535 17.1733C19.9503 16.6644 20.0854 16.0829 20.1255 15.2316C20.1638 14.3783 20.1738 14.1063 20.1738 11.9336C20.1738 9.76092 20.1638 9.48826 20.1255 8.63493C20.0854 7.78326 19.9503 7.20193 19.7535 6.69326C19.5484 6.16709 19.2748 5.72076 18.8295 5.27609C18.3842 4.83109 17.9388 4.55776 17.4118 4.35359C16.9014 4.15576 16.3193 4.02093 15.467 3.98193C14.613 3.94309 14.3412 3.93359 12.1662 3.93359H12.1687ZM11.4505 5.37526C11.6637 5.37493 11.9015 5.37526 12.1687 5.37526C14.3063 5.37526 14.5597 5.38293 15.4038 5.42126C16.1844 5.45693 16.608 5.58726 16.8902 5.69676C17.2638 5.84176 17.5302 6.01509 17.8102 6.29509C18.0905 6.5751 18.2639 6.84176 18.4094 7.21509C18.5189 7.49676 18.6495 7.92009 18.6851 8.7001C18.7234 9.54343 18.7318 9.79676 18.7318 11.9318C18.7318 14.0668 18.7234 14.3201 18.6851 15.1634C18.6494 15.9434 18.5189 16.3668 18.4094 16.6484C18.2643 17.0218 18.0905 17.2876 17.8102 17.5674C17.53 17.8474 17.264 18.0208 16.8902 18.1658C16.6083 18.2758 16.1844 18.4058 15.4038 18.4414C14.5598 18.4798 14.3063 18.4881 12.1687 18.4881C10.031 18.4881 9.77761 18.4798 8.93365 18.4414C8.15308 18.4054 7.72943 18.2751 7.44705 18.1656C7.07344 18.0206 6.80657 17.8473 6.52637 17.5673C6.24616 17.2873 6.0727 17.0213 5.92725 16.6478C5.81767 16.3661 5.68707 15.9428 5.65155 15.1628C5.61319 14.3194 5.60551 14.0661 5.60551 11.9298C5.60551 9.79343 5.61319 9.54142 5.65155 8.6981C5.68725 7.91809 5.81767 7.49476 5.92725 7.21276C6.07236 6.83943 6.24616 6.57276 6.52637 6.29276C6.80657 6.01276 7.07344 5.83943 7.44705 5.6941C7.72926 5.58409 8.15308 5.4541 8.93365 5.41826C9.6722 5.38492 9.95841 5.37493 11.4505 5.37325L11.4505 5.37526ZM16.4422 6.70359C15.9118 6.70359 15.4815 7.1331 15.4815 7.66326C15.4815 8.19326 15.9118 8.62326 16.4422 8.62326C16.9726 8.62326 17.4029 8.19326 17.4029 7.66326C17.4029 7.13326 16.9726 6.70327 16.4422 6.70327L16.4422 6.70359ZM12.1687 7.82526C9.8982 7.82526 8.05734 9.66476 8.05734 11.9336C8.05734 14.2024 9.8982 16.0411 12.1687 16.0411C14.4392 16.0411 16.2794 14.2024 16.2794 11.9336C16.2794 9.66476 14.4391 7.82526 12.1686 7.82526H12.1687ZM12.1687 9.26693C13.6425 9.26693 14.8374 10.4608 14.8374 11.9336C14.8374 13.4063 13.6425 14.6003 12.1687 14.6003C10.6948 14.6003 9.50007 13.4063 9.50007 11.9336C9.50007 10.4608 10.6948 9.26693 12.1687 9.26693Z" fill="white"/>
2594</svg></div></a><a aria-label="Haufe Akademie auf Facebook" data-track-style="clickicon" data-track-action="footersocial" data-track-type="link" data-track-label="facebook" href="https://www.facebook.com/Haufe.Akademie/" class="component-library--social-btn w-inline-block"><div class="component-library--c-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
2595  <path d="M20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 15.7518 6.5829 18.8999 10.0674 19.7644V14.4447H8.41772V12H10.0674V10.9466C10.0674 8.223
259566 11.2997 6.96156 13.9729 6.96156C14.4797 6.96156 15.3543 7.06094 15.712 7.16032V9.37644C15.5232 9.35656 15.1953 9.34663 14.7878 9.34663C13.476 9.34663 12.9692 9.84351 12.9692 11.1354V12H15.5823L15.1334 14.4447H12.9692V19.9414C16.9303 19.463 20 16.0902 20 12Z" fill="white"/>
2596</svg></div></a><a aria-label="Haufe Akademie auf TikTok" data-track-style="clickicon" data-track-action="footersocial" data-track-type="link" data-track-label="TikTok" href="https://www.tiktok.com/@haufe.akademie" class="component-library--social-btn w-inline-block"><div class="component-library--c-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
2597  <path d="M16.741 7.20716C15.8791 6.64521 15.257 5.74608 15.063 4.69799C15.0211 4.47151 14.9981 4.23845 14.9981 4H12.2473L12.2429 15.024C12.1967 16.2585 11.1806 17.2493 9.93506 17.2493C9.54794 17.2493 9.1834 17.1525 8.86248 16.9836C8.12648 16.5963 7.62279 15.8248 7.62279 14.937C7.62279 13.662 8.66013 12.6247 9.93506 12.6247C10.1731 12.6247 10.4014 12.6639 10.6173 12.7316V9.92337C10.3938 9.89297 10.1668 9.87393 9.93506 9.87393C7.14328 9.87393 4.87207 12.1452 4.87207 14.937C4.87207 16.6499 5.72787 18.1658 7.03351 19.0824C7.85588 19.6597 8.8562 20 9.93506 20C12.7268 20 14.9981 17.7288 14.9981 14.937V9.34692C16.0769 10.1213 17.3987 10.5776 18.825 10.5776V7.82687C18.0567 7.82687 17.3411 7.59846 16.741 7.20716Z" fill="white"/>
2598</svg></div></a><a aria-label="Haufe Akademie auf YouTube" data-track-style="clickicon" data-track-action="footersocial" data-track-type="link" data-track-label="YouTube" href="https://www.youtube.com/user/HaufeAkademieTV" class="component-library--social-btn w-inline-block"><div class="component-library--c-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
2599  <path fill-rule="evenodd" clip-rule="evenodd" d="M19.0325 6.07632C19.807 6.28334 20.4169 6.89327 20.6239 7.6677C21 9.07144 21 12.0002 21 12.0002C21 12.0002 21 14.929 20.6239 16.3327C20.4169 17.1072 19.8069 17.7171 19.0325 17.9241C17.6288 18.3002 12 18.3002 12 18.3002C12 18.3002 6.37124 18.3002 4.96751 17.9241C4.19307 17.7171 3.58314 17.1072 3.37612 16.3327C3 14.929 3 12.0002 3 12.0002C3 12.0002 3 9.07144 3.37612 7.6677C3.58314 6.89327 4.19307 6.28334 4.96752 6.07632C6.37126 5.7002 12 5.7002 12 5.7002C12 5.7002 17.6288 5.7002 19.0325 6.07632ZM10.2 9.30019V14.7002L14.8764 12.0003L10.2 9.30019Z" fill="white"/>
2600</svg></div></a><a aria-label="Haufe Akademie auf Xing" data-track-style="clickicon" data-track-action="footersocial" data-track-type="link" data-track-label="Xing" href="https://www.xing.com/pages/haufeakademiegmbh-co-kg" class="component-library--social-btn w-inline-block"><div class="component-library--c-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
2601  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6819 4L10.2678 13.6217L13.7589 20H17.156L13.605 13.6217L19.0254 4H15.6819Z" fill="white"/>
2602  <path fill-rule="evenodd" clip-rule="evenodd" d="M5.71189 7.0885L7.58802 10.4325L4.78027 15.3641H8.13047L10.9176 10.4325L9.04195 7.08799L5.71189 7.0885Z" fill="white"/>
2603</svg></div></a></div></div></div></footer>
2603<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=66d6a708add932ad46206fca" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
2603<script src="https://cdn.prod.website-files.com/66d6a708add932ad46206fca/js/webflow.schunk.36b8fb49256177c8.js" type="text/javascript" integrity="sha384-4abIlA5/v7XaW1HMXKBgnUuhnjBYJ/Z9C1OSg4OhmVw9O3QeHJ/qJqFBERCDPv7G" crossorigin="anonymous"></script>
2603<script src="https://cdn.prod.website-files.com/66d6a708add932ad46206fca/js/webflow.schunk.ee4c164fe08383d3.js" type="text/javascript" integrity="sha384-xorUdwFUXTgWT/x5gLvjIW71TTtQVk89MECC6oham+cWAw0RMSCY/tz/yMk6s6Da" crossorigin="anonymous"></script>
2603<script src="https://cdn.prod.website-files.com/66d6a708add932ad46206fca/js/webflow.e934b2c8.9e4fe7d7865d31dd.js" type="text/javascript" integrity="sha384-9VHZc3rieyaGK3MhkSj/YJfTFzwATFOq4toAFn7X2O0x0St2Q1w70YtES5PtNPFi" crossorigin="anonymous"></script>
2603<!-- Google Tag Manager (noscript) | Serverside Tracking Switch -->
2604<noscript>
2605  <iframe src="https://wwi.haufe-akademie.de/ns.html?id=GTM-W5FSRCX"
2606          height="0" width="0" style="display:none;visibility:hidden"></iframe>
2607</noscript>
2608<!-- End Google Tag Manager (noscript) -->
2609
2610<!-- Eloqua -->
2611<script>
2612  document.addEventListener("DOMContentLoaded", function(event) {
2613    let eloquaScript = $('script').filter(function() {
2614      return $(this).attr('src') === 'https://cdn.haufe.de/content/eloqua/forms/eloqua-common.js';
2615    }).length;
2616
2617    if (eloquaScript === 0) {
2618      $.getScript('https://cdn.haufe.de/content/eloqua/forms/eloqua-common.js');
2619    }
2620  });
2621</script>
2621
2622<!-- End Eloqua -->
2623
2624<script>
2625document.addEventListener('DOMContentLoaded', function() {
2626	const colors = {
2627		'default': 'var(--component-library---color--surface--accent, var(--color--surface--accent, #6f01f5))',
2628		'accent': 'var(--component-library---accent-main, var(--accent-main, #ff7b00))',
2629        'accentDark': 'var(--component-library---accent-dark, var(--accent-dark, #c24100))',
2630        'accentLight': 'var(--component-library---accent-light, var(--accent-light, #fff4eb))',
2631        'brand': 'var(--component-library---color--surface--brand, var(--color--surface--brand, #6f01f5))',
2632        'brandDark': 'var(--component-library---color--surface--brand-dark, var(--color--surface--brand-dark, #190333))',
2633        'brandLight': 'var(--component-library---color--surface--brand-light, var(--color--surface--brand-light, #f7f0ff))',
2634      	'primary': 'var(--component-library---color--text--primary, var(--color--text--primary, #000000e8))',
2635      	'secondary': 'var(--component-library---color--text--secondary, var(--color--text--secondary, #6f01f5))',
2636		'white': 'var(--component-library---color--text--primary-on-brand)',
2637		'transparent': 'transparent',
2638      	'textColor': 'currentColor'
2639    };
2640
2641    function getColor(colorName) {
2642        return colors[colorName] || colors['default'];
2643    }
2644
2645    var iconContainers = document.querySelectorAll('.fa-icon-container, .component-library--fa-icon-container');
2646    iconContainers.forEach(function(container) {
2647        var iconClass = container.getAttribute('data-icon');
2648        if (iconClass) {
2649            container.innerHTML = '<i class="' + iconClass + '"></i>';
2650          
2651          	var mainColorName = container.getAttribute('data-color');
2652            var primaryColorName = container.getAttribute('data-color-primary');
2653            var secondaryColorName = container.getAttribute('data-color-secondary');
2654          
2655          	var mainColor = getColor(mainColorName);
2656            var primaryColor = getColor(primaryColorName);
2657            var secondaryColor = getColor(secondaryColorName);
2658          
2659			container.style.color = mainColor;
2660            container.style.setProperty('--fa-primary-color', primaryColor);
2661            container.style.setProperty('--fa-secondary-color', secondaryColor);
2662        }
2663    });
2664});
2665</script>
2665
2666<!-- End Font Awesome -->
2667
2668<!-- Sticky Parameters (/gh) -->
2669<script defer src="https://cdn.haufe.com/webflow-assets/sticky-parameters/sticky-parameters-with-referrer.js"></script>
2669
2670<!-- Date Translation -->
2671
2672<!-- Finsweet -->
2673<script async src="https://cdn.haufe.de/content/akademie/Webflow/elevate24/attributes-cmsfilter/cmsfilter.js"></script>
2673
2674<!-- End Finsweet -->
2675
2676<!-- Splide -->
2677<script src="https://cdn.haufe.de/content/akademie/Webflow/elevate24/dist/js/splide.min.js"></script>
2677
2678
2679<script>
2680(function () {
2681  // -------- Helpers --------
2682  function hasTrackAndList(el) {
2683    return !!(el && el.querySelector('.splide__track') && el.querySelector('.splide__list'));
2684  }
2685
2686  function slideCount(el) {
2687    // zählt echte Slides (ohne Klone). Fallback: alle Slides.
2688    const real = el.querySelectorAll('.splide__slide:not(.splide__slide--clone)').length;
2689    return real || el.querySelectorAll('.splide__slide').length;
2690  }
2691
2692  function mountSplides(selector, options, { disableNavOnSingle = true } = {}) {
2693    const els = document.querySelectorAll(selector);
2694
2695    els.forEach((el) => {
2696      // Guard 1: Splide DOM-Struktur muss existieren (sonst: track/list missing)
2697      if (!hasTrackAndList(el)) return;
2698
2699      // Guard 2: mindestens 1 Slide
2700      const n = slideCount(el);
2701      if (n === 0) return;
2702
2703      // Bei 1 Slide: trotzdem mounten (damit is-initialized gesetzt wird), aber ohne Nav/Drag
2704      const opts = { ...options };
2705      if (disableNavOnSingle && n === 1) {
2706        opts.arrows = false;
2707        opts.pagination = false;
2708        opts.drag = false;
2709      }
2710
2711      try {
2712        new Splide(el, opts).mount();
2713      } catch (e) {
2714        console.error('[Splide] mount failed for selector:', selector, el, e);
2715      }
2716    });
2717  }
2718
2719  // Webflow + CMS + externe Libs: window.load ist am stabilsten
2720  window.addEventListener('load', () => {
2721    // Cards
2722    mountSplides('.splide.cc-cards', {
2723      perPage: 2.5,
2724      perMove: 1,
2725      focus: 0,
2726      type: 'slide',
2727      gap: 'var(--component-library---space--24)',
2728      arrows: 'slider',
2729      pagination: false,
2730      speed: 400,
2731      dragAngleThreshold: 60,
2732      autoWidth: false,
2733      rewind: true,
2734      rewindSpeed: 500,
2735      waitForTransition: false,
2736      updateOnMove: true,
2737      trimSpace: true,
2738      breakpoints: {
2739        991: { perPage: 2.1, gap: 'var(--component-library---space--24)' },
2740        767: { perPage: 1.5, gap: 'var(--component-library---space--24)' },
2741        479: { perPage: 1.1, gap: 'var(--component-library---space--16)' },
2742      }
2743    });
2744
2745    // Media
2746    mountSplides('.splide.cc-media', {
2747      perPage: 2,
2748      perMove: 1,
2749      focus: 0,
2750      type: 'slide',
2751      gap: 'var(--component-library---space--24)',
2752      arrows: 'slider',
2753      pagination: false,
2754      speed: 400,
2755      dragAngleThreshold: 60,
2756      autoWidth: false,
2757      rewind: true,
2758      rewindSpeed: 500,
2759      waitForTransition: false,
2760      updateOnMove: true,
2761      trimSpace: false,
2762      breakpoints: {
2763        991: { perPage: 2, gap: 'var(--component-library---space--24)' },
2764        767: { perPage: 1.5, gap: 'var(--component-library---space--24)' },
2765        479: { perPage: 1.1, gap: 'var(--component-library---space--16)' },
2766      }
2767    });
2768
2769    // Sequence horizontal
2770    mountSplides('.splide.cc-sequence-horizontal', {
2771      perPage: 2.3,
2772      perMove: 1,
2773      focus: 0,
2774      type: 'slide',
2775      gap: 0,
2776      arrows: 'slider',
2777      pagination: false,
2778      speed: 400,
2779      dragAngleThreshold: 60,
2780      autoWidth: false,
2781      rewind: true,
2782      rewindSpeed: 500,
2783      waitForTransition: false,
2784      updateOnMove: true,
2785      trimSpace: true,
2786      breakpoints: {
2787        991: { perPage: 2.1 },
2788        767: { perPage: 2.1 },
2789        479: { perPage: 1.1 },
2790      }
2791    });
2792
2793    // Slideshow
2794    mountSplides('.splide.cc-slideshow', {
2795      perPage: 1,
2796      perMove: 1,
2797      focus: 0,
2798      type: 'slide',
2799      gap: 0,
2800      arrows: 'slider',
2801      pagination: 'slider',
2802      speed: 400,
2803      dragAngleThreshold: 60,
2804      autoWidth: false,
2805      rewind: true,
2806      rewindSpeed: 500,
2807      waitForTransition: false,
2808      updateOnMove: true,
2809      trimSpace: true,
2810    });
2811
2812    // Testimonial slideshow (fade)
2813    mountSplides('.splide.cc-testimonial-slideshow', {
2814      perPage: 1,
2815      perMove: 1,
2816      focus: 0,
2817      type: 'fade',
2818      gap: 0,
2819      arrows: 'slider',
2820      pagination: 'slider',
2821      speed: 400,
2822      dragAngleThreshold: 60,
2823      autoWidth: false,
2824      rewind: true,
2825      rewindSpeed: 500,
2826      waitForTransition: false,
2827      updateOnMove: true,
2828      trimSpace: true,
2829    });
2830
2831    // Blog cards
2832    mountSplides('.splide.cc-blog-cards', {
2833      perPage: 3.5,
2834      perMove: 1,
2835      focus: 0,
2836      type: 'slide',
2837      gap: 'var(--component-library---space--24)',
2838      arrows: 'slider',
2839      pagination: false,
2840      speed: 400,
2841      dragAngleThreshold: 60,
2842      autoWidth: false,
2843      rewind: true,
2844      rewindSpeed: 500,
2845      waitForTransition: false,
2846      updateOnMove: true,
2847      trimSpace: true,
2848      breakpoints: {
2849        991: { perPage: 2.1, gap: 'var(--component-library---space--24)' },
2850        767: { perPage: 1.5, gap: 'var(--component-library---space--24)' },
2851        479: { perPage: 1.1, gap: 'var(--component-library---space--16)' },
2852      }
2853    });
2854  });
2855})();
2856</script>
2856
2857<!-- End Splide --></body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.