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 » Feed" href="https://the-decoder.de/feed/" /> 232<link rel="alternate" type="application/rss+xml" title="KI Pro » 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&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 & 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">×</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">×</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 & 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">×</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">×</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">×</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.