PageSourceSearch

https://the-decoder.de/ki/

html the-decoder.de collected 2026-10-02 09:53:31 UTC 184,372 bytes, 2,214 lines download raw bytes

1<!doctype html>
2<html lang="de">
3<head>
4	<meta charset="UTF-8">
5	<meta name="viewport" content="width=device-width, initial-scale=1">
6	<link rel="profile" href="https://gmpg.org/xfn/11">
7	
8  <!-- Consentmanager PUR -->
9  
9<script>
10    window.cmp_pur_enable = false;
11    window.cmp_pur_loggedin = false;
12      </script>
12
13  <!-- End Consentmanager PUR -->
14
15  <!-- Consentmanager CMP -->
16  
16<script type="text/javascript" data-cmp-ab="1"
17    src="https://cdn.consentmanager.net/delivery/js/semiautomatic.min.js"
18    data-cmp-cdid="fe26885ca25fa"
19    data-cmp-host="b.delivery.consentmanager.net"
20    data-cmp-cdn="cdn.consentmanager.net"
21    data-cmp-codesrc="0"></script>
21
22  <!-- End Consentmanager CMP -->
23
24      <!-- symplr PPID -->
25    
25<script>
26      /**
27       * SHA-256, synchron, Rueckgabe lowercase Hex (64 Zeichen).
28       * Wird vom symplr-PPID-Snippet vorausgesetzt, aber nicht
29       * mitgeliefert. crypto.subtle.digest scheidet aus: asynchron und
30       * nur im Secure Context verfuegbar.
31       * Gegen node:crypto verifiziert, inkl. UTF-8-Eingaben.
32       */
33      function sha256(ascii) {
34        function rightRotate(value, amount) {
35          return (value >>> amount) | (value << (32 - amount));
36        }
37        var mathPow = Math.pow;
38        var maxWord = mathPow(2, 32);
39        var result = '';
40        var words = [];
41
42        // Erst nach UTF-8 wandeln, dann die Bitlaenge bestimmen -
43        // sonst stimmt die Laengenangabe im Padding bei Nicht-ASCII nicht.
44        ascii = unescape(encodeURIComponent(ascii));
45        var asciiBitLength = ascii.length * 8;
46
47        var hash = sha256.h = sha256.h || [];
48        var k = sha256.k = sha256.k || [];
49        var primeCounter = k.length;
50
51        var isComposite = {};
52        for (var candidate = 2; primeCounter < 64; candidate++) {
53          if (!isComposite[candidate]) {
54            for (var i = 0; i < 313; i += candidate) {
55              isComposite[i] = candidate;
56            }
57            hash[primeCounter] = (mathPow(candidate, 0.5) * maxWord) | 0;
58            k[primeCounter++] = (mathPow(candidate, 1 / 3) * maxWord) | 0;
59          }
60        }
61
62        ascii += '\x80';
63        while ((ascii.length % 64) - 56) ascii += '\x00';
64        for (i = 0; i < ascii.length; i++) {
65          var j = ascii.charCodeAt(i);
66          if (j >> 8) return;
67          words[i >> 2] |= j << (((3 - i) % 4) * 8);
68        }
69        words[words.length] = (asciiBitLength / maxWord) | 0;
70        words[words.length] = asciiBitLength;
71
72        for (var jj = 0; jj < words.length;) {
73          var w = words.slice(jj, (jj += 16));
74          var oldHash = hash;
75          hash = hash.slice(0, 8);
76
77          for (i = 0; i < 64; i++) {
78            var w15 = w[i - 15],
79              w2 = w[i - 2];
80            var a = hash[0],
81              e = hash[4];
82            var temp1 = hash[7] +
83              (rightRotate(e, 6) ^ rightRotate(e, 11) ^ rightRotate(e, 25)) +
84              ((e & hash[5]) ^ (~e & hash[6])) +
85              k[i] +
86              (w[i] = i < 16 ? w[i] : (
87                w[i - 16] +
88                (rightRotate(w15, 7) ^ rightRotate(w15, 18) ^ (w15 >>> 3)) +
89                w[i - 7] +
90                (rightRotate(w2, 17) ^ rightRotate(w2, 19) ^ (w2 >>> 10))
91              ) | 0);
92            var temp2 = (rightRotate(a, 2) ^ rightRotate(a, 13) ^ rightRotate(a, 22)) +
93              ((a & hash[1]) ^ (a & hash[2]) ^ (hash[1] & hash[2]));
94            hash = [(temp1 + temp2) | 0].concat(hash);
95            hash[4] = (hash[4] + temp1) | 0;
96          }
97
98          for (i = 0; i < 8; i++) {
99            hash[i] = (hash[i] + oldHash[i]) | 0;
100          }
101        }
102
103        for (i = 0; i < 8; i++) {
104          for (j = 3; j + 1; j--) {
105            var b = (hash[i] >> (j * 8)) & 255;
106            result += (b < 16 ? 0 : '') + b.toString(16);
107          }
108        }
109        return result;
110      }
111    </script>
111
112    
112<script>
113      /**
114       * symplr PPID. Ausgeschriebene Fassung des gelieferten Snippets.
115       * Drei Abweichungen vom Original, jeweils unten kommentiert -
116       * bei symplr gemeldet, bei korrigierter Fassung hier ersetzen.
117       */
118      (function() {
119        // Serverseitig gerenderte Werte, bewusst im Closure und NICHT als
120        // globale Variablen: das symplr-Bundle deklariert websiteSymplr,
121        // userStatusSymplr und firstPartyId selbst auf Top-Level mit "let".
122        // Ein globales "var" gleichen Namens waere nach ES-Spec ein
123        // SyntaxError bei der Instanziierung des Bundles und wuerde die
124        // komplette Werbeauslieferung verhindern.
125        var SITE = "the-decoder.de";
126        var LOGGED_IN = false;
127        var PPID_ID = "";
128        var ONE_YEAR = 31536000;
129
130        // Abweichung 1: Cookies werden robust gelesen. Das Original
131        // schneidet Werte am ersten "=" ab (bricht bei base64-Werten wie
132        // TCF-Strings) und wirft bei einem einzelnen "%" in irgendeinem
133        // fremden Cookie einen URIError - der killt dann die gesamte PPID.
134        function readCookies() {
135          var out = {};
136          var parts = document.cookie ? document.cookie.split(';') : [];
137          for (var i = 0; i < parts.length; i++) {
138            var eq = parts[i].indexOf('=');
139            if (eq < 0) continue;
140            var name = parts[i].slice(0, eq).trim();
141            var value = parts[i].slice(eq + 1);
142            try {
143              value = decodeURIComponent(value);
144            } catch (e) {}
145            out[name] = value;
146          }
147          return out;
148        }
149
150        /**
151         * Die uebergebenen Argumente werden bewusst IGNORIERT.
152         * symplr ruft die Funktion aus seinem Vendor-Handler mit
153         * createCookieSymplr(userStatusSymplr, firstPartyId) auf - beide
154         * Werte initialisiert das Bundle selbst auf false bzw. null.
155         * Wuerden wir sie verwenden, wuerde jeder Aufruf durch symplr den
156         * Login-Zweig ueberspringen und uniqueUserLi wieder loeschen.
157         * Der Login-Status kommt deshalb vom Server (LOGGED_IN/PPID_ID).
158         *
159         * Mehrfachaufrufe sind unschaedlich: die Cookies werden bei jedem
160         * Aufruf neu eingelesen, das Ergebnis ist idempotent.
161         */
162        window.createCookieSymplr = function() {
163          var cookies = readCookies();
164
165          // Anonyme ID: einmal erzeugen, danach ein Jahr stabil
166          window.uuSymplr = cookies.uniqueUser;
167          if (window.uuSymplr === undefined) {
168            window.uuSymplr = sha256(Date.now() + window.navigator.userAgent + SITE);
169            document.cookie = 'uniqueUser=' + window.uuSymplr +
170              ';max-age=' + ONE_YEAR + ';path=/;SameSite=Strict;Secure';
171          }
172
173          if (LOGGED_IN && PPID_ID) {
174            // Abweichung 2: der Hash wird immer berechnet und bei
175            // Abweichung neu geschrieben. Das Original setzt
176            // uniqueUserLi nur, wenn es noch nicht existiert - nach
177            // einem Account-Wechsel auf demselben Geraet behielte der
178            // neue Nutzer sonst die PPID des Vorgaengers.
179            var li = sha256(PPID_ID);
180            if (cookies.uniqueUserLi !== li) {
181              document.cookie = 'uniqueUserLi=' + li +
182                ';max-age=' + ONE_YEAR + ';path=/;SameSite=Strict;Secure';
183            }
184            window.uuSymplr = li;
185          } else {
186            // Abweichung 3: mit path=/. Das Original loescht ohne
187            // Pfadangabe und trifft damit nur den aktuellen Pfad - das
188            // mit path=/ gesetzte Cookie ueberlebt den Logout ueberall
189            // ausser auf "/".
190            document.cookie = 'uniqueUserLi=;max-age=0;path=/';
191          }
192        };
193      })();
194
195      // Kein eigener Aufruf: das symplr-Bundle ruft createCookieSymplr aus
196      // seinem consent-gegateten Vendor-Handler (755 = Google) selbst auf
197      // und liest direkt danach uuSymplr fuer setPublisherProvidedId().
198      // Wuerden wir hier zusaetzlich aufrufen, entstuenden die Cookies
199      // bereits vor der Entscheidung in der CMP.
200    </script>
200
201    <!-- End symplr PPID -->
202  
203      <!-- symplr Werbescript -->
204    
204<script defer src="https://cdns.symplr.de/the-decoder.de/the-decoder.js"></script>
204
205    <!-- End symplr Werbescript -->
206  
207<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
208
209	<!-- This site is optimized with the Yoast SEO Premium plugin v25.0 (Yoast SEO v28.1) - https://yoast.com/product/yoast-seo-premium-wordpress/ -->
210	<title>heise KI Pro | Ihr Navigator im KI-Alltag</title>
211	<meta name="description" content="Einsteiger werden sicher, Profis noch besser. Für Unternehmen, die KI sicher und effektiv einsetzen möchten." />
212	<link rel="canonical" href="https://the-decoder.de/ki/" />
213	<meta property="og:locale" content="de_DE" />
214	<meta property="og:type" content="article" />
215	<meta property="og:title" content="heise KI Pro | Ihr Navigator im KI-Alltag" />
216	<meta property="og:description" content="Einsteiger werden sicher, Profis noch besser. Für Unternehmen, die KI sicher und effektiv einsetzen möchten." />
217	<meta property="og:url" content="https://the-decoder.de/ki/" />
218	<meta property="og:site_name" content="KI Pro" />
219	<meta property="article:publisher" content="https://www.facebook.com/TheDecoderDE/" />
220	<meta property="article:modified_time" content="2025-11-24T10:24:32+00:00" />
221	<meta property="og:image" content="https://the-decoder.de/wp-content/uploads/2022/09/Banner_The-Decoder_SoMe_1920x1080px.png" />
222	<meta property="og:image:width" content="1920" />
223	<meta property="og:image:height" content="1080" />
224	<meta property="og:image:type" content="image/png" />
225	<meta name="twitter:card" content="summary_large_image" />
226	<meta name="twitter:site" content="@TheDecoderDE" />
227	
227<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/the-decoder.de\/ki\/","url":"https:\/\/the-decoder.de\/ki\/","name":"heise KI Pro | Ihr Navigator im KI-Alltag","isPartOf":{"@id":"https:\/\/the-decoder.de\/#website"},"datePublished":"2025-10-21T11:43:07+00:00","dateModified":"2025-11-24T10:24:32+00:00","description":"Einsteiger werden sicher, Profis noch besser. Für Unternehmen, die KI sicher und effektiv einsetzen möchten.","breadcrumb":{"@id":"https:\/\/the-decoder.de\/ki\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/the-decoder.de\/ki\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/the-decoder.de\/ki\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/the-decoder.de\/"},{"@type":"ListItem","position":2,"name":"heise KI Pro | Ihr Navigator im KI-Alltag"}]},{"@type":"WebSite","@id":"https:\/\/the-decoder.de\/#website","url":"https:\/\/the-decoder.de\/","name":"KI Pro","description":"KI für Profis","publisher":{"@id":"https:\/\/the-decoder.de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/the-decoder.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/the-decoder.de\/#organization","name":"THE-DECODER.de","url":"https:\/\/the-decoder.de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/the-decoder.de\/#\/schema\/logo\/image\/","url":"https:\/\/the-decoder.de\/wp-content\/uploads\/2022\/07\/The-Decoder_Schema_Logo.png","contentUrl":"https:\/\/the-decoder.de\/wp-content\/uploads\/2022\/07\/The-Decoder_Schema_Logo.png","width":600,"height":180,"caption":"THE-DECODER.de"},"image":{"@id":"https:\/\/the-decoder.de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/TheDecoderDE\/","https:\/\/x.com\/TheDecoderDE","https:\/\/www.reddit.com\/r\/TheDecoder\/","https:\/\/discord.gg\/8VKkHAacn8","https:\/\/www.linkedin.com\/company\/the-decoder-de\/"]}]}</script>
227
228	<!-- / Yoast SEO Premium plugin. -->
229
230
231<link rel="alternate" type="application/rss+xml" title="KI Pro &raquo; Feed" href="https://the-decoder.de/feed/" />
232<link rel="alternate" type="application/rss+xml" title="KI Pro &raquo; Kommentar-Feed" href="https://the-decoder.de/comments/feed/" />
233<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://the-decoder.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fthe-decoder.de%2Fki%2F" />
234<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://the-decoder.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fthe-decoder.de%2Fki%2F&#038;format=xml" />
235<style id="wp-img-auto-sizes-contain-inline-css">
236img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
237/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
238</style>
239
240<style id="wp-block-library-inline-css">
241:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
241--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
242
243/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
244</style>
245
246<style id="global-styles-inline-css">
247:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--background: #ffffff;--wp--preset--color--foreground: #404040;--wp--preset--color--primary: #0ea5e9;--wp--preset--color--secondary: #15803d;--wp--preset--color--tertiary: #0369a1;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
247--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:root { --wp--style--global--content-size: 40rem;--wp--style--global--wide-size: 60rem; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-background-color{color: var(--wp--preset--color--background) !important;}.has-foreground-color{color: var(--wp--preset--color--foreground) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-secondary-color{color: var(--wp--preset--color--secondary) !important;}.has-tertiary-color{color: var(--wp--preset--color--tertiary) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-background-background-color{background-color: var(--wp--preset--color--background) !important;}.has-foreground-background-color{background-color: var(--wp--preset--color--foreground) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}.has-tertiary-background-color{background-color: var(--wp--preset--color--tertiary) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-background-border-color{border-color: var(--wp--preset--color--background) !important;}.has-foreground-border-color{border-color: var(--wp--preset--color--foreground) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}.has-tertiary-border-color{border-color: var(--wp--preset--color--tertiary) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
247.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
248/*# sourceURL=global-styles-inline-css */
249</style>
250
251<link rel='stylesheet' id='contact-form-7-css' href='https://the-decoder.de/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.2' media='all' />
252<link rel='stylesheet' id='events-manager-css' href='https://the-decoder.de/wp-content/plugins/events-manager/includes/css/events-manager.min.css?ver=7.4.1' media='all' />
253<link rel='stylesheet' id='heise-io-chat-css' href='https://the-decoder.de/wp-content/plugins/heise-io-chat/assets/css/chat.css?ver=1.0.8' media='all' />
254<link rel='stylesheet' id='decoder-ads-frontend-css' href='https://the-decoder.de/wp-content/plugins/decoder-ads/assets/css/frontend.css?ver=1.1.0' media='all' />
255<link rel='stylesheet' id='deep-content-style-css' href='https://the-decoder.de/wp-content/themes/deep-content/style.css?ver=0.2.9' media='all' />
256<link rel='stylesheet' id='deep-content-newsletter-css' href='https://the-decoder.de/wp-content/themes/deep-content/css/newsletter-form.css?ver=0.2.9' media='all' />
257<link rel='stylesheet' id='landing-page-styles-css' href='https://the-decoder.de/wp-content/themes/deep-content/css/landing-page.css?ver=1763979631' media='all' />
258<script id="jquery-core-js-extra">
259var deep_content_ajax = {"ajax_url":"https://the-decoder.de/wp-admin/admin-ajax.php","nonce":"a798166a21"};
260//# sourceURL=jquery-core-js-extra
261</script>
vendor: 1 bytes, line 261
261
262<script id="jquery-core-js" src="https://the-decoder.de/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 262
262
263<script id="jquery-migrate-js" src="https://the-decoder.de/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 263
263
264<script id="jquery-ui-core-js" src="https://the-decoder.de/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3"></script>
vendor: 1 bytes, line 264
264
265<script id="jquery-ui-mouse-js" src="https://the-decoder.de/wp-includes/js/jquery/ui/mouse.min.js?ver=1.13.3"></script>
vendor: 1 bytes, line 265
265
266<script id="jquery-ui-sortable-js" src="https://the-decoder.de/wp-includes/js/jquery/ui/sortable.min.js?ver=1.13.3"></script>
vendor: 1 bytes, line 266
266
267<script id="jquery-ui-datepicker-js" src="https://the-decoder.de/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.13.3"></script>
vendor: 1 bytes, line 267
267
268<script id="jquery-ui-datepicker-js-after">
269jQuery(function(jQuery){jQuery.datepicker.setDefaults({"closeText":"Schlie\u00dfen","currentText":"Heute","monthNames":["Januar","Februar","M\u00e4rz","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],"monthNamesShort":["Jan.","Feb.","M\u00e4rz","Apr.","Mai","Juni","Juli","Aug.","Sep.","Okt.","Nov.","Dez."],"nextText":"N\u00e4chster","prevText":"Vorheriger","dayNames":["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"],"dayNamesShort":["So.","Mo.","Di.","Mi.","Do.","Fr.","Sa."],"dayNamesMin":["S","M","D","M","D","F","S"],"dateFormat":"d. MM yy","firstDay":1,"isRTL":false});});
270//# sourceURL=jquery-ui-datepicker-js-after
271</script>
vendor: 1 bytes, line 271
271
272<script id="jquery-ui-resizable-js" src="https://the-decoder.de/wp-includes/js/jquery/ui/resizable.min.js?ver=1.13.3"></script>
vendor: 1 bytes, line 272
272
273<script id="jquery-ui-draggable-js" src="https://the-decoder.de/wp-includes/js/jquery/ui/draggable.min.js?ver=1.13.3"></script>
vendor: 1 bytes, line 273
273
274<script id="jquery-ui-controlgroup-js" src="https://the-decoder.de/wp-includes/js/jquery/ui/controlgroup.min.js?ver=1.13.3"></script>
vendor: 1 bytes, line 274
274
275<script id="jquery-ui-checkboxradio-js" src="https://the-decoder.de/wp-includes/js/jquery/ui/checkboxradio.min.js?ver=1.13.3"></script>
vendor: 1 bytes, line 275
275
276<script id="jquery-ui-button-js" src="https://the-decoder.de/wp-includes/js/jquery/ui/button.min.js?ver=1.13.3"></script>
vendor: 1 bytes, line 276
276
277<script id="jquery-ui-dialog-js" src="https://the-decoder.de/wp-includes/js/jquery/ui/dialog.min.js?ver=1.13.3"></script>
vendor: 1 bytes, line 277
277
278<script id="events-manager-js-extra">
279var EM = {"ajaxurl":"https://the-decoder.de/wp-admin/admin-ajax.php","locationajaxurl":"https://the-decoder.de/wp-admin/admin-ajax.php?action=locations_search","firstDay":"1","locale":"de","dateFormat":"yy-mm-dd","ui_css":"https://the-decoder.de/wp-content/plugins/events-manager/includes/css/jquery-ui/build.min.css","show24hours":"1","is_ssl":"1","autocomplete_limit":"10","calendar":{"breakpoints":{"small":560,"medium":908,"large":false},"month_format":"M Y"},"phone":"","datepicker":{"format":"Y-m-d","locale":"de"},"search":{"breakpoints":{"small":650,"medium":850,"full":false}},"url":"https://the-decoder.de/wp-content/plugins/events-manager","assets":{"input.em-uploader":{"js":{"em-uploader":{"url":"https://the-decoder.de/wp-content/plugins/events-manager/includes/js/em-uploader.js?v=7.4.1","event":"em_uploader_ready","requires":"filepond"},"filepond-validate-size":"filepond/plugins/filepond-plugin-file-validate-size.js?v=7.4.1","filepond-validate-type":"filepond/plugins/filepond-plugin-file-validate-type.js?v=7.4.1","filepond-image-validate-size":"filepond/plugins/filepond-plugin-image-validate-size.js?v=7.4.1","filepond-exif-orientation":"filepond/plugins/filepond-plugin-image-exif-orientation.js?v=7.4.1","filepond-get-file":"filepond/plugins/filepond-plugin-get-file.js?v=7.4.1","filepond-plugin-image-overlay":"filepond/plugins/filepond-plugin-image-overlay.js?v=7.4.1","filepond-plugin-image-thumbnail":"filepond/plugins/filepond-plugin-image-thumbnail.js?v=7.4.1","filepond-plugin-pdf-preview-overlay":"filepond/plugins/filepond-plugin-pdf-preview-overlay.js?v=7.4.1","filepond-plugin-file-icon":"filepond/plugins/filepond-plugin-file-icon.js?v=7.4.1","filepond":{"url":"filepond/filepond.js?v=7.4.1","locale":"de-de"}},"css":{"em-filepond":"filepond/em-filepond.min.css?v=7.4.1","filepond-preview":"filepond/plugins/filepond-plugin-image-preview.min.css?v=7.4.1","filepond-plugin-image-overlay":"filepond/plugins/filepond-plugin-image-overlay.min.css?v=7.4.1","filepond-get-file":"filepond/plugins/filepond-plugin-get-file.min.css?v=7.4.1"}},".em-event-editor":{"js":{"event-editor":{"url":"https://the-decoder.de/wp-content/plugins/events-manager/includes/js/events-manager-event-editor.js?v=7.4.1","event":"em_event_editor_ready"}},"css":{"event-editor":"https://the-decoder.de/wp-content/plugins/events-manager/includes/css/events-manager-event-editor.min.css?v=7.4.1"}},".em-recurrence-sets, .em-timezone":{"js":{"luxon":{"url":"luxon/luxon.js?v=7.4.1","event":"em_luxon_ready"}}},".em-booking-form, #em-booking-form, .em-booking-recurring, .em-event-booking-form":{"js":{"em-bookings":{"url":"https://the-decoder.de/wp-content/plugins/events-manager/includes/js/bookingsform.js?v=7.4.1","event":"em_booking_form_js_loaded"}}},"#em-opt-archetypes":{"js":{"archetypes":"https://the-decoder.de/wp-content/plugins/events-manager/includes/js/admin-archetype-editor.js?v=7.4.1","archetypes_ms":"https://the-decoder.de/wp-content/plugins/events-manager/includes/js/admin-archetypes.js?v=7.4.1","qs":"qs/qs.js?v=7.4.1"}}},"cached":"1","uploads":{"endpoint":"https://the-decoder.de/wp-json/events-manager/v1/uploads","nonce":"e68c3b7cf6","delete_confirm":"Bist du sicher, dass du diese Datei l\u00f6schen m\u00f6chtest? Sie wird beim Absenden gel\u00f6scht.","images":{"max_file_size":"","image_max_width":"700","image_max_height":"700","image_min_width":"50","image_min_height":"50"},"files":{"max_file_size":"","types":{"0":"image/gif","1":"image/jpeg","3":"image/png","4":"image/webp","5":"image/heic","6":"application/pdf","7":"application/msword","8":"application/x-msword","9":"application/vnd.openxmlformats-officedocument.wordprocessingml.document","10":"text/rtf","11":"application/rtf","12":"application/x-rtf","13":"application/vnd.oasis.opendocument.text","14":"text/plain","15":"application/vnd.ms-excel","16":"application/xls","17":"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","18":"text/csv","19":"application/csv","21":"application/vnd.oasis.opendocument.spreadsheet","22":"application/vnd.ms-powerpoint","23":"application/mspowerpoint","24":"application/vnd.openxmlformats-officedocument.presentationml.presentation","25":"application/vnd.oasis.opendocument.presentation"}}},"api_nonce":"02103a4cca","bookingInProgress":"Bitte warte, w\u00e4hrend die Buchung abgeschickt wird.","tickets_save":"Ticket speichern","bookingajaxurl":"https://the-decoder.de/wp-admin/admin-ajax.php","bookings_export_save":"Buchungen exportieren","bookings_settings_save":"Einstellungen speichern","booking_delete":"Bist du dir sicher, dass du es l\u00f6schen m\u00f6chtest?","booking_offset":"30","bookings":{"submit_button":{"text":{"default":"Buchung abschicken","free":"Buchung abschicken","payment":"Buchung abschicken - %s","processing":"Verarbeitung \u2026"}},"update_listener":""},"bb_full":"Ausverkauft","bb_book":"Jetzt buchen","bb_booking":"Buche ...","bb_booked":"Buchung Abgesendet","bb_error":"Buchung Fehler. Nochmal versuchen?","bb_cancel":"Stornieren","bb_canceling":"Stornieren ...","bb_cancelled":"Abgesagt","bb_cancel_error":"Stornierung Fehler. Nochmal versuchen?","event_cancellations":{"warning":"Wenn du dich entscheidest, deine Veranstaltung abzusagen, sind nach dem Speichern dieser Veranstaltung keine weiteren Buchungen f\u00fcr diese Veranstaltung m\u00f6glich.\\n\\nAu\u00dferdem wird das Folgende passieren:\\n\\n- Die Buchungen werden automatisch storniert.\\n- Buchungsstornierungen werden per E-Mail verschickt.\\n- Alle best\u00e4tigten und noch ausstehenden Buchungen werden per E-Mail \u00fcber die Absage der Veranstaltung informiert."},"txt_search":"Suche","txt_searching":"Suche...","txt_loading":"Wird geladen\u00a0\u2026","event_detach_warning":"Bist du sicher, dass du diese sich wiederholende Veranstaltung herausl\u00f6sen willst? Wenn du dies tun, verlierst du alle Buchungsinformationen und die alten wiederkehrenden Veranstaltung werden gel\u00f6scht.","delete_recurrence_warning":"Bist du sicher, dass du alle Wiederholungen dieser Veranstaltung l\u00f6schen willst? Alle Veranstaltungen werden in de
279n Papierkorb verschoben.","disable_bookings_warning":"Bist du sicher, dass du Buchungen deaktivieren willst? Wenn du das tust und speicherst, wirst du alle bisherigen Buchungen verlieren. Wenn du nur weitere Buchungen verhindern willst, reduziere die Anzahl der verf\u00fcgbaren Pl\u00e4tze auf die Anzahl der bisherigen Buchungen.","booking_warning_cancel":"Bist du sicher, dass du deine Buchung stornieren willst?"};
280//# sourceURL=events-manager-js-extra
281</script>
vendor: 1 bytes, line 281
281
282<script id="events-manager-js" src="https://the-decoder.de/wp-content/plugins/events-manager/includes/js/events-manager.js?ver=7.4.1"></script>
vendor: 1 bytes, line 282
282
283<script id="em-flatpickr-localization-js" src="https://the-decoder.de/wp-content/plugins/events-manager/includes/external/flatpickr/l10n/de.js?ver=7.4.1"></script>
vendor: 1 bytes, line 283
283
284<script id="moment-js" src="https://the-decoder.de/wp-includes/js/dist/vendor/moment.min.js?ver=2.30.1"></script>
vendor: 1 bytes, line 284
284
285<script id="moment-js-after">
286moment.updateLocale( 'de_DE', {"months":["Januar","Februar","M\u00e4rz","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],"monthsShort":["Jan.","Feb.","M\u00e4rz","Apr.","Mai","Juni","Juli","Aug.","Sep.","Okt.","Nov.","Dez."],"weekdays":["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"],"weekdaysShort":["So.","Mo.","Di.","Mi.","Do.","Fr.","Sa."],"week":{"dow":1},"longDateFormat":{"LT":"H:i","LTS":null,"L":null,"LL":"j. F Y","LLL":"j. F Y, G:i","LLLL":null}} );
287//# sourceURL=moment-js-after
288</script>
vendor: 1 bytes, line 288
288
289<script id="chart-js-js" src="https://the-decoder.de/wp-content/plugins/events-manager/includes/external/chartjs/chart.umd.min.js?ver=7.4.1"></script>
289
290<link rel='shortlink' href='https://the-decoder.de/?p=45253' />
291    <style type="text/css">
292        #wpadminbar {
293            z-index: 9999999999;
294        }
295        /* Plus any other styles you may need to add for the menu */
296    </style>
297
298  <!-- Favicons/Manifest -->
299  <link rel="apple-touch-icon" sizes="60x60" href="/resources/favicons/apple-touch-icon-60x60.png?v=3">
300  <link rel="apple-touch-icon" sizes="76x76" href="/resources/favicons/apple-touch-icon-76x76.png?v=3">
301  <link rel="apple-touch-icon" sizes="120x120" href="/resources/favicons/apple-touch-icon-120x120.png?v=3">
302  <link rel="apple-touch-icon" sizes="152x152" href="/resources/favicons/apple-touch-icon-152x152.png?v=3">
303  <link rel="apple-touch-icon" sizes="180x180" href="/resources/favicons/apple-touch-icon-180x180.png?v=3">
304  <link rel="icon" type="image/png" sizes="32x32" href="/resources/favicons/favicon-32x32.png?v=3">
305  <link rel="icon" type="image/png" sizes="194x194" href="/resources/favicons/favicon-194x194.png?v=3">
306  <link rel="icon" type="image/png" sizes="192x192" href="/resources/favicons/android-chrome-192x192.png?v=3">
307  <link rel="icon" type="image/png" sizes="256x256" href="/resources/favicons/android-chrome-256x256.png?v=3">
308  <link rel="icon" type="image/png" sizes="16x16" href="/resources/favicons/favicon-16x16.png?v=3">
309  <link rel="icon" type="image/png" sizes="96x96" href="/resources/favicons/favicon-96x96.png?v=3">
310  <link rel="manifest" href="site.webmanifest?v=3">
311  <link rel="mask-icon" href="/resources/favicons/safari-pinned-tab.svg?v=3" color="#28293d">
312  <link rel="shortcut icon" href="favicon.ico?v=3">
313  <meta name="msapplication-TileColor" content="#ffffff">
314  <meta name="msapplication-TileImage" content="/resources/favicons/mstile-144x144.png?v=3">
315  <meta name="msapplication-config" content="browserconfig.xml?v=3">
316  <meta name="theme-color" content="#ffffff">
317
318  <!-- DC Data Tag Manager -->
319  
319<script>
320    var _mtm = window._mtm = window._mtm || [];
321    _mtm.push({
322      'mtm.startTime': (new Date().getTime()),
323      'event': 'mtm.Start'
324    });
325    var d = document,
326      g = d.createElement('script');
327    g.async = true;
328    g.src = 'https://data.deep-content.io/js/container_WJMw9fjk.js';
329    // Abweichend vom bisherigen Code: appendChild statt
330    // insertBefore(getElementsByTagName('script')[0]). insertBefore
331    // haette den Container VOR die Consentmanager-CMP gehaengt, die als
332    // erstes Script im Head steht - deren Auto-Blocking greift dann
333    // nicht zuverlaessig.
334    (d.head || d.getElementsByTagName('head')[0]).appendChild(g);
335  </script>
335
336  <!-- End DC Data Tag Manager -->
337
338<meta name="referrer" content="no-referrer-when-downgrade" />
339<style> #wp-worthy-pixel { line-height: 1px; height: 1px; margin: 0; padding: 0; overflow: hidden; } </style>
340</head>
341
342<body class="wp-singular page-template page-template-template-landing-page page-template-template-landing-page-php page page-id-45253 wp-embed-responsive wp-theme-deep-content ki-pro landing-page-gradient">
343
344
345<div id="page" class="flex flex-col mx-auto w-full max-w-5xl lg:px-2 xl:px-0">
346	<a href="#content" class="sr-only">Skip to content</a>
347
348	
349<header id="masthead" class="relative py-8 px-2 lg:px-0">
350
351	<!-- Mobile/Tablet: Switch zentriert wie main content (ohne Sidebar) -->
352	<div class="flex lg:hidden justify-center">
353		<div class="w-full max-w-2xl flex flex-row justify-between items-center">
354			
355<div>
356	<label class="switch bg-white rounded-xl p-1">
357
358		<!-- background -->
359		<input class="switch__input" type="checkbox" role="switch" />
360
361		<!-- decoder -->
362		<a href="https://the-decoder.de/" class="switch__theDecoder" id="theDecoder">
363			<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 106 31">
364				<g>
365					<path class="switch__letters" d="M48.1 7.6c-.4 0-.7-.1-.9-.3-.3-.2-.4-.5-.4-1V3.1h-.9v-.7h.9V1h.8v1.4H49v.7h-1.4V6c0 .3 0 .5.1.6 0 .1.3.2.6.2h.7v.7h-.8Zm2-.1V.2h.8V3v-.2c.2-.1.5-.3.8-.3.3 0 .6-.1.8-.1.4 0 .8 0 1.1.2.3.2.5.4.7.7.2.3.2.7.2 1.2v3h-.8v-3c0-.5-.1-.8-.3-1.1s-.6-.4-1-.4-.5 0-.7.1c-.3 0-.5.2-.8.3v4.1h-.8Zm8.1.1c-.5 0-.9 0-1.3-.3-.4-.2-.6-.5-.8-.9-.2-.4-.3-.9-.3-1.5 0-.9.2-1.5.6-2 .4-.4 1-.7 1.7-.7s1 .1 1.4.4c.3.2.6.6.7 1 .1.4.2.9.2 1.4h-4.2v-.7h3.7-.3c0-.4-.2-.8-.4-1-.2-.2-.6-.4-1.1-.4s-.6 0-.9.2c-.2.1-.4.3-.5.6-.1.3-.2.7-.2 1.3s.1 1.1.4 1.4.7.5 1.3.5h.7c.2 0 .4 0 .6-.2.2 0 .3-.1.5-.2v.7c-.3.1-.5.2-.8.3h-1Z" class="st0"/>
366				</g>
367				<g>
368					<path class="switch__letters" d="M43.3 27c.4 0 .8.1 1 .4.3.3.4.6.4 1s-.1.7-.4 1c-.3.3-.6.4-1 .4h-2.6c-1 0-1.9-.2-2.8-.5-.8-.3-1.6-.8-2.3-1.4-.7-.6-1.2-1.3-1.6-2-.4-.8-.6-1.6-.7-2.5 0-.4.1-.8.4-1 .3-.3.7-.4 1.1-.4s.9.1 1.2.4c.3.3.4.6.4 1s.1 1 .4 1.4c.2.4.6.8.9 1.1.4.3.8.6 1.3.8.5.2 1 .3 1.5.3h2.6ZM43.2 13.2c.4 0 .8.1 1 .4.3.3.4.6.4 1s-.1.7-.4 1c-.3.3-.6.4-1 .4h-2.4c-.5 0-1.1 0-1.5.3-.5.2-.9.4-1.3.8-.4.3-.7.7-.9 1.1-.2.4-.4.9-.4 1.4s-.1.8-.4 1c-.3.3-.7.4-1.2.4s-.9-.1-1.1-.4c-.3-.3-.4-.6-.4-1 0-.9.2-1.8.6-2.5.4-.8.9-1.5 1.6-2 .7-.6 1.4-1 2.3-1.4.9-.3 1.8-.5 2.8-.5h2.4Z" class="st0"/>
369				</g>
370				<g>
371					<path class="switch__letters" d="M60.3 19.6c0 .4-.1.8-.4 1-.3.3-.7.4-1.1.4s-.9-.1-1.1-.4c-.3-.3-.4-.6-.4-1s-.1-1-.3-1.5c-.2-.5-.5-.9-.9-1.3s-.8-.6-1.3-.8c-.5-.2-1.1-.3-1.6-.3-.6 0-1.1.1-1.6.3-.5.2-1 .5-1.3.8-.4.4-.6.8-.8 1.2-.2.5-.3 1-.3 1.5s-.1.8-.4 1c-.3.3-.7.4-1.2.4s-.8-.1-1.1-.4c-.3-.3-.4-.6-.4-1 0-.9.2-1.8.6-2.6.4-.8 1-1.5 1.6-2.1s1.4-1.1 2.2-1.4c.8-.4 1.7-.5 2.8-.5s1.9.2 2.8.5c.8.4 1.6.8 2.2 1.5.7.6 1.2 1.3 1.6 2.2.4.8.6 1.7.6 2.6ZM60.3 23.4c0 .9-.2 1.8-.6 2.6-.4.8-.9 1.5-1.6 2.2-.7.6-1.4 1.1-2.2 1.5-.8.4-1.8.5-2.8.5s-2-.2-2.8-.5c-.8-.4-1.6-.8-2.3-1.5-.7-.6-1.2-1.3-1.6-2.1-.4-.8-.6-1.7-.6-2.6s0-.4.1-.6c0-.2.2-.3.3-.5.1-.1.3-.2.5-.3.2 0 .4-.1.7-.1.5 0 .9.1 1.2.4s.4.6.4 1 .1 1.1.3 1.6.5.9.8 1.2c.4.3.8.6 1.3.8.5.2 1.1.3 1.6.3s1.1-.1 1.6-.3c.5-.2 1-.5 1.3-.8.4-.4.6-.8.8-1.2.2-.5.3-1 .3-1.5s.1-.8.4-1c.3-.3.7-.4 1.1-.4s.9.1 1.1.4c.3.3.4.6.4 1Z" class="st0"/>
372				</g>
373				<g>
374					<path class="switch__letters" d="M76.3 28.4c0 .4-.1.7-.4 1-.2.3-.6.4-1 .4l-5 .2h-.6c-1 0-2-.2-2.9-.6-.9-.4-1.6-.9-2.3-1.6-.7-.7-1.2-1.4-1.6-2.2s-.6-1.7-.6-2.7v-3.2c0-.9.2-1.8.5-2.6.4-.8.8-1.5 1.4-2.1.6-.6 1.3-1.1 2.1-1.5.8-.4 1.7-.6 2.7-.6h1.7c.4 0 .8.2 1 .5.3.3.4.6.4 1s-.1.8-.4 1c-.3.2-.6.4-1 .4h-1.5c-.5 0-1 .1-1.5.3-.5.2-.9.5-1.2.8-.3.4-.6.8-.8 1.3-.2.5-.3 1-.3 1.5v3.2c0 .6 0 1.1.3 1.6.2.5.5 1 .9 1.3.4.4.9.7 1.4.9.5.2 1.1.3 1.6.3l5.5-.2h.6c.2 0 .3.2.5.3.1.1.2.3.3.5 0 .2.1.4.1.6Z" class="st0"/>
375					<path class="switch__letters" d="M73 9.1c0-.4.1-.7.4-1 .3-.3.7-.4 1.1-.4s.9.1 1.1.4c.3.3.4.6.4 1v15.6c0 .4-.1.7-.4 1-.3.3-.7.4-1.1.4s-.9-.1-1.1-.4c-.3-.3-.4-.6-.4-1V9.1Z" class="st0"/>
376				</g>
377				<g>
378					<path class="switch__letters" d="M82.8 21.5c0-.4.1-.7.4-1 .2-.3.6-.4 1-.4h6.5v-.3c0-.6 0-1.1-.3-1.6-.2-.5-.5-.9-.8-1.3-.4-.4-.8-.7-1.3-.9-.5-.2-1.1-.3-1.8-.3s-1.1.1-1.6.3c-.5.2-1 .5-1.4.8-.4.3-.7.8-.9 1.2-.2.5-.3 1-.3 1.5s-.
3781.8-.4 1c-.3.3-.7.4-1.2.4s-.8-.1-1.1-.4c-.3-.3-.4-.6-.4-1 0-.9.2-1.8.6-2.6.4-.8.9-1.5 1.6-2.1.7-.6 1.4-1.1 2.3-1.4.9-.4 1.8-.5 2.9-.5s2.1.2 3 .6c.9.4 1.6.9 2.3 1.5.6.6 1.2 1.4 1.5 2.2.4.8.6 1.7.6 2.7v1.8c0 .2 0 .4-.1.6 0 .2-.2.3-.3.4-.1.1-.3.2-.5.3-.2 0-.4.1-.6.1h-8.1c-.4 0-.8-.1-1-.4-.2-.3-.4-.6-.4-1ZM90 27c.4 0 .7.1 1 .4.3.3.4.6.4 1s-.1.7-.4 1c-.3.3-.6.4-1 .4h-3.8c-1 0-2-.2-2.8-.5-.8-.3-1.6-.8-2.2-1.3-.6-.6-1.1-1.2-1.5-2-.4-.8-.5-1.6-.5-2.6s.1-.7.4-1c.3-.3.7-.4 1.1-.4s.9.1 1.2.4c.3.3.4.6.4 1s0 1 .3 1.5c.2.4.4.8.8 1.1.4.3.8.6 1.3.7.5.2 1 .3 1.6.3h3.8Z" class="st0"/>
379				</g>
380				<g>
381					<path class="switch__letters" d="M96.7 17.6c0-.6.1-1.2.4-1.7s.6-1 1-1.4c.4-.4.9-.7 1.5-1 .6-.2 1.2-.3 1.9-.3h3c.5 0 .8.2 1 .5.2.3.4.6.4 1s0 .4-.1.6-.2.3-.3.5c-.1.1-.3.2-.5.3-.2 0-.4.1-.6 0h-3.7c-.2 0-.4.2-.5.3-.2.1-.3.3-.3.5v11.8c0 .4-.1.7-.4 1-.3.3-.7.4-1.1.4s-.9-.1-1.1-.4c-.3-.3-.4-.6-.4-1V17.5ZM14.3 28.4c0 .4-.1.7-.4 1-.2.3-.6.4-1 .4l-5 .2h-.6c-1 0-2-.2-2.9-.6-.9-.4-1.6-.9-2.3-1.6-.7-.7-1.2-1.4-1.6-2.2-.4-.8-.6-1.7-.6-2.7v-3.2c0-.9.2-1.8.5-2.6.4-.8.8-1.5 1.4-2.1s1.3-1.1 2.1-1.5c.8-.4 1.7-.6 2.7-.6h1.7c.4 0 .8.2 1 .5.3.3.4.6.4 1s-.1.8-.4 1c-.3.2-.6.4-1 .4H6.8c-.5 0-1 .1-1.5.3-.5.2-.9.5-1.2.8-.3.4-.6.8-.8 1.3-.2.5-.3 1-.3 1.5v3.2c0 .6 0 1.1.3 1.6.2.5.5 1 .9 1.3.4.4.9.7 1.4.9.5.2 1.1.3 1.6.3l5.5-.2h.6c.2 0 .3.2.5.3.1.1.2.3.3.5 0 .2.1.4.1.6ZM10.9 9.1c0-.4.1-.7.4-1 .3-.3.7-.4 1.1-.4s.9.1 1.1.4c.3.3.4.6.4 1v15.6c0 .4-.1.7-.4 1-.3.3-.7.4-1.1.4s-.9-.1-1.1-.4c-.3-.3-.4-.6-.4-1V9.1ZM20.8 21.5c0-.4.1-.7.4-1 .2-.3.6-.4 1-.4h6.5v-.3c0-.6 0-1.1-.3-1.6-.2-.5-.5-.9-.8-1.3-.4-.4-.8-.7-1.3-.9-.5-.2-1.1-.3-1.8-.3s-1.1.1-1.6.3c-.5.2-1 .5-1.4.8-.4.3-.7.8-.9 1.2-.2.5-.3 1-.3 1.5s-.1.8-.4 1c-.3.3-.7.4-1.2.4s-.8-.1-1.1-.4c-.3-.3-.4-.6-.4-1 0-.9.2-1.8.6-2.6.4-.8.9-1.5 1.6-2.1.7-.6 1.4-1.1 2.3-1.4.9-.4 1.8-.5 2.9-.5s2.1.2 3 .6c.9.4 1.6.9 2.3 1.5.6.6 1.2 1.4 1.5 2.2s.6 1.7.6 2.7v1.8c0 .2 0 .4-.1.6 0 .2-.2.3-.3.4-.1.1-.3.2-.5.3-.2 0-.4.1-.6.1h-8.1c-.4 0-.8-.1-1-.4-.2-.3-.4-.6-.4-1ZM28 27c.4 0 .7.1 1 .4.3.3.4.6.4 1s-.1.7-.4 1-.6.4-1 .4h-3.8c-1 0-2-.2-2.8-.5s-1.6-.8-2.2-1.3c-.6-.6-1.1-1.2-1.5-2-.4-.8-.5-1.6-.5-2.6s.1-.7.4-1c.3-.3.7-.4 1.1-.4s.9.1 1.2.4c.3.3.4.6.4 1s0 1 .3 1.5c.2.4.4.8.8 1.1.4.3.8.6 1.3.7.5.2 1 .3 1.6.3h3.8Z" class="st0"/>
382				</g>
383			</svg>
384		</a>
385
386
387		<!-- KI Pro: always show as link -->
388					<a href="https://the-decoder.de/ki-pro/" class="switch__heiseKiPro" id="heiseKiPro">
389				<svg xmlns="http://www.w3.org/2000/svg" class="switch__heiseKiPro" version="1.1" viewBox="0 0 136 22">
390					<g>
391						<path class="switch__letters" fill="#A3B0BF" d="M12.44.3C10.853-.447 8.988.253 8.242 1.84L.946 17.5C.2 19.087.899 20.954 2.485 21.7c1.585.747 3.45.047 4.196-1.54L13.978 4.5A3.177 3.177 0 0 0 12.439.3ZM17.475 10.288c-1.586-.747-3.45-.046-4.197 1.54L10.644 17.5c-.746 1.587-.047 3.454 1.539 4.2 1.585.747 3.45.047 4.196-1.54l2.634-5.67a3.177 3.177 0 0 0-1.538-4.202ZM27.126 1.513h3.147v4.995l-.14 2.59c1.12-1.05 2.448-2.03 4.29-2.03 2.867 0 4.126 1.937 4.126 5.344v8.425h-3.147v-8.028c0-2.217-.63-3.034-2.098-3.034-1.189 0-1.958.583-3.054 1.68v9.382h-3.124V1.513ZM40.438 14.116c0-4.365 3.03-7.048 6.178-7.048 3.636 0 5.548 2.613 5.548 6.37 0 .608-.07 1.214-.14 1.541h-8.509c.256 2.38 1.795 3.734 3.963 3.734 1.142 0 2.122-.35 3.124-.98l1.072 1.96c-1.282.864-2.89 1.447-4.592 1.447-3.73 0-6.644-2.59-6.644-7.024Zm8.998-1.284c0-2.077-.909-3.314-2.75-3.314-1.562 0-2.938 1.167-3.218 3.314h5.968ZM53.656 3.263c0-1.05.84-1.773 1.935-1.773 1.119 0 1.935.723 1.935 1.773 0 1.05-.84 1.774-1.935 1.774-1.096 0-1.935-.747-1.935-1.774Zm.373 4.131h3.147v13.42H54.03V7.394ZM58.482 19.273l1.468-2.007c1.19.934 2.355 1.494 3.707 1.494 1.469 0 2.145-.7 2.145-1.61 0-1.12-1.445-1.634-2.89-2.17-1.75-.654-3.777-1.681-3.777-3.922 0-2.333 1.888-4.014 4.872-4.014 1.865 0 3.357.77 4.453 1.61l-1.446 1.938c-.932-.7-1.888-1.167-2.937-1.167-1.352 0-1.982.653-1.982 1.493 0 1.05 1.352 1.47 2.798 2.007 1.818.677 3.846 1.564 3.846 4.061 0 2.31-1.818 4.178-5.222 4.178-1.795-.024-3.73-.794-5.035-1.89ZM70.138 14.116c0-4.365 3.03-7.048 6.178-7.048 3.637 0 5.548 2.613 5.548 6.37a8.27 8.27 0 0 1-.14 1.541h-8.509c.257 2.38 1.795 3.734 3.963 3.734 1.143 0 2.122-.35 3.124-.98l1.073 1.96c-1.283.864-2.891 1.447-4.593 1.447-3.753 0-6.644-2.59-6.644-7.024Zm8.999-1.284c0-2.077-.91-3.314-2.751-3.314-1.562 0-2.938 1.167-3.217 3.314h5.968ZM89.86 2.937h3.171v8.121h.093l6.365-8.121h3.52l-5.502 6.978 6.411 10.899h-3.497l-4.826-8.402-2.564 3.197v5.205h-3.17V2.937ZM108.348 2.937h-3.171v17.877h3.171V2.937
391ZM112.428 11.572V2.96h2.937c.63 0 1.212.094 1.725.257a2.49 2.49 0 0 1 1.236.863c.303.397.466.957.466 1.657 0 .677-.163 1.214-.466 1.657-.303.444-.723.747-1.212.957-.513.21-1.073.304-1.679.304h-1.072v2.917h-1.935Zm1.935-4.481h.955c1.05 0 1.586-.467 1.586-1.377 0-.443-.14-.77-.42-.957-.28-.186-.676-.28-1.212-.28h-.886v2.614h-.023ZM120.237 11.549V2.96h3.101c.606 0 1.165.07 1.655.234.49.163.909.443 1.189.816.28.374.443.934.443 1.61 0 .63-.14 1.144-.42 1.564a2.37 2.37 0 0 1-1.119.91l1.959 3.431h-2.169l-1.655-3.104h-1.072v3.104h-1.912v.024Zm1.935-4.645h1.003c.512 0 .886-.116 1.165-.326.257-.21.397-.537.397-.957 0-.42-.14-.724-.397-.887-.256-.163-.653-.257-1.165-.257h-1.003v2.427ZM131.753 11.712c-.769 0-1.445-.187-2.028-.537-.583-.35-1.049-.887-1.375-1.54-.327-.677-.49-1.47-.49-2.404 0-.933.163-1.727.49-2.38a3.555 3.555 0 0 1 1.375-1.494c.583-.35 1.259-.513 2.028-.513.77 0 1.446.163 2.029.513a3.49 3.49 0 0 1 1.375 1.517c.327.653.49 1.447.49 2.38 0 .934-.163 1.727-.49 2.404-.326.677-.793 1.19-1.375 1.54a4.09 4.09 0 0 1-2.029.514Zm0-1.68c.583 0 1.05-.257 1.399-.77.35-.514.513-1.19.513-2.054 0-.864-.163-1.54-.513-2.007-.349-.49-.816-.724-1.399-.724-.582 0-1.049.234-1.398.724-.35.49-.513 1.143-.513 2.007 0 .863.163 1.54.513 2.053.349.514.816.77 1.398.77Z"/>
392					</g>
393				</svg>
394			</a>
395		
396	</label>
397
398
399
400	<!-- <div class="d-flex">
401					<p><a href="https://the-decoder.de/" rel="home">KI Pro</a></p>
402						<p>KI für Profis</p>
403			</div> -->
404
405</div>
406			<nav id="site-navigation-mobile" class="nav flex items-center gap-4 px-4 py-2.25 rounded-xl" aria-label="Main Navigation">
407								<a href="https://the-decoder.de/sign-in/" class="button hidden sm:block bg-white hover:bg-(--heise-primary) focus:ring-4 focus:outline-none focus:ring-blue-300 font-regular rounded-sm sm:w-auto px-3 py-0.5 text-center">
408					<span class="text-(--heise-primary) hover:text-white">
409						Anmelden					</span>
410				</a>
411													<a href="https://the-decoder.de/subscription/" class="button hidden sm:block text-white bg-(--heise-primary) hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-regular rounded-sm sm:w-auto px-3 py-0.5 text-center">
412						<i class="icon-ai mr-2 text-sm icon-bold"></i>
413						Abonnieren					</a>
414								<button aria-controls="primary-menu" aria-expanded="false" class="menu-toggle">
415					<i class="icon-hamburger-nav icon-bold text-white text-2xl"></i>
416					<span class="sr-only">Primary Menu</span>
417				</button>
418			</nav>
419		</div>
420	</div>
421
422	<!-- Desktop: volle Breite (mit Sidebar) -->
423	<div class="hidden lg:flex flex-row justify-between items-center">
424		
425<div>
426	<label class="switch bg-white rounded-xl p-1">
427
428		<!-- background -->
429		<input class="switch__input" type="checkbox" role="switch" />
430
431		<!-- decoder -->
432		<a href="https://the-decoder.de/" class="switch__theDecoder" id="theDecoder">
433			<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 106 31">
434				<g>
435					<path class="switch__letters" d="M48.1 7.6c-.4 0-.7-.1-.9-.3-.3-.2-.4-.5-.4-1V3.1h-.9v-.7h.9V1h.8v1.4H49v.7h-1.4V6c0 .3 0 .5.1.6 0 .1.3.2.6.2h.7v.7h-.8Zm2-.1V.2h.8V3v-.2c.2-.1.5-.3.8-.3.3 0 .6-.1.8-.1.4 0 .8 0 1.1.2.3.2.5.4.7.7.2.3.2.7.2 1.2v3h-.8v-3c0-.5-.1-.8-.3-1.1s-.6-.4-1-.4-.5 0-.7.1c-.3 0-.5.2-.8.3v4.1h-.8Zm8.1.1c-.5 0-.9 0-1.3-.3-.4-.2-.6-.5-.8-.9-.2-.4-.3-.9-.3-1.5 0-.9.2-1.5.6-2 .4-.4 1-.7 1.7-.7s1 .1 1.4.4c.3.2.6.6.7 1 .1.4.2.9.2 1.4h-4.2v-.7h3.7-.3c0-.4-.2-.8-.4-1-.2-.2-.6-.4-1.1-.4s-.6 0-.9.2c-.2.1-.4.3-.5.6-.1.3-.2.7-.2 1.3s.1 1.1.4 1.4.7.5 1.3.5h.7c.2 0 .4 0 .6-.2.2 0 .3-.1.5-.2v.7c-.3.1-.5.2-.8.3h-1Z" class="st0"/>
436				</g>
437				<g>
438					<path class="switch__letters" d="M43.3 27c.4 0 .8.1 1 .4.3.3.4.6.4 1s-.1.7-.4 1c-.3.3-.6.4-1 .4h-2.6c-1 0-1.9-.2-2.8-.5-.8-.3-1.6-.8-2.3-1.4-.7-.6-1.2-1.3-1.6-2-.4-.8-.6-1.6-.7-2.5 0-.4.1-.8.4-1 .3-.3.7-.4 1.1-.4s.9.1 1.2.4c.3.3.4.6.4 1s.1 1 .4 1.4c.2.4.6.8.9 1.1.4.3.8.6 1.3.8.5.2 1 .3 1.5.3h2.6ZM43.2 13.2c.4 0 .8.1 1 .4.3.3.4.6.4 1s-.1.7-.4 1c-.3.3-.6.4-1 .4h-2.4c-.5 0-1.1 0-1.5.3-.5.2-.9.4-1.3.8-.4.3-.7.7-.9 1.1-.2.4-.4.9-.4 1.4s-.1.8-.4 1c-.3.3-.7.4-1.2.4s-.9-.1-1.1-.4c-.3-.3-.4-.6-.4-1 0-.9.2-1.8.6-2.5.4-.8.9-1.5 1.6-2 .7-.6 1.4-1 2.3-1.4.9-.3 1.8-.5 2.8-.5h2.4Z" class="st0"/>
439				</g>
440				<g>
441					<path class="switch__letters" d="M60.3 19.6c0 .4-.1.8-.4 1-.3.3-.7.4-1.1.4s-.9-.1-1.1-.4c-.3-.3-.4-.6-.4-1s-.1-1-.3-1.5c-.2-.5-.5-.9-.9-1.3s-.8-.6-1.3-.8c-.5-.2-1.1-.3-1.6-.3-.6 0-1.1.1-1.6.3-.5.2-1 .5-1.3.8-.4.4-.6.8-.8 1.2-.2.5-.3 1-.3 1.5s-.
4411.8-.4 1c-.3.3-.7.4-1.2.4s-.8-.1-1.1-.4c-.3-.3-.4-.6-.4-1 0-.9.2-1.8.6-2.6.4-.8 1-1.5 1.6-2.1s1.4-1.1 2.2-1.4c.8-.4 1.7-.5 2.8-.5s1.9.2 2.8.5c.8.4 1.6.8 2.2 1.5.7.6 1.2 1.3 1.6 2.2.4.8.6 1.7.6 2.6ZM60.3 23.4c0 .9-.2 1.8-.6 2.6-.4.8-.9 1.5-1.6 2.2-.7.6-1.4 1.1-2.2 1.5-.8.4-1.8.5-2.8.5s-2-.2-2.8-.5c-.8-.4-1.6-.8-2.3-1.5-.7-.6-1.2-1.3-1.6-2.1-.4-.8-.6-1.7-.6-2.6s0-.4.1-.6c0-.2.2-.3.3-.5.1-.1.3-.2.5-.3.2 0 .4-.1.7-.1.5 0 .9.1 1.2.4s.4.6.4 1 .1 1.1.3 1.6.5.9.8 1.2c.4.3.8.6 1.3.8.5.2 1.1.3 1.6.3s1.1-.1 1.6-.3c.5-.2 1-.5 1.3-.8.4-.4.6-.8.8-1.2.2-.5.3-1 .3-1.5s.1-.8.4-1c.3-.3.7-.4 1.1-.4s.9.1 1.1.4c.3.3.4.6.4 1Z" class="st0"/>
442				</g>
443				<g>
444					<path class="switch__letters" d="M76.3 28.4c0 .4-.1.7-.4 1-.2.3-.6.4-1 .4l-5 .2h-.6c-1 0-2-.2-2.9-.6-.9-.4-1.6-.9-2.3-1.6-.7-.7-1.2-1.4-1.6-2.2s-.6-1.7-.6-2.7v-3.2c0-.9.2-1.8.5-2.6.4-.8.8-1.5 1.4-2.1.6-.6 1.3-1.1 2.1-1.5.8-.4 1.7-.6 2.7-.6h1.7c.4 0 .8.2 1 .5.3.3.4.6.4 1s-.1.8-.4 1c-.3.2-.6.4-1 .4h-1.5c-.5 0-1 .1-1.5.3-.5.2-.9.5-1.2.8-.3.4-.6.8-.8 1.3-.2.5-.3 1-.3 1.5v3.2c0 .6 0 1.1.3 1.6.2.5.5 1 .9 1.3.4.4.9.7 1.4.9.5.2 1.1.3 1.6.3l5.5-.2h.6c.2 0 .3.2.5.3.1.1.2.3.3.5 0 .2.1.4.1.6Z" class="st0"/>
445					<path class="switch__letters" d="M73 9.1c0-.4.1-.7.4-1 .3-.3.7-.4 1.1-.4s.9.1 1.1.4c.3.3.4.6.4 1v15.6c0 .4-.1.7-.4 1-.3.3-.7.4-1.1.4s-.9-.1-1.1-.4c-.3-.3-.4-.6-.4-1V9.1Z" class="st0"/>
446				</g>
447				<g>
448					<path class="switch__letters" d="M82.8 21.5c0-.4.1-.7.4-1 .2-.3.6-.4 1-.4h6.5v-.3c0-.6 0-1.1-.3-1.6-.2-.5-.5-.9-.8-1.3-.4-.4-.8-.7-1.3-.9-.5-.2-1.1-.3-1.8-.3s-1.1.1-1.6.3c-.5.2-1 .5-1.4.8-.4.3-.7.8-.9 1.2-.2.5-.3 1-.3 1.5s-.1.8-.4 1c-.3.3-.7.4-1.2.4s-.8-.1-1.1-.4c-.3-.3-.4-.6-.4-1 0-.9.2-1.8.6-2.6.4-.8.9-1.5 1.6-2.1.7-.6 1.4-1.1 2.3-1.4.9-.4 1.8-.5 2.9-.5s2.1.2 3 .6c.9.4 1.6.9 2.3 1.5.6.6 1.2 1.4 1.5 2.2.4.8.6 1.7.6 2.7v1.8c0 .2 0 .4-.1.6 0 .2-.2.3-.3.4-.1.1-.3.2-.5.3-.2 0-.4.1-.6.1h-8.1c-.4 0-.8-.1-1-.4-.2-.3-.4-.6-.4-1ZM90 27c.4 0 .7.1 1 .4.3.3.4.6.4 1s-.1.7-.4 1c-.3.3-.6.4-1 .4h-3.8c-1 0-2-.2-2.8-.5-.8-.3-1.6-.8-2.2-1.3-.6-.6-1.1-1.2-1.5-2-.4-.8-.5-1.6-.5-2.6s.1-.7.4-1c.3-.3.7-.4 1.1-.4s.9.1 1.2.4c.3.3.4.6.4 1s0 1 .3 1.5c.2.4.4.8.8 1.1.4.3.8.6 1.3.7.5.2 1 .3 1.6.3h3.8Z" class="st0"/>
449				</g>
450				<g>
451					<path class="switch__letters" d="M96.7 17.6c0-.6.1-1.2.4-1.7s.6-1 1-1.4c.4-.4.9-.7 1.5-1 .6-.2 1.2-.3 1.9-.3h3c.5 0 .8.2 1 .5.2.3.4.6.4 1s0 .4-.1.6-.2.3-.3.5c-.1.1-.3.2-.5.3-.2 0-.4.1-.6 0h-3.7c-.2 0-.4.2-.5.3-.2.1-.3.3-.3.5v11.8c0 .4-.1.7-.4 1-.3.3-.7.4-1.1.4s-.9-.1-1.1-.4c-.3-.3-.4-.6-.4-1V17.5ZM14.3 28.4c0 .4-.1.7-.4 1-.2.3-.6.4-1 .4l-5 .2h-.6c-1 0-2-.2-2.9-.6-.9-.4-1.6-.9-2.3-1.6-.7-.7-1.2-1.4-1.6-2.2-.4-.8-.6-1.7-.6-2.7v-3.2c0-.9.2-1.8.5-2.6.4-.8.8-1.5 1.4-2.1s1.3-1.1 2.1-1.5c.8-.4 1.7-.6 2.7-.6h1.7c.4 0 .8.2 1 .5.3.3.4.6.4 1s-.1.8-.4 1c-.3.2-.6.4-1 .4H6.8c-.5 0-1 .1-1.5.3-.5.2-.9.5-1.2.8-.3.4-.6.8-.8 1.3-.2.5-.3 1-.3 1.5v3.2c0 .6 0 1.1.3 1.6.2.5.5 1 .9 1.3.4.4.9.7 1.4.9.5.2 1.1.3 1.6.3l5.5-.2h.6c.2 0 .3.2.5.3.1.1.2.3.3.5 0 .2.1.4.1.6ZM10.9 9.1c0-.4.1-.7.4-1 .3-.3.7-.4 1.1-.4s.9.1 1.1.4c.3.3.4.6.4 1v15.6c0 .4-.1.7-.4 1-.3.3-.7.4-1.1.4s-.9-.1-1.1-.4c-.3-.3-.4-.6-.4-1V9.1ZM20.8 21.5c0-.4.1-.7.4-1 .2-.3.6-.4 1-.4h6.5v-.3c0-.6 0-1.1-.3-1.6-.2-.5-.5-.9-.8-1.3-.4-.4-.8-.7-1.3-.9-.5-.2-1.1-.3-1.8-.3s-1.1.1-1.6.3c-.5.2-1 .5-1.4.8-.4.3-.7.8-.9 1.2-.2.5-.3 1-.3 1.5s-.1.8-.4 1c-.3.3-.7.4-1.2.4s-.8-.1-1.1-.4c-.3-.3-.4-.6-.4-1 0-.9.2-1.8.6-2.6.4-.8.9-1.5 1.6-2.1.7-.6 1.4-1.1 2.3-1.4.9-.4 1.8-.5 2.9-.5s2.1.2 3 .6c.9.4 1.6.9 2.3 1.5.6.6 1.2 1.4 1.5 2.2s.6 1.7.6 2.7v1.8c0 .2 0 .4-.1.6 0 .2-.2.3-.3.4-.1.1-.3.2-.5.3-.2 0-.4.1-.6.1h-8.1c-.4 0-.8-.1-1-.4-.2-.3-.4-.6-.4-1ZM28 27c.4 0 .7.1 1 .4.3.3.4.6.4 1s-.1.7-.4 1-.6.4-1 .4h-3.8c-1 0-2-.2-2.8-.5s-1.6-.8-2.2-1.3c-.6-.6-1.1-1.2-1.5-2-.4-.8-.5-1.6-.5-2.6s.1-.7.4-1c.3-.3.7-.4 1.1-.4s.9.1 1.2.4c.3.3.4.6.4 1s0 1 .3 1.5c.2.4.4.8.8 1.1.4.3.8.6 1.3.7.5.2 1 .3 1.6.3h3.8Z" class="st0"/>
452				</g>
453			</svg>
454		</a>
455
456
457		<!-- KI Pro: always show as link -->
458					<a href="https://the-decoder.de/ki-pro/" class="switch__heiseKiPro" id="heiseKiPro">
459				<svg xmlns="http://www.w3.org/2000/svg" class="switch__heiseKiPro" version="1.1" viewBox="0 0 136 22">
460					<g>
461						<path class="switch__letters" fill="#A3B0BF" d="M12.44.3C10.853-.447 8.988.253 8.242 1.84L.946 17.5C.2 19.087.899 20.954 2.485 21.7c1.585.747 3.45.047 4.196-1.54L13.978 4.5A3.177 3.177 0 0 0 12.439.3ZM17.475 10.288c-1.586-.747-3.45-.046-4.197 1.54L10.644 17.5c-.746 1.587-.047 3.454 1.539 4.2 1.585.747 3.45.047 4.196-1.54l2.634-5.67a3.177 3.177 0 0 0-1.538-4.202ZM27.126 1.513h3.147v4.995l-.14 2.59c1.12-1.05 2.448-2.03 4.29-2.03 2.867 0 4.126 1.937 4.126 5.344v8.425h-3.147v-8.028c0-2.217-.63-3.034-2.098-3.034-1.189 0-1.958.583-3.054 1.68v9.382h-3.124V1.513ZM40.438 14.116c0-4.365 3.03-7.048 6.178-7.048 3.636 0 5.548 2.613 5.548 6.37 0 .608-.07 1.214-.14 1.541h-8.509c.256 2.38 1.795 3.734 3.963 3.734 1.142 0 2.122-.35 3.124-.98l1.072 1.96c-1.282.864-2.89 1.447-4.592 1.447-3.73 0-6.644-2.59-6.644-7.024Zm8.998-1.284c0-2.077-.909-3.314-2.75-3.314-1.562 0-2.938 1.167-3.218 3.314h5.968ZM53.656 3.263c0-1.05.84-1.773 1.935-1.773 1.119 0 1.935.723 1.935 1.773 0 1.05-.84 1.774-1.935 1.774-1.096 0-1.935-.747-1.935-1.774Zm.373 4.131h3.147v13.42H54.03V7.394ZM58.482 19.273l1.468-2.007c1.19.934 2.355 1.494 3.707 1.494 1.469 0 2.145-.7 2.145-1.61 0-1.12-1.445-1.634-2.89-2.17-1.75-.654-3.777-1.681-3.777-3.922 0-2.333 1.888-4.014 4.872-4.014 1.865 0 3.357.77 4.453 1.61l-1.446 1.938c-.932-.7-1.888-1.167-2.937-1.167-1.352 0-1.982.653-1.982 1.493 0 1.05 1.352 1.47 2.798 2.007 1.818.677 3.846 1.564 3.846 4.061 0 2.31-1.818 4.178-5.222 4.178-1.795-.024-3.73-.794-5.035-1.89ZM70.138 14.116c0-4.365 3.03-7.048 6.178-7.048 3.637 0 5.548 2.613 5.548 6.37a8.27 8.27 0 0 1-.14 1.541h-8.509c.257 2.38 1.795 3.734 3.963 3.734 1.143 0 2.122-.35 3.124-.98l1.073 1.96c-1.283.864-2.891 1.447-4.593 1.447-3.753 0-6.644-2.59-6.644-7.024Zm8.999-1.284c0-2.077-.91-3.314-2.751-3.314-1.562 0-2.938 1.167-3.217 3.314h5.968ZM89.86 2.937h3.171v8.121h.093l6.365-8.121h3.52l-5.502 6.978 6.411 10.899h-3.497l-4.826-8.402-2.564 3.197v5.205h-3.17V2.937ZM108.348 2.937h-3.171v17.877h3.171V2.937
461ZM112.428 11.572V2.96h2.937c.63 0 1.212.094 1.725.257a2.49 2.49 0 0 1 1.236.863c.303.397.466.957.466 1.657 0 .677-.163 1.214-.466 1.657-.303.444-.723.747-1.212.957-.513.21-1.073.304-1.679.304h-1.072v2.917h-1.935Zm1.935-4.481h.955c1.05 0 1.586-.467 1.586-1.377 0-.443-.14-.77-.42-.957-.28-.186-.676-.28-1.212-.28h-.886v2.614h-.023ZM120.237 11.549V2.96h3.101c.606 0 1.165.07 1.655.234.49.163.909.443 1.189.816.28.374.443.934.443 1.61 0 .63-.14 1.144-.42 1.564a2.37 2.37 0 0 1-1.119.91l1.959 3.431h-2.169l-1.655-3.104h-1.072v3.104h-1.912v.024Zm1.935-4.645h1.003c.512 0 .886-.116 1.165-.326.257-.21.397-.537.397-.957 0-.42-.14-.724-.397-.887-.256-.163-.653-.257-1.165-.257h-1.003v2.427ZM131.753 11.712c-.769 0-1.445-.187-2.028-.537-.583-.35-1.049-.887-1.375-1.54-.327-.677-.49-1.47-.49-2.404 0-.933.163-1.727.49-2.38a3.555 3.555 0 0 1 1.375-1.494c.583-.35 1.259-.513 2.028-.513.77 0 1.446.163 2.029.513a3.49 3.49 0 0 1 1.375 1.517c.327.653.49 1.447.49 2.38 0 .934-.163 1.727-.49 2.404-.326.677-.793 1.19-1.375 1.54a4.09 4.09 0 0 1-2.029.514Zm0-1.68c.583 0 1.05-.257 1.399-.77.35-.514.513-1.19.513-2.054 0-.864-.163-1.54-.513-2.007-.349-.49-.816-.724-1.399-.724-.582 0-1.049.234-1.398.724-.35.49-.513 1.143-.513 2.007 0 .863.163 1.54.513 2.053.349.514.816.77 1.398.77Z"/>
462					</g>
463				</svg>
464			</a>
465		
466	</label>
467
468
469
470	<!-- <div class="d-flex">
471					<p><a href="https://the-decoder.de/" rel="home">KI Pro</a></p>
472						<p>KI für Profis</p>
473			</div> -->
474
475</div>
476		<nav id="site-navigation" class="nav flex items-center gap-4 px-4 py-2.25 rounded-xl" aria-label="Main Navigation">
477						<a href="https://the-decoder.de/sign-in/" class="button hidden sm:block bg-white hover:bg-(--heise-primary) focus:ring-4 focus:outline-none focus:ring-blue-300 font-regular rounded-sm sm:w-auto px-3 py-0.5 text-center">
478				<span class="text-(--heise-primary) hover:text-white">
479					Anmelden				</span>
480			</a>
481										<a href="https://the-decoder.de/subscription/" class="button hidden sm:block text-white bg-(--heise-primary) hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-regular rounded-sm sm:w-auto px-3 py-0.5 text-center">
482					<i class="icon-ai mr-2 text-sm icon-bold"></i>
483					Abonnieren				</a>
484						<button aria-controls="primary-menu" aria-expanded="false" class="menu-toggle">
485				<i class="icon-hamburger-nav icon-bold text-white text-2xl"></i>
486				<span class="sr-only">Primary Menu</span>
487			</button>
488		</nav>
489	</div>
490
491	
492<div id="primary-menu" class="fixed inset-y-0 right-0 w-full md:max-w-sm bg-(--heise-primary) text-white transform translate-x-full transition-transform duration-300 ease-in-out z-[99999]">
493	<div class="flex flex-col justify-between h-full p-4">
494
495		<div class="primary-menu-main">
496
497			<div class="primay-menu-header flex justify-between items-center mb-4">
498									<div class="flex justify-start items-center gap-2.5">
499						<!-- Leer für nicht-eingeloggte User -->
500					</div>
501								<button class="close-menu text-white text-2xl p-2 rounded-xl" aria-label="Close Menu">
502					<i class="icon-close icon-bold"></i>
503				</button>
504			</div>
505
506			<!-- Dynamic WP Nav - Updated 2026-10-02 09:53:29 -->
507							<!-- Login/Register Links for non-logged-in users -->
508				<ul class="space-y-4 mt-16 text-2xl font-bold">
509					<li class="menu-item">
510						<a href="https://the-decoder.de/sign-in/">
511							<span class="flex justify-between text-white hover:text-gray-300">
512								Anmelden								<i class="icon-chevron-right icon-bold"></i>
513							</span>
514						</a>
515					</li>
516					<li class="menu-item">
517						<a href="https://the-decoder.de/register/">
518							<span class="flex justify-between text-white hover:text-gray-300">
519								Registrieren								<i class="icon-chevron-right icon-bold"></i>
520							</span>
521						</a>
522					</li>
523				</ul>
524			
525			<div class="divider bg-white-20 w-[30px] h-[2px] my-4"></div><!-- Divider -->
526
527			<!-- Static WP Nav elements -->
528			
529		</div>
530
531		<div class="primary-menu-footer">
532							<a href="https://the-decoder.de/subscription/" class="block text-(--heise-primary) bg-white mt-3 hover:bg-[#64A4FF] focus:ring-4 focus:outline-none focus:ring-blue-300 hover:text-white font-medium rounded-sm w-full pl-3 pr-5 py-2.5 text-center mt-8">
533					Jetzt abonnieren				</a>
534			
535			<div class="social-icons flex justify-around items-center gap-2.5 my-4">
536				<div class="flex flex-col gap-1  items-center">
537					<h3>The Decoder</h3>
538					<div class="flex gap-1">
539						<a href="https://discord.gg/8VKkHAacn8" class="bg-white text-(--heise-primary) rounded-full flex items-center justify-center" alt="Discord Icon"><i class="icon-discord icon-bold"></i><span class="sr-only">Opens discord in a new tab</span></a>
540						<a href="https://www.linkedin.com/company/the-decoder-de/" class="bg-white text-(--heise-primary) rounded-full flex items-center justify-center" alt="LinkedIn Icon"><i class="icon-linkedin-1 icon-bold"></i><span class="sr-only">Opens LinkedIn in a new tab</span></a>
541					</div>
542				</div>
543		
544
545
546			
547
548			</div>
549		</div>
550
551	</div>
552
553
554	<div class="bg-(--heise-primary) blend-mode-difference"><!-- Start SVG Background -->
555		<svg class="bg-pattern--the-decoder" width="100%" height="100%">
556			<filter id="roughpaper-25641-7895" class="filter-roughpaper" x="0%" y="0%" width="100%" height="100%">
557				<feTurbulence baseFrequency="0.004" seed="5" result="noise"></feTurbulence>
558				<feDiffuseLighting in="noise" lighting-color="white" surfaceScale="3.5">
559					<feDistantLight azimuth="140" elevation="8"></feDistantLight>
560				</feDiffuseLighting>
561			</filter>
562			<rect x="0" y="0" width="100%" height="100%" filter="url(#roughpaper-25641-7895)" fill="none"></rect>
563		</svg>
564	</div><!-- End SVG Background -->
565
566</div>
567
568<div id="menu-overlay" class="fixed inset-0 bg-black/30 hidden z-999 overflow-hidden"></div><!-- Overlay when menu is active -->
569
570</header><!-- #masthead -->
571
572	<div id="content">
573
574		
575
576<main class="text-(--color-foreground) w-full">
577	<!-- 1️⃣ HERO SEKTION -->
578	<section class="relative overflow-hidden text-white text-center">
579		<div class="absolute inset-0 pointer-events-none bg-pattern--ki-pro"></div>
580
581		<div class="mx-auto max-w-(--container-5xl) px-6 pb-24 pt-16 md:pb-32 md:pt-24">
582			<div class="flex flex-col items-center gap-8">
583				<!-- Kompass-Icon -->
584				<div class="inline-flex items-center justify-center rounded-2xl bg-white/10 p-3 backdrop-blur">
585					<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"
586						class="h-8 w-8 opacity-70">
587						<path d="M15.3844 15.829L17.0767 7.36741L8.61514 9.05972M15.3844 15.829L6.92283 17.5213L8.61514 9.05972M15.3844 15.829L8.61514 9.05972M11.9998 23.4443C18.075 23.4443 22.9998 18.5196 22.9998 12.4443C22.9998 6.36921 18.075 1.44434 11.9998 1.44434C5.92463 1.44434 0.999756 6.36921 0.999756 12.4443C0.999756 18.5196 5.92463 23.4443 11.9998 23.4443Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
588					</svg>
589				</div>
590
591				<!-- Claim -->
592				<h1 class="text-5xl md:text-6xl lg:text-7xl xl:text-8xl font-semibold leading-tight md:leading-[1.15] xl:leading-[1.1]">
593					Ihr Navigator im KI-Alltag
594				</h1>
595
596				<!-- Subclaim -->
597				<p class="max-w-4xl text-lg md:text-xl lg:text-2xl xl:text-3xl leading-relaxed text-(--color-white-70)">
598					Einsteiger werden sicher, Profis noch besser. Für Unternehmen, die KI sicher und effektiv einsetzen möchten.
599				</p>
600
601				<!-- Identitäts-Zeile -->
602				<p class="max-w-5xl text-base md:text-lg lg:text-xl xl:text-2xl leading-relaxed text-(--color-white-70)">
603					<span class="font-medium text-white">Kontinuierlich lernen, selbstbestimmt handeln: Ein Jahr aktuelles KI-Wissen zum Preis eines Tagesworkshops.</span>
604					Gerade bei einer so dynamischen Technologie wie Künstlicher Intelligenz ist stetiges Lernen entscheidend. Mit heise KI Pro bleiben Sie <span class="font-medium text-white">ein ganzes Jahr lang</span> auf dem neuesten Stand – mit aktuellen, verlässlichen Informationen und praxisnahen Einordnungen, genau dann, wenn Sie sie brauchen: <span class="font-medium text-white">live oder on-demand.</span>
605				</p>
606
607				<!-- CTA Buttons -->
608				<div class="mt-4 flex flex-wrap justify-center gap-4">
609					<a href="#checkout"
610						class="button min-w-[250px] cursor-pointer rounded-sm bg-white px-8 py-4 text-lg font-semibold text-(--heise-primary) text-center hover:opacity-90 transition">
611						Jetzt heise KI PRO testen
612					</a>
613					<button type="button" data-contact-open data-contact-title="Erstgespräch buchen"
614						class="min-w-[250px] cursor-pointer rounded-sm border border-white/40 bg-white/10 px-8 py-4 text-lg font-semibold text-white text-center hover:bg-white/15 transition">
615						Erstgespräch buchen
616					</button>
617				</div>
618			</div>
619		</div>
620	</section>
621
622	<div class="pb-12 bg-[radial-gradient(60%_60%_at_50%_40%,rgba(255,255,255,0.95)_0%,rgba(255,255,255,0)_100%),linear-gradient(180deg,hsl(210,60%,98%)_0%,hsl(210,60%,96%)_40%,hsl(210,55%,93%)_70%,hsl(210,45%,88%)_100%)]">
623		<!-- 2️⃣ PROBLEM → LÖSUNG -->
624		<section class="">
625			<div class="mx-auto max-w-(--container-5xl) px-6 py-16">
626				<div class="grid gap-6 lg:grid-cols-2">
627
628					<!-- Probleme -->
629					<div>
630						<h3 class="mb-4 text-3xl font-semibold text-ki-pro-gradient-2">Unternehmen kämpfen mit</h3>
631						<ul class="space-y-3 text-(--heise-primary)">
632
633							<li class="rounded-2xl border border-(--gray-form-border) flex items-center gap-4 p-4 text-lg text-(--heise-primary)">
634								<div class="inline-flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-blue-100">
635									<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewB
635ox="0 0 24 25" fill="none">
636										<g clip-path="url(#clip0_3591_36615)">
637											<path d="M12 8.4762C9.1597 8.4762 6.85715 10.7787 6.85715 13.6191V14.4762C6.85715 15.423 7.62467 16.1905 8.57144 16.1905H15.4286C16.3753 16.1905 17.1429 15.423 17.1429 14.4762V13.6191C17.1429 10.7787 14.8403 8.4762 12 8.4762ZM12 8.4762L12 5.90478M21.3917 6.33335C19.4116 3.2405 15.9455 1.19049 12.0006 1.19049C5.84655 1.19049 0.857727 6.17932 0.857727 12.3333M2.60885 18.3333C4.58897 21.4263 8.05508 23.4762 12 23.4762C18.1541 23.4762 23.1429 18.4875 23.1429 12.3333M21.4286 2.04763V6.33335H17.1429M2.57144 22.6191V18.3333H6.85715M9.85715 13.1905C9.62046 13.1905 9.42858 12.9986 9.42858 12.7619C9.42858 12.5252 9.62046 12.3333 9.85715 12.3333C10.0938 12.3333 10.2857 12.5252 10.2857 12.7619C10.2857 12.9986 10.0938 13.1905 9.85715 13.1905ZM14.1429 13.1905C13.9062 13.1905 13.7143 12.9986 13.7143 12.7619C13.7143 12.5252 13.9062 12.3333 14.1429 12.3333C14.3796 12.3333 14.5714 12.5252 14.5714 12.7619C14.5714 12.9986 14.3796 13.1905 14.1429 13.1905Z" stroke="#14315B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
638										</g>
639										<defs>
640											<clipPath id="clip0_3591_36615">
641												<rect width="24" height="24" fill="white" transform="translate(0 0.333374)" />
642											</clipPath>
643										</defs>
644									</svg>
645								</div>
646								<span class="font-medium leading-snug">Tool-Flut – über 15 000 KI-Tools am Markt</span>
647							</li>
648
649							<li class="rounded-2xl border border-(--gray-form-border) flex items-center gap-4 p-4 text-lg text-(--heise-primary)">
650								<div class="inline-flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-blue-100">
651									<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none">
652										<path d="M17.2018 5.99997C15.7816 5.99997 14.6304 4.84871 14.6304 3.42855C14.6304 2.00838 15.7816 0.857117 17.2018 0.857117C18.6219 0.857117 19.7732 2.00838 19.7732 3.42855C19.7732 4.84871 18.6219 5.99997 17.2018 5.99997Z" stroke="#14315B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
653										<path d="M13.7733 9L10.9466 12.4549C10.369 13.1608 10.4453 14.1953 11.1202 14.8089L14.0693 17.4898C14.4267 17.8149 14.6305 18.2753 14.6305 18.7584V23.1429" stroke="#14315B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
654										<path d="M8.63037 16.7142L8.12611 18.2271C7.65943 19.627 6.34924 20.5714 4.87348 20.5714H2.63037" stroke="#14315B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
655										<path d="M21.4874 12H17.8457C17.4305 12 17.0294 11.8492 16.7169 11.5758L12.436 7.83007C11.2168 6.76324 9.41724 6.69542 8.12117 7.66747L5.20166 9.85711" stroke="#14315B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
656									</svg>
657								</div>
658								<span class="font-medium leading-snug">Info-Overload – täglich neue Trends, kaum zu überblicken</span>
659							</li>
660
661							<li class="rounded-2xl border border-(--gray-form-border) flex items-center gap-4 p-4 text-lg text-(--heise-primary)">
662								<div class="inline-flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-blue-100">
663									<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
664										<g clip-path="url(#clip0_3591_57916)">
665											<path d="M23.1426 11.9913C23.126 13.8961 22.6932 15.7743 21.8741 17.4941M11.9998 23.1341C10.5365 23.1341 9.08751 22.846 7.73561 22.2859C6.38369 21.726 5.15532 20.9052 4.12061 19.8705C2.03091 17.7808 0.856934 14.9466 0.856934 11.9913M11.9998 6.12846V12.1285H16.2855M1.5769 7.87699C1.95051 6.94332 2.45249 6.0663 3.06833 5.27128M6.37688 2.32271C7.34298 1.76486 8.38969 1.36005 9.47974 1.12271M22.4226 7.87699C22.0491 6.94332 21.5472 6.0663 20.9312 5.27128M17.6226 2.32271C16.6565 1.76486 15.6098 1.36005 14.5197 1.12271M20.5712 22.277C21.9913 22.277 23.1426 21.1257 23.1426 19.7056C23.1426 18.2855 21.9913 17.1341 20.5712 17.1341C19.1511 17.1341 17.9998 18.2855 17.9998 19.7056C17.9998 21.1257 19.1511 22.277 20.5712 22.277Z" stroke="#14315B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
666										</g>
667										<defs>
668											<clipPath id="clip0_3591_57916">
669												<rect width="24" height="24" fill="white" transform="translate(0 0.128418)" />
670											</clipPath>
671										</defs>
672									</svg>
673								</div>
674								<span class="font-medium leading-snug">Zeitdruck – KI verändert jede Branche rasant</span>
675							</li>
676						</ul>
677					</div>
678
679					<!-- Lösungen -->
680					<div>
681						<h3 class="mb-4 text-3xl font-semibold text-ki-pro-gradient-2">heise KI PRO liefert</h3>
682						<ul class="space-y-3 text-(--heise-primary)">
683
684							<li class="rounded-2xl border border-(--gray-form-border) flex items-center gap-4 p-4 text-lg text-(--heise-primary)">
685								<div class="inline-flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-blue-100">
686									<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewB
686ox="0 0 24 25" fill="none">
687										<g clip-path="url(#clip0_3591_55724)">
688											<path d="M23.1426 1.44699H0.856934L9.42836 13.447V23.7327L14.5712 20.3041V13.447L23.1426 1.44699Z" stroke="#14315B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
689										</g>
690										<defs>
691											<clipPath id="clip0_3591_55724">
692												<rect width="24" height="24" fill="white" transform="translate(0 0.589844)" />
693											</clipPath>
694										</defs>
695									</svg>
696								</div>
697								<span class="font-medium leading-snug">Kuratoren – wir filtern Relevantes für den Arbeitsalltag</span>
698							</li>
699
700							<li class="rounded-2xl border border-(--gray-form-border) flex items-center gap-4 p-4 text-lg text-(--heise-primary)">
701								<div class="inline-flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-blue-100">
702									<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
703										<path d="M20.1974 0.857178H3.80268C3.12267 0.857178 2.57143 1.40843 2.57143 2.08843V10.6373C2.57143 11.3173 3.12267 11.8686 3.80268 11.8686H20.1974C20.8773 11.8686 21.4286 11.3173 21.4286 10.6373V2.08843C21.4286 1.40843 20.8773 0.857178 20.1974 0.857178Z" stroke="#14315B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
704										<path d="M4.35771 16.7143C4.35771 17.2826 4.58348 17.8276 4.98534 18.2295C5.3872 18.6314 5.93225 18.8571 6.50057 18.8571C7.06889 18.8571 7.61393 18.6314 8.0158 18.2295C8.41766 17.8276 8.64343 17.2826 8.64343 16.7143C8.64343 16.1459 8.41766 15.6009 8.0158 15.199C7.61393 14.7972 7.06889 14.5714 6.50057 14.5714C5.93225 14.5714 5.3872 14.7972 4.98534 15.199C4.58348 15.6009 4.35771 16.1459 4.35771 16.7143Z" stroke="#14315B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
705										<path d="M15.3566 16.7143C15.3566 17.2826 15.5823 17.8276 15.9842 18.2295C16.3861 18.6314 16.9311 18.8571 17.4994 18.8571C18.0677 18.8571 18.6128 18.6314 19.0147 18.2295C19.4165 17.8276 19.6423 17.2826 19.6423 16.7143C19.6423 16.1459 19.4165 15.6009 19.0147 15.199C18.6128 14.7972 18.0677 14.5714 17.4994 14.5714C16.9311 14.5714 16.3861 14.7972 15.9842 15.199C15.5823 15.6009 15.3566 16.1459 15.3566 16.7143Z" stroke="#14315B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
706										<path d="M2.57143 23.1432C3.23276 21.6297 4.74312 20.5718 6.50054 20.5718C8.25795 20.5718 9.76831 21.6297 10.4296 23.1432" stroke="#14315B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
707										<path d="M13.5703 23.1432C14.2316 21.6297 15.742 20.5718 17.4994 20.5718C19.2569 20.5718 20.7672 21.6297 21.4286 23.1432" stroke="#14315B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
708										<path d="M10.0714 5.43944C10.0714 5.6927 10.1213 5.94348 10.2182 6.17747C10.3152 6.41145 10.4572 6.62406 10.6363 6.80314C10.8154 6.98223 11.028 7.12428 11.262 7.2212C11.496 7.31812 11.7467 7.36801 12 7.36801C12.2533 7.36801 12.504 7.31812 12.738 7.2212C12.972 7.12428 13.1846 6.98223 13.3637 6.80314C13.5428 6.62406 13.6848 6.41145 13.7818 6.17747C13.8787 5.94348 13.9286 5.6927 13.9286 5.43944C13.9286 5.18617 13.8787 4.93539 13.7818 4.7014C13.6848 4.46742 13.5428 4.25481 13.3637 4.07573C13.1846 3.89665 12.972 3.75459 12.738 3.65767C12.504 3.56075 12.2533 3.51086 12 3.51086C11.7467 3.51086 11.496 3.56075 11.262 3.65767C11.028 3.75459 10.8154 3.89665 10.6363 4.07573C10.4572 4.25481 10.3152 4.46742 10.2182 4.7014C10.1213 4.93539 10.0714 5.18617 10.0714 5.43944Z" stroke="#14315B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
709										<path d="M8.07088 11.8661V11.6007C8.73221 10.0871 10.2426 9.0293 12 9.0293C13.7574 9.0293 15.2678 10.0871 15.9291 11.6007V11.8661" stroke="#14315B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
710									</svg>
711								</div>
712								<span class="font-medium leading-snug">Erklärer – verständliche Webinare & Deep Dives</span>
713							</li>
714
715							<li class="rounded-2xl border border-(--gray-form-border) flex items-center gap-4 p-4 text-lg text-(--heise-primary)">
716								<div class="inline-flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-blue-100">
717									<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 25" fill="none" class="h-6 w-6">
718										<path d="M19.3527 16.9179L13.9896 20.8903C12.8557 21.7437 11.3458 21.7998 10.1491 21.033L0.857239 15.079M23.1428 14.1176L19.3527 16.9045L13.4314 10.9023L11.3738 12.4892C10.4417 13.208 9.10125 13.0197 8.40311 12.0718C7.76019 11.199 7.88727 9.97987 8.69637 9.25852L11.3611 6.88288C12.2412 6.09823 13.364 5.63992 14.5415 5.58465L18.4515 5.40117L23.1428 2.71428M13.4322 10.9119C14.8532 12.2527 16.8684 11.5687 17.6177 10.4742M0.857239 3.54631L4.66172 5.71584L8.05386 5.09352C9.2032 4.88267 10.3784 5.22984 11.2564 6.03959L11.7388 6.55495"
719											stroke="#14315B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
720									</svg>
721								</div>
722								<span class="font-medium leading-snug">Vernetzer – Austausch mit Experten und Community</span>
723							</li>
724						</ul>
725					</div>
726				</div>
727			</div>
728		</section>
729
730		<!-- 3️⃣ WAS SIE BEKOMMEN -->
731		<section>
732			<div class="mx-auto max-w-(--container-5xl) px-6 pt-16 pb-16 card-body backdrop-blur-[1px]">
733				<h2 class="mb-10 text-3xl font-semibold text-center text-(--heise-primary)">
734					Was Sie bekommen
735				</h2>
736
737				<!-- GRID -->
738				<div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
739					<!-- Deep Dives -->
740					<!-- 					<div class="flex flex-col items-start gap-3 rounded-2xl border border-(--gray-form-border) bg-white p-6 hover:shadow-md transition">
741						<div class="inline-flex h-12 w-12 items-center justify-center rounded-xl bg-blue-100">
742							<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
743								<path d="M22 23H5.59091C4.90377 23 4.24474 22.7326 3.75886 22.2566C3.27298 21.7805 3 21.1347 3 20.4615C3 19.7883 3.27298 19.1426 3.75886 18.6665C4.24474 18.1905 4.90377 17.9231 5.59091 17.9231H20.2727M20.2727 17.9231C20.7308 17.9231 21.1702 17.7447 21.4941 17.4274C21.8179 17.1101 22 16.6796 22 16.2308V2.69231C22 2.24347 21.8179 1.81304 21.4941 1.49567C21.1702 1.1783 20.7308 1 20.2727 1H5.59091C4.91556 0.999765 4.26682 1.2579 3.78287 1.71941C3.2989 2.18093 3.01802 2.80933 3 3.47077V20.3938M20.2727 17.9231V23M14.3162 8.61868H18.3149L14.0663 14.4954H18.5648M6.47479 10.2832L8.3161 4.8711C8.41049 4.59365 8.67549 4.40651 8.974 4.40651C9.2725 4.40651 9.53752 4.59365 9.6319 4.8711L11.4732 10.2832M7.14127 8.32431H10.8068" stroke="#14315B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
744							</svg>
745						</div>
746						<h3 class="text-lg font-semibold text-(--heise-primary)">Deep Dives</h3>
747						<p class="text-sm text-(--heise-primary)">Exklusive Fachartikel mit Praxiswissen für den Arbeitsalltag mit KI.</p>
748					</div> -->
749
750					<!-- Deep Dives -->
751					<div class="flex flex-col items-start gap-3 rounded-2xl border border-(--gray-form-border) bg-white p-6 hover:shadow-md transition">
752						<div class="inline-flex h-12 w-12 items-center justify-center rounded-xl bg-blue-100">
753							<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 14 14" fill="none">
754								<g clip-path="url(#clip0_3591_36744)">
755									<path d="M2.5 5.75V1.5C2.5 1.23478 2.60536 0.98043 2.79289 0.792893C2.98043 0.605357 3.23478 0.5 3.5 0.5H10L13.5 4V12.5C13.5 12.7652 13.3946 13.0196 13.2071 13.2071C13.0196 13.3946 12.7652 13.5 12.5 13.5H8.5" stroke="#14315B" stroke-linecap="round" stroke-linejoin="round" />
756									<path d="M0.5 12C0.5 10.3431 1.84315 9 3.5 9C5.15685 9 6.5 10.3431 6.5 12V12.5C6.5 13.0523 6.05228 13.5 5.5 13.5H1.5C0.947715 13.5 0.5 13.0523 0.5 12.5V12Z" stroke="#14315B" stroke-linecap="round" stroke-linejoin="round" />
757									<path d="M2.25 11.75C2.11193 11.75 2 11.6381 2 11.5C2 11.3619 2.11193 11.25 2.25 11.25" stroke="#14315B" stroke-linecap="round" stroke-linejoin="round" />
758									<path d="M2.25 11.75C2.38807 11.75 2.5 11.6381 2.5 11.5C2.5 11.3619 2.38807 11.25 2.25 11.25" stroke="#14315B" stroke-linecap="round" stroke-linejoin="round" />
759									<path d="M4.75 11.75C4.61193 11.75 4.5 11.6381 4.5 11.5C4.5 11.3619 4.61193 11.25 4.75 11.25" stroke="#14315B" stroke-linecap="round" stroke-linejoin="round" />
760									<path d="M4.75 11.75C4.88807 11.75 5 11.6381 5 11.5C5 11.3619 4.88807 11.25 4.75 11.25" stroke="#14315B" stroke-linecap="round" stroke-linejoin="round" />
761									<path d="M3.5 9V7.5" stroke="#14315B" stroke-linecap="round" stroke-linejoin="round" />
762								</g>
763								<defs>
764									<clipPath id="clip0_3591_36744">
765										<rect width="14" height="14" fill="white" />
766									</clipPath>
767								</defs>
768							</svg>
769						</div>
770						<h3 class="text-lg font-semibold text-(--heise-primary)">Deep Dives</h3>
771						<p class="text-sm text-(--heise-primary)">Ausführliche Artikel zu den wichtigsten KI-Themen wie z.B. Prompts, Tools und Recht mit konkreten Handlungsempfehlungen für Ihr Unternehmen.</p>
772					</div>
773
774					<!-- Webinare -->
775					<div class="flex flex-col items-start gap-3 rounded-2xl border border-(--gray-form-border) bg-white p-6 hover:shadow-md transition">
776						<div class="inline-flex h-12 w-12 items-center justify-center rounded-xl bg-blue-100">
777							<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
778								<g clip-path="url(#clip0_3591_71340)">
779									<path d="M10.1667 18.4167L8.33333 23M13.8333 18.4167L15.6667 23M6.5 23H17.5M4.62034 8.03219L12 11.2296L19.3795 8.03219L12 4.8348L4.62034 8.03219ZM4.62034 8.03219V13.6568M7.96832 9.49064L7.97563 12.9695C7.97563 12.9695 9.19401 14.5819 11.9993 14.5819C14.8045 14.5819 16.0294 12.9695 16.0294 12.9695L16.0287 9.49064M1.91667 1H22.0833C22.6333 1 23 1.36667 23 1.91667V17.5C23 18.05 22.6333 18.4167 22.0833 18.4167H1.91667C1.36667 18.4167 1 18.05 1 17.5V1.9
7791667C1 1.36667 1.36667 1 1.91667 1Z" stroke="#14315B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
780								</g>
781								<defs>
782									<clipPath id="clip0_3591_71340">
783										<rect width="24" height="24" fill="white" />
784									</clipPath>
785								</defs>
786							</svg>
787						</div>
788						<h3 class="text-lg font-semibold text-(--heise-primary)">Webinare</h3>
789						<p class="text-sm text-(--heise-primary)">Monatliche Webinare zu aktuellen KI-Themen wie Prompt Engineering, KI-Fehler vermeiden, KI und Datenschutz und mehr.</p>
790					</div>
791
792					<!-- Lernvideos -->
793					<div class="flex flex-col items-start gap-3 rounded-2xl border border-(--gray-form-border) bg-white p-6 hover:shadow-md transition">
794						<div class="inline-flex h-12 w-12 items-center justify-center rounded-xl bg-blue-100">
795							<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
796								<g clip-path="url(#clip0_3591_36507)">
797									<path d="M17.077 9.58242V2.53113C17.077 1.68551 16.3915 1 15.5459 1H2.53114C1.68552 1 1 1.68551 1 2.53113V15.5458C1 16.3914 1.68552 17.0769 2.53114 17.0769H10.0056M17.923 15.3846C15.1192 15.3846 12.8461 17.6576 12.8461 20.4615V21.3077C12.8461 22.2424 13.6038 23 14.5385 23H21.3077C22.2423 23 23 22.2424 23 21.3077V20.4615C23 17.6576 20.727 15.3846 17.923 15.3846ZM17.923 15.3846V12.8462M6.46809 12.1922V5.79532C6.4668 5.6861 6.49491 5.57854 6.54946 5.4839C6.604 5.38927 6.68298 5.31105 6.77814 5.25742C6.8733 5.20378 6.98112 5.17672 7.09032 5.17905C7.19953 5.18139 7.30609 5.21305 7.39887 5.27071L12.9328 8.46917C13.024 8.52302 13.0996 8.59975 13.1521 8.69174C13.2046 8.78373 13.2322 8.88785 13.2322 8.99378C13.2322 9.09972 13.2046 9.20382 13.1521 9.29583C13.0996 9.38782 13.024 9.46453 12.9328 9.5184L7.39887 12.8015C7.29988 12.865 7.18462 12.8986 7.06699 12.8981C6.94935 12.8976 6.83439 12.863 6.73597 12.7986C6.63754 12.7342 6.55987 12.6427 6.51233 12.5351C6.46479 12.4275 6.44942 12.3084 6.46809 12.1922ZM15.8077 20.0385C15.574 20.0385 15.3846 19.8491 15.3846 19.6154C15.3846 19.3817 15.574 19.1923 15.8077 19.1923C16.0414 19.1923 16.2308 19.3817 16.2308 19.6154C16.2308 19.8491 16.0414 20.0385 15.8077 20.0385ZM20.0384 20.0385C19.8049 20.0385 19.6154 19.8491 19.6154 19.6154C19.6154 19.3817 19.8049 19.1923 20.0384 19.1923C20.2721 19.1923 20.4615 19.3817 20.4615 19.6154C20.4615 19.8491 20.2721 20.0385 20.0384 20.0385Z" stroke="#14315B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
798								</g>
799								<defs>
800									<clipPath id="clip0_3591_36507">
801										<rect width="24" height="24" fill="white" transform="translate(0 0.111084)" />
802									</clipPath>
803								</defs>
804							</svg>
805						</div>
806						<h3 class="text-lg font-semibold text-(--heise-primary)">Lernvideos</h3>
807						<p class="text-sm text-(--heise-primary)">Grundlagenwissen zu den wichtigsten KI-Themen wie Prompting oder Auswahl verschiedener KI-Modelle.</p>
808					</div>
809
810					<!-- Community -->
811					<div class="flex flex-col items-start gap-3 rounded-2xl border border-(--gray-form-border) bg-white p-6 hover:shadow-md transition">
812						<div class="inline-flex h-12 w-12 items-center justify-center rounded-xl bg-blue-100">
813							<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
814								<g clip-path="url(#clip0_3591_69898)">
815									<path d="M1 14.75C1 11.7124 3.46244 9.25 6.5 9.25M23 14.75C23 11.7124 20.5377 9.25 17.5 9.25M17.5 23C17.5 19.9623 15.0376 17.5 12 17.5C8.96244 17.5 6.5 19.9623 6.5 23M3.75 3.75C3.75 4.47935 4.03973 5.17882 4.55546 5.69454C5.07118 6.21027 5.77065 6.5 6.5 6.5C7.22935 6.5 7.92882 6.21027 8.44454 5.69454C8.96027 5.17882 9.25 4.47935 9.25 3.75C9.25 3.02065 8.96027 2.32118 8.44454 1.80546C7.92882 1.28973 7.22935 1 6.5 1C5.77065 1 5.07118 1.28973 4.55546 1.80546C4.03973 2.32118 3.75 3.02065 3.75 3.75ZM14.75 3.75C14.75 4.47935 15.0397 5.17882 15.5555 5.69454C16.0712 6.21027 16.7707 6.5 17.5 6.5C18.2293 6.5 18.9288 6.21027 19.4445 5.69454C19.9603 5.17882 20.25 4.47935 20.25 3.75C20.25 3.02065 19.9603 2.32118 19.4445 1.80546C18.9288 1.28973 18.2293 1 17.5 1C16.7707 1 16.0712 1.28973 15.5555 1.80546C15.0397 2.32118 14.75 3.02065 14.75 3.75ZM9.25 12C9.25 12.3611 9.32113 12.7187 9.45933 13.0524C9.59753 13.386 9.80009 13.6892 
81510.0555 13.9445C10.3108 14.1999 10.614 14.4025 10.9476 14.5407C11.2813 14.6789 11.6389 14.75 12 14.75C12.3611 14.75 12.7187 14.6789 13.0524 14.5407C13.386 14.4025 13.6892 14.1999 13.9445 13.9445C14.1999 13.6892 14.4025 13.386 14.5407 13.0524C14.6789 12.7187 14.75 12.3611 14.75 12C14.75 11.6389 14.6789 11.2813 14.5407 10.9476C14.4025 10.614 14.1999 10.3108 13.9445 10.0555C13.6892 9.80009 13.386 9.59753 13.0524 9.45933C12.7187 9.32113 12.3611 9.25 12 9.25C11.6389 9.25 11.2813 9.32113 10.9476 9.45933C10.614 9.59753 10.3108 9.80009 10.0555 10.0555C9.80009 10.3108 9.59753 10.614 9.45933 10.9476C9.32113 11.2813 9.25 11.6389 9.25 12Z" stroke="#14315B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
816								</g>
817								<defs>
818									<clipPath id="clip0_3591_69898">
819										<rect width="24" height="24" fill="white" />
820									</clipPath>
821								</defs>
822							</svg>
823						</div>
824						<h3 class="text-lg font-semibold text-(--heise-primary)">Community</h3>
825						<p class="text-sm text-(--heise-primary)">News, Austausch, Feedback und Experten-Fragen im Web, bei Live-Talks und per WhatsApp.</p>
826					</div>
827
828					<!-- Pro Talks -->
829					<div class="flex flex-col items-start gap-3 rounded-2xl border border-(--gray-form-border) bg-white p-6 hover:shadow-md transition">
830						<div class="inline-flex h-12 w-12 items-center justify-center rounded-xl bg-blue-100">
831							<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
832								<path d="M3 23C3.63128 21.5059 5.07298 20.4616 6.75051 20.4616C8.42805 20.4616 9.86975 21.5059 10.501 23M13.4989 23C14.1302 21.5059 15.5719 20.4616 17.2495 20.4616C18.9271 20.4616 20.3687 21.5059 21 23M8.24947 11.8676V11.6056C8.88075 10.1114 10.3224 9.06721 12 9.06721C13.6775 9.06721 15.1192 10.1114 15.7505 11.6056V11.8676M19.8248 1H4.17529C3.52619 1 3 1.54418 3 2.21545V10.6546C3 11.3259 3.52619 11.87 4.17529 11.87H19.8248C20.4737 11.87 21 11.3259 21 10.6546V2.21545C21 1.54418 20.4737 1 19.8248 1ZM4.70509 16.6536C4.70509 17.2146 4.92059 17.7527 5.30419 18.1494C5.68779 18.5461 6.20806 18.769 6.75055 18.769C7.29303 18.769 7.8133 18.5461 8.1969 18.1494C8.5805 17.7527 8.796 17.2146 8.796 16.6536C8.796 16.0926 8.5805 15.5545 8.1969 15.1578C7.8133 14.7611 7.29303 14.5383 6.75055 14.5383C6.20806 14.5383 5.68779 14.7611 5.30419 15.1578C4.92059 15.5545 4.70509 16.0926 4.70509 16.6536ZM15.204 16.6536C15.204 17.2146 15.4195 17.7527 15.8031 18.1494C16.1867 18.5461 16.707 18.769 17.2495 18.769C17.7919 18.769 18.3122 18.5461 18.6958 18.1494C19.0794 17.7527 19.2949 17.2146 19.2949 16.6536C19.2949 16.0926 19.0794 15.5545 18.6958 15.1578C18.3122 14.7611 17.7919 14.5383 17.2495 14.5383C16.707 14.5383 16.1867 14.7611 15.8031 15.1578C15.4195 15.5545 15.204 16.0926 15.204 16.6536ZM10.1591 5.52347C10.1591 5.77348 10.2067 6.02105 10.2992 6.25203C10.3917 6.48301 10.5273 6.69288 10.6983 6.86967C10.8692 7.04646 11.0722 7.18669 11.2955 7.28237C11.5189 7.37804 11.7582 7.42729 12 7.42729C12.2418 7.42729 12.4811 7.37804 12.7045 7.28237C12.9278 7.18669 13.1308 7.04646 13.3017 6.86967C13.4727 6.69288 13.6083 6.48301 13.7008 6.25203C13.7933 6.02105 13.8409 5.77348 13.8409 5.52347C13.8409 5.27346 13.7933 5.02589 13.7008 4.79491C13.6083 4.56393 13.4727 4.35405 13.3017 4.17727C13.1308 4.00048 12.9278 3.86025 12.7045 3.76457C12.4811 3.6689 12.2418 3.61965 12 3.61965C11.7582 3.61965 11.5189 3.6689 11.2955 3.76457C11.0722 3.86025 10.8692 4.00048 10.6983 4.17727C10.5273 4.35405 10.3917 4.56393 10.2992 4.79491C10.2067 5.02589 10.1591 5.27346 10.1591 5.52347Z" stroke="#14315B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
833							</svg>
834						</div>
835						<h3 class="text-lg font-semibold text-(--heise-primary)">Pro Talks</h3>
836						<p class="text-sm text-(--heise-primary)">Monatliche Experten-Talks mit der heise KI Pro-Community zu flexiblen Themen. Vorschläge aus der Community sind willkommen.</p>
837					</div>
838
839
840					<!-- Short News -->
841					<div class="flex flex-col items-start gap-3 rounded-2xl border border-(--gray-form-border) bg-white p-6 hover:shadow-md transition">
842						<div class="inline-flex h-12 w-12 items-center justify-center rounded-xl bg-blue-100">
843							<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none">
844								<g clip-path="url(#clip0_3591_39988)">
845									<path d="M24 6.07792V18.8572C24 19.4255 23.7771 19.9706 23.3804 20.3723C22.9838 20.7742 22.4456 21 21.8846 21M21.8846 21C21.3236 21 20.7855 20.7742 20.3888 20.3723C19.9921 19.9706 19.7692 19.4255 19.7692 18.8572V3.85714C19.7692 3.62982 
84519.68 3.41179 19.5215 3.25105C19.3627 3.09031 19.1475 3 18.9231 3H2.84615C2.62174 3 2.40652 3.09031 2.24783 3.25105C2.08915 3.41179 2 3.62982 2 3.85714V19.2857C2 19.7403 2.1783 20.1764 2.49567 20.498C2.81304 20.8193 3.24347 21 3.69231 21H21.8846ZM7.07692 16.5H14.6923M14.6923 7.5H7.07692V11.5909H14.6923V7.5Z" stroke="#14315B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
846								</g>
847								<defs>
848									<clipPath id="clip0_3591_39988">
849										<rect width="24" height="24" fill="white" transform="translate(0.666748)" />
850									</clipPath>
851								</defs>
852							</svg>
853						</div>
854						<h3 class="text-lg font-semibold text-(--heise-primary)">Business Briefings</h3>
855						<p class="text-sm text-(--heise-primary)">24 Newsletter mit konkreten Handlungs- und Leseempfehlungen.</p>
856					</div>
857
858				</div>
859
860
861
862				<!-- EU COMPLIANCE -->
863				<div class="mt-12">
864					<div
865						class="relative flex flex-col md:flex-row items-start md:items-center gap-8
866           rounded-2xl border border-(--gray-form-border) bg-white p-8
867           shadow-[0_8px_20px_rgba(0,0,0,0.05)] hover:shadow-[0_10px_26px_rgba(0,0,0,0.08)]
868           transition overflow-hidden">
869
870						<!-- Gradient Accent Bar -->
871						<div class="absolute top-0 left-0 w-full h-2 rounded-t-2xl bg-[linear-gradient(90deg,#64A4FF,#64A4FF)]"></div>
872
873						<!-- Icon -->
874						<div
875							class="flex h-16 w-16 shrink-0 items-center justify-center
876             rounded-full bg-blue-100 text-heise-primary">
877							<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 31 30" fill="none">
878								<path d="M29.2229 9.95664V3.21427C29.2229 2.0308 28.2635 1.07141 27.08 1.07141H3.50858C2.32511 1.07141 1.36572 2.0308 1.36572 3.21427V20.3571C1.36572 21.5406 2.32511 22.5 3.50858 22.5H14.664" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
879								<path d="M23.8657 23.7508C26.8243 23.7508 29.2228 21.3524 29.2228 18.3938C29.2228 15.4351 26.8243 13.0366 23.8657 13.0366C20.907 13.0366 18.5085 15.4351 18.5085 18.3938C18.5085 21.3524 20.907 23.7508 23.8657 23.7508Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
880								<path d="M6.7229 6.48291H19.8479M6.7229 11.9293H12.6158" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
881								<path d="M20.3167 22.4161V28.9285L23.8658 27.4553L27.4148 28.9285V22.4161" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
882							</svg>
883						</div>
884
885						<!-- Text -->
886						<div class="flex-1 text-(--heise-primary)">
887							<h2 class="text-2xl font-semibold mb-2">EU AI Act – Art. 4</h2>
888							<p class="text-base leading-relaxed mb-5">
889								heise KI PRO sichert dokumentierte Weiterbildung im Unternehmen. Damit können Sie compliant
890								und auditfähig mit dem EU AI Act werden.
891							</p>
892
893							<!-- Tags -->
894							<div class="flex flex-wrap gap-3 text-sm font-medium text-(--heise-primary)">
895								<span
896									class="inline-flex items-center gap-2 min-w-[120px] px-3 py-1
897                 rounded-full bg-blue-100 text-heise-primary">
898									<svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 14 15" fill="none">
899										<path d="M12 1.74359H2C1.44772 1.74359 1 2.19131 1 2.74359V5.41903C1 9.196 3.41686 12.5492 7 13.7436C10.5831 12.5492 13 9.196 13 5.41903V2.74359C13 2.19131 12.5523 1.74359 12 1.74359Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />
900										<path d="M10 4.74359L6 9.24359L4 7.74359" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />
901									</svg>
902									Dokumentiert
903								</span>
904
905								<span
906									class="inline-flex items-center gap-2 min-w-[120px] px-3 py-1
907                 rounded-full bg-blue-100 text-heise-primary">
908									<svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 14 15" fill="none">
909										<path d="M12 1.74359H2C1.44772 1.74359 1 2.19131 1 2.74359V5.41903C1 9.196 3.41686 12.5492 7 13.7436C10.5831 12.5492 13 9.196 13 5.41903V2.74359C13 2.19131 12.5523 1.74359 12 1.74359Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />
910										<path d="M10 4.74359L6 9.24359L4 7.74359" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />
911									</svg>
912									Compliant
913								</span>
914
915								<span
916									class="inline-flex items-center gap-2 min-w-[120px] px-3 py-1
917                 rounded-full bg-blue-100 text-heise-primary">
918									<svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 14 15" fill="none">
919										<path d="M12 1.74359H2C1.44772 1.74359 1 2.19131 1 2.74359V5.41903C1 9.196 3.41686 12.5492 7 13.7436C10.5831 12.5492 13 9.196 13 5.41903V2.74359C13 2.19131 12.5523 1.74359 12 1.74359Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />
920										<path d="M10 4.74359L6 9.24359L4 7.74359" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />
921									</svg>
922									Auditfähig
923								</span>
924							</div>
925						</div>
926					</div>
927				</div>
928			</div>
929		</section>
930
931
932		<!-- SECTION: Deep Dives und Webinare -->
933		<section id="checkout" class="">
934			<div class="mx-auto max-w-(--container-5xl) px-6 pb-16 pt-2">
935				<h2 class="mb-4 text-3xl font-semibold text-center text-(--heise-primary) hidden">
936					Deep Dives und Webinare
937				</h2>
938				<!-- 				<p class="text-base text-(--heise-primary) text-center mb-8">
939					Verschaffen Sie sich einen ersten Eindruck. Jetzt probelesen oder reinschauen!
940				</p> -->
941
942				<!-- GRID -->
943				<div class="grid gap-6 md:grid-cols-2">
944
945					<!-- 🧠 Prompt Engineering -->
946					<div class="rounded-2xl border border-(--gray-form-border) bg-white p-4 flex flex-col">
947						<div class="relative overflow-hidden rounded-lg bg-black mb-3 aspect-video">
948							<video controls class="absolute top-0 left-0 w-full h-full object-cover">
949								<source src="https://the-decoder.de/wp-content/uploads/2025/10/5-Schritte-zur-erfolgreichen-KI-Integration-in-den-Arbeitsalltag.mp4" type="video/mp4">
950							</video>
951						</div>
952						<h3 class="text-lg font-semibold text-(--heise-primary) mb-2">Prompt Engineering</h3>
953						<p class="text-sm mb-3">
954							In diesem Deep Dive erfahren Sie alles Wissenswerte über den aktuellen Stand des Prompt Engineering – wie man ein KI-Modell optimal anweist.
955						</p>
956						<a href="https://the-decoder.de/wp-content/uploads/2025/10/Deep-Dive_Heise_01-Prompt-Engineering_Leseprobe.pdf"
957							target="_blank"
958							class="button mt-auto inline-block text-center rounded-md bg-[#64A4FF]/20 text-heise-primary
959         font-semibold text-sm py-2 px-4 transition hover:bg-[#64A4FF]/50 hover:text-[#14315b]">
960							Leseprobe ansehen (PDF)
961						</a>
962					</div>
963					<!-- Datenschutz und KI -->
964					<div class="rounded-2xl border border-(--gray-form-border) bg-white p-4 flex flex-col">
965						<div class="relative overflow-hidden rounded-lg bg-black mb-3 aspect-video">
966							<video controls class="absolute top-0 left-0 w-full h-full object-cover">
967								<source src="https://the-decoder.de/wp-content/uploads/2025/10/KI-und-Datenschutz-Highlight.mp4" type="video/mp4">
968							</video>
969						</div>
970						<h3 class="text-lg font-semibold text-(--heise-primary) mb-2">Datenschutz und KI</h3>
971						<p class="text-sm mb-3">
972							Risiken erkennen, Chancen nutzen
973						</p>
974						<a href="https://the-decoder.de/wp-content/uploads/2025/10/Datenschutz-und-KI-Deep-Dive-Leseprobe-Intro.pdf"
975							target="_blank"
976							class="button mt-auto inline-block text-center rounded-md bg-[#64A4FF]/20 text-heise-primary
977         font-semibold text-sm py-2 px-4 transition hover:bg-[#64A4FF]/50 hover:text-[#14315b]">
978							Leseprobe ansehen (PDF)
979						</a>
980					</div>
981
982					<!-- ⚙️ Generative KI-Tools -->
983					<!-- 					<div class="rounded-2xl border border-(--gray-form-border) bg-white p-4 flex flex-col">
984						<div class="relative overflow-hidden rounded-lg bg-black mb-3 aspect-video">
985							<video controls class="absolute top-0 left-0 w-full h-full object-cover">
986								<source src="https://the-decoder.de/wp-content/uploads/2025/10/Die-besten-KI-Tools_Auswahlkriterien.mp4" type="video/mp4">
987							</video>
988						</div>
989						<h3 class="text-lg font-semibold text-(--heise-primary) mb-2">Generative KI-Tools</h3>
990						<p class="text-sm mb-3">
991							In diesem Deep Dive erfahren Sie, wie Sie die richtigen KI-Tools für ihre spezifischen Anwendungsfälle identifizieren und welche Tools bei Texterstellung, Bildern, Audio, Video und Code derzeit besonders empfehlenswert sind.
992						</p>
993						<a href="https://the-decoder.de/wp-content/uploads/2025/10/Deep-Dive_Heise_02-KI-Tools_Leseprobe.pdf"
994							target="_blank"
995							class="mt-auto inline-block text-center rounded-md bg-[#64A4FF]/20 text-heise-primary
996         font-semibold text-sm py-2 px-4 transition hover:bg-[#64A4FF]/50 hover:text-[#14315b]">
997							Leseprobe ansehen (PDF)
998						</a>
999					</div> -->
1000
1001					<!-- KI-Agenten -->
1002					<div class="rounded-2xl border border-(--gray-form-border) bg-white p-4 flex flex-col">
1003						<div class="relative overflow-hidden rounded-lg bg-black mb-3 aspect-video">
1004							<video controls class="absolute top-0 left-0 w-full h-full object-cover">
1005								<source src="https://the-decoder.de/wp-content/uploads/2025/10/KI-Agenten-Highlight.mp4" type="video/mp4">
1006							</video>
1007						</div>
1008						<h3 class="text-lg font-semibold text-(--heise-primary) mb-2">KI-Agenten</h3>
1009						<p class="text-sm mb-3">
1010							Grundlagen, Anwendungsgebiete und Zukunftsperspektiven
1011						</p>
1012						<a href="https://the-decoder.de/wp-content/uploads/2025/10/Deep_Dive_KI_Agenten_Leseprobe_August.pdf"
1013							target="_blank"
1014							class="button mt-auto inline-block text-center rounded-md bg-[#64A4FF]/20 text-heise-primary
1015         font-semibold text-sm py-2 px-4 transition hover:bg-[#64A4FF]/50 hover:text-[#14315b]">
1016							Leseprobe ansehen (PDF)
1017						</a>
1018					</div>
1019
1020
1021					<!-- ⚖️ KI und Urheberrecht -->
1022					<div class="rounded-2xl border border-(--gray-form-border) bg-white p-4 flex flex-col">
1023						<div class="relative overflow-hidden rounded-lg bg-black mb-3 aspect-video">
1024							<video controls class="absolute top-0 left-0 w-full h-full object-cover">
1025								<source src="https://the-decoder.de/wp-content/uploads/2025/10/Fluch-oder-Segen_-Die-Wahrheit-ueber-Bild-KI-und-Urheberrecht.mp4" type="video/mp4">
1026							</video>
1027						</div>
1028						<h3 class="text-lg font-semibold text-(--heise-primary) mb-2">KI und Urheberrecht</h3>
1029						<p class="text-sm mb-3">
1030							Digitales Freiwild? Generative KI und das Urheberrecht.
1031						</p>
1032						<a href="https://the-decoder.de/wp-content/uploads/2025/10/Deep-Dive_Heise_03-Urheberrecht_Leseprobe.pdf"
1033							target="_blank"
1034							class="button mt-auto inline-block text-center rounded-md bg-[#64A4FF]/20 text-heise-primary
1035         font-semibold text-sm py-2 px-4 transition hover:bg-[#64A4FF]/50 hover:text-[#14315b]">
1036							Leseprobe ansehen (PDF)
1037						</a>
1038					</div>
1039
1040					<!-- 🧭 KI-Richtlinien für Mitarbeitende -->
1041					<!-- 					<div class="rounded-2xl border border-(--gray-form-border) bg-white p-4 flex flex-col">
1042						<div class="relative overflow-hidden rounded-lg bg-black mb-3 aspect-video">
1043							<video controls class="absolute top-0 left-0 w-full h-full object-cover">
1044								<source src="https://the-decoder.de/wp-content/uploads/2025/10/Kulturwandel-und-KI_-Der-Schluessel-zu-erfolgreicher-Produktivitaet.mp4" type="video/mp4">
1045							</video>
1046						</div>
1047						<h3 class="text-lg font-semibold text-(--heise-primary) mb-2">KI-Richtlinien für Mitarbeitende</h3>
1048						<p class="text-sm mb-3">
1049							Grundlage für verantwortungsvollen und effizienten Einsatz künstlicher Intelligenz.
1050						</p>
1051						<a href="https://the-decoder.de/wp-content/uploads/2025/10/Deep-Dive_Heise_04-KI-Richtlinien_Leseprobe.pdf"
1052							target="_blank"
1053							class="mt-auto inline-block text-center rounded-md bg-[#64A4FF]/20 text-heise-primary
1054         font-semibold text-sm py-2 px-4 transition hover:bg-[#64A4FF]/50 hover:text-[#14315b]">
1055							Leseprobe ansehen (PDF)
1056						</a>
1057					</div> -->
1058
1059
1060
1061					<!-- 🧩 KI-Governance -->
1062					<!-- 					<div class="rounded-2xl border border-(--gray-form-border) bg-white p-4 flex flex-col">
1063						<div class="relative overflow-hidden rounded-lg bg-black mb-3 aspect-video">
1064							<video controls class="absolute top-0 left-0 w-full h-full object-cover">
1065								<source src="https://pro.heise.de/wp-content/uploads/2024/10/Ethik-in-KI_-Menschliche-Aufsicht-fuer-vertrauensvollen-Einsatz.mp4?_=5" type="video/mp4">
1066							</video>
1067						</div>
1068						<h3 class="text-lg font-semibold text-(--heise-primary) mb-2">KI-Governance</h3>
1069						<p class="text-sm mb-3">
1070							So setzen Sie generative KI perfekt im Unternehmen um.
1071						</p>
1072						<a href="https://pro.heise.de/wp-content/uploads/2024/09/Deep-Dive_Heise_05-KI-Governance_Leseprobe.pdf"
1073							target="_blank"
1074  class="mt-auto inline-block text-center rounded-md bg-[#64A4FF]/20 text-heise-primary
1075         font-semibold text-sm py-2 px-4 transition hover:bg-[#64A4FF]/50 hover:text-[#14315b]"
1076>
1077  Leseprobe ansehen (PDF)
1078</a>
1079					</div> -->
1080
1081				</div>
1082			</div>
1083		</section>
1084
1085		<!-- CTA Box -->
1086		<section class="mt-2 mb-10">
1087			<div class="mx-auto max-w-(--container-5xl) px-6">
1088				<div class="pb-8 pt-8 rounded-xl bg-white text-center shadow-sm border border-(--gray-form-border)">
1089					<p class="text-base text-(--heise-primary)">
1090						Jetzt anmelden und Direktzugriff auf mehr als <strong>18 Deep Dives</strong> und
1091						<strong>1 080 Minuten Webinar- und Lernvideos</strong> zu Themen wie
1092						<strong>KI und Recht</strong>, <strong>LLM-SEO</strong> erhalten!
1093					</p>
1094					<div class="mt-5">
1095						<a
1096							href="#pakete"
1097							class="button inline-block rounded-sm bg-(image:--ki_gradient-2)
1098          px-8 py-3 text-base font-semibold text-white hover:opacity-90 transition">
1099							Jetzt anmelden
1100						</a>
1101					</div>
1102				</div>
1103			</div>
1104		</section>
1105
1106	</div>
1107
1108	<div class="relative bg-[image:var(--ki_gradient-3)] overflow-hidden">
1109		<!-- BG-SVG -->
1110		<div class="absolute inset-0 z-0 opacity-40 mix-blend-overlay pointer-events-none">
1111			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1251 1461" preserveAspectRatio="xMidYMid meet" class="w-full h-full">
1112				<path fill="#fff" fill-opacity=".2"
1113					d="M790.764 19.878c-106.302-49.564-231.368-3.097-281.392 102.229L20.062 1161.43c-50.023 105.33-3.125 229.24 103.177 278.81 106.306 49.56 231.368 3.09 281.392-102.23l489.31-1039.327c48.463-105.325 3.125-229.237-103.177-278.805ZM1128.44 682.807c-106.31-49.568-231.372-3.1-281.396 102.229l-176.65 376.384c-50.028 105.33-3.129 229.24 103.177 278.81 106.302 49.56 231.359 3.09 281.389-102.23l176.65-376.388c48.47-105.329 3.13-229.241-103.17-278.805Z" />
1114			</svg>
1115		</div>
1116
1117		<div class="relative z-10">
1118			<!-- 5️⃣ PREISÜBERSICHT -->
1119			<section id="pakete" class="relative  text-white py-24">
1120				<div class="mx-auto max-w-(--container-5xl) px-6 text-center">
1121					<h2 class="text-4xl font-semibold mb-4">
1122						heise KI PRO – Ein Jahr lang KI-Wissen zu den Kosten eines Tagesworkshops
1123					</h2>
1124					<p class="text-white/80 mb-16">
1125						Wählen Sie das passende Paket für Ihren Einstieg in die professionelle KI-Nutzung.
1126					</p>
1127
1128					<!-- GRID -->
1129					<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
1130
1131						<!-- Kennenlern-Angebot -->
1132						<div class="rounded-2xl bg-white text-(--heise-primary) shadow-xl p-8 flex flex-col items-center">
1133							<div class="mb-2 text-sm font-medium uppercase tracking-wide text-(--heise-primary)">
1134								heise KI Pro kennenlernen
1135							</div>
1136							<div class="text-4xl font-semibold mb-1">0 €</div>
1137							<p class="text-sm text-gray-600 mb-6">Kostenlos testen</p>
1138
1139							<ul class="text-left space-y-2 text-sm mb-8">
1140								<li class="flex items-center gap-2"><span class="text-green-500">✔</span> Persönlicher KI-Check-up (15 Minuten)</li>
1141								<li class="flex items-center gap-2"><span class="text-green-500">✔</span> 3x Business-Briefings</li>
1142								<li class="flex items-center gap-2"><span class="text-green-500">✔</span> 1x exklusives Lernvideo zu einem aktuellen KI-Thema</li>
1143							</ul>
1144
1145							<button type="button" data-contact-open data-contact-title="heise KI PRO Kennenlern-Angebot"
1146								class="mt-auto inline-block text-white bg-(image:--ki_gradient-2) my-5 hover:opacity-90 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-sm w-full pl-3 pr-5 py-2.5 text-center cursor-pointer">
1147								Jetzt starten
1148							</button>
1149						</div>
1150
1151						<!-- Einzellizenz -->
1152						<div class="rounded-2xl bg-white text-(--heise-primary) shadow-xl p-8 flex flex-col items-center border-2 border-(--heise-secondary)">
1153							<div class="mb-2 text-sm font-medium uppercase tracking-wide text-(--heise-primary)">
1154								heise KI PRO Einzellizenz
1155							</div>
1156							<div class="text-4xl font-semibold mb-1">1.995,00 €</div>
1157							<p class="text-sm text-gray-600 mb-6">pro Jahr / zzgl. MwSt.</p>
1158
1159							<ul class="text-left space-y-2 text-sm mb-8">
1160								<li class="flex items-center gap-2"><span class="text-green-500">✔</span> Kostenloser Zugang zu allen Online-Events</li>
1161								<li class="flex items-center gap-2"><span class="text-green-500">✔</span> Direktzugriff auf exklusive KI-Lerninhalte (z. B. KI-SEO, Prompt Engineering)</li>
1162								<li class="flex items-center gap-2"><span class="text-green-500">✔</span> Zwei KI-Business-Briefings pro Monat – kompakt und umsetzungsorientiert</li>
1163								<li class="flex items-center gap-2"><span class="text-green-500">✔</span> KI-Lernreise: Grundlegendes Wissen zu KI</li>
1164								<li class="flex items-center gap-2"><span class="text-green-500">✔</span> Monatlicher PROTalk mit Redaktion und Expert:innen</li>
1165								<li class="flex items-center gap-2"><span class="text-green-500">✔</span> Exklusiver heise KI Pro-Community-Feed und WhatsApp-Gruppe – direkter Austausch mit Redaktion und Community</li>
1166								<li class="flex items-center gap-2"><span class="text-green-500">✔</span> "The Decoder" Abo</li>
1167								<li class="flex items-center gap-2"><span class="text-green-500">✔</span> 1× KI-Tool heise I/O inklusive 30 € Startguthaben</li>
1168							</ul>
1169
1170							<button type="button"
1171								class="mt-auto text-white bg-(image:--ki_gradient-2) my-5 hover:opacity-90 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-sm w-full pl-3 pr-5 py-2.5 text-center cursor-pointer"
1172								data-contact-open
1173								data-contact-title="KI PRO Einzellizenz"
1174								data-contact-description=""
1175								data-contact-date-label="Gewünschter Starttermin (optional)"
1176								data-contact-message-placeholder="Beschreiben Sie kurz, wofür Sie heise KI PRO einsetzen möchten oder welche Fragen Sie zur Einzellizenz haben.">
1177								Einzellizenz anfragen
1178							</button>
1179						</div>
1180
1181						<!-- Enterprise -->
1182						<div class="rounded-2xl bg-white text-(--heise-primary) shadow-xl p-8 flex flex-col items-center">
1183							<div class="mb-2 text-sm font-medium uppercase tracking-wide text-(--heise-primary)">
1184								heise KI PRO Enterprise
1185							</div>
1186							<div class="text-3xl font-semibold mb-1">
1186Auf Anfrage</div>
1187							<p class="text-sm text-gray-600 mb-6">Individuelle Konditionen</p>
1188
1189							<ul class="text-left space-y-2 text-sm mb-8">
1190								<li class="flex items-center gap-2"><span class="text-green-500">✔</span> Alle Leistungen der Einzellizenz</li>
1191								<li class="flex items-center gap-2"><span class="text-green-500">✔</span> Team- und Mehrfachlizenzen – individuell skalierbar</li>
1192								<li class="flex items-center gap-2"><span class="text-green-500">✔</span> Attraktive Kombi-Pakete mit weiteren Angeboten (z. B. heise security PRO, heise academy)</li>
1193								<li class="flex items-center gap-2"><span class="text-green-500">✔</span> Individuelle KI-Lernreisen, zugeschnitten auf Ihre Unternehmensziele</li>
1194								<li class="flex items-center gap-2"><span class="text-green-500">✔</span> Eigene heise I/O-Instanz – Lizenzumfang nach Bedarf</li>
1195							</ul>
1196
1197							<button type="button" data-contact-enterprise-open data-contact-title="heise KI PRO Enterprise"
1198								class="mt-auto inline-block text-white bg-(image:--ki_gradient-2) my-5 hover:opacity-90 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-sm w-full pl-3 pr-5 py-2.5 text-center cursor-pointer">
1199								Jetzt mit Sales sprechen
1200							</button>
1201						</div>
1202
1203					</div>
1204				</div>
1205			</section>
1206
1207
1208
1209
1210			<!-- 7️⃣ ADD-ONS -->
1211			<section class="">
1212				<div class="mx-auto max-w-(--container-5xl) px-6 text-center">
1213					<h2 class="text-4xl font-semibold mb-12 text-white">Mehr drin mit heise KI PRO</h2>
1214
1215					<div class="grid gap-6 md:grid-cols-2 text-left">
1216
1217						<!-- The Decoder -->
1218						<div class="flex flex-col h-full">
1219							<div class="flex justify-start items-center h-[36px] md:h-[44px]">
1220								<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 106 31"
1221									class="h-full w-auto text-white fill-white opacity-90">
1222									<g>
1223										<path class="switch__letters" d="M48.1 7.6c-.4 0-.7-.1-.9-.3-.3-.2-.4-.5-.4-1V3.1h-.9v-.7h.9V1h.8v1.4H49v.7h-1.4V6c0 .3 0 .5.1.6 0 .1.3.2.6.2h.7v.7h-.8Zm2-.1V.2h.8V3v-.2c.2-.1.5-.3.8-.3.3 0 .6-.1.8-.1.4 0 .8 0 1.1.2.3.2.5.4.7.7.2.3.2.7.2 1.2v3h-.8v-3c0-.5-.1-.8-.3-1.1s-.6-.4-1-.4-.5 0-.7.1c-.3 0-.5.2-.8.3v4.1h-.8Zm8.1.1c-.5 0-.9 0-1.3-.3-.4-.2-.6-.5-.8-.9-.2-.4-.3-.9-.3-1.5 0-.9.2-1.5.6-2 .4-.4 1-.7 1.7-.7s1 .1 1.4.4c.3.2.6.6.7 1 .1.4.2.9.2 1.4h-4.2v-.7h3.7-.3c0-.4-.2-.8-.4-1-.2-.2-.6-.4-1.1-.4s-.6 0-.9.2c-.2.1-.4.3-.5.6-.1.3-.2.7-.2 1.3s.1 1.1.4 1.4.7.5 1.3.5h.7c.2 0 .4 0 .6-.2.2 0 .3-.1.5-.2v.7c-.3.1-.5.2-.8.3h-1Z"></path>
1224									</g>
1225									<g>
1226										<path class="switch__letters" d="M43.3 27c.4 0 .8.1 1 .4.3.3.4.6.4 1s-.1.7-.4 1c-.3.3-.6.4-1 .4h-2.6c-1 0-1.9-.2-2.8-.5-.8-.3-1.6-.8-2.3-1.4-.7-.6-1.2-1.3-1.6-2-.4-.8-.6-1.6-.7-2.5 0-.4.1-.8.4-1 .3-.3.7-.4 1.1-.4s.9.1 1.2.4c.3.3.4.6.4 1s.1 1 .4 1.4c.2.4.6.8.9 1.1.4.3.8.6 1.3.8.5.2 1 .3 1.5.3h2.6ZM43.2 13.2c.4 0 .8.1 1 .4.3.3.4.6.4 1s-.1.7-.4 1c-.3.3-.6.4-1 .4h-2.4c-.5 0-1.1 0-1.5.3-.5.2-.9.4-1.3.8-.4.3-.7.7-.9 1.1-.2.4-.4.9-.4 1.4s-.1.8-.4 1c-.3.3-.7.4-1.2.4s-.9-.1-1.1-.4c-.3-.3-.4-.6-.4-1 0-.9.2-1.8.6-2.5.4-.8.9-1.5 1.6-2 .7-.6 1.4-1 2.3-1.4.9-.3 1.8-.5 2.8-.5h2.4Z"></path>
1227									</g>
1228									<g>
1229										<path class="switch__letters" d="M60.3 19.6c0 .4-.1.8-.4 1-.3.3-.7.4-1.1.4s-.9-.1-1.1-.4c-.3-.3-.4-.6-.4-1s-.1-1-.3-1.5c-.2-.5-.5-.9-.9-1.3s-.8-.6-1.3-.8c-.5-.2-1.1-.3-1.6-.3-.6 0-1.1.1-1.6.3-.5.2-1 .5-1.3.8-.4.4-.6.8-.8 1.2-.2.5-.3 1-.3 1.5s-.1.8-.4 1c-.3.3-.7.4-1.2.4s-.8-.1-1.1-.4c-.3-.3-.4-.6-.4-1 0-.9.2-1.8.6-2.6.4-.8 1-1.5 1.6-2.1s1.4-1.1 2.2-1.4c.8-.4 1.7-.5 2.8-.5s1.9.2 2.8.5c.8.4 1.6.8 2.2 1.5.7.6 1.2 1.3 1.6 2.2.4.8.6 1.7.6 2.6ZM60.3 23.4c0 .9-.2 1.8-.6 2.6-.4.8-.9 1.5-1.6 2.2-.7.6-1.4 1.1-2.2 1.5-.8.4-1.8.5-2.8.5s-2-.2-2.8-.5c-.8-.4-1.6-.8-2.3-1.5-.7-.6-1.2-1.3-1.6-2.1-.4-.8-.6-1.7-.6-2.6s0-.4.1-.6c0-.2.2-.3.3-.5.1-.1.3-.2.5-.3.2 0 .4-.1.7-.1.5 0 .9.1 1.2.4s.4.6.4 1 .1 1.1.3 1.6.5.9.8 1.2c.4.3.8.6 1.3.8.5.2 1.1.3 1.6.3s1.1-.1 1.6-.3c.5-.2 1-.5 1.3-.8.4-.4.6-.8.8-1.2.2-.5.3-1 .3-1.5s.1-.8.4-1c.3-.3.7-.4 1.1-.4s.9.1 1.1.4c.3.3.4.6.4 1Z"></path>
1230									</g>
1231									<g>
1232										<path class="switch__letters" d="M76.3 28.4c0 .4-.1.7-.4 1-.2.3-.6.4-1 .4l-5 .2h-.6c-1 0-2-.2-2.9-.6-.9-.4-1.6-.9-2.3-1.6-.7-.7-1.2-1.4-1.6-2.2s-.6-1.7-.6-2.7v-3.2c0-.9.2-1.8.5-2.6.4-.8.8-1.5 1.4-2.1.6-.6 1.3-1.1 2.1-1.5.8-.4 1.7-.6 2.7-.6h1.7c.4 0 .8.2 1 .5.3.3.4.6.4 1s-.1.8-.4 1c-.3.2-.6.4-1 .4h-1.5c-.5 0-1 .1-1.5.3-.5.2-.9.5-1.2.8-.3.4-.6.8-.8 1.3-.2.5-.3 1-.3 1.5v3.2c0 .6 0 1.1.3 1.6.2.5.5 1 .9 1.3.4.4.9.7 1.4.9.5.2 1.1.3 1.6.3l5.5-.2h.
12326c.2 0 .3.2.5.3.1.1.2.3.3.5 0 .2.1.4.1.6Z"></path>
1233										<path class="switch__letters" d="M73 9.1c0-.4.1-.7.4-1 .3-.3.7-.4 1.1-.4s.9.1 1.1.4c.3.3.4.6.4 1v15.6c0 .4-.1.7-.4 1-.3.3-.7.4-1.1.4s-.9-.1-1.1-.4c-.3-.3-.4-.6-.4-1V9.1Z"></path>
1234									</g>
1235									<g>
1236										<path class="switch__letters" d="M82.8 21.5c0-.4.1-.7.4-1 .2-.3.6-.4 1-.4h6.5v-.3c0-.6 0-1.1-.3-1.6-.2-.5-.5-.9-.8-1.3-.4-.4-.8-.7-1.3-.9-.5-.2-1.1-.3-1.8-.3s-1.1.1-1.6.3c-.5.2-1 .5-1.4.8-.4.3-.7.8-.9 1.2-.2.5-.3 1-.3 1.5s-.1.8-.4 1c-.3.3-.7.4-1.2.4s-.8-.1-1.1-.4c-.3-.3-.4-.6-.4-1 0-.9.2-1.8.6-2.6.4-.8.9-1.5 1.6-2.1.7-.6 1.4-1.1 2.3-1.4.9-.4 1.8-.5 2.9-.5s2.1.2 3 .6c.9.4 1.6.9 2.3 1.5.6.6 1.2 1.4 1.5 2.2.4.8.6 1.7.6 2.7v1.8c0 .2 0 .4-.1.6 0 .2-.2.3-.3.4-.1.1-.3.2-.5.3-.2 0-.4.1-.6.1h-8.1c-.4 0-.8-.1-1-.4-.2-.3-.4-.6-.4-1ZM90 27c.4 0 .7.1 1 .4.3.3.4.6.4 1s-.1.7-.4 1c-.3.3-.6.4-1 .4h-3.8c-1 0-2-.2-2.8-.5-.8-.3-1.6-.8-2.2-1.3-.6-.6-1.1-1.2-1.5-2-.4-.8-.5-1.6-.5-2.6s.1-.7.4-1c.3-.3.7-.4 1.1-.4s.9.1 1.2.4c.3.3.4.6.4 1s0 1 .3 1.5c.2.4.4.8.8 1.1.4.3.8.6 1.3.7.5.2 1 .3 1.6.3h3.8Z"></path>
1237									</g>
1238									<g>
1239										<path class="switch__letters" d="M96.7 17.6c0-.6.1-1.2.4-1.7s.6-1 1-1.4c.4-.4.9-.7 1.5-1 .6-.2 1.2-.3 1.9-.3h3c.5 0 .8.2 1 .5.2.3.4.6.4 1s0 .4-.1.6-.2.3-.3.5c-.1.1-.3.2-.5.3-.2 0-.4.1-.6 0h-3.7c-.2 0-.4.2-.5.3-.2.1-.3.3-.3.5v11.8c0 .4-.1.7-.4 1-.3.3-.7.4-1.1.4s-.9-.1-1.1-.4c-.3-.3-.4-.6-.4-1V17.5ZM14.3 28.4c0 .4-.1.7-.4 1-.2.3-.6.4-1 .4l-5 .2h-.6c-1 0-2-.2-2.9-.6-.9-.4-1.6-.9-2.3-1.6-.7-.7-1.2-1.4-1.6-2.2-.4-.8-.6-1.7-.6-2.7v-3.2c0-.9.2-1.8.5-2.6.4-.8.8-1.5 1.4-2.1s1.3-1.1 2.1-1.5c.8-.4 1.7-.6 2.7-.6h1.7c.4 0 .8.2 1 .5.3.3.4.6.4 1s-.1.8-.4 1c-.3.2-.6.4-1 .4H6.8c-.5 0-1 .1-1.5.3-.5.2-.9.5-1.2.8-.3.4-.6.8-.8 1.3-.2.5-.3 1-.3 1.5v3.2c0 .6 0 1.1.3 1.6.2.5.5 1 .9 1.3.4.4.9.7 1.4.9.5.2 1.1.3 1.6.3l5.5-.2h.6c.2 0 .3.2.5.3.1.1.2.3.3.5 0 .2.1.4.1.6ZM10.9 9.1c0-.4.1-.7.4-1 .3-.3.7-.4 1.1-.4s.9.1 1.1.4c.3.3.4.6.4 1v15.6c0 .4-.1.7-.4 1-.3.3-.7.4-1.1.4s-.9-.1-1.1-.4c-.3-.3-.4-.6-.4-1V9.1ZM20.8 21.5c0-.4.1-.7.4-1 .2-.3.6-.4 1-.4h6.5v-.3c0-.6 0-1.1-.3-1.6-.2-.5-.5-.9-.8-1.3-.4-.4-.8-.7-1.3-.9-.5-.2-1.1-.3-1.8-.3s-1.1.1-1.6.3c-.5.2-1 .5-1.4.8-.4.3-.7.8-.9 1.2-.2.5-.3 1-.3 1.5s-.1.8-.4 1c-.3.3-.7.4-1.2.4s-.8-.1-1.1-.4c-.3-.3-.4-.6-.4-1 0-.9.2-1.8.6-2.6.4-.8.9-1.5 1.6-2.1.7-.6 1.4-1.1 2.3-1.4.9-.4 1.8-.5 2.9-.5s2.1.2 3 .6c.9.4 1.6.9 2.3 1.5.6.6 1.2 1.4 1.5 2.2s.6 1.7.6 2.7v1.8c0 .2 0 .4-.1.6 0 .2-.2.3-.3.4-.1.1-.3.2-.5.3-.2 0-.4.1-.6.1h-8.1c-.4 0-.8-.1-1-.4-.2-.3-.4-.6-.4-1ZM28 27c.4 0 .7.1 1 .4.3.3.4.6.4 1s-.1.7-.4 1-.6.4-1 .4h-3.8c-1 0-2-.2-2.8-.5s-1.6-.8-2.2-1.3c-.6-.6-1.1-1.2-1.5-2-.4-.8-.5-1.6-.5-2.6s.1-.7.4-1c.3-.3.7-.4 1.1-.4s.9.1 1.2.4c.3.3.4.6.4 1s0 1 .3 1.5c.2.4.4.8.8 1.1.4.3.8.6 1.3.7.5.2 1 .3 1.6.3h3.8Z"></path>
1240									</g>
1241								</svg>
1242							</div>
1243							<div class="rounded-2xl border card-body backdrop-blur-[1px] bg-(--heise-highlight-20) p-6 flex flex-col flex-1">
1244								<h3 class="mb-2 text-lg font-semibold text-white w-full flex items-center justify-between">
1245									<span>The Decoder</span>
1246									<span class="rounded px-2 py-0.5 text-xs font-medium text-white bg-(--heise-highlight-20) ">Inklusive</span>
1247								</h3>
1248
1249								<p class="text-sm text-white">
1250									Deutschlands führendes KI-Fachmagazin – in KI PRO werbefrei enthalten.
1251								</p>
1252
1253								<ul class="mt-2 list-disc pl-5 text-sm text-white">
1254									<li>Tägliche News</li>
1255									<li>Tiefgehende Analysen</li>
1256									<li>Exklusiv & werbefrei</li>
1257								</ul>
1258							</div>
1259						</div>
1260
1261						<!-- heise I/O -->
1262						<div class="flex flex-col h-full">
1263							<div class="flex justify-start items-center h-[36px] md:h-[44px]">
1264								<svg width="130" height="24" viewBox="0 0 130 24" fill="none" xmlns="http://www.w3.org/2000/svg"
1265									class="h-full w-auto text-white fill-white opacity-90">
1266									<g id="heise I/O Logo">
1267										<g id="Group 1246">
1268											<path id="Vector" d="M12.8858 0.324228C11.1575 -0.481262 9.10304 0.265601 8.295 1.99383L0.324228 19.085C-0.481262 20.8132 0.265601 22.8677 1.99383 23.6758C3.72207 24.4813 5.77658 23.7344 6.58461 22.0062L14.5554 4.91501C15.3609 3.18422 14.614 1.12972 12.8858 0.324228Z" fill="#ffffff" />
1269											<path id="Vector_2" d="M18.4044 11.2315C16.6762 10.426 14.6217 11.
12691728 13.8136 12.9011L10.9307 19.0824C10.1252 20.8107 10.872 22.8652 12.6003 23.6732C14.3285 24.4787 16.383 23.7318 17.1885 22.0036L20.0714 15.8222C20.8795 14.094 20.1326 12.0395 18.4044 11.2315Z" fill="#ffffff" />
1270											<g id="Group">
1271												<path id="Vector_3" d="M28.9445 1.63708H32.3857V7.09708L32.2429 9.92904C33.4741 8.76923 34.9296 7.70629 36.9382 7.70629C40.0786 7.70629 41.4525 9.83218 41.4525 13.5359V22.7327H38.0114V13.9769C38.0114 11.563 37.318 10.6555 35.73 10.6555C34.4402 10.6555 33.5914 11.2877 32.3857 12.4832V22.7327H28.9445V1.63708Z" fill="#ffffff" />
1272												<path id="Vector_4" d="M43.5071 15.4093C43.5071 10.6426 46.8157 7.70361 50.2671 7.70361C54.2333 7.70361 56.3235 10.5713 56.3235 14.6675C56.3235 15.3252 56.2522 15.9803 56.1731 16.3397H46.8616C47.1471 18.9448 48.8218 20.4258 51.1847 20.4258C52.4388 20.4258 53.5145 20.0307 54.5902 19.3628L55.7602 21.5014C54.3633 22.4446 52.5943 23.0895 50.731 23.0895C46.6857 23.0895 43.5071 20.2473 43.5071 15.4093ZM53.3514 13.9997C53.3514 11.7413 52.3471 10.3673 50.341 10.3673C48.6332 10.3673 47.1267 11.6444 46.8284 13.9997H53.3514Z" fill="#ffffff" />
1273												<path id="Vector_5" d="M57.9677 3.5462C57.9677 2.3864 58.8751 1.59875 60.0935 1.59875C61.312 1.59875 62.2194 2.3864 62.2194 3.5462C62.2194 4.68052 61.312 5.49365 60.0935 5.49365C58.8751 5.49365 57.9677 4.68306 57.9677 3.5462ZM58.3628 8.06306H61.8039V22.7327H58.3628V8.06306Z" fill="#ffffff" />
1274												<path id="Vector_6" d="M63.2365 21.0477L64.8372 18.8606C66.1398 19.8752 67.399 20.4971 68.8876 20.4971C70.4884 20.4971 71.2404 19.7452 71.2404 18.7408C71.2404 17.5097 69.6523 16.9616 68.0872 16.3626C66.1653 15.6387 63.9655 14.535 63.9655 12.0854C63.9655 9.54144 66.02 7.70105 69.3057 7.70105C71.3474 7.70105 72.9839 8.53203 74.1794 9.45732L72.6015 11.5705C71.5743 10.8185 70.5419 10.2934 69.3872 10.2934C67.9113 10.2934 67.2129 10.9969 67.2129 11.9171C67.2129 13.0769 68.6939 13.5179 70.2819 14.1042C72.2651 14.8434 74.4878 15.7993 74.4878 18.5369C74.4878 21.0579 72.4945 23.0869 68.7908 23.0869C66.7847 23.0895 64.669 22.2304 63.2365 21.0477Z" fill="#ffffff" />
1275												<path id="Vector_7" d="M75.9714 15.4093C75.9714 10.6426 79.28 7.70361 82.7314 7.70361C86.6976 7.70361 88.7878 10.5713 88.7878 14.6675C88.7878 15.3252 88.7165 15.9803 88.64 16.3397H79.3284C79.6139 18.9448 81.2886 20.4258 83.6516 20.4258C84.9057 20.4258 85.9814 20.0307 87.057 19.3628L88.227 21.5014C86.8302 22.4446 85.0612 23.0895 83.1978 23.0895C79.1475 23.0895 75.9714 20.2473 75.9714 15.4093ZM85.8131 13.9997C85.8131 11.7413 84.8088 10.3673 82.8027 10.3673C81.0949 10.3673 79.5884 11.6444 79.2902 13.9997H85.8131Z" fill="#ffffff" />
1276											</g>
1277										</g>
1278										<g id="Group_2">
1279											<path id="Vector_8" d="M100.912 3.61938H97.523V22.7237H100.912V3.61938Z" fill="#ffffff" />
1280											<g id="Group_3">
1281												<path id="Vector_9" d="M103.461 22.7237L108.558 3.61938H111.947L106.849 22.7237H103.461Z" fill="#ffffff" />
1282											</g>
1283											<g id="Group_4">
1284												<path id="Vector_10" d="M120.811 23.0743C119.156 23.0743 117.696 22.675 116.43 21.8766C115.164 21.0587 114.171 19.9097 113.45 18.4296C112.749 16.9301 112.398 15.1482 112.398 13.0839C112.398 11.0197 112.749 9.25726 113.45 7.79669C114.171 6.33612 115.164 5.21637 116.43 4.4374C117.696 3.65843 119.156 3.26892 120.811 3.26892C122.486 3.26892 123.956 3.65843 125.222 4.4374C126.488 5.21637 127.472 6.33612 128.173 7.79669C128.893 9.25726 129.253 11.0197 129.253 13.0839C129.253 15.1482 128.893 16.9301 128.173 18.4296C127.472 19.9097 126.488 21.0587 125.222 21.8766C123.956 22.675 122.486 23.0743 120.811 23.0743ZM120.811 20.1239C122.311 20.1239 123.509 19.491 124.404 18.2251C125.3 16.9398 125.748 15.2261 125.748 13.0839C125.748 10.9418 125.3 9.267 124.404 8.0596C123.509 6.83272 122.311 6.21929 120.811 6.21929C119.312 6.21929 118.114 6.83272 117.218 8.0596C116.323 9.267 115.875 10.9418 115.875 13.0839C115.875 15.2261 116.323 16.9398 117.218 18.2251C118.114 19.491 119.312 20.1239 120.811 20.1239Z" fill="#ffffff" />
1285											</g>
1286										</g>
1287									</g>
1288								</svg>
1289							</div>
1290							<div class="rounded-2xl border card-body backdrop-blur-[1px] bg-(--heise-highlight-20) p-6 flex flex-col flex-1">
1291								<h3 class="mb-2 text-lg font-semibold text-white w-full flex items-center justify-between">
1292									<span>heise I/O</span>
1293									<span class="rounded px-2 py-0.5 text-xs font-medium text-white bg-(--heise-highlight-20) ">Add-on</span>
1294								</h3>
1295
1296								<p class="text-sm text-white">
1297									KI-gestützte Publishing-Plattform für Teams – exklusiv als Add-on.
1298								</p>
1299
1300								<ul class="mt-2 list-disc pl-5 text-sm text-white">
1301									<li>Eigene Daten + Workflows</li>
1302									<li>Multi-Source Editing</li>
1303									<li>DSGVO & EU AI Act ready</li>
1304								</ul>
1305								<a href="https://heise-io.de" target="_blank" class="text-sm font-semibold text-(--heise-highlight) underline hover:opacity-80">Zur Produktseite</a>
1306							</div>
1307						</div>
1308
1309					</div>
1310				</div>
1311			</section>
1312
1313
1314
1315			<!-- 8️⃣ UPDATES-FEED -->
1316			<section class="relative overflow-hidden text-white">
1317
1318				<div class="relative z-10 mx-auto max-w-(--container-5xl) px-6 py-20">
1319					<!-- Überschrift -->
1320					<div class="mb-12 flex items-center justify-center gap-3 text-center">
1321						<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-(--heise-highlight)" fill="none" viewBox="0 0 24 24"
1322							stroke="currentColor">
1323							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
1324								d="M5 13l4 4L19 7" />
1325						</svg>
1326						<h2 class="text-3xl font-semibold text-white">Immer am Puls der KI – aktuelle Highlights</h2>
1327					</div>
1328
1329					<!-- GRID -->
1330					<div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3">
1331														<a href="https://the-decoder.de/ki-pro/ki-pro-talk-29-10-26-computer-use-im-arbeitsalltag/" class="button flex flex-col justify-between rounded-2xl border border-white/20 bg-white/10 p-6 backdrop-blur-sm hover:bg-white/20 transition">
1332									<div>
1333										<div class="mb-4 flex items-center justify-between text-sm">
1334											<span class="rounded-full bg-black/70 px-3 py-0.5 text-white text-xs font-semibold">Knowledge Area</span>
1335											<span class="text-white/70">Heute</span>
1336										</div>
1337										<h3 class="mb-3 text-base font-medium text-white">KI PRO Talk | 29.10.26 | Computer Use im Arbeitsalltag</h3>
1338									</div>
1339									<span class="mt-2 inline-flex items-center gap-1 text-(--heise-highlight) text-sm font-semibold">
1340										Weiterlesen →
1341									</span>
1342								</a>
1343															<a href="https://the-decoder.de/ki-pro/webinar-mcp-verstehen/" class="button flex flex-col justify-between rounded-2xl border border-white/20 bg-white/10 p-6 backdrop-blur-sm hover:bg-white/20 transition">
1344									<div>
1345										<div class="mb-4 flex items-center justify-between text-sm">
1346											<span class="rounded-full bg-black/70 px-3 py-0.5 text-white text-xs font-semibold">Knowledge Area</span>
1347											<span class="text-white/70">Vor 6 Tagen</span>
1348										</div>
1349										<h3 class="mb-3 text-base font-medium text-white">Webinar: MCP verstehen und KI-Agenten im Alltag nutzen</h3>
1350									</div>
1351									<span class="mt-2 inline-flex items-center gap-1 text-(--heise-highlight) text-sm font-semibold">
1352										Weiterlesen →
1353									</span>
1354								</a>
1355															<a href="https://the-decoder.de/ki-pro/rate-limits-wenn-das-ki-abo-eure-arbeit-ausbremst/" class="button flex flex-col justify-between rounded-2xl border border-white/20 bg-white/10 p-6 backdrop-blur-sm hover:bg-white/20 transition">
1356									<div>
1357										<div class="mb-4 flex items-center justify-between text-sm">
1358											<span class="rounded-full bg-black/70 px-3 py-0.5 text-white text-xs font-semibold">Community</span>
1359											<span class="text-white/70">Vor 1 Woche</span>
1360										</div>
1361										<h3 class="mb-3 text-base font-medium text-white">Rate Limits: Wenn das KI-Abo eure Arbeit ausbremst</h3>
1362									</div>
1363									<span class="mt-2 inline-flex items-center gap-1 text-(--heise-highlight) text-sm font-semibold">
1364										Weiterlesen →
1365									</span>
1366								</a>
1367															<a href="https://the-decoder.de/ki-pro/von-gpts-und-gems-zu-skills-was-sich-fuer-eure-ki-arbeit-aendert/" class="button flex flex-col justify-between rounded-2xl border border-white/20 bg-white/10 p-6 backdrop-blur-sm hover:bg-white/20 transition">
1368									<div>
1369										<div class="mb-4 flex items-center justify-between text-sm">
1370											<span class="rounded-full bg-black/70 px-3 py-0.5 text-white text-xs font-semibold">Community</span>
1371											<span class="text-white/70">Vor 1 Woche</span>
1372										</div>
1373										<h3 class="mb-3 text-base font-medium text-white">Von GPTs und Gems zu Skills: Was sich für eure KI-Arbeit ändert</h3>
1374									</div>
1375									<span class="mt-2 inline-flex items-center gap-1 text-(--heise-highlight) text-sm font-semibold">
1376										Weiterlesen →
1377									</span>
1378								</a>
1379															<a href="https://the-decoder.de/ki-pro/chatgpt-claude-und-gemini-ki-token-sparen-kosten-senken/" class="button flex flex-col justify-between rounded-2xl border border-white/20 bg-white/10 p-6 backdrop-blur-sm hover:bg-white/20 transition">
1380									<div>
1381										<div class="mb-4 flex items-center justify-between text-sm">
1382											<span class="rounded-full bg-black/70 px-3 py-0.5 text-white text-xs font-semibold">Community</span>
1383											<span class="text-white/70">Vor 2 Wochen</span>
1384										</div>
1385										<h3 class="mb-3 text-base font-medium text-white">ChatGPT, Claude und Gemini: KI-Token sparen, Kosten senken</h3>
1386									</div>
1387									<span class="mt-2 inline-flex items-center gap-1 text-(--heise-highlight) text-sm font-semibold">
1388										Weiterlesen →
1389									</span>
1390								</a>
1391															<a href="https://the-decoder.de/ki-pro/ki-recherche-die-falschen-antworten-haben-die-besseren-links/" class="button flex flex-col justify-between rounded-2xl border border-white/20 bg-white/10 p-6 backdrop-blur-sm hover:bg-white/20 transition">
1392									<div>
1393										<div class="mb-4 flex items-center justify-between text-sm">
1394											<span class="rounded-full bg-black/70 px-3 py-0.5 text-white text-xs font-semibold">Deep Dive</span>
1395											<span class="text-white/70">Vor 2 Wochen</span>
1396										</div>
1397										<h3 class="mb-3 text-base font-medium text-white">KI-Recherche: Die falschen Antworten haben die besseren Links</h3>
1398									</div>
1399									<span class="mt-2 inline-flex items-center gap-1 text-(--heise-highlight) text-sm font-semibold">
1400										Weiterlesen →
1401									</span>
1402								</a>
1403												</div>
1404				</div>
1405			</section>
1406		</div>
1407	</div>
1408
1409
1410	<!-- 9️⃣ EXPERTEN -->
1411	<section class="relative bg-white py-20">
1412		<div class="mx-auto max-w-(--container-5xl) px-6">
1413			<h2 class="mb-12 text-3xl font-semibold text-(--heise-primary) text-center">
1414				Unsere Experten
1415			</h2>
1416
1417			<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
1418				<!-- Benjamin Danneberg -->
1419				<div class="flex flex-col items-center rounded-2xl border border-(--gray-form-border) bg-white p-6 text-center hover:shadow-lg transition">
1420					<img src="https://the-decoder.de/wp-content/themes/deep-content/img/Benjamin_Danneberg.jpg" alt="Benjamin Danneberg" class="mx-auto mb-4 w-40 rounded-lg">
1421					<h3 class="text-lg font-semibold text-(--heise-primary)">Benjamin Danneberg</h3>
1422					<p class="text-sm font-medium text-(--heise-primary)">Partner, KI-Berater</p>
1423					<p class="mt-3 text-sm leading-relaxed text-(--heise-primary)">
1424						Mitgründer der KI-Beratung DEEP CONTENT und Mitherausgeber von THE DECODER. Experte für digitale Strategien und KI in Medienhäusern und Unternehmen.
1425					</p>
1426					<div class="mt-auto w-full flex items-center justify-between gap-3">
1427						<a href="https://www.linkedin.com/in/benjamin-danneberg/" target="_blank" rel="noopener" class="inline-flex items-center justify-center h-8 w-8 rounded-full bg-(--heise-secondary)">
1428							<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24" class="h-4 w-4">
1429								<path d="M19 0h-14c-2.76 0-5 2.24-5 5v14c0 2.76 2.24 5 5 5h14c2.77 0 5-2.24 5-5v-14c0-2.76-2.23-5-5-5zm-11.75 20h-2.5v-11h2.5v11zm-1.25-12.27c-.8 0-1.45-.65-1.45-1.45s.65-1.46 1.45-1.46 1.46.66 1.46 1.46-.66 1.45-1.46 1.45zm13 12.27h-2.5v-5.5c0-1.31-.03-3-1.83-3-1.84 0-2.12 1.43-2.12 2.91v5.59h-2.5v-11h2.4v1.5h.03c.34-.64 1.17-1.31 2.42-1.31 2.59 0 3.07 1.7 3.07 3.91v6.9z" />
1430							</svg>
1431						</a>
1432						<a href="https://heise-academy.de/experten/benjamin-danneberg-d4bd8a" class="text-sm text-(--heise-secondary) font-semibold hover:underline">
1433							Zum Profil →
1434						</a>
1435					</div>
1436				</div>
1437
1438				<!-- Matthias Bastian -->
1439				<div class="flex flex-col items-center rounded-2xl border border-(--gray-form-border) bg-white p-6 text-center hover:shadow-lg transition">
1440					<img src="https://the-decoder.de/wp-content/themes/deep-content/img/Matthias_Bastian.jpg" alt="Matthias Bastian" class="mx-auto mb-4 w-40 rounded-lg">
1441					<h3 class="text-lg font-semibold text-(--heise-primary)">Matthias Bastian</h3>
1442					<p class="text-sm font-medium text-(--heise-primary)">Partner, KI-Berater</p>
1443					<p class="mt-3 text-sm leading-relaxed text-(--heise-primary)">
1444						Mitgründer von DEEP CONTENT und Mitherausgeber von THE DECODER. Fokus auf generative KI und effiziente Content-Prozesse.
1445					</p>
1446					<div class="mt-auto w-full flex items-center justify-between gap-3">
1447						<a href="https://www.linkedin.com/in/matthias-bastian-128b71b1/" target="_blank" rel="noopener" class="inline-flex items-center justify-center h-8 w-8 rounded-full bg-(--heise-secondary)">
1448							<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24" class="h-4 w-4">
1449								<path d="M19 0h-14c-2.76 0-5 2.24-5 5v14c0 2.76 2.24 5 5 5h14c2.77 0 5-2.24 5-5v-14c0-2.76-2.23-5-5-5zm-11.75 20h-2.5v-11h2.5v11zm-1.25-12.27c-.8 0-1.45-.65-1.45-1.45s.65-1.46 1.45-1.46 1.46.66 1.46 1.46-.66 1.45-1.46 1.45zm13 12.27h-2.5v-5.5c0-1.31-.03-3-1.83-3-1.84 0-2.12 1.43-2.12 2.91v5.59h-2.5v-11h2.4v1.5h.03c.34-.64 1.17-1.31 2.42-1.31 2.59 0 3.07 1.7 3.07 3.91v6.9z" />
1450							</svg>
1451						</a>
1452						<a href="https://heise-academy.de/experten/matthias-bastian-5cce5d" class="text-sm text-(--heise-secondary) font-semibold hover:underline">
1453							Zum Profil →
1454						</a>
1455					</div>
1456				</div>
1457
1458				<!-- Maximilian Schreiner -->
1459				<div class="flex flex-col items-center rounded-2xl border border-(--gray-form-border) bg-white p-6 text-center hover:shadow-lg transition">
1460					<img src="https://the-decoder.de/wp-content/themes/deep-content/img/Maximilian_Schreiner.jpg" alt="Maximilian Schreiner" class="mx-auto mb-4 w-40 rounded-lg">
1461					<h3 class="text-lg font-semibold text-(--heise-primary)">
1461Maximilian Schreiner</h3>
1462					<p class="text-sm font-medium text-(--heise-primary)">KI-Experte, Leitender Redakteur THE DECODER</p>
1463					<p class="mt-3 text-sm leading-relaxed text-(--heise-primary)">
1464						Philosoph und leitender Redakteur bei THE DECODER. Er forscht zu Bewusstsein, KI und der Frage, ob Maschinen wirklich denken können.
1465					</p>
1466					<div class="mt-auto w-full flex items-center justify-between gap-3">
1467						<a href="https://www.linkedin.com/in/maximilian-schreiner-b6a5171aa/" target="_blank" rel="noopener" class="inline-flex items-center justify-center h-8 w-8 rounded-full bg-(--heise-secondary)">
1468							<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24" class="h-4 w-4">
1469								<path d="M19 0h-14c-2.76 0-5 2.24-5 5v14c0 2.76 2.24 5 5 5h14c2.77 0 5-2.24 5-5v-14c0-2.76-2.23-5-5-5zm-11.75 20h-2.5v-11h2.5v11zm-1.25-12.27c-.8 0-1.45-.65-1.45-1.45s.65-1.46 1.45-1.46 1.46.66 1.46 1.46-.66 1.45-1.46 1.45zm13 12.27h-2.5v-5.5c0-1.31-.03-3-1.83-3-1.84 0-2.12 1.43-2.12 2.91v5.59h-2.5v-11h2.4v1.5h.03c.34-.64 1.17-1.31 2.42-1.31 2.59 0 3.07 1.7 3.07 3.91v6.9z" />
1470							</svg>
1471						</a>
1472						<a href="https://heise-academy.de/experten/maximilian-schreiner-360f0c" class="text-sm text-(--heise-secondary) font-semibold hover:underline">
1473							Zum Profil →
1474						</a>
1475					</div>
1476				</div>
1477
1478				<!-- Joerg Heidrich -->
1479				<div class="flex flex-col items-center rounded-2xl border border-(--gray-form-border) bg-white p-6 text-center hover:shadow-lg transition">
1480					<img src="https://the-decoder.de/wp-content/themes/deep-content/img/Joerg_Heidrich.jpg" alt="Joerg Heidrich" class="mx-auto mb-4 w-40 rounded-lg">
1481					<h3 class="text-lg font-semibold text-(--heise-primary)">Joerg Heidrich</h3>
1482					<p class="text-sm font-medium text-(--heise-primary)">Justiziar und Datenschutzbeauftragter | Heise Medien</p>
1483					<p class="mt-3 text-sm leading-relaxed text-(--heise-primary)">
1484						Justiziar und Datenschutzbeauftragter bei Heise Medien, Fachanwalt für IT-Recht und zertifizierter KI-Manager (IHK).
1485					</p>
1486					<div class="mt-auto w-full flex items-center justify-between gap-3">
1487						<a href="https://www.linkedin.com/in/joerg-heidrich-829b61252/" target="_blank" rel="noopener" class="inline-flex items-center justify-center h-8 w-8 rounded-full bg-(--heise-secondary)">
1488							<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24" class="h-4 w-4">
1489								<path d="M19 0h-14c-2.76 0-5 2.24-5 5v14c0 2.76 2.24 5 5 5h14c2.77 0 5-2.24 5-5v-14c0-2.76-2.23-5-5-5zm-11.75 20h-2.5v-11h2.5v11zm-1.25-12.27c-.8 0-1.45-.65-1.45-1.45s.65-1.46 1.45-1.46 1.46.66 1.46 1.46-.66 1.45-1.46 1.45zm13 12.27h-2.5v-5.5c0-1.31-.03-3-1.83-3-1.84 0-2.12 1.43-2.12 2.91v5.59h-2.5v-11h2.4v1.5h.03c.34-.64 1.17-1.31 2.42-1.31 2.59 0 3.07 1.7 3.07 3.91v6.9z" />
1490							</svg>
1491						</a>
1492						<a href="https://heise-academy.de/experten/joerg-heidrich-f56b02" class="text-sm text-(--heise-secondary) font-semibold hover:underline">
1493							Zum Profil →
1494						</a>
1495					</div>
1496				</div>
1497
1498				<!-- Christian Steiner -->
1499				<div class="flex flex-col items-center rounded-2xl border border-(--gray-form-border) bg-white p-6 text-center hover:shadow-lg transition">
1500					<img src="https://the-decoder.de/wp-content/themes/deep-content/img/Christian_Steiner.jpg" alt="Christian Steiner" class="mx-auto mb-4 w-40 rounded-lg">
1501					<h3 class="text-lg font-semibold text-(--heise-primary)">Christian Steiner</h3>
1502					<p class="text-sm font-medium text-(--heise-primary)">Head of KI PRO &amp; Content Lead</p>
1503					<p class="mt-3 text-sm leading-relaxed text-(--heise-primary)">
1504						Verantwortet heise KI PRO und entwickelt professionelle Prompt-Workflows. Vermittelt anbieterunabhängige KI-Kompetenz und übersetzt komplexe KI-Themen in konkrete Anwendungsfälle.
1505					</p>
1506					<div class="mt-auto w-full flex items-center justify-between gap-3">
1507						<a href="https://www.linkedin.com/in/der-steiner/" target="_blank" rel="noopener" class="inline-flex items-center justify-center h-8 w-8 rounded-full bg-(--heise-secondary)">
1508							<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24" class="h-4 w-4">
1509								<path d="M19 0h-14c-2.76 0-5 2.24-5 5v14c0 2.76 2.24 5 5 5h14c2.77 0 5-2.24 5-5v
1509-14c0-2.76-2.23-5-5-5zm-11.75 20h-2.5v-11h2.5v11zm-1.25-12.27c-.8 0-1.45-.65-1.45-1.45s.65-1.46 1.45-1.46 1.46.66 1.46 1.46-.66 1.45-1.46 1.45zm13 12.27h-2.5v-5.5c0-1.31-.03-3-1.83-3-1.84 0-2.12 1.43-2.12 2.91v5.59h-2.5v-11h2.4v1.5h.03c.34-.64 1.17-1.31 2.42-1.31 2.59 0 3.07 1.7 3.07 3.91v6.9z" />
1510							</svg>
1511						</a>
1512						<a href="https://heise-conferences.de/referentenuebersicht/christian-steiner" class="text-sm text-(--heise-secondary) font-semibold hover:underline">
1513							Zum Profil →
1514						</a>
1515					</div>
1516				</div>
1517			</div>
1518		</div>
1519	</section>
1520
1521
1522	<!-- 10️⃣ ABSCHLUSS-SEKTION -->
1523	<section class="relative overflow-hidden bg-[image:var(--ki_gradient-3)] text-white">
1524		<div class="absolute inset-0 z-0 pointer-events-none bg-pattern--ki-pro mix-blend-overlay opacity-20"></div>
1525
1526		<div class="relative z-10 mx-auto max-w-(--container-5xl) px-6 py-24 text-center">
1527			<h2 class="text-4xl font-semibold mb-4">Bereit für Ihren KI-Erfolg?</h2>
1528			<p class="text-lg text-white/80 mb-10">
1529				Starten Sie jetzt mit <span class="font-medium text-white">heise KI PRO</span> und profitieren Sie von unserem exklusiven Willkommensangebot.
1530			</p>
1531
1532
1533			<div class="flex justify-center mb-12">
1534				<div class="rounded-2xl bg-white/10 backdrop-blur-sm border border-white/20 p-8 text-left w-full max-w-lg">
1535					<div class="mb-4 flex items-center gap-3">
1536						<div class="flex h-12 w-12 items-center justify-center rounded-full bg-white/20">
1537							<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
1538								<g clip-path="url(#clip0_3591_62555)">
1539									<path d="M17.0769 4.38475V12.8466M17.0769 4.38475L14.5385 1M17.0769 4.38475L19.6154 1M1 18.7691L5.13554 22.2156C5.74381 22.7225 6.51054 23 7.30232 23H18.2052C18.984 23 19.6154 22.3686 19.6154 21.5897C19.6154 20.0319 18.3526 18.7691 16.7949 18.7691H9.21495M6.07692 17.0767L7.34615 18.346C8.04712 19.047 9.18365 19.047 9.88462 18.346C10.5856 17.645 10.5856 16.5084 9.88462 15.8074L7.91441 13.8372C7.27966 13.2024 6.41879 12.8458 5.52112 12.8458H1M23 4.38475H11.1538V12.8466H23V4.38475Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
1540								</g>
1541								<defs>
1542									<clipPath id="clip0_3591_62555">
1543										<rect width="24" height="24" fill="white" transform="translate(0 0.256836)" />
1544									</clipPath>
1545								</defs>
1546							</svg>
1547						</div>
1548						<h3 class="text-xl font-semibold">heise KI Pro kennenlernen</h3>
1549					</div>
1550
1551					<ul class="space-y-2 text-white/80 text-base">
1552						<li class="flex items-center gap-2"><span class="text-green-400">✔</span> Persönlicher KI-Check-up (15 Minuten)</li>
1553						<li class="flex items-center gap-2"><span class="text-green-400">✔</span> 3x Business-Briefings</li>
1554						<li class="flex items-center gap-2"><span class="text-green-400">✔</span> 1x exklusives Lernvideo zu einem aktuellen KI-Thema</li>
1555					</ul>
1556				</div>
1557
1558				<!-- Persönlicher KI-Check-up -->
1559				<!-- 				<div class="rounded-2xl bg-white/10 backdrop-blur-sm border border-white/20 p-8 text-left">
1560					<div class="mb-4 flex items-center gap-3">
1561						<div class="flex h-12 w-12 items-center justify-center rounded-full bg-white/20">
1562							<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none">
1563								<path d="M3 13.8726H7.6538L10.2 9.88462L13.8 17.9615L16.5413 13.8726H21M16.4591 2.61538H19.3636C20.2674 2.61538 21 3.33862 21 4.23077V20.3846C21 21.2768 20.2674 22 19.3636 22H4.63636C3.73263 22 3 21.2768 3 20.3846V4.23077C3 3.33862 3.73262 2.61538 4.63636 2.61538H7.54091M14.4545 5.03846H9.54545C8.41577 5.03846 7.5 4.13443 7.5 3.01923C7.5 1.90403 8.41577 1 9.54545 1H14.4545C15.5842 1 16.5 1.90403 16.5 3.01923C16.5 4.13443 15.5842 5.03846 14.4545 5.03846Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
1564							</svg>
1565						</div>
1566						<h3 class="text-xl font-semibold">Persönlicher KI-Check-up</h3>
1567					</div>
1568
1569					<ul class="space-y-2 text-white/80 text-base">
1570						<li class="flex items-center gap-2"><span class="text-green-400">✔</span> Individuelle Beratung mit unseren Experten</li>
1571						<li class="flex items-center gap-2"><span class="text-green-400">✔</span> Maßgeschneiderter Lernpfad</li>
1572						<li class="flex items-center gap-2"><span class="text-green-400">✔</span> Konkrete Handlungsempfehlungen</li>
1573					</ul>
1574				</div> -->
1575			</div>
1576
1577			<!-- CTAs -->
1578			<div class="flex flex-col md:flex-row items-center justify-center gap-4 mt-8">
1579				<button type="button" data-contact-open data-contact-title="Erstgespräch buchen" class="rounded-sm bg-white px-6 py-3 text-base font-semibold text-(--heise-primary) hover:opacity-90 transition cursor-pointer">
1580					heise KI Pro kennenlernen
1581				</button>
1582				<a href="#pakete" class="button rounded-sm border border-white/50 bg-white/10 px-6 py-3 text-base font-semibold text-white hover:bg-white/20 transition">
1583					Jetzt Teil von heise KI PRO werden
1584				</a>
1585			</div>
1586		</div>
1587	</section>
1588
1589</main>
1590
1591
1592<!-- Contact Modal -->
1593<div id="contact-modal" class="contact-modal" style="display: none;">
1594	<div class="contact-modal-overlay" data-contact-close></div>
1595	<div class="contact-modal-content">
1596		<button type="button" class="contact-modal-close" data-contact-close aria-label="Modal schließen">
1597			<span aria-hidden="true">&times;</span>
1598		</button>
1599
1600		<div class="contact-modal-body">
1601			<h2 id="contact-modal-title" class="text-3xl font-semibold text-(--heise-primary) mb-4">Kontaktformular</h2>
1602			<p id="contact-modal-description" class="text-lg text-(--heise-primary) mb-6">
1603				Finden wir gemeinsam heraus, wie heise KI PRO Ihr Unternehmen voranbringen kann.			</p>
1604
1605			<form class="contact-form" id="contact-form">
1606				<div class="form-group">
1607					<label for="contact-name" class="form-label">Name *</label>
1608					<input type="text" id="contact-name" name="name" required class="form-input" autocomplete="name">
1609				</div>
1610
1611				<div class="form-group">
1612					<label for="contact-email" class="form-label">E-Mail *</label>
1613					<input type="email" id="contact-email" name="email" required class="form-input" autocomplete="email">
1614				</div>
1615
1616				<div class="form-group">
1617					<label for="contact-phone" class="form-label">
1618						Telefonnummer *					</label>
1619					<input type="tel" id="contact-phone" name="phone" required class="form-input" autocomplete="tel" placeholder="z. B. +49 30 1234567">
1620				</div>
1621
1622				<div class="form-group">
1623					<label for="contact-company" class="form-label">
1624						Organisation / Tätigkeit *					</label>
1625					<input type="text" id="contact-company" name="company" required class="form-input" autocomplete="organization" placeholder="z. B. Unternehmen, Redaktion, Studium, freiberuflich">
1626				</div>
1627
1628				<div class="form-group">
1629					<label for="contact-preferred-date" class="form-label">Wunschtermin (optional)</label>
1630					<input type="text" id="contact-preferred-date" name="preferred_date" class="form-input" placeholder="z.B. Dienstag, 04.11.{year}, 15 Uhr">
1631				</div>
1632
1633				<div class="form-group">
1634					<label for="contact-message" class="form-label">Ihre Nachricht *</label>
1635					<textarea id="contact-message" name="message" required class="form-input" rows="5" placeholder="Beschreiben Sie kurz Ihr Anliegen..."></textarea>
1636				</div>
1637
1638				<button type="submit" class="inline-block rounded-sm bg-(image:--ki_gradient-2)
1639          px-8 py-3 text-base font-semibold text-white hover:opacity-90 transition">
1640					Anfrage senden				</button>
1641			</form>
1642		</div>
1643	</div>
1644</div>
1645
1646<!-- Enterprise Contact Modal -->
1647<div id="contact-modal-enterprise" class="contact-modal" style="display: none;">
1648	<div class="contact-modal-overlay" data-contact-enterprise-close></div>
1649	<div class="contact-modal-content">
1650		<button type="button" class="contact-modal-close" data-contact-enterprise-close aria-label="Modal schließen">
1651			<span aria-hidden="true">&times;</span>
1652		</button>
1653
1654		<div class="contact-modal-body">
1655			<h2 id="contact-modal-enterprise-title" class="text-3xl font-semibold text-(--heise-primary) mb-4">Enterprise-Kontakt</h2>
1656			<p id="contact-modal-enterprise-description" class="text-lg text-(--heise-primary) mb-6">
1657				Finden wir gemeinsam heraus, wie heise KI PRO Enterprise Ihr Unternehmen voranbringen kann.			</p>
1658
1659			<form class="contact-form" id="contact-form-enterprise">
1660				<div class="grid grid-cols-1 md:grid-cols-2 gap-x-4">
1661					<div class="form-group">
1662						<label for="enterprise-first-name" class="form-label">Vorname *</label>
1663						<input type="text" id="enterprise-first-name" name="first_name" required class="form-input" autocomplete="given-name">
1664					</div>
1665
1666					<div class="form-group">
1667						<label for="enterprise-last-name" class="form-label">Nachname *</label>
1668						<input type="text" id="enterprise-last-name" name="last_name" required class="form-input" autocomplete="family-name">
1669					</div>
1670				</div>
1671
1672				<div class="grid grid-cols-1 md:grid-cols-2 gap-x-4">
1673					<div class="form-group">
1674						<label for="enterprise-email" class="form-label">E-Mail (geschäftlich) *</label>
1675						<input type="email" id="enterprise-email" name="email" required class="form-input" autocomplete="email">
1676					</div>
1677
1678					<div class="form-group">
1679						<label for="enterprise-phone" class="form-label">Telefonnummer (optional)</label>
1680						<input type="tel" id="enterprise-phone" name="phone" class="form-input" autocomplete="tel" placeholder="z. B. +49 30 1234567">
1681					</div>
1682				</div>
1683
1684				<div class="form-group">
1685					<label for="enterprise-company" class="form-label">Unternehmensname *</label>
1686					<input type="text" id="enterprise-company" name="company" required class="form-input" autocomplete="organization">
1687				</div>
1688
1689				<div class="form-group">
1690					<label for="enterprise-company-size" class="form-label">Unternehmensgröße *</label>
1691					<select id="enterprise-company-size" name="company_size" required class="form-input">
1692						<option value="">Wählen Sie Unternehmensgröße aus</option>
1693						<option value="1-10">1–10 Mitarbeiter</option>
1694						<option value="11-50">11–50 Mitarbeiter</option>
1695						<option value="51-200">51–200 Mitarbeiter</option>
1696						<option value="201-1000">201–1.000 Mitarbeiter</option>
1697						<option value="1001-5000">1.001–5.000 Mitarbeiter</option>
1698						<option value="5001+">Mehr als 5.000 Mitarbeiter</option>
1699					</select>
1700				</div>
1701
1702				<div class="form-group">
1703					<label for="enterprise-referral-source" class="form-label">Wie haben Sie von uns erfahren? *</label>
1704					<input type="text" id="enterprise-referral-source" name="referral_source" required class="form-input" placeholder="Google, LinkedIn, etc.">
1705				</div>
1706
1707				<div class="form-group">
1708					<label for="enterprise-message" class="form-label">Ihre Nachricht (optional)</label>
1709					<textarea id="enterprise-message" name="message" class="form-input" rows="5" placeholder="Beschreiben Sie kurz Ihr Anliegen..."></textarea>
1710				</div>
1711
1712				<button type="submit" class="inline-block rounded-sm bg-(image:--ki_gradient-2)
1713          px-8 py-3 text-base font-semibold text-white hover:opacity-90 transition">
1714					Anfrage senden				</button>
1715			</form>
1716		</div>
1717	</div>
1718</div>
1719
1720	
1721</div><!-- #content -->
1722</div><!-- #page -->
1723
1724<footer id="colophon" class="ki-pro w-full">
1725	<div class="grid-item-wrapper grid gap-8 lg:gap-4 mx-auto w-full max-w-5xl py-8 px-2 text-white">
1726
1727		<div class="grid-item-1">
1728			
1729<div>
1730	<label class="switch bg-white rounded-xl p-1">
1731
1732		<!-- background -->
1733		<input class="switch__input" type="checkbox" role="switch" />
1734
1735		<!-- decoder -->
1736		<a href="https://the-decoder.de/" class="switch__theDecoder" id="theDecoder">
1737			<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 106 31">
1738				<g>
1739					<path class="switch__letters" d="M48.1 7.6c-.4 0-.7-.1-.9-.3-.3-.2-.4-.5-.4-1V3.1h-.9v-.7h.9V1h.8v1.4H49v.7h-1.4V6c0 .3 0 .5.1.6 0 .1.3.2.6.2h.7v.7h-.8Zm2-.1V.2h.8V3v-.2c.2-.1.5-.3.8-.3.3 0 .6-.1.8-.1.4 0 .8 0 1.1.2.3.2.5.4.7.7.2.3.2.7.2 1.2v3h-.8v-3c0-.5-.1-.8-.3-1.1s-.6-.4-1-.4-.5 0-.7.1c-.3 0-.5.2-.8.3v4.1h-.8Zm8.1.1c-.5 0-.9 0-1.3-.3-.4-.2-.6-.5-.8-.9-.2-.4-.3-.9-.3-1.5 0-.9.2-1.5.6-2 .4-.4 1-.7 1.7-.7s1 .1 1.4.4c.3.2.6.6.7 1 .1.4.2.9.2 1.4h-4.2v-.7h3.7-.3c0-.4-.2-.8-.4-1-.2-.2-.6-.4-1.1-.4s-.6 0-.9.2c-.2.1-.4.3-.5.6-.1.3-.2.7-.2 1.3s.1 1.1.4 1.4.7.5 1.3.5h.7c.2 0 .4 0 .6-.2.2 0 .3-.1.5-.2v.7c-.3.1-.5.2-.8.3h-1Z" class="st0"/>
1740				</g>
1741				<g>
1742					<path class="switch__letters" d="M43.3 27c.4 0 .8.1 1 .4.3.3.4.6.4 1s-.1.7-.4 1c-.3.3-.6.4-1 .4h-2.6c-1 0-1.9-.2-2.8-.5-.8-.3-1.6-.8-2.3-1.4-.7-.6-1.2-1.3-1.6-2-.4-.8-.6-1.6-.7-2.5 0-.4.1-.8.4-1 .3-.3.7-.4 1.1-.4s.9.1 1.2.4c.3.3.4.6.4 1s.1 1 .4 1.4c.2.4.6.8.9 1.1.4.3.8.6 1.3.8.5.2 1 .3 1.5.3h2.6ZM43.2 13.2c.4 0 .8.1 1 .4.3.3.4.6.4 1s-.1.7-.4 1c-.3.3-.6.4-1 .4h-2.4c-.5 0-1.1 0-1.5.3-.5.2-.9.4-1.3.8-.4.3-.7.7-.9 1.1-.2.4-.4.9-.4 1.4s-.1.8-.4 1c-.3.3-.7.4-1.2.4s-.9-.1-1.1-.4c-.3-.3-.4-.6-.4-1 0-.9.2-1.8.6-2.5.4-.8.9-1.5 1.6-2 .7-.6 1.4-1 2.3-1.4.9-.3 1.8-.5 2.8-.5h2.4Z" class="st0"/>
1743				</g>
1744				<g>
1745					<path class="switch__letters" d="M60.3 19.6c0 .4-.1.8-.4 1-.3.3-.7.4-1.1.4s-.9-.1-1.1-.4c-.3-.3-.4-.6-.4-1s-.1-1-.3-1.5c-.2-.5-.5-.9-.9-1.3s-.8-.6-1.3-.8c-.5-.2-1.1-.3-1.6-.3-.6 0-1.1.1-1.6.3-.5.2-1 .5-1.3.8-.4.4-.6.8-.8 1.2-.2.5-.3 1-.3 1.5s-.
17451.8-.4 1c-.3.3-.7.4-1.2.4s-.8-.1-1.1-.4c-.3-.3-.4-.6-.4-1 0-.9.2-1.8.6-2.6.4-.8 1-1.5 1.6-2.1s1.4-1.1 2.2-1.4c.8-.4 1.7-.5 2.8-.5s1.9.2 2.8.5c.8.4 1.6.8 2.2 1.5.7.6 1.2 1.3 1.6 2.2.4.8.6 1.7.6 2.6ZM60.3 23.4c0 .9-.2 1.8-.6 2.6-.4.8-.9 1.5-1.6 2.2-.7.6-1.4 1.1-2.2 1.5-.8.4-1.8.5-2.8.5s-2-.2-2.8-.5c-.8-.4-1.6-.8-2.3-1.5-.7-.6-1.2-1.3-1.6-2.1-.4-.8-.6-1.7-.6-2.6s0-.4.1-.6c0-.2.2-.3.3-.5.1-.1.3-.2.5-.3.2 0 .4-.1.7-.1.5 0 .9.1 1.2.4s.4.6.4 1 .1 1.1.3 1.6.5.9.8 1.2c.4.3.8.6 1.3.8.5.2 1.1.3 1.6.3s1.1-.1 1.6-.3c.5-.2 1-.5 1.3-.8.4-.4.6-.8.8-1.2.2-.5.3-1 .3-1.5s.1-.8.4-1c.3-.3.7-.4 1.1-.4s.9.1 1.1.4c.3.3.4.6.4 1Z" class="st0"/>
1746				</g>
1747				<g>
1748					<path class="switch__letters" d="M76.3 28.4c0 .4-.1.7-.4 1-.2.3-.6.4-1 .4l-5 .2h-.6c-1 0-2-.2-2.9-.6-.9-.4-1.6-.9-2.3-1.6-.7-.7-1.2-1.4-1.6-2.2s-.6-1.7-.6-2.7v-3.2c0-.9.2-1.8.5-2.6.4-.8.8-1.5 1.4-2.1.6-.6 1.3-1.1 2.1-1.5.8-.4 1.7-.6 2.7-.6h1.7c.4 0 .8.2 1 .5.3.3.4.6.4 1s-.1.8-.4 1c-.3.2-.6.4-1 .4h-1.5c-.5 0-1 .1-1.5.3-.5.2-.9.5-1.2.8-.3.4-.6.8-.8 1.3-.2.5-.3 1-.3 1.5v3.2c0 .6 0 1.1.3 1.6.2.5.5 1 .9 1.3.4.4.9.7 1.4.9.5.2 1.1.3 1.6.3l5.5-.2h.6c.2 0 .3.2.5.3.1.1.2.3.3.5 0 .2.1.4.1.6Z" class="st0"/>
1749					<path class="switch__letters" d="M73 9.1c0-.4.1-.7.4-1 .3-.3.7-.4 1.1-.4s.9.1 1.1.4c.3.3.4.6.4 1v15.6c0 .4-.1.7-.4 1-.3.3-.7.4-1.1.4s-.9-.1-1.1-.4c-.3-.3-.4-.6-.4-1V9.1Z" class="st0"/>
1750				</g>
1751				<g>
1752					<path class="switch__letters" d="M82.8 21.5c0-.4.1-.7.4-1 .2-.3.6-.4 1-.4h6.5v-.3c0-.6 0-1.1-.3-1.6-.2-.5-.5-.9-.8-1.3-.4-.4-.8-.7-1.3-.9-.5-.2-1.1-.3-1.8-.3s-1.1.1-1.6.3c-.5.2-1 .5-1.4.8-.4.3-.7.8-.9 1.2-.2.5-.3 1-.3 1.5s-.1.8-.4 1c-.3.3-.7.4-1.2.4s-.8-.1-1.1-.4c-.3-.3-.4-.6-.4-1 0-.9.2-1.8.6-2.6.4-.8.9-1.5 1.6-2.1.7-.6 1.4-1.1 2.3-1.4.9-.4 1.8-.5 2.9-.5s2.1.2 3 .6c.9.4 1.6.9 2.3 1.5.6.6 1.2 1.4 1.5 2.2.4.8.6 1.7.6 2.7v1.8c0 .2 0 .4-.1.6 0 .2-.2.3-.3.4-.1.1-.3.2-.5.3-.2 0-.4.1-.6.1h-8.1c-.4 0-.8-.1-1-.4-.2-.3-.4-.6-.4-1ZM90 27c.4 0 .7.1 1 .4.3.3.4.6.4 1s-.1.7-.4 1c-.3.3-.6.4-1 .4h-3.8c-1 0-2-.2-2.8-.5-.8-.3-1.6-.8-2.2-1.3-.6-.6-1.1-1.2-1.5-2-.4-.8-.5-1.6-.5-2.6s.1-.7.4-1c.3-.3.7-.4 1.1-.4s.9.1 1.2.4c.3.3.4.6.4 1s0 1 .3 1.5c.2.4.4.8.8 1.1.4.3.8.6 1.3.7.5.2 1 .3 1.6.3h3.8Z" class="st0"/>
1753				</g>
1754				<g>
1755					<path class="switch__letters" d="M96.7 17.6c0-.6.1-1.2.4-1.7s.6-1 1-1.4c.4-.4.9-.7 1.5-1 .6-.2 1.2-.3 1.9-.3h3c.5 0 .8.2 1 .5.2.3.4.6.4 1s0 .4-.1.6-.2.3-.3.5c-.1.1-.3.2-.5.3-.2 0-.4.1-.6 0h-3.7c-.2 0-.4.2-.5.3-.2.1-.3.3-.3.5v11.8c0 .4-.1.7-.4 1-.3.3-.7.4-1.1.4s-.9-.1-1.1-.4c-.3-.3-.4-.6-.4-1V17.5ZM14.3 28.4c0 .4-.1.7-.4 1-.2.3-.6.4-1 .4l-5 .2h-.6c-1 0-2-.2-2.9-.6-.9-.4-1.6-.9-2.3-1.6-.7-.7-1.2-1.4-1.6-2.2-.4-.8-.6-1.7-.6-2.7v-3.2c0-.9.2-1.8.5-2.6.4-.8.8-1.5 1.4-2.1s1.3-1.1 2.1-1.5c.8-.4 1.7-.6 2.7-.6h1.7c.4 0 .8.2 1 .5.3.3.4.6.4 1s-.1.8-.4 1c-.3.2-.6.4-1 .4H6.8c-.5 0-1 .1-1.5.3-.5.2-.9.5-1.2.8-.3.4-.6.8-.8 1.3-.2.5-.3 1-.3 1.5v3.2c0 .6 0 1.1.3 1.6.2.5.5 1 .9 1.3.4.4.9.7 1.4.9.5.2 1.1.3 1.6.3l5.5-.2h.6c.2 0 .3.2.5.3.1.1.2.3.3.5 0 .2.1.4.1.6ZM10.9 9.1c0-.4.1-.7.4-1 .3-.3.7-.4 1.1-.4s.9.1 1.1.4c.3.3.4.6.4 1v15.6c0 .4-.1.7-.4 1-.3.3-.7.4-1.1.4s-.9-.1-1.1-.4c-.3-.3-.4-.6-.4-1V9.1ZM20.8 21.5c0-.4.1-.7.4-1 .2-.3.6-.4 1-.4h6.5v-.3c0-.6 0-1.1-.3-1.6-.2-.5-.5-.9-.8-1.3-.4-.4-.8-.7-1.3-.9-.5-.2-1.1-.3-1.8-.3s-1.1.1-1.6.3c-.5.2-1 .5-1.4.8-.4.3-.7.8-.9 1.2-.2.5-.3 1-.3 1.5s-.1.8-.4 1c-.3.3-.7.4-1.2.4s-.8-.1-1.1-.4c-.3-.3-.4-.6-.4-1 0-.9.2-1.8.6-2.6.4-.8.9-1.5 1.6-2.1.7-.6 1.4-1.1 2.3-1.4.9-.4 1.8-.5 2.9-.5s2.1.2 3 .6c.9.4 1.6.9 2.3 1.5.6.6 1.2 1.4 1.5 2.2s.6 1.7.6 2.7v1.8c0 .2 0 .4-.1.6 0 .2-.2.3-.3.4-.1.1-.3.2-.5.3-.2 0-.4.1-.6.1h-8.1c-.4 0-.8-.1-1-.4-.2-.3-.4-.6-.4-1ZM28 27c.4 0 .7.1 1 .4.3.3.4.6.4 1s-.1.7-.4 1-.6.4-1 .4h-3.8c-1 0-2-.2-2.8-.5s-1.6-.8-2.2-1.3c-.6-.6-1.1-1.2-1.5-2-.4-.8-.5-1.6-.5-2.6s.1-.7.4-1c.3-.3.7-.4 1.1-.4s.9.1 1.2.4c.3.3.4.6.4 1s0 1 .3 1.5c.2.4.4.8.8 1.1.4.3.8.6 1.3.7.5.2 1 .3 1.6.3h3.8Z" class="st0"/>
1756				</g>
1757			</svg>
1758		</a>
1759
1760
1761		<!-- KI Pro: always show as link -->
1762					<a href="https://the-decoder.de/ki-pro/" class="switch__heiseKiPro" id="heiseKiPro">
1763				<svg xmlns="http://www.w3.org/2000/svg" class="switch__heiseKiPro" version="1.1" viewBox="0 0 136 22">
1764					<g>
1765						<path class="switch__letters" fill="#A3B0BF" d="M12.44.3C10.853-.447 8.988.253 8.242 1.84L.946 17.5C.2 19.087.899 20.954 2.485 21.7c1.585.747 3.45.047 4.196-1.54L13.978 4.5A3.177 3.177 0 0 0 12.439.3ZM17.475 10.288c-1.586-.747-3.45-.046-4.197 1.54L10.644 17.5c-.746 1.587-.047 3.454 1.539 4.2 1.585.747 3.45.047 4.196-1.54l2.634-5.67a3.177 3.177 0 0 0-1.538-4.202ZM27.126 1.513h3.147v4.995l-.14 2.59c1.12-1.05 2.448-2.03 4.29-2.03 2.867 0 4.126 1.937 4.126 5.344v8.425h-3.147v-8.028c0-2.217-.63-3.034-2.098-3.034-1.189 0-1.958.583-3.054 1.68v9.382h-3.124V1.513ZM40.438 14.116c0-4.365 3.03-7.048 6.178-7.048 3.636 0 5.548 2.613 5.548 6.37 0 .608-.07 1.214-.14 1.541h-8.509c.256 2.38 1.795 3.734 3.963 3.734 1.142 0 2.122-.35 3.124-.98l1.072 1.96c-1.282.864-2.89 1.447-4.592 1.447-3.73 0-6.644-2.59-6.644-7.024Zm8.998-1.284c0-2.077-.909-3.314-2.75-3.314-1.562 0-2.938 1.167-3.218 3.314h5.968ZM53.656 3.263c0-1.05.84-1.773 1.935-1.773 1.119 0 1.935.723 1.935 1.773 0 1.05-.84 1.774-1.935 1.774-1.096 0-1.935-.747-1.935-1.774Zm.373 4.131h3.147v13.42H54.03V7.394ZM58.482 19.273l1.468-2.007c1.19.934 2.355 1.494 3.707 1.494 1.469 0 2.145-.7 2.145-1.61 0-1.12-1.445-1.634-2.89-2.17-1.75-.654-3.777-1.681-3.777-3.922 0-2.333 1.888-4.014 4.872-4.014 1.865 0 3.357.77 4.453 1.61l-1.446 1.938c-.932-.7-1.888-1.167-2.937-1.167-1.352 0-1.982.653-1.982 1.493 0 1.05 1.352 1.47 2.798 2.007 1.818.677 3.846 1.564 3.846 4.061 0 2.31-1.818 4.178-5.222 4.178-1.795-.024-3.73-.794-5.035-1.89ZM70.138 14.116c0-4.365 3.03-7.048 6.178-7.048 3.637 0 5.548 2.613 5.548 6.37a8.27 8.27 0 0 1-.14 1.541h-8.509c.257 2.38 1.795 3.734 3.963 3.734 1.143 0 2.122-.35 3.124-.98l1.073 1.96c-1.283.864-2.891 1.447-4.593 1.447-3.753 0-6.644-2.59-6.644-7.024Zm8.999-1.284c0-2.077-.91-3.314-2.751-3.314-1.562 0-2.938 1.167-3.217 3.314h5.968ZM89.86 2.937h3.171v8.121h.093l6.365-8.121h3.52l-5.502 6.978 6.411 10.899h-3.497l-4.826-8.402-2.564 3.197v5.205h-3.17V2.937ZM108.348 2.937h-3.171v17.877h3.171V2.937
1765ZM112.428 11.572V2.96h2.937c.63 0 1.212.094 1.725.257a2.49 2.49 0 0 1 1.236.863c.303.397.466.957.466 1.657 0 .677-.163 1.214-.466 1.657-.303.444-.723.747-1.212.957-.513.21-1.073.304-1.679.304h-1.072v2.917h-1.935Zm1.935-4.481h.955c1.05 0 1.586-.467 1.586-1.377 0-.443-.14-.77-.42-.957-.28-.186-.676-.28-1.212-.28h-.886v2.614h-.023ZM120.237 11.549V2.96h3.101c.606 0 1.165.07 1.655.234.49.163.909.443 1.189.816.28.374.443.934.443 1.61 0 .63-.14 1.144-.42 1.564a2.37 2.37 0 0 1-1.119.91l1.959 3.431h-2.169l-1.655-3.104h-1.072v3.104h-1.912v.024Zm1.935-4.645h1.003c.512 0 .886-.116 1.165-.326.257-.21.397-.537.397-.957 0-.42-.14-.724-.397-.887-.256-.163-.653-.257-1.165-.257h-1.003v2.427ZM131.753 11.712c-.769 0-1.445-.187-2.028-.537-.583-.35-1.049-.887-1.375-1.54-.327-.677-.49-1.47-.49-2.404 0-.933.163-1.727.49-2.38a3.555 3.555 0 0 1 1.375-1.494c.583-.35 1.259-.513 2.028-.513.77 0 1.446.163 2.029.513a3.49 3.49 0 0 1 1.375 1.517c.327.653.49 1.447.49 2.38 0 .934-.163 1.727-.49 2.404-.326.677-.793 1.19-1.375 1.54a4.09 4.09 0 0 1-2.029.514Zm0-1.68c.583 0 1.05-.257 1.399-.77.35-.514.513-1.19.513-2.054 0-.864-.163-1.54-.513-2.007-.349-.49-.816-.724-1.399-.724-.582 0-1.049.234-1.398.724-.35.49-.513 1.143-.513 2.007 0 .863.163 1.54.513 2.053.349.514.816.77 1.398.77Z"/>
1766					</g>
1767				</svg>
1768			</a>
1769		
1770	</label>
1771
1772
1773
1774	<!-- <div class="d-flex">
1775					<p><a href="https://the-decoder.de/" rel="home">KI Pro</a></p>
1776						<p>KI für Profis</p>
1777			</div> -->
1778
1779</div>
1780
1781			<h5 class="text-sm uppercase white text-white-70 mb-2 mt-5">Newsletter - THE DECODER</h5>
1782			<p>Die wichtigsten KI-Themen der Woche auf einen Blick.</p>
1783
1784<!-- MailPoet Form Container for Footer -->
1785<div class="mailpoet-newsletter-form-container-footer mt-4" data-form-id="1">
1786	<!-- Fallback form that looks exactly like the footer design -->
1787	<form action="#" method="post" class="newsletter-footer-form" novalidate>
1788		<label for="email-footer" class="sr-only">Your email address</label>
1789		<input type="text" id="email-footer" name="email" class="bg-white text-(--heise-primary-70) text-sm rounded-sm focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
1790			placeholder="E-Mail-Adresse eingeben">
1791		<button type="submit" class="text-white bg-white-20 mt-3 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-sm w-full sm:w-auto pl-3 pr-5 py-2.5 text-center newsletter-submit-button">
1792			<i class="icon-paper-plane mr-2 text-lg icon-bold"></i><span class="button-text">Newsletter abonnieren</span>
1793		</button>
1794		<p class="mailpoet_validate_error" style="display: none;"></p>
1795		<p class="mailpoet_validate_success" style="display: none;"></p>
1796	</form>
1797</div>
1798
1799<style>
1800/* Style messages for footer newsletter - white background with colored text for visibility on dark background */
1801.mailpoet-newsletter-form-container-footer .mailpoet_validate_success {
1802	color: #16a34a !important; /* Dark green text */
1803	background-color: rgba(255, 255, 255, 0.95) !important; /* Almost opaque white background */
1804	padding: 0.75rem !important;
1805	border-radius: 0.25rem !important;
1806	border-left: 4px solid #16a34a !important;
1807	font-size: 0.875rem !important;
1808	font-weight: 500 !important;
1809	margin-top: 0.75rem !important;
1810	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
1811}
1812
1813.mailpoet-newsletter-form-container-footer .mailpoet_validate_error {
1814	color: #dc2626 !important; /* Dark red text */
1815	background-color: rgba(255, 255, 255, 0.95) !important; /* Almost opaque white background */
1816	padding: 0.75rem !important;
1817	border-radius: 0.25rem !important;
1818	border-left: 4px solid #dc2626 !important;
1819	font-size: 0.875rem !important;
1820	font-weight: 500 !important;
1821	margin-top: 0.75rem !important;
1822	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
1823}
1824</style>
1825
1826<script>
1827(function() {
1828	// Translation strings for footer
1829	const messages = {
1830		emailRequired: '⚠️ E-Mail-Adresse ist erforderlich',
1831		invalidFormat: '⚠️ Ungültiges E-Mail-Format',
1832		subscribing: 'Anmeldung läuft...',
1833		checkInbox: '✓ Bitte überprüfen Sie Ihren Posteingang',
1834		alreadySubscribed: 'Diese E-Mail ist bereits angemeldet',
1835		somethingWrong: 'Etwas ist schief gelaufen',
1836		networkError: 'Netzwerkfehler',
1837		subscribeButton: 'Newsletter abonnieren'
1838	};
1839
1840	// Function to add validation to footer forms
1841	function addFooterFormValidation(form, container) {
1842		form.addEventListener('submit', function(e) {
1843			e.preventDefault(); // Prevent page reload
1844
1845			// Get email input value
1846			const emailInput = form.querySelector('input[name="email"]');
1847			const emailValue = emailInput ? emailInput.value.trim() : '';
1848
1849			// Get or create message elements
1850			let errorMessage = container.querySelector('.mailpoet_validate_error');
1851			let successMessage = container.querySelector('.mailpoet_validate_success');
1852
1853			// Hide all messages initially
1854			if (errorMessage) errorMessage.style.display = 'none';
1855			if (successMessage) successMessage.style.display = 'none';
1856
1857			// Validate email
1858			if (!emailValue || emailValue === '') {
1859				if (errorMessage) {
1860					errorMessage.style.display = 'block';
1861					errorMessage.textContent = messages.emailRequired;
1862				}
1863				return false;
1864			}
1865
1866			// Basic email format validation
1867			const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
1868			if (!emailRegex.test(emailValue)) {
1869				if (errorMessage) {
1870					errorMessage.style.display = 'block';
1871					errorMessage.textContent = messages.invalidFormat;
1872				}
1873				return false;
1874			}
1875
1876			// Submit to MailPoet
1877			submitToMailPoet(container, emailValue);
1878		});
1879	}
1880
1881	// Function to submit email to MailPoet
1882	function submitToMailPoet(container, emailValue) {
1883		const formId = container.getAttribute('data-form-id');
1884		if (!formId) return;
1885
1886		// Show loading state
1887		const submitBtn = container.querySelector('button[type="submit"]');
1888		const originalContent = submitBtn ? submitBtn.innerHTML : '';
1889		if (submitBtn) {
1890			submitBtn.disabled = true;
1891			submitBtn.innerHTML = '<i class="icon-spinner2 animate-spin mr-2"></i>' + messages.subscribing;
1892		}
1893
1894		// Get AJAX URL
1895		const ajaxUrl = (typeof deep_content_ajax !== 'undefined' && deep_content_ajax.ajax_url)
1896			? deep_content_ajax.ajax_url
1897			: '/wp-admin/admin-ajax.php';
1898
1899		// Submit email through our custom handler
1900		const formData = new FormData();
1901		formData.append('action', 'deep_content_mailpoet_subscribe');
1902		formData.append('form_id', formId);
1903		formData.append('email', emailValue);
1904
1905		fetch(ajaxUrl, {
1906			method: 'POST',
1907			body: formData,
1908			credentials: 'same-origin'
1909		})
1910		.then(response => response.json())
1911		.then(data => {
1912			// Get message elements
1913			const successMessage = container.querySelector('.mailpoet_validate_success');
1914			const errorMessage = container.querySelector('.mailpoet_validate_error');
1915
1916			if (data.success) {
1917				// Show success
1918				if (successMessage) {
1919					successMessage.style.display = 'block';
1920					if (data.data && data.data.message) {
1921						successMessage.textContent = '✓ ' + data.data.message;
1922					} else {
1923						successMessage.textContent = messages.checkInbox;
1924					}
1925				}
1926				// Hide error
1927				if (errorMessage) errorMessage.style.display = 'none';
1928
1929				// Clear form
1930				const emailInput = container.querySelector('input[name="email"]');
1931				if (emailInput) emailInput.value = '';
1932			} else {
1933				// Show error
1934				if (errorMessage) {
1935					errorMessage.style.display = 'block';
1936					if (data.data && data.data.message) {
1937						if (data.data.message.includes('already subscribed')) {
1938							errorMessage.textContent = messages.alreadySubscribed;
1939						} else {
1940							errorMessage.textContent = data.data.message;
1941						}
1942					} else {
1943						errorMessage.textContent = messages.somethingWrong;
1944					}
1945				}
1946				// Hide success
1947				if (successMessage) successMessage.style.display = 'none';
1948			}
1949		})
1950		.catch(error => {
1951			// Show error
1952			const errorMessage = container.querySelector('.mailpoet_validate_error');
1953			if (errorMessage) {
1954				errorMessage.style.display = 'block';
1955				errorMessage.textContent = messages.networkError;
1956			}
1957		})
1958		.finally(() => {
1959			// Restore button
1960			if (submitBtn) {
1961				submitBtn.disabled = false;
1962				submitBtn.innerHTML = originalContent;
1963			}
1964		});
1965	}
1966
1967	// Initialize when DOM is ready
1968	function initFooterNewsletterForms() {
1969		const containers = document.querySelectorAll('.mailpoet-newsletter-form-container-footer');
1970
1971		containers.forEach(container => {
1972			const form = container.querySelector('.newsletter-footer-form');
1973			if (form) {
1974				addFooterFormValidation(form, container);
1975			}
1976		});
1977	}
1978
1979	// Run on DOM ready
1980	if (document.readyState === 'loading') {
1981		document.addEventListener('DOMContentLoaded', initFooterNewsletterForms);
1982	} else {
1983		// DOM is already ready
1984		initFooterNewsletterForms();
1985	}
1986})();
1987</script>
1987
1988			<div class="social-icons flex items-center gap-2.5 mt-6">
1989				
1990				<a href="https://www.linkedin.com/showcase/heise-ki-pro/" class="bg-white text-(--heise-primary) rounded-full flex items-center justify-center" alt="LinkedIn Icon"><i class="icon-linkedin-1 icon-bold"></i><span class="sr-only">Opens LinkedIn in a new tab</span></a>
1991							</div>
1992		</div>
1993
1994		<div class="grid-item-2"><!-- Spacer --></div>
1995
1996		<div class="grid-item-3">
1997			<h5 class="text-sm uppercase white text-white-70 mb-2">
1998				Informationen			</h5>
1999			<ul class="list-none">
2000								<li><a href="https://the-decoder.de/ueber-uns">
2001						Über uns					</a></li>
2002				<li><a href="#">Werbung</a></li>
2003				<li><a href="/publish-with-us">Mit uns veröffentlichen</a></li>
2004									<li><a href="/login">Anmelden</a></li>
2005							</ul>
2006		</div>
2007
2008		<div class="grid-item-4">
2009			<h5 class="text-sm uppercase white text-white-70 mb-2">
2010				Themen			</h5>
2011			<ul class="list-none">
2012											<li><a href="https://the-decoder.de/kuenstliche-intelligenz-news/ki-radar/">KI-Radar</a></li>
2013											<li><a href="https://the-decoder.de/kuenstliche-intelligenz-news/ki-forschung/">Forschung</a></li>
2014											<li><a href="https://the-decoder.de/kuenstliche-intelligenz-news/ki-und-gesellschaft/">Gesellschaft</a></li>
2015											<li><a href="https://the-decoder.de/kuenstliche-intelligenz-news/ki-praxis/">Praxis</a></li>
2016											<li><a href="https://the-decoder.de/kuenstliche-intelligenz-news/short-news/">Short News</a></li>
2017															</ul>
2018		</div>
2019
2020		<div class="grid-item-5">
2021			<h5 class="text-sm uppercase white text-white-70 mb-2">
2022				Rechtliches			</h5>
2023			<ul class="list-none">
2024								<li><a href="https://the-decoder.de/datenschutz">Datenschutz</a></li>
2025								<li class="privacy-manager-item"><a href="/ki/?cmpscreencustom=1" data-privacy-settings>Privacy Manager</a></li>
2026				<li><a href="https://the-decoder.de/impressum">Impressum</a></li>
2027				<li><a href="https://deep-content.io/AGB/">AGB</a></li>
2028				<li><a href="https://the-decoder.de/rueckerstattungsrichtlinien">Widerruf &amp; Rückerstattung</a></li>
2029			</ul>
2030		</div>
2031
2032	</div>
2033
2034	<!-- START Footer Widgets -->
2035			<aside role="complementary" aria-label="Footer">
2036			<section id="block-2" class="widget widget_block"><!-- Yieldlove AdTag - the-decoder.de_d_300x600_1 -->
2037<div id='div-gpt-ad-1407836166959-0'>
2038  
2038<script type='text/javascript'>
2039    if (window.innerWidth >= 1590) {
2040      googletag.cmd.push(function () {
2041        googletag.defineSlot('/22934659576/the-decoder.de/the-decoder.de_d_300x600_1', [[300, 600], [300, 250], [160, 600]], 'div-gpt-ad-1407836166959-0').addService(googletag.pubads());
2042        googletag.display('div-gpt-ad-1407836166959-0');
2043      });
2044    }
2045  </script>
2045
2046</div></section>		</aside>
2047	
2048		<!-- END Footer Widgets -->
2049
2050	<div class="flex mx-auto w-full max-w-5xl h-0.5 bg-white-20 rounded-sm"></div>
2051
2052	<div class="flex flex-col gap-4 mx-auto w-full max-w-5xl py-8">
2053		<div class="text-white text-sm text-white-70">
2054			heise KI Pro by <a href="https://deep-content.io/" target="_blank" rel="noopener noreferrer" class="underline hover:text-white">DEEP CONTENT by heise</a> | Alle Rechte vorbehalten 2026		</div>
2055	</div>
2056
2057</footer><!-- #colophon -->
2058
2059<script type="speculationrules">
2060{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/deep-content/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
2061</script>
2061
2062		
2062<script type="text/javascript">
2063			(function() {
2064				let targetObjectName = 'EM';
2065				if ( typeof window[targetObjectName] === 'object' && window[targetObjectName] !== null ) {
2066					Object.assign( window[targetObjectName], []);
2067				} else {
2068					console.warn( 'Could not merge extra data: window.' + targetObjectName + ' not found or not an object.' );
2069				}
2070			})();
2071		</script>
2071
2072		<div id="heise-io-chat-modal" class="heise-io-chat-modal" style="display: none;">
2073    <div class="heise-io-chat-modal-overlay" data-chat-close></div>
2074    <div class="heise-io-chat-modal-content">
2075        <div class="heise-io-chat-modal-header">
2076            <div class="heise-io-chat-header-top">
2077                <div class="heise-io-chat-beta-badge">BETA-TEST</div>
2078                <button type="button" class="heise-io-chat-modal-close" data-chat-close>
2079                    <span aria-hidden="true">&times;</span>
2080                </button>
2081            </div>
2082            <form action="#" method="post" class="flex justify-between items-center border-b border-(--heise-primary-20) w-full" id="heise-io-chat-form">
2083                <label for="heise-io-chat-input" class="sr-only">Start new search</label>
2084                <div class="heise-io-chat-input-wrapper">
2085                    <input type="text"
2086                           id="heise-io-chat-input"
2087                           name="message"
2088                           required
2089                           class="text-(--heise-primary)-70 text-sm rounded-sm focus:ring-blue-500 focus:border-blue-500 block w-full p-1"
2090                           placeholder="Neue Suche starten">
2091                    <button type="button" class="heise-io-chat-clear-input" id="heise-io-chat-clear" style="display: none;">
2092                        <span aria-hidden="true">&times;</span>
2093                    </button>
2094                    <span class="heise-io-chat-input-divider" id="heise-io-chat-divider" style="display: none;">|</span>
2095                </div>
2096                <button type="submit" class="text-(--heise-primary) focus:ring-4 focus:outline-none focus:ring-blue-300 rounded sm:w-auto cursor-pointer" id="heise-io-chat-send">
2097                    <i class="icon-ai-search text-2xl"></i><span class="sr-only">Send</span>
2098                </button>
2099            </form>
2100        </div>
2101        <div class="heise-io-chat-modal-body">
2102            <div class="heise-io-chat-messages" id="heise-io-chat-messages"></div>
2103            <div class="heise-io-chat-sources" id="heise-io-chat-sources"></div>
2104        </div>
2105    </div>
2106</div>
2106<script id="wp-hooks-js" src="https://the-decoder.de/wp-includes/js/dist/hooks.min.js?ver=7496969728ca0f95732d"></script>
vendor: 1 bytes, line 2106
2106
2107<script id="wp-i18n-js" src="https://the-decoder.de/wp-includes/js/dist/i18n.min.js?ver=781d11515ad3d91786ec"></script>
vendor: 1 bytes, line 2107
2107
2108<script id="wp-i18n-js-after">
2109wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
2110//# sourceURL=wp-i18n-js-after
2111</script>
vendor: 1 bytes, line 2111
2111
2112<script id="swv-js" src="https://the-decoder.de/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.2"></script>
vendor: 1 bytes, line 2112
2112
2113<script id="contact-form-7-js-translations">
2114( function( domain, translations ) {
2115	var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
2116	localeData[""].domain = domain;
2117	wp.i18n.setLocaleData( localeData, domain );
2118} )( "contact-form-7", {"translation-revision-date":"2025-10-26 03:28:49+0000","generator":"GlotPress\/4.0.3","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"de"},"This contact form is placed in the wrong place.":["Dieses Kontaktformular wurde an der falschen Stelle platziert."],"Error:":["Fehler:"]}},"comment":{"reference":"includes\/js\/index.js"}} );
2119//# sourceURL=contact-form-7-js-translations
2120</script>
vendor: 1 bytes, line 2120
2120
2121<script id="contact-form-7-js-before">
2122var wpcf7 = {
2123    "api": {
2124        "root": "https:\/\/the-decoder.de\/wp-json\/",
2125        "namespace": "contact-form-7\/v1"
2126    },
2127    "cached": 1
2128};
2129//# sourceURL=contact-form-7-js-before
2130</script>
vendor: 1 bytes, line 2130
2130
2131<script id="contact-form-7-js" src="https://the-decoder.de/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.2"></script>
vendor: 1 bytes, line 2131
2131
2132<script id="heise-io-chat-sse-js" src="https://the-decoder.de/wp-content/plugins/heise-io-chat/assets/js/sse.js?ver=1.0.8"></script>
vendor: 1 bytes, line 2132
2132
2133<script id="heise-io-chat-marked-js" src="https://the-decoder.de/wp-content/plugins/heise-io-chat/assets/js/marked.min.js?ver=1.0.8"></script>
vendor: 1 bytes, line 2133
2133
2134<script id="heise-io-chat-js-extra">
2135var heiseIoChatData = {"apiEndpoint":"https://the-decoder.de/wp-json/heise-io-chat/v1/stream","regenerateEndpoint":"https://the-decoder.de/wp-json/heise-io-chat/v1/regenerate-questions","postContentEndpoint":"https://the-decoder.de/wp-json/heise-io-chat/v1/post-content","nonce":"02103a4cca","locale":"de_DE","i18n":{"article_singular":"Artikel","article_plural":"Artikel","was_used":"wurde","were_used":"wurden","sources_text":"verwendet, um diese Antwort zu erstellen.","disclaimer_text":"KI-Antworten k\u00f6nnen Fehler oder veraltete Informationen enthalten. Wir verbessern die Leistung kontinuierlich."}};
2136//# sourceURL=heise-io-chat-js-extra
2137</script>
vendor: 1 bytes, line 2137
2137
2138<script id="heise-io-chat-js" src="https://the-decoder.de/wp-content/plugins/heise-io-chat/assets/js/chat.js?ver=1.0.8"></script>
vendor: 1 bytes, line 2138
2138
2139<script id="deep-content-script-js-extra">
2140var deepContent = {"ajaxUrl":"https://the-decoder.de/wp-admin/admin-ajax.php","nonce":"ca6efb3894","i18n":{"loadMore":"Mehr laden","loading":"L\u00e4dt...","article":{"topics_title":"Themen"}}};
2141var contactForm = {"ajaxUrl":"https://the-decoder.de/wp-admin/admin-ajax.php","nonce":"7101716f3b","i18n":{"submitting":"Wird gesendet...","submit":"Anfrage senden","errorGeneral":"Es gab ein Problem beim Versenden Ihrer Nachricht. Bitte versuchen Sie es sp\u00e4ter erneut.","successMessage":"Vielen Dank! Ihre Nachricht wurde erfolgreich versendet. Wir werden uns in K\u00fcrze bei Ihnen melden."}};
2142//# sourceURL=deep-content-script-js-extra
2143</script>
vendor: 1 bytes, line 2143
2143
2144<script id="deep-content-script-js" src="https://the-decoder.de/wp-content/themes/deep-content/js/script.min.js?ver=0.2.9"></script>
vendor: 1 bytes, line 2144
2144
2145<script id="deep-content-newsletter-js-extra">
2146var deepContentNewsletter = {"translations":{"emailRequired":"\u26a0\ufe0f E-Mail-Adresse ist erforderlich","invalidFormat":"\u26a0\ufe0f Ung\u00fcltiges E-Mail-Format","subscribing":"Anmeldung l\u00e4uft...","checkInbox":"\u2713 Bitte \u00fcberpr\u00fcfen Sie Ihren Posteingang","alreadySubscribed":"Diese E-Mail ist bereits angemeldet","somethingWrong":"Etwas ist schief gelaufen","networkError":"Netzwerkfehler","subscriptionSent":"Anmeldung gesendet","processingSubscription":"Anmeldung wird verarbeitet...","subscribeButton":"Newsletter abonnieren"}};
2147//# sourceURL=deep-content-newsletter-js-extra
2148</script>
vendor: 1 bytes, line 2148
2148
2149<script id="deep-content-newsletter-js" src="https://the-decoder.de/wp-content/themes/deep-content/js/newsletter-form.min.js?ver=0.2.9"></script>
vendor: 1 bytes, line 2149
2149
2150<script id="stripe-js-js" src="https://js.stripe.com/v3/"></script>
vendor: 1 bytes, line 2150
2150
2151<script id="deep-content-stripe-js-extra">
2152var stripeData = {"publishableKey":"pk_live_51Rd7wDLF7q92eioqasJdKCbbPdVhWsT81wgEdoxzYtAvDpp48xi1MB41gKQfJczslO3WiL2nn8Ray2RtFfIKomtz00hyCakwJU","ajaxUrl":"https://the-decoder.de/wp-admin/admin-ajax.php","nonce":"1300cd0d7b"};
2153//# sourceURL=deep-content-stripe-js-extra
2154</script>
vendor: 1 bytes, line 2154
2154
2155<script id="deep-content-stripe-js" src="https://the-decoder.de/wp-content/themes/deep-content/js/stripe-checkout.min.js?ver=1.0.0"></script>
2155
2156
2157</body>
2158
2159</html>
2160
2161	
2162<!-- Contact Modal -->
2163<div id="contact-modal" class="contact-modal" style="display: none;">
2164	<div class="contact-modal-overlay" data-contact-close></div>
2165	<div class="contact-modal-content">
2166		<button type="button" class="contact-modal-close" data-contact-close aria-label="Modal schließen">
2167			<span aria-hidden="true">&times;</span>
2168		</button>
2169
2170		<div class="contact-modal-body">
2171			<h2 id="contact-modal-title" class="text-3xl font-semibold text-(--heise-primary) mb-4">Kontaktformular</h2>
2172			<p id="contact-modal-description" class="text-lg text-(--heise-primary) mb-6">
2173				Finden wir gemeinsam heraus, wie heise KI PRO Ihr Unternehmen voranbringen kann.			</p>
2174
2175			<form class="contact-form" id="contact-form">
2176				<div class="form-group">
2177					<label for="contact-name" class="form-label">Name *</label>
2178					<input type="text" id="contact-name" name="name" required class="form-input" autocomplete="name">
2179				</div>
2180
2181				<div class="form-group">
2182					<label for="contact-email" class="form-label">E-Mail *</label>
2183					<input type="email" id="contact-email" name="email" required class="form-input" autocomplete="email">
2184				</div>
2185
2186				<div class="form-group">
2187					<label for="contact-phone" class="form-label">
2188						Telefonnummer *					</label>
2189					<input type="tel" id="contact-phone" name="phone" required class="form-input" autocomplete="tel" placeholder="z. B. +49 30 1234567">
2190				</div>
2191
2192				<div class="form-group">
2193					<label for="contact-company" class="form-label">
2194						Organisation / Tätigkeit *					</label>
2195					<input type="text" id="contact-company" name="company" required class="form-input" autocomplete="organization" placeholder="z. B. Unternehmen, Redaktion, Studium, freiberuflich">
2196				</div>
2197
2198				<div class="form-group">
2199					<label for="contact-preferred-date" class="form-label">Wunschtermin (optional)</label>
2200					<input type="text" id="contact-preferred-date" name="preferred_date" class="form-input" placeholder="z.B. Dienstag, 04.11.{year}, 15 Uhr">
2201				</div>
2202
2203				<div class="form-group">
2204					<label for="contact-message" class="form-label">Ihre Nachricht *</label>
2205					<textarea id="contact-message" name="message" required class="form-input" rows="5" placeholder="Beschreiben Sie kurz Ihr Anliegen..."></textarea>
2206				</div>
2207
2208				<button type="submit" class="inline-block rounded-sm bg-(image:--ki_gradient-2)
2209          px-8 py-3 text-base font-semibold text-white hover:opacity-90 transition">
2210					Anfrage senden				</button>
2211			</form>
2212		</div>
2213	</div>
2214</div>

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.