CINXE.COM

<!DOCTYPE html> <html lang="de" class="font-sans"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> heise group </title> <link rel="stylesheet" type="text/css" href="/stil/heisegruppe.css?755960b9f6c9bbeadbd5"> <link rel="alternate" type="application/atom+xml" title="Presse-Informationen der heise group" href="/rss/news-atom.xml"> <link rel="author" title="Kontakt" href="mailto:info-hg%40heise.de"> <meta name="publisher" content="heise group"> <link rel="icon" href="/icons/favicon.ico" sizes="32x32"> <link rel="icon" href="/icons/favicon.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="/icons/apple-touch-icon.png"> <link rel="manifest" href="/icons/manifest.json"> <meta name="title" content="heise group"> <meta name="description" content="Zeitschriften, Verzeichnismedien, New-Media-Produkte, Events: Als Medienunternehmen vermittelt heise Informationen und Mediendienstleistungen"> <meta property="og:title" content="heise group"> <meta property="og:type" content="website"> <meta property="og:locale" content="de_DE"> <meta property="og:url" content="http://www.heise-gruppe.de/"> <meta property="og:site_name" content="heise group"> <meta property="og:description" content=""> <meta property="og:image" content=""> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@heisegruppe"> <meta name="twitter:title" content="heise group"> <meta name="twitter:description" content=""> <meta name="generator" content="InterRed V24.2.9, http://www.interred.de/, InterRed GmbH" /> </head> <body class="selection:bg-accent-box selection:text-heise antialiased text-heise-base md:text-heise-base-md xl:text-heise-base-xl text-brand-800 bg-white"> <header class="fixed top-0 z-50 w-full"> <div class="flex max-h-12 items-center justify-between bg-white px-4 pb-2 pt-3 md:max-h-16 md:px-6 md:pb-3 md:pt-4 lg:max-h-20 lg:pb-4 lg:pt-5"> <a href="/" class="outline-none hover:opacity-75"> <svg preserveAspectRatio="xMinYMin" xmlns="http://www.w3.org/2000/svg" width="285" height="52" viewBox="0 0 1368 248" role="img" class="h-auto w-40 md:w-48 xl:w-64"> <title>heise group</title> <path d="M237.91 15.94h28.22V60.7l-1.18 23.21c10.09-9.5 22.05-18.22 38.51-18.22 25.77 0 37.04 17.44 37.04 47.8v75.42h-28.22v-71.8c0-19.79-5.68-27.23-18.71-27.23-10.58 0-17.54 5.19-27.44 14.99v84.04h-28.22zM356.6 128.87c0-39.08 27.14-63.18 55.46-63.18 32.53 0 49.68 23.51 49.68 57.11 0 5.39-.59 10.77-1.23 13.71h-76.38c2.35 21.35 16.07 33.5 35.47 33.5 10.29 0 19.11-3.23 27.93-8.72l9.6 17.53c-11.46 7.74-25.97 13.03-41.25 13.03-33.22 0-59.28-23.31-59.28-62.98m80.74-11.56c0-18.51-8.23-29.78-24.69-29.78-14.01 0-26.36 10.48-28.81 29.78zm37.96-85.7c0-9.5 7.45-15.97 17.44-15.97s17.44 6.46 17.44 15.97-7.45 15.97-17.44 15.97-17.44-6.66-17.44-15.97m3.24 37.02h28.22v120.28h-28.22zm40.34 106.47 13.13-17.92c10.68 8.33 21.02 13.42 33.22 13.42 13.13 0 19.3-6.17 19.3-14.4 0-10.09-13.03-14.59-25.87-19.49-15.78-5.93-33.81-14.99-33.81-35.07s16.85-35.95 43.8-35.95c16.76 0 30.18 6.81 39.98 14.4L595.7 97.43c-8.43-6.17-16.9-10.48-26.36-10.48-12.1 0-17.83 5.78-17.83 13.32 0 9.5 12.15 13.13 25.18 17.92 16.26 6.07 34.49 13.91 34.49 36.34 0 20.67-16.36 37.32-46.74 37.32-16.46 0-33.81-7.05-45.56-16.75m102.03-46.23c0-39.08 27.14-63.18 55.46-63.18 32.53 0 49.68 23.51 49.68 57.11 0 5.39-.59 10.77-1.23 13.71h-76.38c2.35 21.35 16.07 33.5 35.47 33.5 10.29 0 19.11-3.23 27.93-8.72l9.6 17.53c-11.46 7.74-25.97 13.03-41.25 13.03-33.22 0-59.28-23.31-59.28-62.98m80.74-11.56c0-18.51-8.23-29.78-24.69-29.78-14.01 0-26.36 10.48-28.81 29.78zM107.22 4.65c14.12 6.58 20.22 23.36 13.64 37.47L55.78 181.66c-6.59 14.11-23.37 20.22-37.49 13.64s-20.22-23.36-13.64-37.47L69.74 18.29C76.33 4.18 93.11-1.93 107.23 4.65m45.06 89.06c-14.12-6.58-30.9-.47-37.48 13.64l-23.54 50.47c-6.59 14.11-.48 30.89 13.64 37.47s30.9.47 37.48-13.64l23.54-50.47c6.59-14.12.48-30.89-13.64-37.47" fill="#14315b" /> <path d="M796.05 210.64c0-10.14 6.27-19.02 17.35-25.68v-.98c-6.18-4.02-10.88-10.39-10.88-20.09s6.37-17.54 13.33-22.44v-.98c-8.24-6.08-15.88-17.54-15.88-31.76 0-27.64 22.35-43.22 47.55-43.22 6.67 0 12.94 1.18 17.84 2.94h43.04v20.98h-21.96c3.92 4.51 6.86 11.96 6.86 20.19 0 26.76-20.3 41.07-45.79 41.07-5.1 0-10.88-1.08-16.28-3.19-3.63 3.09-5.88 6.13-5.88 11.52 0 6.76 4.9 10.88 19.51 10.88h21.42c28.78 0 44.07 8.92 44.07 29.7 0 23.72-24.9 42.44-64.22 42.44-28.73 0-50.1-10.29-50.1-31.36Zm87.07-6.47c0-9.31-7.45-12.06-21.23-12.06h-16.52c-6.47 0-11.67-.49-16.28-1.67-6.47 4.9-9.32 10.29-9.32 15.88 0 10.98 11.77 17.35 30.69 17.35s32.65-9.12 32.65-19.5Zm-14.71-95.47c0-15.09-9.12-23.72-20.88-23.72s-20.88 8.53-20.88 23.72 9.31 24.21 20.88 24.21 20.88-8.92 20.88-24.21m53.99-40.28h23.14l2.16 21.46h.78c8.58-15.68 21.33-24.41 34.22-24.41 6.13 0 10 .78 13.63 2.45l-4.9 24.5c-4.22-1.18-7.35-1.96-12.35-1.96-9.61 0-21.18 6.57-28.43 24.9v73.41h-28.24V68.41ZM994 128.7c0-40.09 27.26-63.22 57.26-63.22s57.26 23.13 57.26 63.22-27.26 63.02-57.26 63.02S994 168.59 994 128.7m85.5 0c0-24.11-10.59-40.19-28.24-40.19s-28.24 16.07-28.24 40.19 10.59 39.99 28.24 39.99 28.24-15.88 28.24-39.99m45.02 15.19V68.42h28.24v71.84c0 19.8 5.69 27.25 18.73 27.25 10.59 0 17.55-4.9 26.67-16.66V68.42h28.24v120.36h-23.14l-2.16-17.74h-.78c-10.59 12.55-22.26 20.68-38.73 20.68-25.79 0-37.06-17.45-37.06-47.83Zm123.77-75.47h23.14l2.16 12.84h.78c10.15-8.72 23.04-15.78 36.28-15.78 30.1 0 47.36 24.11 47.36 61.26 0 41.17-24.61 64.98-51.38 64.98-10.69 0-21.18-4.8-30.98-13.23l.88 20v37.93h-28.24zm80.69 58.61c0-24.01-7.84-38.23-26.18-38.23-8.73 0-16.96 4.41-26.28 13.53v56.06c8.63 7.35 17.16 10 24.12 10 16.08 0 28.34-14.11 28.34-41.36" fill="#6f7d93" /> </svg> </a> <button type="button" class="inline-flex size-8 items-center justify-center rounded-lg bg-white text-heise hover:bg-brand-invert focus:bg-brand-invert focus:outline-none disabled:pointer-events-none disabled:opacity-50 md:size-10 lg:size-12" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-offcanvas-header" data-hs-overlay="#hs-offcanvas-header"> <svg class="size-7 shrink-0 md:size-8 xl:size-11" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="3" x2="21" y1="6" y2="6" /> <line x1="3" x2="21" y1="12" y2="12" /> <line x1="3" x2="21" y1="18" y2="18" /> </svg> <span class="sr-only">Navigation zeigen</span> </button> <div id="hs-offcanvas-header" class="hs-overlay fixed end-0 top-0 z-[30] hidden h-screen w-full translate-x-full transform overflow-y-auto bg-heise py-3 text-brand-invert transition-all duration-300 [--body-scroll:true] hs-overlay-open:translate-x-0 hs-overlay-backdrop-open:bg-brand/50 md:max-w-[55ch] md:py-4 lg:py-5" role="dialog" tabindex="-1" aria-label="Navigation"> <div class="flex min-h-full flex-col justify-stretch gap-4"> <div class="flex items-center justify-end px-4 md:px-6"> <button type="button" class="flex size-8 items-center justify-center rounded-lg bg-heise text-accent hover:bg-heise focus:bg-brand-invert focus:outline-none disabled:pointer-events-none disabled:opacity-50 md:size-10 lg:size-12" aria-label="Schliessen" data-hs-overlay="#hs-offcanvas-header"> <span class="sr-only">Navigation schliessen</span> <svg class="size-7 shrink-0 md:size-8 xl:size-11" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M18 6 6 18"></path> <path d="m6 6 12 12"></path> </svg> </button> </div> <nav class="hs-accordion-group px-8 pb-8" data-hs-accordion-always-open> <p class="ml-8 w-full py-4"> <a href="/ueber-uns.html" class="text-heise-large-xl text-brand-invert hover:text-accent">Über uns</a> </p> <p class="ml-8 w-full py-4"> <a href="/marken-produkte.html" class="text-heise-large-xl text-brand-invert hover:text-accent">Marken & Produkte</a> </p> <div class="hs-accordion" id="accordion-heading-3"> <button type="button" class="hs-accordion-toggle inline-flex w-full items-center gap-x-2 pb-2 pt-4 text-start text-heise-large-xl text-brand-invert hover:text-accent focus:outline-none hs-accordion-active:text-accent" aria-expanded="false" aria-controls="accordion-body-3"> <svg class="block size-6 text-accent hs-accordion-active:hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"> <path d="M5 12h14"></path> <path d="M12 5v14"></path> </svg> <svg class="hidden size-6 text-brand-invert hs-accordion-active:block" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"> <path d="M5 12h14"></path> </svg> Geschäftsbereiche </button> <div id="accordion-body-3" class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300" aria-labelledby="accordion-heading-3" role="region"> <ul class="mb-2 space-y-2 ml-9"> <li> <a href="/verzeichnismedien.html" class="text-heise-base-xl text-brand-invert hover:text-accent">heise connect</a> </li> <li> <a href="/content-medien.html" class="text-heise-base-xl text-brand-invert hover:text-accent">heise content</a> </li> <li> <a href="/shopping-portale.html" class="text-heise-base-xl text-brand-invert hover:text-accent">heise compare</a> </li> </ul> </div> </div> <div class="hs-accordion" id="accordion-heading-4"> <button type="button" class="hs-accordion-toggle inline-flex w-full items-center gap-x-2 pb-2 pt-4 text-start text-heise-large-xl text-brand-invert hover:text-accent focus:outline-none hs-accordion-active:text-accent" aria-expanded="false" aria-controls="accordion-body-4"> <svg class="block size-6 text-accent hs-accordion-active:hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"> <path d="M5 12h14"></path> <path d="M12 5v14"></path> </svg> <svg class="hidden size-6 text-brand-invert hs-accordion-active:block" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"> <path d="M5 12h14"></path> </svg> Presse </button> <div id="accordion-body-4" class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300" aria-labelledby="accordion-heading-4" role="region"> <ul class="mb-2 space-y-2 ml-9"> <li> <a href="/presse/" class="text-heise-base-xl text-brand-invert hover:text-accent">Presse-Informationen</a> </li> <li> <a href="/artikel/Presse-Newsletter-9716155.html" class="text-heise-base-xl text-brand-invert hover:text-accent">Newsletter</a> </li> <li> <a href="/presse/bilderindex.html" class="text-heise-base-xl text-brand-invert hover:text-accent">Bilder & Viten</a> </li> <li> <a href="/kontakt/Presse-und-Oeffentlichkeitsarbeit-1520108.html" class="text-heise-base-xl text-brand-invert hover:text-accent">Ansprechpartner</a> </li> </ul> </div> </div> <div class="hs-accordion" id="accordion-heading-5"> <button type="button" class="hs-accordion-toggle inline-flex w-full items-center gap-x-2 pb-2 pt-4 text-start text-heise-large-xl text-brand-invert hover:text-accent focus:outline-none hs-accordion-active:text-accent" aria-expanded="false" aria-controls="accordion-body-5"> <svg class="block size-6 text-accent hs-accordion-active:hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"> <path d="M5 12h14"></path> <path d="M12 5v14"></path> </svg> <svg class="hidden size-6 text-brand-invert hs-accordion-active:block" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"> <path d="M5 12h14"></path> </svg> Karriere </button> <div id="accordion-body-5" class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300" aria-labelledby="accordion-heading-5" role="region"> <ul class="mb-2 space-y-2 ml-9"> <li> <a href="/artikel/heise-als-Arbeitgeber-1812545.html" class="text-heise-base-xl text-brand-invert hover:text-accent">heise als Arbeitgeber</a> </li> <li> <a href="/schueler_studenten.html" class="text-heise-base-xl text-brand-invert hover:text-accent">Schüler und Studenten</a> </li> <li> <a href="/absolventen_berufserfahrene.html" class="text-heise-base-xl text-brand-invert hover:text-accent">Absolventen und Berufserfahrene</a> </li> <li> <a href="https://karriere.heise.de/engage/jobexchange/showJobOfferList.do?init=true&j=jobexchange" class="text-heise-base-xl text-brand-invert hover:text-accent">Stellenangebote</a> </li> <li> <a href="/FAQ-zum-Bewerbungsprozess-7488231.html" class="text-heise-base-xl text-brand-invert hover:text-accent">FAQ zum Bewerbungsprozess</a> </li> <li> <a href="/kontakt/Human-Resources-1520118.html" class="text-heise-base-xl text-brand-invert hover:text-accent">Ansprechpartner</a> </li> <li> <a href="/artikel/Aktuelles-4840042.html" class="text-heise-base-xl text-brand-invert hover:text-accent">Aktuelles</a> </li> </ul> </div> </div> <p class="ml-8 w-full py-4"> <a href="/kontakt/" class="text-heise-large-xl text-brand-invert hover:text-accent">Kontakt</a> </p> </nav> <ul class="flex flex-wrap justify-center grow items-start gap-8 px-8 md:px-4 pb-8 lg:flex-nowrap"> <li> <a rel="nofollow" title="heise group bei LinkedIn" href="https://www.linkedin.com/company/heise-gruppe" class="hover:text-accent"> <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" viewBox="0 0 448 448" width="28" height="28"><path d="M416,0H31.9C14.3,0,0,14.5,0,32.3V415.7c0,17.8,14.3,32.3,31.9,32.3H416c17.6,0,32-14.5,32-32.3V32.3C448,14.5,433.6,0,416,0ZM135.4,384H69V170.2h66.5v213.8h-.1Zm-33.2-243c-21.3,0-38.5-17.3-38.5-38.5s17.2-38.5,38.5-38.5,38.5,17.3,38.5,38.5-17.2,38.5-38.5,38.5Zm282.1,243h-66.4v-104c0-24.8-.5-56.7-34.5-56.7s-39.9,27-39.9,54.9v105.8h-66.4V170.2h63.7v29.2h.9c8.9-16.8,30.6-34.5,62.9-34.5,67.2,0,79.7,44.3,79.7,101.9v117.2Z" fill="currentColor"/></svg> </a> </li> <li> <a rel="nofollow" title="heise group bei Instagram" href="https://www.instagram.com/heise.group" class="hover:text-accent"> <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" viewBox="0 0 448 512" width="24" height="28"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" fill="currentColor"/></svg> </a> </li> <li> <a rel="nofollow" title="heise group bei Facebook" href="https://www.facebook.com/heisegruppe" class="hover:text-accent"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1792" preserveAspectRatio="xMinYMin" width="16" height="28"><path d="M959 12v264H802q-86 0-116 36t-30 108v189h293l-39 296H656v759H350V905H95V609h255V391q0-186 104-288.5T731 0q147 0 228 12z" fill="currentColor"/></svg> </a> </li> <li> <a rel="nofollow" title="heise group bei TikTok" href="https://www.tiktok.com/@heise.group" class="hover:text-accent"> <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" viewBox="0 0 448 512" width="24" height="28"><path d="M448 209.9a210.1 210.1 0 0 1 -122.8-39.3V349.4A162.6 162.6 0 1 1 185 188.3V278.2a74.6 74.6 0 1 0 52.2 71.2V0l88 0a121.2 121.2 0 0 0 1.9 22.2h0A122.2 122.2 0 0 0 381 102.4a121.4 121.4 0 0 0 67 20.1z" fill="currentColor"/></svg> </a> </li> <li> <a rel="nofollow" title="heise group bei Youtube" href="https://www.youtube.com/channel/UCUoUwDOvS-XlY7GCtcv7v3Q" class="hover:text-accent"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1792 1792" preserveAspectRatio="xMinYMin" width="28" height="28"><path d="M1280 896q0-37-30-54L738 522q-31-20-65-2-33 18-33 56v640q0 38 33 56 16 8 31 8 20 0 34-10l512-320q30-17 30-54zm512 0q0 96-1 150t-8.5 136.5T1760 1330q-16 73-69 123t-124 58q-222 25-671 25t-671-25q-71-8-124.5-58T31 1330q-14-65-21.5-147.5T1 1046 0 896t1-150 8.5-136.5T32 462q16-73 69-123t124-58q222-25 671-25t671 25q71 8 124.5 58t69.5 123q14 65 21.5 147.5T1791 746t1 150z" fill="currentColor"/></svg> </a> </li> <li> <a rel="nofollow" title="heise group bei RSS-Feeds" href="/rss/news-atom.xml" class="hover:text-accent"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1408 1792" preserveAspectRatio="xMinYMin" width="22" height="28"><path d="M384 1344q0 80-56 136t-136 56-136-56-56-136 56-136 136-56 136 56 56 136zm512 123q2 28-17 48-18 21-47 21H697q-25 0-43-16.5t-20-41.5q-22-229-184.5-391.5T58 902q-25-2-41.5-20T0 839V704q0-29 21-47 17-17 43-17h5q160 13 306 80.5T634 902q114 113 181.5 259t80.5 306zm512 2q2 27-18 47-18 20-46 20h-143q-26 0-44.5-17.5T1137 1476q-12-215-101-408.5t-231.5-336-336-231.5T60 398q-25-1-42.5-19.5T0 335V192q0-28 20-46 18-18 44-18h3q262 13 501.5 120T994 542q187 186 294 425.5t120 501.5z" fill="currentColor"/></svg> </a> </li> </ul> <div class="h-full w-full px-6 pt-16"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 540 100"><path fill="#f2f2f2" d="M52.7 19.13c-4.38-2.04-9.6-.14-11.66 4.24L20.81 66.75c-2.04 4.38-.14 9.6 4.24 11.66 4.38 2.04 9.6.14 11.66-4.24l20.23-43.38c2.04-4.4.14-9.62-4.24-11.66m14 27.69c-4.38-2.04-9.6-.14-11.66 4.24l-7.32 15.69c-2.04 4.38-.14 9.6 4.24 11.66 4.38 2.04 9.6.14 11.66-4.24l7.32-15.69c2.05-4.4.14-9.62-4.24-11.66m26.77-24.37h8.73V36.3l-.37 7.19c3.13-2.94 6.82-5.64 11.91-5.64 7.98 0 11.46 5.39 11.46 14.8v23.34h-8.73V53.75c0-6.12-1.77-8.43-5.8-8.43-3.28 0-5.43 1.61-8.49 4.64v26.01h-8.73V22.45zm36.95 34.97c0-12.11 8.4-19.55 17.16-19.55 10.07 0 15.36 7.27 15.36 17.68 0 1.67-.18 3.34-.39 4.24h-23.63c.72 6.61 4.98 10.37 10.98 10.37 3.18 0 5.91-1 8.64-2.7l2.97 5.43c-3.55 2.39-8.03 4.03-12.76 4.03-10.27 0-18.33-7.21-18.33-19.49Zm24.98-3.58c0-5.73-2.55-9.22-7.64-9.22-4.33 0-8.16 3.24-8.91 9.22zm11.72-26.52c0-2.94 2.31-4.94 5.39-4.94s5.39 2.01 5.39 4.94-2.31 4.94-5.39 4.94c-3.08-.02-5.39-2.07-5.39-4.94m1 11.44h8.73v37.23h-8.73zm12.38 32.96 4.06-5.55c3.31 2.58 6.5 4.16 10.27 4.16 4.06 0 5.97-1.91 5.97-4.46 0-3.13-4.03-4.51-8.01-6.04-4.88-1.83-10.47-4.64-10.47-10.85s5.22-11.13 13.55-11.13c5.19 0 9.34 2.1 12.38 4.46l-4 5.36c-2.6-1.91-5.23-3.24-8.16-3.24-3.74 0-5.52 1.78-5.52 4.13 0 2.94 3.76 4.06 7.79 5.55 5.04 1.88 10.68 4.3 10.68 11.25 0 6.39-5.06 11.56-14.47 11.56-5.07-.02-10.44-2.2-14.08-5.2Zm32.31-14.3c0-12.11 8.4-19.55 17.16-19.55 10.07 0 15.36 7.27 15.36 17.68 0 1.67-.18 3.34-.39 4.24h-23.63c.72 6.61 4.98 10.37 10.98 10.37 3.18 0 5.91-1 8.64-2.7l2.97 5.43c-3.55 2.39-8.03 4.03-12.76 4.03-10.26 0-18.33-7.21-18.33-19.49Zm24.99-3.58c0-5.73-2.55-9.22-7.64-9.22-4.33 0-8.16 3.24-8.91 9.22zm227.09-1.42v7.34h-2.75v-6.98c0-1.93-.55-2.65-1.81-2.65-1.03 0-1.7.5-2.67 1.46v8.17h-2.75V48.04h2.25l.21 1.59h.08c1.04-1.03 2.25-1.86 3.84-1.86 2.5 0 3.6 1.7 3.6 4.66Zm-16.03-8.25 5.07 15.59h-2.92l-1.22-4.24h-5.22l-1.22 4.24h-2.83l5.09-15.59h3.24Zm.32 9.19-.54-1.88c-.5-1.65-.95-3.42-1.41-5.14h-.1c-.43 1.72-.88 3.48-1.38 5.14l-.54 1.88zm22.93 4.51c-1.12 0-1.65-.67-1.65-2.05v-5.57h2.99v-2.18h-2.99v-3.19h-2.28l-.32 3.19-1.81.13v2.05h1.67v5.57c0 2.52 1.01 4.22 3.69 4.24.93 0 1.75-.22 2.39-.43l-.47-2.02c-.34.14-.82.27-1.22.27Zm30.5-3.95c0 3.89-2.65 6.13-5.57 6.13s-5.57-2.26-5.57-6.13 2.65-6.15 5.57-6.15 5.57 2.25 5.57 6.15m-2.82 0c0-2.34-1.03-3.9-2.75-3.9s-2.75 1.56-2.75 3.9 1.03 3.89 2.75 3.89 2.75-1.54 2.75-3.89m19.74 3.67c-.34.14-.82.27-1.22.27-1.12 0-1.65-.67-1.65-2.05v-5.57h2.99v-2.18h-2.99v-3.19h-2.28l-.32 3.19-1.81.13v2.05h1.67v5.57c0 2.52 1 4.22 3.69 4.24.93 0 1.75-.22 2.39-.43l-.47-2.02Zm-12.86-7.46h-.08l-.21-2.09h-2.25v11.7h2.75V52.6c.71-1.78 1.83-2.42 2.76-2.42.48 0 .79.08 1.2.19l.48-2.38c-.35-.16-.74-.24-1.33-.24-1.25 0-2.49.85-3.32 2.38m-19.47 3.98c-.22 1.12-.4 2.23-.63 3.37h-.1c-.26-1.14-.48-2.23-.77-3.37l-1.56-6.07h-2.49l-1.54 6.07c-.29 1.11-.51 2.23-.74 3.37h-.1c-.21-1.14-.39-2.23-.61-3.37l-1.41-6.07h-2.76l3.08 11.7h3.16l1.33-5.44c.26-1.09.47-2.2.69-3.42h.1c.26 1.24.47 2.31.71 3.4l1.36 5.46h3.26l2.97-11.7h-2.57l-1.4 6.07Zm-28.77-18.38h6.86v2.31h-9.62V22.47h9.38v2.33h-6.61v4h5.6v2.33h-5.6v4.61Zm35.42-2.8h-7.43c.22 2.07 1.56 3.26 3.45 3.26 1 0 1.86-.32 2.71-.85l.93 1.7c-1.11.75-2.52 1.27-4.01 1.27-3.23.02-5.76-2.25-5.76-6.12s2.63-6.15 5.39-6.15c3.16 0 4.83 2.28 4.83 5.55 0 .53-.06 1.04-.11 1.33Zm-2.27-1.86c0-1.8-.8-2.89-2.41-2.89-1.36 0-2.57 1.03-2.81 2.89zm-24.29 6.97h2.75v-11.7h-2.75zm1.4-16.86c-.98 0-1.7.63-1.7 1.56s.72 1.56 1.7 1.56 1.7-.66 1.7-1.56-.72-1.56-1.7-1.56m9.79 4.88c-1.59 0-2.79.83-3.84 1.86h-.08l-.21-1.59h-2.25v11.7h2.75v-8.17c.96-.96 1.64-1.46 2.67-1.46 1.27 0 1.81.72 1.81 2.65v6.98h2.75v-7.32c0-2.95-1.09-4.66-3.6-4.66Zm-44.85 43.66h2.76l1.41 6.07c.22 1.14.4 2.23.61 3.37h.1c.22-1.14.45-2.26.74-3.37l1.54-6.07h2.49l1.56 6.07c.29 1.14.51 2.23.77 3.37h.1c.22-1.14.4-2.25.63-3.37l1.4-6.07h2.57l-2.97 11.7h-3.26l-1.36-5.46c-.24-1.09-.45-2.17-.71-3.4h-.1c-.22 1.22-.43 2.33-.69 3.42l-1.33 5.44h-3.16l-3.08-11.7Zm17.22 5.86c0-3.8 2.63-6.15 5.39-6.15 3.16 0 4.83 2.28 4.83 5.55 0 .53-.06 1.04-.11 1.33h-7.43c.22 2.07 1.56 3.26 3.45 3.26 1 0 1.86-.32 2.71-.85l.93 1.7c-1.11.75-2.52 1.27-4.01 1.27-3.23 0-5.76-2.26-5.76-6.12Zm7.85-1.13c0-1.8-.8-2.89-2.41-2.89-1.36 0-2.57 1.03-2.81 2.89zm3.49-8.35c0-.93.72-1.56 1.7-1.56s1.7.63 1.7 1.56-.72 1.56-1.7 1.56-1.7-.64-1.7-1.56m.32 3.62h2.75v11.7h-2.75zm5.94 7.75V71.9h-1.67v-2.07l1.81-.13.32-3.19h2.28v3.19h2.99v2.18h-2.99v5.57c0 1.38.53 2.05 1.65 2.05.4 0 .88-.13 1.22-.27l.47 2.02c-.64.21-1.46.43-2.39.43-2.7 0-3.69-1.7-3.69-4.22Zm6.32-1.89c0-3.8 2.63-6.15 5.39-6.15 3.16 0 4.83 2.28 4.83 5.55 0 .53-.06 1.04-.11 1.33h-7.43c.22 2.07 1.56 3.26 3.45 3.26 1 0 1.86-.32 2.71-.85l.93 1.7c-1.11.75-2.52 1.27-4.01 1.27-3.24 0-5.76-2.26-5.76-6.12Zm7.86-1.13c0-1.8-.8-2.89-2.41-2.89-1.36 0-2.57 1.03-2.81 2.89zm3.8-4.73h2.25l.21 2.09h.08c.83-1.53 2.07-2.38 3.32-2.38.59 0 .98.08 1.33.24l-.48 2.38c-.42-.11-.72-.19-1.2-.19-.93 0-2.05.64-2.76 2.42v7.14h-2.75z"/><path fill="#64a4ff" d="M266.98 56.81a2.97 2.97 0 0 0 2.97 2.97h145.93a2.97 2.97 0 0 0 0-5.94H269.95a2.97 2.97 0 0 0-2.97 2.97"/></svg> </div> </div> </div> </div> </header> <main class="w-full pt-12 text-heise-base md:pt-16 md:text-heise-base-md lg:pt-20 xl:text-heise-base-xl"> <div class="flex w-full flex-col gap-4 py-4 xl:grid xl:grid-cols-12 xl:items-center xl:pb-10 2xl:pb-16"> <div class="order-2 px-logo pb-4 md:px-logo-md xl:px-logo-xl xl:order-1 xl:col-span-6 xl:pb-0 xl:pl-16 xl:pr-8 2xl:col-span-5"> <h1 class="text-heise-hero font-semibold text-heise md:text-heise-hero-md xl:text-heise-hero-xl"> Innovation beginnt immer mit den richtigen <span class="rotating-text after:animate-rotate-words"></span> </h1> <p class="pt-8"> <a href="/ueber-uns.html" class=" flex items-center justify-center rounded-full px-6 py-2 bg-heise text-brand-invert hover:bg-accent hover:text-heise text-heise-large font-semibold w-full sm:w-fit md:text-heise-large-md xl:text-heise-large-xl">Entdecke die heise group <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320" class="ml-2 h-0 w-0 sm:h-6 sm:w-6 md:h-8 md:w-8 xl:h-10 xl:w-10"><path d="M228.36,153.65c14.39,6.71,20.62,23.81,13.9,38.2l-24,51.46c-6.71,14.39-23.81,20.61-38.2,13.9-14.39-6.71-20.62-23.82-13.9-38.2l23.99-51.46c6.71-14.39,23.82-20.61,38.2-13.9h0M182.43,62.84h0c-14.39-6.71-31.49-.48-38.2,13.9l-66.34,142.26c-6.71,14.39-.48,31.49,13.9,38.2,14.39,6.71,31.49.48,38.2-13.9l66.34-142.26c6.71-14.39.48-31.5-13.9-38.2" fill="currentColor" /> </svg></a> </p> </div> <div class="clip-lead-image relative order-1 ml-logo overflow-hidden pb-4 md:ml-logo-md xl:order-2 xl:col-span-6 xl:ml-0 xl:pb-0 2xl:col-span-7"> <div class="absolute inset-0 z-20 bg-gradient-to-tl from-heise opacity-40 group-hover:opacity-0"></div> <video class="aspect-video w-full" autoplay controls muted playsinline loop> <source src="/icons/videos/heise_75jahre.mp4" type="video/mp4"> Your browser does not support the video tag. </video> </div> </div> <div class="grid gap-8 px-6 py-4 lg:grid-cols-12 lg:px-8 xl:px-16"> <div class="col-span-full lg:col-span-5 2xl:col-span-4 transition duration-300 ease-linear bg-accent-box hover:bg-heise group relative overflow-hidden rounded-heise px-8 py-6 xl:px-10 xl:py-8"> <a href="/presse/" class="flex h-full flex-col justify-between"> <h2 class="mb-6 text-heise group-hover:text-brand-invert text-balance text-heise-teaser font-semibold md:text-heise-teaser-md xl:text-heise-teaser-xl">Für Journalisten</h2> <div class="flex flex-col gap-6"> <p class="text-heise group-hover:text-brand-invert max-w-lg text-balance"> Du möchtest ein Interview mit einem unserer IT-Experten führen? Im heise-Pressebereich findest du Ansprechpartner sowie Meldungen und Bildmaterial. </p> <button id="teaser-presse" class=" flex w-fit items-center justify-center rounded-full bg-accent px-6 py-2 font-semibold text-heise" type="button"> Presse-Informationen </button> </div> </a> </div> <div class="col-span-full lg:col-span-7 2xl:col-span-8 transition duration-300 ease-linear bg-brand-700 hover:bg-brand-700 group relative overflow-hidden rounded-heise"> <a href="https://karriere.heise.de/engage/jobexchange/showJobOfferList.do?init=true&j=jobexchange"> <img src="../../icons/startseite/slider_geizhals.jpg" class="-translate-x-1/4 transition duration-300 ease-linear group-hover:opacity-0 sm:-translate-x-2/12 md:-translate-x-0 lg:-translate-x-1/12 2xl:translate-x-0 absolute z-10 h-auto min-h-full w-full min-w-max md:aspect-video" aria-labelledby="teaser-karriere"> <div class="absolute inset-0 z-20 bg-gradient-to-b from-heise opacity-50 group-hover:opacity-0"></div> <div class="relative z-30 flex h-full flex-col justify-between px-8 py-6 xl:px-10 xl:py-8"> <h2 class="mb-6 lg:mb-12 text-brand-invert text-balance text-heise-teaser font-semibold md:text-heise-teaser-md xl:text-heise-teaser-xl">Stellenangebote</h2> <div class="flex flex-col gap-6"> <p class=" text-brand-invert max-w-lg text-balance"> <span class="invisible group-hover:visible">Wir lieben außergewöhnliche Ideen und Visionen. Denn nur durch kreative Köpfe können wir so gut sein, wie wir sind. Möchtest du auch Heiseaner werden? Dann #kommnachheise!</span> </p> <button id="teaser-karriere" class=" flex w-fit items-center justify-center rounded-full bg-accent px-6 py-2 font-semibold text-heise" type="button"> Unsere Stellenangebote </button> </div> </div> </a> </div> </div> <div class="relative mt-8 py-4 md:py-12 lg:mt-16 lg:py-20 xl:mt-28 xl:py-24"> <div class="absolute top-[20%] z-10 h-auto w-full rotate-90 sm:top-12 sm:rotate-0 xl:-top-4"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 400"> <path id="heise-way" fill="none" stroke="#d6e7ff" stroke-linecap="round" stroke-width="40" stroke-linejoin="miter" stroke-miterlimit="4" d="M0 364.9h496s64 8.1 104-73.9c0 0 94.7-204.4 95-205 20.5-46.5 63-43 63-43s429.1-.2 597.5 0c28.4 0 49.3 7.6 68.7 30 37.8 43.6 25.4 105.1 28.8 157.8 4.5 69.8 69.4 134.4 144.5 134.4H2000"/> <style> @keyframes dashAnimation { 0% { stroke-dasharray: 2450; stroke-dashoffset: 2450; } 100% { stroke-dasharray: 2450; stroke-dashoffset: -2450; } } #heise-way { stroke-width: 100; animation: dashAnimation 12s linear infinite; } @media (min-width: 768px) { #heise-way { stroke-width: 60; } } @media (min-width: 1280px) { #heise-way { stroke-width: 40; } } </style> </svg> </div> <div class="relative z-20 mx-auto text-heise md:max-w-2xl lg:max-w-4xl xl:max-w-6xl"> <h2 class="mb-8 text-pretty px-8 text-heise-superhero font-semibold sm:text-balance sm:px-14 md:text-heise-superhero-md xl:text-heise-superhero-xl">heise – Eine Antwort weiter.</h2> <p class="mb-8 text-pretty px-8 text-heise-large sm:text-balance sm:px-14 md:text-heise-large-md xl:text-heise-large-xl">Seit 75 Jahren geben wir Antworten. 1949 hat heise mit seinen Adress- und Fernsprechbüchern die Menschen miteinander verbunden. Jetzt vermitteln wir als weitverzweigtes Medienunternehmen redaktionelle Inhalte und Marketingdienstleistungen, Veranstaltungen und Weiterbildung für IT-Professionals.</p> <div class="mx-6 grid grid-cols-12 items-stretch justify-center gap-4 rounded-heise bg-accent-box px-8 py-6 md:mx-0 xl:px-12 xl:py-10"> <h3 class="col-span-full text-balance text-heise-hero font-semibold md:text-heise-hero-md lg:col-span-4 xl:col-span-3 xl:text-heise-hero-xl">Unsere Mission</h3> <p class="col-span-full text-pretty text-heise-large font-semibold md:text-heise-large-md lg:col-span-8 xl:col-span-9 xl:text-heise-large-xl">Wir streben nach einer Zukunft, in der Antworten für alle zugänglich sind. Dafür bieten wir fundierte und unabhängige Antworten, die es Unternehmen und Privatpersonen ermöglichen, einen Schritt voraus zu sein. Denn manchmal macht die richtige Antwort den entscheidenden Unterschied.</p> </div> </div> </div> <div class="grid gap-8 px-6 py-4 lg:grid-cols-12 lg:px-8 xl:px-16"> <div class="group relative col-span-full overflow-hidden rounded-heise bg-marken-teaser [perspective:80%] [transform-style:preserve-3d]"> <a href="/marken-produkte.html" aria-labelledby="teaser-marken"> <div class="absolute inset-0 z-20 bg-gradient-to-b from-heise opacity-50 transition duration-300 ease-linear group-hover:z-30 group-hover:bg-marken-teaser-hover group-hover:opacity-100"></div> <div class="invisible relative z-30 flex h-full flex-col justify-between px-8 py-6 group-hover:visible xl:px-10 xl:py-8"> <h2 class="w-fit rounded-full text-heise-hero font-semibold text-brand-invert md:text-heise-hero-md xl:text-heise-hero-xl">Marken & Produkte</h2> <div class="flex flex-col gap-4"> <p class="mt-[6rem] max-w-xs text-heise-large text-brand-invert md:text-heise-large-md lg:max-w-md xl:mt-[10rem] xl:max-w-lg xl:text-heise-large-xl"> Eine Antwort weiter:<br> IT-Wissen, Online-Marketing, Preisvergleich. </p> <button id="teaser-marken" class="flex w-fit items-center justify-center rounded-full bg-heise px-6 py-2 font-semibold text-brand-invert" type="button"> Unsere Marken </button> </div> </div> <img src="/icons/produkte/ct.svg" class="absolute left-[6%] top-[20%] z-10 h-auto w-[48%] opacity-80 motion-safe:animate-fly-to-left motion-safe:[animation-delay:5s] md:w-[32%]" alt="c't"> <img src="/icons/produkte/heise_academy.svg" class="absolute left-[60%] top-[46%] z-10 h-auto w-[42%] opacity-80 motion-safe:animate-fly-to-right md:w-[28%]" alt="heise academy"> <img src="/icons/produkte/heise_online.svg" class="absolute left-[28%] top-[12%] z-10 h-auto w-[48%] opacity-80 motion-safe:animate-fly-to-left motion-safe:[animation-delay:3s] md:w-[32%]" alt="heise online"> <img src="/icons/produkte/heise_regioconcept.svg" class="absolute left-[10%] top-[42%] z-10 h-auto w-[48%] opacity-80 motion-safe:animate-fly-to-right md:w-[32%]" alt="heise regioconcept"> <img src="/icons/produkte/ix.svg" class="absolute left-[4%] top-[-2%] z-10 h-auto w-[48%] opacity-80 motion-safe:animate-fly-to-left md:w-[32%]" alt="iX"> <img src="/icons/produkte/heise_business_services.svg" class="absolute left-[68%] top-[12%] z-10 h-auto w-[36%] opacity-80 motion-safe:animate-fly-to-left motion-safe:[animation-delay:8s] md:w-[24%]" alt="heise business services"> <img src="/icons/produkte/ct_fotografie.svg" class="absolute left-[46%] top-[34%] z-10 h-auto w-[36%] opacity-80 motion-safe:animate-fly-to-right motion-safe:[animation-delay:7s] md:w-[24%]" alt="c't Fotografie"> <img src="/icons/produkte/t3n.svg" class="absolute left-[4%] top-[68%] z-10 h-auto w-[36%] opacity-80 motion-safe:animate-fly-to-left motion-safe:[animation-delay:9s] md:w-[24%]" alt="t3n"> <img src="/icons/produkte/mac.svg" class="absolute left-[20%] top-[67%] z-10 h-auto w-[27%] opacity-80 motion-safe:animate-fly-to-right motion-safe:[animation-delay:2s] md:w-[18%]" alt="Mac & i"> <img src="/icons/produkte/make.svg" class="absolute left-[62%] top-[81%] z-10 h-auto w-[21%] opacity-80 motion-safe:animate-fly-to-left motion-safe:[animation-delay:4s] md:w-[14%]" alt="Make"> <img src="/icons/produkte/telepolis.svg" class="absolute left-[82%] top-[34%] z-10 h-auto w-[36%] opacity-80 motion-safe:animate-fly-to-right motion-safe:[animation-delay:6s] md:w-[24%]" alt="Telepolis"> <img src="/icons/produkte/technology_review.svg" class="absolute left-[74%] top-[72%] z-10 h-auto w-[27%] opacity-80 motion-safe:animate-fly-to-left motion-safe:[animation-delay:8s] md:w-[18%]" alt="MIT Technology Review"> <img src="/icons/produkte/heise_download.svg" class="absolutew-[21%] left-[84%] top-[83%] z-10 h-auto opacity-80 motion-safe:animate-fly-to-right md:w-[14%]" alt="heise download"> <img src="/icons/produkte/heise_jobs.svg" class="absolute left-[54%] top-[66%] z-10 h-auto w-[27%] opacity-80 motion-safe:animate-fly-to-left motion-safe:[animation-delay:3s] md:w-[18%]" alt="heise jobs"> <img src="/icons/produkte/horizons.svg" class="absolute left-[82%] top-[4%] z-10 h-auto w-[30%] opacity-80 motion-safe:animate-fly-to-right md:w-[20%]" alt="Horizons by heise"> <img src="/icons/produkte/sec_it.svg" class="absolute left-[28%] top-[6%] z-10 h-auto w-[27%] opacity-80 motion-safe:animate-fly-to-left motion-safe:[animation-delay:7s] md:w-[18%]" alt="secIT by heise"> <img src="/icons/produkte/maker_faire.svg" class="absolute left-[40%] top-[2%] z-10 h-auto w-[21%] opacity-80 motion-safe:animate-fly-to-right motion-safe:[animation-delay:5s] md:w-[14%]" alt="Maker Faire"> <img src="/icons/produkte/dpunkt.svg" class="absolute left-[24%] top-[-2%] z-10 h-auto w-[21%] opacity-80 motion-safe:animate-fly-to-left motion-safe:[animation-delay:9s] md:w-[14%]" alt="dpunkt"> <img src="/icons/produkte/geizhals.svg" class="absolute left-[44%] top-[61%] z-10 h-auto w-[21%] opacity-80 motion-safe:animate-fly-to-right motion-safe:[animation-delay:4s] md:w-[14%]" alt="Geizhals"> <img src="/icons/produkte/guenstiger.svg" class="absolute left-[58%] top-[28%] z-10 h-auto w-[18%] opacity-80 motion-safe:animate-fly-to-left motion-safe:[animation-delay:5s] md:w-[12%]" alt="guenstiger"> <img src="/icons/produkte/hinstorff.svg" class="absolute left-[2%] top-[48%] z-10 h-auto w-[21%] opacity-80 motion-safe:animate-fly-to-right motion-safe:[animation-delay:6s] md:w-[14%]" alt="Hinstorff Verlag"> <img src="/icons/produkte/rheinwerk.svg" class="absolute left-[24%] top-[38%] z-10 h-auto w-[21%] opacity-80 motion-safe:animate-fly-to-left motion-safe:[animation-delay:8s] md:w-[14%]" alt="Rheinwerk Verlag"> <img src="/icons/produkte/techconsult.svg" class="absolute left-[66%] top-[40%] z-10 h-auto w-[21%] opacity-80 motion-safe:animate-fly-to-right motion-safe:[animation-delay:2s] md:w-[14%]" alt="techconsult"> <img src="/icons/produkte/tensquare.svg" class="absolute left-[70%] top-[-1%] z-10 h-auto w-[21%] opacity-80 motion-safe:animate-fly-to-left motion-safe:[animation-delay:7s] md:w-[14%]" alt="tensquare"> <img src="/icons/produkte/das_oertliche.svg" class="absolute left-[56%] top-[0%] z-10 h-auto w-[18%] opacity-80 motion-safe:animate-fly-to-right motion-safe:[animation-delay:3s] md:w-[12%]" alt="Das Örtliche"> <img src="/icons/produkte/das_schnelle.svg" class="absolute left-[52%] top-[12%] z-10 h-auto w-[18%] opacity-80 motion-safe:animate-fly-to-left md:w-[12%]" alt="Das Schnelle"> <img src="/icons/produkte/das_telefonbuch.svg" class="absolute left-[36%] top-[74%] z-10 h-auto w-[18%] opacity-80 motion-safe:animate-fly-to-right motion-safe:[animation-delay:9s] md:w-[12%]" alt="Das Telefonbuch"> <img src="/icons/produkte/gelbe_seiten.svg" class="absolute left-[28%] top-[84%] z-10 h-auto w-[18%] opacity-80 motion-safe:animate-fly-to-left motion-safe:[animation-delay:8s] md:w-[12%]" alt="Gelbe Seiten"> <img src="/icons/produkte/gewusst_wo.svg" class="absolute left-[86%] top-[72%] z-10 h-auto w-[18%] opacity-80 motion-safe:animate-fly-to-right motion-safe:[animation-delay:2s] md:w-[12%]" alt="gewusst wo"> <img src="/icons/produkte/stadtmagazine.svg" class="absolute left-[44%] top-[86%] z-10 h-auto w-[18%] opacity-80 motion-safe:animate-fly-to-left motion-safe:[animation-delay:6s] md:w-[12%]" alt="Stadtmagazine"> <img src="/icons/produkte/tarife_at.svg" class="absolute left-[90%] top-[60%] z-10 h-auto w-[18%] opacity-80 motion-safe:animate-fly-to-right motion-safe:[animation-delay:4s] md:w-[12%]" alt="tarife.at"> </a> </div> </div> <div class="grid gap-8 px-6 py-4 lg:grid-cols-12 lg:px-8 xl:px-16"> <div class="col-span-full lg:col-span-6 2xl:col-span-4 transition duration-300 ease-linear bg-heise hover:bg-heise group relative overflow-hidden rounded-heise"> <a href="/content-medien.html"> <img src="../../icons/startseite/slider_content.jpg" class="transition duration-300 ease-linear group-hover:opacity-0 sm:-translate-x-1/12 md:-translate-y-1/12 md:translate-x-0 lg:-translate-x-1/12 xl:translate-y-0 absolute z-10 h-auto min-h-full w-full min-w-max md:aspect-video" aria-labelledby="teaser-geschaeftsbereich-content"> <div class="absolute inset-0 z-20 bg-gradient-to-b from-heise opacity-50 group-hover:opacity-0"></div> <div class="relative z-30 flex h-full flex-col justify-between px-8 py-6 xl:px-10 xl:py-8"> <h2 class="mb-6 text-brand-invert text-balance text-heise-teaser font-semibold md:text-heise-teaser-md xl:text-heise-teaser-xl">heise content</h2> <div class="flex flex-col gap-6"> <p class=" text-brand-invert max-w-lg text-balance"> <span class="invisible group-hover:visible">Hochwertiger und unabhängiger Journalismus, der fundierte Antworten gibt – heise online und unsere Magazine wie c’t, iX, Mac & i oder Make begeistern seit Jahren Leserinnen und Leser.</span> </p> <button id="teaser-geschaeftsbereich-content" class=" flex w-fit items-center justify-center rounded-full bg-accent px-6 py-2 font-semibold text-heise" type="button"> Zum Geschäftsbereich </button> </div> </div> </a> </div> <div class="col-span-full lg:col-span-6 lg:row-span-2 lg:self-center 2xl:col-span-4 2xl:row-span-1 transition duration-300 ease-linear bg-brand hover:bg-brand group relative overflow-hidden rounded-heise"> <a href="/verzeichnismedien.html"> <img src="../../icons/startseite/slider_connect.jpg" class="-translate-x-1/12 transition duration-300 ease-linear group-hover:opacity-0 md:-translate-x-0 lg:!min-h-0 lg:-translate-x-2/12 xl:-translate-x-1/12 2xl:min-h-full 2xl:-translate-x-2/12 absolute z-10 h-auto min-h-full w-full min-w-max md:aspect-video" aria-labelledby="teaser-geschaeftsbereich-connect"> <div class="absolute inset-0 z-20 bg-gradient-to-b from-heise opacity-50 group-hover:opacity-0"></div> <div class="relative z-30 flex h-full flex-col justify-between px-8 py-6 xl:px-10 xl:py-8"> <h2 class="mb-6 text-brand-invert text-balance text-heise-teaser font-semibold md:text-heise-teaser-md xl:text-heise-teaser-xl">heise connect</h2> <div class="flex flex-col gap-6"> <p class=" text-brand-invert max-w-lg text-balance"> <span class="invisible group-hover:visible">Unter der Marke heise regioconcept bietet heise Gewerbetreibenden und Unternehmen lokales Marketing aus einer Hand – von Online-Marketing-Produkten bis hin zu einer optimalen Findbarkeit in Branchenportalen und in Verzeichnissen.</span> </p> <button id="teaser-geschaeftsbereich-connect" class=" flex w-fit items-center justify-center rounded-full bg-accent px-6 py-2 font-semibold text-heise" type="button"> Zum Geschäftsbereich </button> </div> </div> </a> </div> <div class="col-span-full lg:col-span-6 2xl:col-span-4 transition duration-300 ease-linear bg-heise hover:bg-heise group relative overflow-hidden rounded-heise"> <a href="/shopping-portale.html"> <img src="../../icons/startseite/slider_presse.jpg" class="-translate-x-1/3 transition duration-300 ease-linear group-hover:opacity-0 xs:-translate-x-2/12 md:translate-x-0 lg:-translate-x-2/12 xl:-translate-x-1/12 2xl:-translate-x-1/4 absolute z-10 h-auto min-h-full w-full min-w-max md:aspect-video" aria-labelledby="teaser-geschaeftsbereich-compare"> <div class="absolute inset-0 z-20 bg-gradient-to-b from-heise opacity-50 group-hover:opacity-0"></div> <div class="relative z-30 flex h-full flex-col justify-between px-8 py-6 xl:px-10 xl:py-8"> <h2 class="mb-6 text-brand-invert text-balance text-heise-teaser font-semibold md:text-heise-teaser-md xl:text-heise-teaser-xl">heise compare</h2> <div class="flex flex-col gap-6"> <p class=" text-brand-invert max-w-lg text-balance"> <span class="invisible group-hover:visible">Ob geizhals.de oder guenstiger.de: unsere Preisvergleichsportale bringen Transparenz ins Online-Shopping.</span> </p> <button id="teaser-geschaeftsbereich-compare" class=" flex w-fit items-center justify-center rounded-full bg-accent px-6 py-2 font-semibold text-heise" type="button"> Zum Geschäftsbereich </button> </div> </div> </a> </div> </div> <div class="relative mt-8 py-4 md:pb-4 md:pt-12 lg:mt-16 lg:pb-6 lg:pt-20 xl:mt-28 xl:py-24"> <div class="absolute z-10 md:h-auto md:w-full md:top-16 xl:-top-4"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 400"> <path id="heise-way" fill="none" stroke="#d6e7ff" stroke-linecap="round" stroke-width="40" stroke-linejoin="miter" stroke-miterlimit="4" d="M0 364.9h496s64 8.1 104-73.9c0 0 94.7-204.4 95-205 20.5-46.5 63-43 63-43s429.1-.2 597.5 0c28.4 0 49.3 7.6 68.7 30 37.8 43.6 25.4 105.1 28.8 157.8 4.5 69.8 69.4 134.4 144.5 134.4H2000"/> <style> @keyframes dashAnimation { 0% { stroke-dasharray: 2450; stroke-dashoffset: 2450; } 100% { stroke-dasharray: 2450; stroke-dashoffset: -2450; } } #heise-way { stroke-width: 100; animation: dashAnimation 12s linear infinite; } @media (min-width: 768px) { #heise-way { stroke-width: 60; } } @media (min-width: 1280px) { #heise-way { stroke-width: 40; } } </style> </svg> </div> <div class="relative z-20 mx-auto px-4 font-semibold text-heise md:max-w-xl md:px-0 lg:max-w-4xl xl:max-w-6xl"> <h2 class="mb-8 px-8 text-heise-superhero md:px-0 md:text-heise-superhero-md xl:text-heise-superhero-xl">Zahlen bitte</h2> <div class="grid items-start justify-center gap-6 px-8 py-6 sm:grid-cols-6 lg:grid-cols-10 lg:px-0"><div class="col-span-full sm:col-span-3 md:col-span-2 flex w-full flex-col items-center justify-start gap-6"> <div id="counter1" class="border-heise counter flex h-32 w-32 items-center justify-center rounded-full border-8 text-heise-teaser font-semibold text-heise md:text-heise-teaser-md xl:h-40 xl:w-40 xl:text-heise-teaser-xl" data-target="75" data-duration="3500"> 0 </div> <p class="text-center text-heise-large font-semibold text-heise md:text-heise-large-md xl:text-heise-large-xl">Jahre</p> </div> <div class="col-span-full sm:col-span-3 md:col-span-2 flex w-full flex-col items-center justify-start gap-6"> <div id="counter2" class="border-accent counter flex h-32 w-32 items-center justify-center rounded-full border-8 text-heise-teaser font-semibold text-heise md:text-heise-teaser-md xl:h-40 xl:w-40 xl:text-heise-teaser-xl" data-target="1299" data-duration="5000"> 0 </div> <p class="text-center text-heise-large font-semibold text-heise md:text-heise-large-md xl:text-heise-large-xl">Mitarbeiterinnen und Mitarbeiter</p> </div> <div class="col-span-full sm:col-span-3 md:col-span-2 flex w-full flex-col items-center justify-start gap-6"> <div id="counter3" class="border-brand counter flex h-32 w-32 items-center justify-center rounded-full border-8 text-heise-teaser font-semibold text-heise md:text-heise-teaser-md xl:h-40 xl:w-40 xl:text-heise-teaser-xl" data-target="7" data-duration="2000"> 0 </div> <p class="text-center text-heise-large font-semibold text-heise md:text-heise-large-md xl:text-heise-large-xl">Magazine</p> </div> <div class="col-span-full sm:col-span-3 md:col-span-3 lg:col-span-2 flex w-full flex-col items-center justify-start gap-6"> <div id="counter4" class="border-accent counter flex h-32 w-32 items-center justify-center rounded-full border-8 text-heise-teaser font-semibold text-heise md:text-heise-teaser-md xl:h-40 xl:w-40 xl:text-heise-teaser-xl" data-target="22" data-duration="2700"> 0 </div> <p class="text-center text-heise-large font-semibold text-heise md:text-heise-large-md xl:text-heise-large-xl">Standorte</p> </div> <div class="col-span-full md:col-span-3 lg:col-span-2 flex w-full flex-col items-center justify-start gap-6"> <div id="counter4" class="border-heise counter flex h-32 w-32 items-center justify-center rounded-full border-8 text-heise-teaser font-semibold text-heise md:text-heise-teaser-md xl:h-40 xl:w-40 xl:text-heise-teaser-xl" data-target="150" data-duration="5000"> 0 </div> <p class="text-center text-heise-large font-semibold text-heise md:text-heise-large-md xl:text-heise-large-xl">Medienberaterinnen und Medienberater</p> </div> </div> </div> </div> <div class="grid gap-8 px-6 py-4 lg:grid-cols-12 lg:px-8 xl:px-16"> <div class="col-span-full lg:col-span-6 transition duration-300 ease-linear bg-brand hover:bg-brand group relative overflow-hidden rounded-heise"> <a href="https://heise-academy.de"> <img src="../../icons/startseite/heise_academy.jpg" class="-translate-x-1/4 transition duration-300 ease-linear group-hover:opacity-0 sm:-translate-x-1/12 md:-translate-x-0 lg:-translate-x-2/12 2xl:translate-x-0 absolute z-10 h-auto min-h-full w-full min-w-max md:aspect-video" aria-labelledby="teaser-academy"> <div class="absolute inset-0 z-20 bg-gradient-to-b from-heise opacity-50 group-hover:opacity-0"></div> <div class="relative z-30 flex h-full flex-col justify-between px-8 py-6 xl:px-10 xl:py-8"> <h2 class="mb-6 text-brand-invert text-balance text-heise-teaser font-semibold md:text-heise-teaser-md xl:text-heise-teaser-xl">heise academy</h2> <div class="flex flex-col gap-6"> <p class="text-brand-invert max-w-lg text-balance"> <span class="invisible group-hover:visible">Die heise academy bietet <span class="text-nowrap">hochwertige & fundierte</span> Weiterbildungsangebote und IT-Fachwissen auf höchstem Niveau für <span class="text-nowrap">Teams & Organisationen</span> sowie Einzelpersonen.</span> </p> <button id="teaser-academy" class=" flex w-fit items-center justify-center rounded-full bg-accent px-6 py-2 font-semibold text-heise" type="button"> Zur academy </button> </div> </div> </a> </div> <div class="col-span-full lg:col-span-6 transition duration-300 ease-linear bg-heise hover:bg-heise group relative overflow-hidden rounded-heise"> <a href="/kontakt/"> <img src="../../icons/startseite/wortbildmarke.jpg" class="-translate-x-2/12 -translate-y-1/4 group-hover:opacity-0 sm:-translate-y-2/12 md:-translate-x-0 xl:-translate-y-1/12 absolute z-10 h-auto min-h-full w-full min-w-max md:aspect-video" aria-labelledby="teaser-kontakt"> <div class="absolute inset-0 z-20 bg-gradient-to-b from-heise opacity-50 group-hover:opacity-0"></div> <div class="relative z-30 flex h-full flex-col justify-between px-8 py-6 xl:px-10 xl:py-8"> <h2 class="min-h-[12rem] lg:min-h-[15rem] text-brand-invert text-balance text-heise-teaser font-semibold md:text-heise-teaser-md xl:text-heise-teaser-xl">Wir kümmern uns um dein Anliegen</h2> <div class="flex flex-col gap-6"> <p class=" max-w-lg text-balance"> </p> <button id="teaser-kontakt" class=" flex w-fit items-center justify-center rounded-full bg-accent px-6 py-2 font-semibold text-heise" type="button"> Unser Service für dich </button> </div> </div> </a> </div> </div> </main> <footer> <p class="xl:py10 pb-2 pt-8 text-center text-heise-small text-brand md:py-6 md:pb-4 md:pt-12 md:text-heise-small-md xl:pb-6 xl:pt-16 xl:text-heise-small-xl"> Copyright 2025 Heise Gruppe GmbH & Co. KG </p> <div class="flex flex-col items-center justify-items-center bg-heise px-8 pb-4 pt-8 text-heise-small text-brand-invert md:px-12 md:pt-10 md:text-heise-small-md xl:px-14 xl:pt-12 xl:text-heise-small-xl"> <ul class="flex flex-wrap justify-center grow items-start gap-8 px-8 md:px-4 pb-8 lg:flex-nowrap"> <li> <a rel="nofollow" title="heise group bei LinkedIn" href="https://www.linkedin.com/company/heise-gruppe" class="hover:text-accent"> <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" viewBox="0 0 448 448" width="28" height="28"><path d="M416,0H31.9C14.3,0,0,14.5,0,32.3V415.7c0,17.8,14.3,32.3,31.9,32.3H416c17.6,0,32-14.5,32-32.3V32.3C448,14.5,433.6,0,416,0ZM135.4,384H69V170.2h66.5v213.8h-.1Zm-33.2-243c-21.3,0-38.5-17.3-38.5-38.5s17.2-38.5,38.5-38.5,38.5,17.3,38.5,38.5-17.2,38.5-38.5,38.5Zm282.1,243h-66.4v-104c0-24.8-.5-56.7-34.5-56.7s-39.9,27-39.9,54.9v105.8h-66.4V170.2h63.7v29.2h.9c8.9-16.8,30.6-34.5,62.9-34.5,67.2,0,79.7,44.3,79.7,101.9v117.2Z" fill="currentColor"/></svg> </a> </li> <li> <a rel="nofollow" title="heise group bei Instagram" href="https://www.instagram.com/heise.group" class="hover:text-accent"> <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" viewBox="0 0 448 512" width="24" height="28"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" fill="currentColor"/></svg> </a> </li> <li> <a rel="nofollow" title="heise group bei Facebook" href="https://www.facebook.com/heisegruppe" class="hover:text-accent"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1792" preserveAspectRatio="xMinYMin" width="16" height="28"><path d="M959 12v264H802q-86 0-116 36t-30 108v189h293l-39 296H656v759H350V905H95V609h255V391q0-186 104-288.5T731 0q147 0 228 12z" fill="currentColor"/></svg> </a> </li> <li> <a rel="nofollow" title="heise group bei TikTok" href="https://www.tiktok.com/@heise.group" class="hover:text-accent"> <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" viewBox="0 0 448 512" width="24" height="28"><path d="M448 209.9a210.1 210.1 0 0 1 -122.8-39.3V349.4A162.6 162.6 0 1 1 185 188.3V278.2a74.6 74.6 0 1 0 52.2 71.2V0l88 0a121.2 121.2 0 0 0 1.9 22.2h0A122.2 122.2 0 0 0 381 102.4a121.4 121.4 0 0 0 67 20.1z" fill="currentColor"/></svg> </a> </li> <li> <a rel="nofollow" title="heise group bei Youtube" href="https://www.youtube.com/channel/UCUoUwDOvS-XlY7GCtcv7v3Q" class="hover:text-accent"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1792 1792" preserveAspectRatio="xMinYMin" width="28" height="28"><path d="M1280 896q0-37-30-54L738 522q-31-20-65-2-33 18-33 56v640q0 38 33 56 16 8 31 8 20 0 34-10l512-320q30-17 30-54zm512 0q0 96-1 150t-8.5 136.5T1760 1330q-16 73-69 123t-124 58q-222 25-671 25t-671-25q-71-8-124.5-58T31 1330q-14-65-21.5-147.5T1 1046 0 896t1-150 8.5-136.5T32 462q16-73 69-123t124-58q222-25 671-25t671 25q71 8 124.5 58t69.5 123q14 65 21.5 147.5T1791 746t1 150z" fill="currentColor"/></svg> </a> </li> <li> <a rel="nofollow" title="heise group bei RSS-Feeds" href="/rss/news-atom.xml" class="hover:text-accent"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1408 1792" preserveAspectRatio="xMinYMin" width="22" height="28"><path d="M384 1344q0 80-56 136t-136 56-136-56-56-136 56-136 136-56 136 56 56 136zm512 123q2 28-17 48-18 21-47 21H697q-25 0-43-16.5t-20-41.5q-22-229-184.5-391.5T58 902q-25-2-41.5-20T0 839V704q0-29 21-47 17-17 43-17h5q160 13 306 80.5T634 902q114 113 181.5 259t80.5 306zm512 2q2 27-18 47-18 20-46 20h-143q-26 0-44.5-17.5T1137 1476q-12-215-101-408.5t-231.5-336-336-231.5T60 398q-25-1-42.5-19.5T0 335V192q0-28 20-46 18-18 44-18h3q262 13 501.5 120T994 542q187 186 294 425.5t120 501.5z" fill="currentColor"/></svg> </a> </li> </ul> <adress class="pb-4"> <div class="flex flex-col items-center justify-center md:flex-row"> <span class="whitespace-nowrap">Heise Gruppe GmbH & Co. KG <span class="invisible md:visible">· </span></span> <span class="whitespace-nowrap">Karl-Wiechert-Allee 10, 30625 Hannover</span> </div> <div class="flex flex-col items-center justify-center md:flex-row"> <span class="whitespace-nowrap"><b>T</b> 0511 53520 <span class="invisible md:visible">· </span></span> <span class="whitespace-nowrap"><b>F</b> 0511 5352129 <span class="invisible md:visible">· </span></span> <span class="whitespace-nowrap"><b>M</b> <a href="mailto:info-hg@heise.de" class="hover:text-accent">info-hg@heise.de</a></span> </div> </adress> <div class="flex w-full flex-col items-center justify-center gap-y-1 lg:flex-row lg:justify-between"> <span class="flex flex-col items-center gap-y-1 md:flex-row md:gap-4"> <a href="/Datenschutzerklaerung-3248271.html" class="text-accent hover:text-accent">Datenschutzerklärung</a> <a href="/Impressum-1358401.html" class="text-accent hover:text-accent">Impressum</a> <a href="/artikel/Hinweisgeberschutzgesetz-und-Lieferkettensorgfaltsgesetz-9202434.html" class="text-center text-accent hover:text-accent md:text-left">Hinweisgeberschutzgesetz und Lieferkettensorgfaltsgesetz</a> </span> <a href="https://www.interred.de/" class="whitespace-nowrap text-accent hover:text-accent">Content Management by InterRed</a> </div> </div> </footer> <script src="/js/heisegruppe.min.js?9b2bcd46cedff80648e5"></script> </body> </html>