PageSourceSearch

https://www.formilo.com/erstgespraech/

html formilo.com collected 2026-10-05 06:10:50 UTC 105,058 bytes, 1,620 lines download raw bytes

1<!DOCTYPE html>
2<html class="no-js" lang="de">
3<head>
4   <!-- Google Consent Mode v2 (Default) — muss vor dem GTM-Snippet laufen -->
5   
5<script>
6   window.dataLayer = window.dataLayer || [];
7   function gtag(){dataLayer.push(arguments);}
8   gtag('consent', 'default', {
9      'ad_storage': 'denied',
10      'ad_user_data': 'denied',
11      'ad_personalization': 'denied',
12      'analytics_storage': 'denied',
13      'functionality_storage': 'denied',
14      'personalization_storage': 'denied',
15      'security_storage': 'granted',
16      'wait_for_update': 500
17   });
18   gtag('set', 'ads_data_redaction', true);
19   gtag('set', 'url_passthrough', true);
20   // Bereits erteilte Einwilligung vor GTM wiederherstellen.
21   (function(){
22      try {
23         var m = document.cookie.match(/(?:^|; )formilo_consent=([^;]*)/);
24         if (m) {
25            var c = JSON.parse(decodeURIComponent(m[1]));
26            if (c && c.v) {
27               gtag('consent', 'update', {
28                  'ad_storage': c.ad ? 'granted' : 'denied',
29                  'ad_user_data': c.ad ? 'granted' : 'denied',
30                  'ad_personalization': c.ad ? 'granted' : 'denied',
31                  'analytics_storage': c.an ? 'granted' : 'denied',
32                  'functionality_storage': c.pref ? 'granted' : 'denied',
33                  'personalization_storage': c.pref ? 'granted' : 'denied',
34                  'security_storage': 'granted'
35               });
36            }
37         }
38      } catch(e){}
39   })();
40   </script>
40
41   <!-- End Google Consent Mode v2 -->
42   <!-- Google Tag Manager -->
43   
43<script>
vendor: 339 bytes, lines 43-47
43(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
44   new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
45   j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
46   'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
47   })(window,document,'script','dataLayer','
47GTM-K9DWXFB
vendor: 3 bytes, line 47
47');
47</script>
47
48   <!-- End Google Tag Manager -->
49   <meta charset="utf-8" />
50   <meta http-equiv="x-ua-compatible" content="ie=edge" />
51   <meta name="viewport" content="width=device-width, initial-scale=1" />
52   <meta name="description" content="Fragen Sie Ihr kostenloses Erstgespräch an – zu Abläufen im Tagesgeschäft, kompletter Unternehmenssoftware oder einzelnen Formularen. In rund 2 Minuten angefragt – den Rest klären wir im Online-Meeting." />
53   <link rel="canonical" href="https://www.formilo.com/erstgespraech/" />
54   <title>Erstgespräch anfragen – Datenerfassung &amp; Software | Formilo</title>
55   <meta property="og:locale" content="de_DE" />
56   <meta property="og:type" content="website" />
57   <meta property="og:site_name" content="Formilo" />
58   <meta property="og:title" content="Erstgespräch anfragen – Datenerfassung &amp; Software | Formilo" />
59   <meta property="og:description" content="Fragen Sie Ihr kostenloses Erstgespräch an – zu Abläufen im Tagesgeschäft, kompletter Unternehmenssoftware oder einzelnen Formularen. In rund 2 Minuten angefragt – den Rest klären wir im Online-Meeting." />
60   <meta property="og:url" content="https://www.formilo.com/erstgespraech/" />
61   <meta property="og:image" content="https://www.formilo.com/img/allgemein/formilo-share.jpg" />
62
63   <meta name="twitter:card" content="summary_large_image" />
64   <meta name="twitter:site" content="@formiloDE" />
65   <meta name="twitter:title" content="Erstgespräch anfragen – Datenerfassung &amp; Software | Formilo" />
66   <meta name="twitter:description" content="Fragen Sie Ihr kostenloses Erstgespräch an – zu Abläufen im Tagesgeschäft, kompletter Unternehmenssoftware oder einzelnen Formularen. In rund 2 Minuten angefragt – den Rest klären wir im Online-Meeting." />
67   <meta name="twitter:image" content="https://www.formilo.com/img/allgemein/formilo-share.jpg" />
68
69   
69<script type="application/ld+json">
70   {
71      "@context": "https://schema.org",
72      "@graph": [
73         {
74            "@type": "Organization",
75            "@id": "https://www.formilo.com/#organization",
76            "name": "Formilo GmbH",
77            "alternateName": "Formilo",
78            "legalName": "Formilo GmbH",
79            "url": "https://www.formilo.com/",
80            "email": "[email protected]",
81            "telephone": "+493047032039",
82            "foundingDate": "2022-06-28",
83            "vatID": "DE355868236",
84            "description": "Formilo ist spezialisiert auf die betriebliche Datenerfassung im Tagesgeschäft: individuelle Anwendungen, mit denen Berichte, Zeiten, Aufträge und Projektdaten einmal erfasst und überall weiterverwendet werden. Auf Wunsch entwickelt Formilo auch die komplette Unternehmenssoftware – oder nur ein einzelnes Formular bzw. ein kleines Erfassungstool.",
85            "slogan": "Einmal drin, für alles drin.",
86            "numberOfEmployees": {
87               "@type": "QuantitativeValue",
88               "minValue": "15",
89               "maxValue": "20"
90            },
91            "founder": {
92               "@type": "Person",
93               "name": "Mehmet Bayram",
94               "jobTitle": "Geschäftsführer"
95            },
96            "address": {
97               "@type": "PostalAddress",
98               "streetAddress": "Stargarder Str. 33",
99               "postalCode": "10437",
100               "addressLocality": "Berlin",
101               "addressRegion": "Berlin",
102               "addressCountry": "DE"
103            },
104            "contactPoint": {
105               "@type": "ContactPoint",
106               "contactType": "customer service",
107               "telephone": "+493047032039",
108               "email": "[email protected]",
109               "areaServed": ["DE", "AT", "CH"],
110               "availableLanguage": ["de"],
111               "hoursAvailable": {
112                  "@type": "OpeningHoursSpecification",
113                  "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
114                  "opens": "09:00",
115                  "closes": "17:00"
116               }
117            },
118            "areaServed": [
119               { "@type": "Country", "name": "Deutschland" },
120               { "@type": "Country", "name": "Österreich" },
121               { "@type": "Country", "name": "Schweiz" }
122            ],
123            "knowsAbout": [
124               "Betriebliche Datenerfassung",
125               "Individuelle Softwareentwicklung",
126               "Unternehmenssoftware",
127               "Prozessoptimierung",
128               "Systemintegration",
129               "Digitalisierung im Mittelstand",
130               "Digitale Datenerfassung",
131               "Formulargestaltung",
132               "PDF-Formulare",
133               "Webformulare",
134               "Formularprogrammierung"
135            ],
136            "makesOffer": [
137               {
138                  "@type": "Offer",
139                  "description": "Schwerpunkt: individuelle Anwendungen für die Abwicklung von Aufträgen und Projekten – Berichte, Nachweise, Zeiten, Aufträge und Projektverwaltung. Kalkulation nach gemeinsamer Anforderungsaufnahme – als Festangebot oder auf Stundenbasis; nach Fertigstellung Eigentumsübergang ohne laufende Lizenzkosten.",
140                  "itemOffered": {
141                     "@type": "Service",
142                     "name": "Individuelle Anwendungen für die betriebliche Datenerfassung im Tagesgeschäft",
143                     "provider": { "@id": "https://www.formilo.com/#organization" }
144                  }
145               },
146               {
147                  "@type": "Offer",
148                  "description": "Auf Wunsch: die komplette Unternehmenssoftware aus einem Guss, einschließlich Kundenverwaltung, Angebote und Rechnungen. Kalkulation nach gemeinsamer Anforderungsaufnahme, Beauftragung Modul für Modul möglich.",
149                  "itemOffered": {
150                     "@type": "Service",
151                     "name": "Individuelle Unternehmenssoftware",
152                     "provider": { "@id": "https://www.formilo.com/#organization" }
153                  }
154               },
155               {
156                  "@type": "Offer",
157                  "description": "Ebenso möglich: einzelne Formulare, Eingabemasken und kleine Datenerfassungstools für einen klar abgegrenzten Zweck. Festpreisangebot vor der Umsetzung mit bis zu drei Korrekturschleifen.",
158                  "itemOffered": {
159                     "@type": "Service",
160                     "name": "Einzelne Formulare, Eingabemasken und kleine Datenerfassungstools",
161                     "provider": { "@id": "https://www.formilo.com/#organization" }
162                  }
163               }
164            ],
165            "identifier": {
166               "@type": "PropertyValue",
167               "propertyID": "HRB",
168               "name": "Handelsregisternummer (Amtsgericht Charlottenburg)",
169               "value": "HRB 243567 B"
170            },
171            "logo": {
172               "@type": "ImageObject",
173               "inLanguage": "de",
174               "@id": "https://www.formilo.com/#/schema/logo/image/",
175               "url": "https://www.formilo.com/img/allgemein/formilo-logo.png",
176               "contentUrl": "https://www.formilo.com/img/allgemein/formilo-logo.png",
177               "width": 512,
178               "height": 512,
179               "caption": "Formilo GmbH"
180            },
181            "image": {
182               "@id": "https://www.formilo.com/#/schema/logo/image/"
183            },
184            "sameAs": [
185               "https://www.facebook.com/formilopdf",
186               "https://x.com/formiloDE",
187               "https://www.instagram.com/formilopdf/",
188               "https://www.linkedin.com/company/formilo/",
189               "https://www.youtube.com/@formilo_com",
190               "https://www.youtube.com/@formilo_tutorials",
191               "https://www.youtube.com/@formilo_shorts",
192               "https://de.pinterest.com/formilo_com/",
193               "https://www.threads.net/@formilopdf",
194               "https://www.wikidata.org/wiki/Q134455458",
195               "https://maps.app.goo.gl/ewBkECeJ5CQHAv778",
196               "https://www.provenexpert.com/de-de/formilo-gmbh/",
197               "https://www.golocal.de/berlin/verlage/formilo-digitale-formulare-erstellen-YVn3L/",
198               "https://www.gelbeseiten.de/gsbiz/c8f0c3a9-1c5f-4617-bcf0-2e93fac87e14",
199               "https://www.goyellow.de/home/verlag-formilo-digitale-formulare-erstellen-berlin--4p66f9.html",
200               "https://www.yellowmap.de/Details/GQmHKKtj7x40pMj4k0MxRw==.aspx",
201               "https://maps.apple.com/place?place-id=I4175AC60BE0051AC&_provider=9902",
202               "https://www.11880.com/branchenbuch/berlin/052094857B112954836/formilo-gmbh.html"
203            ],
204            "subjectOf": [
205               {
206                  "@type": "NewsArticle",
207                  "headline": "Mehmet Bayram von der Formilo GmbH: Digitale Formulare für mehr Effizienz für Bau & Handwerk",
208                  "url": "https://pressemitteilungen.sueddeutsche.de/formilo-gmbh-6294604",
209                  "datePublished": "2026-06-15",
210                  "publisher": {
211                     "@type": "Organization",
212                     "name": "Süddeutsche Zeitung"
213                  }
214               },
215               {
216                  "@type": "NewsArticle",
217                  "headline": "Formilo GmbH: Wie professionelle Formulare Prozesse effizienter machen",
218                  "url": "https://gewinnermagazin.de/mehmet-bayram-von-der-formilo-gmbh-im-interview/",
219                  "datePublished": "2026-06-11",
220                  "author": {
221                     "@type": "Person",
222                     "name": "Anne Kläs"
223                  },
224                  "publisher": {
225                     "@type": "Organization",
226                     "name": "GEWINNERmagazin.de"
227                  }
228               }
229            ]
230         },
231         {
232            "@type": "WebSite",
233            "@id": "https://www.formilo.com/#website",
234            "url": "https://www.formilo.com/",
235            "name": "Formilo",
236            "alternateName": "formilo.com",
237            "description": "Formilo entwickelt individuelle Anwendungen für die Datenerfassung im Tagesgeschäft – auf Wunsch bis zur kompletten Unternehmenssoftware.",
238            "inLanguage": "de",
239            "publisher": {
240               "@id": "https://www.formilo.com/#organization"
241            }
242         }
243      ]
244   }
245   </script>
245
246   
246<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","url":"https://www.formilo.com/erstgespraech/","name":"Erstgespräch anfragen – Datenerfassung & Software","inLanguage":"de","isPartOf":{"@id":"https://www.formilo.com/#website"},"description":"Fragen Sie Ihr kostenloses Erstgespräch an – zu Abläufen im Tagesgeschäft, kompletter Unternehmenssoftware oder einzelnen Formularen. In rund 2 Minuten angefragt – den Rest klären wir im Online-Meeting."},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Start","item":"https://www.formilo.com/"},{"@type":"ListItem","position":2,"name":"Erstgespräch anfragen"}]}]}</script>
246
247
248   <link rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32x32.png" />
249   <link rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16x16.png" />
250   <link rel="icon" type="image/png" sizes="48x48" href="/img/favicon/favicon-48x48.png" />
251   <link rel="shortcut icon" href="/favicon.ico" />
252   <link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/apple-touch-icon.png" />
253   <link rel="manifest" href="/site.webmanifest" />
254   <meta name="theme-color" content="#0d4c6e" />
255
256   <!-- Webfonts lokal gehostet (kein Google-CDN, kein DSGVO-Drittlandtransfer) -->
257   <link rel="preload" as="font" type="font/woff2" href="/assets/fonts/google/lato-400-normal-latin.woff2" crossorigin />
258   <link rel="preload" as="font" type="font/woff2" href="/assets/fonts/google/lato-700-normal-latin.woff2" crossorigin />
259   <link rel="preload" as="font" type="font/woff2" href="/assets/fonts/google/libre-franklin-100-900-normal-latin.woff2" crossorigin />
260   <link rel="stylesheet" href="/assets/css/fonts.css?v=1785589124" />
261
262   <link rel="stylesheet" href="/assets/css/bootstrap.min.css" />
263   <link rel="stylesheet" href="/assets/fontawesome/css/all.min.css?v=1790765804" />
264   <link rel="stylesheet" href="/assets/css/animate.css" media="print" onload="this.media='all'" />
265   <link rel="stylesheet" href="/assets/css/solvior-icons.css" />
266   <link rel="stylesheet" href="/assets/css/swiper.min.css" />
267   <link rel="stylesheet" href="/assets/css/venobox.min.css" media="print" onload="this.media='all'" />
268   <link rel="stylesheet" href="/assets/css/meanmenu.css" media="print" onload="this.media='all'" />
269   <link rel="stylesheet" href="/assets/css/main.css?v=1785328032" />
270   <link rel="stylesheet" href="/assets/css/custom.css?v=1791111999" />
271</head>
272
273<body class="">
274   <!-- Google Tag Manager (noscript) -->
vendor: 71 bytes, lines 274-275
274
275   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
275GTM-K9DWXFB
vendor: 89 bytes, lines 275-277
275"
276   height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
277   
277<!-- End Google Tag Manager (noscript) -->
278   <div class="mouseCursor cursor-outer"></div>
279   <div class="mouseCursor cursor-inner"><span><i class="tji-angle-left"></i>Drag<i class="tji-angle-right"></i></span>
280   </div>
281   <div class="body-overlay"></div>
282   <div class="hamburger-area" data-lenis-prevent>
283      <div class="hamburger_bg"></div>
284      <div class="hamburger_wrapper">
285         <div class="hamburger_top d-flex align-items-center justify-content-between">
286            <div class="hamburger_logo">
287               <a href="/" class="mobile_logo">
288                  <img src="/img/allgemein/formilo-logo-wordmark.png" alt="Formilo" width="269" height="75" loading="eager" />
289               </a>
290            </div>
291            <div class="hamburger_close">
292               <button class="hamburger_close_btn hamburgerCloseBtn"><i class="fa-thin fa-times"></i></button>
293            </div>
294         </div>
295         <div class="hamburger_menu">
296            <div class="mobile_menu"></div>
297         </div>
298         <div class="hamburger-infos">
299            <div class="contact-info">
300               <div class="contact_item">
301                  <div class="text"><a class="link" href="mailto:[email protected]">[email protected]</a></div>
302               </div>
303               <div class="contact_item">
304                  <div class="text"><a class="link" href="tel:+493047032039">030 470 320 39</a></div>
305               </div>
306               <div class="contact_item">
307                  <div class="text"><a class="link" href="/erstgespraech/">Erstgespräch vereinbaren</a></div>
308               </div>
309            </div>
310         </div>
311      </div>
312   </div>
313
314   <header class="tj-header-area header-1 header-absolute header-sticky">
315      <div class="header-topbar">
316         <div class="container">
317            <div class="row">
318               <div class="col-12">
319                  <div class="header-topbar_wrap">
320                     <div class="topbar_note">
321                        <i class="tji-check"></i> Einmal drin, für alles drin: individuelle Anwendungen für Ihr Tagesgeschäft.
322                     </div>
323                     <div class="topbar_infos">
324                        <div class="info_item">
325                           <span><i class="tji-paper-plane"></i></span>
326                           <a href="/erstgespraech/">Schnellanfrage</a>
327                        </div>
328                        <div class="info_item">
329                           <span><i class="tji-email"></i></span>
330                           <a href="mailto:[email protected]">[email protected]</a>
331                        </div>
332                        <div class="info_item">
333                           <span><i class="tji-phone"></i></span>
334                           <a href="tel:+493047032039">030 470 320 39</a>
335                        </div>
336                     </div>
337                  </div>
338               </div>
339            </div>
340         </div>
341      </div>
342      <div class="header-bottom">
343         <div class="container">
344            <div class="row">
345               <div class="col-12">
346                  <div class="header-wrapper">
347
348                     <div class="site-logo">
349                        <a class="logo" href="/">
350                           <img src="/img/allgemein/formilo-logo-wordmark.png" alt="Formilo" width="269" height="75" loading="eager">
351                        </a>
352                     </div>
353
354                     <div class="mainmenu d-lg-block d-none" id="main-menu">
355                        <ul>
356                           <li><a href="/">Home</a></li>
357                           <li class="has-dropdown">
358                              <a href="/loesungen/">Lösungen</a>
359                              <ul class="sub-menu">
360                                 <li><a href="/loesungen/datenerfassung/">Datenerfassung</a></li>
361                                 <li><a href="/loesungen/softwareentwicklung/">Softwareentwicklung</a></li>
362                                 <li><a href="/loesungen/integrationen-schnittstellen/">Integrationen &amp; Schnittstellen</a></li>
363                                 <li><a href="/loesungen/digitalisierung/">Digitalisierung</a></li>
364                                 <li><a href="/loesungen/prozessoptimierung/">
364Prozessoptimierung</a></li>
365                                 <li><a href="/loesungen/ki-integration/">KI-Integration</a></li>
366                                 <li class="has-dropdown">
367                                    <a href="/loesungen/">Mehr</a>
368                                    <ul class="sub-menu">
369                                       <li><a href="/loesungen/automatisierung/">Automatisierung</a></li>
370                                       <li><a href="/loesungen/cloudbasierte-datenerfassung/">Cloudbasierte Datenerfassung</a></li>
371                                       <li><a href="/loesungen/it-beratung/">IT-Beratung</a></li>
372                                       <li><a href="/loesungen/it-loesungen/">IT-Lösungen</a></li>
373                                       <li><a href="/loesungen/formulare-erstellen-lassen/">Formulare erstellen</a></li>
374                                       <li><a href="/loesungen/formulare-bearbeiten/">Formulare bearbeiten</a></li>
375                                       <li><a href="/loesungen/softwareaehnliche-formulare/">Softwareähnliche Formulare</a></li>
376                                       <li><a href="/loesungen/funktionalitaeten-einbauen/">Funktionalitäten einbauen</a></li>
377                                       <li><a href="/loesungen/freelancer-software-entwickler-buchen/">Freelancer-Entwickler buchen</a></li>
378                                    </ul>
379                                 </li>
380                              </ul>
381                           </li>
382                           <li class="has-dropdown">
383                              <a href="/formulartechnologien/">Formulartechnologien</a>
384                              <ul class="sub-menu">
385                                 <li><a href="/formulartechnologien/formularcenter/">FormularCenter</a></li>
386                                  <li><a href="/formulartechnologien/tastaturfrei-ausfuellen/">Tastaturfreie Formulare</a></li>
387                                 <li><a href="/formulartechnologien/webformulare/">Webformulare</a></li>
388                                 <li><a href="/formulartechnologien/pdf-formulare/">Interaktive PDFs</a></li>
389                                 <li><a href="/formulartechnologien/craftnote-formulare/">Craftnote-Formulare</a></li>
390                                <li><a href="/formulartechnologien/barrierefreie-formulare/">Barrierefreie Formulare</a></li>
391                                  <li><a href="/formulartechnologien/interaktive-dynamische-formulare/">Interaktive &amp; dynamische Formulare</a></li>
392                             </ul>
393                           </li>
394                           <li class="has-dropdown ">
395                              <a href="/vordrucke/">Vordrucke</a>
396                              <ul class="sub-menu">
397                                 <li><a href="/vordrucke/stundenzettel/">Stundenzettel</a></li>
398                                 <li><a href="/vordrucke/rapportzettel/">Rapportzettel</a></li>
399                                 <li><a href="/vordrucke/arbeitsbericht/">Arbeitsbericht</a></li>
400                                 <li><a href="/vordrucke/bautagesbericht/">Bautagesbericht</a></li>
401                                 <li><a href="/vordrucke/bautagebuch/">Bautagebuch</a></li>
402                                 <li><a href="/vordrucke/wartungsprotokoll/">Wartungsprotokoll</a></li>
403                                 <li><a href="/vordrucke/regiebericht/">Regiebericht</a></li>
404                                 <li><a href="/vordrucke/aufmasszettel/">Aufmaßzettel</a></li>
405                                 <li><a href="/vordrucke/abnahmeprotokoll/">Abnahmeprotokoll</a></li>
406                                 <li><a href="/vordrucke/materialliste/">Materialliste</a></li>
407                                 <li class="vordrucke-all"><a href="/vordrucke/">Alle Vordrucke</a></li>
408                              </ul>
409                           </li>
410                           <li class="has-dropdown menu-branchen">
411                              <a href="/branchen/">Branchen</a>
412                              <ul class="sub-menu">
413                                 <li class="has-dropdown">
414                                    <a href="/branchen/bau/">Bau</a>
415                                    <ul class="sub-menu zweispaltig">
416                                       <li><a href="/branchen/bau/hochbau/">Hochbau</a></li>
417                                       <li><a href="/branchen/bau/rohbau/">Rohbau</a></li>
418                                       <li><a href="/branchen/bau/tiefbau/">Tiefbau</a></li>
419                                       <li><a href="/branchen/bau/strassenbau/">Straßenbau</a></li>
420                                       <li><a href="/branchen/bau/generalbau/">Generalbau</a></li>
421                                       <li><a href="/branchen/bau/bautraeger/">Bauträger</a></li>
422                                       <li><a href="/branchen/bau/abriss/">Abriss</a></li>
423                                       <li><a href="/branchen/bau/geruestbau/">Gerüstbau</a></li>
424                                       <li><a href="/branchen/bau/steinmetz/">Steinmetz</a></li>
425                                       <li><a href="/branchen/bau/architekturbuero/">Architekturbüro</a></li>
426                                       <li><a href="/branchen/bau/ingenieurbuero/">Ingenieurbüro</a></li>
427                                       <li><a href="/branchen/bau/statiker/">Statiker</a></li>
428                                       <li><a href="/branchen/bau/bauleitung/">Bauleitung</a></li>
429                                       <li><a href="/branchen/bau/arbeitssicherheit/">Arbeitssicherheit</a></li>
430                                       <li>
430<a href="/branchen/bau/vermessung/">Vermessung</a></li>
431                                    </ul>
432                                 </li>
433                                 <li class="has-dropdown">
434                                    <a href="/branchen/beratung-buero/">Beratung &amp; Büro</a>
435                                    <ul class="sub-menu">
436                                       <li><a href="/branchen/beratung-buero/steuerberater/">Steuerberater</a></li>
437                                       <li><a href="/branchen/beratung-buero/rechtsanwalt/">Rechtsanwalt</a></li>
438                                       <li><a href="/branchen/beratung-buero/versicherungsmakler/">Versicherungsmakler</a></li>
439                                       <li><a href="/branchen/beratung-buero/unternehmensberatung/">Unternehmensberatung</a></li>
440                                       <li><a href="/branchen/beratung-buero/werbeagentur/">Werbeagentur</a></li>
441                                       <li><a href="/branchen/beratung-buero/zeitarbeit/">Zeitarbeit</a></li>
442                                    </ul>
443                                 </li>
444                                 <li class="has-dropdown">
445                                    <a href="/branchen/energie-umwelt/">Energie &amp; Umwelt</a>
446                                    <ul class="sub-menu">
447                                       <li><a href="/branchen/energie-umwelt/entsorgung/">Entsorgung</a></li>
448                                       <li><a href="/branchen/energie-umwelt/recycling/">Recycling</a></li>
449                                       <li><a href="/branchen/energie-umwelt/energieversorger/">Energieversorger</a></li>
450                                       <li><a href="/branchen/energie-umwelt/wasserwirtschaft/">Wasserwirtschaft</a></li>
451                                       <li><a href="/branchen/energie-umwelt/energieberatung/">Energieberatung</a></li>
452                                    </ul>
453                                 </li>
454                                 <li class="has-dropdown">
455                                    <a href="/branchen/gebaeudedienstleistung/">Gebäudedienstleistung</a>
456                                    <ul class="sub-menu">
457                                       <li><a href="/branchen/gebaeudedienstleistung/reinigung/">Gebäudereinigung</a></li>
458                                       <li><a href="/branchen/gebaeudedienstleistung/facility/">Facility Management</a></li>
459                                       <li><a href="/branchen/gebaeudedienstleistung/winterdienst/">Winterdienst</a></li>
460                                       <li><a href="/branchen/gebaeudedienstleistung/schaedlingsbekaempfer/">Schädlingsbekämpfung</a></li>
461                                       <li><a href="/branchen/gebaeudedienstleistung/galabau/">Garten- und Landschaftsbau</a></li>
462                                    </ul>
463                                 </li>
464                                 <li class="has-dropdown">
465                                    <a href="/branchen/gebaeudetechnik/">Gebäudetechnik</a>
466                                    <ul class="sub-menu">
467                                       <li><a href="/branchen/gebaeudetechnik/sanitaer/">Sanitär</a></li>
468                                       <li><a href="/branchen/gebaeudetechnik/elektrotechnik/">Elektrotechnik</a></li>
469                                       <li><a href="/branchen/gebaeudetechnik/kaeltetechnik/">Klima- und Kältetechnik</a></li>
470                                       <li><a href="/branchen/gebaeudetechnik/solartechnik/">Solartechnik</a></li>
471                                       <li><a href="/branchen/gebaeudetechnik/montage-installation/">Montage und Installation</a></li>
472                                       <li><a href="/branchen/gebaeudetechnik/telekommunikation/">Telekommunikation</a></li>
473                                       <li><a href="/branchen/gebaeudetechnik/schornsteinfeger/">Schornsteinfeger</a></li>
474                                    </ul>
475                                 </li>
476                                 <li class="has-dropdown">
477                                    <a href="/branchen/gesundheit/">Gesundheit</a>
478                                    <ul class="sub-menu">
479                                       <li><a href="/branchen/gesundheit/pflege/">Pflege</a></li>
480                                       <li><a href="/branchen/gesundheit/arztpraxis/">Arztpraxis</a></li>
481                                       <li><a href="/branchen/gesundheit/therapiepraxis/">Therapiepraxis</a></li>
482                                       <li>
482<a href="/branchen/gesundheit/klinik/">Klinik</a></li>
483                                       <li><a href="/branchen/gesundheit/labor/">Labor</a></li>
484                                       <li><a href="/branchen/gesundheit/rettungsdienst/">Rettungsdienst</a></li>
485                                       <li><a href="/branchen/gesundheit/apotheke/">Apotheke</a></li>
486                                       <li><a href="/branchen/gesundheit/tierarztpraxis/">Tierarztpraxis</a></li>
487                                    </ul>
488                                 </li>
489                                 <li class="has-dropdown">
490                                    <a href="/branchen/handwerk/">Handwerk</a>
491                                    <ul class="sub-menu zweispaltig">
492                                       <li><a href="/branchen/handwerk/malerbetrieb/">Malerbetrieb</a></li>
493                                       <li><a href="/branchen/handwerk/innenausbau/">Innenausbau</a></li>
494                                       <li><a href="/branchen/handwerk/fliesenleger/">Fliesenleger</a></li>
495                                       <li><a href="/branchen/handwerk/bodenverleger/">Bodenverleger</a></li>
496                                       <li><a href="/branchen/handwerk/stuckateur/">Stuckateur</a></li>
497                                       <li><a href="/branchen/handwerk/tischler/">Tischler</a></li>
498                                       <li><a href="/branchen/handwerk/zimmerer/">Zimmerer</a></li>
499                                       <li><a href="/branchen/handwerk/dachdecker/">Dachdecker</a></li>
500                                       <li><a href="/branchen/handwerk/klempner/">Klempner</a></li>
501                                       <li><a href="/branchen/handwerk/spenglerei/">Spenglerei</a></li>
502                                       <li><a href="/branchen/handwerk/metallbau/">Metallbau, Schlosserei, Torbau</a></li>
503                                       <li><a href="/branchen/handwerk/fensterbau/">Fensterbau, Türenbau</a></li>
504                                       <li><a href="/branchen/handwerk/rollladen/">Rollladen</a></li>
505                                       <li><a href="/branchen/handwerk/glaserei/">Glaserei</a></li>
506                                       <li><a href="/branchen/handwerk/raumausstatter/">Raumausstatter</a></li>
507                                       <li><a href="/branchen/handwerk/kuechenbau/">Küchenbau</a></li>
508                                       <li><a href="/branchen/handwerk/leckageortung/">Leckageortung</a></li>
509                                       <li><a href="/branchen/handwerk/trocknungstechnik/">Trocknungstechnik</a></li>
510                                    </ul>
511                                 </li>
512                                 <li class="has-dropdown">
513                                    <a href="/branchen/immobilien/">Immobilien</a>
514                                    <ul class="sub-menu">
515                                       <li><a href="/branchen/immobilien/hausverwaltung/">Hausverwaltung</a></li>
516                                       <li><a href="/branchen/immobilien/wohnungsgesellschaft/">Wohnungsgesellschaft</a></li>
517                                       <li><a href="/branchen/immobilien/immobilienmakler/">Immobilienmakler</a></li>
518                                       <li><a href="/branchen/immobilien/immobiliengutachter/">Immobiliengutachter</a></li>
519                                    </ul>
520                                 </li>
521                                 <li class="has-dropdown">
522                                    <a href="/branchen/industrie/">Industrie</a>
523                                    <ul class="sub-menu">
524                                       <li><a href="/branchen/industrie/maschinenbau/">Maschinenbau</a></li>
525                                       <li><a href="/branchen/industrie/anlagenbau/">Anlagenbau</a></li>
526                                       <li><a href="/branchen/industrie/metallverarbeitung/">Metallverarbeitung</a></li>
527                                       <li><a href="/branchen/industrie/stahlbau/">Stahlbau</a></li>
528                                       <li><a href="/branchen/industrie/kunststoffverarbeitung/">Kunststoffverarbeitung</a></li>
529                                       <li><a href="/branchen/industrie/elektronikfertigung/">Elektronikfertigung</a></li>
530                                       <li><a href="/branchen/industrie/werkzeugbau/">Werkzeugbau</a></li>
531                                       <li><a href="/branchen/industrie/holzverarbeitung/">Holzverarbeitung</a></li>
532                                       <li><a href="/branchen/industrie/maschinenvermietung/">Maschinenvermietung</a></li>
533                                    </ul>
534                                 </li>
535                                 <li class="has-dropdown">
536                                    <a href="/branchen/oeffentlich/">Öffentliche Hand</a>
537                                    <ul class="sub-menu">
538                                       <li><a href="/branchen/oeffentlich/kommune/">Kommune</a></li>
539                                       <li><a href="/branchen/oeffentlich/behoerde/">Behörde</a></li>
540                                       <li><a href="/branchen/oeffentlich/feuerwehr/">
540Feuerwehr</a></li>
541                                       <li><a href="/branchen/oeffentlich/verein/">Verein und Verband</a></li>
542                                       <li><a href="/branchen/oeffentlich/gemeinnuetzig/">Gemeinnützige Organisation</a></li>
543                                       <li><a href="/branchen/oeffentlich/soziale-einrichtung/">Soziale Einrichtung</a></li>
544                                    </ul>
545                                 </li>
546                                 <li class="has-dropdown menu-mehr">
547                                    <a href="/branchen/">Mehr</a>
548                                    <ul class="sub-menu">
549                                       <li class="has-dropdown">
550                                          <a href="/branchen/agrar-forst/">Agrar &amp; Forst</a>
551                                          <ul class="sub-menu">
552                                             <li><a href="/branchen/agrar-forst/landwirtschaft/">Landwirtschaft</a></li>
553                                             <li><a href="/branchen/agrar-forst/forstbetrieb/">Forstbetrieb</a></li>
554                                             <li><a href="/branchen/agrar-forst/lebensmittelproduktion/">Lebensmittelproduktion</a></li>
555                                          </ul>
556                                       </li>
557                                       <li class="has-dropdown">
558                                          <a href="/branchen/bildung/">Bildung</a>
559                                          <ul class="sub-menu">
560                                             <li><a href="/branchen/bildung/schule/">Schule</a></li>
561                                             <li><a href="/branchen/bildung/kita/">Kita</a></li>
562                                             <li><a href="/branchen/bildung/bildungstraeger/">Bildungsträger</a></li>
563                                          </ul>
564                                       </li>
565                                       <li class="has-dropdown">
566                                          <a href="/branchen/gastgewerbe/">Gastgewerbe</a>
567                                          <ul class="sub-menu">
568                                             <li><a href="/branchen/gastgewerbe/gastronomie/">Gastronomie</a></li>
569                                             <li><a href="/branchen/gastgewerbe/hotellerie/">Hotellerie</a></li>
570                                             <li><a href="/branchen/gastgewerbe/catering/">Catering</a></li>
571                                          </ul>
572                                       </li>
573                                       <li class="has-dropdown">
574                                          <a href="/branchen/handel/">Handel</a>
575                                          <ul class="sub-menu">
576                                             <li><a href="/branchen/handel/grosshandel/">Großhandel</a></li>
577                                             <li><a href="/branchen/handel/baustoffhandel/">Baustoffhandel</a></li>
578                                             <li><a href="/branchen/handel/einzelhandel/">Einzelhandel</a></li>
579                                             <li><a href="/branchen/handel/ecommerce/">E-Commerce</a></li>
580                                          </ul>
581                                       </li>
582                                       <li class="has-dropdown">
583                                          <a href="/branchen/kfz/">Kfz</a>
584                                          <ul class="sub-menu">
585                                             <li><a href="/branchen/kfz/kfz-werkstatt/">Kfz-Werkstatt</a></li>
586                                             <li><a href="/branchen/kfz/nutzfahrzeugservice/">Nutzfahrzeugservice</a></li>
587                                             <li><a href="/branchen/kfz/baumaschinentechnik/">Baumaschinentechnik</a></li>
588                                             <li><a href="/branchen/kfz/landmaschinentechnik/">Landmaschinentechnik</a></li>
589                                             <li><a href="/branchen/kfz/karosseriebau/">Karosseriebau</a></li>
590                                             <li><a href="/branchen/kfz/lackiererei/">Lackiererei</a></li>
591                                             <li><a href="/branchen/kfz/autohaus/">Autohaus</a></li>
592                                          </ul>
593                                       </li>
594                                       <li class="has-dropdown">
595                                          <a href="/branchen/sicherheit/">Sicherheit</a>
596                                          <ul class="sub-menu">
597                                             <li><a href="/branchen/sicherheit/brandschutz/">Brandschutz</a></li>
598                                             <li><a href="/branchen/sicherheit/sicherheitstechnik/">Sicherheitstechnik</a></li>
599                                             <li><a href="/branchen/sicherheit/sicherheitsdienst/">Sicherheitsdienst</a></li>
600                                          </ul>
601                                       </li>
602                                       <li class="has-dropdown">
603                                          <a href="/branchen/transport-logistik/">Transport &amp; Logistik</a>
604                                          <ul class="sub-menu">
605                                             <li><a href="/branchen/transport-logistik/spedition/">Spedition</a></li>
606                                             <li><a href="/branchen/transport-logistik/lagerlogistik/">Lagerlogistik</a></li>
607                                             <li><a href="/branchen/transport-logistik/kurierdienst/">Kurierdienst</a></li>
608                                             <li><a href="/branchen/transport-logistik/umzugsunternehmen/">Umzugsunternehmen</a></li>
609                                             <li><a href="/branchen/transport-logistik/schwertransport/">Schwertransport</a></li>
610                                             <li><a href="/branchen/transport-logistik/fuhrpark/">Fuhrpark</a></li>
611                                          </ul>
612                                       </li>
613                                    </ul>
614                                 </li>
615                              </ul>
616                           </li>
617                           <li class="has-dropdown">
618                              <a href="/formilo/">Formilo</a>
619                              <ul class="sub-menu">
620                                 <li><a href="/formilo/unternehmen/">Unternehmen</a></li>
621                                 <li><a href="/formilo/zielgruppen/">Zielgruppen</a></li>
622                                 <li><a href="/formilo/team/">Team</a></li>
623                                 <li><a href="/formilo/mission/">Mission</a></li>
624                                 <li><a href="/formilo/vision/">Vision</a></li>
625                              </ul>
626                           </li>
627                           <li class="has-dropdown">
628                              <a href="/info/">Info</a>
629                              <ul class="sub-menu">
630                                 <li><a href="/info/faq/">FAQ</a></li>
631                                 <li><a href="/info/projektablauf/">Projektablauf</a></li>
632                                 <li><a href="/info/benutzbarkeit-und-layout/">Benutzbarkeit &amp; Layout</a></li>
633                                 <li><a href="/info/reduzierte-tipparbeit/">Reduzierte Tipparbeit</a></li>
634                                 <li><a href="/ratgeber/">Ratgeber</a></li>
635                              </ul>
636                           </li>
637                           <li><a href="/kontakt/">Kontakt</a></li>
638                        </ul>
639                     </div>
640
641                     <div class="header_right_info d-none d-md-inline-flex">
642                        <a href="/erstgespraech/" class="tj-primary-btn header_btn">
643                           <div class="btn_inner">
644                              <div class="btn_icon">
645                                 <span>
646                                    <i class="tji-arrow-right"></i>
647                                    <i class="tji-arrow-right"></i>
648                                 </span>
649                              </div>
650                              <div class="btn_text">
651                                 <span>Erstgespräch</span>
652                              </div>
653                           </div>
654                        </a>
655                     </div>
656
657                     <button class="menu_btn d-lg-none hamburgerBtn">
658                        Menu
659                        <span class="cubes">
660                           <span></span>
661                           <span></span>
662                           <span></span>
663                           <span></span>
664                        </span>
665                     </button>
666                  </div>
667               </div>
668            </div>
669         </div>
670      </div>
671   </header>
672<link rel="stylesheet" href="/php/erstgespraech.css" />
673
674<main id="primary" class="site-main">
675
676   <section class="eg-section section-space">
677      <div class="container">
678
679         <!-- Überschrift -->
680         <div class="row justify-content-center">
681            <div class="col-xl-9 col-lg-10">
682               <div class="eg-intro">
683                  <h1 class="eg-title">Anfrage für kostenloses Erstgespräch</h1>
684               </div>
685            </div>
686         </div>
687
688         <div class="row justify-content-center">
689            <div class="col-xl-9 col-lg-10">
690               <div class="eg-card" id="egCard">
691
692                  <!-- Fortschritt -->
693                  <div class="eg-progress" id="egProgressWrap">
694                     <div class="eg-progress-head">
695                        <span class="eg-step-label" id="egStepLabel">Schritt 1 von 7</span>
696                        <span class="eg-step-pct" id="egStepPct">0&nbsp;%</span>
697                     </div>
698                     <div class="eg-progress-bar"><span id="egProgressFill"></span></div>
699                  </div>
700
701                  <form id="egForm" novalidate>
702
703                     <!-- Honeypot (für Menschen unsichtbar) -->
704                     <div class="eg-hp" aria-hidden="true">
705                        <label>Bitte dieses Feld leer lassen <input type="text" name="hp_kontaktzeit" tabindex="-1" autocomplete="off"></label>
706                     </div>
707                     <input type="hidden" name="pruefung" id="egPruefung" value="1791180649">
708                     <input type="hidden" name="verlauf" id="egVerlauf" value="[{&quot;url&quot;:&quot;\/erstgespraech\/&quot;,&quot;ts&quot;:1791180649}]">
709
710                     <!-- ============ Schritt 1: Probleme ============ -->
711                     <div class="eg-step is-active" data-step="1">
712                        <h2 class="eg-q">Was bereitet Ihnen aktuell die größten Probleme?</h2>
713                        <p class="eg-hint"><span class="eg-multi">Mehrfachauswahl möglich</span></p>
714                        <div class="eg-options eg-cols-2">
715                           <label class="eg-tile" data-type="checkbox">
716                              <input type="checkbox" name="probleme[]" value="Dieselben Angaben mehrfach eingeben">
717                              <span class="eg-mark"></span>
718                              <span class="eg-tile-text"><span class="eg-tile-title">Dieselben Angaben mehrfach eingeben</span></span>
719                           </label>
720                           <label class="eg-tile" data-type="checkbox">
721                              <input type="checkbox" name="probleme[]" value="Das Ausfüllen kostet zu viel Zeit">
722                              <span class="eg-mark"></span>
723                              <span class="eg-tile-text"><span class="eg-tile-title">Das Ausfüllen kostet zu viel Zeit</span></span>
724                           </label>
725                           <label class="eg-tile" data-type="checkbox">
726                              <input type="checkbox" name="probleme[]" value="Zettel gehen verloren oder sind unleserlich">
727                              <span class="eg-mark"></span>
728                              <span class="eg-tile-text"><span class="eg-tile-title">Zettel gehen verloren oder sind unleserlich</span></span>
729                           </label>
730                           <label class="eg-tile" data-type="checkbox">
731                              <input type="checkbox" name="probleme[]" value="Außendienst reicht Daten manuell ein">
732                              <span class="eg-mark"></span>
733                              <span class="eg-tile-text"><span class="eg-tile-title">Außendienst reicht Daten manuell ein</span></span>
734                           </label>
735                           <label class="eg-tile" data-type="checkbox">
736                              <input type="checkbox" name="probleme[]" value="Nachbearbeitung am Abend oder Wochenende">
737                              <span class="eg-mark"></span>
738                              <span class="eg-tile-text"><span class="eg-tile-title">Nachbearbeitung am Abend oder Wochenende</span></span>
739                           </label>
740                           <label class="eg-tile" data-type="checkbox">
741                              <input type="checkbox" name="probleme[]" value="Be
741im Ausfüllen schleichen sich Fehler ein">
742                              <span class="eg-mark"></span>
743                              <span class="eg-tile-text"><span class="eg-tile-title">Beim Ausfüllen schleichen sich Fehler ein</span></span>
744                           </label>
745                        </div>
746                     </div>
747
748                     <!-- ============ Schritt 2: Ziele / Nutzen ============ -->
749                     <div class="eg-step" data-step="2">
750                        <h2 class="eg-q">Was wünschen Sie sich von unserer Lösung?</h2>
751                        <p class="eg-hint"><span class="eg-multi">Mehrfachauswahl möglich</span></p>
752                        <div class="eg-options eg-cols-2">
753                           <label class="eg-tile" data-type="checkbox">
754                              <input type="checkbox" name="ziele[]" value="Weniger Dokumentationsaufwand">
755                              <span class="eg-mark"></span>
756                              <span class="eg-tile-text"><span class="eg-tile-title">Weniger Dokumentationsaufwand</span></span>
757                           </label>
758                           <label class="eg-tile" data-type="checkbox">
759                              <input type="checkbox" name="ziele[]" value="Fehler, Rückfragen und Nacharbeit reduzieren">
760                              <span class="eg-mark"></span>
761                              <span class="eg-tile-text"><span class="eg-tile-title">Fehler, Rückfragen und Nacharbeit reduzieren</span></span>
762                           </label>
763                           <label class="eg-tile" data-type="checkbox">
764                              <input type="checkbox" name="ziele[]" value="Aufträge schneller abschließen und abrechnen">
765                              <span class="eg-mark"></span>
766                              <span class="eg-tile-text"><span class="eg-tile-title">Aufträge schneller abschließen und abrechnen</span></span>
767                           </label>
768                           <label class="eg-tile" data-type="checkbox">
769                              <input type="checkbox" name="ziele[]" value="Kosten senken und produktiver arbeiten">
770                              <span class="eg-mark"></span>
771                              <span class="eg-tile-text"><span class="eg-tile-title">Kosten senken und produktiver arbeiten</span></span>
772                           </label>
773                           <label class="eg-tile" data-type="checkbox">
774                              <input type="checkbox" name="ziele[]" value="Büro und Geschäftsführung entlasten">
775                              <span class="eg-mark"></span>
776                              <span class="eg-tile-text"><span class="eg-tile-title">Büro und Geschäftsführung entlasten</span></span>
777                           </label>
778                           <label class="eg-tile" data-type="checkbox">
779                              <input type="checkbox" name="ziele[]" value="Weniger Überstunden, planbarer Feierabend">
780                              <span class="eg-mark"></span>
781                              <span class="eg-tile-text"><span class="eg-tile-title">Weniger Überstunden, planbarer Feierabend</span></span>
782                           </label>
783                        </div>
784                     </div>
785
786                     <!-- ============ Schritt 3: Anliegen ============ -->
787                     <div class="eg-step" data-step="3">
788                        <h2 class="eg-q">Was können wir für Sie tun?</h2>
789                        <div class="eg-options eg-cols-1">
790                           <label class="eg-tile" data-type="radio">
791                              <input type="radio" name="anliegen" value="Abläufe im Tagesgeschäft digitalisieren (Berichte, Zeiten, Aufträge, Projekte)">
792                              <span class="eg-mark"></span>
793                              <span class="eg-tile-text">
794                                 <span class="eg-tile-title">Abläufe im Tagesgeschäft digitalisieren – Berichte, Zeiten, Aufträge, Projekte</span>
795                              </span>
796                           </label>
797                           <label class="eg-tile" data-type="radio">
798                              <input type="radio" name="anliegen" value="Komplette Software für das Unternehmen entwickeln lassen">
799                              <span class="eg-mark"></span>
800                              <span class="eg-tile-text">
801                                 <span class="eg-tile-title">Komplette Software für unser Unternehmen entwickeln lassen</span>
802                              </span>
803                           </label>
804                           <label class="eg-tile" data-type="radio">
805                              <input type="radio" name="anliegen" value="Einzelne Formulare oder kleines Erfassungstool erstellen / modernisieren">
806                              <span class="eg-mark"></span>
807                              <span class="eg-tile-text">
808                                 <span class="eg-tile-title">Einzelne Formulare oder ein kleines Erfassungstool erstellen bzw. modernisieren</span>
809                              </span>
810                           </label>
811                           <label class="eg-tile" data-type="radio">
812                              <input type="radio" name="anliegen" value="Weiß es noch nicht – erst mal beraten lassen">
813                              <span class="eg-mark"></span>
814                              <span class="eg-tile-text">
815                                 <span class="eg-tile-title">Weiß ich noch nicht – erst einmal beraten lassen</span>
816                              </span>
817                           </label>
818                        </div>
819                     </div>
820
821                     <!-- ============ Schritt 4: Anzahl Formulare / Abläufe ============ -->
822                     <div class="eg-step" data-step="4">
823                        <h2 class="eg-q">Um wie viele verschiedene Formulare oder Abläufe geht es ungefähr?</h2>
824                        <p class="eg-hint">Egal ob ein einzelnes Formular oder viele Abläufe im Betrieb – wir starten dort, wo es am meisten bringt.</p>
825                        <div class="eg-options eg-cols-2">
826                           <label class="eg-tile" data-type="radio">
827                              <input type="radio" name="anzahl" value="1–10">
828                              <span class="eg-mark"></span>
829                              <span class="eg-tile-text"><span class="eg-tile-title">1 – 10</span></span>
830                           </label>
831                           <label class="eg-tile" data-type="radio">
832                              <input type="radio" name="anzahl" value="11–20">
833                              <span class="eg-mark"></span>
834                              <span class="eg-tile-text"><span class="eg-tile-title">11 – 20</span></span>
835                           </label>
836                           <label class="eg-tile" data-type="radio">
837                              <input type="radio" name="anzahl" value="Mehr als 20">
838                              <span class="eg-mark"></span>
839                              <span class="eg-tile-text"><span class="eg-tile-title">Mehr als 20</span></span>
840                           </label>
841                           <label class="eg-tile" data-type="radio">
842                              <input type="radio" name="anzahl" value="Weiß ich noch nicht">
843                              <span class="eg-mark"></span>
844                              <span class="eg-tile-text"><span class="eg-tile-title">Weiß ich noch nicht</span></span>
845                           </label>
846                        </div>
847                     </div>
848
849                     <!-- ============ Schritt 5: Vorlagen ============ -->
850                     <div class="eg-step" data-step="5">
851                        <h2 class="eg-q">Liegen Ihnen dafür schon Vorlagen, Beispiele oder Beschreibungen vor?</h2>
852                        <p class="eg-hint">Egal ob eigene Formulare, Excel-Listen, eine Ablaufbeschreibung oder ein Beispiel, das Ihnen gefällt.</p>
853                        <div class="eg-options eg-cols-2">
854                           <label class="eg-tile" data-type="radio">
855                              <input type="radio" name="vorlagen" value="Ja">
856                              <span class="eg-mark"></span>
857                              <span class="eg-tile-text"><span class="eg-tile-title">Ja, liegen vor</span></span>
858                           </label>
859                           <label class="eg-tile" data-type="radio">
860                              <input type="radio" name="vorlagen" value="Nein">
861                              <span class="eg-mark"></span>
862                              <span class="eg-tile-text"><span class="eg-tile-title">Nein</span></span>
863                           </label>
864                        </div>
865
866                        <!-- Reveal bei "Ja": Vorlagen direkt mitschicken -->
867                        <div class="eg-reveal" id="egJaReveal" hidden>
868                           <label class="eg-tile eg-tile-wide" data-type="checkbox">
869                              <input type="checkbox" name="mitschicken" value="Ja">
870                              <span class="eg-mark"></span>
871                              <span class="eg-tile-text">
872                                 <span class="eg-tile-title">Ich möchte meine Unterlagen gleich mitschicken</span>
873                                 <span class="eg-tile-sub">Optional – das beschleunigt Ihr Erstgespräch spürbar. Scan, Foto, Word, Excel, PDF genügt.</span>
874                              </span>
875                           </label>
876
877                           <div class="eg-reveal" id="egUploadReveal" hidden>
878                              <div class="eg-drop" id="egDrop">
879                                 <input type="file" id="egFileInput" multiple
880                                        accept=".pdf,.jpg,.jpeg,.png,.webp,.gif,.heic,.doc,.docx,.xls,.xlsx,.csv,.txt,.odt,.ods,.ppt,.pptx">
881                                 <div class="eg-drop-inner">
882                                    <i class="fa-solid fa-cloud-arrow-up"></i>
883                                    <p class="eg-drop-title">Dateien hierher ziehen oder <span>auswählen</span></p>
884                                    <p class="eg-drop-sub">Mehrere Dateien möglich · max. 15 MB pro Datei</p>
885                                 </div>
886                              </div>
887                              <ul class="eg-filelist" id="egFileList"></ul>
888                              <p class="eg-note"><i class="fa-solid fa-lock"></i> Sie können die Unterlagen auch später zukommen lassen. Gerne unterschreiben wir zuvor auch eine Geheimhaltungsvereinbarung.</p>
889                           </div>
890                        </div>
891
892                        <!-- Reveal bei "Nein" -->
893                        <div class="eg-reveal" id="egNeinReveal" hidden>
894                           <label class="eg-tile eg-tile-wide" data-type="checkbox">
895                              <input type="checkbox" name="beispiele_gewuenscht" value="Ja">
896                              <span class="eg-mark"></span>
897                              <span class="eg-tile-text">
898                                 <span class="eg-tile-title">Ich möchte Beispiele erhalten</span>
899                                 <span class="eg-tile-sub">Wir senden sie Ihnen vor dem Erstgespräch per E-Mail zu.</span>
900                              </span>
901                           </label>
902
903                           <div class="eg-reveal" id="egBeispielReveal" hidden>
904                              <p class="eg-sub-q">Für welche Formulare wünschen Sie sich Beispiele? <span class="eg-multi">Mehrfachauswahl möglich</span></p>
905                              <div class="eg-options eg-cols-2 eg-options-compact">
906                                                                  <label class="eg-tile eg-tile-sm" data-type="checkbox">
907                                    <input type="checkbox" name="beispiel_formulare[]" value="Abnahmeprotokoll">
908                                    <span class="eg-mark"></span>
909                                    <span class="eg-tile-text"><span class="eg-tile-title">Abnahmeprotokoll</span></span>
910                                 </label>
911                                                                  <label class="eg-tile eg-tile-sm" data-type="checkbox">
912                                    <input type="checkbox" name="beispiel_formulare[]" value="Arbeitsbericht">
913                                    <span class="eg-mark"></span>
914                                    <span class="eg-tile-text"><span class="eg-tile-title">Arbeitsbericht</span></span>
915                                 </label>
916                                                                  <label class="eg-tile eg-tile-sm" data-type="checkbox">
917                                    <input type="checkbox" name="beispiel_formulare[]" value="Aufmaß / Aufmaßblatt">
918                                    <span class="eg-mark"></span>
919                                    <span class="eg-tile-text"><span class="eg-tile-title">Aufmaß / Aufmaßblatt</span></span>
920                                 </label>
921                                                                  <label class="eg-tile eg-tile-sm" data-type="checkbox">
922                                    <input type="checkbox" name="beispiel_formulare[]" value="Auftragsformular">
923                                    <span class="eg-mark"></span>
924                                    <span class="eg-tile-text"><span class="eg-tile-title">Auftragsformular</span></span>
925                                 </label>
926                                                                  <label class="eg-tile eg-tile-sm" data-type="checkbox">
927                                    <input type="checkbox" name="beispiel_formulare[]" value="Bautagebuch">
928                                    <span class="eg-mark"></span>
929                                    <span class="eg-tile-text"><span class="eg-tile-title">Bautagebuch</span></span>
930                                 </label>
931                                                                  <label class="eg-tile eg-tile-sm" data-type="checkbox">
932                                    <input type="checkbox" name="beispiel_formulare[]" value="Bautagesbericht">
933                                    <span class="eg-mark"></span>
934                                    <span class="eg-tile-text"><span class="eg-tile-title">Bautagesbericht</span></span>
935                                 </label>
936                                                                  <label class="eg-tile eg-tile-sm" data-type="checkbox">
937                                    <input type="checkbox" name="beispiel_formulare[]" value="Bedenkenanzeige">
938                                    <span class="eg-mark"></span>
939                                    <span class="eg-tile-text"><span class="eg-tile-title">Bedenkenanzeige</span></span>
940                                 </label>
941                                                                  <label class="eg-tile eg-tile-sm" data-type="checkbox">
942                                    <input type="checkbox" name="beispiel_formulare[]" value="Behinderungsanzeige">
943                                    <span class="eg-mark"></span>
944                                    <span class="eg-tile-text"><span class="eg-tile-title">Behinderungsanzeige</span></span>
945                                 </label>
946                                                                  <label class="eg-tile eg-tile-sm" data-type="checkbox">
947                                    <input type="checkbox" name="beispiel_formulare[]" value="Bestellformular">
948                                    <span class="eg-mark"></span>
949                                    <span class="eg-tile-text"><span class="eg-tile-title">Bestellformular</span></span>
950                                 </label>
951                                                                  <label class="eg-tile eg-tile-sm" data-type="checkbox">
952                                    <input type="checkbox" name="beispiel_formulare[]" value="Checkliste">
953                                    <span class="eg-mark"></span>
954                                    <span class="eg-tile-text"><span class="eg-tile-title">Checkliste</span></span>
955                                 </label>
956                                                                  <label class="eg-tile eg-tile-sm" data-type="checkbox">
957                                    <input type="checkbox" name="beispiel_formulare[]" value="Einweisungsprotokoll">
958                                    <span class="eg-mark"></span>
959                                    <span class="eg-tile-text"><span class="eg-tile-title">Einweisungsprotokoll</span></span>
960                                 </label>
961                                                                  <label class="eg-tile eg-tile-sm" data-type="checkbox">
962                                    <input type="checkbox" name="beispiel_formulare[]" value="Fachunternehmererklärung">
963                                    <span class="eg-mark"></span>
964                                    <span class="eg-tile-text"><span class="eg-tile-title">Fachunternehmererklärung</span></span>
965                                 </label>
966                                                                  <label class="eg-tile eg-tile-sm" data-type="checkbox">
967                                    <input type="checkbox" name="beispiel_formulare[]" value="Fotodokumentation">
968                                    <span class="eg-mark"></span>
969                                    <span class="eg-tile-text"><span class="eg-tile-title">Fotodokumentation</span></span>
970                                 </label>
971                                                                  <label class="eg-tile eg-tile-sm" data-type="checkbox">
972                                    <input type="checkbox" name="beispiel_formulare[]" value="Mängelerfassung">
973                                    <span class="eg-mark"></span>
974                                    <span class="eg-tile-text"><span class="eg-tile-title">Mängelerfassung</span></span>
975                                 </label>
976                                                                  <label class="eg-tile eg-tile-sm" data-type="checkbox">
977                                    <input type="checkbox" name="beispiel_formulare[]" value="Materialliste">
978                                    <span class="eg-mark"></span>
979                                    <span class="eg-tile-text"><span class="eg-tile-title">Materialliste</span></span>
980                                 </label>
981                                                                  <label class="eg-tile eg-tile-sm" data-type="checkbox">
982                                    <input type="checkbox" name="beispiel_formulare[]" value="Notizzettel">
983                                    <span class="eg-mark"></span>
984                                    <span class="eg-tile-text"><span class="eg-tile-title">Notizzettel</span></span>
985                                 </label>
986                                                                  <label class="eg-tile eg-tile-sm" data-type="checkbox">
987                                    <input type="checkbox" name="beispiel_formulare[]" value="Personalfragebogen">
988                                    <span class="eg-mark"></span>
989                                    <span class="eg-tile-text"><span class="eg-tile-title">Personalfragebogen</span></span>
990                                 </label>
991                                                                  <label class="eg-tile eg-tile-sm" data-type="checkbox">
992                                    <input type="checkbox" name="beispiel_formulare[]" value="Rapportzettel">
993                                    <span class="eg-mark"></span>
994                                    <span class="eg-tile-text"><span class="eg-tile-title">Rapportzettel</span></span>
995                                 </label>
996                                                                  <label class="eg-tile eg-tile-sm" data-type="checkbox">
997                                    <input type="checkbox" name="beispiel_formulare[]" value="Regiebericht">
998                                    <span class="eg-mark"></span>
999                                    <span class="eg-tile-text"><span class="eg-tile-title">Regiebericht</span></span>
1000                                 </label>
1001                                                                  <label class="eg-tile eg-tile-sm" data-type="checkbox">
1002                                    <input type="checkbox" name="beispiel_formulare[]" value="Reisekostenabrechnung">
1003                                    <span class="eg-mark"></span>
1004                                    <span class="eg-tile-text"><span class="eg-tile-title">Reisekostenabrechnung</span></span>
1005                                 </label>
1006                                                                  <label class="eg-tile eg-tile-sm" data-type="checkbox">
1007                                    <input type="checkbox" name="beispiel_formulare[]" value="Reparaturbericht">
1008                                    <span class="eg-mark"></span>
1009                                    <span class="eg-tile-text"><span class="eg-tile-title">Reparaturbericht</span></span>
1010                                 </label>
1011                                                                  <label class="eg-tile eg-tile-sm" data-type="checkbox">
1012                                    <input type="checkbox" name="beispiel_formulare[]" value="Schadensmeldung">
1013                                    <span class="eg-mark"></span>
1014                                    <span class="eg-tile-text"><span class="eg-tile-title">Schadensmeldung</span></span>
1015                                 </label>
1016                                                                  <label class="eg-tile eg-tile-sm" data-type="checkbox">
1017                                    <input type="checkbox" name="beispiel_formulare[]" value="Stundenzettel">
1018                                    <span class="eg-mark"></span>
1019                                    <span class="eg-tile-text"><span class="eg-tile-title">Stundenzettel</span></span>
1020                                 </label>
1021                                                                  <label class="eg-tile eg-tile-sm" data-type="checkbox">
1022                                    <input type="checkbox" name="beispiel_formulare[]" value="Verleihliste">
1023                                    <span class="eg-mark"></span>
1024                                    <span class="eg-tile-text"><span class="eg-tile-title">Verleihliste</span></span>
1025                                 </label>
1026                                                                  <label class="eg-tile eg-tile-sm" data-type="checkbox">
1027                                    <input type="checkbox" name="beispiel_formulare[]" value="Wartungsplan">
1028                                    <span class="eg-mark"></span>
1029                                    <span class="eg-tile-text"><span class="eg-tile-title">Wartungsplan</span></span>
1030                                 </label>
1031                                                                  <label class="eg-tile eg-tile-sm" data-type="checkbox">
1032                                    <input type="checkbox" name="beispiel_formulare[]" value="Wartungsprotokoll">
1033                                    <span class="eg-mark"></span>
1034                                    <span class="eg-tile-text"><span class="eg-tile-title">Wartungsprotokoll</span></span>
1035                                 </label>
1036                                                               </div>
1037                              <label class="eg-field-label" for="egWeitere">Weitere Formulare (falls oben nicht dabei)</label>
1038                              <textarea class="eg-textarea" id="egWeitere" name="weitere_formulare" rows="3" placeholder="z. B. Servicerapport, Prüfprotokoll, Objektaufnahmebogen …"></textarea>
1039                           </div>
1040                        </div>
1041                     </div>
1042
1043                     <!-- ============ Schritt 6: Nutzer ============ -->
1044                     <div class="eg-step" data-step="6">
1045                        <h2 class="eg-q">Wer arbeitet später damit?</h2>
1046                        <p class="eg-hint"><span class="eg-multi">Mehrfachauswahl möglich</span></p>
1047                        <div class="eg-options eg-cols-2">
1048                           <label class="eg-tile" data-type="checkbox">
1049                              <input type="checkbox" name="ausfueller[]" value="Büroteam">
1050                              <span class="eg-mark"></span>
1051                              <span class="eg-tile-text"><span class="eg-tile-title">Büroteam</span></span>
1052                           </label>
1053                           <label class="eg-tile" data-type="checkbox">
1054                              <input type="checkbox" name="ausfueller[]" value="Außendienst">
1055                              <span class="eg-mark"></span>
1056                              <span class="eg-tile-text"><span class="eg-tile-title">Außendienst</span></span>
1057                           </label>
1058                           <label class="eg-tile" data-type="checkbox">
1059                              <input type="checkbox" name="ausfueller[]" value="Kunden">
1060                              <span class="eg-mark"></span>
1061                              <span class="eg-tile-text"><span class="eg-tile-title">Kunden</span></span>
1062                           </label>
1063                           <label class="eg-tile" data-type="checkbox">
1064                              <input type="checkbox" name="ausfueller[]" value="Lieferanten und Partner">
1065                              <span class="eg-mark"></span>
1066                              <span class="eg-tile-text"><span class="eg-tile-title">Lieferanten und Partner</span></span>
1067                           </label>
1068                        </div>
1069                     </div>
1070
1071                     <!-- ============ Schritt 7: Kontakt ============ -->
1072                     <div class="eg-step" data-step="7">
1073                        <h2 class="eg-q">Wohin dürfen wir uns für Ihr Erstgespräch melden?</h2>
1074                        <div class="eg-fields">
1075                           <div class="eg-field eg-field-full">
1076                              <label class="eg-field-label" for="egUnternehmen">Unternehmen <span class="eg-req">*</span></label>
1077                              <input class="eg-input" type="text" id="egUnternehmen" name="unternehmen" autocomplete="organization" required>
1078                           </div>
1079                           <div class="eg-field eg-field-full">
1080                              <label class="eg-field-label" for="egStrasse">Straße und Hausnummer <span class="eg-req">*</span></label>
1081                              <input class="eg-input" type="text" id="egStrasse" name="strasse" autocomplete="street-address" required>
1082                           </div>
1083                           <div class="eg-field">
1084                              <label class="eg-field-label" for="egPlz">Postleitzahl <span class="eg-req">*</span></label>
1085                              <input class="eg-input" type="text" id="egPlz" name="plz" autocomplete="postal-code" inputmode="numeric" required>
1086                           </div>
1087                           <div class="eg-field">
1088                              <label class="eg-field-label" for="egOrt">Ort <span class="eg-req">*</span></label>
1089                              <input class="eg-input" type="text" id="egOrt" name="ort" autocomplete="address-level2" required>
1090                           </div>
1091                           <div class="eg-field">
1092                              <label class="eg-field-label" for="egVorname">Vorname <span class="eg-req">*</span></label>
1093                              <input class="eg-input" type="text" id="egVorname" name="vorname" autocomplete="given-name" required>
1094                           </div>
1095                           <div class="eg-field">
1096                              <label class="eg-field-label" for="egNachname">Nachname <span class="eg-req">*</span></label>
1097                              <input class="eg-input" type="text" id="egNachname" name="nachname" autocomplete="family-name" required>
1098                           </div>
1099                           <div class="eg-field">
1100                              <label class="eg-field-label" for="egEmail">E-Mail <span class="eg-req">*</span></label>
1101                              <input class="eg-input" type="email" id="egEmail" name="email" autocomplete="email" required>
1102                           </div>
1103                           <div class="eg-field">
1104                              <label class="eg-field-label" for="egTelefon">Telefon <span class="eg-req">*</span></label>
1105                              <input class="eg-input" type="tel" id="egTelefon" name="telefon" autocomplete="tel" required>
1106                           </div>
1107                           <div class="eg-field eg-field-full">
1108                              <label class="eg-field-label" for="egQuelle">Woher kennen Sie uns?</label>
1109                              <select class="eg-input eg-select eg-native" id="egQuelle" name="quelle">
1110                                 <option value="">Bitte wählen …</option>
1111                                 <option value="Suchmaschine">Suchmaschine</option>
1112                                 <option value="Facebook">Facebook</option>
1113                                 <option value="Instagram">Instagram</option>
1114                                 <option value="TikTok">TikTok</option>
1115                                 <option value="LinkedIn">LinkedIn</option>
1116                                 <option value="Craftnote">Craftnote</option>
1117                                 <option value="Empfehlung">Empfehlung</option>
1118                                 <option value="Sonstige">Sonstige</option>
1119                              </select>
1120                           </div>
1121                           <div class="eg-field eg-field-full">
1122                              <label class="eg-field-label" for="egNachricht">Ihre Nachricht an uns <span class="eg-opt">(optional)</span></label>
1123                              <textarea class="eg-textarea" id="egNachricht" name="nachricht" rows="4"></textarea>
1124                           </div>
1125                        </div>
1126                        <p class="eg-privacy-note">Durch das Senden dieser Anfrage akzeptieren Sie unsere <a href="/datenschutzerklaerung/">Datenschutzerklärung</a>.</p>
1127                     </div>
1128
1129                     <!-- Fehlermeldung -->
1130                     <p class="eg-error" id="egError" role="alert" hidden></p>
1131
1132                     <!-- Navigation -->
1133                     <div class="eg-nav">
1134                        <button type="button" class="eg-btn-back" id="egBack" hidden>
1135                           <i class="fa-solid fa-arrow-left"></i> Zurück
1136                        </button>
1137                        <div class="eg-nav-right">
1138                           <button type="button" class="eg-btn-next" id="egNext">
1139                              Weiter <i class="fa-solid fa-arrow-right"></i>
1140                           </button>
1141                           <button type="submit" class="eg-btn-submit" id="egSubmit" hidden>
1142                              <span class="eg-btn-submit-text">Kostenloses Erstgespräch anfragen</span>
1143                              <span class="eg-spinner" hidden></span>
1144                           </button>
1145                        </div>
1146                     </div>
1147
1148                  </form>
1149
1150                  <!-- ============ Danke-Screen ============ -->
1151                  <div class="eg-done" id="egDone" hidden>
1152                     <div class="eg-done-check"><i class="fa-solid fa-check"></i></div>
1153                     <h2 class="eg-done-title">Vielen Dank – wir haben Ihre Anfrage erhalten.</h2>
1154                     <p class="eg-done-text">
1155                        Wir melden uns bei Ihnen, um einen Termin für Ihr Erstgespräch abzustimmen.
1156                        Einen festen Ansprechpartner haben Sie dabei von der Anfrage bis zur Fertigstellung an Ihrer Seite.
1157                     </p>
1158                     <a href="/" class="eg-done-home">Zurück zur Startseite</a>
1159                  </div>
1160
1161               </div>
1162            </div>
1163         </div>
1164
1165      </div>
1166   </section>
1167
1168</main>
1169
1170<script src="/php/erstgespraech.js" defer></script>
1170
1171
1172   <style>
1173      .footer-about-text{color:var(--tj-color-common-white-2);font-size:15px;line-height:1.7;margin:0}
1174      .footer-contact-links .footer-contact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
1175      .footer-contact-links .footer-contact-list li{margin:0}
1176      .footer-contact-links .footer-contact-list a,
1177      .footer-contact-links .footer-contact-list .fc-static{display:flex;align-items:center;gap:14px;color:var(--tj-color-common-white-2);font-size:16px;line-height:1.3;transition:color .3s ease}
1178      .footer-contact-links .footer-contact-list a:hover{color:var(--tj-color-common-white)}
1179      .footer-contact-links .fc-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:rgba(247,247,247,0.08);color:var(--tj-color-theme-primary);font-size:16px;transition:all .3s ease}
1180      .footer-contact-links .footer-contact-list a:hover .fc-icon{background:var(--tj-color-theme-primary);color:var(--tj-color-common-white)}
1181   </style>
1182   <div class="footerStack">
1183      <footer class="tj-footer-area footer-1">
1184
1185         <div class="footer-top-area fix">
1186            <div class="container">
1187               <div class="row rg-50 line">
1188                  <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">
1189                     <div class="footer-widget footer1-col-1 footer-about">
1190                        <div class="footer-title">
1191                           <h4 class="title">Formilo</h4>
1192                        </div>
1193                        <p class="footer-about-text">Formilo ist spezialisiert auf die betriebliche Datenerfassung im Tagesgeschäft: individuelle Anwendungen, mit denen Berichte, Zeiten, Aufträge und Projektdaten einmal erfasst und überall weiterverwendet werden. Auf Wunsch entwickeln wir auch die komplette Unternehmenssoftware – oder nur ein einzelnes Formular bzw. ein kleines Erfassungstool.</p>
1194                     </div>
1195                  </div>
1196                  <div class="col-xl-3 col-lg-2 col-md-6 col-sm-6">
1197                     <div class="footer-widget footer1-col-2 widget_nav_menu">
1198                        <div class="footer-title">
1199                           <h4 class="title">Lösungen</h4>
1200                        </div>
1201                        <div class="widget-menu">
1202                           <ul>
1203                              <li><a href="/kostenloser-workshop/">Kostenloser Workshop</a></li>
1204                              <li><a href="/loesungen/datenerfassung/">Datenerfassung</a></li>
1205                              <li><a href="/loesungen/softwareentwicklung/">Softwareentwicklung</a></li>
1206                              <li><a href="/loesungen/prozessoptimierung/">Prozessoptimierung</a></li>
1207                              <li><a href="/loesungen/digitalisierung/">Digitalisierung</a></li>
1208                              <li><a href="/loesungen/automatisierung/">Automatisierung</a></li>
1209                              <li><a href="/loesungen/it-beratung/">IT-Beratung</a></li>
1210                              <li><a href="/loesungen/it-loesungen/">IT-Lösungen</a></li>
1211                              <li><a href="/loesungen/formulare-erstellen-lassen/">Formulare erstellen</a></li>
1212                           </ul>
1213                        </div>
1214                     </div>
1215                  </div>
1216                  <div class="col-xl-2 col-lg-3 col-md-6 col-sm-6">
1217                     <div class="footer-widget footer1-col-3 widget_nav_menu">
1218                        <div class="footer-title">
1219                           <h4 class="title">Formulare</h4>
1220                        </div>
1221                        <div class="widget-menu">
1222                           <ul>
1223                              <li><a href="/formulartechnologien/formularcenter/">FormularCenter</a></li>
1224                              <li><a href="/formulartechnologien/tastaturfrei-ausfuellen/">Tastaturfrei ausfüllen</a></li>
1225                              <li><a href="/formulartechnologien/webformulare/">Webformulare</a></li>
1226                              <li><a href="/formulartechnologien/pdf-formulare/">Interaktive PDFs</a></li>
1227                              <li><a href="/formulartechnologien/barrierefreie-formulare/">Barrierefreie Formulare</a></li>
1228                              <li><a href="/loesungen/ki-integration/">KI-Integration</a></li>
1229                              <li><a href="/info/projektablauf/">Projektablauf</a></li>
1230                              <li><a href="/ratgeber/">Ratgeber</a></li>
1231                              <li><a href="/vordrucke/">A–Z-Formularliste</a></li>
1232                           </ul>
1233                        </div>
1234                     </div>
1235                  </div>
1236                  <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6">
1237                     <div class="footer-widget footer1-col-4 footer-contact-links">
1238                        <div class="footer-title">
1239                           <h4 class="title">Kontakt</h4>
1240                        </div>
1241                        <ul class="footer-contact-list">
1242                           <li>
1243                              <a href="tel:+493047032039">
1244                                 <span class="fc-icon"><i class="fa-solid fa-phone"></i></span>
1245                                 <span class="fc-text">030 470 320 39</span>
1246                              </a>
1247                           </li>
1248                           <li>
1249                              <a href="mailto:[email protected]">
1250                                 <span class="fc-icon"><i class="fa-solid fa-envelope"></i></span>
1251                                 <span class="fc-text">[email protected]</span>
1252                              </a>
1253                           </li>
1254                           <li>
1255                              <a href="/erstgespraech/">
1256                                 <span class="fc-icon"><i class="fa-solid fa-paper-plane"></i></span>
1257                                 <span class="fc-text">Anfrageformular</span>
1258                              </a>
1259                           </li>
1260                           <li>
1261                              <a href="/kontakt/">
1262                                 <span class="fc-icon"><i class="fa-solid fa-comment-dots"></i></span>
1263                                 <span class="fc-text">Kontaktformular</span>
1264                              </a>
1265                           </li>
1266                           <li>
1267                              <span class="fc-static">
1268                                 <span class="fc-icon"><i class="fa-solid fa-clock"></i></span>
1269                                 <span class="fc-text">Mo–Fr, 9:00–17:00 Uhr</span>
1270                              </span>
1271                           </li>
1272                        </ul>
1273                     </div>
1274                  </div>
1275               </div>
1276            </div>
1277         </div>
1278         <div class="footer-copyright-area">
1279            <div class="container">
1280               <div class="row">
1281                  <div class="col-12">
1282                     <div class="copyright-content-area">
1283                        <div class="copyright-text">
1284                           <p>© 2026 Formilo. Alle Rechte vorbehalten.</p>
1285                        </div>
1286                        <div class="copyright-menu">
1287                           <ul>
1288                              <li><a href="/impressum/">Impressum</a></li>
1289                              <li><a href="/datenschutzerklaerung/">Datenschutzerklärung</a></li>
1290                              <li><a href="#cookie-einstellungen">Cookie-Einstellungen</a></li>
1291                              <li><a href="/agb/">AGB</a></li>
1292                           </ul>
1293                        </div>
1294                     </div>
1295                  </div>
1296               </div>
1297            </div>
1298         </div>
1299
1300         <div class="back-to-top-wrapper">
1301            <button id="back_to_top" type="button" class="back-to-top-btn style-2 footer-go-top-btn">
1302               <i class="tji-arrow-up"></i>
1303               <span>Zurück</span>
1304            </button>
1305         </div>
1306      </footer>
1307   </div>
1308
1309   
1309<script defer src="/assets/js/jquery.min.js"></script>
1309
1310   
1310<script defer src="/assets/js/bootstrap.bundle.min.js"></script>
1310
1311
1312   
1312<script defer src="/assets/js/gsap.min.js"></script>
1312
1313   
1313<script defer src="/assets/js/gsap-scroll-trigger.min.js"></script>
1313
1314
1315   
1315<script defer src="/assets/js/swiper.min.js"></script>
1315
1316   
1316<script defer src="/assets/js/venobox.min.js"></script>
1316
1317   
1317<script defer src="/assets/js/meanmenu.js"></script>
1317
1318   
1318<script defer src="/assets/js/main.js"></script>
1318
1319
1320   <!-- Cookie-Consent-Banner (DSGVO / Google Consent Mode v2), Styles in custom.css -->
1321   <div id="fmlo-cc" class="is-open" role="dialog" aria-modal="false" aria-labelledby="fmlo-cc-title" aria-describedby="fmlo-cc-desc">
1322      <h2 id="fmlo-cc-title">Wir respektieren Ihre Privatsphäre</h2>
1323      <p id="fmlo-cc-desc">Wir verwenden Cookies und ähnliche Technologien, um unsere Website optimal für Sie zu gestalten, ihre Nutzung zu analysieren und Ihnen relevante Inhalte anzuzeigen. Mit „Alle akzeptieren“ stimmen Sie dem zu. Ihre Einwilligung ist freiwillig und jederzeit über den Link „Cookie-Einstellungen“ im Footer widerrufbar. Details in unserer <a class="fmlo-cc-link" href="/datenschutzerklaerung/">Datenschutzerklärung</a>.</p>
1324
1325      <div class="fmlo-cc-prefs">
1326         <div class="fmlo-cc-pref">
1327            <div><b>Notwendig</b><span>Für den Betrieb der Website technisch erforderlich. Immer aktiv.</span></div>
1328            <label class="fmlo-cc-toggle"><input type="checkbox" checked disabled><span class="fmlo-cc-slider"></span></label>
1329         </div>
1330         <div class="fmlo-cc-pref">
1331            <div><b>Präferenzen</b><span>Speichert Ihre Einstellungen, damit die Website komfortabler funktioniert.</span></div>
1332            <label class="fmlo-cc-toggle"><input type="checkbox" id="fmlo-cc-pref-toggle"><span class="fmlo-cc-slider"></span></label>
1333         </div>
1334         <div class="fmlo-cc-pref">
1335            <div><b>Statistik</b><span>Anonyme Auswertung der Nutzung, um die Website zu verbessern.</span></div>
1336            <label class="fmlo-cc-toggle"><input type="checkbox" id="fmlo-cc-an-toggle"><span class="fmlo-cc-slider"></span></label>
1337         </div>
1338         <div class="fmlo-cc-pref">
1339            <div><b>Marketing</b><span>Ermöglicht relevante Werbung und die Messung von Kampagnen.</span></div>
1340            <label class="fmlo-cc-toggle"><input type="checkbox" id="fmlo-cc-ad-toggle"><span class="fmlo-cc-slider"></span></label>
1341         </div>
1342         <button type="button" class="fmlo-cc-btn fmlo-cc-save" id="fmlo-cc-save">Auswahl speichern</button>
1343      </div>
1344
1345      <div class="fmlo-cc-actions">
1346         <button type="button" class="fmlo-cc-btn fmlo-cc-accept" id="fmlo-cc-accept"><i class="fa-solid fa-check"></i> Alle akzeptieren</button>
1347         <div class="fmlo-cc-secondary-row">
1348            <button type="button" class="fmlo-cc-btn fmlo-cc-reject" id="fmlo-cc-reject">Ablehnen</button>
1349            <button type="button" class="fmlo-cc-btn fmlo-cc-settings" id="fmlo-cc-settings">Einstellungen</button>
1350         </div>
1351      </div>
1352
1353      <div class="fmlo-cc-legal"><a href="/datenschutzerklaerung/">Datenschutz</a> &nbsp;·&nbsp; <a href="/impressum/">Impressum</a></div>
1354   </div>
1355
1356   
1356<script>
1357   (function(){
1358      var COOKIE = 'formilo_consent';
1359      var DAYS = 180;
1360      var el   = document.getElementById('fmlo-cc');
1361      if (!el) return;
1362
1363      /* Banner-Statistik (First Party, ohne Google, ohne Cookies). Auswertung: /php/cc-report.php */
1364      var ST = (function(){
1365         var URL_LOG = '/php/cc-log.php';
1366         var PVID = Math.random().toString(36).slice(2, 10);
1367         var PATH = String(location.pathname || '/').slice(0, 120);   // ohne Query
1368         // mobil/desktop nur über die Fensterbreite – kein User-Agent.
1369         var DEV  = (window.matchMedia && matchMedia('(max-width: 991px)').matches)
1370                    ? 'mobil' : 'desktop';
1371         var NAV  = 'direkt';
1372         try {
1373            if (document.referrer) {
1374               var rh = document.referrer.split('/')[2] || '';
1375               NAV = rh.replace(/^www\./, '') === location.hostname.replace(/^www\./, '')
1376                   ? 'intern' : 'extern';
1377            }
1378         } catch(e){}
1379
1380         var t0 = 0, shown = false, decided = false, abandonSent = false;
1381
1382         function send(ev, ext){
1383            try {
1384               var body = JSON.stringify({
1385                  ev: ev, id: PVID, ms: t0 ? (Date.now() - t0) : 0,
1386                  dev: DEV, nav: NAV, pg: PATH, ext: ext || ''
1387               });
1388               if (navigator.sendBeacon) {
1389                  navigator.sendBeacon(URL_LOG, new Blob([body], { type: 'text/plain;charset=UTF-8' }));
1390               } else if (window.fetch) {
1391                  fetch(URL_LOG, { method: 'POST', body: body, keepalive: true, credentials: 'omit' });
1392               }
1393            } catch(e){}
1394         }
1395
1396         // Abbruch nur melden, wenn das Banner ungefragt kam und nichts geklickt wurde.
1397         function abandon(via){
1398            if (!shown || decided || abandonSent) return;
1399            abandonSent = true;
1400            send('abandon', via);
1401         }
1402         window.addEventListener('pagehide', function(){ abandon('pagehide'); });
1403         document.addEventListener('visibilitychange', function(){
1404            if (document.visibilityState === 'hidden') abandon('hidden');
1405         });
1406
1407         return {
1408            shown: function(){ t0 = Date.now(); shown = true; send('view'); },
1409            reopened: function(){ t0 = Date.now(); send('reopen'); },
1410            click: function(ev, ext){ if (ev !== 'settings') { decided = true; } send(ev, ext); }
1411         };
1412      })();
1413
1414      function readConsent(){
1415         var m = document.cookie.match(/(?:^|; )formilo_consent=([^;]*)/);
1416         if (!m) return null;
1417         try { return JSON.parse(decodeURIComponent(m[1])); } catch(e){ return null; }
1418      }
1419      function writeConsent(c){
1420         var d = new Date(); d.setTime(d.getTime() + DAYS*864e5);
1421         document.cookie = COOKIE + '=' + encodeURIComponent(JSON.stringify(c)) +
1422            ';expires=' + d.toUTCString() + ';path=/;SameSite=Lax';
1423      }
1424      function applyConsent(c){
1425         if (typeof gtag !== 'function') return;
1426         gtag('consent', 'update', {
1427            'ad_storage':              c.ad   ? 'granted' : 'denied',
1428            'ad_user_data':            c.ad   ? 'granted' : 'denied',
1429            'ad_personalization':      c.ad   ? 'granted' : 'denied',
1430            'analytics_storage':       c.an   ? 'granted' : 'denied',
1431            'functionality_storage':   c.pref ? 'granted' : 'denied',
1432            'personalization_storage': c.pref ? 'granted' : 'denied',
1433            'security_storage':        'granted'
1434         });
1435         window.dataLayer.push({ event: 'formilo_consent_update' });
1436      }
1437      // Bewusst ohne Overlay und ohne Scroll-Sperre: die Seite bleibt währenddessen
1438      // vollständig les- und bedienbar (siehe Kommentar in _header.php).
1439      function open(){ el.classList.add('is-open'); }
1440      function close(){ el.classList.remove('is-open','show-prefs'); }
1441
1442      function save(c){ c.v = 1; writeConsent(c); applyConsent(c); close(); }
1443
1444      document.getElementById('fmlo-cc-accept').addEventListener('click', function(){
1445         ST.click('accept');
1446         save({ pref:true, an:true, ad:true });
1447      });
1448      document.getElementById('fmlo-cc-reject').addEventListener('click', function(){
1449         ST.click('reject');
1450         save({ pref:false, an:false, ad:false });
1451      });
1452      document.getElementById('fmlo-cc-settings').addEventListener('click', function(){
1453         ST.click('settings');
1454         el.classList.add('show-prefs');
1455      });
1456      document.getElementById('fmlo-cc-save').addEventListener('click', function(){
1457         var c = {
1458            pref: document.getElementById('fmlo-cc-pref-toggle').checked,
1459            an:   document.getElementById('fmlo-cc-an-toggle').checked,
1460            ad:   document.getElementById('fmlo-cc-ad-toggle').checked
1461         };
1462         // Gewählte Kategorien als Kürzel mitloggen (z. B. "pref+an", "-" = alles aus).
1463         var sel = [];
1464         if (c.pref) sel.push('pref');
1465         if (c.an)   sel.push('an');
1466         if (c.ad)   sel.push('ad');
1467         ST.click('save', sel.length ? sel.join('+') : '-');
1468         save(c);
1469      });
1470
1471      // Erneut öffnen über Footer-Link href="#cookie-einstellungen"
1472      document.addEventListener('click', function(e){
1473         var a = e.target.closest('a[href="#cookie-einstellungen"]');
1474         if (a){
1475            e.preventDefault();
1476            var c = readConsent() || {};
1477            document.getElementById('fmlo-cc-pref-toggle').checked = !!c.pref;
1478            document.getElementById('fmlo-cc-an-toggle').checked   = !!c.an;
1479            document.getElementById('fmlo-cc-ad-toggle').checked   = !!c.ad;
1480            el.classList.add('show-prefs');
1481            open();
1482            ST.reopened();
1483         }
1484      });
1485
1486      // Beim Erstbesuch (keine gültige Einwilligung) automatisch anzeigen.
1487      if (!readConsent()){
1488         if (window.requestAnimationFrame) requestAnimationFrame(open); else open();
1489         ST.shown();
1490      }
1491   })();
1492   </script>
1492
1493   <!-- End Cookie-Consent-Banner -->
1494
1495   <!-- Kontakt-Schnellzugriff (rechts mittig, klappt bei Hover nach innen auf; Styles in custom.css) -->
1496   <aside id="fmlo-quick" aria-label="Schnellkontakt">
1497      <a class="fq-item" href="tel:+493047032039" title="030 470 320 39 anrufen">
1498         <span class="fq-ico"><i class="fa-solid fa-phone"></i></span>
1499         <span class="fq-txt">030 470 320 39 anrufen</span>
1500      </a>
1501      <a class="fq-item" href="/erstgespraech/" title="Kostenloses Erstgespräch">
1502         <span class="fq-ico"><i class="fa-solid fa-calendar-check"></i></span>
1503         <span class="fq-txt">Kostenloses Erstgespräch</span>
1504      </a>
1505      <button class="fq-item" type="button" id="fmlo-quick-chat" title="Live-Chat mit Mitarbeiter">
1506         <span class="fq-ico"><i class="fa-solid fa-headset"></i></span>
1507         <span class="fq-txt">Live-Chat mit Mitarbeiter</span>
1508      </button>
1509      <a class="fq-item" href="mailto:[email protected]" title="[email protected]">
1510         <span class="fq-ico"><i class="fa-solid fa-envelope"></i></span>
1511         <span class="fq-txt">[email protected]</span>
1512      </a>
1513   </aside>
1514   <!-- End Kontakt-Schnellzugriff -->
1515
1516   <!-- Zoho SalesIQ (Chatbot / Live-Chat) -->
1517   
1517<script>window.$zoho=window.$zoho || {};$zoho.salesiq=$zoho.salesiq||{ready:function(){}}</script>
1517
1518   
1518<script id="zsiqscript" src="https://salesiq.zohopublic.eu/widget?wc=siqdf45befb0eeffae277233ed75f7951783ddd3123b052cec7808fe11397352157" defer></script>
1518
1519   <!-- End Zoho SalesIQ -->
1520
1521   
1521<script>
1522   /* Live-Chat-Eintrag der Kontaktleiste: oeffnet das SalesIQ-Chatfenster wieder – auch dann,
1523      wenn der Besucher es zuvor geschlossen oder den Float-Button ausgeblendet hat.
1524      Laeuft als Inline-Script und damit VOR dem deferred Widget-Script; ein Klick vor dem
1525      Laden des Widgets wird vorgemerkt und nachgeholt. */
1526   (function () {
1527      var btn = document.getElementById('fmlo-quick-chat');
1528      if (!btn) return;
1529
1530      window.$zoho = window.$zoho || {};
1531      var siq = window.$zoho.salesiq = window.$zoho.salesiq || {};
1532      var waiting = false;
1533
1534      /* ready() ruft das Widget nach seiner Initialisierung auf – bestehenden Callback erhalten. */
1535      var prevReady = (typeof siq.ready === 'function') ? siq.ready : null;
1536      siq.ready = function () {
1537         if (prevReady) { try { prevReady(); } catch (e) {} }
1538         if (waiting) { waiting = false; openChat(); }
1539      };
1540
1541      function openChat() {
1542         var s = (window.$zoho && window.$zoho.salesiq) || null;
1543         var ok = false;
1544
1545         if (s) {
1546            /* Float-Button ggf. wieder einblenden, sonst bleibt das Fenster unsichtbar. */
1547            try { if (s.floatbutton && s.floatbutton.visible) s.floatbutton.visible('show'); } catch (e) {}
1548
1549            var calls = [
1550               function () { s.floatwindow.visible('show'); },
1551               function () { s.chatwindow.visible('show'); },
1552               function () { s.chat.start(); }
1553            ];
1554            for (var i = 0; i < calls.length && !ok; i++) {
1555               try { calls[i](); ok = true; } catch (e) {}
1556            }
1557         }
1558         if (!ok) {
1559            /* Letzter Ausweg: den Standard-Button des Widgets anklicken. */
1560            var el = document.querySelector('#zsiq_float, .zsiq_flt_rel, #zsiq_agtpic, .siqico-chat');
1561            if (el) { el.click(); ok = true; }
1562         }
1563         if (ok) btn.classList.remove('is-busy');
1564         return ok;
1565      }
1566
1567      btn.addEventListener('click', function () {
1568         if (openChat()) return;
1569         waiting = true;
1570         btn.classList.add('is-busy');
1571         var t0 = Date.now();
1572         var iv = setInterval(function () {
1573            if (!waiting || openChat() || (Date.now() - t0) > 10000) {
1574               waiting = false;
1575               clearInterval(iv);
1576               btn.classList.remove('is-busy');
1577            }
1578         }, 300);
1579      });
1580   })();
1581   </script>
1581
1582
1583   
1583<script>
1584   /* SalesIQ-Chat-Ereignisse an GTM: event "formilo_chat", Parameter chat_action. */
1585   (function () {
1586      window.$zoho = window.$zoho || {};
1587      var siq = window.$zoho.salesiq = window.$zoho.salesiq || {};
1588
1589      var prevReady = (typeof siq.ready === 'function') ? siq.ready : null;
1590      siq.ready = function () {
1591         if (prevReady) { try { prevReady(); } catch (e) {} }
1592
1593         function push(action) {
1594            window.dataLayer = window.dataLayer || [];
1595            window.dataLayer.push({ event: 'formilo_chat', chat_action: action });
1596         }
1597         var events = [
1598            ['chat',    'open',           'opened'],
1599            ['chat',    'online',         'agents_online'],
1600            ['chat',    'offline',        'agents_offline'],
1601            ['chat',    'triggerMessage', 'proactive_shown'],
1602            ['visitor', 'triggeredchat',  'proactive_answered'],
1603            ['chat',    'attend',         'connected'],
1604            ['chat',    'complete',       'completed'],
1605            ['chat',    'missed',         'missed']
1606         ];
1607         for (var i = 0; i < events.length; i++) {
1608            (function (e) {
1609               try {
1610                  var ns = siq[e[0]];
1611                  if (ns && typeof ns[e[1]] === 'function') ns[e[1]](function () { push(e[2]); });
1612               } catch (err) {}
1613            })(events[i]);
1614         }
1615      };
1616   })();
1617   </script>
1617
1618</body>
1619
1620</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.