CINXE.COM
Digitale Rechnungstellung für Gebäudereiniger - zvoove
<!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>Digitale Rechnungstellung für Gebäudereiniger - zvoove</title> <style>img:is([sizes="auto" i], [sizes^="auto," i]) {contain-intrinsic-size:3000px 1500px}</style> <meta name="dc.title" content="Digitale Rechnungstellung für Gebäudereiniger - zvoove"> <meta name="dc.description" content="Rechnungen schneller erstellen mit zvoove: fehlerfrei, korrekt und komfortabel. ▶️ Lesen Sie hier mehr!"> <meta name="dc.relation" content="https://zvoove.de/gebaeudedienstleistung/faktura"> <meta name="dc.source" content="https://zvoove.de"> <meta name="dc.language" content="de_DE"> <meta name="description" content="Rechnungen schneller erstellen mit zvoove: fehlerfrei, korrekt und komfortabel. ▶️ Lesen Sie hier mehr!"> <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1"> <link rel="canonical" href="https://zvoove.de/gebaeudedienstleistung/faktura"> <meta property="og:url" content="https://zvoove.de/gebaeudedienstleistung/faktura"> <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="Digitale Rechnungstellung für Gebäudereiniger"> <meta property="og:description" content="Rechnungen schneller erstellen mit zvoove: fehlerfrei, korrekt und komfortabel. ▶️ Lesen Sie hier mehr!"> <meta property="og:image" content="https://zvoove.de/wp-content/uploads/2023/10/gdl-faktur-opengraph.jpg"> <meta property="og:image:secure_url" content="https://zvoove.de/wp-content/uploads/2023/10/gdl-faktur-opengraph.jpg"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="631"> <meta property="og:image:alt" content="Gebäudedienstleistung Faktur OG"> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="Digitale Rechnungstellung für Gebäudereiniger"> <meta name="twitter:description" content="Rechnungen schneller erstellen mit zvoove: fehlerfrei, korrekt und komfortabel. ▶️ Lesen Sie hier mehr!"> <meta name="twitter:image" content="https://zvoove.de/wp-content/uploads/2023/10/gdl-faktur-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=1737457594.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/1665"/><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://zvoove.de/xmlrpc.php?rsd"/> <meta name="generator" content="WordPress 6.7.2"/> <link rel='shortlink' href='https://zvoove.de/?p=1665'/> <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%2Fgebaeudedienstleistung%2Ffaktura"/> <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%2Fgebaeudedienstleistung%2Ffaktura&format=xml"/> <meta name="generator" content="Site Kit by Google 1.146.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"> // 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-1665 page-child parent-pageid-1308"> <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/gebaeudedienstleistung/faktura" 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/gebaeudedienstleistung/faktura" 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/gebaeudedienstleistung/faktura" 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-default-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">Schnell und papierlos</p> <h1 class="wp-block-heading">Faktur und Rechnung leicht wie nie zuvor</h1> <p>Der Auftrag ist ausgeführt, die Rechnung wird gestellt – mit zvoove in wenigen Schritten, ohne Aufwand und korrekt.</p> </div> </div> </div> <div class="flex order-last tp:order-first"> <img loading="lazy" decoding="async" width="1050" height="1058" src="https://zvoove.de/wp-content/uploads/2023/10/GDL-Faktura-Hero.webp.pagespeed.ce.PlsxwrOKEo.webp" class="block w-full h-auto m-auto" alt="Gebäudedienstleistung Faktura Hero" srcset="https://zvoove.de/wp-content/uploads/2023/10/GDL-Faktura-Hero.webp.pagespeed.ce.PlsxwrOKEo.webp 1050w, https://zvoove.de/wp-content/uploads/2023/10/GDL-Faktura-Hero-298x300.webp.pagespeed.ce.FgeLPptP6j.webp 298w, https://zvoove.de/wp-content/uploads/2023/10/GDL-Faktura-Hero-1016x1024.webp 1016w, https://zvoove.de/wp-content/uploads/2023/10/GDL-Faktura-Hero-150x150.webp 150w, https://zvoove.de/wp-content/uploads/2023/10/GDL-Faktura-Hero-768x774.webp 768w" sizes="auto, (max-width: 1050px) 100vw, 1050px"/> </div> </div> <div data-block="text" class="flex justify-start "> <div class="prose w-full max-w-content" x-ref="innerBlocks"> <h2 class="wp-block-heading">Faktur & Rechnungstellung ganz einfach mit zvoove</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="Datenverwaltung" class="flex tl:flex-col-reverse gap-18 ph:gap-13" x-show="activeTab === '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/GDL-Faktura-Datenverwaltung.webp" class="block w-full h-auto" alt="Gebäudedienstleistung Faktura Datenverwaltung" srcset="https://zvoove.de/wp-content/uploads/2023/10/GDL-Faktura-Datenverwaltung.webp 1051w, https://zvoove.de/wp-content/uploads/2023/10/GDL-Faktura-Datenverwaltung-298x300.webp 298w, https://zvoove.de/wp-content/uploads/2023/10/GDL-Faktura-Datenverwaltung-1018x1024.webp 1018w, https://zvoove.de/wp-content/uploads/2023/10/GDL-Faktura-Datenverwaltung-150x150.webp 150w, https://zvoove.de/wp-content/uploads/2023/10/GDL-Faktura-Datenverwaltung-768x772.webp 768w" sizes="auto, (max-width: 1051px) 100vw, 1051px"/> </div> <div x-ref="innerBlocks" class="prose"> <h3 class="wp-block-heading">Wie kommen all die Daten in die Rechnung? Automatisch, dank zvoove.</h3> <p>Nach getaner Arbeit und zufriedenen Kunden folgt ein wirtschaftlich wichtiger Schritt: Die Rechnung muss geschrieben werden. Mit zvoove geht das ganz einfach: Die Software entnimmt alle relevanten Rechnungsdaten direkt aus den Aufträgen, Arbeitsscheinen und Artikeln. Ohne die manuelle Datenübertragung sparen Sie Zeit und Aufwand.</p> <ul class="wp-block-list"> <li>detaillierte Datenverwaltung</li> <li>weniger Aufwand und keine Übertagungsfehler</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-gdl-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="Faktur & Filter" class="flex tl:flex-col-reverse gap-18 ph:gap-13" x-show="activeTab === 'Faktur & Filter'"> <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/GDL-Faktura-Faktur-und-Filter.webp" class="block w-full h-auto" alt="Gebäudedienstleistung Faktura Filter" srcset="https://zvoove.de/wp-content/uploads/2023/10/GDL-Faktura-Faktur-und-Filter.webp 1051w, https://zvoove.de/wp-content/uploads/2023/10/GDL-Faktura-Faktur-und-Filter-298x300.webp 298w, https://zvoove.de/wp-content/uploads/2023/10/GDL-Faktura-Faktur-und-Filter-1018x1024.webp 1018w, https://zvoove.de/wp-content/uploads/2023/10/GDL-Faktura-Faktur-und-Filter-150x150.webp 150w, https://zvoove.de/wp-content/uploads/2023/10/GDL-Faktura-Faktur-und-Filter-768x772.webp 768w" sizes="auto, (max-width: 1051px) 100vw, 1051px"/> </div> <div x-ref="innerBlocks" class="prose"> <h3 class="wp-block-heading">Mit der Filterfunktion ist die Faktur flexibel und leicht anpassbar.</h3> <p>zvoove bietet Ihnen umfangreiche Filtermöglichkeiten. Damit führen Sie Fakturen bei Bedarf auch nur für bestimmte Aufträge, Objekte oder Kunden durch. Mit wenigen Klicks stellen Sie die gewünschten Daten zusammen und haben in wenigen Augenblicken die fertige Rechnung vor sich. Die gesparte Zeit stecken Sie gewinnbringend in weitere Aufgeben und Projekte.</p> <ul class="wp-block-list"> <li>praktische Filtermöglichkeiten</li> <li>Datenspeicherung mit Bezug auf Objekte, Aufträge, Personal und Kunden</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-gdl-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="E-Rechnung" class="flex tl:flex-col-reverse gap-18 ph:gap-13" x-show="activeTab === 'E-Rechnung'"> <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/GDL-Faktura-E-Rechnung.webp" class="block w-full h-auto" alt="" srcset="https://zvoove.de/wp-content/uploads/2023/10/GDL-Faktura-E-Rechnung.webp 1051w, https://zvoove.de/wp-content/uploads/2023/10/GDL-Faktura-E-Rechnung-298x300.webp 298w, https://zvoove.de/wp-content/uploads/2023/10/GDL-Faktura-E-Rechnung-1018x1024.webp 1018w, https://zvoove.de/wp-content/uploads/2023/10/GDL-Faktura-E-Rechnung-150x150.webp 150w, https://zvoove.de/wp-content/uploads/2023/10/GDL-Faktura-E-Rechnung-768x772.webp 768w" sizes="auto, (max-width: 1051px) 100vw, 1051px"/> </div> <div x-ref="innerBlocks" class="prose"> <h3 class="wp-block-heading">Digitale Rechnungsstellung von der Erstellung bis zum Versand.</h3> <p>Sobald die Rechnung erstellt ist, ist sie bereit für den Versand. Mit zvoove passiert das natürlich digital, per E-Mail. Die relevanten Unterlangen, wie zugehörige Arbeitsscheine, werden im Anhang direkt mitversendet. zvoove bildet außerdem die E-Rechnung in den Standards ZUGFeRD und X-Rechnung ab. Die E-Rechnung ist somit einfach weiterzuverarbeiten, rechtssicher, schneller erstellt und spart Papier.</p> <ul class="wp-block-list"> <li>Rechnungsversand per E-Mail</li> <li>unterstützt Standard-Formate für E-Rechnungen (ZUGFeRD, X-Rechnung)</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-gdl-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 Rechnungen mit zvoove erstellen</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-check-circle"></i> </span> </span> <span class="block prose-sm" x-ref="innerBlocks"> <h3 class="wp-block-heading">Korrekt & unkompliziert</h3> <p>Mit zvoove erstellen Sie die Rechnungen digital und fehlerfrei. Die Software verhindert Übertragungsfehler und beansprucht nur wenig Ihrer kostbaren Zeit.</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-clock-clockwise"></i> </span> </span> <span class="block prose-sm" x-ref="innerBlocks"> <h3 class="wp-block-heading">Einfach & schnell</h3> <p>Automatisierte Prozesse sorgen dafür, dass Ihre Faktur schneller erledigt und Ihre Rechnungen leichter erstellt sind. Je schneller die Rechnungen fertig sind, desto eher erhalten Sie die Rechnungssumme.</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-sliders"></i> </span> </span> <span class="block prose-sm" x-ref="innerBlocks"> <h3 class="wp-block-heading">Praktische Filterfunktion</h3> <p>zvoove bietet Ihnen Filtermöglichkeiten, die es Ihnen erlauben, die Faktur auch nur für bestimmte Kunden, Aufträge oder Objekte durchzuführen.</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-envelope-simple-open"></i> </span> </span> <span class="block prose-sm" x-ref="innerBlocks"> <h3 class="wp-block-heading">Komfortabel</h3> <p>Mit zvoove versenden Sie schnell und unkompliziert erstellte Rechnungen einfach per E-Mail. Außerdem bietet zvoove eine Anbindung von E-Rechnungen mit ZUGFeRD und X-Rechnung.</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-gdl-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 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"> Präsentation 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 digitalisieren Ihre Arbeitswelt. Erfahren Sie, wo wir Sie mit unserer Expertise unterstützen können.</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/gebaeudedienstleistung/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"> Personalgewinnung </span></a> <a data-block="button" href="https://zvoove.de/gebaeudedienstleistung/verwaltung" target="_self" class="ph:w-full "> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] px-8 border-midnight dark-bg:border-white button-hocus:shadow-button rounded-full text-midnight border font-normal dark-bg:text-white text-18 whitespace-nowrap transition"> Verwaltung </span></a> <a data-block="button" href="https://zvoove.de/gebaeudedienstleistung/app" 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"> App </span></a> <a data-block="button" href="https://zvoove.de/gebaeudedienstleistung/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/gebaeudedienstleistung/arbeitsschein" 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"> Arbeitsscheine </span></a> <a data-block="button" href="https://zvoove.de/gebaeudedienstleistung/qualitaetsmanagement" 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"> Qualitätsmanagement </span></a> <a data-block="button" href="https://zvoove.de/gebaeudedienstleistung/lohnabrechnung" target="_self" class="ph:w-full "> <span class="button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] px-8 border-midnight dark-bg:border-white button-hocus:shadow-button rounded-full text-midnight border font-normal dark-bg:text-white text-18 whitespace-nowrap transition"> Lohnabrechnung </span></a> <a data-block="button" href="https://zvoove.de/gebaeudedienstleistung/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"> Analytics </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">Interessiert an digitalen Rechnungen? Melden Sie sich bei uns!</h2> <p>Mit zvoove erstellen und versenden Sie Ihre Rechnungen schneller und einfacher. Unsere Expert:innen geben Ihnen gerne mehr Infos!</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/beratung" 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"> Beratung anfordern </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 ist Ihre digitale Assistenz für Rechnung & Faktur.</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>Gesammelte Fakten zu Software für Fakturierung und Rechnungsstellung.</h2> <div class="empty:hidden prose max-w-[31.25rem] tl:max-w-[23rem] tp:max-w-none" x-ref="innerBlocks"> <p>Erfahren Sie hier Wissenswertes rund um Software für Faktur und Rechnung in der Gebäudedienstleistung.</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 ist die E-Rechnung und warum ist Sie praktisch für Gebäudereiniger?</strong> <span :class="{ 'after:scale-y-100': !isOpen, 'after:scale-y-0': isOpen, }" class="shrink-0 relative w-5 h-5 before:absolute before:top-1/2 before:left-1/2 before:w-full before:h-0.75 before:bg-midnight before:rounded before:-translate-x-1/2 before:-translate-y-1/2 after:absolute after:top-1/2 after:left-1/2 after:w-0.75 after:h-full after:bg-midnight after:rounded after:-translate-x-1/2 after:-translate-y-1/2 after:transition-all"></span> </button> <div x-ref="content" class="overflow-hidden transition-all duration-500" x-cloak :style="{ height: initialized && resizeCounter && isOpen ? `${$refs.content.scrollHeight}px` : 0 }"> <div x-ref="innerBlocks" class="prose grid grid-cols-1 gap-6 mt-6"> <div data-block="text" class="flex justify-start "> <div class="prose w-full max-w-content" x-ref="innerBlocks"> <p>Die E-Rechnung, kurz für elektronische Rechnung, stellt alle relevanten Rechnungsinhalte statt auf Papier oder in einer Bilddatei in eine maschinenlesbaren XML-Datei dar. So können alle Rechnungsinhalte elektronisch übermittelt und empfangen werden. Sie werden medienbruchfrei (das Medium muss nicht gewechselt werden) und automatisiert weiterverarbeitet und zur Auszahlung gebracht. zvoove bietet die Möglichkeit, die E-Rechnung mit ZUGFeRD oder X-Rechnung zu erstellen. Das „Forum für elektrische Rechnung Deutschland“ (FeRD) hat zusammen mit dem Bundesministerium für Wirtschaft und Energie das branchenübergreifende Datenformat ZUGFeRD erarbeitet. Damit überzeugen Gebäudedienstleister:innen ihre Kunden mit professioneller Rechnungsstellung.</p> </div> </div> </div> </div> </div> <div data-block="toggle" x-data="toggle" data-open="0" class="flex flex-col py-10"> <button @click="isOpen = !isOpen" class="flex items-center justify-between w-full text-left"> <strong class="text-24 ph:text-16 font-semibold">Welche Vorteile haben Gebäudedienstleister mit der E-Rechnung?</strong> <span :class="{ 'after:scale-y-100': !isOpen, 'after:scale-y-0': isOpen, }" class="shrink-0 relative w-5 h-5 before:absolute before:top-1/2 before:left-1/2 before:w-full before:h-0.75 before:bg-midnight before:rounded before:-translate-x-1/2 before:-translate-y-1/2 after:absolute after:top-1/2 after:left-1/2 after:w-0.75 after:h-full after:bg-midnight after:rounded after:-translate-x-1/2 after:-translate-y-1/2 after:transition-all"></span> </button> <div x-ref="content" class="overflow-hidden transition-all duration-500" x-cloak :style="{ height: initialized && resizeCounter && isOpen ? `${$refs.content.scrollHeight}px` : 0 }"> <div x-ref="innerBlocks" class="prose grid grid-cols-1 gap-6 mt-6"> <div data-block="text" class="flex justify-start "> <div class="prose w-full max-w-content" x-ref="innerBlocks"> <p>Die E-Rechnung vereinfacht mit Digitalisierung die Rechnungsstellung. Außerdem verkürzt sie die Durchlaufzeiten. Sprich, die Zeitspanne, die ein Betrieb für die Fertigungsstellung eines Auftrages braucht, wird verkürzt. Die Rechnungsempfangenden können die Rechnungen schneller bearbeiten und somit auch pünktlicher begleichen. Gebäudereiniger:innen sparen mit der E-Rechnung auch bares Geld: die Einsparpotenziale von Porto und Papier im Versand sind groß. Das automatisierte Erstellen und Validieren von Rechnungen macht die Prozesse effizienter und schneller.</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">Wenn die Prozesse automatisiert ablaufen, kann der Gebäudedienstleister die Faktur auch anpassen? </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>Je nach Software ist dieser Schritt möglich. zvoove bietet den Nutzern die Möglichkeit, eine Faktur auch nur auf bestimmten Ebenen durchführen. Dafür hat die Software eine praktische Filterfunktion. Damit kann der Gebäudedienstleister die Faktur nur für ausgewählte Aufträge, Objekte oder Kunden machen. Dadurch besteht eine größere Flexibilität und effizientere Möglichkeit, bei Bedarf die Faktur anzupassen.</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">2025 © 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=1737457595.pagespeed.ce.__n0AAYa5l.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>