CINXE.COM
Not Found
<!DOCTYPE html><!-- Last Published: Sun Feb 16 2025 11:18:41 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="%%PUBLISH_URL_REPLACEMENT%%" data-wf-page="66f1bd0825413902fbc6fc8f" data-wf-site="64e38567a18fb8f3cb26aede"><head><meta charset="utf-8"/><title>Not Found</title><meta content="Not Found" property="og:title"/><meta content="Not Found" property="twitter:title"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/64e38567a18fb8f3cb26aede/css/skill-it.dce4ad9e3.min.css" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><script type="text/javascript">WebFont.load({ google: { families: ["Inconsolata:400,700"] }});</script><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><link href="https://cdn.prod.website-files.com/64e38567a18fb8f3cb26aede/651ddcd92abe644937cd87ea_Skill%20IT%20Favicon.svg" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/64e38567a18fb8f3cb26aede/651ddcdca3817995c18f55bf_Skill%20IT%20Touch%20Icon.svg" rel="apple-touch-icon"/><!-- BEGIN Usercentrics related code --> <script id="usercentrics-cmp" data-settings-id="gREWiaA0B" src="https://app.usercentrics.eu/browser-ui/latest/loader.js" async></script> <link rel="preconnect" href="//privacy-proxy.usercentrics.eu"> <link rel="preload" href="//privacy-proxy.usercentrics.eu/latest/uc-block.bundle.js" as="script"> <script type="application/javascript" src="https://privacy-proxy.usercentrics.eu/latest/uc-block.bundle.js"></script> <script> uc.blockOnly([ 'ByOJZ54odjW7', //Add This 'S1pcEj_jZX', //Google Maps 'HkPBYFofN', //Google Fonts 'BJTzqNi_i-m', //Twitter Plugin 'BJz7qNsdj-7', //Youtube Video 'qxiCD5aN_', //3Q Video ]); </script> <!-- END Usercentrics related code --> <!-- Google Tag Manager | Serverside Tracking Switch --> <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://wwi.haufe-akademie.de/ssthg.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-W5FSRCX'); </script> <!-- End Google Tag Manager --> <!-- Kameleoon A/B Testing Tool --> <script type="text/javascript"> // Change the value of this URL to point to your own URL, where the iFrame is hosted window.kameleoonIframeURL = "https://www.haufe-akademie.de/shop_static/haufe-akademie-kameleoon-iframe.html"; window.kameleoonLightIframe = false; var kameleoonIframeOriginElement = document.createElement("a"); kameleoonIframeOriginElement.href = kameleoonIframeURL; window.kameleoonIframeOrigin = kameleoonIframeOriginElement.origin || (kameleoonIframeOriginElement.protocol + "//" + kameleoonIframeOriginElement.hostname); if (location.href.indexOf(window.kameleoonIframeOrigin) != 0) { window.kameleoonLightIframe = true; var kameleoonProcessMessageEvent = function(event) { if (window.kameleoonIframeOrigin == event.origin && event.data.slice && event.data.slice(0,9) == "Kameleoon") { window.removeEventListener("message", kameleoonProcessMessageEvent); window.kameleoonExternalIFrameLoaded = true; if (window.Kameleoon) { Kameleoon.Utils.runProtectedScript(event.data); Kameleoon.Analyst.load(); } else { window.kameleoonExternalIFrameLoadedData = event.data; } } }; if (window.addEventListener) { window.addEventListener("message", kameleoonProcessMessageEvent, false); } var iframeNode = document.createElement("iframe"); iframeNode.src = kameleoonIframeURL; iframeNode.id = "kameleoonExternalIframe"; iframeNode.style = "float: left !important; opacity: 0.0 !important; width: 0px !important; height: 0px !important;"; document.head.appendChild(iframeNode); } </script> <script type= "text/javascript" > window.kameleoonQueue = window.kameleoonQueue || []; </script> <script type="text/javascript" src="//x04qlyv4um.kameleoon.eu/kameleoon.js" async="true" fetchpriority="high"></script> <!-- END Kameleoon --> <!-- Sygnal Attributes 5 | HTML --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/sygnaltech/webflow-util@5.2.35/dist/css/webflow-html.css"> <script defer src="https://cdn.jsdelivr.net/gh/sygnaltech/webflow-util@5.2.35/dist/nocode/webflow-html.js"></script> <!-- Meta tags --> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="format-detection" content="telephone=no"> <!-- Third party scripts --> <script src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsload@1/cmsload.js"></script> <script src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsfilter@1/cmsfilter.js"></script> <!-- Custom styling --> <style> * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { font-feature-settings: 'ss04' on; font-variant-ligatures: no-contextual; } .collection-richtext * { font: inherit; } /* Custom slider styling */ .slider { padding-bottom: 48px !important; } .w-slider-nav { padding-top: 0px !important; height: auto !important; display: flex !important; justify-content: center !important; flex-gap: 12px !important; gap: 12px !important; left: 50% !important; transform: translateX(-50%) !important; right: auto !important; } .w-slider-nav-invert>div.w-active { background-color: #05171B !important; } .w-slider-nav-invert>div { background-color: rgba(5, 23, 27, 0.05) !important; } .w-slider-dot { width: 8px !important; height: 8px !important; border-radius: 4px !important; flex-shrink: 0 !important; } .w-slide { vertical-align: middle !important; } /* Hide all pagination dots */ .w-slider-dot { display: none; } /* Show the desired number of dots */ .w-slider-dot:nth-child(-n+5) { display: inline-block; } /* Custom Eloqua form styling */ .form-container { font-family: Twkhaufeakademieeverett,sans-serif !important; font-size: 12px !important; font-weight: 500 !important; color: #05171B !important; line-height: 100% !important; scrollbar-width: none !important; /* Firefox */ -ms-overflow-style: none !important; /* Internet Explorer and Edge */ } /* Webkit browsers */ .form-container::-webkit-scrollbar { width: 0; height: 0; } .eloqua-form { overflow: scroll !important; scrollbar-width: none !important; /* Firefox */ -ms-overflow-style: none !important; /* Internet Explorer and Edge */ } /* Webkit browsers */ .eloqua-form::-webkit-scrollbar { width: 0; height: 0; } .eloqua-form .form_field label.field_label, .eloqua-form .form_field span.radio_label { font-family: Twkhaufeakademieeverett,sans-serif !important; font-size: 12px !important; font-weight: 500 !important; color: #05171B !important; line-height: 100% !important; margin-bottom: 12px !important; padding: 4px 4px 4px 0px !important; } .eloqua-form .form_field--checkbox label.field_label input+span, .eloqua-form .form_field--radio label.field_label input+span { color: #697476 !important; font-family: Twkhaufeakademieeverett,sans-serif !important; font-size: 12px !important; font-weight: 400 !important; line-height: 130% !important; margin: 0 !important; padding: 0 !important; position: relative !important; float: right !important; } .eloqua-form input[type=checkbox]+span::before, .eloqua-form .elq-form-check+span::before, .eloqua-form input[type=radio]+span::before { border: 1px solid #E6E8E8 !important; border-radius: 4px !important; content: "" !important; display: inline-block !important; height: 24px !important; margin: 0px 16px 50px 0px !important; vertical-align: middle !important; width: 24px !important; float: left !important; } .eloqua-form .form_field input:hover, .eloqua-form .form_field select:hover, .eloqua-form .form_field textarea:hover { border: 1px solid #CDD1D1 !important; outline: none !important; box-shadow: none !important; } .eloqua-form .form_field input:focus, .eloqua-form .form_field select:focus, .eloqua-form .form_field textarea:focus { border: 1px solid #05171B !important; outline: none !important; box-shadow: none !important; } .eloqua-form .form_field.has-error input, .eloqua-form .form_field.has-error input.field_input, .eloqua-form .form_field.has-error select, .eloqua-form .form_field.has-error textarea { border: 1px solid #D41617 !important; } .eloqua-form .form_group.form-row--submit .eloqua-form-submit { align-items: start !important; } .eloqua-form .form_group.form-row--submit .eloqua-form-submit .submit_message.submit_message--error { font-family: Twkhaufeakademieeverett,sans-serif !important; font-size: 12px !important; font-weight: 400 !important; color: #D41617 !important; transition: none !important; padding: 0 0 20px 0 !important; } .eloqua-form .form_field .field_error { font-family: Twkhaufeakademieeverett,sans-serif !important; font-size: 12px !important; font-weight: 400 !important; color: #D41617 !important; text-align: left !important; padding-top: 8px !important; transition: none !important; } .eloqua-form .form_field input, .eloqua-form .form_field select, .eloqua-form .form_field textarea { background: #F9F9FA !important; border-radius: 8px !important; padding: 12px !important; font-family: Twkhaufeakademieeverett,sans-serif !important; font-size: 16px !important; font-weight: 400 !important; color: #05171B !important; line-height: 130% !important; border: none !important; max-width: 100% !important; transition: none !important; } .eloqua-form .form_field select { appearance: none; /* Remove default arrow in some browsers */ -moz-appearance: none; -webkit-appearance: none; } .eloqua-form .form_field select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url('https://cdn.prod.website-files.com/64e38567a18fb8f3cb26aede/651dd08f6b42b70beebce73a_Chevron%20Down%20Black.png') #F9F9FA no-repeat right 16px !important; background-size: 16px !important; background-position: right 14px bottom 50% !important; padding-right: 38px !important; } .elq-checkbox__reqmark { display: none !important; } .eloqua-form .form_group.form-row--submit .eloqua-form-submit { justify-content: flex-end !important; } .eloqua-form .form_group.form-row--submit .eloqua-form-submit .form_submit.elq-submit { background-color: #3FB !important; border-radius: 100px !important; border: none !important; box-shadow: none !important; color: #05171B !important; height: 48px !important; font-family: Twkhaufeakademieeverett,sans-serif !important; font-weight: 500 !important; font-size: 16px !important; line-height: 100% !important; margin-top: 0px !important; padding: 16px 24px !important; text-transform: none !important; } @media screen and (max-width: 767px) { .eloqua-form .form_group.form-row--submit .eloqua-form-submit .form_submit.elq-submit { width: 100% !important; } } /* Topic card and training card hover states */ @media screen and (min-width: 991px) { .topic-card-container .topic-card-image { transition: transform 100ms; } .topic-card-container:hover .topic-card-image { transform: scale(1.10); } .training-card:hover .training-card-footer-container .training-card-separator { background-color: #33FFBB !important; } .training-card-separator { transition: background-color 100ms; } .subcategory-card { transition: box-shadow 100ms; } .subcategory-card:hover { box-shadow: 0 4px 12px 4px rgba(0, 0, 0, 0.10); } } /* Ellipses */ [wfu-truncate] { padding-bottom: 2px !important; margin-bottom: -2px !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; vertical-align: middle !important; } [wfu-truncate="1"] { line-clamp: 1; -webkit-line-clamp: 1; } [wfu-truncate="2"] { line-clamp: 2; -webkit-line-clamp: 2; } [wfu-truncate="3"] { line-clamp: 3; -webkit-line-clamp: 3; } /* modal dialog backdrop cannot be styled via the designer */ dialog::backdrop { -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); background-color: #05171b33; } </style></head><body><div class="utility-page-wrap"><div class="utility-page-content"><img src="https://cdn.prod.website-files.com/static/page-not-found.211a85e40c.svg" alt=""/><h2>Page Not Found</h2><div>The page you are looking for doesn't exist or has been moved</div></div></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=64e38567a18fb8f3cb26aede" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/64e38567a18fb8f3cb26aede/js/skill-it.fdc26def.4a29dfe68117b8fe.js" type="text/javascript"></script><!-- Google Tag Manager (noscript) | Serverside Tracking Switch --> <noscript> <iframe src="https://wwi.haufe-akademie.de/ns.html?id=GTM-W5FSRCX" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <script src="https://cdn.jsdelivr.net/npm/@finsweet/cms-library@1/cms-library.js"></script> <script> (function() { var fsSlider = new FsLibrary('.fs-testimonials-collection'); fsSlider.slider({ sliderComponent: '.fs-testimonials-slider', itemsPerSlide: 1 }); })(); </script> <script defer src="https://cdn.haufe.de/content/eloqua/forms/eloqua-common.js"></script> <script> const updatePaginationDots = function () { // Constants for class names and maximum page count. const linkClassName = 'page-link'; const currentClassName = 'current-page'; const maxPageCount = 10; // Iterate over each element with the 'w-page-count' class. $('.w-page-count').each(function () { // Extract the base collection URL. const collectionUrl = $(this) .closest('.w-pagination-wrapper') .find('[class*="w-pagination"]') .first() .prop('href') .split('=')[0]; // Parse total and current page counts. const totalPageCount = parseInt(/[^/]*$/.exec($(this).text())[0].trim(), 10); const currentPageNumber = parseInt($(this).text().split('/')[0].trim(), 10); // Determine pages to display and start/end page numbers. const pagesToDisplay = Math.max(1, Math.min(maxPageCount || totalPageCount, totalPageCount)); const middlePageNumber = Math.ceil((pagesToDisplay - 1) / 2); const endingPageNumber = Math.min(Math.max(1, currentPageNumber - middlePageNumber) + (pagesToDisplay - 1), totalPageCount); const startingPageNumber = endingPageNumber - (pagesToDisplay - 1); // Clear existing content in the current 'w-page-count' element. $(this).empty(); // Create and append new page link elements. for (let i = startingPageNumber; i <= endingPageNumber; i++) { const pageNumber = i; const pageLink = `${collectionUrl}=${pageNumber}`; const isCurrentPage = pageNumber === currentPageNumber; const $anchor = $('<a>', { class: [(isCurrentPage && currentClassName), linkClassName].filter(Boolean).join(' '), href: pageLink, text: ' ', }); $(this).append($anchor); } }); }; </script> <script> const displayDisabledPaginationButtonStates = function() { // Check for the 'previous' button const previousButton = document.querySelector('.pagination-button#previous-button'); const disabledPrevButton = document.querySelector('.pagination-button#previous-disabled-button'); if (!previousButton && disabledPrevButton) { disabledPrevButton.style.display = 'flex'; } else if (disabledPrevButton) { disabledPrevButton.style.display = 'none'; } // Check for the 'next' button const nextButton = document.querySelector('.pagination-button#next-button'); const disabledNextButton = document.querySelector('.pagination-button#next-disabled-button'); if (!nextButton && disabledNextButton) { disabledNextButton.style.display = 'flex'; } else if (disabledNextButton) { disabledNextButton.style.display = 'none'; } }; </script> <!-- Start seamless-pagination custom code --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.pjax/2.0.1/jquery.pjax.min.js"></script> <script> var containerSelector = '#seamless-replace'; $(document).pjax( '.w-pagination-wrapper a', containerSelector, { container: containerSelector, fragment: containerSelector, scrollTo: false, timeout: 2500, } ); // These 3 lines should reinitialize interactions $(document).on('pjax:end', function() { Webflow.require('ix2').init(); updatePaginationDots(); displayDisabledPaginationButtonStates(); }); </script> <!-- End seamless-pagination custom code --> <script> document.addEventListener("DOMContentLoaded", function() { // Function to format price numbers function formatElementPrice(element, appendCharacter) { var numprice = Number(element.textContent || element.innerText); var hasDecimal = (numprice % 1 !== 0); var formattedPrice = new Intl.NumberFormat('de-DE', { minimumFractionDigits: hasDecimal ? 2 : 0, maximumFractionDigits: 2 }).format(numprice); element.textContent = hasDecimal ? formattedPrice : formattedPrice + appendCharacter; element.classList.add('formatted'); } var formatPrices = function() { var priceSummaryElements = document.querySelectorAll('.price-number-summary:not(.formatted)'); priceSummaryElements.forEach(element => formatElementPrice(element, ",00")); var priceCardElements = document.querySelectorAll('.price-number-card:not(.formatted)'); priceCardElements.forEach(element => formatElementPrice(element, ",–")); }; // Call formatPrices once at the beginning to format initially loaded elements formatPrices(); // Create an observer instance linked to the callback function var observer = new MutationObserver(formatPrices); // Start observing the target node for configured mutations observer.observe(document.body, { childList: true, subtree: true }); }); </script> <script> Webflow.push(function () { updatePaginationDots(); displayDisabledPaginationButtonStates(); const targetNode = document.querySelector('.w-pagination-wrapper'); if (targetNode) { const config = { attributes: false, childList: true, subtree: true }; const callback = function (mutationsList, observer) { for (const mutation of mutationsList) { if (mutation.type === 'childList') { updatePaginationDots(); displayDisabledPaginationButtonStates(); } } }; const observer = new MutationObserver(callback); observer.observe(targetNode, config); window.addEventListener('beforeunload', () => observer.disconnect()); } }); </script> <script> /** @param {HTMLAnchorElement} anchorElement */ function setAnchorUrlSearchParams(anchorElement) { try { const url = new URL(anchorElement.href); const entries = Object.entries(anchorElement.dataset); for (const [key, value] of entries) { url.searchParams.set(key, value || ''); } anchorElement.href = url.href; } catch (error) { console.error(error); } } /** @type {NodeListOf<HTMLAnchorElement>} */ const anchorElements = document.querySelectorAll('a[data-form-event-bnr]'); anchorElements.forEach(setAnchorUrlSearchParams); </script> <style> .page-link { display: block; width: 8px; max-width: 8px; height: 8px; max-height: 8px; border-radius: 4px; background: rgba(5, 23, 27, 0.05); } .current-page { display: block; width: 8px; max-width: 8px; height: 8px; max-height: 8px; border-radius: 4px; background: #05171B; } .page-count { display: flex !important; flex-direction: row !important; gap: 12px !important; } </style></body></html>