CINXE.COM

Digitaler Arbeitsschein für die Gebäudereinigung - 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>Digitaler Arbeitsschein für die Gebäudereinigung - zvoove</title> <style>img:is([sizes="auto" i], [sizes^="auto," i]) {contain-intrinsic-size:3000px 1500px}</style> <meta name="dc.title" content="Digitaler Arbeitsschein für die Gebäudereinigung - zvoove"> <meta name="dc.description" content="Der digitale Arbeitsschein für Gebäudereiniger:innen: ✔️ zeitsparend ✔️ geringer Aufwand ✔️ komfortabel. Jetzt kennenlernen!"> <meta name="dc.relation" content="https://zvoove.de/gebaeudedienstleistung/arbeitsschein"> <meta name="dc.source" content="https://zvoove.de"> <meta name="dc.language" content="de_DE"> <meta name="description" content="Der digitale Arbeitsschein für Gebäudereiniger:innen: ✔️ zeitsparend ✔️ geringer Aufwand ✔️ komfortabel. Jetzt kennenlernen!"> <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/arbeitsschein"> <meta property="og:url" content="https://zvoove.de/gebaeudedienstleistung/arbeitsschein"> <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="Digitaler Arbeitsschein für die Gebäudereinigung"> <meta property="og:description" content="Der digitale Arbeitsschein für Gebäudereiniger:innen: ✔️ zeitsparend ✔️ geringer Aufwand ✔️ komfortabel. Jetzt kennenlernen!"> <meta property="og:image" content="https://zvoove.de/wp-content/uploads/2023/10/gdl-arbeitsschein-opengraph.jpg"> <meta property="og:image:secure_url" content="https://zvoove.de/wp-content/uploads/2023/10/gdl-arbeitsschein-opengraph.jpg"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="631"> <meta property="og:image:alt" content="Gebäudedienstleistung Arbeitsschein OG"> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="Digitaler Arbeitsschein für die Gebäudereinigung"> <meta name="twitter:description" content="Der digitale Arbeitsschein für Gebäudereiniger:innen: ✔️ zeitsparend ✔️ geringer Aufwand ✔️ komfortabel. Jetzt kennenlernen!"> <meta name="twitter:image" content="https://zvoove.de/wp-content/uploads/2023/10/gdl-arbeitsschein-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 &raquo; Feed" href="https://zvoove.de/feed"/> <link rel="alternate" type="application/rss+xml" title="zvoove &raquo; Kommentar-Feed" href="https://zvoove.de/comments/feed"/> <style id='wp-emoji-styles-inline-css'>img.wp-smiley,img.emoji{display:inline!important;border:none!important;box-shadow:none!important;height:1em!important;width:1em!important;margin:0 .07em!important;vertical-align:-.1em!important;background:none!important;padding:0!important}</style> <style id='wpseopress-local-business-style-inline-css'>span.wp-block-wpseopress-local-business-field{margin-right:8px}</style> <style id='classic-theme-styles-inline-css'>.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}</style> <style id='global-styles-inline-css'>:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--color--midnight:#1a1246;--wp--preset--color--royal:#3748de;--wp--preset--color--royal-2:#fbfbfe;--wp--preset--color--indigo-2:#fafafc;--wp--preset--color--indigo-5:#f3f3f9;--wp--preset--color--indigo-10:#e6e7f2;--wp--preset--color--indigo-20:#cecfe5;--wp--preset--color--dark-steel-20:#e6f4f8;--wp--preset--color--sky-20:#d9e6ff;--wp--preset--color--bright-blue-5:#f3f3fc;--wp--preset--color--light-yellow-40:#fee59f;--wp--preset--color--black-10:#e6e6e6;--wp--preset--color--medium-blue-5:#f5f9ff;--wp--preset--color--medium-blue-10:#ecf3ff;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgba(6,147,227,1) 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgba(255,105,0,1) 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--font-size--fz-16:16px;--wp--preset--font-size--fz-18:18px;--wp--preset--font-size--fz-24:24px;--wp--preset--font-size--fz-32:32px;--wp--preset--font-size--fz-56:56px;--wp--preset--font-size--fz-64:64px;--wp--preset--spacing--20:.44rem;--wp--preset--spacing--30:.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0 rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0 -3px rgba(255,255,255,1) , 6px 6px rgba(0,0,0,1);--wp--preset--shadow--crisp:6px 6px 0 rgba(0,0,0,1)}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.5em}body .is-layout-flex{display:flex}.is-layout-flex{flex-wrap:wrap;align-items:center}.is-layout-flex > :is(*, div){margin:0}body .is-layout-grid{display:grid}.is-layout-grid > :is(*, div){margin:0}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}.has-black-color{color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-color{color:var(--wp--preset--color--white)!important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple)!important}.has-black-background-color{background-color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-background-color{background-color:var(--wp--preset--color--white)!important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple)!important}.has-black-border-color{border-color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-border-color{border-color:var(--wp--preset--color--white)!important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple)!important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple)!important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan)!important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange)!important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red)!important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray)!important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum)!important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple)!important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux)!important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk)!important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean)!important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass)!important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight)!important}.has-small-font-size{font-size:var(--wp--preset--font-size--small)!important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium)!important}.has-large-font-size{font-size:var(--wp--preset--font-size--large)!important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large)!important}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:root :where(.wp-block-pullquote){font-size:1.5em;line-height:1.6}</style> <link rel='stylesheet' id='icons-css' href='https://zvoove.de/wp-content/themes/zvoove/assets/icons/dist/A.style.css.pagespeed.cf.veNcinEE0w.css' media='all'/> <link rel='stylesheet' id='swiper-css' href='https://zvoove.de/wp-content/themes/zvoove/assets/swiper/A.swiper-10.0.4.css.pagespeed.cf.69ejUibibQ.css' media='all'/> <link rel='stylesheet' id='main-css' href='https://zvoove.de/wp-content/themes/zvoove/dist/A.main.css,qver=1730213746.pagespeed.cf.QDnlmsL9wq.css' media='all'/> <link rel='stylesheet' id='tailwind-css' href='https://zvoove.de/wp-content/themes/zvoove/dist/A.tailwind.css.pagespeed.cf.o-j8aUxaT_.css' media='all'/> <!-- Google Tag (gtac.js) durch Site-Kit hinzugefügt --> <!-- Von Site Kit hinzugefügtes Google-Analytics-Snippet --> <script src="https://www.googletagmanager.com/gtag/js?id=GT-P8VLDF64" id="google_gtagjs-js" async></script> <script id="google_gtagjs-js-after"> window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);} gtag("set","linker",{"domains":["zvoove.de"]}); gtag("js", new Date()); gtag("set", "developer_id.dZTNiMT", true); gtag("config", "GT-P8VLDF64"); </script> <!-- Das Snippet mit dem schließenden Google-Tag (gtag.js) wurde von Site Kit hinzugefügt --> <link rel="https://api.w.org/" href="https://zvoove.de/wp-json/"/><link rel="alternate" title="JSON" type="application/json" href="https://zvoove.de/wp-json/wp/v2/pages/1649"/><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=1649'/> <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%2Farbeitsschein"/> <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%2Farbeitsschein&#038;format=xml"/> <meta name="generator" content="Site Kit by Google 1.140.0"/><!-- HFCM by 99 Robots - Snippet # 1: Cookie Consens --> <script id="usercentrics-cmp" src="https://app.usercentrics.eu/browser-ui/latest/loader.js" data-settings-id="49rwOL8o6" async></script> <!-- /end HFCM by 99 Robots --> <!-- HFCM by 99 Robots - Snippet # 4: Google Tag Manager Consent conform / 02-2024 --> <script type="text/javascript"> // create dataLayer window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } // set „denied" as default for both ad and analytics storage, as well as ad_user_data and ad_personalization, gtag("consent", "default", { ad_user_data: "denied", ad_personalization: "denied", ad_storage: "denied", analytics_storage: "denied", wait_for_update: 2000 // milliseconds to wait for update }); // Enable ads data redaction by default [optional] gtag("set", "ads_data_redaction", true); </script> <script type="text/javascript"> // Google Tag Manager (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-W62Z5TD9'); </script> <!-- /end HFCM by 99 Robots --> <link rel="apple-touch-icon" sizes="180x180" href="/wp-content/uploads/fbrfg/apple-touch-icon.png.pagespeed.ce.vZhXAT1Ens.png"> <link rel="icon" type="image/png" sizes="32x32" href="/wp-content/uploads/fbrfg/favicon-32x32.png.pagespeed.ce.eWKG7yQhTQ.png"> <link rel="icon" type="image/png" sizes="16x16" href="/wp-content/uploads/fbrfg/favicon-16x16.png.pagespeed.ce.q_Tqsfd_9i.png"> <link rel="manifest" href="/wp-content/uploads/fbrfg/site.webmanifest"> <link rel="mask-icon" href="/wp-content/uploads/fbrfg/safari-pinned-tab.svg" color="#5bbad5"> <link rel="shortcut icon" href="/wp-content/uploads/fbrfg/favicon.ico"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="msapplication-config" content="/wp-content/uploads/fbrfg/browserconfig.xml"> <meta name="theme-color" content="#ffffff"><style>:root{--midnight-color:#1a1246;--royal-color:#3748de;--royal-2-color:#fbfbfe;--indigo-2-color:#fafafc;--indigo-5-color:#f3f3f9;--indigo-10-color:#e6e7f2;--indigo-20-color:#cecfe5;--dark-steel-20-color:#e6f4f8;--sky-20-color:#d9e6ff;--bright-blue-5-color:#f3f3fc;--light-yellow-40-color:#fee59f;--black-10-color:#e6e6e6;--medium-blue-5-color:#f5f9ff;--medium-blue-10-color:#ecf3ff}</style> <script> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i+"?ref=seopress"; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "ngx5xua8az");</script> <!-- Meta Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '178975390386511'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=178975390386511&ev=PageView&noscript=1"/></noscript> <!-- End Meta Pixel Code --> </head> <body class="page-template-default page page-id-1649 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">&nbsp;</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/arbeitsschein" 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/arbeitsschein" 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/arbeitsschein" 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">Zettelwirtschaft war gestern</p> <h1 class="wp-block-heading">Digitale Arbeitsscheine in der App</h1> <p>Die digitale Arbeitsscheinverwaltung spart Ihnen, Ihrem Personal und Ihren Kunden Zeit, Wege, Geld und Papier.</p> </div> </div> </div> <div class="flex order-first tp:order-first"> <img loading="lazy" decoding="async" width="1051" height="1057" src="https://zvoove.de/wp-content/uploads/2023/10/gdl-arbeitsschein-hero.webp" class="block w-full h-auto m-auto" alt="Gebäudedienstleistung Arbeitsschein Hero" srcset="https://zvoove.de/wp-content/uploads/2023/10/gdl-arbeitsschein-hero.webp 1051w, https://zvoove.de/wp-content/uploads/2023/10/gdl-arbeitsschein-hero-298x300.webp 298w, https://zvoove.de/wp-content/uploads/2023/10/gdl-arbeitsschein-hero-1018x1024.webp 1018w, https://zvoove.de/wp-content/uploads/2023/10/gdl-arbeitsschein-hero-150x150.webp 150w, https://zvoove.de/wp-content/uploads/2023/10/gdl-arbeitsschein-hero-768x772.webp 768w" sizes="auto, (max-width: 1051px) 100vw, 1051px"/> </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">Digitale Arbeitsscheinverwaltung für Gebäudedienstleister</h2> </div> </div> </div> </div> <div data-block="container" class="bg-cover has-default-background pt-30 ph:pt-20 pb-30 ph:pb-20 " id=""> <div class="flex flex-col gap-18 ph:gap-12 container " x-ref="innerBlocks"> <div x-data="verticalTabs" data-block="vertical-tabs" class="flex gap-18"> <ul class="tp:hidden w-[14rem] space-y-8"> <template x-for="tab in tabs"> <li> <button @click="activeTab = tab.label" class="relative font-semibold text-24 text-left after:absolute after:inset-x-0 after:bottom-0 after:h-px after:bg-midnight hocus:after:opacity-100 hocus:after:translate-y-0 after:transition-all transition" :class="{ 'opacity-50 after:opacity-0 after:translate-y-2': tab.label !== activeTab }" x-text="tab.label"> </button> </li> </template> </ul> <div x-ref="content" class="flex-1 tp:hidden" x-cloak> <div x-ref="innerBlocks"> <div data-block="tab" data-label="Effiziente Verwaltung" class="flex tl:flex-col-reverse gap-18 ph:gap-13" x-show="activeTab === 'Effiziente Verwaltung'"> <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-arbeitsschein-effiziente-verwaltung.webp" class="block w-full h-auto" alt="Gebäudedienstleistung Arbeitsschein effiziente Verwaltung" srcset="https://zvoove.de/wp-content/uploads/2023/10/gdl-arbeitsschein-effiziente-verwaltung.webp 1051w, https://zvoove.de/wp-content/uploads/2023/10/gdl-arbeitsschein-effiziente-verwaltung-298x300.webp 298w, https://zvoove.de/wp-content/uploads/2023/10/gdl-arbeitsschein-effiziente-verwaltung-1018x1024.webp 1018w, https://zvoove.de/wp-content/uploads/2023/10/gdl-arbeitsschein-effiziente-verwaltung-150x150.webp 150w, https://zvoove.de/wp-content/uploads/2023/10/gdl-arbeitsschein-effiziente-verwaltung-768x772.webp 768w" sizes="auto, (max-width: 1051px) 100vw, 1051px"/> </div> <div x-ref="innerBlocks" class="prose"> <h3 class="wp-block-heading">Alle Prozesse rund um den Arbeitsschein finden rein digital in der App statt.</h3> <p>zvoove macht Ihr Büro papierlos. Warum? Papier geht verloren, wird unleserlich ausgefüllt, ist nicht umweltschonend, muss herumgereicht und ausgedruckt werden und kostet Geld. Sie weisen Ihren Mitarbeitenden den digitalen Arbeitsschein mit zvoove zu. Sie erhalten ihn direkt auf Ihr Smartphone oder Tablet. Dort bearbeiten sie ihn, schließen ihn ab und lassen den Kunden digital unterschreiben. Die App speichert und verwaltet den Arbeitsschein zentral. Mit einem Kick landet er wieder bei Ihnen.</p> <ul class="wp-block-list"> <li>keine manuelle Verarbeitung der Daten und geringer Verwaltungsaufwand</li> <li>optimierte Arbeitsschritte und Prozesse</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="Mitarbeiterfreundliche Nutzung" class="flex tl:flex-col-reverse gap-18 ph:gap-13" x-show="activeTab === 'Mitarbeiterfreundliche Nutzung'"> <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-arbeitsschein-mitarbeiterfreundliche-nutzung.webp" class="block w-full h-auto" alt="Gebäudedienstleistung Arbeitsschein mitarbeiterfreundliche Nutzung" srcset="https://zvoove.de/wp-content/uploads/2023/10/gdl-arbeitsschein-mitarbeiterfreundliche-nutzung.webp 1051w, https://zvoove.de/wp-content/uploads/2023/10/gdl-arbeitsschein-mitarbeiterfreundliche-nutzung-298x300.webp 298w, https://zvoove.de/wp-content/uploads/2023/10/gdl-arbeitsschein-mitarbeiterfreundliche-nutzung-1018x1024.webp 1018w, https://zvoove.de/wp-content/uploads/2023/10/gdl-arbeitsschein-mitarbeiterfreundliche-nutzung-150x150.webp 150w, https://zvoove.de/wp-content/uploads/2023/10/gdl-arbeitsschein-mitarbeiterfreundliche-nutzung-768x772.webp 768w" sizes="auto, (max-width: 1051px) 100vw, 1051px"/> </div> <div x-ref="innerBlocks" class="prose"> <h3 class="wp-block-heading">Die digitale Arbeitsscheinverwaltung erleichtert Ihren Mitarbeitern die Arbeit.</h3> <p>Ob im Büro oder direkt am Objekt: Ihre Mitarbeitenden haben mehr Zeit und weniger Aufwand. Die Reinigungskräfte sparen sich unnötige Fahrtwege – das Zeitkonto und die Umwelt freuen sich. Die Mitarbeitenden im Büro müssen nicht mehr auf die Arbeitsscheine warten, sie entziffern und sie aufwändig verwalten. Mehr Zeit bei weniger Stress. Das beste: Die App ist leicht zu bedienen und Sprachbarrieren stellen kein Hindernis dar: Eine Sprachauswahl zwischen mehreren Sprachen ist kein Problem.</p> <ul class="wp-block-list"> <li>Auswahl zwischen mehreren Sprachen</li> <li>einfachere und effizientere Verwaltung mit geringem Aufwand</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="Schnellere Rechnungsstellung" class="flex tl:flex-col-reverse gap-18 ph:gap-13" x-show="activeTab === 'Schnellere Rechnungsstellung'"> <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-arbeitsschein-rechnugnsstellung.webp" class="block w-full h-auto" alt="Gebäudedienstleistung Arbeitsschein schnelle Rechnungsstellung" srcset="https://zvoove.de/wp-content/uploads/2023/10/gdl-arbeitsschein-rechnugnsstellung.webp 1051w, https://zvoove.de/wp-content/uploads/2023/10/gdl-arbeitsschein-rechnugnsstellung-298x300.webp 298w, https://zvoove.de/wp-content/uploads/2023/10/gdl-arbeitsschein-rechnugnsstellung-1018x1024.webp 1018w, https://zvoove.de/wp-content/uploads/2023/10/gdl-arbeitsschein-rechnugnsstellung-150x150.webp 150w, https://zvoove.de/wp-content/uploads/2023/10/gdl-arbeitsschein-rechnugnsstellung-768x772.webp 768w" sizes="auto, (max-width: 1051px) 100vw, 1051px"/> </div> <div x-ref="innerBlocks" class="prose"> <h3 class="wp-block-heading">Beschleunigen Sie Ihre Prozesse – von der Erstellung der Arbeitsscheine bis zur Rechnungsstellung.</h3> <p>Schon bei der Erstellung ist der digitale Arbeitsschein dem jeweiligen Objekt zugeordnet. Nach Abschluss wird er automatisch der Rechnung angehängt und an den Kunden versendet. So geht digitale Dokumentation und Verwaltung.</p> <ul class="wp-block-list"> <li>weniger Zeit und Aufwand bis zur Erstellung der Rechnung</li> <li>digitaler Arbeitsschein und Objekt sind automatisch verbunden</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>Das bietet Ihnen der digitale Arbeitsschein in der App</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-calendar-check"></i> </span> </span> <span class="block prose-sm" x-ref="innerBlocks"> <h3 class="wp-block-heading">Weniger Verwaltungsaufwand</h3> <p>Effiziente Prozesse minimieren den manuellen Aufwand, der bei der Verwaltung der Arbeitsscheine entsteht. Sie werden digital und zentral erstellt, bearbeitet, abgeschlossen und gespeichert.</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-globe-hemisphere-west"></i> </span> </span> <span class="block prose-sm" x-ref="innerBlocks"> <h3 class="wp-block-heading">Umweltschonend</h3> <p>Die entfallenen Wege und das gesparte Papier schonen die Umwelt und sparen bares Geld. Die gewonnene Zeit investieren Sie gewinnbringend in weitere Aufträge und Projekte.</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">Schnellere Weiterverarbeitung</h3> <p>Die digitalen Arbeitsscheine sind im gesamten Prozess dem jeweiligen Objekt zugeordnet. Das beschleunigt die Rechnungsstellung.</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-users"></i> </span> </span> <span class="block prose-sm" x-ref="innerBlocks"> <h3 class="wp-block-heading">Mitarbeiterfreundlich</h3> <p>Ihre Mitarbeitenden haben weniger Verwaltungsaufwand und sparen sich täglich vermeidbare Fahrtwege. Die einfache Bedienung der App erleichtert die Arbeit.</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>zvoove unterstützt Sie bei der Digitalisierung Ihrer Arbeitswelt. Lernen Sie weitere Prozesse kennen, bei denen wir Ihnen mit unserer Expertise zur Seite stehen.</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/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/faktura" 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"> Rechnung &#038; Faktur </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">Mehr Infos? Kontaktieren Sie uns</h2> <p>Sie möchten mehr über die Vorteile wissen, die der digitale Arbeitsschein Ihnen bietet? Kein Problem, wir beraten Sie gerne.</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-first 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 digitalisiert Ihre Arbeitsscheinverwaltung.</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>Was Sie über digitale Arbeitsscheinverwaltung für Gebäudedienstleister wissen sollten.</h2> <div class="empty:hidden prose max-w-[31.25rem] tl:max-w-[23rem] tp:max-w-none" x-ref="innerBlocks"> <p>Sie haben Fragen zum digitalen Arbeitsschein? Hier erhalten Sie hilfreiche Infos und Details.</p> </div> </div> <div data-block="accordeon" class=""> <div x-ref="innerBlocks" class="divide-y border-y"> <div data-block="toggle" x-data="toggle" data-open="1" class="flex flex-col py-10"> <button @click="isOpen = !isOpen" class="flex items-center justify-between w-full text-left"> <strong class="text-24 ph:text-16 font-semibold">Was sind digitale Arbeitsscheine?</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 &#038;&#038; resizeCounter &#038;&#038; 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>Gebäudedienstlesiter:innen verwenden Arbeitsscheine als Nachweis über bestimmte erbrachte Arbeitsleistungen, zum Beispiel bei der Glasreinigung. Sie werden digital erstellt, zugewiesen, bearbeitet und abgeschlossen – alles per App. Es ist eines der wichtigsten Dokumente für Gebäudedienstleister:innen. Es dokumentiert, an welchem Objekt welche Leistung erbracht wurde. Ebenso ist festgehalten, wer sie erbracht hat. Auf dem Arbeitsschein wird die Arbeitsleistung dokumentiert und der Kunde unterschreibt nach Abschluss. Die Arbeitsscheine dienen als Grundlage für Rechnung, Faktur und zur Dokumentation. In digitaler Form sind die Prozesse der Wichtigkeit angepasst: Sie sind schneller, werden zentral gespeichert und können nicht verloren gehen.</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">Was sind die Vorteile von digitalen Arbeitsscheinen für Gebäudedienstleister?</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 &#038;&#038; resizeCounter &#038;&#038; 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>Kurz gesagt: Gebäudedienstleister:innen profitieren mit digitalen Arbeitsscheinen von effizienten und beschleunigten Prozessen, sparen Zeit, Wege und Geld. Die digitalen Arbeitsscheine minimieren den Verwaltungsaufwand, der bei der Be- und Verarbeitung entsteht. Von der Erstellung bis zum Abschluss und Versenden an die Kunden sind alle Prozessschritte digital. Somit bleibt mehr Zeit für die Bearbeitung anderer Aufgaben und Projekte. Die Reinigungskräfte dokumentieren Ihre Aufträge effizienter und komfortabler. Das entlastet und lässt Zeit für weitere Aufträge. Digitale Arbeitsscheine sind automatisch dem entsprechenden Objekt zugeordnet und werden der jeweiligen Rechnung angehangen. So sind auch die Rechnungen schneller erstellt und für die Gebäudedienstleister:innen und die Kunden ist alles Wichtige dokumentiert.</p> </div> </div> </div> </div> </div> <div data-block="toggle" x-data="toggle" data-open="0" class="flex flex-col py-10"> <button @click="isOpen = !isOpen" class="flex items-center justify-between w-full text-left"> <strong class="text-24 ph:text-16 font-semibold">Wie überzeugen Gebäudedienstleister ihre Mitarbeiter von digitalen Arbeitsscheinen?</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 &#038;&#038; resizeCounter &#038;&#038; isOpen ? `${$refs.content.scrollHeight}px` : 0 }"> <div x-ref="innerBlocks" class="prose grid grid-cols-1 gap-6 mt-6"> <div data-block="text" class="flex justify-start "> <div class="prose w-full max-w-content" x-ref="innerBlocks"> <p>Mit einer guten Schulung, die die Nutzung und die Fragen klärt, sind Gebäudedienstleister:innen auf der sicheren Seite. Denn die großen Vorteile und Erleichterungen in ihrer täglichen Arbeit überzeugen die Reinigungskräfte von der Anwendung der digitalen Arbeitsscheine. Die Reinigungskräfte müssen nicht mehr zum Arbeitsbeginn ins Büro fahren, um Arbeitsscheine aus Papier abzuholen. Zum Feierabend müssen sie dementsprechend auch nicht mehr ins Büro, um sie wieder abzugeben. Das gesparte Benzin, die gesparte Zeit und die gesparten (Um)Wege erleichtern den Arbeitsalltag bedeutend. Die digitalen Arbeitsscheine in der App sind für die Reinigungskräfte einfach und komfortabel zu nutzen. Sie haben weniger Aufwand, und geben sie mit einem Klick ans Büro zurück. Kein Zettel wird mehr im Objekt, Auto oder Büro vergessen, alles ist zentral gespeichert in der App.</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="[&quot;core\/paragraph&quot;]"/> Mit der Anmeldung zum Newsletter erkläre ich mich einverstanden, Informationen zum Produktangebot der <a href="https://zvoove.de/ueber-uns" target="_blank" rel="noopener">zvoove Gruppe</a> per E-Mail zu erhalten. Darüber hinaus bestätige ich, die <a href="https://zvoove.de/datenschutzerklaerung" target="_blank" rel="noopener">Datenschutzhinweise</a> gelesen und akzeptiert zu haben. Die Einwilligung in den Erhalt des Newsletters und die damit verbundene Datenverarbeitung ist jederzeit frei widerruflich. </span> </label> <span class="error inline-block mt-2 ml-8 font-semibold text-signal-red text-14" x-show="fieldErrors['datenschutz_checkbox']" x-text="fieldErrors['datenschutz_checkbox']"></span> </div> </div> </div> </template> <template x-if="successMessage"> <div x-html="successMessage" class="children:!text-left"></div> </template> </form> </div> <div class="flex flex-col tp:flex-row ph:flex-col tp:order-first gap-10"> <div class="w-[290px] h-auto"> <img width="1262" height="726" src="https://zvoove.de/wp-content/uploads/2024/06/GBA24_HO_WINNER_N_RGB.png.pagespeed.ce.zZr0dw-iob.png" class="block w-auto h-auto max-h-20" alt="" decoding="async" loading="lazy" srcset="https://zvoove.de/wp-content/uploads/2024/06/GBA24_HO_WINNER_N_RGB.png.pagespeed.ce.zZr0dw-iob.png 1262w, https://zvoove.de/wp-content/uploads/2024/06/GBA24_HO_WINNER_N_RGB-300x173.png.pagespeed.ce.2CDxd9io2U.png 300w, https://zvoove.de/wp-content/uploads/2024/06/GBA24_HO_WINNER_N_RGB-1024x589.png.pagespeed.ce.coK-m5BFKq.png 1024w, https://zvoove.de/wp-content/uploads/2024/06/GBA24_HO_WINNER_N_RGB-768x442.png.pagespeed.ce.HGWD9LdO8S.png 768w" sizes="auto, (max-width: 1262px) 100vw, 1262px"/> </div> <div class="w-[290px] h-auto"> <img src="https://zvoove.de/wp-content/uploads/2023/08/siegel.svg" class="block w-auto h-auto max-h-20" alt="FuE BSFZ Siegel" decoding="async" loading="lazy"/> </div> </div> </div> <div class="flex ph:flex-col ph:gap-18 justify-between items-center mt-40 ph:mt-8"> <div class="flex flex-col gap-3 text-14"> <ul class="flex flex-wrap ph:justify-center gap-4"> <li> <a class="hocus:text-indigo-20 transition" href="https://zvoove.de/impressum" target="_self"> Impressum </a> </li> <li> <a class="hocus:text-indigo-20 transition" href="https://zvoove.de/datenschutzerklaerung" target="_self"> Datenschutz </a> </li> </ul> <span class="opacity-70 ph:text-center">2024 © zvoove Group. All rights reserved.</span> </div> <div class="flex ph:order-first"> <ul class="flex flex-wrap ph:justify-center gap-8 ph:gap-5"> <li> <a aria-label="Facebook" class="flex hocus:text-indigo-20 transition" href="https://www.facebook.com/zvoove" target="_blank" rel="noopener noreferrer"> <i class="icon-facebook text-48 ph:text-32"></i> </a> </li> <li> <a aria-label="LinkedIn" class="flex hocus:text-indigo-20 transition" href="https://www.linkedin.com/company/zvoove/mycompany/" target="_blank" rel="noopener noreferrer"> <i class="icon-linkedin text-48 ph:text-32"></i> </a> </li> <li> <a aria-label="Xing" class="flex hocus:text-indigo-20 transition" href="https://www.xing.com/pages/zvoove-group-gmbh" target="_blank" rel="noopener noreferrer"> <i class="icon-xing text-48 ph:text-32"></i> </a> </li> <li> <a aria-label="Instagram" class="flex hocus:text-indigo-20 transition" href="https://www.instagram.com/zvoove/" target="_blank" rel="noopener noreferrer"> <i class="icon-instagram text-48 ph:text-32"></i> </a> </li> </ul> </div> </div> </div> </div> <!-- HFCM by 99 Robots - Snippet # 3: Hubspot Tracking --> <!-- Start of HubSpot Embed Code --> <script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/8673311.js"></script> <!-- End of HubSpot Embed Code --> <!-- /end HFCM by 99 Robots --> <script src="https://zvoove.de/wp-content/themes/zvoove/assets/alpine/alpine.intersect.3.12.3.min.js.pagespeed.ce.uUiKrElEa8.js" id="alpine-intersect-js"></script> <script id="main-js-extra"> var GLOBALS = {"ajaxUrl":"https:\/\/zvoove.de\/wp-admin\/admin-ajax.php","recaptchaSiteKey":"6Ldj4qQpAAAAADsnNgG8Ctp0FRMmd7t2nFqSXNY7"}; </script> <script src="https://zvoove.de/wp-content/themes/zvoove/dist/main.js,qver=1730213746.pagespeed.ce.JRb7uA7Z-p.js" id="main-js"></script> <script src="https://zvoove.de/wp-content/themes/zvoove/assets/swiper/swiper-10.0.4.js.pagespeed.ce.LFrI8rheiM.js" id="swiper-js"></script> <script src="https://zvoove.de/wp-content/themes/zvoove/assets/count-up,_count-up.js+tippy,_popper.min.js+tippy,_tippy-bundle.umd.min.js+alpine,_alpine-3.12.2.min.js.pagespeed.jc.xtXDO1Wtji.js"></script><script>eval(mod_pagespeed_CkmQPUOcXX);</script> <script>eval(mod_pagespeed_xNS2kfEi$i);</script> <script>eval(mod_pagespeed_8SLbrz$nVg);</script> <script>eval(mod_pagespeed_UCkgi8Pac6);</script> <script src="https://unpkg.com/@phosphor-icons/web" id="phosphor-icons-js"></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10