PageSourceSearch

https://www.elmatic.de/

html elmatic.de collected 2026-10-08 14:55:20 UTC 66,295 bytes, 1,141 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de">
3
4<head>
5  
5<script type="text/javascript" src="//www.cookie-manager.com/2/80/e0a64f39898b7eb6d47f3c4c0623d511.js"></script>
5
6  <meta charset="utf-8">
7  <meta content="width=device-width, initial-scale=1.0" name="viewport">
8
9  <title>ELMATIC technisches Gebäudemanagement</title>
10  <meta content="Service für Ihre Gebäudetechnik an mehr als 20 Standorten bundesweit, z.B. in der Feuerungs-, Heizungs-, Lüftungs-, Klima- und MSR-Technik." name="description">
11
12  <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
13<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
14<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
15<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
16<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
17<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
18<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
19<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
20<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
21<link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
22<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
23<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
24<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
25<link rel="manifest" href="/manifest.json">
26<meta name="msapplication-TileColor" content="#ffffff">
27<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
28<meta name="theme-color" content="#ffffff">
29
30  <!-- Vendor CSS Files -->
31  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
32  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
33  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
34  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
35  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
36  <link href="assets/css/style.css" rel="stylesheet">
37</head>
38
39<body>
40
41  <header id="header" class="fixed-top header-transparent">
42    <div class="container d-flex align-items-center justify-content-between position-relative">
43      <div class="logo">
44        <a href="index.php"><img src="assets/img/elmatic-logo.svg" alt="ELMATIC Logo" class="img-fluid"></a>
45        <p>SCHNELL · ZUVERLÄSSIG · KOMPETENT</p>
46      </div>
47      <nav id="navbar" class="navbar" role="navigation" aria-label="Hauptnavigation">
48        <ul>
49          <li><a class="active" href="index.php">Home</a></li>
50          <li class="dropdown"><a href="unternehmen.html" aria-haspopup="true" aria-expanded="false"><span>Unternehmen</span> <i class="bi bi-chevron-down dropdown-indicator" aria-hidden="true"></i></a>
51            <ul>
52              <li class="d-lg-none"><a href="unternehmen.html">Über uns</a></li>
53              <li><a href="daten-fakten.html">Daten &amp; Fakten</a></li>
54              <li><a href="standorte.php">Standorte</a></li>
55              <li><a href="referenzen.php">Referenzen</a></li>
56              <li><a href="schulungszentrum.html">Schulungszentrum</a></li>
57              <li><a href="qualitaetsmanagement.html">Qualitätsmanagement</a></li>
58              <li><a href="einsatzzentrale.html">Einsatzzentrale</a></li>
59              <li><a href="unternehmensfilm.html">Unternehmensvideos</a></li>
60              <li><a href="downloads.php">Downloads</a></li>
61              <li><a href="faq.html">Unternehmens-FAQ</a></li>
62            </ul>
63          </li>
64          <li class="dropdown"><a href="leistungen.html" aria-haspopup="true" aria-expanded="false"><span>Leistungen</span> <i class="bi bi-chevron-down dropdown-indicator" aria-hidden="true"></i></a>
65            <ul>
66              <li><a href="feuerungsanlagen.html">Feuerungsanlagen</a></li>
67              <li><a href="heizung.html">Heizung</a></li>
68              <li><a href="lueftung.html">Lüftung</a></li>
69              <li><a href="klima.html">Klima &amp; Kälte</a></li>
70              <li><a href="sanitaer.html">Sanitär</a></li>
71              <li><a href="brandschutz.html">Brandschutz</a></li>
72              <li><a href="gebaeudeautomation.html">Gebäudeautomation</a></li>
73              <li><a href="elektrotechnik.html">Elektrotechnik</a></li>
74              <li><a href="prozesstechnik.html">Prozesstechnik</a></li>
75              <li><a href="regenerative-energien.html">Regenerative Energien</a></li>
76              <li><a href="anlagen.html">Betreiben technischer Anlagen</a></li>
77              <li><a href="cloud-services.html">Cloud Services</a></li>
78            </ul>
79          </li>
80          <li class="dropdown"><a href="karriere.html" aria-haspopup="true" aria-expanded="false"><span>Karriere</span> <i class="bi bi-chevron-down dropdown-indicator" aria-hidden="true"></i></a>
81            <ul>
82              <li class="d-lg-none"><a href="karriere.html">Karriere bei ELMATIC</a></li>
83              <li><a href="werte.html">Unsere Werte</a></li>
84              <li><a href="anforderungen.html">Was wir bieten, was wir suchen</a></li>
85              <li><a href="stellenangebote.html">Stellenangebote</a></li>
86              <li><a href="ausbildung.html" >Ausbildung</a></li>
87              <li><a href="quiz.html">Ausbildungs-Quiz</a></li>
88              <li><a href="bewerbung.html">Bewerbungs-FAQ</a></li>
89            </ul>
90          </li>
91          <li><a href="index.php#contact">Kontakt</a></li>
92        </ul>
93        <i class="bi bi-list mobile-nav-toggle" aria-controls="navbar" aria-label="Navigation öffnen oder schließen"></i>
94      </nav>
95    </div>
96  </header>
97  <section id="hero" aria-label="Startbereich mit Bildwechsel">
98    <div class="slides-1 swiper slider1" role="region" aria-roledescription="Karussell" aria-label="Einstiegsslider">
99      <div class="swiper-wrapper no-gutters">
100
101        <div class="swiper-slide" role="group" aria-roledescription="Slide" aria-label="1 von 3">
102          <div class="item item3">
103            <div class="hero-container">
104              <div class="hero-head">
105                <h2>Von Mensch zu Mensch</h2>
106                <h1>Technisches Gebäudemanagement mit perfekter Kundenorientierung</h1>
107              </div>
108              <a href="#about" class="btn-get-started scrollto" id="btn1" aria-label="Mehr erfahren über ELMATIC">
109                <i class="bx bx-chevrons-down" aria-hidden="true"></i>
110              </a>
111            </div>
112          </div>
113        </div>
114
115        <div class="swiper-slide" role="group" aria-roledescription="Slide" aria-label="2 von 3">
116          <div class="item item1">
117            <div class="hero-container">
118              <div class="hero-head">
119                <h2>Die Zukunft fest im Blick</h2>
120                <h1>
120Deutschlandweite Verfügbarkeit – entwickelt in über 65 Jahren</h1>
121              </div>
122              <a href="#about" class="btn-get-started scrollto" id="btn2" aria-label="Mehr erfahren über ELMATIC">
123                <i class="bx bx-chevrons-down" aria-hidden="true"></i>
124              </a>
125            </div>
126          </div>
127        </div>
128
129        <div class="swiper-slide" role="group" aria-roledescription="Slide" aria-label="3 von 3">
130          <div class="item item2">
131            <div class="hero-container">
132              <div class="hero-head">
133                <h2>Verantwortung übernehmen</h2>
134                <h1>Höchste Fachkompetenz in den betreuten Gewerken</h1>
135              </div>
136              <a href="#about" class="btn-get-started scrollto" id="btn3" aria-label="Mehr erfahren über ELMATIC">
137                <i class="bx bx-chevrons-down" aria-hidden="true"></i>
138              </a>
139            </div>
140          </div>
141        </div>
142
143      </div>
144
145      <div class="swiper-pagination" aria-hidden="true"></div>
146    </div>
147  </section>
148
149  <main id="main">
150
151    <section id="about" class="about" aria-labelledby="about-heading">
152      <div class="container" data-aos="fade-up">
153        
154        <div class="row text-center">
155          <div class="content col-12 col-lg-10 offset-lg-1" data-aos="fade-up">
156            <h2 id="about-heading">Drei Gründe, warum Sie ELMATIC vertrauen dürfen</h2>
157            <p>Ob es um Kostensenkung geht oder die Energiewende im eigenen Betrieb, um Instandhaltung, Neuinstallation oder Modernisierung – etwa 15.000 Kunden in ganz Deutschland vertrauen dem erfahrenen Service von ELMATIC. Unsere breite Angebotspalette gibt uns Möglichkeit, zusammen mit Ihnen ein maßgeschneidertes Dienstleistungskonzept für Ihre Gebäude zusammenzustellen. Dass ELMATIC dafür der richtige Partner ist, hat drei entscheidende Gründe – drei Faktoren, die ELMATIC zu einem der großen Anbieter Deutschlands im Bereich der Gebäude-Dienstleistungen gemacht haben.</p>
158          </div>
159        </div>
160
161        <div class="row about-container g-0" data-aos="fade-up" data-aos-delay="200">
162
163          <div class="col-xl-5 img-bg" style="background-image: url('assets/img/why-us-bg.jpg')" role="img" aria-label="Symbolbild: Vertrauen in ELMATIC"></div>
164          <div class="col-xl-7 slides position-relative">
165
166            <div class="slides-1 swiper slider2" role="region" aria-roledescription="Karussell" aria-label="Gründe für Vertrauen in ELMATIC">
167              <div class="swiper-wrapper">
168
169                <div class="swiper-slide" role="group" aria-roledescription="Slide" aria-label="1 von 3">
170                  <div class="item">
171                    <h2 class="mb-3">Kundenorientierung</h2>
172                    <h3 class="mb-3">ELMATIC vereint die Professionalität eines großen Unternehmens mit der Flexibilität eines inhabergeführten Familienbetriebs.</h3>
173                    <p>Kompetenz und Verfügbarkeit, zusammen mit einer konsequent auf Qualität ausgerichteten Unternehmensphilosophie, ergeben eine Eigenschaft, die für ELMATIC seit jeher bezeichnend ist: wir orientieren uns an Ihren Anforderungen. Denn wir wissen, dass Sie diejenigen sind, auf die es ankommt. Darum reden wir nicht viel, sondern handeln – und zwar immer in Ihrem Interesse.</p>                    
174                    <a href="unternehmen.html" class="elegant-btn" aria-label="Mehr erfahren über Kundenorientierung bei ELMATIC">Mehr erfahren</a>
175                  </div>
176                </div>
177
178                <div class="swiper-slide" role="group" aria-roledescription="Slide" aria-label="2 von 3">
179                  <div class="item">
180                    <h2 class="mb-3">Verfügbarkeit</h2>
181                    <h3 class="mb-3">22 ELMATIC-Niederlassungen mit weiteren Servicestellen bilden ein bundesweites Servicenetz mit außergewöhnlich kurzen Reaktionszeiten.</h3>
182                    <p>24/7 Verfügbarkeit war bei der Unternehmensgründung vor über 65 Jahren bereits ein Alleinstellungsmerkmal und zeichnet uns bis heute aus. Unsere garantierten Reaktionszeiten mit eigenen, bestens und einheitlich geschulten Mitarbeitenden, sorgen dafür, dass wir nach einer Störungsmeldung in der Regel deutlich schneller bei Ihnen sind als Sie erwarten. Und zwar mit allem, was man benötigt, um das Problem zu beheben: Ersatzteile, Werkzeug und Sachverstand.</p>
183                    <a href="standorte.php" class="elegant-btn" aria-label="Mehr erfahren über Verfügbarkeit bei ELMATIC">Mehr erfahren</a>                    
184                  </div>
185                </div>
186                
187                <div class="swiper-slide" role="group" aria-roledescription="Slide" aria-label="3 von 3">
188                  <div class="item">
189                    <h2 class="mb-3">Kompetenz</h2>
190                    <h3 class="mb-3">ELMATIC bedeutet Fachkompetenz in Breite und Tiefe. Von 1957 bis heute hat sich daran nichts geändert.</h3>
191                    <p>Dass ELMATIC mehrere Gewerke in der Gebäudetechnik betreut, hat für unsere Kunden zahlreiche Vorteile, von der vereinfachten Abwicklung durch nur einen Ansprechpartner bis hin zum Abdecken von gewerkeübergreifenden Anforderungen. Was ELMATIC besonders auszeichnet und von vielen Marktbegleitern unter
191scheidet: Wir decken die verschiedenen Gewerke mit eigenen, bestens und einheitlich geschulten Mitarbeitenden ab. Dadurch erreichen wir eine fachliche Tiefe und Durchgängigkeit, die mit dem Einsatz von Nachunternehmern nicht zu erzielen ist. ELMATIC vereint damit das breite Leistungsspektrum eines Generalunternehmers im technischen Gebäudemanagement mit der fachlichen Tiefe und Durchgängigkeit eines regionalen Spezialanbieters.</p>
192                    <a href="leistungen.html" class="elegant-btn" aria-label="Mehr erfahren über Kompetenz bei ELMATIC">Mehr erfahren</a>
193                  </div>
194                </div>
195
196              </div>
197              <div class="swiper-pagination"></div>
198            </div>
199            <div class="swiper-button-prev" aria-label="Vorheriger Slide"></div>
200            <div class="swiper-button-next" aria-label="Nächster Slide"></div>
201          </div>
202
203        </div>
204
205      </div>
206    </section>
207    
208    <section class="pb-0" aria-labelledby="zahlen-heading">
209      <div class="container" data-aos="fade-up">
210        <div class="row text-center">
211          <div class="content col-12 col-lg-10 offset-lg-1" data-aos="fade-up">
212            <div class="section-title" data-aos="fade-in" data-aos-delay="100">
213              <h3>Daten &amp; Fakten</h3>
214              <h2 id="zahlen-heading">Die Kennzahlen der Elmatic GmbH</h2>
215            </div>
216          </div>
217        </div>
218      </div>
219    </section>
220    
221    <section id="counts" class="counts section-bg" role="region" aria-label="Kennzahlen der Elmatic GmbH">
222      <div class="container">
223        <div class="row no-gutters">
224
225          <div class="col-md-6 col-lg d-md-flex align-items-md-stretch">
226            <div class="count-box pb-5" role="group" aria-label="3 Stunden Reaktionszeit">
227              <i class="bi bi-clock-history" aria-hidden="true"></i>
228              <span data-purecounter-start="0" data-purecounter-end="3" data-purecounter-duration="1" class="purecounter" aria-live="polite" aria-atomic="true">0</span>
229              <p>Stunden Reaktionszeit</p>
230            </div>
231          </div>
232          
233          <div class="col-md-6 col-lg d-md-flex align-items-md-stretch">
234            <div class="count-box pb-5" role="group" aria-label="22 Niederlassungen">
235              <i class="bi bi-buildings-fill" aria-hidden="true"></i>
236              <span data-purecounter-start="0" data-purecounter-end="22" data-purecounter-duration="1" class="purecounter" aria-live="polite" aria-atomic="true">0</span>
237              <p>Niederlassungen*</p>
238            </div>
239          </div>
240          
241          <div class="col-md-6 col-lg d-md-flex align-items-md-stretch">
242            <div class="count-box pb-5" role="group" aria-label="69 Jahre Erfahrung">
243              <i class="bi bi-award" aria-hidden="true"></i>
244              <span id="jahr" data-purecounter-start="0" data-purecounter-end="69" data-purecounter-duration="1" class="purecounter" aria-live="polite" aria-atomic="true">0</span>
245              <p>Jahre Erfahrung</p>
246            </div>
247          </div>
248          
249          <div class="col-md-6 col-lg d-md-flex align-items-md-stretch">
250            <div class="count-box pb-5" role="group" aria-label="1022 Mitarbeitende">
251              <i class="bi bi-people-fill" aria-hidden="true"></i>
252              <span data-purecounter-start="0" data-purecounter-end="1022" data-purecounter-duration="2" class="purecounter" aria-live="polite" aria-atomic="true">0</span>
253              <p>Mitarbeitende*</p>
254            </div>
255          </div>
256          
257          <div class="col-lg d-md-flex align-items-md-stretch">
258            <div class="count-box pb-5" role="group" aria-label="Leistung in Euro: 149900000">
259              <i class="bi bi-bar-chart-fill" aria-hidden="true"></i>
260              <span data-purecounter-start="0" data-purecounter-end="149900000" data-purecounter-duration="3" class="purecounter" aria-live="polite" aria-atomic="true">0</span>
261              <p>Leistung in EUR*</p>
262            </div>
263          </div>          
264          
265        </div>
266        <p class="text-center" id="kennzahlenhinweis">* Kennzahlen der ELMATIC Hamburg und Frankfurt im Geschäftsjahr 2025</p>
267      </div>
268    </section>
269    
270    <section id="services-list" class="services-list">
271      <div class="container" data-aos="fade-up">
272
273        <div class="row text-center">
274          <div class="content col-12 col-lg-10 offset-lg-1" data-aos="fade-up">
275            <div class="section-title" data-aos="fade-in" data-aos-delay="100">
276              <h3>Leistungen</h3>
277              <h2>Wir können mehr für Sie tun, als Sie denken</h2>
278            </div>
279            <p class="mb-5">Profitieren Sie von unserem einzigartigen Portfolio an maßgeschneiderten Dienstleistungen. Als Spezialist für Instandhaltung, Instandsetzung und Neubau von Anlagen in der gesamten Gebäudetechnik liefern wir Ihnen sämtliche Leistungen aus einer Hand. Mit Fokus auf Ausfallminimierung und Energieoptimierung Ihrer Anlage – und auf Qualität.</p>
280          </div>
281        </div>
282        
283        <div class="row">          
284          
285          <div class="col-lg-4">
286            <div class="block-2 ftco-animate" role="region" aria-labelledby="leistung-feuerung">
287              <div class="flipper" tabindex="0">
288                <div class="front" style="background-image: url(assets/img/feuerungsanlagen.jpg)">
289                  <div class="box">
290                    <img src="assets/img/icons/feuerung.png" class="img-fluid" alt="Symbol für Feuerungsanlagen">
291                    <h3 id="leistung-feuerung">Feuerungsanlagen</h3>
292                  </div>
293                </div>
294                <div class="back">
295                  <p>Egal ob mit Öl, Gas, Kombinationen mit Biokraftstoffen oder Wasserstoffbasis - Wir realisieren die Feuerungsanlage, die auf Ihre Anforderungen maßgeschneidert ist. In jeder Größe, Technik und Leistungsfähigkeit. Und danach sorgen wir dafür, dass Sie sich keine Sorgen mehr um den Betrieb der Anlage machen müssen.</p>
296                  <div class="author text-center">
297                    <a href="feuerungsanlagen.html" class="elegant-btn">Mehr erfahren</a>
298                  </div>
299                </div>
300              </div>
301            </div>
302          </div>
303          
304          <div class="col-lg-4">
305            <div class="block-2 ftco-animate" role="region" aria-labelledby="leistung-heizung">
306              <div class="flipper" tabindex="0">
307                <div class="front" style="background-image: url(assets/img/heizung2.jpg)">
308                  <div class="box">
309                    <img src="assets/img/icons/heizung.png" class="img-fluid" alt="Symbol für Heizung">
310                    <h3 id="leistung-heizung">Heizung</h3>
311                  </div>
312                </div>
313                <div class="back">
314                  <p>Elmatic liefert Ihnen energieeffiziente und nachhaltige Heizungslösungen für jedes Einsatzgebiet – von Büro- und Verwaltungskomplexen, Industrieanlagen, Gewerbeeinrichtungen über soziale Träger bis hin zu Wohn- und Einfamilienhäusern. Und den professionellen Service gleich dazu.</p>
315                  <div class="author text-center">
316                    <a href="heizung.html" class="elegant-btn">Mehr erfahren</a>
317                  </div>
318                </div>
319              </div>
320            </div>
321          </div>
322          
323          <div class="col-lg-4">
324            <div class="block-2 ftco-animate" role="region" aria-labelledby="leistung-lueftung">
325              <div class="flipper" tabindex="0">
326                <div class="front" style="background-image: url(assets/img/lueftung.jpg)">
327                  <div class="box">
328                    <img src="assets/img/icons/lueftung.png" class="img-fluid" alt="Symbol für Lüftung">
329                    <h3 id="leistung-lueftung">Lüftung</h3>
330                  </div>
331                </div>
332                <div class="back">
333                  <p>Eine gute Raumluft ist eine der Grundvoraussetzungen für Lebensqualität. Belüftungsanlagen dienen zur Gewährleistung einer sauberen und gesunden Luftqualität. Wir konzipieren und installieren moderne Systeme, die genau das gewährleisten. Und damit die Luftqualität dauerhaft hoch bleibt, übernimmt ELMATIC auch die laufende Wartung inkl. Hygieneprüfungen.</p>
334                  <div class="author text-center">
335                    <a href="lueftung.html" class="elegant-btn">Mehr erfahren</a>
336                  </div>
337                </div>
338              </div>
339            </div>
340          </div>
341          
342          <div class="col-lg-4">
343            <div class="block-2 ftco-animate" role="region" aria-labelledby="leistung-klima">
344              <div class="flipper" tabindex="0">
345                <div class="front" style="background-image: url(assets/img/klima.jpg)">
346                  <div class="box">
347                    <img src="assets/img/icons/kaelte.png" class="img-fluid" alt="Symbol für Klima">
348                    <h3 id="leistung-klima">Klima &amp; Kälte</h3>
349                  </div>
350                </div>
351                <div class="back">
352                  <p>„Klima gut – alles gut!“ Mit intelligenter Regelungstechnik und regelmäßiger Wartung sorgen wir dafür, dass das Klima in Ihrem Unternehmen stimmt. Ob im Einkaufszentrum, im Bürogebäude, in gewerblichen Einrichtungen oder in der Industrie, unsere Anlagen sind optimal auf ihren Einsatzzweck abgestimmt und werden von unseren Fachleuten sorgfältig gewartet.</p>
353                  <div class="author text-center">
354                    <a href="klima.html" class="elegant-btn">Mehr erfahren</a>
355                  </div>
356                </div>
357              </div>
358            </div>
359          </div>
360          
361          <div class="col-lg-4">
362            <div class="block-2 ftco-animate" role="region" aria-labelledby="leistung-gebaeudeautomation">
363              <div class="flipper" tabindex="0">
364                <div class="front" style="background-image: url(assets/img/gebaeudeautomation.jpg)">
365                  <div class="box">
366                    <img src="assets/img/icons/automation.png" class="img-fluid" alt="Symbol für Gebäudeautomation">
367                    <h3 id="leistung-gebaeudeautomation">Gebäudeautomation</h3>
368                  </div>
369                </div>
370                <div class="back">
371                  <p>Die Steuerung und Regelung Ihrer gesamten gebäudetechnischen Anlagen bilden das Rückgrat für die Effizienz Ihres Gebäudes. Perfekt aufeinander abgestimmte und fehlerlos arbeitende Systeme sind dabei die Grundvoraussetzung. Wir sorgen genau dafür – egal wie komplex die Anforderungen sind.</p>
372                  <div class="author text-center">
373                    <a href="gebaeudeautomation.html" class="elegant-btn">Mehr erfahren</a>
374                  </div>
375                </div>
376              </div>
377            </div>
378          </div>
379          
380          <div class="col-lg-4">
381            <div class="block-2 ftco-animate" role="region" aria-labelledby="leistung-elektrotechnik">
382              <div class="flipper" tabindex="0">
383                <div class="front" style="background-image: url(assets/img/elektro.jpg)">
384                  <div class="box">
385                    <img src="assets/img/icons/elektro.png" class="img-fluid" alt="Symbol für Elektrotechnik">
386                    <h3 id="leistung-elektrotechnik">Elektrotechnik</h3>
387                  </div>
388                </div>
389                <div class="back">
390                  <p>Ohne eine funktionierende Elektrotechnik läuft im Gebäude gar nichts. Deshalb ist es s
390o wichtig und wir legen entsprechenden Wert darauf, dass unser Fachpersonal elektrotechnische Anforderungen erfüllt, die weit über die üblichen Qualifikationen hinaus gehen.</p>
391                  <div class="author text-center">
392                    <a href="elektrotechnik.html" class="elegant-btn">Mehr erfahren</a>
393                  </div>
394                </div>
395              </div>
396            </div>
397          </div>
398          
399          <div class="col-lg-4">
400            <div class="block-2 ftco-animate" role="region" aria-labelledby="leistung-prozesstechnik">
401              <div class="flipper" tabindex="0">
402                <div class="front" style="background-image: url(assets/img/prozesstechnik.jpg)">
403                  <div class="box">
404                    <img src="assets/img/icons/prozesstechnik.png" class="img-fluid" alt="Symbol für Prozesstechnik">
405                    <h3 id="leistung-prozesstechnik">Prozesstechnik</h3>
406                  </div>
407                </div>
408                <div class="back">
409                  <p>Prozessautomation, Prozessleittechnik, Prozessdatenverarbeitung, Prozessoptimierung oder Steuerungsprogramme – wir regeln das für Sie. Am liebsten entwickeln wir individuelle Steuerprogramme auch für komplexeste Abläufe sowie Spezial- und Sonderlösungen. Weil wir es können.</p>
410                  <div class="author text-center">
411                    <a href="prozesstechnik.html" class="elegant-btn">Mehr erfahren</a>
412                  </div>
413                </div>
414              </div>
415            </div>
416          </div>
417          
418          <div class="col-lg-4">
419            <div class="block-2 ftco-animate" role="region" aria-labelledby="leistung-sanitaer">
420              <div class="flipper" tabindex="0">
421                <div class="front" style="background-image: url(assets/img/sanitaer.jpg)">
422                  <div class="box">
423                    <img src="assets/img/icons/sanitaer.png" class="img-fluid" alt="Symbol für Sanitär">
424                    <h3 id="leistung-sanitaer">Sanitär</h3>
425                  </div>
426                </div>
427                <div class="back">
428                  <p>Man muss nicht lange darüber reden: Die reibungslose Funktion einer sanitären Anlage kann man gar nicht hoch genug einschätzen. Deswegen bieten wir einen zuverlässigen Wartungs- und Instandsetzungs-Service, bei dem unsere Fachleute spätestens 3 Stunden nach Ihrem Anruf vor Ort sind.</p>
429                  <div class="author text-center">
430                    <a href="sanitaer.html" class="elegant-btn">Mehr erfahren</a>
431                  </div>
432                </div>
433              </div>
434            </div>
435          </div>
436          
437          <div class="col-lg-4">
438            <div class="block-2 ftco-animate" role="region" aria-labelledby="leistung-brandschutz">
439              <div class="flipper" tabindex="0">
440                <div class="front" style="background-image: url(assets/img/brandschutz.jpg)">
441                  <div class="box">
442                    <img src="assets/img/icons/brandschutz.png" class="img-fluid" alt="Symbol für Brandschutz">
443                    <h3 id="leistung-brandschutz">Brandschutz</h3>
444                  </div>
445                </div>
446                <div class="back">
447                  <p>Mit einem Höchstmaß an Know-how in Brandschutztechnik und Raumlufttechnik sorgen wir für Ihre maximale Sicherheit. Brandschutz ist einer der sensibelsten Bereiche im Gebäudemanagement, denn er entscheidet über die Sicherheit Ihrer Mitarbeitenden und Kunden. Da passen wir ganz besonders auf.</p>
448                  <div class="author text-center">
449                    <a href="brandschutz.html" class="elegant-btn">Mehr erfahren</a>
450                  </div>
451                </div>
452              </div>
453            </div>
454          </div>         
455          
456          <div class="col-lg-4">
457            <div class="block-2 ftco-animate" role="region" aria-labelledby="leistung-regenerative-energien">
458              <div class="flipper" tabindex="0">
459                <div class="front" style="background-image: url(assets/img/regenerative-energien.jpg)">
460                  <div class="box">
461                    <img src="assets/img/icons/regenerative.png" class="img-fluid" alt="Symbol für Regenerative Energien">
462                    <h3 id="leistung-regenerative-energien">Regenerative Energien</h3>
463                  </div>
464                </div>
465                <div class="back">
466                  <p>Klimaschutz, energieoptimiertes Heizen und die Nutzung regenerativer Energien sind heutzutage Standard. Zu Recht. Denn was wir heute hier leisten, erspart uns große Probleme in der Zukunft. Elmatic bietet Ihnen deshalb ein umfangreiches Portfolio an Produkten und Dienstleistungen in diesem Bereich an.</p>
467                  <div class="author text-center">
468                    <a href="regenerative-energien.html" class="elegant-btn">Mehr erfahren</a>
469                  </div>
470                </div>
471              </div>
472            </div>
473          </div>
474          
475          <div class="col-lg-4">
476            <div class="block-2 ftco-animate" role="region" aria-labelledby="leistung-betreiben-technischer-anlagen">
477              <div class="flipper" tabindex="0">
478                <div class="front" style="background-image: url(assets/img/anlagen.jpg)">
479                  <div class="box">
480                    <img src="assets/img/icons/betreiben.png" class="img-fluid" alt="Symbol für Betreiben technischer Anlagen">
481                    <h3 id="leistung-betreiben-technischer-anlagen">Betreiben technischer Anlagen</h3>
482                  </div>
483                </div>
484                <div class="back">
485                  <p>Wir sorgen dafür, dass Ihre technischen Anlagen reibungslos funktionieren und Sie sich auf das Wesentliche konzentrieren können. Und zwar mit qualifiziert ausgebildeten Techniker:innen, langjähriger Erfahrung und mit einem dichten Servicenetz.</p>
486                  <div class="author text-center">
487                    <a href="anlagen.html" class="elegant-btn">Mehr erfahren</a>
488                  </div>
489                </div>
490              </div>
491            </div>
492          </div>
493          
494          <div class="col-lg-4">
495            <div class="block-2 ftco-animate" role="region" aria-labelledby="leistung-cloud-services">
496              <div class="flipper" tabindex="0">
497                <div class="front" style="background-image: url(assets/img/cloud-services.jpg)">
498                  <div class="box">
499                    <img src="assets/img/icons/cloud-services.png" class="img-fluid" alt="Symbol für Cloud Services">
500                    <h3 id="leistung-cloud-services">Cloud Services</h3>
501                  </div>
502                </div>
503                <div class="back">
504                  <p>Mit Cloud Services heben wir Ihre Gebäudetechnik in die aktuellste IT Welt, mit allen ihren Möglichkeiten, wie z.B. weltweite Überwachung der Systeme, Zugriff bei Bedarf und Analyse sämtlicher Daten mittels Cloud Services – auf Wunsch auch unter Einsatz künstlicher Intelligenz (AI).</p>
505                  <div class="author text-center">
506                    <a href="cloud-services.html" class="elegant-btn mb-3">Mehr erfahren</a>
507                  </div>
508                </div>
509              </div>
510            </div>
511          </div>          
512          
513        </div>
514      </div>
515    </section>
516    
517    <section id="cta" class="cta" role="region" aria-labelledby="cta-heading">
518      <div class="text-center container" data-aos="zoom-in">
519
520        <div class="section-title">
521          <h2 id="cta-heading">Lernen Sie Ihre persönliche Ansprechperson kennen!</h2>
522        </div>
523        <p>Sie haben eine spezielle Frage oder wünschen ein Angebot? Sie planen eine Anlage und möchten sich vorher fachlich beraten lassen? Egal, wo in Deutschland Sie sind, wir vermitteln Ihnen unsere Fachleute ganz in Ihrer Nähe.</p>
524        <a class="cta-btn" href="index.php#contact" aria-label="Rückruf vereinbaren – zur Kontaktauf
524nahme">Rückruf vereinbaren</a>
525      </div>
526    </section>
527
528    <section id="portfolio" class="portfolio home" role="region" aria-labelledby="referenzen-heading">
529      <div class="container">
530        <div class="row text-center">
531          <div class="content col-12 col-lg-10 offset-lg-1" data-aos="fade-up">
532            <div class="section-title" data-aos="fade-in" data-aos-delay="100">
533              <h3>Referenzen</h3>
534              <h2 id="referenzen-heading">Ausgewählte Unternehmen, die ELMATIC vertrauen</h2>
535            </div>
536            <p>Wichtige öffentliche Einrichtungen, große Handels- und Indutrieunternehmen sowie unzählige private und gewerbliche Kunden verlassen sich auf die Kompetenz und Zuverlässigkeit von ELMATIC. Sehen Sie hier eine Auswahl.</p>
537          </div>
538        </div>
539        
540        <div class="row portfolio-container" data-aos="fade-up">
541          <div class="col-lg-4 col-md-6 portfolio-item filter-2">
542        <div class="portfolio-wrap focus-block" role="group" aria-labelledby="title-64" tabindex="0">
543                      <img src="upload/1748248690-asklepios-5342.jpg" class="img-fluid" alt="Asklepios Kliniken">
544                    <div class="portfolio-text">
545            <h4 id="title-64">Asklepios Kliniken</h4>
546            <p>12 Liegenschaften</p>
547          </div>
548          <div class="portfolio-links">
549            <a href="referenz.php?id=64" class="details-link" aria-label="Details zur Referenz Asklepios Kliniken">
550              <i class="bx bx-search" aria-hidden="true"></i>
551            </a>
552          </div>
553        </div>
554      </div>
555          <div class="col-lg-4 col-md-6 portfolio-item filter-4">
556        <div class="portfolio-wrap focus-block" role="group" aria-labelledby="title-89" tabindex="0">
557                      <img src="upload/1748248838-bundesrat-0899.jpg" class="img-fluid" alt="Bundesrat">
558                    <div class="portfolio-text">
559            <h4 id="title-89">Bundesrat</h4>
560            <p>1 Liegenschaft</p>
561          </div>
562          <div class="portfolio-links">
563            <a href="referenz.php?id=89" class="details-link" aria-label="Details zur Referenz Bundesrat">
564              <i class="bx bx-search" aria-hidden="true"></i>
565            </a>
566          </div>
567        </div>
568      </div>
569          <div class="col-lg-4 col-md-6 portfolio-item filter-1">
570        <div class="portfolio-wrap focus-block" role="group" aria-labelledby="title-84" tabindex="0">
571                      <img src="upload/1748253048-archi_berlin-1611.jpg" class="img-fluid" alt="C&amp;A Mode KG">
572                    <div class="portfolio-text">
573            <h4 id="title-84">C&amp;A Mode KG</h4>
574            <p>64 Liegenschaften</p>
575          </div>
576          <div class="portfolio-links">
577            <a href="referenz.php?id=84" class="details-link" aria-label="Details zur Referenz C&amp;A Mode KG">
578              <i class="bx bx-search" aria-hidden="true"></i>
579            </a>
580          </div>
581        </div>
582      </div>
583          <div class="col-lg-4 col-md-6 portfolio-item filter-4">
584        <div class="portfolio-wrap focus-block" role="group" aria-labelledby="title-107" tabindex="0">
585                      <img src="upload/1748253072-bundestag.jpg" class="img-fluid" alt="Deutscher Bundestag">
586                    <div class="portfolio-text">
587            <h4 id="title-107">Deutscher Bundestag</h4>
588            <p>1 Liegenschaft</p>
589          </div>
590          <div class="portfolio-links">
591            <a href="referenz.php?id=107" class="details-link" aria-label="Details zur Referenz Deutscher Bundestag">
592              <i class="bx bx-search" aria-hidden="true"></i>
593            </a>
594          </div>
595        </div>
596      </div>
597          <div class="col-lg-4 col-md-6 portfolio-item filter-3">
598        <div class="portfolio-wrap focus-block" role="group" aria-labelledby="title-62" tabindex="0">
599                      <img src="upload/1748253113-airbus_hamburg-5549.jpg" class="img-fluid" alt="EADS Airbus GmbH">
600                    <div class="portfolio-text">
601            <h4 id="title-62">EADS Airbus GmbH</h4>
602            <p>1 Liegenschaft</p>
603          </div>
604          <div class="portfolio-links">
605            <a href="referenz.php?id=62" class="details-link" aria-label="Details zur Referenz EADS Airbus GmbH">
606              <i class="bx bx-search" aria-hidden="true"></i>
607            </a>
608          </div>
609        </div>
610      </div>
611          <div class="col-lg-4 col-md-6 portfolio-item filter-0">
612        <div class="portfolio-wrap focus-block" role="group" aria-labelledby="title-172" tabindex="0">
613                      <img src="upload/1748253223-sxb1.jpg" class="img-fluid" alt="EDGE Südkreuz Berlin (SXB)">
614                    <div class="portfolio-text">
615            <h4 id="title-172">EDGE Südkreuz Berlin (SXB)</h4>
616            <p>1 Liegenschaft</p>
617          </div>
618          <div class="portfolio-links">
619            <a href="referenz.php?id=172" class="details-link" aria-label="Details zur Referenz EDGE Südkreuz Berlin (SXB)">
620              <i class="bx bx-search" aria-hidden="true"></i>
621            </a>
622          </div>
623        </div>
624      </div>
625          <div class="col-lg-4 col-md-6 portfolio-item filter-7">
626        <div class="portfolio-wrap focus-block" role="group" aria-labelledby="title-53" tabindex="0">
627                      <img src="upload/1748253317-hotel_am_griebnitzsee-0539.jpg" class="img-fluid" alt="Hotel Griebnitzsee Potsdam">
628                    <div class="portfolio-text">
629            <h4 id="title-53">Hotel Griebnitzsee Potsdam</h4>
630            <p>1 Liegenschaft</p>
631          </div>
632          <div class="portfolio-links">
633            <a href="referenz.php?id=53" class="details-link" aria-label="Details zur Referenz Hotel Griebnitzsee Potsdam">
634              <i class="bx bx-search" aria-hidden="true"></i>
635            </a>
636          </div>
637        </div>
638      </div>
639          <div class="col-lg-4 col-md-6 portfolio-item filter-1">
640        <div class="portfolio-wrap focus-block" role="group" aria-labelledby="title-94" tabindex="0">
641                      <img src="upload/1748253666-metro-ostbahnhof-0498.jpg" class="img-fluid" alt="METRO GROUP">
642                    <div class="portfolio-text">
643            <h4 id="title-94">METRO GROUP</h4>
644            <p>290 Liegenschaften</p>
645          </div>
646          <div class="portfolio-links">
647            <a href="referenz.php?id=94" class="details-link" aria-label="Details zur Referenz METRO GROUP">
648              <i class="bx bx-search" aria-hidden="true"></i>
649            </a>
650          </div>
651        </div>
652      </div>
653          <div class="col-lg-4 col-md-6 portfolio-item filter-6">
654        <div class="portfolio-wrap focus-block" role="group" aria-labelledby="title-69" tabindex="0">
655                      <img src="upload/1748254004-vattenfall-5352.jpg" class="img-fluid" alt="Vattenfall">
656                    <div class="portfolio-text">
657            <h4 id="title-69">Vattenfall</h4>
658            <p>10 Liegenschaften</p>
659          </div>
660          <div class="portfolio-links">
661            <a href="referenz.php?id=69" class="details-link" aria-label="Details zur Referenz Vattenfall">
662              <i class="bx bx-search" aria-hidden="true"></i>
663            </a>
664          </div>
665        </div>
666      </div>
667      </div>
668      <div class="text-center mt-5"><a href="referenzen.php" class="elegant-btn" aria-label="Alle Referenzen im Überblick anzeigen">Alle Referenzen im Überblick</a></div>
669    </section>    
670    
671    <section id="team2" class="team section-bg pb-5">
672      <div class="container">
673        <div class="row text-center">
674          <div class="content col-12 col-lg-10 offset-lg-1" data-aos="fade-up">
675            <div class="section-title" data-aos="fade-in" data-aos-delay="100">
676              <h3>Karriere</h3>
677              <h2>Wir bieten mehr als nur einen Job</h2>
678            </div>
679            <p class="mb-5">Wer im Team ELMATIC ist, kann stolz auf sich sein. Denn hier legen wir großen Wert auf absolute Zuverlässigkeit, Motivation und Engagement sowie ein konstruktives Miteinander. Möchten Sie dabei sein?</p>
680          </div>
681        </div>
682                        
683        <div class="row">
684          
685          <div class="col-lg-6">
686            <div class="member" data-aos="fade-up" role="group" aria-labelledby="karriere1-title">
687              <div class="pic"><img src="assets/img/team1.jpg" class="img-fluid" alt="Symbolbild Team – ELMATIC Mitarbeiter und Mitarbeiterin"></div>
688              <div class="member-info">
689                <h4 id="karriere1-title">Einer für alle, alle für einen</h4>
690                <span>Teamwork – kaum ein Begriff beschreibt die Arbeitsweise von ELMATIC besser. Wer effizient und zuverlässig anspruchsvolle Aufgaben bewältigen möchte, der braucht die Unterstützung einer kompetenten, fein abgestimmten Einheit. Werden Sie ein Teil davon!</span>
691                <a class="about-btn" href="werte.html" aria-label="Mehr zu unseren Werten bei ELMATIC">Unsere Werte <i class="bx bx-chevron-right"></i></a>
692              </div>
693            </div>
694          </div>
695          
696          <div class="col-lg-6">
697            <div class="member" data-aos="fade-up" role="group" aria-labelledby="karriere2-title">
698              <div class="pic"><img src="assets/img/team2.jpg" class="img-fluid" alt="Symbolbild Teamfähigkeit – Gruppe von Mitarbeitenden"></div>
699              <div class="member-info">
700                <h4 id="karriere2-title">Fördern und fordern 2.0</h4>
701                <span>Pünktlichkeit, Fleiß und Teamfähigkeit sind wichtig. Aber was bei ELMATIC darüber hinaus gefordert ist, sind Eigenschaften, die nicht unbedingt mit Handwerk verknüpft sind: Kreativität, Humor, Empathie und Ehrgeiz sind einige davon. Alles andere bringen wir Ihnen bei.</span>
702                <a class="about-btn" href="anforderungen.html" aria-label="Mehr zu den Anforderungen und Benefits von ELMATIC">Was wir bieten, was wir suchen <i class="bx bx-chevron-right"></i></a>
703              </div>
704            </div>
705          </div>
706          
707          <div class="col-lg-6">
708            <div class="member" data-aos="fade-up" role="group" aria-labelledby="karriere3-title">
709              <div class="pic"><img src="assets/img/team3.jpg" class="img-fluid" alt="Selfie-Bild mehrerer Mitarbeitender vor Firmenwagen"></div>
710              <div class="member-info">
711                <h4 id="karriere3-title">Nachhaltig arbeiten, bundesweit</h4>
712                <span>ELMATIC hat aktuell 22 Standorte, verteilt über ganz Deutschland. Wenn Sie mit in Ihrer Region verbunden bleiben möchten, haben Sie bei uns eine gute Chance. Lange Wege und häufige Reisen sind weder nachhaltig noch effizient. Vermeiden wir sie einfach.</span>
713                <a class="about-btn" href="stellenangebote.html" aria-label="Direkt zu den Stellenangeboten">Stellenangebote <i class="bx bx-chevron-right"></i></a>
714              </div>
715            </div>
716          </div>
717          
718          <div class="col-lg-6">
719            <div class="member" data-aos="fade-up" role="group" aria-labelledby="karriere4-title">
720              <div class="pic"><img src="assets/img/team4.jpg" class="img-fluid" alt="Symbolbild Ausbildung - Mitarbeiter und Auszubildender am Arbeitsplatz"></div>
721              <div class="member-info">
722                <h4 id="karriere4-title">Ihr Talent ist unsere Stärke</h4>
723                <span>Eine gute Ausbildung ist die Voraussetzung, die kontinuierliche Weiterentwicklung unsere Verpflichtung. Wer ganz vorn mit dabei sein will, bekommt bei ELMATIC die Chance, sein Wissen und seine Qualifikation laufend zu verbessern. Dafür sorgen wir gern.</span>
724                <a class="about-btn" href="ausbildung.html" aria-label="Mehr zur Ausbildung bei ELMATIC">Ausbildung <i class="bx bx-chevron-right"></i></a>
725              </div>
726            </div>
727          </div>
728
729        </div>
730        <div class="text-center"><a href="karriere.html" class="elegant-btn" style="margin-top: -50px;margin-bottom: 50px" aria-label="Mehr über Karriere bei ELMATIC">Karriere bei ELMATIC</a></div>
731
732      </div>
733    </section>
734    
735    <section id="jobs" class="jobs" role="region" aria-labelledby="jobs-heading">
736      <div class="container" data-aos="fade-in">
737
738        <div class="row text-center">
739          <div class="content col-12 col-lg-10 offset-lg-1" data-aos="fade-up">
740            <div class="text-center">
741              <h2 id="jobs-heading">Wir suchen junge Talente und alte Hasen</h2>
742              <p>Sie sind technisch interessiert, haben eine handwerkliche oder technische Ausbildung und – das ist das Wichtigste – haben den Ehrgeiz, unser Traditionsunternehmen kontinuierlich voranzubringen? Dann würden wir Sie gern kennenlernen.</p>
743              <a class="cta-btn" href="stellenangebote.html" aria-label="Zu den aktuellen Stellenangeboten von ELMATIC">
744                Alle Ausbildungs- und Jobangebote <i class="bx bx-chevron-right" aria-hidden="true"></i>
745              </a>
746            </div>
747          </div>
748        </div>
749
750      </div>
751    </section>
752    
753    <section id="faq" class="faq">
754      <div class="container" data-aos="fade-up">
755
756        <div class="section-title">
757          <h2>FAQ</h2>
758        </div>
759
760        <div class="faq-list text-center">
761          <ul>
762            <li>
763              <div class="accordion-item" role="group" aria-labelledby="faq-heading-1">
764                <a id="faq-heading-1" class="collapsed" data-bs-toggle="collapse" href="#faq-list-1" role="button" aria-expanded="false" aria-controls="faq-list-1">Wo bietet ELMATIC überall seine Leistungen an? <i class="bx bx-chevron-down icon-show" aria-hidden="true"></i><i class="bx bx-chevron-up icon-close" aria-hidden="true"></i></a>
765                <div id="faq-list-1" class="collapse" data-bs-parent=".faq-list" role="region" aria-labelledby="faq-heading-1">
766                  <p>ELMATIC hat deutschlandweit 22 Standorte. So sind unsere Fachleute in der Lage, innerhalb von 3 Stunden fast jeden Ort in der Bundesrepublik zu erreichen.</p>
767                </div>
768              </div>
769            </li>
770
771            <li>
772              <div class="accordion-item" role="group" aria-labelledby="faq-heading-2">
773                <a id="faq-heading-2" class="collapsed" data-bs-toggle="collapse" href="#faq-list-2" role="button" aria-expanded="false" aria-controls="faq-list-2">Kann mich ELMATIC bei Modernisierungen im Rahmen der Energiewende unterstützen? <i class="bx bx-chevron-down icon-show" aria-hidden="true"></i><i class="bx bx-chevron-up icon-close" aria-hidden="true"></i></a>
774                <div id="faq-list-2" class="collapse" data-bs-parent=".faq-list" role="region" aria-labelledby="faq-heading-2">
775                  <p>Die Modernisierung oder komplette Neukonzeption von Heiz- oder Feuerungsanlagen, Lüftungssystemen oder Klimaanlagen kann sehr viel Geld sparen, sichert den langfristigen Betrieb und schont die Umwelt. Wir zeigen Ihnen auf, welche Möglichkeiten für Sie individuell in Frage kommen, welche davon sinnvoll sind und wie die Modernisierung umgesetzt werden kann. Auf Wunsch entwickeln wir ein umfassendes Konzept für Sie und setzen es in Top-Qualität um.</p>
776                </div>
777              </div>
778            </li>
779
780            <li>
781              <div class="accordion-item" role="group" aria-labelledby="faq-heading-3">
782                <a id="faq-heading-3" class="collapsed" data-bs-toggle="collapse" href="#faq-list-3" role="button" aria-expanded="false" aria-controls="faq-list-3">Übernimmt ELMATIC auch die laufende Wartung und Instandhaltung meiner Anlagen? <i class="bx bx-chevron-down icon-show" aria-hidden="true"></i><i class="bx bx-chevron-up icon-close" aria-hidden="true"></i></a>
783                <div id="faq-list-3" class="collapse" data-bs-parent=".faq-list" role="region" aria-labelledby="faq-heading-3">
784                  <p>ELMATIC bietet umfassende Wartungs- und Instandhaltungsdienste für Ihre Gebäudetechnik an. Von routinemäßigen Inspektionen bis hin zu kurzfristig ausgeführten Reparaturen stehen wir Ihnen mit unserem erfahrenen Team zur Verfügung, um sicherzustellen, dass Ihre Anlagen stets einwandfrei funktionieren.</p>
785                </div>
786              </div>
787            </li>
788
789            <li>
790              <div class="accordion-item" role="group" aria-labelledby="faq-heading-4">
791                <a id="faq-heading-4" class="collapsed" data-bs-toggle="collapse" href="#faq-list-4" role="button" aria-expanded="false" aria-controls="faq-list-4">Wie schnell ist ein ELMATIC-Mitarbeitender bei einem Notfall vor Ort? <i class="bx bx-chevron-down icon-show" aria-hidden="true"></i><i class="bx bx-chevron-up icon-close" aria-hidden="true"></i></a>
792                <div id="faq-list-4" class="collapse" data-bs-parent=".faq-list" role="region" aria-labelledby="faq-heading-4">
793                  <p>Dank unserem dichten Standortnetz können unsere Fachleute, wenn es darauf ankommt, innerhalb von 3 Stunden jeden Ort in Deutschland erreichen. Unsere Einsatzzentrale koordiniert den Einsatz professionell, so dass die richtigen Leute mit dem passenden Gerät schnellstmöglich am Einsatzort sind.</p>
794                </div>
795              </div>
796            </li>
797
798            <li>
799              <div class="accordion-item" role="group" aria-labelledby="faq-heading-5">
800                <a id="faq-heading-5" class="collapsed" data-bs-toggle="collapse" href="#faq-list-5" role="button" aria-expanded="false" aria-controls="faq-list-5">Welche Hersteller hat ELMATIC im Programm? <i class="bx bx-chevron-down icon-show" aria-hidden="true"></i><i class="bx bx-chevron-up icon-close" aria-hidden="true"></i></a>
801                <div id="faq-list-5" class="collapse" data-bs-parent=".faq-list" role="region" aria-labelledby="faq-heading-5">
802                  <p>ELMATIC arbeitet zu 100% herstellerunabhängig. Bei der Planung neuer Anlagen werden alle Unternehmen mit einbezogen, die in Frage kommen. Und beim Service machen wir ebenfalls keine Einschränkungen hinsichtlich der Marke.</p>
803                </div>
804              </div>
805            </li>
806
807            <li>
808              <div class="accordion-item" role="group" aria-labelledby="faq-heading-6">
809                <a id="faq-heading-6" class="collapsed" data-bs-toggle="collapse" href="#faq-list-6" role="button" aria-expanded="false" aria-controls="faq-list-6">Welche Systeme und Technologien bieten Sie an? <i class="bx bx-chevron-down icon-show" aria-hidden="true"></i><i class="bx bx-chevron-up icon-close" aria-hidden="true"></i></a>
810                <div id="faq-list-6" class="collapse" data-bs-parent=".faq-list" role="region" aria-labelledby="faq-heading-6">
811                  <p>Das ist einfach gesagt: alle. Um die optimale Lösung zu finden, prüft ELMATIC sämtliche verfügbaren Systeme auf ihre Tauglichkeit. Wir haben die Erfahrung und Fachkompetenz, so gut wie jede Technologie im Anlagenbereich zu konzipieren, zu installieren und zu warten.</p>
812                </div>
813              </div>
814            </li>
815
816            <li>
817              <div class="accordion-item" role="group" aria-labelledby="faq-heading-7">
818                <a id="faq-heading-7" class="collapsed" data-bs-toggle="collapse" href="#faq-list-7" role="button" aria-expanded="false" aria-controls="faq-list-7">Wann und wie kann ich meinen Ansprechpartner bei ELMATIC erreichen? <i class="bx bx-chevron-down icon-show" aria-hidden="true"></i><i class="bx bx-chevron-up icon-close" aria-hidden="true"></i></a>
819                <div id="faq-list-7" class="collapse" data-bs-parent=".faq-list" role="region" aria-labelledby="faq-heading-7">
820                  <p>
820Für eine Beratung erreichen Sie uns während unserer Geschäftszeiten montags bis freitags zwischen 8.00 und 16.00 Uhr. Sollte einmal eine Anlage ausfallen oder ein anderer Notfall vorliegen – was wir nicht hoffen – erreichen Sie die ELMATIC Einsatzzentrale über die Hotline <a class="intext" href="tel:+498003562842">0800 / 356 28 42</a>. Jeden Tag, rund um die Uhr.</p>
821                </div>
822              </div>
823            </li>
824
825
826          </ul>
827        </div>
828
829      </div>
830    </section>
831    
832    <section id="contact" class="contact section-bg" role="region" aria-labelledby="contact-heading">
833      <div class="container" data-aos="fade-up">
834
835        <div class="row text-center">
836          <div class="content col-12 col-lg-10 offset-lg-1" data-aos="fade-up">
837            <div class="section-title">
838              <h3>Kontakt</h3>
839              <h2 id="contact-heading">So erreichen Sie uns</h2>
840            </div>
841            <p class="mb-5">Alle Informationen zu unseren Standorten finden Sie <a href="standorte.php">hier</a>.</p>
842          </div>
843        </div>
844
845        <div class="row">
846          <!-- Kontaktinformationen -->
847          <div class="col-md-6 col-lg-4" role="group" aria-label="Kontaktinformationen Hauptsitz Hamburg">
848            <div class="info-box mb-3">
849              <i class="bx bx-map" aria-hidden="true"></i>
850              <h2>Hauptsitz Hamburg</h2>
851              <p>Arndtstraße 18–20, 22085 Hamburg</p>
852            </div>
853
854            <div class="info-box mb-3">
855              <i class="bx bx-envelope" aria-hidden="true"></i>
856              <p><a href="mailto:[email protected]">[email protected]</a></p>
857            </div>
858
859            <div class="info-box">
860              <i class="bx bx-phone-call" aria-hidden="true"></i>
861              <p><a href="tel:+4940229210">040 229 21-0</a></p>
862            </div>
863          </div>
864
865          <!-- Kontaktformular -->
866          <div class="col-md-6 col-lg-8">
867            <form id="kontaktformular" action="forms/contact.php" method="post" role="form" class="php-email-form" aria-labelledby="contact-heading">
868
869              <div class="row">
870                <!-- Name -->
871                <div class="col-md-6 form-floating">
872                  <input type="text" name="name" class="form-control" id="name" required aria-required="true">
873                  <label for="name" class="form-label ms-3">Vor- und Zuname*</label>
874                </div>
875
876                <!-- E-Mail -->
877                <div class="col-md-6 form-floating mt-3 mt-md-0">
878                  <input type="text" name="website" id="website" class="verboten" aria-hidden="true" tabindex="-1">
879                  <label for="website" class="verboten">Website</label>
880                  <input type="email" class="form-control" name="ebrief" id="ebrief" required aria-required="true">
881                  <label for="ebrief" class="form-label ms-3">E-Mail*</label>
882                  <input type="hidden" name="form_start" id="form_start" value="">
883                  <input type="hidden" name="js_token" id="js_token" value="">
884                </div>
885
886                <!-- Telefon -->
887                <div class="col-md-6 form-floating mt-3">
888                  <input type="text" class="form-control" name="tel" id="tel">
889                  <label for="tel" class="form-label ms-3">Telefon</label>
890                </div>
891
892                <!-- Rückruf -->
893                <div class="col-md-6 form-group mt-3">
894                  <input type="checkbox" class="form-check-inline" name="rr" id="rr">
895                  <label for="rr" class="form-check-label">Ich möchte einen Rückruf vereinbaren</label>
896                </div>
897                
898                <select name="kontaktart" class="d-none">
899                  <option value="default" selected>Bitte wählen</option>
900                  <option value="anfrage">Anfrage</option>
901                  <option value="rueckruf">Rückruf</option>
902                </select>
903
904                <!-- Nachricht -->
905                <div class="form-floating mt-3">
906                  <textarea class="form-control" name="message" id="message"  style="height: 150px;" required aria-required="true"></textarea>
907                  <label for="message" class="form-label ms-3">Nachricht*</label>
908                </div>
909
910                <!-- Zustimmung -->
911                <div class="form-group mt-3">
912                  <fieldset>
913                    <legend id="optin-label" class="visually-hidden">Datenschutzeinwilligung</legend>
914                    <label for="optin">Ich bin damit einverstanden, dass meine Daten verarbeitet und gespeichert werden, damit ich von ELMATIC weiterhin informiert werden kann. Für andere Zwecke werden meine Daten nicht verwendet.</label>
915                    <p>
916                      <input type="radio" id="optin" name="optin" value="Ja" class="form-check-inline" aria-labelledby="optin-label" checked> Ja
917                      <input type="radio" id="optout" name="optin" value="Nein" class="form-check-inline ms-5" aria-labelledby="optin-label"> Nein
918                    </p>
919                  </fieldset>
920                </div>
921
922                <!-- Statusmeldungen -->
923                <div role="status" aria-live="polite" class="mt-3">
924                  <div class="loading">Laden ...</div>
925                  <div class="error-message"></div>
926                  <div class="sent-message">Ihre Nachricht wurde verschickt. Vielen Dank!</div>
927                </div>
928
929                <!-- Absenden -->
930                <div class="text-center">
931                  <button type="submit" id="submit-btn" class="elegant-btn" aria-label="Kontaktformular absenden" disabled>Absenden 
932                    <i class="bx bx-chevron-right" aria-hidden="true"></i>
933                  </button>
934                </div>
935              </div>
936
937            </form>
938          </div>
939        </div>
940
941      </div>
942    </section>
943
944  </main>
945
946  <footer id="footer" role="contentinfo">
947    <div class="footer-top">
948      <div class="container">
949        <div class="row">
950
951          <div class="col-lg-4 col-md-6 footer-info" role="region" aria-labelledby="footer-social-title">
952            <h4 id="footer-social-title">Social Media</h4>
953            <div class="social-links">
954              <a href="https://www.facebook.com/p/Elmatic-GmbH-100066945573689/" class="facebook" aria-label="ELMATIC auf Facebook">
955                <i class="bx bxl-facebook" aria-hidden="true"></i>
956              </a>
957              <a href="https://www.instagram.com/elmatic_gmbh/" class="instagram" aria-label="ELMATIC auf Instagram">
958                <i class="bx bxl-instagram" aria-hidden="true"></i>
959              </a>
960              <a href="https://www.linkedin.com/company/elmatic-gmbh/" class="linkedin" aria-label="ELMATIC auf LinkedIn">
961                <i class="bx bxl-linkedin" aria-hidden="true"></i>
962              </a>
963            </div>
964          </div>
965
966          <div class="col-lg-2 offset-lg-1 col-md-6 footer-links" role="navigation" aria-labelledby="footer-links-title">
967            <h4 id="footer-links-title">Wichtige Links</h4>
968            <ul>
969              <li><i class="bx bx-chevron-right" aria-hidden="true"></i> <a href="impressum.html">Impressum</a></li>
970              <li><i class="bx bx-chevron-right" aria-hidden="true"></i> <a href="datenschutz.html">Datenschutz</a></li>
971              <li><i class="bx bx-chevron-right" aria-hidden="true"></i> <a href="stellenangebote.html">Stellenangebote</a></li>
972              <li><i class="bx bx-chevron-right" aria-hidden="true"></i> <a href="standorte.php">Standorte</a></li>
973              <li><i class="bx bx-chevron-right" aria-hidden="true"></i> <a href="downloads.php">Downloads</a></li>
974              <li><i class="bx bx-chevron-right" aria-hidden="true"></i> <a href="index.php#contact">Kontakt</a></li>
975            </ul>
976          </div>
977
978          <div class="col-lg-2 col-md-6 footer-links" role="navigation" aria-labelledby="footer-services-title">
979            <h4 id="footer-services-title">Unsere Leistungen</h4>
980            <ul>
981              <li><i class="bx bx-chevron-right" aria-hidden="true"></i> <a href="feuerungsanlagen.html">Feuerungsanlagen</a></li>
982              <li><i class="bx bx-chevron-right" aria-hidden="true"></i> <a href="heizung.html">Heizung</a></li>
983              <li><i class="bx bx-chevron-right" aria-hidden="true"></i> <a href="lueftung.html">Lüftung</a></li>
984              <li><i class="bx bx-chevron-right" aria-hidden="true"></i> <a href="klima.html">Klima &amp; Kälte</a></li>
985              <li><i class="bx bx-chevron-right" aria-hidden="true"></i> <a href="sanitaer.html">Sanitär</a></li>
986              <li><i class="bx bx-chevron-right" aria-hidden="true"></i> <a href="brandschutz.html">Brandschutz</a></li>
987            </ul>
988          </div>
989
990          <div class="col-lg-3 col-md-6 footer-links" role="navigation" aria-labelledby="footer-services-more-title">
991            <h4 id="footer-services-more-title">&nbsp;<span class="visually-hidden">Weitere Leistungen</span></h4>
992            <ul>
993              <li><i class="bx bx-chevron-right" aria-hidden="true"></i> <a href="gebaeudeautomation.html">Gebäudeautomation</a></li>
994              <li><i class="bx bx-chevron-right" aria-hidden="true"></i> <a href="elektrotechnik.html">Elektrotechnik</a></li>
995              <li><i class="bx bx-chevron-right" aria-hidden="true"></i> <a href="prozesstechnik.html">Prozesstechnik</a></li>
996              <li><i class="bx bx-chevron-right" aria-hidden="true"></i> <a href="regenerative-energien.html">Regenerative Energien</a></li>
997              <li><i class="bx bx-chevron-right" aria-hidden="true"></i> <a href="anlagen.html">Betreiben technischer Anlagen</a></li>
998              <li><i class="bx bx-chevron-right" aria-hidden="true"></i> <a href="cloud-services.html">Cloud Services</a></li>
999            </ul>
1000          </div>
1001
1002        </div>
1003      </div>
1004    </div>
1005
1006    <div class="container">
1007      <div class="copyright" role="contentinfo">
1008        &copy; <span id="jahr"></span> ELMATIC GmbH <a href="support.html" class="ms-5"><i class="bx bx-chevron-right" aria-hidden="true"></i> Support</a>
1009      </div>
1010      
1010<script>
1011        document.getElementById('jahr').textContent = new Date().getFullYear();
1012      </script>
1012
1013    </div>
1014  </footer>
1015
1016  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i><span class="visually-hidden">Zum Seitenanfang</span></a>
1017  <div class="back-to-top quick d-flex flex-column align-items-end justify-content-end">
1018    <p class="align-self-center">Wichtige Telefonnummern</p>
1019    <a href="tel:+498003562842">Notdienst: <span>0800 3562842</span></a>
1020    <a href="tel:+4940229210">Anfrage: <span>040 229210</span></a>
1021    <a href="tel:+494022921392">Jobs: <span>040 22921392</span></a>
1022    <i class="bi bi-telephone align-self-center"></i>
1023  </div>
1024  <a href="stellenangebote.html" class="back-to-top quick joboffers d-flex flex-column align-items-center justify-content-center">
1025    <p class="align-self-center">Zu unseren Stellenangeboten</p>
1026  </a>
1027
1028  
1028<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
1028
1029  
1029<script src="assets/vendor/aos/aos.js"></script>
1029
1030  
1030<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
1030
1031  
1031<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
1031
1032  
1032<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
1032
1033  
1033<script src="assets/vendor/php-email-form/validate.js"></script>
1033
1034
1035  
1035<script src="assets/js/main.js"></script>
1035
1036  
1036<script>
1037    var swiper1 = new Swiper('.slider1', {
1038      effect: 'fade',
1039      fadeEffect: {
1040        crossFade: true
1041      },
1042      speed: 600,
1043      loop: true,
1044      autoplay: {
1045        delay: 5000,
1046        disableOnInteraction: false
1047      },
1048      slidesPerView: 1,
1049      pagination: {
1050        el: '.swiper-pagination',
1051        type: 'bullets',
1052        clickable: true
1053      },
1054      navigation: {
1055        nextEl: '.swiper-button-next',
1056        prevEl: '.swiper-button-prev',
1057      }
1058    });
1059    var swiper2 = new Swiper('.slider2', {
1060      speed: 600,
1061      loop: true,
1062      autoplay: {
1063        delay: 8000,
1064        disableOnInteraction: true
1065      },
1066      slidesPerView: 1,
1067      pagination: {
1068        el: '.swiper-pagination',
1069        type: 'bullets',
1070        clickable: true
1071      },
1072      navigation: {
1073        nextEl: '.swiper-button-next',
1074        prevEl: '.swiper-button-prev',
1075      }
1076    });
1077    var btn1 = document.getElementById('btn1');
1078    btn1.onclick = function (event) {
1079      //event.preventDefault();
1080      //alert("CHECK1");
1081      swiper2.slideTo(3, 500, false)
1082    }
1083   var btn2 = document.getElementById('btn2');
1084    btn2.onclick = function (event) {
1085      //event.preventDefault();
1086      //alert("CHECK2");
1087      swiper2.slideTo(2, 500, false)
1088    }
1089    var btn3= document.getElementById('btn3');
1090    btn3.onclick = function (event) {
1091      //event.preventDefault();
1092      //alert("CHECK3");
1093      swiper2.slideTo(1, 500, false)
1094    }
1095    
1096    document.getElementById('form_start').value = Math.floor(Date.now() / 1000);
1097    document.addEventListener("DOMContentLoaded", function() {
1098      const tokenField = document.getElementById('js_token');
1099      if (tokenField) {
1100        tokenField.value = 'elmatic-verified-' + new Date().getTime();
1101      }
1102    });
1103    document.addEventListener('DOMContentLoaded', () => {
1104      const form = document.getElementById('kontaktformular');
1105      const submitBtn = document.getElementById('submit-btn');
1106      const requiredFields = form.querySelectorAll('[required]');
1107
1108      function allFieldsValid() {
1109        return Array.from(requiredFields).every(field => field.value.trim() !== '');
1110      }
1111
1112      let countdownTimeout;
1113      let delayTimeout;
1114
1115      form.addEventListener('input', () => {
1116        clearTimeout(countdownTimeout);
1117        clearTimeout(delayTimeout);
1118        submitBtn.disabled = true;
1119        submitBtn.textContent = 'Absenden';
1120
1121        if (allFieldsValid()) {
1122          submitBtn.textContent = '2...';
1123          let counter = 2;
1124
1125          countdownTimeout = setInterval(() => {
1126            counter--;
1127            if (counter > 0) {
1128              submitBtn.textContent = `${counter}...`;
1129            } else {
1130              clearInterval(countdownTimeout);
1131              submitBtn.disabled = false;
1132              submitBtn.textContent = 'Absenden';
1133            }
1134          }, 1000);
1135        }
1136      });
1137    });
1138  </script>
1138
1139</body>
1140
1141</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.