CINXE.COM
Lohnabrechnungssoftware für Personaldienstleister
<!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>Lohnabrechnungssoftware für Personaldienstleister</title> <style>img:is([sizes="auto" i], [sizes^="auto," i]) {contain-intrinsic-size:3000px 1500px}</style> <meta name="dc.title" content="Lohnabrechnungssoftware für Personaldienstleister"> <meta name="dc.description" content="Lohnabrechnung mit zvoove Payroll: ✔️ korrekt ✔️ rechtssicher ✔️ unkompliziert. Mehr Infos 👉"> <meta name="dc.relation" content="https://zvoove.de/zeitarbeit/lohnabrechnung"> <meta name="dc.source" content="https://zvoove.de"> <meta name="dc.language" content="de_DE"> <meta name="description" content="Lohnabrechnung mit zvoove Payroll: ✔️ korrekt ✔️ rechtssicher ✔️ unkompliziert. Mehr Infos 👉"> <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/lohnabrechnung"> <meta property="og:url" content="https://zvoove.de/zeitarbeit/lohnabrechnung"> <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="Lohnabrechnungssoftware für Personaldienstleister"> <meta property="og:description" content="Lohnabrechnung mit zvoove Payroll: ✔️ korrekt ✔️ rechtssicher ✔️ unkompliziert. Mehr Infos 👉"> <meta property="og:image" content="https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-opengraph.jpg"> <meta property="og:image:secure_url" content="https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-opengraph.jpg"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="631"> <meta property="og:image:alt" content="Zeitarbeit Lohnabrechnung OpenGraph"> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="Lohnabrechnungssoftware für Personaldienstleister"> <meta name="twitter:description" content="Lohnabrechnung mit zvoove Payroll: ✔️ korrekt ✔️ rechtssicher ✔️ unkompliziert. Mehr Infos 👉"> <meta name="twitter:image" content="https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-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/3403"/><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=3403'/> <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%2Flohnabrechnung"/> <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%2Flohnabrechnung&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-3403 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/lohnabrechnung" 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/lohnabrechnung" 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/lohnabrechnung" 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">Fehlerfrei & rechtskonform</p> <h1 class="wp-block-heading">Schnellere und sichere Lohnabrechnung mit zvoove</h1> <p>Lohnwochen = Stresswochen? Nicht mit zvoove. Unsere Software digitalisiert Ihre Lohn- und Gehaltsabrechnung. Für sichere und korrekte Prozesse.</p> </div> </div> </div> <div class="flex order-last tp:order-first"> <img loading="lazy" decoding="async" width="1050" height="1056" src="https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-hero.webp.pagespeed.ce.JSCdzYRrHQ.webp" class="block w-full h-auto m-auto" alt="Zeitarbeit Lohnabrechnung Hero" srcset="https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-hero.webp.pagespeed.ce.JSCdzYRrHQ.webp 1050w, https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-hero-298x300.webp.pagespeed.ce.SCEy-zsF47.webp 298w, https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-hero-1018x1024.webp.pagespeed.ce.FxXJXzeSTd.webp 1018w, https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-hero-150x150.webp.pagespeed.ce.7h8dFHxR12.webp 150w, https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-hero-768x772.webp.pagespeed.ce.vY9z8ReyAu.webp 768w" sizes="auto, (max-width: 1050px) 100vw, 1050px"/> </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-30 ph:gap-20 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">Die einfachste Art, Ihren Lohn abzuwickeln</h2> </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 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="Effiziente Datenverwaltung" class="flex tl:flex-col-reverse gap-18 ph:gap-13" x-show="activeTab === 'Effiziente Datenverwaltung'"> <div class="shrink-0 w-full max-w-[22.5rem]"> <img loading="lazy" decoding="async" width="1051" height="1057" src="https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-datenverwaltung.webp.pagespeed.ce.f8MePJFLK0.webp" class="block w-full h-auto" alt="" srcset="https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-datenverwaltung.webp.pagespeed.ce.f8MePJFLK0.webp 1051w, https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-datenverwaltung-298x300.webp.pagespeed.ce.EjcIP810hz.webp 298w, https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-datenverwaltung-1018x1024.webp.pagespeed.ce.H00tt6K4eZ.webp 1018w, https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-datenverwaltung-150x150.webp.pagespeed.ce.aTezusIs9y.webp 150w, https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-datenverwaltung-768x772.webp.pagespeed.ce.QpC2ZiyZEt.webp 768w" sizes="auto, (max-width: 1051px) 100vw, 1051px"/> </div> <div x-ref="innerBlocks" class="prose"> <h3 class="wp-block-heading">Meistern Sie Ihre Lohnabrechnung mit zvoove Payroll dank einfacher Verwaltung der Daten.</h3> <p>Jeden Monat aufs Neue steht die Lohnbuchhaltung unter Strom. Ihre Mitarbeitenden sind auf den pünktlichen Lohn angewiesen und gleichzeitig erfordert die Abrechnung viel Zeit, stets aktuelles Fachwissen und Nerven. Die ITSG-zertifizierte Software zvoove Payroll automatisiert die Erstellung Ihrer Lohnabrechnungen für Sie. Die Grundlage dafür bilden die Daten aus der Zeiterfassung, die automatisch an die Lohnsoftware übergeben werden. Ohne manuelles Übertragen minimieren Sie die Fehlerquote und sparen kostbare Zeit. Das Beste: zvoove One und zvoove Payroll verarbeiten die Daten aus ein und derselben Datenbank. Sie müssen Stammdaten nicht mehrfach anlegen.</p> <ul class="wp-block-list"> <li>automatisierte Abrechnungen inkl. Faktoren wie Tarife & Zuschläge</li> <li>keine Doppelanlage von Personaldaten nötig</li> </ul> <div data-block="buttons" class="buttons flex flex-wrap justify-start gap-4" x-ref="innerBlocks"> <a data-block="button" href="https://zvoove.de/kontakt/zvoove-pdl-praesentation-anfordern" 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"> Präsentation anfordern </span></a> </div> </div> </div> <div data-block="tab" data-label="SV-Meldewesen" class="flex tl:flex-col-reverse gap-18 ph:gap-13" x-show="activeTab === 'SV-Meldewesen'"> <div class="shrink-0 w-full max-w-[22.5rem]"> <img loading="lazy" decoding="async" width="1051" height="1057" src="https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-sv-meldewesen.webp.pagespeed.ce.hZDxEN5NAD.webp" class="block w-full h-auto" alt="" srcset="https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-sv-meldewesen.webp.pagespeed.ce.hZDxEN5NAD.webp 1051w, https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-sv-meldewesen-298x300.webp.pagespeed.ce.3pVJ7ieLLL.webp 298w, https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-sv-meldewesen-1018x1024.webp.pagespeed.ce.3ckPSG-YPS.webp 1018w, https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-sv-meldewesen-150x150.webp.pagespeed.ce.pW8EjCxq7d.webp 150w, https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-sv-meldewesen-768x772.webp.pagespeed.ce.8R317PxI9Y.webp 768w" sizes="auto, (max-width: 1051px) 100vw, 1051px"/> </div> <div x-ref="innerBlocks" class="prose"> <h3 class="wp-block-heading">Überlassen Sie zvoove One alles rund um korrekte Meldungen und Bescheinigungen.</h3> <p>Per Schnittstelle senden Sie mit zvoove One elektronische SV-Meldungen, exportieren Unfallversicherungsmeldungen oder Erstattungsanträge. Die Software berechnet SV-Anteile und Beitragsschätzungen. Alle Daten und Dokumente werden an die SV-Träger, Krankenkassen und Ämter im Sinne der DEÜV (Datenerfassungs- und Übermittlungsverordnung) übermittelt.</p> <ul class="wp-block-list"> <li>digitale Übermittlung der Beitragsnachweise</li> <li>DEÜV-konform</li> </ul> <div data-block="buttons" class="buttons flex flex-wrap justify-start gap-4" x-ref="innerBlocks"> <a data-block="button" href="https://zvoove.de/kontakt/zvoove-pdl-praesentation-anfordern" 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"> Präsentation anfordern </span></a> </div> </div> </div> <div data-block="tab" data-label="ELStAM-ELSTER" class="flex tl:flex-col-reverse gap-18 ph:gap-13" x-show="activeTab === 'ELStAM-ELSTER'"> <div class="shrink-0 w-full max-w-[22.5rem]"> <img loading="lazy" decoding="async" width="1051" height="1057" src="https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-elstam-elster.webp.pagespeed.ce.MPaVSzynCw.webp" class="block w-full h-auto" alt="Zeitarbeit Lohnabrechnung Elster" srcset="https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-elstam-elster.webp.pagespeed.ce.MPaVSzynCw.webp 1051w, https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-elstam-elster-298x300.webp.pagespeed.ce.Pk_M0O65_-.webp 298w, https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-elstam-elster-1018x1024.webp.pagespeed.ce.cVa07nx5zf.webp 1018w, https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-elstam-elster-150x150.webp.pagespeed.ce.1GzXzxyHj_.webp 150w, https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-elstam-elster-768x772.webp.pagespeed.ce.RTgIZgojnx.webp 768w" sizes="auto, (max-width: 1051px) 100vw, 1051px"/> </div> <div x-ref="innerBlocks" class="prose"> <h3 class="wp-block-heading">Lohnsteuer und Co. – kein Problem mit der ELStAM-Anbindung.</h3> <p>Die Kommunikation mit den digitalen Annahmestellen der Finanzämter könnte nicht einfacher sein: Dank der direkten Anbindung an den ELStAM-Server melden Sie Ihre Mitarbeitenden unkompliziert zum ELStAM-Verfahren an oder ab. Relevante Lohnsteuerabzugsmerkmale Ihrer Mitarbeitenden rufen Sie schnell auf und übernehmen diese mit wenigen Klicks in den Personalstamm. Und so meistern Sie Ihren Lohn. In der zvoove Work App können Mitarbeitende Ihre Lohnabrechnungen sowie Lohnsteuer- und SV-Bescheinigungen bequem online abrufen.</p> <ul class="wp-block-list"> <li>einfaches Abrufen von Lohnsteuerdaten</li> <li>Anbindung an ELStAM-Server</li> </ul> <div data-block="buttons" class="buttons flex flex-wrap justify-start gap-4" x-ref="innerBlocks"> <a data-block="button" href="https://zvoove.de/kontakt/zvoove-pdl-praesentation-anfordern" 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"> Präsentation anfordern </span></a> </div> </div> </div> <div data-block="tab" data-label="Internes Kontrollsystem" class="flex tl:flex-col-reverse gap-18 ph:gap-13" x-show="activeTab === 'Internes Kontrollsystem'"> <div class="shrink-0 w-full max-w-[22.5rem]"> <img loading="lazy" decoding="async" width="1051" height="1057" src="https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-kontrollsystem.webp.pagespeed.ce.eiNu3a4VWk.webp" class="block w-full h-auto" alt="Zeitarbeit Lohnabrechnung Kontrollsystem" srcset="https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-kontrollsystem.webp.pagespeed.ce.eiNu3a4VWk.webp 1051w, https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-kontrollsystem-298x300.webp.pagespeed.ce.CPm60Q8LE3.webp 298w, https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-kontrollsystem-1018x1024.webp.pagespeed.ce.EFux5xzr7o.webp 1018w, https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-kontrollsystem-150x150.webp.pagespeed.ce.rc5M0XRSwq.webp 150w, https://zvoove.de/wp-content/uploads/2023/10/zeitarbeit-lohnabrechnung-kontrollsystem-768x772.webp.pagespeed.ce.m6W3vwsmyg.webp 768w" sizes="auto, (max-width: 1051px) 100vw, 1051px"/> </div> <div x-ref="innerBlocks" class="prose"> <h3 class="wp-block-heading">Das interne Kontrollsystem meldet Abweichungen sofort.</h3> <p>Das A&O bei der Erstellung von Lohnabrechnungen ist es, fehlerfrei zu arbeiten. Das interne Kontrollsystem (IKS) schlägt bei Abweichungen von Zahlungsläufen, Arbeitszeitkonten und Urlaubswerten Alarm. Doch damit nicht genug: In zvoove stehen Ihnen diverse Auswertungsmöglichkeiten in den Bereichen Personal, Abrechnungen, Zahlungswesen, Rückstellungen, Jahreslisten sowie Urlaub und Gleitzeit zur Verfügung. So behalten Sie immer die volle Kontrolle.</p> <ul class="wp-block-list"> <li>internes Kontrollsystem spürt Abweichungen auf</li> <li>Auswertungen in verschiedenen Bereichen</li> </ul> <div data-block="buttons" class="buttons flex flex-wrap justify-start gap-4" x-ref="innerBlocks"> <a data-block="button" href="https://zvoove.de/kontakt/zvoove-pdl-praesentation-anfordern" 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"> Präsentation anfordern </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-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 sollten Sie Ihre Lohnabrechnungen mit zvoove One abwickeln</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-clock-countdown"></i> </span> </span> <span class="block prose-sm" x-ref="innerBlocks"> <h3 class="wp-block-heading">Ohne Zeitdruck oder doppelte Pflege</h3> <p>Erstellen Sie die Abrechnungen schnell und ohne Stress. zvoove One und zvoove Payroll verarbeiten die Daten aus ein und derselben Datenbank. Sie müssen Stammdaten nicht mehrfach anlegen.</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-shield-check"></i> </span> </span> <span class="block prose-sm" x-ref="innerBlocks"> <h3 class="wp-block-heading">Immer rechtskonform</h3> <p>Lohnabrechnungen sind komplex. Tarifliche und rechtliche Bedingungen ändern sich häufig. Wir bei zvoove haben das auf dem Schirm und setzen es für Sie um. Korrekt und rechtssicher.</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-seal-check"></i> </span> </span> <span class="block prose-sm" x-ref="innerBlocks"> <h3 class="wp-block-heading">Geprüftes Bescheinigungswesen</h3> <p>Über eine Schnittstelle überträgt zvoove One SV-Daten gemäß DEÜV an Krankenkassen. Das geprüfte Bescheinigungswesen erfasst und berechnet SV-Anteile automatisch.</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-plugs-connected"></i> </span> </span> <span class="block prose-sm" x-ref="innerBlocks"> <h3 class="wp-block-heading">Direkte ELStAM-Anbindung</h3> <p>Melden Sie Ihre Mitarbeitenden ganz einfach zum ELStAM-Verfahren an und ab. Über die Schnittstelle zum ELStAM-Server rufen Sie relevante Besteuerungsmerkmale ab.</p> </span> </div> </div> </div> <div data-block="buttons" class="buttons flex flex-wrap justify-center gap-4" x-ref="innerBlocks"> <a data-block="button" href="https://zvoove.de/kontakt/zvoove-pdl-broschuere-anfordern" 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"> Broschüre anfordern </span></a> </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 Prozesse von zvoove</h2> <div class="empty:hidden prose max-w-[31.25rem] tl:max-w-[23rem] tp:max-w-none" x-ref="innerBlocks"> <p>Wir unterstützen Sie bei der Digitalisierung weiterer Arbeitsprozesse.</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/zvoove-one" 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"> Cloud </span></a> <a data-block="button" href="https://zvoove.de/zeitarbeit/recruiting" 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"> Recruiting </span></a> <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"> CRM & Auftragsverwaltung </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"> Rechnungsstellung </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"> Reporting </span></a> </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="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"> <h2 class="wp-block-heading">Wir übernehmen Ihre Lohnabrechnung</h2> <p>Sie möchten die Lohnabrechnung ganz abgeben? Und Ihr Personal entlasten, Zeit sparen und Stress minimieren? Dann ist der zvoove Managed Payroll Service das Richtige für Sie.</p> <div data-block="buttons" class="buttons flex flex-wrap justify-start gap-4" x-ref="innerBlocks"> <a data-block="button" href="https://zvoove.de/kontakt/managed-payroll-services-kontakt-aufnehmen" 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"> Kontakt aufnehmen </span></a> </div> </div> </div> </div> <div class="flex order-last tp:order-first"> <img loading="lazy" decoding="async" width="1048" height="1048" src="https://zvoove.de/wp-content/uploads/2023/09/CTA-kontakt-white-shirt-yellow-background.webp.pagespeed.ce.pZW0EVw5HZ.webp" class="block w-full h-auto m-auto" alt="Jetzt Kontakt aufnehmen" srcset="https://zvoove.de/wp-content/uploads/2023/09/CTA-kontakt-white-shirt-yellow-background.webp.pagespeed.ce.pZW0EVw5HZ.webp 1048w, https://zvoove.de/wp-content/uploads/2023/09/CTA-kontakt-white-shirt-yellow-background-300x300.webp.pagespeed.ce.X2y_3kZXMi.webp 300w, https://zvoove.de/wp-content/uploads/2023/09/CTA-kontakt-white-shirt-yellow-background-1024x1024.webp.pagespeed.ce.lJfQQzyPwe.webp 1024w, https://zvoove.de/wp-content/uploads/2023/09/CTA-kontakt-white-shirt-yellow-background-150x150.webp.pagespeed.ce.9-bEjdfITY.webp 150w, https://zvoove.de/wp-content/uploads/2023/09/CTA-kontakt-white-shirt-yellow-background-768x768.webp.pagespeed.ce.TFbNE68nQK.webp 768w" sizes="auto, (max-width: 1048px) 100vw, 1048px"/> </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 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>zvoove optimiert Ihre Lohnabrechnung.</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>Mehr Infos für Personaldienstleister über Software für schnelle und rechtssichere Lohnabrechnungen.</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 mehr über die Vorteile der digitalen Lohnabrechnung mit zvoove und stressfreie Lohnwochen.</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">Was sind die Vorteile von digitaler Erstellung der Lohnabrechnungen?</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 Wort „digital“ lässt es vermuten: Ein großer Vorteil neben der Schnelligkeit ist der Schritt hin zum papierlosen Büro. Digitale Lohnabrechnungen verringern den Papierverbrauch und sparen damit Geld. Ganz nebenbei schont es die Umwelt. Außerdem ist die korrekte Übertragung und Weiterverarbeitung der Daten zuverlässig. Die Fehlerquote ist so verschwindend gering. Das interne Kontrollsystem (IKS) wirft zusätzlich ein Auge auf die Daten und meldet sich bei Abweichungen von Zahlungsabläufen und Arbeitszeitkonten oder Urlaubswerten.</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 verhindern Personaldienstleister stressige Lohnwochen?</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>Am effektivsten bekämpfen Personaldienstleister:innen den Stress in den Lohnwochen, in dem Sie den Faktor Zeit angehen und Prozesse vereinfachen. Denn Lohnabrechnungen sind unglaublich zeitkritisch. Wie geht das am besten? Mit Digitalisierung und Automatisierung. Beispiel: Zu Beginn müssen als Basis alle erfassten Zeiten her. Mit zvoove One kein Problem: Die Zeiten werden automatisch an die Lohnabrechnung übergeben. Von da geht es digital und automatisiert weiter. Das beschleunigt die Prozesse und nimmt ihnen die Komplexität. Personaldienstleister:innen garantieren damit, dass die Abrechnung fristgerecht erstellt ist, keine Fehler enthält und dass die Mitarbeitenden zufrieden sind.</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 melden Personaldienstleister Ihre Mitarbeiter zum ELStAM-Verfahren an?</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 geht mit zvoove ganz einfach und schnell. Denn die Software hat eine direkte Anbindung an den ELStAM-Server. Mithilfe dieser schnellen Kommunikation melden Personaldienstleister:innen ihr Personal unkompliziert zum ELStAM-Verfahren an und wieder ab. Sie rufen außerdem Lohnsteuerabzugsmerkmale Ihrer Mitarbeitenden elektronisch auf und übernehmen diese direkt in den Personalstamm.</p> </div> </div> </div> </div> </div> </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>