CINXE.COM
zvoove Cockpit – ATS und CRM in einem System. Vollintegriert!
<!DOCTYPE html> <html lang="de-DE"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> <title>zvoove Cockpit – ATS und CRM in einem System. Vollintegriert!</title> <style>img:is([sizes="auto" i], [sizes^="auto," i]) {contain-intrinsic-size:3000px 1500px}</style> <meta name="dc.title" content="zvoove Cockpit – ATS und CRM in einem System. Vollintegriert!"> <meta name="dc.description" content="Maximale Effizienz in der Personaldienstleistung: zvoove Cockpit kombiniert ATS und CRM mit KI und Arbeitsmarktdaten. Jetzt mehr erfahren ❱"> <meta name="dc.relation" content="https://zvoove.de/zeitarbeit/zvoove-cockpit"> <meta name="dc.source" content="https://zvoove.de"> <meta name="dc.language" content="de_DE"> <meta name="description" content="Maximale Effizienz in der Personaldienstleistung: zvoove Cockpit kombiniert ATS und CRM mit KI und Arbeitsmarktdaten. Jetzt mehr erfahren ❱"> <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1"> <link rel="canonical" href="https://zvoove.de/zeitarbeit/zvoove-cockpit"> <meta property="og:url" content="https://zvoove.de/zeitarbeit/zvoove-cockpit"> <meta property="og:site_name" content="zvoove"> <meta property="og:locale" content="de_DE"> <meta property="og:type" content="article"> <meta property="og:title" content="zvoove Cockpit – ATS und CRM in einem System. Vollintegriert!"> <meta property="og:description" content="Maximale Effizienz in der Personaldienstleistung: zvoove Cockpit kombiniert ATS und CRM mit KI und Arbeitsmarktdaten. Jetzt mehr erfahren ❱"> <meta property="og:image" content="https://zvoove.de/wp-content/uploads/2024/08/cockpit-landingpage-opengraph.jpg"> <meta property="og:image:secure_url" content="https://zvoove.de/wp-content/uploads/2024/08/cockpit-landingpage-opengraph.jpg"> <meta property="og:image:width" content="1201"> <meta property="og:image:height" content="631"> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="zvoove Cockpit – ATS und CRM in einem System. Vollintegriert!"> <meta name="twitter:description" content="Maximale Effizienz in der Personaldienstleistung: zvoove Cockpit kombiniert ATS und CRM mit KI und Arbeitsmarktdaten. Jetzt mehr erfahren ❱"> <meta name="twitter:image" content="https://zvoove.de/wp-content/uploads/2024/08/cockpit-landingpage-opengraph.jpg"> <link rel='dns-prefetch' href='//unpkg.com'/> <link rel='dns-prefetch' href='//www.googletagmanager.com'/> <link rel="alternate" type="application/rss+xml" title="zvoove » Feed" href="https://zvoove.de/feed"/> <link rel="alternate" type="application/rss+xml" title="zvoove » Kommentar-Feed" href="https://zvoove.de/comments/feed"/> <style id='wp-emoji-styles-inline-css'>img.wp-smiley,img.emoji{display:inline!important;border:none!important;box-shadow:none!important;height:1em!important;width:1em!important;margin:0 .07em!important;vertical-align:-.1em!important;background:none!important;padding:0!important}</style> <style id='wpseopress-local-business-style-inline-css'>span.wp-block-wpseopress-local-business-field{margin-right:8px}</style> <style id='classic-theme-styles-inline-css'>.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}</style> <style id='global-styles-inline-css'>: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:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--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--midnight:#1a1246;--wp--preset--color--royal:#3748de;--wp--preset--color--royal-2:#fbfbfe;--wp--preset--color--indigo-2:#fafafc;--wp--preset--color--indigo-5:#f3f3f9;--wp--preset--color--indigo-10:#e6e7f2;--wp--preset--color--indigo-20:#cecfe5;--wp--preset--color--dark-steel-20:#e6f4f8;--wp--preset--color--sky-20:#d9e6ff;--wp--preset--color--bright-blue-5:#f3f3fc;--wp--preset--color--light-yellow-40:#fee59f;--wp--preset--color--black-10:#e6e6e6;--wp--preset--color--medium-blue-5:#f5f9ff;--wp--preset--color--medium-blue-10:#ecf3ff;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgba(6,147,227,1) 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgba(255,105,0,1) 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 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--font-size--fz-16:16px;--wp--preset--font-size--fz-18:18px;--wp--preset--font-size--fz-24:24px;--wp--preset--font-size--fz-32:32px;--wp--preset--font-size--fz-56:56px;--wp--preset--font-size--fz-64:64px;--wp--preset--spacing--20:.44rem;--wp--preset--spacing--30:.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,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0 rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0 -3px rgba(255,255,255,1) , 6px 6px rgba(0,0,0,1);--wp--preset--shadow--crisp:6px 6px 0 rgba(0,0,0,1)}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.5em}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}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}.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-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-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-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}.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}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:root :where(.wp-block-pullquote){font-size:1.5em;line-height:1.6}</style> <link rel='stylesheet' id='icons-css' href='https://zvoove.de/wp-content/themes/zvoove/assets/icons/dist/A.style.css.pagespeed.cf.veNcinEE0w.css' media='all'/> <link rel='stylesheet' id='swiper-css' href='https://zvoove.de/wp-content/themes/zvoove/assets/swiper/A.swiper-10.0.4.css.pagespeed.cf.69ejUibibQ.css' media='all'/> <link rel='stylesheet' id='main-css' href='https://zvoove.de/wp-content/themes/zvoove/dist/A.main.css,qver=1730213746.pagespeed.cf.QDnlmsL9wq.css' media='all'/> <link rel='stylesheet' id='tailwind-css' href='https://zvoove.de/wp-content/themes/zvoove/dist/A.tailwind.css.pagespeed.cf.o-j8aUxaT_.css' media='all'/> <!-- Google Tag (gtac.js) durch Site-Kit hinzugefügt --> <!-- Von Site Kit hinzugefügtes Google-Analytics-Snippet --> <script src="https://www.googletagmanager.com/gtag/js?id=GT-P8VLDF64" id="google_gtagjs-js" async></script> <script id="google_gtagjs-js-after"> window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);} gtag("set","linker",{"domains":["zvoove.de"]}); gtag("js", new Date()); gtag("set", "developer_id.dZTNiMT", true); gtag("config", "GT-P8VLDF64"); </script> <!-- Das Snippet mit dem schließenden Google-Tag (gtag.js) wurde von Site Kit hinzugefügt --> <link rel="https://api.w.org/" href="https://zvoove.de/wp-json/"/><link rel="alternate" title="JSON" type="application/json" href="https://zvoove.de/wp-json/wp/v2/pages/79033"/><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://zvoove.de/xmlrpc.php?rsd"/> <meta name="generator" content="WordPress 6.7.1"/> <link rel='shortlink' href='https://zvoove.de/?p=79033'/> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://zvoove.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fzvoove.de%2Fzeitarbeit%2Fzvoove-cockpit"/> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://zvoove.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fzvoove.de%2Fzeitarbeit%2Fzvoove-cockpit&format=xml"/> <meta name="generator" content="Site Kit by Google 1.140.0"/><!-- HFCM by 99 Robots - Snippet # 1: Cookie Consens --> <script id="usercentrics-cmp" src="https://app.usercentrics.eu/browser-ui/latest/loader.js" data-settings-id="49rwOL8o6" async></script> <!-- /end HFCM by 99 Robots --> <!-- HFCM by 99 Robots - Snippet # 4: Google Tag Manager Consent conform / 02-2024 --> <script type="text/javascript"> // create dataLayer window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } // set „denied" as default for both ad and analytics storage, as well as ad_user_data and ad_personalization, gtag("consent", "default", { ad_user_data: "denied", ad_personalization: "denied", ad_storage: "denied", analytics_storage: "denied", wait_for_update: 2000 // milliseconds to wait for update }); // Enable ads data redaction by default [optional] gtag("set", "ads_data_redaction", true); </script> <script type="text/javascript"> // Google Tag Manager (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-W62Z5TD9'); </script> <!-- /end HFCM by 99 Robots --> <link rel="apple-touch-icon" sizes="180x180" href="/wp-content/uploads/fbrfg/apple-touch-icon.png.pagespeed.ce.vZhXAT1Ens.png"> <link rel="icon" type="image/png" sizes="32x32" href="/wp-content/uploads/fbrfg/favicon-32x32.png.pagespeed.ce.eWKG7yQhTQ.png"> <link rel="icon" type="image/png" sizes="16x16" href="/wp-content/uploads/fbrfg/favicon-16x16.png.pagespeed.ce.q_Tqsfd_9i.png"> <link rel="manifest" href="/wp-content/uploads/fbrfg/site.webmanifest"> <link rel="mask-icon" href="/wp-content/uploads/fbrfg/safari-pinned-tab.svg" color="#5bbad5"> <link rel="shortcut icon" href="/wp-content/uploads/fbrfg/favicon.ico"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="msapplication-config" content="/wp-content/uploads/fbrfg/browserconfig.xml"> <meta name="theme-color" content="#ffffff"><style>:root{--midnight-color:#1a1246;--royal-color:#3748de;--royal-2-color:#fbfbfe;--indigo-2-color:#fafafc;--indigo-5-color:#f3f3f9;--indigo-10-color:#e6e7f2;--indigo-20-color:#cecfe5;--dark-steel-20-color:#e6f4f8;--sky-20-color:#d9e6ff;--bright-blue-5-color:#f3f3fc;--light-yellow-40-color:#fee59f;--black-10-color:#e6e6e6;--medium-blue-5-color:#f5f9ff;--medium-blue-10-color:#ecf3ff}</style> <script> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i+"?ref=seopress"; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "ngx5xua8az");</script> <!-- Meta Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '178975390386511'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=178975390386511&ev=PageView&noscript=1"/></noscript> <!-- End Meta Pixel Code --> </head> <body class="page-template-default page page-id-79033 page-child parent-pageid-2919"> <div class="z-header fixed inset-x-0 top-16 ab:top-24 abm:ab:top-27.5 ph:top-9 ph:ab:top-20.5 pointer-events-none" x-data="header" x-cloak :class="{ 'invisible': !initialized, }" @keydown.window.escape="closeSidebar()" @scroll.window="onScroll"> <div class="container" :style="{ transform: `translate3d(0, ${y}px, 0)`, }"> <div class="flex items-center pointer-events-auto rounded-full transition-all" :class="{ 'h-14 pl-10 pr-2 tp:pr-6 ph:px-6 bg-white shadow-lg': compact, }"> <a href="https://zvoove.de" class=" ph:h-3.5 transition-all" :class="{ 'h-7.5': !compact, 'h-3.5': compact, }"> <svg class="block w-auto h-full" fill="none" viewBox="0 0 185 30" xmlns="http://www.w3.org/2000/svg"> <path d="M26.1866 0.912778C27.0792 0.912778 27.6073 1.951 27.1042 2.71691L15.3396 20.6288H22.5512C26.4269 20.6288 28.6514 25.2116 26.3471 28.4484L26.0588 28.8533C25.9541 29.0004 25.7884 29.0872 25.6122 29.0872H1.11276C0.212266 29.0872 -0.314006 28.0327 0.20503 27.2683L12.358 9.3712H5.18858C1.40056 9.3712 -0.844853 4.97017 1.28192 1.7141L1.64006 1.16579C1.74343 1.00754 1.91557 0.912778 2.09967 0.912778H26.1866Z" fill="currentColor"/> <path d="M52.5634 1.40666C52.7712 1.0972 53.1114 0.912778 53.4746 0.912778H61.7422C62.6429 0.912778 63.1691 1.96772 62.6497 2.73204L45.0712 28.5988C44.8631 28.9051 44.5247 29.0872 44.1637 29.0872H35.6404C35.0905 29.0872 34.6233 28.6692 34.5419 28.1043L30.8115 2.23757C30.7109 1.54001 31.231 0.912778 31.91 0.912778H39.6396C40.1987 0.912778 40.6707 1.34442 40.7415 1.9205L42.5177 16.3715L52.5634 1.40666Z" fill="currentColor"/> <path d="M74.4848 30C66.4169 30 60.5121 24.1582 60.5121 16.3083C60.5121 7.18053 67.703 0 76.8818 0C84.9497 0 90.8545 5.84178 90.8545 13.6917C90.8545 22.8195 83.6635 30 74.4848 30ZM75.1279 21.1765C78.6941 21.1765 81.5588 18.073 81.5588 14.3611C81.5588 11.1968 79.3372 8.82353 76.2387 8.82353C72.6724 8.82353 69.8077 11.927 69.8077 15.6389C69.8077 18.8032 72.0293 21.1765 75.1279 21.1765Z" fill="currentColor"/> <path d="M107.656 30C99.5879 30 93.6831 24.1582 93.6831 16.3083C93.6831 7.18053 100.874 0 110.053 0C118.121 0 124.026 5.84178 124.026 13.6917C124.026 22.8195 116.835 30 107.656 30ZM108.299 21.1765C111.865 21.1765 114.73 18.073 114.73 14.3611C114.73 11.1968 112.508 8.82353 109.41 8.82353C105.843 8.82353 102.979 11.927 102.979 15.6389C102.979 18.8032 105.2 21.1765 108.299 21.1765Z" fill="currentColor"/> <path d="M170.708 22.3935C172.686 22.3935 175.545 21.718 179.037 19.6367C179.695 19.2447 180.548 19.5914 180.736 20.3546L181.968 25.3568C182.086 25.8398 181.894 26.3497 181.482 26.6052C177.832 28.8684 174.026 30 170.065 30C161.88 30 156.209 24.1582 156.209 16.3083C156.209 7.18053 163.108 0.0608511 172.228 0.0608511C179.186 0.0608511 184.502 4.61883 184.998 13.0181C185.028 13.5257 184.713 13.9817 184.247 14.1388L165.914 20.3245C167.025 21.6024 168.662 22.3935 170.708 22.3935ZM171.585 7.7282C168.136 7.7282 165.271 10.4057 164.569 13.9959L176.145 10.0406C175.21 8.51927 173.514 7.7282 171.585 7.7282Z" fill="currentColor"/> <path d="M147.678 1.40666C147.885 1.0972 148.226 0.912778 148.589 0.912778H156.856C157.757 0.912778 158.283 1.96772 157.764 2.73204L140.185 28.5988C139.977 28.9051 139.639 29.0872 139.278 29.0872H130.755C130.205 29.0872 129.737 28.6692 129.656 28.1043L125.926 2.23757C125.825 1.54002 126.345 0.912778 127.024 0.912778H134.754C135.313 0.912778 135.785 1.34442 135.856 1.9205L137.632 16.3715L147.678 1.40666Z" fill="currentColor"/> </svg> </a> <ul class="flex tp:hidden gap-10 ml-36 tl:ml-12 tp:ml-36 mr-8"> <li :class="{ 'text-14': compact }"> <!-- Menu group --> <button @click="sidebarOpen = '0'" type="button" class="flex items-center gap-2"> <span class="font-normal" :class="{ 'text-18': !compact, 'text-14': compact, }">Produkte</span> <i class="icon-caret-down button-hocus:-rotate-90 -mt-px transition" :class="{ 'text-12': !compact, 'text-10': compact, '-rotate-90': sidebarOpen === '0' }"></i> </button> </li> <li :class="{ 'text-14': compact }"> <!-- Standard link --> <a href="https://zvoove.de/referenzen" target="_self" class="inline-block font-normal hocus:-translate-y-0.5 transition" :class="{ 'text-18': !compact, 'text-14': compact, }"> Referenzen </a> </li> <li :class="{ 'text-14': compact }"> <!-- Menu group --> <button @click="sidebarOpen = '2'" type="button" class="flex items-center gap-2"> <span class="font-normal" :class="{ 'text-18': !compact, 'text-14': compact, }">Wissen</span> <i class="icon-caret-down button-hocus:-rotate-90 -mt-px transition" :class="{ 'text-12': !compact, 'text-10': compact, '-rotate-90': sidebarOpen === '2' }"></i> </button> </li> <li :class="{ 'text-14': compact }"> <!-- Menu group --> <button @click="sidebarOpen = '3'" type="button" class="flex items-center gap-2"> <span class="font-normal" :class="{ 'text-18': !compact, 'text-14': compact, }">Über uns</span> <i class="icon-caret-down button-hocus:-rotate-90 -mt-px transition" :class="{ 'text-12': !compact, 'text-10': compact, '-rotate-90': sidebarOpen === '3' }"></i> </button> </li> </ul> <a data-block="button" href="https://zvoove.de/kontakt/beratung" target="_self" class="ph:w-full tp:hidden ml-auto mr-0"> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-10 pt-[0.2em] px-8 bg-midnight dark-bg:bg-white button-hocus:shadow-button rounded-full font-normal dark-bg:text-midnight text-white text-12 whitespace-nowrap transition"> Beratung anfordern </span></a> <button type="button" class="tp:ml-auto" aria-label="Menü öffnen" @click="sidebarOpen = '-1'"> <i class="icon-burger hidden tp:block text-24 leading-1"></i> </button> </div> </div> <!-- Sidebar --> <div x-cloak class="fixed inset-y-0 ab:top-8 abm:ab:top-11.5 left-0 flex flex-col items-stretch w-full max-w-sidebar pt-16 pointer-events-auto has-midnight-background transition-all duration-500" :class="{ 'invisible -translate-x-full': !sidebarOpen || sidebarClosing, }"> <div class="shrink-0 flex items-center h-10 mb-2 px-24 ph:px-6"> <div class=" h-7.5"> <svg class="block w-auto h-full" fill="none" viewBox="0 0 185 30" xmlns="http://www.w3.org/2000/svg"> <path d="M26.1866 0.912778C27.0792 0.912778 27.6073 1.951 27.1042 2.71691L15.3396 20.6288H22.5512C26.4269 20.6288 28.6514 25.2116 26.3471 28.4484L26.0588 28.8533C25.9541 29.0004 25.7884 29.0872 25.6122 29.0872H1.11276C0.212266 29.0872 -0.314006 28.0327 0.20503 27.2683L12.358 9.3712H5.18858C1.40056 9.3712 -0.844853 4.97017 1.28192 1.7141L1.64006 1.16579C1.74343 1.00754 1.91557 0.912778 2.09967 0.912778H26.1866Z" fill="currentColor"/> <path d="M52.5634 1.40666C52.7712 1.0972 53.1114 0.912778 53.4746 0.912778H61.7422C62.6429 0.912778 63.1691 1.96772 62.6497 2.73204L45.0712 28.5988C44.8631 28.9051 44.5247 29.0872 44.1637 29.0872H35.6404C35.0905 29.0872 34.6233 28.6692 34.5419 28.1043L30.8115 2.23757C30.7109 1.54001 31.231 0.912778 31.91 0.912778H39.6396C40.1987 0.912778 40.6707 1.34442 40.7415 1.9205L42.5177 16.3715L52.5634 1.40666Z" fill="currentColor"/> <path d="M74.4848 30C66.4169 30 60.5121 24.1582 60.5121 16.3083C60.5121 7.18053 67.703 0 76.8818 0C84.9497 0 90.8545 5.84178 90.8545 13.6917C90.8545 22.8195 83.6635 30 74.4848 30ZM75.1279 21.1765C78.6941 21.1765 81.5588 18.073 81.5588 14.3611C81.5588 11.1968 79.3372 8.82353 76.2387 8.82353C72.6724 8.82353 69.8077 11.927 69.8077 15.6389C69.8077 18.8032 72.0293 21.1765 75.1279 21.1765Z" fill="currentColor"/> <path d="M107.656 30C99.5879 30 93.6831 24.1582 93.6831 16.3083C93.6831 7.18053 100.874 0 110.053 0C118.121 0 124.026 5.84178 124.026 13.6917C124.026 22.8195 116.835 30 107.656 30ZM108.299 21.1765C111.865 21.1765 114.73 18.073 114.73 14.3611C114.73 11.1968 112.508 8.82353 109.41 8.82353C105.843 8.82353 102.979 11.927 102.979 15.6389C102.979 18.8032 105.2 21.1765 108.299 21.1765Z" fill="currentColor"/> <path d="M170.708 22.3935C172.686 22.3935 175.545 21.718 179.037 19.6367C179.695 19.2447 180.548 19.5914 180.736 20.3546L181.968 25.3568C182.086 25.8398 181.894 26.3497 181.482 26.6052C177.832 28.8684 174.026 30 170.065 30C161.88 30 156.209 24.1582 156.209 16.3083C156.209 7.18053 163.108 0.0608511 172.228 0.0608511C179.186 0.0608511 184.502 4.61883 184.998 13.0181C185.028 13.5257 184.713 13.9817 184.247 14.1388L165.914 20.3245C167.025 21.6024 168.662 22.3935 170.708 22.3935ZM171.585 7.7282C168.136 7.7282 165.271 10.4057 164.569 13.9959L176.145 10.0406C175.21 8.51927 173.514 7.7282 171.585 7.7282Z" fill="currentColor"/> <path d="M147.678 1.40666C147.885 1.0972 148.226 0.912778 148.589 0.912778H156.856C157.757 0.912778 158.283 1.96772 157.764 2.73204L140.185 28.5988C139.977 28.9051 139.639 29.0872 139.278 29.0872H130.755C130.205 29.0872 129.737 28.6692 129.656 28.1043L125.926 2.23757C125.825 1.54002 126.345 0.912778 127.024 0.912778H134.754C135.313 0.912778 135.785 1.34442 135.856 1.9205L137.632 16.3715L147.678 1.40666Z" fill="currentColor"/> </svg> </div> </div> <!-- Submenu groups (level 0 - mobile) --> <div class="flex-1 overflow-hidden" :class="{ 'hidden': sidebarOpen !== '-1' || submenuOpen, 'flex flex-col items-stretch': sidebarOpen === '-1' && !submenuOpen, }"> <div class="flex-1 space-y-18 pt-14 px-24 ph:px-6 overflow-y-auto"> <div> <span class="font-semibold text-12 uppercase opacity-60"> </span> <ul class="mt-5 space-y-4"> <li class="font-semibold text-24"> <!-- Submenu (nested) group item --> <button @click="sidebarOpen = '0'" type="button" class="flex w-full items-center justify-between gap-6 font-semibold"> <span>Produkte</span> <i class="icon-caret-right text-14 button-hocus:translate-x-1 transition"></i> </button> </li> <li class="font-semibold text-24"> <!-- Standard link --> <a href="https://zvoove.de/referenzen" target="_self" class="inline-block hocus:-translate-y-0.5 transition"> Referenzen </a> </li> <li class="font-semibold text-24"> <!-- Submenu (nested) group item --> <button @click="sidebarOpen = '2'" type="button" class="flex w-full items-center justify-between gap-6 font-semibold"> <span>Wissen</span> <i class="icon-caret-right text-14 button-hocus:translate-x-1 transition"></i> </button> </li> <li class="font-semibold text-24"> <!-- Submenu (nested) group item --> <button @click="sidebarOpen = '3'" type="button" class="flex w-full items-center justify-between gap-6 font-semibold"> <span>Über uns</span> <i class="icon-caret-right text-14 button-hocus:translate-x-1 transition"></i> </button> </li> </ul> </div> <!-- Secondary menu (mobile) --> <div> <span class="font-semibold text-12 uppercase opacity-60"></span> <ul class="mt-5 space-y-2"> <li class="font-normal"> <!-- Submenu (nested) group item --> <button @click="sidebarOpen = 's0'" type="button" class="flex w-full items-center justify-between gap-6 font-normal"> <span>Karriere</span> <i class="icon-caret-right text-12 button-hocus:translate-x-1 transition"></i> </button> </li> <li class="font-normal"> <!-- Submenu (nested) group item --> <button @click="sidebarOpen = 's1'" type="button" class="flex w-full items-center justify-between gap-6 font-normal"> <span>Kundenbereich</span> <i class="icon-caret-right text-12 button-hocus:translate-x-1 transition"></i> </button> </li> </ul> </div> </div> <div class="pt-3 pb-16 ph:pb-6 px-24 ph:px-6"> <a data-block="button" href="https://zvoove.de/kontakt/beratung" target="_self" class="ph:w-full ml-auto"> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] px-8 border-midnight dark-bg:border-white button-hocus:shadow-button rounded-full text-midnight border font-normal dark-bg:text-white text-18 whitespace-nowrap transition"> Beratung anfordern </span></a> </div> </div> <!-- Submenu groups (Primary menu - level 1) --> <div class="flex-1 overflow-hidden" :class="{ 'hidden': sidebarOpen !== '0' || submenuOpen, 'flex flex-col items-stretch': sidebarOpen === '0' && !submenuOpen, }"> <div class="flex-1 space-y-18 pt-14 px-24 ph:px-6 overflow-y-auto"> <div> <span class="tp:hidden font-semibold text-12 uppercase opacity-60">Lösungen für</span> <button @click="sidebarOpen = '-1'" type="button" class="hidden tp:inline-flex items-center gap-2 font-semibold uppercase opacity-60"> <i class="icon-caret-left text-12 button-hocus:-translate-x-0.5 transition"></i> <span class="text-12">Lösungen für</span> </button> <ul class="mt-5 space-y-4"> <li class="font-semibold text-24"> <!-- Submenu (nested) group item --> <button @click="submenuOpen = '0-0'" type="button" class="flex w-full items-center justify-between gap-6 font-semibold"> <span>Personaldienstleistung</span> <i class="icon-caret-right text-14 button-hocus:translate-x-1 transition"></i> </button> </li> <li class="font-semibold text-24"> <!-- Submenu (nested) group item --> <button @click="submenuOpen = '0-1'" type="button" class="flex w-full items-center justify-between gap-6 font-semibold"> <span>Gebäudedienstleistung</span> <i class="icon-caret-right text-14 button-hocus:translate-x-1 transition"></i> </button> </li> </ul> </div> <div> <span class=" font-semibold text-12 uppercase opacity-60">Services</span> <ul class="mt-5 space-y-2"> <li class="font-normal"> <!-- Standard link --> <a href="https://zvoove.de/services/professional-services" target="_self" class="inline-block hocus:-translate-y-0.5 transition"> Professional Services </a> </li> <li class="font-normal"> <!-- Standard link --> <a href="https://zvoove.de/services/managed-payroll" target="_self" class="inline-block hocus:-translate-y-0.5 transition"> Managed Payroll </a> </li> </ul> </div> </div> <div class="pt-3 pb-16 ph:pb-6 px-24 ph:px-6"> <a data-block="button" href="https://zvoove.de/kontakt/beratung" target="_self" class="ph:w-full ml-auto"> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] px-8 border-midnight dark-bg:border-white button-hocus:shadow-button rounded-full text-midnight border font-normal dark-bg:text-white text-18 whitespace-nowrap transition"> Beratung anfordern </span></a> </div> </div> <!-- Submenu groups (Primary menu - level 2) --> <div class="flex-1 overflow-hidden" :class="{ 'hidden': sidebarOpen !== '0' || submenuOpen !== '0-0', 'flex flex-col items-stretch': sidebarOpen === '0' && submenuOpen === '0-0', }"> <div class="flex-1 pt-14 px-24 ph:px-6 overflow-y-auto"> <button @click="submenuOpen = false" type="button" class="inline-flex items-center gap-2 font-semibold uppercase opacity-60"> <i class="icon-caret-left text-12 button-hocus:-translate-x-0.5 transition"></i> <span class="text-12">Personaldienstleistung</span> </button> <ul class="mt-5 space-y-4"> <li class=""> <a href="https://zvoove.de/zeitarbeit/software" target="_self" class="inline-block font-light text-18 hocus:-translate-y-0.5 transition"> Übersicht </a> </li> <li class="!mb-12"> <a href="https://zvoove.de/zeitarbeit/pakete" target="_self" class="inline-block font-light text-18 hocus:-translate-y-0.5 transition"> Pakete & Preise </a> </li> <li class="!mt-12 mb-5 font-semibold text-12 uppercase opacity-60"> Premiumlösungen </li> <li class=""> <a href="https://zvoove.de/zeitarbeit/zvoove-cockpit" target="_self" class="inline-block font-light text-18 hocus:-translate-y-0.5 transition"> zvoove Cockpit </a> </li> <li class=""> <a href="https://zvoove.de/zeitarbeit/zvoove-dispo" target="_self" class="inline-block font-light text-18 hocus:-translate-y-0.5 transition"> zvoove Dispo </a> </li> <li class="!mb-12"> <a href="https://zvoove.de/services/managed-payroll" target="_self" class="inline-block font-light text-18 hocus:-translate-y-0.5 transition"> zvoove Managed Payroll Service </a> </li> <li class="!mt-12 mb-5 font-semibold text-12 uppercase opacity-60"> zvoove Produkte </li> <li class=""> <a href="https://zvoove.de/zeitarbeit/zvoove-one" target="_self" class="inline-block font-light text-18 hocus:-translate-y-0.5 transition"> zvoove One </a> </li> <li class="!mb-12"> <a href="https://zvoove.de/zeitarbeit/zvoove-analytics" target="_self" class="inline-block font-light text-18 hocus:-translate-y-0.5 transition"> zvoove Analytics </a> </li> <li class="!mt-12 mb-5 font-semibold text-12 uppercase opacity-60"> Ihre Prozesse, unsere Lösungen </li> <li class=""> <a href="https://zvoove.de/zeitarbeit/recruiting" target="_self" class="inline-block font-light text-18 hocus:-translate-y-0.5 transition"> Recruiting </a> </li> <li class=""> <a href="https://zvoove.de/zeitarbeit/zvoove-cockpit" target="_self" class="inline-block font-light text-18 hocus:-translate-y-0.5 transition"> Vertrieb </a> </li> <li class=""> <a href="https://zvoove.de/zeitarbeit/crm-auftragsverwaltung" target="_self" class="inline-block font-light text-18 hocus:-translate-y-0.5 transition"> Verwaltung </a> </li> <li class=""> <a href="https://zvoove.de/zeitarbeit/disposition" target="_self" class="inline-block font-light text-18 hocus:-translate-y-0.5 transition"> Disposition </a> </li> <li class=""> <a href="https://zvoove.de/zeitarbeit/zeiterfassung" target="_self" class="inline-block font-light text-18 hocus:-translate-y-0.5 transition"> Zeiterfassung </a> </li> <li class=""> <a href="https://zvoove.de/zeitarbeit/rechnungsstellung" target="_self" class="inline-block font-light text-18 hocus:-translate-y-0.5 transition"> Rechnungen </a> </li> <li class=""> <a href="https://zvoove.de/zeitarbeit/lohnabrechnung" target="_self" class="inline-block font-light text-18 hocus:-translate-y-0.5 transition"> Lohnabrechnung </a> </li> <li class=""> <a href="https://zvoove.de/zeitarbeit/zvoove-analytics" target="_self" class="inline-block font-light text-18 hocus:-translate-y-0.5 transition"> Analyse </a> </li> </ul> </div> <div class="pt-3 pb-16 ph:pb-6 px-24 ph:px-6"> <a data-block="button" href="https://go.zvoove.com/kontakt/termin-buchen" target="_self" class="ph:w-full ml-auto"> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] px-8 border-midnight dark-bg:border-white button-hocus:shadow-button rounded-full text-midnight border font-normal dark-bg:text-white text-18 whitespace-nowrap transition"> Termin vereinbaren </span></a> </div> </div> <div class="flex-1 overflow-hidden" :class="{ 'hidden': sidebarOpen !== '0' || submenuOpen !== '0-1', 'flex flex-col items-stretch': sidebarOpen === '0' && submenuOpen === '0-1', }"> <div class="flex-1 pt-14 px-24 ph:px-6 overflow-y-auto"> <button @click="submenuOpen = false" type="button" class="inline-flex items-center gap-2 font-semibold uppercase opacity-60"> <i class="icon-caret-left text-12 button-hocus:-translate-x-0.5 transition"></i> <span class="text-12">Gebäudedienstleistung</span> </button> <ul class="mt-5 space-y-4"> <li class="!mb-12"> <a href="https://zvoove.de/gebaeudedienstleistung/software" target="_self" class="inline-block font-light text-18 hocus:-translate-y-0.5 transition"> Übersicht </a> </li> <li class=""> <a href="https://zvoove.de/gebaeudedienstleistung/recruiting" target="_self" class="inline-block font-light text-18 hocus:-translate-y-0.5 transition"> Recruiting </a> </li> <li class=""> <a href="https://zvoove.de/gebaeudedienstleistung/verwaltung" target="_self" class="inline-block font-light text-18 hocus:-translate-y-0.5 transition"> Verwaltung </a> </li> <li class=""> <a href="https://zvoove.de/gebaeudedienstleistung/app" target="_self" class="inline-block font-light text-18 hocus:-translate-y-0.5 transition"> App </a> </li> <li class=""> <a href="https://zvoove.de/gebaeudedienstleistung/zeiterfassung" target="_self" class="inline-block font-light text-18 hocus:-translate-y-0.5 transition"> Zeiterfassung </a> </li> <li class=""> <a href="https://zvoove.de/gebaeudedienstleistung/arbeitsschein" target="_self" class="inline-block font-light text-18 hocus:-translate-y-0.5 transition"> Arbeitsschein </a> </li> <li class=""> <a href="https://zvoove.de/gebaeudedienstleistung/qualitaetsmanagement" target="_self" class="inline-block font-light text-18 hocus:-translate-y-0.5 transition"> Qualitätsmanagement </a> </li> <li class=""> <a href="https://zvoove.de/gebaeudedienstleistung/lohnabrechnung" target="_self" class="inline-block font-light text-18 hocus:-translate-y-0.5 transition"> Lohnabrechnung </a> </li> <li class=""> <a href="https://zvoove.de/gebaeudedienstleistung/faktura" target="_self" class="inline-block font-light text-18 hocus:-translate-y-0.5 transition"> Faktur & Rechnung </a> </li> <li class=""> <a href="https://zvoove.de/gebaeudedienstleistung/analytics" target="_self" class="inline-block font-light text-18 hocus:-translate-y-0.5 transition"> Analyse & Reporting </a> </li> </ul> </div> <div class="pt-3 pb-16 ph:pb-6 px-24 ph:px-6"> <a data-block="button" href="https://zvoove.de/gebaeudedienstleistung/pakete" target="_self" class="ph:w-full ml-auto"> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] px-8 border-midnight dark-bg:border-white button-hocus:shadow-button rounded-full text-midnight border font-normal dark-bg:text-white text-18 whitespace-nowrap transition"> Pakete & Preise </span></a> </div> </div> <!-- Submenu groups (Primary menu - level 1) --> <div class="flex-1 overflow-hidden" :class="{ 'hidden': sidebarOpen !== '1' || submenuOpen, 'flex flex-col items-stretch': sidebarOpen === '1' && !submenuOpen, }"> <div class="flex-1 space-y-18 pt-14 px-24 ph:px-6 overflow-y-auto"> <div> <span class="tp:hidden font-semibold text-12 uppercase opacity-60">Lösungen für</span> <button @click="sidebarOpen = '-1'" type="button" class="hidden tp:inline-flex items-center gap-2 font-semibold uppercase opacity-60"> <i class="icon-caret-left text-12 button-hocus:-translate-x-0.5 transition"></i> <span class="text-12">Lösungen für</span> </button> <ul class="mt-5 space-y-4"> <li class="font-semibold text-24"> <!-- Submenu (nested) group item --> <button @click="submenuOpen = '0-0'" type="button" class="flex w-full items-center justify-between gap-6 font-semibold"> <span>Pakete & Preise</span> <i class="icon-caret-right text-14 button-hocus:translate-x-1 transition"></i> </button> </li> <li class="font-semibold text-24"> <!-- Submenu (nested) group item --> <button @click="submenuOpen = '0-1'" type="button" class="flex w-full items-center justify-between gap-6 font-semibold"> <span>Pakete & Preise</span> <i class="icon-caret-right text-14 button-hocus:translate-x-1 transition"></i> </button> </li> </ul> </div> </div> <div class="pt-3 pb-16 ph:pb-6 px-24 ph:px-6"> <a data-block="button" href="https://zvoove.de/zeitarbeit/zvoove-cockpit" target="_self" class="ph:w-full ml-auto"> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] px-8 border-midnight dark-bg:border-white button-hocus:shadow-button rounded-full text-midnight border font-normal dark-bg:text-white text-18 whitespace-nowrap transition"> </span></a> </div> </div> <!-- Submenu groups (Primary menu - level 2) --> <div class="flex-1 overflow-hidden" :class="{ 'hidden': sidebarOpen !== '1' || submenuOpen !== '0-0', 'flex flex-col items-stretch': sidebarOpen === '1' && submenuOpen === '0-0', }"> <div class="flex-1 pt-14 px-24 ph:px-6 overflow-y-auto"> <button @click="submenuOpen = false" type="button" class="inline-flex items-center gap-2 font-semibold uppercase opacity-60"> <i class="icon-caret-left text-12 button-hocus:-translate-x-0.5 transition"></i> <span class="text-12">Pakete & Preise</span> </button> <ul class="mt-5 space-y-4"> </ul> </div> <div class="pt-3 pb-16 ph:pb-6 px-24 ph:px-6"> <a data-block="button" href="https://zvoove.de/zeitarbeit/zvoove-cockpit" target="_self" class="ph:w-full ml-auto"> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] px-8 border-midnight dark-bg:border-white button-hocus:shadow-button rounded-full text-midnight border font-normal dark-bg:text-white text-18 whitespace-nowrap transition"> </span></a> </div> </div> <div class="flex-1 overflow-hidden" :class="{ 'hidden': sidebarOpen !== '1' || submenuOpen !== '0-1', 'flex flex-col items-stretch': sidebarOpen === '1' && submenuOpen === '0-1', }"> <div class="flex-1 pt-14 px-24 ph:px-6 overflow-y-auto"> <button @click="submenuOpen = false" type="button" class="inline-flex items-center gap-2 font-semibold uppercase opacity-60"> <i class="icon-caret-left text-12 button-hocus:-translate-x-0.5 transition"></i> <span class="text-12">Pakete & Preise</span> </button> <ul class="mt-5 space-y-4"> </ul> </div> <div class="pt-3 pb-16 ph:pb-6 px-24 ph:px-6"> <a data-block="button" href="https://zvoove.de/zeitarbeit/zvoove-cockpit" target="_self" class="ph:w-full ml-auto"> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] px-8 border-midnight dark-bg:border-white button-hocus:shadow-button rounded-full text-midnight border font-normal dark-bg:text-white text-18 whitespace-nowrap transition"> </span></a> </div> </div> <!-- Submenu groups (Primary menu - level 1) --> <div class="flex-1 overflow-hidden" :class="{ 'hidden': sidebarOpen !== '2' || submenuOpen, 'flex flex-col items-stretch': sidebarOpen === '2' && !submenuOpen, }"> <div class="flex-1 space-y-18 pt-14 pb-6 px-24 ph:px-6 overflow-y-auto"> <div> <span class="tp:hidden font-semibold text-12 uppercase opacity-60">Wissen</span> <button @click="sidebarOpen = '-1'" type="button" class="hidden tp:inline-flex items-center gap-2 font-semibold uppercase opacity-60"> <i class="icon-caret-left text-12 button-hocus:-translate-x-0.5 transition"></i> <span class="text-12">Wissen</span> </button> <ul class="mt-5 space-y-2"> <li class="font-normal"> <!-- Standard link --> <a href="https://zvoove.de/wissen/blog" target="_self" class="inline-block hocus:-translate-y-0.5 transition"> Blog </a> </li> <li class="font-normal"> <!-- Standard link --> <a href="https://zvoove.de/wissen/webinare" target="_self" class="inline-block hocus:-translate-y-0.5 transition"> Webinare </a> </li> <li class="font-normal"> <!-- Standard link --> <a href="https://zvoove.de/wissen/whitepaper" target="_self" class="inline-block hocus:-translate-y-0.5 transition"> Whitepaper </a> </li> <li class="font-normal"> <!-- Standard link --> <a href="https://zvoove.de/wissen/glossar" target="_self" class="inline-block hocus:-translate-y-0.5 transition"> Glossar </a> </li> <li class="font-normal"> <!-- Standard link --> <a href="https://eu1.hubs.ly/H0dVtTg0" target="_self" class="inline-block hocus:-translate-y-0.5 transition"> Seminare </a> </li> </ul> </div> </div> </div> <!-- Submenu groups (Primary menu - level 2) --> <!-- Submenu groups (Primary menu - level 1) --> <div class="flex-1 overflow-hidden" :class="{ 'hidden': sidebarOpen !== '3' || submenuOpen, 'flex flex-col items-stretch': sidebarOpen === '3' && !submenuOpen, }"> <div class="flex-1 space-y-18 pt-14 pb-6 px-24 ph:px-6 overflow-y-auto"> <div> <span class="tp:hidden font-semibold text-12 uppercase opacity-60">Über uns</span> <button @click="sidebarOpen = '-1'" type="button" class="hidden tp:inline-flex items-center gap-2 font-semibold uppercase opacity-60"> <i class="icon-caret-left text-12 button-hocus:-translate-x-0.5 transition"></i> <span class="text-12">Über uns</span> </button> <ul class="mt-5 space-y-2"> <li class="font-normal"> <!-- Standard link --> <a href="https://zvoove.de/ueber-uns" target="_self" class="inline-block hocus:-translate-y-0.5 transition"> Über zvoove </a> </li> <li class="font-normal"> <!-- Standard link --> <a href="https://zvoove.de/partner" target="_self" class="inline-block hocus:-translate-y-0.5 transition"> Unsere Partner </a> </li> <li class="font-normal"> <!-- Standard link --> <a href="https://zvoove.de/presse" target="_self" class="inline-block hocus:-translate-y-0.5 transition"> Presse </a> </li> <li class="font-normal"> <!-- Standard link --> <a href="https://hubs.ly/Q02DRjJ10" target="_blank" class="inline-block hocus:-translate-y-0.5 transition"> zCom </a> </li> <li class="font-normal"> <!-- Standard link --> <a href="https://zvoove.de/kontakt" target="_self" class="inline-block hocus:-translate-y-0.5 transition"> Kontakt </a> </li> </ul> </div> </div> </div> <!-- Submenu groups (Primary menu - level 2) --> <!-- Submenu groups (Secondary menu - level 1) --> <div class="flex-1 overflow-hidden" :class="{ 'hidden': sidebarOpen !== 's0' || submenuOpen, 'flex flex-col items-stretch': sidebarOpen === 's0' && !submenuOpen, }"> <div class="flex-1 pt-14 px-24 ph:px-6 overflow-y-auto"> <button @click="sidebarOpen = '-1'" type="button" class="inline-flex items-center gap-2 font-semibold uppercase opacity-60"> <i class="icon-caret-left text-12 button-hocus:-translate-x-0.5 transition"></i> <span class="text-12">Karriere</span> </button> <ul class="mt-5 space-y-2"> <li class="font-normal"> <a href="https://zvoove.de/karriere" target="_self" class="inline-block hocus:-translate-y-0.5 transition"> Arbeiten bei zvoove </a> </li> <li class="font-normal"> <a href="https://zvoove.de/karriere/offene-stellen" target="_self" class="inline-block hocus:-translate-y-0.5 transition"> Offene Stellen </a> </li> <li class="font-normal"> <a href="https://zvoove.de/karriere/arbeiten-im-customer-success" target="_self" class="inline-block hocus:-translate-y-0.5 transition"> Arbeiten im Customer Success </a> </li> <li class="font-normal"> <a href="https://zvoove.de/karriere/arbeiten-in-der-entwicklung" target="_self" class="inline-block hocus:-translate-y-0.5 transition"> Arbeiten in der Entwicklung </a> </li> </ul> </div> </div> <!-- Submenu groups (Secondary menu - level 1) --> <div class="flex-1 overflow-hidden" :class="{ 'hidden': sidebarOpen !== 's1' || submenuOpen, 'flex flex-col items-stretch': sidebarOpen === 's1' && !submenuOpen, }"> <div class="flex-1 pt-14 px-24 ph:px-6 overflow-y-auto"> <button @click="sidebarOpen = '-1'" type="button" class="inline-flex items-center gap-2 font-semibold uppercase opacity-60"> <i class="icon-caret-left text-12 button-hocus:-translate-x-0.5 transition"></i> <span class="text-12">Kundenbereich</span> </button> <ul class="mt-5 space-y-2"> <li class="font-normal"> <a href="https://hubs.ly/Q02n7D0Y0" target="_blank" class="inline-block hocus:-translate-y-0.5 transition"> Seminare </a> </li> <li class="font-normal"> <a href="https://go.zvoove.com/knowledge" target="_blank" class="inline-block hocus:-translate-y-0.5 transition"> Wissensdatenbank </a> </li> <li class="font-normal"> <a href="https://zvoove.de/kontakt/support" target="_self" class="inline-block hocus:-translate-y-0.5 transition"> Support </a> </li> <li class="font-normal"> <a href="https://get.teamviewer.com/zvoove" target="_blank" class="inline-block hocus:-translate-y-0.5 transition"> TeamViewer </a> </li> <li class="font-normal"> <a href="https://hub.zvoove.cloud" target="_blank" class="inline-block hocus:-translate-y-0.5 transition"> Login / Hub </a> </li> </ul> </div> </div> <!-- Close sidebar --> <button @click="closeSidebar()" aria-label="Seitenleiste schließen" type="button" class="hocus:opacity-60 absolute right-6 top-6 flex h-9 w-9 transition"> <i class="icon-close m-auto fz-16"></i> </button> </div> <!-- Sidebar overlay (close on click) --> <div x-show="sidebarOpen" @click="closeSidebar()" class="left-sidebar fixed inset-y-0 ab:top-8 abm:ab:top-11.5 right-0 pointer-events-auto"></div> </div> <!-- Secondary menu --> <div class="absolute z-header top-6 ab:top-14 inset-x-0 tp:hidden" x-data="secondaryMenu" x-cloak> <div class="container flex"> <ul class="flex gap-4 ml-auto"> <li class="relative flex items-center text-12"> <button class="flex items-center gap-1" type="button" @click="toggle(0, $el)" data-secondary-menu-item> <span class="font-normal text-12">Karriere</span> <i class="icon-caret-down inline-block text-8 transition" :class="{ '-rotate-180': active === 0, 'button-hocus:-rotate-90': active !== 0, }"></i> </button> <ul class="absolute z-header-plus top-full left-0 mt-1 py-6 px-4 bg-white shadow-secondary-menu rounded-8 transition-all" :class="{ 'invisible opacity-0 -translate-y-4': active !== 0, }"> <li> <a href="https://zvoove.de/karriere" target="_self" class="inline-block px-6 py-2 font-normal text-14 whitespace-nowrap hocus:-translate-y-0.5 transition"> Arbeiten bei zvoove </a> </li> <li> <a href="https://zvoove.de/karriere/offene-stellen" target="_self" class="inline-block px-6 py-2 font-normal text-14 whitespace-nowrap hocus:-translate-y-0.5 transition"> Offene Stellen </a> </li> <li> <a href="https://zvoove.de/karriere/arbeiten-im-customer-success" target="_self" class="inline-block px-6 py-2 font-normal text-14 whitespace-nowrap hocus:-translate-y-0.5 transition"> Arbeiten im Customer Success </a> </li> <li> <a href="https://zvoove.de/karriere/arbeiten-in-der-entwicklung" target="_self" class="inline-block px-6 py-2 font-normal text-14 whitespace-nowrap hocus:-translate-y-0.5 transition"> Arbeiten in der Entwicklung </a> </li> </ul> </li> <li class="relative flex items-center text-12"> <button class="flex items-center gap-1" type="button" @click="toggle(1, $el)" data-secondary-menu-item> <span class="font-normal text-12">Kundenbereich</span> <i class="icon-caret-down inline-block text-8 transition" :class="{ '-rotate-180': active === 1, 'button-hocus:-rotate-90': active !== 1, }"></i> </button> <ul class="absolute z-header-plus top-full left-0 mt-1 py-6 px-4 bg-white shadow-secondary-menu rounded-8 transition-all" :class="{ 'invisible opacity-0 -translate-y-4': active !== 1, }"> <li> <a href="https://hubs.ly/Q02n7D0Y0" target="_blank" class="inline-block px-6 py-2 font-normal text-14 whitespace-nowrap hocus:-translate-y-0.5 transition"> Seminare </a> </li> <li> <a href="https://go.zvoove.com/knowledge" target="_blank" class="inline-block px-6 py-2 font-normal text-14 whitespace-nowrap hocus:-translate-y-0.5 transition"> Wissensdatenbank </a> </li> <li> <a href="https://zvoove.de/kontakt/support" target="_self" class="inline-block px-6 py-2 font-normal text-14 whitespace-nowrap hocus:-translate-y-0.5 transition"> Support </a> </li> <li> <a href="https://get.teamviewer.com/zvoove" target="_blank" class="inline-block px-6 py-2 font-normal text-14 whitespace-nowrap hocus:-translate-y-0.5 transition"> TeamViewer </a> </li> <li> <a href="https://hub.zvoove.cloud" target="_blank" class="inline-block px-6 py-2 font-normal text-14 whitespace-nowrap hocus:-translate-y-0.5 transition"> Login / Hub </a> </li> </ul> </li> </ul> </div> <!-- Sidebar overlay (close on click) --> <div x-show="active > -1" @click="active = -1" class="fixed inset-0 ab:top-8 abm:ab:top-11.5"></div> </div> <div data-block="container" class="bg-cover has-sky-20-background pt-60 ph:pt-30 pb-30 ph:pb-20 " id=""> <div class="flex flex-col gap-30 ph:gap-20 container " x-ref="innerBlocks"> <div data-block="text-image" class="grid grid-cols-2 gap-18 ph:gap-6 tp:grid-cols-1 "> <div class="flex"> <div class="my-auto"> <div x-ref="innerBlocks" class="prose"> <p class="is-style-kicker has-fz-16-font-size">Effizient & einzigartig</p> <h1 class="wp-block-heading">Mit zvoove Cockpit zum perfekten Match</h1> <p>Bei zvoove Cockpit – powered by RecruitNow dreht sich alles um <strong>das perfekte Match</strong>: KI-unterstützt und durch die Anreicherung mit Arbeitsmarktdaten findet Cockpit die besten Kandidaten für offene Vakanzen und die passenden Stellen am Markt für einsatzfreie Mitarbeitende. Schnell und mit wenigen Klicks. Diese <strong>einzigartige Kombination aus ATS und CRM</strong> spart Ihnen erheblich Zeit und Aufwand – und verschafft Ihnen einen spürbaren Effizienz-Boost bei Recruiting und Vertrieb.</p> <div data-block="buttons" class="buttons flex flex-wrap justify-start gap-4" x-ref="innerBlocks"> <a data-block="button" href="#form" target="_self" class="ph:w-full "> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] px-8 bg-midnight dark-bg:bg-white button-hocus:shadow-button rounded-full font-normal dark-bg:text-midnight text-white text-18 whitespace-nowrap transition"> Jetzt Kontakt aufnehmen </span></a> </div> </div> </div> </div> <div class="flex order-last tp:order-first"> <img loading="lazy" decoding="async" width="1227" height="755" src="https://zvoove.de/wp-content/uploads/2024/09/cockpit-landingpage-header-1.webp" class="block w-full h-auto m-auto" alt="" srcset="https://zvoove.de/wp-content/uploads/2024/09/cockpit-landingpage-header-1.webp 1227w, https://zvoove.de/wp-content/uploads/2024/09/cockpit-landingpage-header-1-300x185.webp 300w, https://zvoove.de/wp-content/uploads/2024/09/cockpit-landingpage-header-1-1024x630.webp 1024w, https://zvoove.de/wp-content/uploads/2024/09/cockpit-landingpage-header-1-768x473.webp 768w" sizes="auto, (max-width: 1227px) 100vw, 1227px"/> </div> </div> </div> </div> <div data-block="container" class="bg-cover has-royal-2-background pt-30 ph:pt-20 pb-30 ph:pb-20 " id=""> <div class="flex flex-col gap-18 ph:gap-12 container " x-ref="innerBlocks"> <div data-block="text" class="flex justify-start "> <div class="prose w-full max-w-content" x-ref="innerBlocks"> <h2 class="wp-block-heading">Doppelte Power, eine Lösung: Bewerber- und Kundenmanagement in einem System</h2> </div> </div> <div x-data="verticalTabs" data-block="vertical-tabs" class="flex gap-18"> <ul class="tp:hidden w-[14rem] space-y-8"> <template x-for="tab in tabs"> <li> <button @click="activeTab = tab.label" class="relative font-semibold text-24 text-left after:absolute after:inset-x-0 after:bottom-0 after:h-px after:bg-midnight hocus:after:opacity-100 hocus:after:translate-y-0 after:transition-all transition" :class="{ 'opacity-50 after:opacity-0 after:translate-y-2': tab.label !== activeTab }" x-text="tab.label"> </button> </li> </template> </ul> <div x-ref="content" class="flex-1 tp:hidden" x-cloak> <div x-ref="innerBlocks"> <div data-block="tab" data-label="Innovativ" class="flex tl:flex-col-reverse gap-18 ph:gap-13" x-show="activeTab === 'Innovativ'"> <div class="shrink-0 w-full max-w-[22.5rem]"> <img loading="lazy" decoding="async" width="1048" height="1055" src="https://zvoove.de/wp-content/uploads/2024/08/cockpit_innovativ.webp" class="block w-full h-auto" alt="" srcset="https://zvoove.de/wp-content/uploads/2024/08/cockpit_innovativ.webp 1048w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_innovativ-298x300.webp 298w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_innovativ-1017x1024.webp 1017w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_innovativ-150x150.webp 150w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_innovativ-768x773.webp 768w" sizes="auto, (max-width: 1048px) 100vw, 1048px"/> </div> <div x-ref="innerBlocks" class="prose"> <h3 class="wp-block-heading">Wettbewerbsvorteile durch Exklusivität</h3> <p>zvoove Cockpit vereint ATS (Applicant Tracking System) und CRM (Customer Relationship Management) in einer Lösung für Personaldienstleister. Hier kommt zusammen, was zusammengehört: Bewerbende und Kunden.</p> <p>Die Kombination aus ATS und <strong>vollintegriertem CRM</strong> für Personaldienstleister ist einmalig in Deutschland. Das bietet Ihnen enorme Effizienz- und Innovationsvorteile gegenüber Mitbewerbenden: Das System schlägt Ihnen automatisch die besten Kandidaten für offene Vakanzen vor und empfiehlt passende Jobs am Markt für Ihre derzeit zur Verfügung stehenden Mitarbeitenden.</p> <ul class="wp-block-list"> <li>Einmalig in Deutschland</li> <li>Bewerbende und Kunden in einem System</li> <li>Automatisches Matching von Mitarbeitenden und Vakanzen</li> </ul> <div data-block="buttons" class="buttons flex flex-wrap justify-start gap-4" x-ref="innerBlocks"> <a data-block="button" href="" target="_self" class="ph:w-full "> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center pt-[0.2em] whitespace-nowrap transition"> </span></a> <a data-block="button" href="#form" target="_self" class="ph:w-full "> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] px-8 bg-midnight dark-bg:bg-white button-hocus:shadow-button rounded-full font-normal dark-bg:text-midnight text-white text-18 whitespace-nowrap transition"> Kontakt aufnehmen </span></a> </div> </div> </div> <div data-block="tab" data-label="Effizient" class="flex tl:flex-col-reverse gap-18 ph:gap-13" x-show="activeTab === 'Effizient'"> <div class="shrink-0 w-full max-w-[22.5rem]"> <img loading="lazy" decoding="async" width="1049" height="1055" src="https://zvoove.de/wp-content/uploads/2024/08/cockpit_effizient.webp" class="block w-full h-auto" alt="" srcset="https://zvoove.de/wp-content/uploads/2024/08/cockpit_effizient.webp 1049w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_effizient-298x300.webp 298w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_effizient-1018x1024.webp 1018w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_effizient-150x150.webp 150w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_effizient-768x772.webp 768w" sizes="auto, (max-width: 1049px) 100vw, 1049px"/> </div> <div x-ref="innerBlocks" class="prose"> <h3 class="wp-block-heading">Beschleunigtes Matching, optimierter Vertrieb</h3> <p>zvoove Cockpit ist darauf ausgelegt, Mitarbeitende (und Bewerbende) schnellstmöglich mit Vakanzen zu verbinden. Die Verbindung von ATS und CRM ermöglicht den <strong>Aufbau eines strukturierten Vertriebsprozesses</strong> und die kontinuierliche Überprüfung erfolgreicher Vermittlungen und Aufträge. Durch die Integration <strong>aktueller Arbeitsmarktinformationen</strong> erweitert das System außerdem Ihre Vertriebsmöglichkeiten: Finden Sie auch dann passende Stellen für Ihre Mitarbeitenden (und gewinnen neue Aufträge), wenn in Ihren Auftragsbüchern gar keine verfügbar wären.</p> <p>Zusätzlich erhalten Sie einen umfassenden Überblick über Ihre Mitarbeitenden und potenzielle <strong>neue Sales Leads</strong> in der gewünschten Umgebung, dargestellt in einer Kartenansicht.</p> <ul class="wp-block-list"> <li>Integration aktueller Arbeitsmarktdaten </li> <li>Mit wenigen Klicks Stellen und neue Aufträge finden </li> <li>Proaktives Matching verfügbarer Mitarbeitender mit Stellen am Markt </li> <li>Alle potenziellen Sales Leads am Wunschort übersichtlich auf einen Blick </li> </ul> <div data-block="buttons" class="buttons flex flex-wrap justify-start gap-4" x-ref="innerBlocks"> <a data-block="button" href="#form" target="_self" class="ph:w-full "> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] px-8 bg-midnight dark-bg:bg-white button-hocus:shadow-button rounded-full font-normal dark-bg:text-midnight text-white text-18 whitespace-nowrap transition"> Kontakt aufnehmen </span></a> </div> </div> </div> <div data-block="tab" data-label="Benutzerfreundlich" class="flex tl:flex-col-reverse gap-18 ph:gap-13" x-show="activeTab === 'Benutzerfreundlich'"> <div class="shrink-0 w-full max-w-[22.5rem]"> <img loading="lazy" decoding="async" width="1049" height="1055" src="https://zvoove.de/wp-content/uploads/2024/08/cockpit_nutzerfreundlich.webp" class="block w-full h-auto" alt="" srcset="https://zvoove.de/wp-content/uploads/2024/08/cockpit_nutzerfreundlich.webp 1049w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_nutzerfreundlich-298x300.webp 298w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_nutzerfreundlich-1018x1024.webp 1018w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_nutzerfreundlich-150x150.webp 150w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_nutzerfreundlich-768x772.webp 768w" sizes="auto, (max-width: 1049px) 100vw, 1049px"/> </div> <div x-ref="innerBlocks" class="prose"> <h3 class="wp-block-heading">Intuitiv und leicht verständlich für jeden Benutzer</h3> <p>Das übersichtliche Dashboard zeigt die wichtigsten Neuigkeiten wie Bewerbungseingänge, zu erledigende Aufgaben, alle Konversationen und Kennzahlen auf einen Blick. Egal ob Anfänger:in oder erfahrene:r Benutzer:in – Ihre Mitarbeitenden werden sich schnell zurechtfinden.</p> <ul class="wp-block-list"> <li>Alle wichtigen Informationen und To-dos auf einen Blick </li> <li>Minimale Einarbeitungszeit durch intuitive Bedienung </li> </ul> <div data-block="buttons" class="buttons flex flex-wrap justify-start gap-4" x-ref="innerBlocks"> <a data-block="button" href="#form" target="_self" class="ph:w-full "> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] px-8 bg-midnight dark-bg:bg-white button-hocus:shadow-button rounded-full font-normal dark-bg:text-midnight text-white text-18 whitespace-nowrap transition"> Kontakt aufnehmen </span></a> </div> </div> </div> <div data-block="tab" data-label="Automatisiert" class="flex tl:flex-col-reverse gap-18 ph:gap-13" x-show="activeTab === 'Automatisiert'"> <div class="shrink-0 w-full max-w-[22.5rem]"> <img loading="lazy" decoding="async" width="1049" height="1055" src="https://zvoove.de/wp-content/uploads/2024/08/cockpit_automatisch.webp" class="block w-full h-auto" alt="" srcset="https://zvoove.de/wp-content/uploads/2024/08/cockpit_automatisch.webp 1049w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_automatisch-298x300.webp 298w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_automatisch-1018x1024.webp 1018w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_automatisch-150x150.webp 150w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_automatisch-768x772.webp 768w" sizes="auto, (max-width: 1049px) 100vw, 1049px"/> </div> <div x-ref="innerBlocks" class="prose"> <h3 class="wp-block-heading">Fokus auf das Wesentliche</h3> <p>Individuelle Automatisierungen hinter verschiedenen Prozessen sparen Zeit im Alltagsgeschäft und lassen Ihr Team sich auf seine Kernaufgaben fokussieren. </p> <ul class="wp-block-list"> <li>Automatisierte Zuordnung von Bewerbenden sowie Mitarbeitenden zu offenen Vakanzen und Stellenangeboten am Arbeitsmarkt </li> <li>Automatischer Datenabgleich zwischen ATS, CRM und Ihrer zvoove ERP-Software </li> <li>Unterstützung durch KI </li> <li>Zeitersparnis und Fehlerminimierung </li> </ul> <div data-block="buttons" class="buttons flex flex-wrap justify-start gap-4" x-ref="innerBlocks"> <a data-block="button" href="#form" target="_self" class="ph:w-full "> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] px-8 bg-midnight dark-bg:bg-white button-hocus:shadow-button rounded-full font-normal dark-bg:text-midnight text-white text-18 whitespace-nowrap transition"> Kontakt aufnehmen </span></a> </div> </div> </div> <div data-block="tab" data-label="Schnell " class="flex tl:flex-col-reverse gap-18 ph:gap-13" x-show="activeTab === 'Schnell '"> <div class="shrink-0 w-full max-w-[22.5rem]"> <img loading="lazy" decoding="async" width="1049" height="1055" src="https://zvoove.de/wp-content/uploads/2024/08/cockpit_schnell.webp" class="block w-full h-auto" alt="" srcset="https://zvoove.de/wp-content/uploads/2024/08/cockpit_schnell.webp 1049w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_schnell-298x300.webp 298w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_schnell-1018x1024.webp 1018w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_schnell-150x150.webp 150w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_schnell-768x772.webp 768w" sizes="auto, (max-width: 1049px) 100vw, 1049px"/> </div> <div x-ref="innerBlocks" class="prose"> <h3 class="wp-block-heading">Zeitersparnis bei Personalgewinnung & Kommunikation</h3> <p>KI-Unterstützung beim Erstellen von Texten führt zu noch effizienterem Arbeiten. In kürzester Zeit können so zum Beispiel Unternehmensbeschreibungen, Stellenanzeigen und E-Mails erzeugt und ausgespielt werden. Für offene Vakanzen finden <strong>KI-gestützte Matching-Algorithmen</strong> die besten Kandidaten. Die Software analysiert deren Qualifikationen und vergleicht sie mit den Anforderungen der Stellen, die Sie besetzen möchten. Dies spart Zeit und erhöht die Qualität Ihrer Vermittlungen.</p> <ul class="wp-block-list"> <li>Künstliche Intelligenz für das Erstellen von Texten aller Art </li> <li>Kampagnenmanagement für das Ausspielen von Stellenanzeigen </li> <li>Passgenauigkeit von Vakanzen und Kandidaten in Sekundenschnelle mithilfe KI-gestützter Algorithmen analysieren </li> <li>Übersetzungen direkt im System durchführen </li> <li>Integrierte Kommunikationstools (WhatsApp, SMS, E-Mail), auch für den Kunden </li> </ul> <div data-block="buttons" class="buttons flex flex-wrap justify-start gap-4" x-ref="innerBlocks"> <a data-block="button" href="#form" target="_self" class="ph:w-full "> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] px-8 bg-midnight dark-bg:bg-white button-hocus:shadow-button rounded-full font-normal dark-bg:text-midnight text-white text-18 whitespace-nowrap transition"> Kontakt aufnehmen </span></a> </div> </div> </div> <div data-block="tab" data-label="Strategisch" class="flex tl:flex-col-reverse gap-18 ph:gap-13" x-show="activeTab === 'Strategisch'"> <div class="shrink-0 w-full max-w-[22.5rem]"> <img loading="lazy" decoding="async" width="1048" height="1055" src="https://zvoove.de/wp-content/uploads/2024/08/cockpit_strategisch.webp" class="block w-full h-auto" alt="" srcset="https://zvoove.de/wp-content/uploads/2024/08/cockpit_strategisch.webp 1048w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_strategisch-298x300.webp 298w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_strategisch-1017x1024.webp 1017w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_strategisch-150x150.webp 150w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_strategisch-768x773.webp 768w" sizes="auto, (max-width: 1048px) 100vw, 1048px"/> </div> <div x-ref="innerBlocks" class="prose"> <h3 class="wp-block-heading">Insights und Auswertungen für bessere Performance</h3> <p>zvoove Cockpit bietet Echtzeit-Daten des Arbeitsmarktes für noch besseres Matching, einschließlich der Analysen von Stellenangeboten und Vermittlungschancen für Kandidaten. Statistische Auswertungen geben Einblicke in Ihr Tagesgeschäft und bieten Ihnen wertvolle Erkenntnisse, um den <strong>Vertriebsprozess weiter zu optimieren</strong> und die Effizienz zu maximieren. So lassen sich Ihre Vertriebsstrategien flexibel und effektiv gestalten und auf Ihre spezifischen Geschäftsanforderungen anpassen. </p> <ul class="wp-block-list"> <li>Echtzeit-Daten des Arbeitsmarktes mit Analysen von Stellenangeboten und Vermittlungschancen für Kandidaten </li> <li>Statistische Insights für optimierten Vertriebsprozess </li> </ul> <div data-block="buttons" class="buttons flex flex-wrap justify-start gap-4" x-ref="innerBlocks"> <a data-block="button" href="#form" target="_self" class="ph:w-full "> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] px-8 bg-midnight dark-bg:bg-white button-hocus:shadow-button rounded-full font-normal dark-bg:text-midnight text-white text-18 whitespace-nowrap transition"> Kontakt aufnehmen </span></a> </div> </div> </div> <div data-block="tab" data-label="Kollaborativ" class="flex tl:flex-col-reverse gap-18 ph:gap-13" x-show="activeTab === 'Kollaborativ'"> <div class="shrink-0 w-full max-w-[22.5rem]"> <img loading="lazy" decoding="async" width="1049" height="1055" src="https://zvoove.de/wp-content/uploads/2024/08/cockpit_kollaborativ.webp" class="block w-full h-auto" alt="" srcset="https://zvoove.de/wp-content/uploads/2024/08/cockpit_kollaborativ.webp 1049w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_kollaborativ-298x300.webp 298w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_kollaborativ-1018x1024.webp 1018w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_kollaborativ-150x150.webp 150w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_kollaborativ-768x772.webp 768w" sizes="auto, (max-width: 1049px) 100vw, 1049px"/> </div> <div x-ref="innerBlocks" class="prose"> <h3 class="wp-block-heading">Gemeinsames Arbeiten auf einer einzigen Plattform</h3> <p>Sollte ein Anwender ausfallen, kann die Bearbeitung ganz einfach durch eine andere Person und auch niederlassungsübergreifend übernommen werden. Die einheitliche Datenbasis für alle Mitarbeitenden beugt Informationsverlusten vor. </p> <ul class="wp-block-list"> <li>Flexible Übernahme von Aufgaben, auch standortübergreifend </li> <li>Einheitliche Datenbasis für konsistente Ergebnisse </li> </ul> <div data-block="buttons" class="buttons flex flex-wrap justify-start gap-4" x-ref="innerBlocks"> <a data-block="button" href="#form" target="_self" class="ph:w-full "> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] px-8 bg-midnight dark-bg:bg-white button-hocus:shadow-button rounded-full font-normal dark-bg:text-midnight text-white text-18 whitespace-nowrap transition"> Kontakt aufnehmen </span></a> </div> </div> </div> <div data-block="tab" data-label="Synchron" class="flex tl:flex-col-reverse gap-18 ph:gap-13" x-show="activeTab === 'Synchron'"> <div class="shrink-0 w-full max-w-[22.5rem]"> <img loading="lazy" decoding="async" width="1049" height="1055" src="https://zvoove.de/wp-content/uploads/2024/08/cockpit_synchron.webp" class="block w-full h-auto" alt="" srcset="https://zvoove.de/wp-content/uploads/2024/08/cockpit_synchron.webp 1049w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_synchron-298x300.webp 298w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_synchron-1018x1024.webp 1018w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_synchron-150x150.webp 150w, https://zvoove.de/wp-content/uploads/2024/08/cockpit_synchron-768x772.webp 768w" sizes="auto, (max-width: 1049px) 100vw, 1049px"/> </div> <div x-ref="innerBlocks" class="prose"> <h3 class="wp-block-heading">Nahtlose Integration in Ihre zvoove Welt</h3> <p>Keine doppelte Datenpflege: zvoove Cockpit ist <strong>nahtlos an Ihre zvoove Software angebunden. </strong>Der <strong>Datenaustausch</strong> zwischen den Systemen funktioniert<strong> in beide Richtungen</strong> – und zwar in Echtzeit. So pflegen Sie Daten nur ein einziges Mal. Das spart nicht nur wertvolle Zeit, sondern maximiert auch Ihre Effizienz – und damit die Erfolgschancen Ihrer Vermittlungen.</p> <ul class="wp-block-list"> <li>Ohne doppelte und dreifache Datenpflege </li> <li>Alle Daten immer synchronisiert und aktuell </li> <li>Maximale Effizienz </li> </ul> <div data-block="buttons" class="buttons flex flex-wrap justify-start gap-4" x-ref="innerBlocks"> <a data-block="button" href="#form" target="_self" class="ph:w-full "> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] px-8 bg-midnight dark-bg:bg-white button-hocus:shadow-button rounded-full font-normal dark-bg:text-midnight text-white text-18 whitespace-nowrap transition"> Kontakt aufnehmen </span></a> </div> </div> </div> </div> </div> <div class="hidden tp:block w-full"> <template x-for="tab in tabs"> <div> <button @click="activeTab = activeTab === tab.label ? null : tab.label" class="flex justify-between items-center gap-6 w-full h-18 text-left" :data-tab-label="tab.label"> <span class="font-semibold" x-text="tab.label"></span> <i class="icon-caret-down transition" :class="{ 'rotate-180': tab.label === activeTab }"></i> </button> <div class="py-18 border-t" x-show="activeTab === tab.label"> <div x-html="tab.html"></div> </div> </div> </template> </div> </div> </div> </div> <div data-block="container" class="bg-cover has-medium-blue-10-background pt-30 ph:pt-20 pb-30 ph:pb-20 " id=""> <div class="flex flex-col gap-18 ph:gap-12 container " x-ref="innerBlocks"> <div data-block="testimonials" x-data="testimonials" x-ref="innerBlocks" x-cloak class="space-y-8"> <div data-block="testimonial" class="container" x-ref="innerBlocks"> <div class="flex items-center ph:flex-col px-30 tp:px-0 gap-18 tp:gap-12"> <div x-ref="innerBlocks" class="max-w-md"> <p class="is-style-default">„zvoove Cockpit war für uns die klare Wahl, weil es eine nahtlose Integration von ATS und CRM bietet, was für unsere Unternehmensstrategie von zentraler Bedeutung ist. Wir erwarten, dass diese Entscheidung unsere Effizienz deutlich erhöht und uns ermöglicht, schneller und präziser auf Marktveränderungen zu reagieren.“</p> </div> <div class="flex flex-col gap-6 ph:min-w-0 order-last tp:order-last"> <div class="flex w-64 h-auto"> <img loading="lazy" decoding="async" width="1166" height="1166" src="https://zvoove.de/wp-content/uploads/2024/08/cockpit-landingpage_zitat.webp" class="block w-full h-auto m-auto" alt="" srcset="https://zvoove.de/wp-content/uploads/2024/08/cockpit-landingpage_zitat.webp 1166w, https://zvoove.de/wp-content/uploads/2024/08/cockpit-landingpage_zitat-300x300.webp 300w, https://zvoove.de/wp-content/uploads/2024/08/cockpit-landingpage_zitat-1024x1024.webp 1024w, https://zvoove.de/wp-content/uploads/2024/08/cockpit-landingpage_zitat-150x150.webp 150w, https://zvoove.de/wp-content/uploads/2024/08/cockpit-landingpage_zitat-768x768.webp 768w" sizes="auto, (max-width: 1166px) 100vw, 1166px"/> </div> <div class="flex flex-col pl-[4.875rem] ph:pl-0 ph:mx-auto"> <span class="mb-2 text-24 font-semibold">Andrea Menge</span> <span>Leiterin Recruiting / Marketing</span> <span>bindan.group GmbH & Co. KG</span> </div> </div> </div> </div> </div> </div> </div> <div data-block="container" class="bg-cover has-royal-2-background pt-15 ph:pt-10 pb-30 ph:pb-20 " id=""> <div class="flex flex-col gap-18 ph:gap-12 container " x-ref="innerBlocks"> <div data-block="text" class="flex justify-start "> <div class="prose w-full max-w-content" x-ref="innerBlocks"> <p class="has-fz-32-font-size"><strong>Mit zvoove Cockpit wachsen Unternehmen! </strong></p> </div> </div> <div data-block="service-cards" class="grid grid-cols-4 tl:grid-cols-2 ph:grid-cols-1 gap-6 " x-ref="innerBlocks"> <div data-block="service-card" class="service-card p-8 ph:p-6 border rounded "> <div class="prose-sm" x-ref="innerBlocks"> <p><strong>11 %</strong> mehr abgerechnete Stunden*</p> </div> </div> <div data-block="service-card" class="service-card p-8 ph:p-6 border rounded "> <div class="prose-sm" x-ref="innerBlocks"> <p><strong>8 von 10</strong> Unternehmen erhöhen ihren Umsatz*</p> </div> </div> <div data-block="service-card" class="service-card p-8 ph:p-6 border rounded "> <div class="prose-sm" x-ref="innerBlocks"> <p><strong>Schnelleres und besseres</strong> Recruiting</p> </div> </div> <div data-block="service-card" class="service-card p-8 ph:p-6 border rounded "> <div class="prose-sm" x-ref="innerBlocks"> <p>Bis zu <strong>1,5 Stunden</strong> Zeitersparnis pro Tag**</p> </div> </div> </div> </div> </div> <div data-block="container" class="bg-cover has-default-background pt-30 ph:pt-20 pb-10 ph:pb-6 " id=""> <div class="flex flex-col gap-18 ph:gap-12 container " x-ref="innerBlocks"> <div data-block="section-intro" class="flex tp:flex-col justify-between gap-6 mb-8 ph:mb-0"> <h2>zvoove Cockpit: Übersichtliche Benutzeroberfläche</h2> <div class="empty:hidden prose max-w-[31.25rem] tl:max-w-[23rem] tp:max-w-none" x-ref="innerBlocks"></div> </div> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="2560" height="1275" src="https://zvoove.de/wp-content/uploads/2024/08/cockpit-landingpage-laptop-2-scaled.webp" alt="" class="wp-image-136058" srcset="https://zvoove.de/wp-content/uploads/2024/08/cockpit-landingpage-laptop-2-scaled.webp 2560w, https://zvoove.de/wp-content/uploads/2024/08/cockpit-landingpage-laptop-2-300x149.webp 300w, https://zvoove.de/wp-content/uploads/2024/08/cockpit-landingpage-laptop-2-1024x510.webp 1024w, https://zvoove.de/wp-content/uploads/2024/08/cockpit-landingpage-laptop-2-768x383.webp 768w, https://zvoove.de/wp-content/uploads/2024/08/cockpit-landingpage-laptop-2-1536x765.webp 1536w, https://zvoove.de/wp-content/uploads/2024/08/cockpit-landingpage-laptop-2-2048x1020.webp 2048w" sizes="auto, (max-width: 2560px) 100vw, 2560px"/></figure> </div> </div> <div data-block="container" class="bg-cover has-default-background pt-30 ph:pt-20 pb-30 ph:pb-20 " id=""> <div class="flex flex-col gap-18 ph:gap-12 container " x-ref="innerBlocks"> <div data-block="section-intro" class="flex tp:flex-col justify-between gap-6 mb-8 ph:mb-0"> <h2>Darum brauchen Sie zvoove Cockpit </h2> <div class="empty:hidden prose max-w-[31.25rem] tl:max-w-[23rem] tp:max-w-none" x-ref="innerBlocks"></div> </div> <div data-block="icon-boxes" class="grid grid-cols-2 ph:grid-cols-1 gap-x-[14.625rem] tl:gap-x-48 tp:gap-x-28 ph:gap-y-12 gap-y-18 " x-ref="innerBlocks"> <div x-data="iconBox" data-block="icon-box" class=" group" @keydown.escape.window="close()"> <div class="text-left"> <span class="relative flex mb-4"> <span class="text-[2.75rem]" style="color: "> <i class="ph ph-arrows-out"></i> </span> </span> <span class="block prose-sm" x-ref="innerBlocks"> <h3 class="wp-block-heading">Wachstum</h3> <p>zvoove Cockpit integriert aktuelle Arbeitsmarktdaten und matcht diese: Finden Sie auch dann passende Stellen für Ihre Mitarbeitenden – und gewinnen neue Aufträge -, wenn sonst keine verfügbar wären. </p> </span> </div> </div> <div x-data="iconBox" data-block="icon-box" class=" group" @keydown.escape.window="close()"> <div class="text-left"> <span class="relative flex mb-4"> <span class="text-[2.75rem]" style="color: "> <i class="ph ph-arrow-bend-right-up"></i> </span> </span> <span class="block prose-sm" x-ref="innerBlocks"> <h3 class="wp-block-heading">Effizienz</h3> <p>Kundenmanagement und Bewerbermanagement in einer einzigen Software und ganz ohne doppelte Datenpflege. </p> </span> </div> </div> <div x-data="iconBox" data-block="icon-box" class=" group" @keydown.escape.window="close()"> <div class="text-left"> <span class="relative flex mb-4"> <span class="text-[2.75rem]" style="color: "> <i class="ph ph-arrow-fat-lines-right"></i> </span> </span> <span class="block prose-sm" x-ref="innerBlocks"> <h3 class="wp-block-heading">Schnelligkeit</h3> <p>Gewinnen Sie schneller die besten Kandidaten, unterstützt durch KI-Technologien und die Integration aktueller Daten aus dem Arbeitsmarkt. </p> </span> </div> </div> <div x-data="iconBox" data-block="icon-box" class=" group" @keydown.escape.window="close()"> <div class="text-left"> <span class="relative flex mb-4"> <span class="text-[2.75rem]" style="color: "> <i class="ph ph-chart-pie-slice"></i> </span> </span> <span class="block prose-sm" x-ref="innerBlocks"> <h3 class="wp-block-heading">Gewinn</h3> <p>Die Kombination aus ATS und CRM ist in Deutschland einzigartig. Das beschert Ihnen einen enormen Effizienz-Boost gegenüber Ihren Mitbewerbenden.</p> </span> </div> </div> <div x-data="iconBox" data-block="icon-box" class=" group" @keydown.escape.window="close()"> <div class="text-left"> <span class="relative flex mb-4"> <span class="text-[2.75rem]" style="color: "> <i class="ph ph-lightbulb"></i> </span> </span> <span class="block prose-sm" x-ref="innerBlocks"> <h3 class="wp-block-heading"><strong>Non-Stop Innovation</strong></h3> <p>Zehn neue Releases pro Jahr halten zvoove Cockpit immer up to date. Sie brauchen nichts dafür zu tun – zvoove kümmert sich darum.</p> </span> </div> </div> </div> </div> </div> <div data-block="container" class="bg-cover has-default-background pt-10 ph:pt-6 pb-30 ph:pb-20 " id=""> <div class="flex flex-col gap-18 ph:gap-12 container " x-ref="innerBlocks"> <div data-block="buttons" class="buttons flex flex-wrap justify-center gap-4" x-ref="innerBlocks"> <a data-block="button" href="#form" target="_self" class="ph:w-full "> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] px-8 bg-midnight dark-bg:bg-white button-hocus:shadow-button rounded-full font-normal dark-bg:text-midnight text-white text-18 whitespace-nowrap transition"> Kontakt aufnehmen </span></a> </div> </div> </div> <div data-block="container" class="bg-cover has-midnight-background pt-30 ph:pt-20 pb-10 ph:pb-6 " id=""> <div class="flex flex-col gap-18 ph:gap-12 container " x-ref="innerBlocks"> <div data-block="text" class="flex justify-start "> <div class="prose w-full max-w-content" x-ref="innerBlocks"> <p class="has-fz-32-font-size"><strong>Mehr über zvoove Cockpit erfahren</strong></p> </div> </div> </div> </div> <div data-block="container" class="bg-cover has-midnight-background pt-10 ph:pt-6 pb-30 ph:pb-20 " id=""> <div class="flex flex-col gap-18 ph:gap-12 w-full " x-ref="innerBlocks"> <div x-data="videoSlider" class="video-slider" @keydown.escape.window="close()"> <div class="relative flex gap-6 ph:gap-4 overflow-auto" data-drag-text="" x-data="cardSlider"> <button @click="open(0)" class="dark relative shrink-0 aspect-video ph:aspect-[1.25/1] h-[30rem] ph:h-[15rem]"> <img loading="lazy" decoding="async" width="1640" height="957" src="https://zvoove.de/wp-content/uploads/2024/10/zvoove-cockpit-livestream.webp" class="w-full h-full object-cover rounded" alt="zvoove cockpit livestream" srcset="https://zvoove.de/wp-content/uploads/2024/10/zvoove-cockpit-livestream.webp 1640w, https://zvoove.de/wp-content/uploads/2024/10/zvoove-cockpit-livestream-300x175.webp 300w, https://zvoove.de/wp-content/uploads/2024/10/zvoove-cockpit-livestream-1024x598.webp 1024w, https://zvoove.de/wp-content/uploads/2024/10/zvoove-cockpit-livestream-768x448.webp 768w, https://zvoove.de/wp-content/uploads/2024/10/zvoove-cockpit-livestream-1536x896.webp 1536w" sizes="auto, (max-width: 1640px) 100vw, 1640px"/> <span class="absolute inset-0 bg-gradient-video rounded"></span> <span class="absolute flex top-8 ph:top-6 right-8 ph:right-6 px-8 ph:px-5 py-5 ph:py-3 button-hocus:bg-white border border-white rounded-full text-24 ph:text-16 button-hocus:text-midnight transition"> <i class="icon-play m-auto"></i> </span> <span class="absolute bottom-8 ph:bottom-6 left-8 ph:left-6 text-left font-semibold text-32 ph:text-14 pr-16">zvoove Cockpit: Die Zukunft von Recruiting und Vertrieb live erleben</span> </button> <a href="https://www.youtube.com/watch?v=qtGdezAQiXg" target="_blank" rel="noopener noreferrer" class="dark block relative shrink-0 aspect-video ph:aspect-[1.25/1] h-[30rem] ph:h-[15rem]"> <img loading="lazy" decoding="async" width="1280" height="720" src="https://zvoove.de/wp-content/uploads/2024/09/liebe-zeitarbeit-2024-09-zvoove-cockpit.jpg" class="w-full h-full object-cover rounded" alt="" srcset="https://zvoove.de/wp-content/uploads/2024/09/liebe-zeitarbeit-2024-09-zvoove-cockpit.jpg 1280w, https://zvoove.de/wp-content/uploads/2024/09/liebe-zeitarbeit-2024-09-zvoove-cockpit-300x169.jpg 300w, https://zvoove.de/wp-content/uploads/2024/09/liebe-zeitarbeit-2024-09-zvoove-cockpit-1024x576.jpg 1024w, https://zvoove.de/wp-content/uploads/2024/09/liebe-zeitarbeit-2024-09-zvoove-cockpit-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px"/> <span class="absolute inset-0 bg-gradient-video rounded"></span> <span class="absolute flex top-8 ph:top-6 right-8 ph:right-6 px-8 ph:px-5 py-5 ph:py-3 button-hocus:bg-white border border-white rounded-full text-24 ph:text-16 button-hocus:text-midnight transition"> <i class="icon-play m-auto"></i> </span> <span class="absolute bottom-8 ph:bottom-6 left-8 ph:left-6 text-left font-semibold text-32 ph:text-14 pr-16">Das neue Tool in der Zeitarbeit – zvoove Cockpit. Stefan Kramer & Mandy Wolf im Podcast „Liebe Zeitarbeit“.</span> </a> </div> <div x-show="isOpen" x-cloak class="fixed z-popup inset-0 ab:top-8 abm:ab:top-11.5 flex"> <div @click="close()" class="absolute inset-0 bg-black/60 transition-all duration-300" :class="{ 'opacity-0 invisible': !isVisible }"></div> <div x-ref="div" class="relative w-full h-full my-auto transition-all duration-300" :class="{ 'opacity-0 translate-y-8': !isVisible }"> <div x-ref="slider" class="swiper-container swiper-no-swiping flex h-full"> <div class="swiper-wrapper"> <div class="swiper-slide flex p-18 ph:p-6 overflow-y-auto"> <div data-vimeo="https://vimeo.com/1012329008/5db7b77b50" class="relative flex w-full h-full m-auto overflow-hidden pointer-events-none transition-all duration-300" :class="{ 'opacity-0 translate-y-8': !isVisible }"></div> </div> </div> <div class="prev absolute z-over top-1/2 left-8 -mt-5 transition-all duration-300" :class="{ 'opacity-0 -translate-y-4': !isVisible }"> <button @click="$dispatch('arrow-left')" class="flex w-10 h-10 hocus:bg-white border border-white rounded-full text-white hocus:text-midnight disabled:pointer-events-none disabled:opacity-50 transition"> <i class="icon-arrow-left m-auto text-18"></i> </button> </div> <div class="next absolute z-over top-1/2 right-8 -mt-5 transition-all duration-300" :class="{ 'opacity-0 -translate-y-4': !isVisible }"> <button @click="$dispatch('arrow-right')" class="flex w-10 h-10 hocus:bg-white border border-white rounded-full text-white hocus:text-midnight disabled:pointer-events-none disabled:opacity-50 transition"> <i class="icon-arrow-right m-auto text-18"></i> </button> </div> </div> </div> <div @click="close()" class="absolute z-over top-8 right-8 transition-all duration-300" :class="{ 'opacity-0 -translate-y-4': !isVisible }"> <button @click="$dispatch('close')" class="flex w-10 h-10 hocus:bg-white border border-white rounded-full text-white hocus:text-midnight disabled:pointer-events-none disabled:opacity-50 transition"> <i class="icon-close m-auto text-18"></i> </button> </div> </div> </div> </div> </div> <div data-block="container" class="bg-cover has-indigo-2-background pt-30 ph:pt-20 pb-30 ph:pb-20 " id=""> <div class="flex flex-col gap-18 ph:gap-12 container " x-ref="innerBlocks"> <div data-block="section-intro" class="flex tp:flex-col justify-between gap-6 mb-8 ph:mb-0"> <h2>Weitere digitale Prozessschritte in zvoove One</h2> <div class="empty:hidden prose max-w-[31.25rem] tl:max-w-[23rem] tp:max-w-none" x-ref="innerBlocks"> <p>Wir nehmen Sie mit in die Cloud. Bei diesen Prozessschritten unterstützen wir Sie.</p> </div> </div> <div data-block="buttons" class="buttons flex flex-wrap justify-start gap-4" x-ref="innerBlocks"> <a data-block="button" href="https://zvoove.de/zeitarbeit/crm-auftragsverwaltung" target="_self" class="ph:w-full "> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] px-8 border-midnight dark-bg:border-white button-hocus:shadow-button rounded-full text-midnight border font-normal dark-bg:text-white text-18 whitespace-nowrap transition"> Verwaltung </span></a> <a data-block="button" href="https://zvoove.de/zeitarbeit/disposition" target="_self" class="ph:w-full "> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] px-8 border-midnight dark-bg:border-white button-hocus:shadow-button rounded-full text-midnight border font-normal dark-bg:text-white text-18 whitespace-nowrap transition"> Disposition </span></a> <a data-block="button" href="https://zvoove.de/zeitarbeit/zeiterfassung" target="_self" class="ph:w-full "> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] px-8 border-midnight dark-bg:border-white button-hocus:shadow-button rounded-full text-midnight border font-normal dark-bg:text-white text-18 whitespace-nowrap transition"> Zeiterfassung </span></a> <a data-block="button" href="https://zvoove.de/zeitarbeit/rechnungsstellung" target="_self" class="ph:w-full "> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] px-8 border-midnight dark-bg:border-white button-hocus:shadow-button rounded-full text-midnight border font-normal dark-bg:text-white text-18 whitespace-nowrap transition"> Rechnungen </span></a> <a data-block="button" href="https://zvoove.de/zeitarbeit/lohnabrechnung" target="_self" class="ph:w-full "> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] px-8 border-midnight dark-bg:border-white button-hocus:shadow-button rounded-full text-midnight border font-normal dark-bg:text-white text-18 whitespace-nowrap transition"> Lohnabrechnung </span></a> <a data-block="button" href="https://zvoove.de/zeitarbeit/zvoove-analytics" target="_self" class="ph:w-full "> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] px-8 border-midnight dark-bg:border-white button-hocus:shadow-button rounded-full text-midnight border font-normal dark-bg:text-white text-18 whitespace-nowrap transition"> Analyse </span></a> </div> </div> </div> <div data-block="container" class="bg-cover has-default-background pt-30 ph:pt-20 pb-30 ph:pb-20 " id="form"> <div class="flex flex-col gap-18 ph:gap-12 container " x-ref="innerBlocks"> <div data-block="text" class="flex justify-start "> <div class="prose w-full max-w-content" x-ref="innerBlocks"> <p class="has-fz-56-font-size"><strong>Jetzt Kontakt aufnehmen</strong></p> </div> </div> <form class="form max-w-content flex justify-between flex-wrap -mt-14 children:mt-14 transition" x-data="hsForm" :disabled="disabled" @submit.prevent="submit" :class="{ 'disabled': disabled }" data-hs-guid="ea39a0bc-626d-4016-bf88-195f7b35dee9"> <input type="hidden" name="action" value="hs-form" hidden> <input type="hidden" name="formId" value="74991" hidden> <template x-if="formError" hidden> <div class="form-error w-full p-6 border border-signal-red rounded text-signal-red" x-html="formError"></div> </template> <template x-if="successMessage" hidden> <div class="success w-full p-6 border border rounded" x-html="successMessage"></div> </template> <div data-block="select" x-data x-id="['select']" class="select flex flex-col items-start w-[calc(50%-0.75rem)] ph:w-full"> <div class="relative w-full border-b border-gray-80 hover:border-midnight focus-within:border-midnight dark:border-white transition" :class="fieldErrors['salutation'] && '!border-signal-red'"> <select class="input block w-full h-14 pr-8 appearance-none bg-transparent border-none outline-none text-16 truncate" name="salutation" :id="$id('select')" @change="$el.value ? $el.setAttribute('data-has-value', '') : $el.removeAttribute('data-has-value')"> <option value selected disabled></option> <option value="Herr" class="dark:text-midnight">Herr</option> <option value="Frau" class="dark:text-midnight">Frau</option> <option value="Divers" class="dark:text-midnight">Divers</option> </select> <label class="absolute top-0 left-0 pointer-events-none text-16 leading-[3.5rem] transition-all" :for="$id('select')"> <span class="opacity-50">Anrede</span> <span class="text-signal-red">*</span> </label> <i class="icon-caret-down absolute top-1/2 right-0 pointer-events-none text-14 opacity-50 -translate-y-1/2"></i> </div> <span class="error inline-block mt-2 font-semibold text-signal-red text-14" x-show="fieldErrors['salutation']" x-text="fieldErrors['salutation']"></span> </div> <div data-block="text-input" x-data x-id="['text-input']" class="text-input flex flex-col items-start w-[calc(50%-0.75rem)] ph:w-full"> <div class="relative w-full border-b border-gray-80 dark:border-white hover:border-midnight focus-within:border-midnight transition" :class="fieldErrors['firstname'] && '!border-signal-red'"> <input class="input block w-full h-14 pt-4 bg-transparent border-none outline-none text-16 truncate" type="text" placeholder=" " name="firstname" :id="$id('text-input')" @focus="$dispatch('dirty')"> <label class="absolute top-4 left-0 pointer-events-none text-16 transition-all" :for="$id('text-input')"> <span class="opacity-50">Vorname</span> <span class="text-signal-red">*</span> </label> </div> <span class="error inline-block mt-2 font-semibold text-signal-red text-14" x-show="fieldErrors['firstname']" x-text="fieldErrors['firstname']"></span> </div> <div data-block="text-input" x-data x-id="['text-input']" class="text-input flex flex-col items-start w-[calc(50%-0.75rem)] ph:w-full"> <div class="relative w-full border-b border-gray-80 dark:border-white hover:border-midnight focus-within:border-midnight transition" :class="fieldErrors['lastname'] && '!border-signal-red'"> <input class="input block w-full h-14 pt-4 bg-transparent border-none outline-none text-16 truncate" type="text" placeholder=" " name="lastname" :id="$id('text-input')" @focus="$dispatch('dirty')"> <label class="absolute top-4 left-0 pointer-events-none text-16 transition-all" :for="$id('text-input')"> <span class="opacity-50">Nachname</span> <span class="text-signal-red">*</span> </label> </div> <span class="error inline-block mt-2 font-semibold text-signal-red text-14" x-show="fieldErrors['lastname']" x-text="fieldErrors['lastname']"></span> </div> <div data-block="text-input" x-data x-id="['text-input']" class="text-input flex flex-col items-start w-[calc(50%-0.75rem)] ph:w-full"> <div class="relative w-full border-b border-gray-80 dark:border-white hover:border-midnight focus-within:border-midnight transition" :class="fieldErrors['company'] && '!border-signal-red'"> <input class="input block w-full h-14 pt-4 bg-transparent border-none outline-none text-16 truncate" type="text" placeholder=" " name="company" :id="$id('text-input')" @focus="$dispatch('dirty')"> <label class="absolute top-4 left-0 pointer-events-none text-16 transition-all" :for="$id('text-input')"> <span class="opacity-50">Unternehmensname</span> <span class="text-signal-red">*</span> </label> </div> <span class="error inline-block mt-2 font-semibold text-signal-red text-14" x-show="fieldErrors['company']" x-text="fieldErrors['company']"></span> </div> <div data-block="text-input" x-data x-id="['text-input']" class="text-input flex flex-col items-start w-[calc(50%-0.75rem)] ph:w-full"> <div class="relative w-full border-b border-gray-80 dark:border-white hover:border-midnight focus-within:border-midnight transition" :class="fieldErrors['postleitzahl'] && '!border-signal-red'"> <input class="input block w-full h-14 pt-4 bg-transparent border-none outline-none text-16 truncate" type="text" placeholder=" " name="postleitzahl" :id="$id('text-input')" @focus="$dispatch('dirty')"> <label class="absolute top-4 left-0 pointer-events-none text-16 transition-all" :for="$id('text-input')"> <span class="opacity-50">Postleitzahl</span> <span class="text-signal-red">*</span> </label> </div> <span class="error inline-block mt-2 font-semibold text-signal-red text-14" x-show="fieldErrors['postleitzahl']" x-text="fieldErrors['postleitzahl']"></span> </div> <div data-block="text-input" x-data x-id="['text-input']" class="text-input flex flex-col items-start w-[calc(50%-0.75rem)] ph:w-full"> <div class="relative w-full border-b border-gray-80 dark:border-white hover:border-midnight focus-within:border-midnight transition" :class="fieldErrors['email'] && '!border-signal-red'"> <input class="input block w-full h-14 pt-4 bg-transparent border-none outline-none text-16 truncate" type="text" placeholder=" " name="email" :id="$id('text-input')" @focus="$dispatch('dirty')"> <label class="absolute top-4 left-0 pointer-events-none text-16 transition-all" :for="$id('text-input')"> <span class="opacity-50">E-Mail</span> <span class="text-signal-red">*</span> </label> </div> <span class="error inline-block mt-2 font-semibold text-signal-red text-14" x-show="fieldErrors['email']" x-text="fieldErrors['email']"></span> </div> <div data-block="text-input" x-data x-id="['text-input']" class="text-input flex flex-col items-start w-[calc(50%-0.75rem)] ph:w-full"> <div class="relative w-full border-b border-gray-80 dark:border-white hover:border-midnight focus-within:border-midnight transition" :class="fieldErrors['phone'] && '!border-signal-red'"> <input class="input block w-full h-14 pt-4 bg-transparent border-none outline-none text-16 truncate" type="text" placeholder=" " name="phone" :id="$id('text-input')" @focus="$dispatch('dirty')"> <label class="absolute top-4 left-0 pointer-events-none text-16 transition-all" :for="$id('text-input')"> <span class="opacity-50">Telefonnummer</span> <span class="text-signal-red">*</span> </label> </div> <span class="error inline-block mt-2 font-semibold text-signal-red text-14" x-show="fieldErrors['phone']" x-text="fieldErrors['phone']"></span> </div> <div data-block="text-input" x-data x-id="['text-input']" class="text-input flex flex-col items-start w-full ph:w-full"> <div class="relative w-full border-b border-gray-80 dark:border-white hover:border-midnight focus-within:border-midnight transition" :class="fieldErrors['weitere_angaben_des_kontaktes__sales_'] && '!border-signal-red'"> <textarea class="input block w-full min-h-14 mt-6 pb-2 resize-y bg-transparent border-none outline-none text-16" rows="4" placeholder="Beispielsweise: Welche Funktionen sind Ihnen besonders wichtig? Welche offenen Fragen haben Sie bereits?" name="weitere_angaben_des_kontaktes__sales_" :id="$id('text-input')"></textarea> <label class="absolute top-4 left-0 pointer-events-none text-16 transition-all" :for="$id('text-input')"> <span class="opacity-50">Haben Sie weitere Informationen für uns?</span> </label> </div> <span class="error inline-block mt-2 font-semibold text-signal-red text-14" x-show="fieldErrors['weitere_angaben_des_kontaktes__sales_']" x-text="fieldErrors['weitere_angaben_des_kontaktes__sales_']"></span> </div> <div data-block="checkbox" x-data x-id="['checkbox']" class="checkbox w-full"> <label :for="$id('checkbox')" class="flex gap-3"> <input type="checkbox" name="newsletter_checkbox__formulare_" :id="$id('checkbox')" class="peer sr-only"> <span data-checkbox class="shrink-0 flex w-5 h-5 border border-gray-80 dark:border-white rounded-1 peer-checked:border-midnight peer-hover:border-midnight peer-focus:border-midnight dark:peer-checked:border-white dark:peer-hover:border-white dark:peer-focus:border-white text-transparent peer-checked:text-midnight dark:peer-checked:text-white text-12 transition-all"> <i class="icon-check m-auto -translate-y-px"></i> </span> <span x-ref="innerBlocks" class="prose pt-px text-14"> Ich möchte zukünftig per E-Mail <strong>branchen- & produktrelevante</strong> Informationen erhalten. </span> </label> <span class="error inline-block mt-2 ml-8 font-semibold text-signal-red text-14" x-show="fieldErrors['newsletter_checkbox__formulare_']" x-text="fieldErrors['newsletter_checkbox__formulare_']"></span> </div> <div data-block="checkbox" x-data x-id="['checkbox']" class="checkbox w-full"> <label :for="$id('checkbox')" class="flex gap-3"> <input type="checkbox" name="datenschutz_checkbox" :id="$id('checkbox')" class="peer sr-only"> <span data-checkbox class="shrink-0 flex w-5 h-5 border border-gray-80 dark:border-white rounded-1 peer-checked:border-midnight peer-hover:border-midnight peer-focus:border-midnight dark:peer-checked:border-white dark:peer-hover:border-white dark:peer-focus:border-white text-transparent peer-checked:text-midnight dark:peer-checked:text-white text-12 transition-all"> <i class="icon-check m-auto -translate-y-px"></i> </span> <span x-ref="innerBlocks" class="prose pt-px text-14"> Mit dem Absenden des Formulars bestätige ich, die <a href="https://zvoove.de/datenschutzerklaerung" target="_blank" rel="noopener">Datenschutzhinweise</a> gelesen und akzeptiert zu haben. Sollte ich zusätzlich „Zum Newsletter anmelden“ ausgewählt haben, so erkläre ich mich einverstanden, Informationen zum Produktangebot der <a href="https://zvoove.de/ueber-uns" target="_blank" rel="noopener">zvoove Gruppe</a> per E-Mail zu erhalten. Die Einwilligung in den Erhalt des Newsletters und die damit verbundene Datenverarbeitung ist jederzeit frei widerruflich. </span> </label> <span class="error inline-block mt-2 ml-8 font-semibold text-signal-red text-14" x-show="fieldErrors['datenschutz_checkbox']" x-text="fieldErrors['datenschutz_checkbox']"></span> </div> <input hidden type="hidden" name="country" value="Deutschland"> <input hidden type="hidden" name="utm_source" value=""> <input hidden type="hidden" name="utm_medium" value=""> <div class="w-full"> <button class="w-full" type="submit"> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] px-8 bg-midnight dark-bg:bg-white button-hocus:shadow-button rounded-full font-normal dark-bg:text-midnight text-white text-18 whitespace-nowrap transition"> Kontakt aufnehmen </span> </button> <span class="block mt-3 text-12 opacity-50">* Pflichtfeld</span> </div> </form> </div> </div> <div data-block="container" class="bg-cover has-indigo-2-background pt-15 ph:pt-10 pb-15 ph:pb-10 " id=""> <div class="flex flex-col gap-18 ph:gap-12 w-full " x-ref="innerBlocks"> <div data-block="text" class="flex justify-center "> <div class="prose w-full max-w-content" x-ref="innerBlocks"> <p class="has-text-align-right has-fz-32-font-size"><strong>It’s a Match – mit zvoove Cockpit. </strong></p> </div> </div> <div data-block="responsive-image" class="w-full h-auto "> <picture> <source srcset="https://zvoove.de/wp-content/uploads/2023/10/shapes-desktop.svg" media="(orientation: landscape)" type="image/svg+xml"> <source srcset="https://zvoove.de/wp-content/uploads/2023/10/shapes-mobil.svg" media="(orientation: portrait)" type="image/svg+xml"> <img decoding="async" src="https://zvoove.de/wp-content/uploads/2023/10/shapes-desktop.svg" alt="zvoove Shapes" loading="lazy" class="block w-full h-auto"> </picture> </div> </div> </div> <div data-block="container" class="bg-cover has-default-background pt-30 ph:pt-20 pb-30 ph:pb-20 " id=""> <div class="flex flex-col gap-18 ph:gap-12 container " x-ref="innerBlocks"> <div data-block="section-intro" class="flex tp:flex-col justify-between gap-6 mb-8 ph:mb-0"> <h2>Das sollten Personaldienstleister über zvoove Cockpit wissen.</h2> <div class="empty:hidden prose max-w-[31.25rem] tl:max-w-[23rem] tp:max-w-none" x-ref="innerBlocks"> <p>Hier lesen Sie, was zvoove Cockpit ist und warum Sie es brauchen.</p> </div> </div> <div data-block="accordeon" class=""> <div x-ref="innerBlocks" class="divide-y border-y"> <div data-block="toggle" x-data="toggle" data-open="1" class="flex flex-col py-10"> <button @click="isOpen = !isOpen" class="flex items-center justify-between w-full text-left"> <strong class="text-24 ph:text-16 font-semibold">Ist zvoove Cockpit eine neue Software?</strong> <span :class="{ 'after:scale-y-100': !isOpen, 'after:scale-y-0': isOpen, }" class="shrink-0 relative w-5 h-5 before:absolute before:top-1/2 before:left-1/2 before:w-full before:h-0.75 before:bg-midnight before:rounded before:-translate-x-1/2 before:-translate-y-1/2 after:absolute after:top-1/2 after:left-1/2 after:w-0.75 after:h-full after:bg-midnight after:rounded after:-translate-x-1/2 after:-translate-y-1/2 after:transition-all"></span> </button> <div x-ref="content" class="overflow-hidden transition-all duration-500" x-cloak :style="{ height: initialized && resizeCounter && isOpen ? `${$refs.content.scrollHeight}px` : 0 }"> <div x-ref="innerBlocks" class="prose grid grid-cols-1 gap-6 mt-6"> <div data-block="text" class="flex justify-start "> <div class="prose w-full max-w-content" x-ref="innerBlocks"> <p>zvoove Cockpit steckt nicht mehr in den Kinderschuhen, sondern ist eine voll ausgereifte, jahrelang erprobte und weiterentwickelte Software: Sie wurde ursprünglich von RecruitNow, einem Unternehmen aus den Niederlanden, für den niederländischen Markt entwickelt und ist dort seit vielen Jahren erfolgreich bei <strong>Tausenden</strong> von Anwendern im Einsatz. Erfolgreich meint: Sie hat den dortigen Personaldienstleistern nachweislich Wachstum beschert. </p> <p>RecruitNow ist seit 2023 Teil von zvoove. Aufgrund des riesigen Erfolgs in den Niederlanden wird zvoove Cockpit nun auch in Deutschland angeboten, wo die leistungsstarke Kombination aus ATS und CRM für Personaldienstleister bis zu diesem Zeitpunkt noch nicht existierte. Natürlich mit allen wichtigen Schnittstellen und regulatorischen Feinheiten, die es hierzulande benötigt. </p> </div> </div> </div> </div> </div> <div data-block="toggle" x-data="toggle" data-open="0" class="flex flex-col py-10"> <button @click="isOpen = !isOpen" class="flex items-center justify-between w-full text-left"> <strong class="text-24 ph:text-16 font-semibold">Ist ein Applicant Tracking System (ATS) eine Software für Bewerbungen?</strong> <span :class="{ 'after:scale-y-100': !isOpen, 'after:scale-y-0': isOpen, }" class="shrink-0 relative w-5 h-5 before:absolute before:top-1/2 before:left-1/2 before:w-full before:h-0.75 before:bg-midnight before:rounded before:-translate-x-1/2 before:-translate-y-1/2 after:absolute after:top-1/2 after:left-1/2 after:w-0.75 after:h-full after:bg-midnight after:rounded after:-translate-x-1/2 after:-translate-y-1/2 after:transition-all"></span> </button> <div x-ref="content" class="overflow-hidden transition-all duration-500" x-cloak :style="{ height: initialized && resizeCounter && isOpen ? `${$refs.content.scrollHeight}px` : 0 }"> <div x-ref="innerBlocks" class="prose grid grid-cols-1 gap-6 mt-6"> <div data-block="text" class="flex justify-start "> <div class="prose w-full max-w-content" x-ref="innerBlocks"> <p>Ein ATS ist mehr als das – es ist eine Softwarelösung, die den gesamten Prozess der Personalbeschaffung effizient verwaltet. Die Software optimiert das Bewerbermanagement und beschleunigt die Besetzung offener Vakanzen erheblich. Sie verfolgt sämtliche Aktivitäten der Rekrutierung, angefangen bei der Online-Veröffentlichung von Jobangeboten bis hin zur Zusage an den Kandidaten. Zu den Hauptaufgaben eines ATS gehören die Erstellung und Veröffentlichung von Stellenausschreibungen sowie die Suche und Platzierung von Talenten. </p> </div> </div> </div> </div> </div> <div data-block="toggle" x-data="toggle" data-open="0" class="flex flex-col py-10"> <button @click="isOpen = !isOpen" class="flex items-center justify-between w-full text-left"> <strong class="text-24 ph:text-16 font-semibold">Wie integriert zvoove Cockpit CRM in den Recruiting-Prozess?</strong> <span :class="{ 'after:scale-y-100': !isOpen, 'after:scale-y-0': isOpen, }" class="shrink-0 relative w-5 h-5 before:absolute before:top-1/2 before:left-1/2 before:w-full before:h-0.75 before:bg-midnight before:rounded before:-translate-x-1/2 before:-translate-y-1/2 after:absolute after:top-1/2 after:left-1/2 after:w-0.75 after:h-full after:bg-midnight after:rounded after:-translate-x-1/2 after:-translate-y-1/2 after:transition-all"></span> </button> <div x-ref="content" class="overflow-hidden transition-all duration-500" x-cloak :style="{ height: initialized && resizeCounter && isOpen ? `${$refs.content.scrollHeight}px` : 0 }"> <div x-ref="innerBlocks" class="prose grid grid-cols-1 gap-6 mt-6"> <div data-block="text" class="flex justify-start "> <div class="prose w-full max-w-content" x-ref="innerBlocks"> <p>Das CRM (Customer Relationship Management) in zvoove Cockpit hilft, Kundenbeziehungen zu pflegen und zu verwalten. Es speichert alle Interaktionen mit und Daten zu Ihren Kunden an einem zentralen Ort. In Kombination mit dem ATS ermöglicht die Software, sowohl Kandidaten bzw. Mitarbeitende als auch Kunden effektiv zu verwalten und den gesamten Vertriebsprozess zu optimieren, indem es Kunden und Talente auf den perfekten Match abgleicht. </p> </div> </div> </div> </div> </div> <div data-block="toggle" x-data="toggle" data-open="0" class="flex flex-col py-10"> <button @click="isOpen = !isOpen" class="flex items-center justify-between w-full text-left"> <strong class="text-24 ph:text-16 font-semibold">Wie verbessert zvoove Cockpit die Effizienz und Genauigkeit im Bewerbermanagement?</strong> <span :class="{ 'after:scale-y-100': !isOpen, 'after:scale-y-0': isOpen, }" class="shrink-0 relative w-5 h-5 before:absolute before:top-1/2 before:left-1/2 before:w-full before:h-0.75 before:bg-midnight before:rounded before:-translate-x-1/2 before:-translate-y-1/2 after:absolute after:top-1/2 after:left-1/2 after:w-0.75 after:h-full after:bg-midnight after:rounded after:-translate-x-1/2 after:-translate-y-1/2 after:transition-all"></span> </button> <div x-ref="content" class="overflow-hidden transition-all duration-500" x-cloak :style="{ height: initialized && resizeCounter && isOpen ? `${$refs.content.scrollHeight}px` : 0 }"> <div x-ref="innerBlocks" class="prose grid grid-cols-1 gap-6 mt-6"> <div data-block="text" class="flex justify-start "> <div class="prose w-full max-w-content" x-ref="innerBlocks"> <p>Durch die Kombination von ATS und CRM in einer einzigen Softwarelösung. Diese Integration ermöglicht eine automatisierte Zuordnung von Bewerbenden bzw. Mitarbeitenden zu Vakanzen, was den Prozess beschleunigt und manuelle Fehler reduziert. Das System bietet Echtzeit-Datenverarbeitung, die eine kontinuierliche Überprüfung und Optimierung der Prozesse ermöglicht. Zudem werden aktuelle Arbeitsmarktdaten integriert, wodurch proaktiv passende Stellen vorgeschlagen werden können, selbst wenn keine direkten Übereinstimmungen im System vorhanden sind. Diese Funktionen tragen zu einer höheren Effizienz und Genauigkeit bei der Verwaltung von Bewerbungen und der Besetzung offener Positionen bei. </p> </div> </div> </div> </div> </div> <div data-block="toggle" x-data="toggle" data-open="0" class="flex flex-col py-10"> <button @click="isOpen = !isOpen" class="flex items-center justify-between w-full text-left"> <strong class="text-24 ph:text-16 font-semibold">Welche Vorteile bietet die Kombination aus ATS und CRM in zvoove Cockpit für Personaldienstleister?</strong> <span :class="{ 'after:scale-y-100': !isOpen, 'after:scale-y-0': isOpen, }" class="shrink-0 relative w-5 h-5 before:absolute before:top-1/2 before:left-1/2 before:w-full before:h-0.75 before:bg-midnight before:rounded before:-translate-x-1/2 before:-translate-y-1/2 after:absolute after:top-1/2 after:left-1/2 after:w-0.75 after:h-full after:bg-midnight after:rounded after:-translate-x-1/2 after:-translate-y-1/2 after:transition-all"></span> </button> <div x-ref="content" class="overflow-hidden transition-all duration-500" x-cloak :style="{ height: initialized && resizeCounter && isOpen ? `${$refs.content.scrollHeight}px` : 0 }"> <div x-ref="innerBlocks" class="prose grid grid-cols-1 gap-6 mt-6"> <div data-block="text" class="flex justify-start "> <div class="prose w-full max-w-content" x-ref="innerBlocks"> <p>Die Kombination von ATS und CRM in zvoove Cockpit steigert die Effizienz durch die automatisierte Zuordnung von Kandidaten zu Vakanzen und umgekehrt. Das spart Zeit und Aufwand. Der Vertriebsprozess wird optimiert und die kontinuierliche Überprüfung von Vermittlungen und Aufträgen ermöglicht eine hohe Erfolgsquote. Proaktive Stellenvorschläge basierend auf aktuellen Arbeitsmarktdaten maximieren die Vermittlungserfolge zusätzlich. Durch die nahtlose Integration in die zvoove Software entfällt zudem die doppelte Datenpflege, was wiederum erhebliche Zeitersparnisse bringt. Das benutzerfreundliche, intuitive Dashboard erleichtert die schnelle Einarbeitung und Nutzung, während Echtzeit-Daten und Analysen strategische Einblicke bieten, die die Arbeitsqualität und Entscheidungsfindung verbessern. Diese Vorteile machen zvoove Cockpit zu einer einzigartigen und leistungsstarken Lösung für Personaldienstleister. </p> </div> </div> </div> </div> </div> <div data-block="toggle" x-data="toggle" data-open="0" class="flex flex-col py-10"> <button @click="isOpen = !isOpen" class="flex items-center justify-between w-full text-left"> <strong class="text-24 ph:text-16 font-semibold">Wie hilft mir zvoove Cockpit, die besten Talente für meine Kunden zu finden? </strong> <span :class="{ 'after:scale-y-100': !isOpen, 'after:scale-y-0': isOpen, }" class="shrink-0 relative w-5 h-5 before:absolute before:top-1/2 before:left-1/2 before:w-full before:h-0.75 before:bg-midnight before:rounded before:-translate-x-1/2 before:-translate-y-1/2 after:absolute after:top-1/2 after:left-1/2 after:w-0.75 after:h-full after:bg-midnight after:rounded after:-translate-x-1/2 after:-translate-y-1/2 after:transition-all"></span> </button> <div x-ref="content" class="overflow-hidden transition-all duration-500" x-cloak :style="{ height: initialized && resizeCounter && isOpen ? `${$refs.content.scrollHeight}px` : 0 }"> <div x-ref="innerBlocks" class="prose grid grid-cols-1 gap-6 mt-6"> <div data-block="text" class="flex justify-start "> <div class="prose w-full max-w-content" x-ref="innerBlocks"> <p>zvoove Cockpit nutzt KI-gestützte Matching-Algorithmen, um die besten Kandidaten für Ihre offenen Stellen zu finden. Die Software analysiert die Qualifikationen der Kandidaten bzw. verfügbaren Mitarbeitenden und vergleicht sie mit den Anforderungen der Stellen, die Sie besetzen möchten. Dies spart Zeit und erhöht die Qualität Ihrer Vermittlungen. </p> </div> </div> </div> </div> </div> <div data-block="toggle" x-data="toggle" data-open="0" class="flex flex-col py-10"> <button @click="isOpen = !isOpen" class="flex items-center justify-between w-full text-left"> <strong class="text-24 ph:text-16 font-semibold">Kann zvoove Cockpit bei der Stellenvermittlung helfen, wenn keine passenden Stellen im System vorhanden sind? </strong> <span :class="{ 'after:scale-y-100': !isOpen, 'after:scale-y-0': isOpen, }" class="shrink-0 relative w-5 h-5 before:absolute before:top-1/2 before:left-1/2 before:w-full before:h-0.75 before:bg-midnight before:rounded before:-translate-x-1/2 before:-translate-y-1/2 after:absolute after:top-1/2 after:left-1/2 after:w-0.75 after:h-full after:bg-midnight after:rounded after:-translate-x-1/2 after:-translate-y-1/2 after:transition-all"></span> </button> <div x-ref="content" class="overflow-hidden transition-all duration-500" x-cloak :style="{ height: initialized && resizeCounter && isOpen ? `${$refs.content.scrollHeight}px` : 0 }"> <div x-ref="innerBlocks" class="prose grid grid-cols-1 gap-6 mt-6"> <div data-block="text" class="flex justify-start "> <div class="prose w-full max-w-content" x-ref="innerBlocks"> <p>Ja, zvoove Cockpit kann bei der proaktiven Stellenvermittlung helfen, selbst wenn keine passenden Stellen im System vorhanden sind. Die Software nutzt aktuelle Arbeitsmarktdaten, um proaktiv Stellen vorzuschlagen, die für die Kandidaten geeignet sind. Dies ermöglicht eine kontinuierliche Vermittlung und erhöht die Chancen auf erfolgreiche Platzierungen. </p> </div> </div> </div> </div> </div> <div data-block="toggle" x-data="toggle" data-open="0" class="flex flex-col py-10"> <button @click="isOpen = !isOpen" class="flex items-center justify-between w-full text-left"> <strong class="text-24 ph:text-16 font-semibold">Wie unterstützt die KI-gestützte Technologie in zvoove Cockpit? </strong> <span :class="{ 'after:scale-y-100': !isOpen, 'after:scale-y-0': isOpen, }" class="shrink-0 relative w-5 h-5 before:absolute before:top-1/2 before:left-1/2 before:w-full before:h-0.75 before:bg-midnight before:rounded before:-translate-x-1/2 before:-translate-y-1/2 after:absolute after:top-1/2 after:left-1/2 after:w-0.75 after:h-full after:bg-midnight after:rounded after:-translate-x-1/2 after:-translate-y-1/2 after:transition-all"></span> </button> <div x-ref="content" class="overflow-hidden transition-all duration-500" x-cloak :style="{ height: initialized && resizeCounter && isOpen ? `${$refs.content.scrollHeight}px` : 0 }"> <div x-ref="innerBlocks" class="prose grid grid-cols-1 gap-6 mt-6"> <div data-block="text" class="flex justify-start "> <div class="prose w-full max-w-content" x-ref="innerBlocks"> <p>Die KI-gestützte Technologie in zvoove Cockpit unterstützt beim Erstellen von Texten aller Art, einschließlich Stellenausschreibungen und E-Mails, wodurch der Prozess effizienter und konsistenter wird. Automatisch generierte, optimierte Texte sparen Zeit und erhöhen die Qualität der Kommunikation. Zudem helfen KI-gestützte Matching-Algorithmen, die besten Kandidaten für offene Vakanzen zu finden. </p> </div> </div> </div> </div> </div> <div data-block="toggle" x-data="toggle" data-open="0" class="flex flex-col py-10"> <button @click="isOpen = !isOpen" class="flex items-center justify-between w-full text-left"> <strong class="text-24 ph:text-16 font-semibold">Kann ich mit zvoove Cockpit auch neue Kunden gewinnen?</strong> <span :class="{ 'after:scale-y-100': !isOpen, 'after:scale-y-0': isOpen, }" class="shrink-0 relative w-5 h-5 before:absolute before:top-1/2 before:left-1/2 before:w-full before:h-0.75 before:bg-midnight before:rounded before:-translate-x-1/2 before:-translate-y-1/2 after:absolute after:top-1/2 after:left-1/2 after:w-0.75 after:h-full after:bg-midnight after:rounded after:-translate-x-1/2 after:-translate-y-1/2 after:transition-all"></span> </button> <div x-ref="content" class="overflow-hidden transition-all duration-500" x-cloak :style="{ height: initialized && resizeCounter && isOpen ? `${$refs.content.scrollHeight}px` : 0 }"> <div x-ref="innerBlocks" class="prose grid grid-cols-1 gap-6 mt-6"> <div data-block="text" class="flex justify-start "> <div class="prose w-full max-w-content" x-ref="innerBlocks"> <p>Ja, zvoove Cockpit unterstützt Sie nicht nur bei der Verwaltung bestehender Kunden, sondern auch bei der Akquise neuer Kunden. Durch die Integration aktueller Arbeitsmarktdaten und die proaktive Suche nach passenden Stellen für Ihre einsatzfreien Mitarbeitenden trägt die Software zur Erweiterung Ihrer Vertriebsmöglichkeiten bei. </p> </div> </div> </div> </div> </div> <div data-block="toggle" x-data="toggle" data-open="0" class="flex flex-col py-10"> <button @click="isOpen = !isOpen" class="flex items-center justify-between w-full text-left"> <strong class="text-24 ph:text-16 font-semibold">Wie erleichtert zvoove Cockpit die Datenpflege?</strong> <span :class="{ 'after:scale-y-100': !isOpen, 'after:scale-y-0': isOpen, }" class="shrink-0 relative w-5 h-5 before:absolute before:top-1/2 before:left-1/2 before:w-full before:h-0.75 before:bg-midnight before:rounded before:-translate-x-1/2 before:-translate-y-1/2 after:absolute after:top-1/2 after:left-1/2 after:w-0.75 after:h-full after:bg-midnight after:rounded after:-translate-x-1/2 after:-translate-y-1/2 after:transition-all"></span> </button> <div x-ref="content" class="overflow-hidden transition-all duration-500" x-cloak :style="{ height: initialized && resizeCounter && isOpen ? `${$refs.content.scrollHeight}px` : 0 }"> <div x-ref="innerBlocks" class="prose grid grid-cols-1 gap-6 mt-6"> <div data-block="text" class="flex justify-start "> <div class="prose w-full max-w-content" x-ref="innerBlocks"> <p>Mit zvoove Cockpit müssen Sie Daten nur einmal eingeben. Die Software synchronisiert diese Daten automatisch zwischen ATS und CRM sowie mit Ihrer verbundenen zvoove Software in Echtzeit. Das eliminiert doppelte Datenpflege, reduziert Fehler und spart Zeit. </p> </div> </div> </div> </div> </div> <div data-block="toggle" x-data="toggle" data-open="0" class="flex flex-col py-10"> <button @click="isOpen = !isOpen" class="flex items-center justify-between w-full text-left"> <strong class="text-24 ph:text-16 font-semibold">Welche Reporting-Funktionen bietet zvoove Cockpit?</strong> <span :class="{ 'after:scale-y-100': !isOpen, 'after:scale-y-0': isOpen, }" class="shrink-0 relative w-5 h-5 before:absolute before:top-1/2 before:left-1/2 before:w-full before:h-0.75 before:bg-midnight before:rounded before:-translate-x-1/2 before:-translate-y-1/2 after:absolute after:top-1/2 after:left-1/2 after:w-0.75 after:h-full after:bg-midnight after:rounded after:-translate-x-1/2 after:-translate-y-1/2 after:transition-all"></span> </button> <div x-ref="content" class="overflow-hidden transition-all duration-500" x-cloak :style="{ height: initialized && resizeCounter && isOpen ? `${$refs.content.scrollHeight}px` : 0 }"> <div x-ref="innerBlocks" class="prose grid grid-cols-1 gap-6 mt-6"> <div data-block="text" class="flex justify-start "> <div class="prose w-full max-w-content" x-ref="innerBlocks"> <p>zvoove Cockpit bietet umfassende Reporting- und Analysetools, die Ihnen Echtzeit-Einblicke in Ihre Recruiting- und Vertriebsprozesse geben. Sie können wichtige Kennzahlen und Trends verfolgen, um fundierte Entscheidungen zu treffen und Ihre Arbeitsqualität kontinuierlich zu verbessern. </p> </div> </div> </div> </div> </div> <div data-block="toggle" x-data="toggle" data-open="0" class="flex flex-col py-10"> <button @click="isOpen = !isOpen" class="flex items-center justify-between w-full text-left"> <strong class="text-24 ph:text-16 font-semibold">Welche Anpassungsmöglichkeiten bietet zvoove Cockpit für den individuellen Vertriebsprozess in der Personaldienstleistung?</strong> <span :class="{ 'after:scale-y-100': !isOpen, 'after:scale-y-0': isOpen, }" class="shrink-0 relative w-5 h-5 before:absolute before:top-1/2 before:left-1/2 before:w-full before:h-0.75 before:bg-midnight before:rounded before:-translate-x-1/2 before:-translate-y-1/2 after:absolute after:top-1/2 after:left-1/2 after:w-0.75 after:h-full after:bg-midnight after:rounded after:-translate-x-1/2 after:-translate-y-1/2 after:transition-all"></span> </button> <div x-ref="content" class="overflow-hidden transition-all duration-500" x-cloak :style="{ height: initialized && resizeCounter && isOpen ? `${$refs.content.scrollHeight}px` : 0 }"> <div x-ref="innerBlocks" class="prose grid grid-cols-1 gap-6 mt-6"> <div data-block="text" class="flex justify-start "> <div class="prose w-full max-w-content" x-ref="innerBlocks"> <p>zvoove Cockpit bietet zahlreiche Anpassungsmöglichkeiten. Die einzigartige Kombination aus ATS und CRM unterstützt den Aufbau eines strukturierten Vertriebsprozesses für Ihr Unternehmen. Nutzer:innen können kontinuierlich überprüfen, welche Kunden und Kandidaten zu erfolgreichen Vermittlungen führen und bei Bedarf Anpassungen vornehmen. </p> <p>Das System integriert zudem aktuelle Arbeitsmarktdaten, um proaktiv passende Stellen vorzuschlagen, selbst wenn keine direkten Übereinstimmungen vorhanden sind. Echtzeit-Daten und Analysen liefern wertvolle Einblicke und strategische Auswertungen, die Ihnen helfen, den Vertriebsprozess weiter zu optimieren und die Effizienz zu maximieren.</p> <p>Diese Funktionen ermöglichen es, Vertriebsstrategien flexibel und effektiv zu gestalten und auf Ihre spezifischen Geschäftsanforderungen anzupassen.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div data-block="container" class="bg-cover has-default-background pt-30 ph:pt-20 pb-30 ph:pb-20 " id=""> <div class="flex flex-col gap-18 ph:gap-12 container " x-ref="innerBlocks"> <div data-block="text" class="flex justify-start "> <div class="prose w-full max-w-content" x-ref="innerBlocks"> <p>*Niederländische Kunden, die die ERP-Software HelloFlex mit Cockpit nutzen, verzeichneten im Vergleich zu denen, die Cockpit nicht nutzen, signifikante Erfolge: 89 % dieser Kunden steigerten ihre fakturierten Stunden innerhalb der ersten 12 Monate um 11 %, und 78 % erhöhten ihren Umsatz um durchschnittlich 11 %. Gemessen durch das Experten-Team der zvoove Quality Assurance. <br><br>**Basierend auf Kundenfeedback: Durch die Automatisierung vieler Prozesse sparen Cockpit-Kunden bis zu 1,5 Stunden pro Tag, während sich die Zeit zwischen dem Matching und der Auszahlung um etwa 40% verkürzt.</p> </div> </div> </div> </div> <div data-twig="partials/footer" x-data="footer" class="dark bg-midnight pt-30 ph:pt-20 pb-16"> <div class="container flex flex-col"> <div class="grid grid-cols-4 tl:grid-cols-2 ph:grid-cols-1 gap-6 tl:gap-y-12 ph:gap-2 font-narrow"> <div class="flex flex-col gap-2 ph:gap-6"> <button @click="open[0] = !open[0]" data-index="0" class="flex justify-between items-center cursor-default ph:w-full text-24"> <span class="font-semibold">Lösungen für</span> <i class="hidden ph:inline-block icon-caret-down text-16" :class="open[0] && 'rotate-180'"></i> </button> <ul x-bind="groupItems" data-index="0" class="overflow-hidden space-y-2 ph:space-y-4 font-strong ph:font-normal tracking-normal transition-all duration-400"> <li> <a class="hocus:text-indigo-20 transition" href="https://zvoove.de/zeitarbeit/software" target="_self"> Personaldienstleistung </a> </li> <li> <a class="hocus:text-indigo-20 transition" href="https://zvoove.de/gebaeudedienstleistung/software" target="_self"> Gebäudedienstleistung </a> </li> </ul> </div> <div class="flex flex-col gap-2 ph:gap-6"> <button @click="open[1] = !open[1]" data-index="1" class="flex justify-between items-center cursor-default ph:w-full text-24"> <span class="font-semibold">Services</span> <i class="hidden ph:inline-block icon-caret-down text-16" :class="open[1] && 'rotate-180'"></i> </button> <ul x-bind="groupItems" data-index="1" class="overflow-hidden space-y-2 ph:space-y-4 font-strong ph:font-normal tracking-normal transition-all duration-400"> <li> <a class="hocus:text-indigo-20 transition" href="https://zvoove.de/services/professional-services" target="_self"> Professional Services </a> </li> <li> <a class="hocus:text-indigo-20 transition" href="https://zvoove.de/services/managed-payroll" target="_self"> Managed Payroll </a> </li> </ul> </div> <div class="flex flex-col gap-2 ph:gap-6"> <button @click="open[2] = !open[2]" data-index="2" class="flex justify-between items-center cursor-default ph:w-full text-24"> <span class="font-semibold">Über uns</span> <i class="hidden ph:inline-block icon-caret-down text-16" :class="open[2] && 'rotate-180'"></i> </button> <ul x-bind="groupItems" data-index="2" class="overflow-hidden space-y-2 ph:space-y-4 font-strong ph:font-normal tracking-normal transition-all duration-400"> <li> <a class="hocus:text-indigo-20 transition" href="https://zvoove.de/ueber-uns" target="_self"> Über zvoove </a> </li> <li> <a class="hocus:text-indigo-20 transition" href="https://zvoove.de/partner" target="_self"> Partner </a> </li> <li> <a class="hocus:text-indigo-20 transition" href="https://zvoove.de/kontakt" target="_self"> Kontakt </a> </li> <li> <a class="hocus:text-indigo-20 transition" href="https://zvoove.de/presse" target="_self"> Presse </a> </li> <li> <a class="hocus:text-indigo-20 transition" href="https://hubs.ly/Q02DRjJ10" target="_blank"> zCom </a> </li> </ul> </div> <div class="flex flex-col gap-2 ph:gap-6"> <button @click="open[3] = !open[3]" data-index="3" class="flex justify-between items-center cursor-default ph:w-full text-24"> <span class="font-semibold">Karriere</span> <i class="hidden ph:inline-block icon-caret-down text-16" :class="open[3] && 'rotate-180'"></i> </button> <ul x-bind="groupItems" data-index="3" class="overflow-hidden space-y-2 ph:space-y-4 font-strong ph:font-normal tracking-normal transition-all duration-400"> <li> <a class="hocus:text-indigo-20 transition" href="https://zvoove.de/karriere" target="_self"> Arbeiten bei zvoove </a> </li> <li> <a class="hocus:text-indigo-20 transition" href="https://zvoove.de/karriere/offene-stellen" target="_self"> Offene Stellen </a> </li> <li> <a class="hocus:text-indigo-20 transition" href="https://zvoove.de/karriere/arbeiten-im-customer-success" target="_self"> Arbeiten im Customer Success </a> </li> <li> <a class="hocus:text-indigo-20 transition" href="https://zvoove.de/karriere/arbeiten-in-der-entwicklung" target="_self"> Arbeiten in der Entwicklung </a> </li> </ul> </div> </div> <div class="flex tp:flex-col justify-between gap-5 tp:gap-20 mt-20"> <div class="flex flex-col gap-5"> <span class="text-24 font-semibold max-w-[16rem]">Immer Up To Date –<br/>der zvoove Newsletter</span> <form @submit.prevent="subscribe($event)" x-data="newsletterForm" :disabled="disabled"> <input type="hidden" name="action" value="hs-form" hidden> <input type="hidden" name="formId" value="39596" hidden> <input type="hidden" name="country" value="Deutschland" hidden> <input type="hidden" name="utm_source" value="" hidden> <input type="hidden" name="utm_medium" value="" hidden> <template x-if="!successMessage"> <div class="flex flex-col space-y-6"> <div class="flex ph:flex-col items-end ph:items-start gap-8"> <div class="w-full max-w-[22.5rem] ph:max-w-full" @dirty="dirty = true"> <div data-block="text-input" x-data x-id="['text-input']" class="text-input flex flex-col items-start w-full ph:w-full"> <div class="relative w-full border-b border-gray-80 dark:border-white hover:border-midnight focus-within:border-midnight transition" :class="fieldErrors['email'] && '!border-signal-red'"> <input class="input block w-full h-14 pt-4 bg-transparent border-none outline-none text-16 truncate" type="email" placeholder=" " name="email" :id="$id('text-input')" @focus="$dispatch('dirty')"> <label class="absolute top-4 left-0 pointer-events-none text-16 transition-all" :for="$id('text-input')"> <span class="opacity-50">Ihre E-Mail Adresse</span> </label> </div> <span class="error inline-block mt-2 font-semibold text-signal-red text-14" x-show="fieldErrors['email']" x-text="fieldErrors['email']"></span> </div> </div> <div x-show="dirty" class="hidden ph:block w-full"> <div data-block="select" x-data x-id="['select']" class="select flex flex-col items-start w-full ph:w-full"> <div class="relative w-full border-b border-gray-80 hover:border-midnight focus-within:border-midnight dark:border-white transition" :class="fieldErrors['ihre_branche'] && '!border-signal-red'"> <select class="input block w-full h-14 pr-8 appearance-none bg-transparent border-none outline-none text-16 truncate" name="ihre_branche" :id="$id('select')" @change="$el.value ? $el.setAttribute('data-has-value', '') : $el.removeAttribute('data-has-value')"> <option value selected disabled></option> <option value="Personaldienstleistung" class="dark:text-midnight">Personaldienstleistung</option> <option value="Gebäudedienstleistung" class="dark:text-midnight">Gebäudedienstleistung</option> <option value="Andere Branche" class="dark:text-midnight">Andere Branche</option> </select> <label class="absolute top-0 left-0 pointer-events-none text-16 leading-[3.5rem] transition-all" :for="$id('select')"> <span class="opacity-50">Ihre Branche </span> </label> <i class="icon-caret-down absolute top-1/2 right-0 pointer-events-none text-14 opacity-50 -translate-y-1/2"></i> </div> <span class="error inline-block mt-2 font-semibold text-signal-red text-14" x-show="fieldErrors['ihre_branche']" x-text="fieldErrors['ihre_branche']"></span> </div> </div> <button type="submit" class="ph:w-full"> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-10 pt-[0.2em] px-8 border-midnight dark-bg:border-white button-hocus:shadow-button rounded-full text-midnight border font-normal dark-bg:text-white text-12 whitespace-nowrap transition"> Jetzt anmelden </span> </button> </div> <div x-show="dirty" class="ph:hidden max-w-[22.5rem] ph:max-w-full"> <div data-block="select" x-data x-id="['select']" class="select flex flex-col items-start w-full ph:w-full"> <div class="relative w-full border-b border-gray-80 hover:border-midnight focus-within:border-midnight dark:border-white transition" :class="fieldErrors['ihre_branche'] && '!border-signal-red'"> <select class="input block w-full h-14 pr-8 appearance-none bg-transparent border-none outline-none text-16 truncate" name="ihre_branche" :id="$id('select')" @change="$el.value ? $el.setAttribute('data-has-value', '') : $el.removeAttribute('data-has-value')"> <option value selected disabled></option> <option value="Personaldienstleistung" class="dark:text-midnight">Personaldienstleistung</option> <option value="Gebäudedienstleistung" class="dark:text-midnight">Gebäudedienstleistung</option> <option value="Andere Branche" class="dark:text-midnight">Andere Branche</option> </select> <label class="absolute top-0 left-0 pointer-events-none text-16 leading-[3.5rem] transition-all" :for="$id('select')"> <span class="opacity-50">Ihre Branche </span> </label> <i class="icon-caret-down absolute top-1/2 right-0 pointer-events-none text-14 opacity-50 -translate-y-1/2"></i> </div> <span class="error inline-block mt-2 font-semibold text-signal-red text-14" x-show="fieldErrors['ihre_branche']" x-text="fieldErrors['ihre_branche']"></span> </div> </div> <div class="max-w-[32rem]"> <div data-block="checkbox" x-data x-id="['checkbox']" class="checkbox w-full"> <label :for="$id('checkbox')" class="flex gap-3"> <input type="checkbox" name="datenschutz_checkbox" :id="$id('checkbox')" class="peer sr-only"> <span data-checkbox class="shrink-0 flex w-5 h-5 border border-gray-80 dark:border-white rounded-1 peer-checked:border-midnight peer-hover:border-midnight peer-focus:border-midnight dark:peer-checked:border-white dark:peer-hover:border-white dark:peer-focus:border-white text-transparent peer-checked:text-midnight dark:peer-checked:text-white text-12 transition-all"> <i class="icon-check m-auto -translate-y-px"></i> </span> <span x-ref="innerBlocks" class="prose pt-px text-14"> <InnerBlocks allowedBlocks="["core\/paragraph"]"/> Mit der Anmeldung zum Newsletter erkläre ich mich einverstanden, Informationen zum Produktangebot der <a href="https://zvoove.de/ueber-uns" target="_blank" rel="noopener">zvoove Gruppe</a> per E-Mail zu erhalten. Darüber hinaus bestätige ich, die <a href="https://zvoove.de/datenschutzerklaerung" target="_blank" rel="noopener">Datenschutzhinweise</a> gelesen und akzeptiert zu haben. Die Einwilligung in den Erhalt des Newsletters und die damit verbundene Datenverarbeitung ist jederzeit frei widerruflich. </span> </label> <span class="error inline-block mt-2 ml-8 font-semibold text-signal-red text-14" x-show="fieldErrors['datenschutz_checkbox']" x-text="fieldErrors['datenschutz_checkbox']"></span> </div> </div> </div> </template> <template x-if="successMessage"> <div x-html="successMessage" class="children:!text-left"></div> </template> </form> </div> <div class="flex flex-col tp:flex-row ph:flex-col tp:order-first gap-10"> <div class="w-[290px] h-auto"> <img width="1262" height="726" src="https://zvoove.de/wp-content/uploads/2024/06/GBA24_HO_WINNER_N_RGB.png.pagespeed.ce.zZr0dw-iob.png" class="block w-auto h-auto max-h-20" alt="" decoding="async" loading="lazy" srcset="https://zvoove.de/wp-content/uploads/2024/06/GBA24_HO_WINNER_N_RGB.png.pagespeed.ce.zZr0dw-iob.png 1262w, https://zvoove.de/wp-content/uploads/2024/06/GBA24_HO_WINNER_N_RGB-300x173.png.pagespeed.ce.2CDxd9io2U.png 300w, https://zvoove.de/wp-content/uploads/2024/06/GBA24_HO_WINNER_N_RGB-1024x589.png.pagespeed.ce.coK-m5BFKq.png 1024w, https://zvoove.de/wp-content/uploads/2024/06/GBA24_HO_WINNER_N_RGB-768x442.png.pagespeed.ce.HGWD9LdO8S.png 768w" sizes="auto, (max-width: 1262px) 100vw, 1262px"/> </div> <div class="w-[290px] h-auto"> <img src="https://zvoove.de/wp-content/uploads/2023/08/siegel.svg" class="block w-auto h-auto max-h-20" alt="FuE BSFZ Siegel" decoding="async" loading="lazy"/> </div> </div> </div> <div class="flex ph:flex-col ph:gap-18 justify-between items-center mt-40 ph:mt-8"> <div class="flex flex-col gap-3 text-14"> <ul class="flex flex-wrap ph:justify-center gap-4"> <li> <a class="hocus:text-indigo-20 transition" href="https://zvoove.de/impressum" target="_self"> Impressum </a> </li> <li> <a class="hocus:text-indigo-20 transition" href="https://zvoove.de/datenschutzerklaerung" target="_self"> Datenschutz </a> </li> </ul> <span class="opacity-70 ph:text-center">2024 © zvoove Group. All rights reserved.</span> </div> <div class="flex ph:order-first"> <ul class="flex flex-wrap ph:justify-center gap-8 ph:gap-5"> <li> <a aria-label="Facebook" class="flex hocus:text-indigo-20 transition" href="https://www.facebook.com/zvoove" target="_blank" rel="noopener noreferrer"> <i class="icon-facebook text-48 ph:text-32"></i> </a> </li> <li> <a aria-label="LinkedIn" class="flex hocus:text-indigo-20 transition" href="https://www.linkedin.com/company/zvoove/mycompany/" target="_blank" rel="noopener noreferrer"> <i class="icon-linkedin text-48 ph:text-32"></i> </a> </li> <li> <a aria-label="Xing" class="flex hocus:text-indigo-20 transition" href="https://www.xing.com/pages/zvoove-group-gmbh" target="_blank" rel="noopener noreferrer"> <i class="icon-xing text-48 ph:text-32"></i> </a> </li> <li> <a aria-label="Instagram" class="flex hocus:text-indigo-20 transition" href="https://www.instagram.com/zvoove/" target="_blank" rel="noopener noreferrer"> <i class="icon-instagram text-48 ph:text-32"></i> </a> </li> </ul> </div> </div> </div> </div> <!-- HFCM by 99 Robots - Snippet # 3: Hubspot Tracking --> <!-- Start of HubSpot Embed Code --> <script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/8673311.js"></script> <!-- End of HubSpot Embed Code --> <!-- /end HFCM by 99 Robots --> <script src="https://zvoove.de/wp-content/themes/zvoove/assets/alpine/alpine.intersect.3.12.3.min.js.pagespeed.ce.uUiKrElEa8.js" id="alpine-intersect-js"></script> <script id="main-js-extra"> var GLOBALS = {"ajaxUrl":"https:\/\/zvoove.de\/wp-admin\/admin-ajax.php","recaptchaSiteKey":"6Ldj4qQpAAAAADsnNgG8Ctp0FRMmd7t2nFqSXNY7"}; </script> <script src="https://zvoove.de/wp-content/themes/zvoove/dist/main.js,qver=1730213746.pagespeed.ce.JRb7uA7Z-p.js" id="main-js"></script> <script src="https://zvoove.de/wp-content/themes/zvoove/assets/swiper/swiper-10.0.4.js.pagespeed.ce.LFrI8rheiM.js" id="swiper-js"></script> <script src="https://zvoove.de/wp-content/themes/zvoove/assets/count-up,_count-up.js+tippy,_popper.min.js+tippy,_tippy-bundle.umd.min.js+alpine,_alpine-3.12.2.min.js.pagespeed.jc.xtXDO1Wtji.js"></script><script>eval(mod_pagespeed_CkmQPUOcXX);</script> <script>eval(mod_pagespeed_xNS2kfEi$i);</script> <script>eval(mod_pagespeed_8SLbrz$nVg);</script> <script>eval(mod_pagespeed_UCkgi8Pac6);</script> <script src="https://unpkg.com/@phosphor-icons/web" id="phosphor-icons-js"></script> </body> </html>