zvoove Kontakt: Wir helfen Ihnen weiter

<!DOCTYPE html> <html lang="de-DE"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> <title>zvoove Kontakt: Wir helfen Ihnen weiter</title> <style>img:is([sizes="auto" i], [sizes^="auto," i]) {contain-intrinsic-size:3000px 1500px}</style> <meta name="dc.title" content="zvoove Kontakt: Wir helfen Ihnen weiter"> <meta name="dc.description" content="Was können wir für Sie tun? Lernen Sie jetzt zvoove kennen! Beratung anfordern oder technischen Support erhalten!"> <meta name="dc.relation" content="https://zvoove.de/kontakt"> <meta name="dc.source" content="https://zvoove.de"> <meta name="dc.language" content="de_DE"> <meta name="description" content="Was können wir für Sie tun? Lernen Sie jetzt zvoove kennen! Beratung anfordern oder technischen Support erhalten!"> <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1"> <link rel="canonical" href="https://zvoove.de/kontakt"> <meta property="og:url" content="https://zvoove.de/kontakt"> <meta property="og:site_name" content="zvoove"> <meta property="og:locale" content="de_DE"> <meta property="og:type" content="article"> <meta property="og:title" content="zvoove Kontakt: Wir helfen Ihnen weiter"> <meta property="og:description" content="Was können wir für Sie tun? Lernen Sie jetzt zvoove kennen! Beratung anfordern oder technischen Support erhalten!"> <meta property="og:image" content="https://zvoove.de/wp-content/uploads/2023/10/kontakt-opengraph.jpg"> <meta property="og:image:secure_url" content="https://zvoove.de/wp-content/uploads/2023/10/kontakt-opengraph.jpg"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="631"> <meta property="og:image:alt" content="Kontakt OG"> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="zvoove Kontakt: Wir helfen Ihnen weiter"> <meta name="twitter:description" content="Was können wir für Sie tun? Lernen Sie jetzt zvoove kennen! Beratung anfordern oder technischen Support erhalten!"> <meta name="twitter:image" content="https://zvoove.de/wp-content/uploads/2023/10/kontakt-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'/> <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/415"/><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=415'/> <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%2Fkontakt"/> <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%2Fkontakt&format=xml"/> <meta name="generator" content="Site Kit by Google 1.140.0"/> <script id="usercentrics-cmp" src="https://app.usercentrics.eu/browser-ui/latest/loader.js" data-settings-id="49rwOL8o6" async></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>  <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>  <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>  </head> <body class="page-template-default page page-id-415 page-parent"> <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 }">  <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 }">  <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 }">  <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 }">  <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>  <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>  <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">  <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">  <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">  <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">  <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>  <div> <span class="font-semibold text-12 uppercase opacity-60"></span> <ul class="mt-5 space-y-2"> <li class="font-normal">  <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">  <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>  <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">  <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">  <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">  <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">  <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>  <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>  <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">  <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">  <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/kontakt" 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-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/kontakt" 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/kontakt" 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 !== '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">  <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">  <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">  <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">  <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">  <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>   <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">  <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">  <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">  <a href="https://zvoove.de/presse" target="_self" class="inline-block hocus:-translate-y-0.5 transition"> Presse </a> </li> <li class="font-normal">  <a href="https://hubs.ly/Q02DRjJ10" target="_blank" class="inline-block hocus:-translate-y-0.5 transition"> zCom </a> </li> <li class="font-normal">  <a href="https://zvoove.de/kontakt" target="_self" class="inline-block hocus:-translate-y-0.5 transition"> Kontakt </a> </li> </ul> </div> </div> </div>   <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>  <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>  <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>  <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>  <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>  <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="contact-hero" class="pt-52 ph:pt-32 pb-26 ph:pb-20 bg-dark-steel-20 "> <div class="flex flex-col gap-10 container mx-auto !max-w-[58rem]"> <div class="flex tp:flex-col items-center gap-8"> <img decoding="async" class="block h-auto max-w-sm" src="https://zvoove.de/wp-content/uploads/2023/10/kontakt-hero.webp" alt="Ihr Kontakt zu zvoove"> <div class="flex flex-col gap-4"> <span class="text-64 font-semibold">Was können wir für Sie tun?</span> <span>Wir helfen Ihnen gern weiter: Melden Sie sich bei uns, wenn Sie uns kennenlernen möchten, eine Frage zu unseren Produkten und Dienstleistungen haben oder wenn Sie Support benötigen.</span> </div> </div> <div class="grid grid-cols-2 tp:grid-cols-1 gap-6" x-ref="innerBlocks"> <a data-block="contact-card" href="https://zvoove.de/kontakt/beratung" target="_self" class="flex flex-col text-center px-12 ph:px-10 py-8 ph:pb-6 gap-4 border rounded "> <span class="text-24 ph:text-18 font-semibold">Beratung zu unseren Produkten & Services</span> <span>Verraten Sie uns, was Sie brauchen – wir finden Ihre Lösung.</span> <span class="underline decoration-2 underline-offset-8 font-semibold">Beratung anfordern</span> </a> <a data-block="contact-card" href="https://zvoove.de/kontakt/support" target="_self" class="flex flex-col text-center px-12 ph:px-10 py-8 ph:pb-6 gap-4 border rounded "> <span class="text-24 ph:text-18 font-semibold">Support: unsere technische Unterstützung für Sie</span> <span>Sie benötigen Hilfe bei Ihrem Produkt oder Service?</span> <span class="underline decoration-2 underline-offset-8 font-semibold">Support 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="contactform"> <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>Schreiben <br/> Sie uns</h2> <div class="empty:hidden prose max-w-[31.25rem] tl:max-w-[23rem] tp:max-w-none" x-ref="innerBlocks"> <p class="has-fz-18-font-size">Sie haben eine Frage zu unseren Produkten oder Dienstleistungen? Wir freuen uns auf Ihre Nachricht.</p> </div> </div> <form class="form max-w-content flex justify-between flex-wrap -mt-14 children:mt-14 transition" x-data="hsForm" :disabled="disabled" @submit.prevent="submit" :class="{ 'disabled': disabled }" data-hs-guid="4c93a07d-a739-4345-8251-c34a9519d05f"> <input type="hidden" name="action" value="hs-form" hidden> <input type="hidden" name="formId" value="39608" hidden> <template x-if="formError" hidden> <div class="form-error w-full p-6 border border-signal-red rounded text-signal-red" x-html="formError"></div> </template> <template x-if="successMessage" hidden> <div class="success w-full p-6 border border rounded" x-html="successMessage"></div> </template> <div data-block="select" x-data x-id="['select']" class="select flex flex-col items-start w-[calc(50%-0.75rem)] ph:w-full"> <div class="relative w-full border-b border-gray-80 hover:border-midnight focus-within:border-midnight dark:border-white transition" :class="fieldErrors['salutation'] && '!border-signal-red'"> <select class="input block w-full h-14 pr-8 appearance-none bg-transparent border-none outline-none text-16 truncate" name="salutation" :id="$id('select')" @change="$el.value ? $el.setAttribute('data-has-value', '') : $el.removeAttribute('data-has-value')"> <option value selected disabled></option> <option value="Herr" class="dark:text-midnight">Herr</option> <option value="Frau" class="dark:text-midnight">Frau</option> <option value="Divers" class="dark:text-midnight">Divers</option> </select> <label class="absolute top-0 left-0 pointer-events-none text-16 leading-[3.5rem] transition-all" :for="$id('select')"> <span class="opacity-50">Anrede</span> <span class="text-signal-red">*</span> </label> <i class="icon-caret-down absolute top-1/2 right-0 pointer-events-none text-14 opacity-50 -translate-y-1/2"></i> </div> <span class="error inline-block mt-2 font-semibold text-signal-red text-14" x-show="fieldErrors['salutation']" x-text="fieldErrors['salutation']"></span> </div> <div data-block="text-input" x-data x-id="['text-input']" class="text-input flex flex-col items-start w-[calc(50%-0.75rem)] ph:w-full"> <div class="relative w-full border-b border-gray-80 dark:border-white hover:border-midnight focus-within:border-midnight transition" :class="fieldErrors['firstname'] && '!border-signal-red'"> <input class="input block w-full h-14 pt-4 bg-transparent border-none outline-none text-16 truncate" type="text" placeholder=" " name="firstname" :id="$id('text-input')" @focus="$dispatch('dirty')"> <label class="absolute top-4 left-0 pointer-events-none text-16 transition-all" :for="$id('text-input')"> <span class="opacity-50">Vorname</span> <span class="text-signal-red">*</span> </label> </div> <span class="error inline-block mt-2 font-semibold text-signal-red text-14" x-show="fieldErrors['firstname']" x-text="fieldErrors['firstname']"></span> </div> <div data-block="text-input" x-data x-id="['text-input']" class="text-input flex flex-col items-start w-[calc(50%-0.75rem)] ph:w-full"> <div class="relative w-full border-b border-gray-80 dark:border-white hover:border-midnight focus-within:border-midnight transition" :class="fieldErrors['lastname'] && '!border-signal-red'"> <input class="input block w-full h-14 pt-4 bg-transparent border-none outline-none text-16 truncate" type="text" placeholder=" " name="lastname" :id="$id('text-input')" @focus="$dispatch('dirty')"> <label class="absolute top-4 left-0 pointer-events-none text-16 transition-all" :for="$id('text-input')"> <span class="opacity-50">Nachname</span> <span class="text-signal-red">*</span> </label> </div> <span class="error inline-block mt-2 font-semibold text-signal-red text-14" x-show="fieldErrors['lastname']" x-text="fieldErrors['lastname']"></span> </div> <div data-block="text-input" x-data x-id="['text-input']" class="text-input flex flex-col items-start w-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="text" placeholder=" " name="email" :id="$id('text-input')" @focus="$dispatch('dirty')"> <label class="absolute top-4 left-0 pointer-events-none text-16 transition-all" :for="$id('text-input')"> <span class="opacity-50">E-Mail</span> <span class="text-signal-red">*</span> </label> </div> <span class="error inline-block mt-2 font-semibold text-signal-red text-14" x-show="fieldErrors['email']" x-text="fieldErrors['email']"></span> </div> <div data-block="text-input" x-data x-id="['text-input']" class="text-input flex flex-col items-start w-[calc(50%-0.75rem)] ph:w-full"> <div class="relative w-full border-b border-gray-80 dark:border-white hover:border-midnight focus-within:border-midnight transition" :class="fieldErrors['company'] && '!border-signal-red'"> <input class="input block w-full h-14 pt-4 bg-transparent border-none outline-none text-16 truncate" type="text" placeholder=" " name="company" :id="$id('text-input')" @focus="$dispatch('dirty')"> <label class="absolute top-4 left-0 pointer-events-none text-16 transition-all" :for="$id('text-input')"> <span class="opacity-50">Unternehmensname</span> <span class="text-signal-red">*</span> </label> </div> <span class="error inline-block mt-2 font-semibold text-signal-red text-14" x-show="fieldErrors['company']" x-text="fieldErrors['company']"></span> </div> <div data-block="text-input" x-data x-id="['text-input']" class="text-input flex flex-col items-start w-[calc(50%-0.75rem)] ph:w-full"> <div class="relative w-full border-b border-gray-80 dark:border-white hover:border-midnight focus-within:border-midnight transition" :class="fieldErrors['telefonnummer_2'] && '!border-signal-red'"> <input class="input block w-full h-14 pt-4 bg-transparent border-none outline-none text-16 truncate" type="text" placeholder=" " name="telefonnummer_2" :id="$id('text-input')" @focus="$dispatch('dirty')"> <label class="absolute top-4 left-0 pointer-events-none text-16 transition-all" :for="$id('text-input')"> <span class="opacity-50">Telefonnummer</span> <span class="text-signal-red">*</span> </label> </div> <span class="error inline-block mt-2 font-semibold text-signal-red text-14" x-show="fieldErrors['telefonnummer_2']" x-text="fieldErrors['telefonnummer_2']"></span> </div> <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> <span class="text-signal-red">*</span> </label> <i class="icon-caret-down absolute top-1/2 right-0 pointer-events-none text-14 opacity-50 -translate-y-1/2"></i> </div> <span class="error inline-block mt-2 font-semibold text-signal-red text-14" x-show="fieldErrors['ihre_branche']" x-text="fieldErrors['ihre_branche']"></span> </div> <div data-block="text-input" x-data x-id="['text-input']" class="text-input flex flex-col items-start w-full ph:w-full"> <div class="relative w-full border-b border-gray-80 dark:border-white hover:border-midnight focus-within:border-midnight transition" :class="fieldErrors['deine_nachricht'] && '!border-signal-red'"> <textarea class="input block w-full min-h-14 mt-6 pb-2 resize-y bg-transparent border-none outline-none text-16" rows="4" placeholder=" " name="deine_nachricht" :id="$id('text-input')"></textarea> <label class="absolute top-4 left-0 pointer-events-none text-16 transition-all" :for="$id('text-input')"> <span class="opacity-50">Ihre Nachricht</span> </label> </div> <span class="error inline-block mt-2 font-semibold text-signal-red text-14" x-show="fieldErrors['deine_nachricht']" x-text="fieldErrors['deine_nachricht']"></span> </div> <div data-block="checkbox" x-data x-id="['checkbox']" class="checkbox w-full"> <label :for="$id('checkbox')" class="flex gap-3"> <input type="checkbox" name="newsletter_checkbox__formulare_" :id="$id('checkbox')" class="peer sr-only"> <span data-checkbox class="shrink-0 flex w-5 h-5 border border-gray-80 dark:border-white rounded-1 peer-checked:border-midnight peer-hover:border-midnight peer-focus:border-midnight dark:peer-checked:border-white dark:peer-hover:border-white dark:peer-focus:border-white text-transparent peer-checked:text-midnight dark:peer-checked:text-white text-12 transition-all"> <i class="icon-check m-auto -translate-y-px"></i> </span> <span x-ref="innerBlocks" class="prose pt-px text-14"> Ich möchte zukünftig per E-Mail <strong>branchen- & produktrelevante</strong> Informationen erhalten. </span> </label> <span class="error inline-block mt-2 ml-8 font-semibold text-signal-red text-14" x-show="fieldErrors['newsletter_checkbox__formulare_']" x-text="fieldErrors['newsletter_checkbox__formulare_']"></span> </div> <div data-block="checkbox" x-data x-id="['checkbox']" class="checkbox w-full"> <label :for="$id('checkbox')" class="flex gap-3"> <input type="checkbox" name="datenschutz_checkbox" :id="$id('checkbox')" class="peer sr-only"> <span data-checkbox class="shrink-0 flex w-5 h-5 border border-gray-80 dark:border-white rounded-1 peer-checked:border-midnight peer-hover:border-midnight peer-focus:border-midnight dark:peer-checked:border-white dark:peer-hover:border-white dark:peer-focus:border-white text-transparent peer-checked:text-midnight dark:peer-checked:text-white text-12 transition-all"> <i class="icon-check m-auto -translate-y-px"></i> </span> <span x-ref="innerBlocks" class="prose pt-px text-14"> Mit dem Absenden des Formulars bestätige ich, die <a href="https://zvoove.de/datenschutzerklaerung" target="_blank" rel="noopener">Datenschutzhinweise</a> gelesen und akzeptiert zu haben. Sollte ich zusätzlich „Zum Newsletter anmelden“ ausgewählt haben, so erkläre ich mich einverstanden, Informationen zum Produktangebot der <a href="https://zvoove.de/ueber-uns" target="_blank" rel="noopener">zvoove Gruppe</a> per E-Mail zu erhalten. Die Einwilligung in den Erhalt des Newsletters und die damit verbundene Datenverarbeitung ist jederzeit frei widerruflich. </span> </label> <span class="error inline-block mt-2 ml-8 font-semibold text-signal-red text-14" x-show="fieldErrors['datenschutz_checkbox']" x-text="fieldErrors['datenschutz_checkbox']"></span> </div> <input hidden type="hidden" name="country" value="Deutschland"> <input hidden type="hidden" name="utm_source" value=""> <input hidden type="hidden" name="utm_medium" value=""> <div class="w-full"> <button class="w-full" type="submit"> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] px-8 bg-midnight dark-bg:bg-white button-hocus:shadow-button rounded-full font-normal dark-bg:text-midnight text-white text-18 whitespace-nowrap transition"> Jetzt Kontakt aufnehmen! </span> </button> <span class="block mt-3 text-12 opacity-50">* Pflichtfeld</span> </div> </form> </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>   <script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/8673311.js"></script>   <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>

CINXE.COM

zvoove Kontakt: Wir helfen Ihnen weiter