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 & 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 & 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 & 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="">['Blog-Startseite','nein']</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 & 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 & 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 & 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&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&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&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 & Events</span></button><a slot="anchor" href="https://www.haufe-akademie.de/tagungen">Tagungen & Events</a><p slot="teaser">Wissen teilen, Menschen verbinden</p><p slot="headline">Tagungen & Events</p><p slot="description">Erlebe Tagungen & 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 & Entgeltabrechnung</a><p slot="teaser">Up2date zum Jahreswechsel: Arbeitsrecht, Lohnsteuer & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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&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&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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & <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 & 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.