PageSourceSearch

https://aplen-medika.netlify.app/index-de

html aplen-medika.netlify.app collected 2026-10-03 10:27:09 UTC 70,562 bytes, 1,664 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de">
3  <head>
4    <!-- Document Metadata -->
5    <meta charset="utf-8" />
6<!-- This site is hosted on Netlify. Anyone can build and deploy a site
7     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=d2b53f10-e059-4773-b6a8-cd171c951209
8     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
9    <meta name="viewport" content="width=device-width, initial-scale=1" />
10    <title>Alpen Medika - Premium Medizinische Lösungen</title>
11
12    <!-- External CSS Libraries -->
13    <link rel="stylesheet" href="assets/css/font.css" />
14    <link rel="stylesheet" href="assets/css/all.css" />
15    <link rel="stylesheet" href="assets/css/style.css" />
16    <link
17      href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
18      rel="stylesheet"
19      integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
20      crossorigin="anonymous"
21    />
22    <link
23      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap"
24      rel="stylesheet"
25    />
26
27    <link
28      href="https://fonts.googleapis.com/icon?family=Material+Icons"
29      rel="stylesheet"
30    />
31    <link rel="preconnect" href="https://fonts.googleapis.com" />
32    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
33    <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet" />
34    <link
35      href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
36      rel="stylesheet"
37    />
38    <link
39      rel="stylesheet"
40      href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
41    />
42  </head>
43
44  <body>
45    <!-- Loader Section -->
46    <div class="loader-wrapper">
47      <img
48        src="assets/img/alpen_logo.png"
49        alt="Alpen Medika"
50        class="loader-logo"
51      />
52      <div class="loader-progress">
53        <div class="loader-bar"></div>
54      </div>
55      <div class="loader-text">Laden...</div>
56    </div>
57
58    <!-- Main Content Wrapper -->
59    <div id="content">
60      <!-- Navbar Section -->
61      <nav class="navbar navbar-expand-lg">
62        <div class="container-fluid">
63          <!-- Navbar Brand/Logo -->
64          <a class="navbar-brand" href="index.de.html">
65            <img
66              src="assets/img/alpen_logo.png"
67              width="80"
68              height="70"
69              alt="Alpen Medika"
70            />
71          </a>
72          <!-- Mobile Toggle and Contact Button -->
73          <div class="d-lg-none d-flex align-items-center">
74            <div class="dropdown me-2">
75              <button
76                class="rounded-pill btn-sm dropdown-toggle px-3 py-1"
77                type="button"
78                data-bs-toggle="dropdown"
79                aria-expanded="false"
80              >
81                🇩🇪
82              </button>
83              <ul class="dropdown-menu lang-dropdown">
84                <li><a class='dropdown-item' href='/'>🇮🇹</a></li>
85                <li><a class='dropdown-item' href='/index-en'>🇬🇧</a></li>
86              </ul>
87            </div>
88            <!-- Contact Button -->
89            <a
90              href="#contact"
91              class="btn_secondary rounded-pill d-inline-flex align-items-center me-2"
92            >
93              <span class="fs_7 fw-medium text-uppercase"
94                >Kontaktieren Sie uns</span
95              >
96              <svg
97                xmlns="http://www.w3.org/2000/svg"
98                viewBox="0 0 24 24"
99                height="16"
100                width="16"
101                class="ms-1"
102              >
103                <path d="M5,17.59L15.59,7H9V5H19V15H17V8.41L6.41,19L5,17.59Z" />
104              </svg>
105            </a>
106
107            <!-- Language Button -->
108
109            <!-- Navbar Toggler -->
110            <button
111              class="navbar-toggler shadow-none border-0"
112              type="button"
113              data-bs-toggle="collapse"
114              data-bs-target="#navbarNav"
115              aria-controls="navbarNav"
116              aria-expanded="false"
117              aria-label="Toggle navigation"
118            >
119              <span class="navbar-toggler-icon"></span>
120            </button>
121          </div>
122
123          <!-- Navbar Collapse Content -->
124          <div class="collapse navbar-collapse" id="navbarNav">
125            <ul class="navbar-nav mx-auto gap-1 my-lg-0 my-3">
126              <li class="nav-item">
127                <a class="nav-link fs_6 fw-medium" href="index.de.html"
128                  >Startseite</a
129                >
130              </li>
131              <li class="nav-item">
132                <a class="nav-link fs_6 fw-medium" href="#about">Über uns</a>
133              </li>
134              <li class="nav-item dropdown">
135                <a
136                  class="nav-link fs_6 fw-medium d-inline-flex align-items-center"
137                  href="#"
138                  role="button"
139                  data-bs-toggle="dropdown"
140                  aria-expanded="false"
141                >
142                  <span>Produkte</span>
143                  <svg
144                    xmlns="http://www.w3.org/2000/svg"
145                    viewBox="0 0 24 24"
146                    height="18"
147                    width="18"
148                    class="ms-1"
149                  >
150                    <path d="M7,10L12,15L17,10H7Z" />
151                  </svg>
152                </a>
153                <ul class="dropdown-menu navbarDropdown">
154                  <li>
155                    <a class='dropdown-item fs_6' href='/sidly-care-pro-de'>SiDLY Care Pro Armband</a
156                    >
157                  </li>
158                  <li>
159                    <a class='dropdown-item fs_6' href='/sidly-vital-care-de'>SiDLY Vital Care</a
160                    >
161                  </li>
162                </ul>
163              </li>
164              <li class="nav-item">
165                <a class="nav-link fs_6 fw-medium" href="#mission"
166                  >Unsere Mission</a
167                >
168              </li>
169            </ul>
170          </div>
171          <!-- Desktop Contact Button -->
172          <div class="d-lg-block d-none">
173            <div class="dropdown d-inline-block ms-2">
174              <button
175                class="btn btn-sm lang-btn dropdown-toggle rounded-pill"
176                type="button"
177                data-bs-toggle="dropdown"
178                aria-expanded="false"
179              >
180                🇩🇪
181              </button>
182              <ul class="dropdown-menu lang-dropdown">
183                <li><a class='dropdown-item' href='/'>🇮🇹</a></li>
184                <li><a class='dropdown-item' href='/index-de'>🇬🇧</a></li>
185              </ul>
186              <a
187                href="#contact"
188                class="btn_secondary rounded-pill d-inline-flex align-items-center"
189              >
190                <span class="fs_7 fw-medium text-uppercase"
191                  >Kontaktieren Sie uns</span
192                >
193                <svg
194                  xmlns="http://www.w3.org/2000/svg"
195                  viewBox="0 0 24 24"
196                  height="16"
197                  width="16"
198                  class="ms-1"
199                >
200                  <path
201                    d="M5,17.59L15.59,7H9V5H19V15H17V8.41L6.41,19L5,17.59Z"
202                  />
203                </svg>
204              </a>
205              <!-- Language Selector -->
206            </div>
207          </div>
208        </div>
209      </nav>
210
211      <!-- Hero Section -->
212      <header class="parallax-container">
213        <video
214          class="bg_video"
215          src="assets/img/wristband_intro.mp4"
216          autoplay
217          muted
218          loop
219          playsinline
220        ></video>
221        <div id="hero">
222          <div class="container">
223            <div class="row h-100 align-items-center">
224              <div class="col-lg-7 col-md-8 col-12">
225                <div class="hero-content">
226                  <!-- Hero Buttons -->
227                  <div class="hero-buttons">
228                    <a
229                      href="#about"
230                      class="btn_secondary text-uppercase fw-medium d-inline-flex align-items-center"
231                    >
232                      <span class="fs_6">Jetzt entdecken</span>
233                      <svg
234                        xmlns="http://www.w3.org/2000/svg"
235                        viewBox="0 0 24 24"
236                        height="18"
237                        width="18"
238                        class="ms-2"
239                      >
240                        <path
241                          d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"
242                        />
243                      </svg>
244                    </a>
245                    <a
246                      href="#contact"
247                      class="btn_transparent fw-medium d-inline-flex align-items-center"
248                    >
249                      <span class="fs_6">Kontaktieren Sie uns</span>
250                      <svg
251                        xmlns="http://www.w3.org/2000/svg"
252                        viewBox="0 0 24 24"
253                        height="18"
254                        width="18"
255                        class="ms-2"
256                      >
257                        <path
258                          d="M6.62,10.79C8.06,13.62 10.38,15.94 13.21,17.38L15.41,15.18C15.69,14.9 16.08,14.82 16.43,14.93C17.55,15.3 18.75,15.5 20,15.5A1,1 0 0,1 21,16.5V20A1,1 0 0,1 20,21A17,17 0 0,1 3,4A1,1 0 0,1 4,3H7.5A1,1 0 0,1 8.5,4C8.5,5.25 8.7,6.45 9.07,7.57C9.18,7.92 9.1,8.31 8.82,8.59L6.62,10.79Z"
259                        />
260                      </svg>
261                    </a>
262                  </div>
263                </div>
264              </div>
265            </div>
266          </div>
267          <!-- Scroll Indicator -->
268          <div class="scroll-indicator">
269            <div class="fs_xs text-uppercase letter-spacing-1 mb-2">
270              Scrollen zum Entdecken
271            </div>
272            <div class="scroll-arrow"></div>
273          </div>
274        </div>
275      </header>
276
277      <!-- About Section - Main Cards -->
278      <section id="about" class="py-5">
279        <div class="container-lg wrapper">
280          <div class="my-5 text-center">
281            <h2 class="my-3 fs-1 fw-bold">Über uns - Alpen Medika</h2>
282            <p class="my-3 fs_5 text-muted">
283              Innovative medizinische Lösungen für eine moderne und globale
284              Gesundheitsversorgung.
285            </p>
286            <div class="heading_separator mx-auto"></div>
287
288            <div class="row my-5 g-4">
289              <!-- About Card 1: Telemedicina Avanzata -->
290              <div class="col-lg-4 col-md-6 col-12">
291                <div class="aboutCard p-4">
292                  <div class="text-center">
293                    <div class="mb-3">
294                      <svg
295                        xmlns="http://www.w3.org/2000/svg"
296                        viewBox="0 0 24 24"
297                        height="48"
298                        width="48"
299                        fill="var(--secondary)"
300                      >
301                        <path
302                          d="M12,2A3,3 0 0,1 15,5V11A3,3 0 0,1 12,14A3,3 0 0,1 9,11V5A3,3 0 0,1 12,2M19,11C19,14.53 16.39,17.44 13,17.93V21H11V17.93C7.61,17.44 5,14.53 5,11H7A5,5 0 0,0 12,16A5,5 0 0,0 17,11H19Z"
303                        />
304                      </svg>
305                    </div>
306                    <h3 class="fs-4 fw-semibold mb-3">
307                      Fortschrittliche Telemedizin
308                    </h3>
309                    <p class="text-muted">
310                      Pioniere in der digitalen Verbindung zwischen Patienten
311                      und Spezialisten, die eine grenzenlose Versorgung
312                      gewährleistet.
313                    </p>
314                  </div>
315                </div>
316              </div>
317
318              <!-- About Card 2: Filosofia Operativa -->
319              <div class="col-lg-4 col-md-6 col-12">
320                <div class="aboutCard p-4">
321                  <div class="text-center">
322                    <div class="mb-3">
323                      <svg
324                        xmlns="http://www.w3.org/2000/svg"
325                        viewBox="0 0 24 24"
326                        height="48"
327                        width="48"
328                        fill="var(--secondary)"
329                      >
330                        <path
331                          d="M12,2L13.09,8.26L22,9L13.09,9.74L12,16L10.91,9.74L2,9L10.91,8.26L12,2M6.5,12.5L7.5,16.5L11.5,17.5L7.5,18.5L6.5,22.5L5.5,18.5L1.5,17.5L5.5,16.5L6.5,12.5M17.5,12.5L18.5,16.5L22.5,17.5L18.5,18.5L17.5,22.5L16.5,18.5L12.5,17.5L16.5,16.5L17.5,12.5Z"
332                        />
333                      </svg>
334                    </div>
335                    <h3 class="fs-4 fw-semibold mb-3">Betriebsphilosophie</h3>
336                    <p class="text-muted">
337                      Jede Lösung entsteht aus dem aktiven Zuhören klinischer
338                      Bedürfnisse und kontinuierlicher Forschung.
339                    </p>
340                  </div>
341                </div>
342              </div>
343
344              <!-- About Card 3: Innovazione Farmaceutica -->
345              <div class="col-lg-4 col-md-6 col-12">
346                <div class="aboutCard p-4">
347                  <div class="text-center">
348                    <div class="mb-3">
349                      <svg
350                        xmlns="http://www.w3.org/2000/svg"
351                        viewBox="0 0 24 24"
352                        height="48"
353                        width="48"
354                        fill="var(--secondary)"
355                      >
356                        <path
357                          d="M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L6.04,7.5L12,10.85L17.96,7.5L12,4.15Z"
358                        />
359                      </svg>
360                    </div>
361                    <h3 class="fs-4 fw-semibold mb-3">
362                      Pharmazeutische Innovation
363                    </h3>
364                    <p class="text-muted">
365                      Verabreichungssysteme, die die Therapietreue mit
366                      millimetergenauer Präzision revolutionieren.
367                    </p>
368                  </div>
369                </div>
370              </div>
371
372              <!-- About Card 4: Certificazioni -->
373              <div class="col-lg-4 col-md-6 col-12">
374                <div class="aboutCard p-4">
375                  <div class="text-center">
376                    <div class="mb-3">
377                      <svg
378                        xmlns="http://www.w3.org/2000/svg"
379                        viewBox="0 0 24 24"
380                        height="48"
381                        width="48"
382                        fill="var(--secondary)"
383                      >
384                        <path
385                          d="M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M13,17H11V15H13V17M13,13H11V7H13V13Z"
386                        />
387                      </svg>
388                    </div>
389                    <h3 class="fs-4 fw-semibold mb-3">Zertifizierungen</h3>
390                    <p class="text-muted">
391                      Alle unsere Geräte erfüllen die strengsten internationalen
392                      Qualitäts- und Sicherheitsstandards.
393                    </p>
394                  </div>
395                </div>
396              </div>
397
398              <!-- About Card 5: Approccio Olistico -->
399              <div class="col-lg-4 col-md-6 col-12">
400                <div class="aboutCard p-4">
401                  <div class="text-center">
402                    <div class="mb-3">
403                      <svg
404                        xmlns="http://www.w3.org/2000/svg"
405                        viewBox="0 0 24 24"
406                        height="48"
407                        width="48"
408                        fill="var(--secondary)"
409                      >
410                        <path
411                          d="M12,2C13.1,2 14,2.9 14,4C14,5.1 13.1,6 12,6C10.9,6 10,5.1 10,4C10,2.9 10.9,2 12,2M21,9V7L15,1H5C3.89,1 3,1.89 3,3V7H9V9H3V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V9M7,15V17H5V15H7M7,11V13H5V11H7Z"
412                        />
413                      </svg>
414                    </div>
415                    <h3 class="fs-4 fw-semibold mb-3">Ganzheitlicher Ansatz</h3>
416                    <p class="text-muted">
417                      Wir integrieren Technologie und Menschlichkeit für eine
418                      wirklich patientenzentrierte Medizin.
419                    </p>
420                  </div>
421                </div>
422              </div>
423
424              <!-- About Card 6: Formazione Continua -->
425              <div class="col-lg-4 col-md-6 col-12">
426                <div class="aboutCard p-4">
427                  <div class="text-center">
428                    <div class="mb-3">
429                      <svg
430                        xmlns="http://www.w3.org/2000/svg"
431                        viewBox="0 0 24 24"
432                        height="48"
433                        width="48"
434                        fill="var(--secondary)"
435                      >
436                        <path
437                          d="M12,3L1,9L12,15L21,10.09V17H23V9M5,13.18V17.18L12,21L19,17.18V13.18L12,17L5,13.18Z"
438                        />
439                      </svg>
440                    </div>
441                    <h3 class="fs-4 fw-semibold mb-3">
442                      Kontinuierliche Weiterbildung
443                    </h3>
444                    <p class="text-muted">
445                      Wir investieren ständig in die Weiterbildung unseres Teams
446                      und unserer Gesundheitspartner.
447                    </p>
448                  </div>
449                </div>
450              </div>
451            </div>
452          </div>
453        </div>
454      </section>
455
456      <!-- About Carousel Section -->
457      <section class="aboutcarousel-wrapper">
458        <!-- Floating decorative elements -->
459        <div class="floating-element"></div>
460        <div class="floating-element"></div>
461        <div class="floating-element"></div>
462
463        <div class="aboutcarousel-container">
464          <div class="my-5 text-center">
465            <h2 class="my-3 fs-1 fw-bold">Unsere Identität</h2>
466            <p class="my-3 fs_5 text-muted">
467              Bei Alpen Medika vereinen sich Innovation und Zuverlässigkeit, um
468              die Gesundheitsversorgung in ein modernes, effizientes und
469              globales Erlebnis zu verwandeln.
470            </p>
471            <div class="heading_separator mx-auto"></div>
472            <div class="aboutcarousel-content">
473              <!-- Text Content for Carousel -->
474              <div class="aboutcarousel-text">
475                <div class="carousel-options">
476                  <div class="carousel-option active" data-index="0">
477                    <div class="option-title">Spitzentechnologie</div>
478                    <div class="option-description">
479                      Unsere Geräte integrieren die neuesten Innovationen in
480                      Telemedizin und künstlicher Intelligenz, um eine präzise,
481                      sichere und zuverlässige Gesundheitsüberwachung zu
482                      gewährleisten.
483                    </div>
484                  </div>
485                  <div class="carousel-option" data-index="1">
486                    <div class="option-title">
487                      Kontinuierlicher Support 24/7
488                    </div>
489                    <div class="option-description">
490                      Wir bieten engagierten Kundenservice und technischen
491                      Support zu jeder Zeit, um ein unterbrechungsfreies und
492                      stets den Erwartungen entsprechendes Erlebnis zu
493                      gewährleisten.
494                    </div>
495                  </div>
496                  <div class="carousel-option" data-index="2">
497                    <div class="option-title">Zertifizierte Qualität</div>
498                    <div class="option-description">
499                      Alle unsere Produkte erfüllen streng die internationalen
500                      Standards (ISO, FDA) und bieten maximale Sicherheit,
501                      Zuverlässigkeit und Leistung.
502                    </div>
503                  </div>
504                </div>
505              </div>
506              <!-- Image Display for Carousel -->
507              <div
508                class="aboutcarousel-image"
509                data-aos="fade-up"
510                data-aos-duration="700"
511              >
512                <div class="image-container">
513                  <img
514                    id="aboutcarouselImage"
515                    src="./assets/img/about2.webp"
516                    alt="Alpen Medika Bild"
517                    class="carousel-image"
518                  />
519                </div>
520              </div>
521            </div>
522          </div>
523        </div>
524      </section>
525
526      <!-- About Cards Section - Additional Information -->
527      <section id="about-cards" class="py-5 bg-light">
528        <div class="container">
529          <div class="row align-items-center my-5">
530            <div class="col-lg-6 col-md-6 col-12 my-4">
531              <div class="px-4">
532                <h2 class="fw-bold lh_sm">Die Geschichte von Alpen Medika</h2>
533                <div class="heading_separator"></div>
534                <p class="text-muted fs_5">
535                  Alpenmedika ist ein Unternehmen, das aus der Erfahrung einer
536                  Reihe von Fachleuten im medizinischen Bereich entstanden ist,
537                  mit dem Ziel, sich weiter im Bereich der Medizinprodukte,
538                  elektromedizinischen Geräte und Telemedizin zu etablieren. Wir
539                  sind bestrebt, innovative und auf alle Kundenanforderungen
540                  zugeschnittene Lösungen anzubieten.
541                </p>
542                <div>
543                  <a class='btn_secondary fw-medium d-inline-flex align-items-center' href='/sidly-care-pro-de'>
544                    <span class="fs_6">Entdecken Sie unsere Produkte</span>
545                    <svg
546                      xmlns="http://www.w3.org/2000/svg"
547                      viewBox="0 0 24 24"
548                      height="18"
549                      width="18"
550                      class="ms-2"
551                    >
552                      <path
553                        d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"
554                      />
555                    </svg>
556                  </a>
557                </div>
558              </div>
559            </div>
560            <div class="col-lg-6 col-md-6 col-12 my-4 mt-5">
561              <img
562                src="assets/img/about_img.png"
563                width="100%"
564                height="auto"
565                alt="Alpen Medika"
566              />
567            </div>
568          </div>
569
570          <!-- <div class="row g-4">
571                   
572                    <div class="col-lg-4 col-md-4 col-sm-6 col-12">
573                        <div class="aboutCard p-4 h-100">
574                            <div class="text-center">
575                                <img src="assets/img/Senza-titolo-1.png" height="75" width="auto" alt="Telemedicina"
576                                    class="mb-3">
577                                <h3 class="text-uppercase fw-semibold fs-4 mb-3">Telemedicina</h3>
578                                <p class="fs_6 text-muted">Monitoraggio dei pazienti da remoto con tecnologie avanzate,
579                                    ovunque si trovino, senza bisogno di recarsi in strutture sanitarie.</p>
580                            </div>
581                        </div>
582                    </div>
583                  
584                    <div class="col-lg-4 col-md-4 col-sm-6 col-12">
585                        <div class="aboutCard p-4 h-100">
586                            <div class="text-center">
587                                <img src="assets/img/Senza-titolo-2.png" height="75" width="auto"
588                                    alt="Medicinale monodose" class="mb-3">
589                                <h3 class="text-uppercase fw-semibold fs-4 mb-3">Medicinale monodose</h3>
590                                <p class="fs_6 text-muted">La somministrazione dei farmaci è ora tracciabile e
591                                    conforme alla normativa, garantendo aderenza alla terapia e corretta gestione del
592                                    processo.</p>
593                            </div>
594                        </div>
595                    </div>
596                  
597                    <div class="col-lg-4 col-md-4 col-sm-6 col-12">
598                        <div class="aboutCard p-4 h-100">
599                            <div class="text-center">
600                                <img src="assets/img/Senza-titolo-3.png" height="75" width="auto"
601                                    alt="Dispositivi medici" class="mb-3">
602                                <h3 class="text-uppercase fw-semibold fs-4 mb-3">Dispositivi medici</h3>
603                                <p class="fs_6 text-muted">Alpenmedika fornisce dispositivi medici, ausili ortopedici
604                                    ed elettromedicali per ospedali, case di cura e strutture sanitarie.</p>
605                            </div>
606                        </div>
607                    </div>
608                </div> -->
609          <div class="row g-4">
610            <div class="my-5 text-center">
611              <h2 class="my-3 fs-1 fw-bold">
612                Bereiche, in denen wir tätig sind
613              </h2>
614              <p
615                class="text-muted fs_5"
616                data-aos="fade-up"
617                data-aos-delay="150"
618              >
619                Entdecken Sie die Bereiche, in denen wir Innovation, Qualität
620                und konkrete Ergebnisse liefern.
621              </p>
622              <div class="heading_separator mt-4 mx-auto"></div>
623            </div>
624            <!-- Service Card: Telemedicina -->
625            <div class="col-lg-4 col-md-4 col-sm-6 col-12">
626              <div class="aboutCard p-4 h-100">
627                <div class="text-center">
628                  <svg
629                    xmlns="http://www.w3.org/2000/svg"
630                    width="75"
631                    height="75"
632                    viewBox="0 0 24 24"
633                    fill="#f3920c"
634                    class="mb-3"
635                  >
636                    <path
637                      d="M4 6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2h2V6a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v12a4 4 0 0 0 4 4h6v-2H6a2 2 0 0 1-2-2V6zm9 6v3h3v2h-3v3h-2v-3H8v-2h3v-3h2z"
638                    />
639                  </svg>
640                  <h3 class="text-uppercase fw-semibold fs-4 mb-3">
641                    Telemedizin
642                  </h3>
643                  <p class="fs_6 text-muted">
644                    Die Medikamentenverabreichung ist jetzt nachvollziehbar und
645                    konform mit den Vorschriften, was die Therapietreue und die
646                    korrekte Prozessverwaltung gewährleistet.
647                  </p>
648                </div>
649              </div>
650            </div>
651
652            <!-- Service Card: Medicinale monodose -->
653            <div class="col-lg-4 col-md-4 col-sm-6 col-12">
654              <div class="aboutCard p-4 h-100">
655                <div class="text-center">
656                  <svg
657                    xmlns="http://www.w3.org/2000/svg"
658                    width="75"
659                    height="75"
660                    viewBox="0 0 24 24"
661                    fill="#f3920c"
662                    class="mb-3"
663                  >
664                    <path
665                      d="M8 2a1 1 0 0 0-1 1v6a5 5 0 1 0 10 0V3a1 1 0 0 0-1-1H8zm1 2h6v5a3 3 0 1 1-6 0V4zM5 18a1 1 0 0 1 1-1h12a1 1 0 0 1 0 2H6a1 1 0 0 1-1-1zm2 2h10v2H7v-2z"
666                    />
667                  </svg>
668                  <h3 class="text-uppercase fw-semibold fs-4 mb-3">
669                    Einzeldosis-Medikament
670                  </h3>
671                  <p class="fs_6 text-muted">
672                    Die Medikamentenverabreichung ist jetzt nachvollziehbar und
673                    konform mit den Vorschriften, was die Therapietreue und die
674                    korrekte Prozessverwaltung gewährleistet.
675                  </p>
676                </div>
677              </div>
678            </div>
679
680            <!-- Service Card: Dispositivi medici -->
681            <div class="col-lg-4 col-md-4 col-sm-6 col-12">
682              <div class="aboutCard p-4 h-100">
683                <div class="text-center">
684                  <svg
685                    xmlns="http://www.w3.org/2000/svg"
686                    width="75"
687                    height="75"
688                    viewBox="0 0 24 24"
689                    fill="#f3920c"
690                    class="mb-3"
691                  >
692                    <path
693                      d="M17 3a1 1 0 0 0-1 1v1.586l-1.293-1.293a1 1 0 0 0-1.414 1.414L14.586 7H13a1 1 0 0 0 0 2h3.586l-2.293 2.293a1 1 0 1 0 1.414 1.414L18 10.414V13a1 1 0 0 0 2 0V4a1 1 0 0 0-1-1h-2zM4 11a1 1 0 0 0-1 1v5a4 4 0 0 0 4 4h10a1 1 0 0 0 0-2H7a2 2 0 0 1-2-2v-5a1 1 0 0 0-1-1z"
694                    />
695                  </svg>
696                  <h3 class="text-uppercase fw-semibold fs-4 mb-3">
697                    Medizinische Geräte
698                  </h3>
699                  <p class="fs_6 text-muted">
700                    Die Medikamentenverabreichung ist jetzt nachvollziehbar und
701                    konform mit den Vorschriften, was die Therapietreue und die
702                    korrekte Prozessverwaltung gewährleistet.
703                  </p>
704                </div>
705              </div>
706            </div>
707          </div>
708        </div>
709      </section>
710
711      <!-- Product Showcase Section -->
712      <section id="product-showcase" class="py-5 position-relative">
713        <!-- Floating decorative elements -->
714        <div class="floating-elements">
715          <div class="floating-element"></div>
716          <div class="floating-element"></div>
717          <div class="floating-element"></div>
718        </div>
719
720        <div class="container">
721          <div class="my-5 text-center">
722            <h2 class="my-3 fs-1 fw-bold">Unsere Produkte</h2>
723            <p class="text-muted fs_5" data-aos="fade-up" data-aos-delay="150">
724              Intelligente medizinische Geräte, die die Lebensqualität
725              verbessern.
726            </p>
727            <div class="heading_separator mt-4 mx-auto"></div>
728          </div>
729
730          <!-- Product 1: SiDLY Care Pro -->
731          <div class="row justify-content-center mb-5">
732            <div class="col-lg-10">
733              <div class="product-card" data-aos="fade-up" data-aos-delay="100">
734                <div class="row align-items-center">
735                  <div class="col-lg-6">
736                    <div class="badge-new">
737                      <svg
738                        width="16"
739                        height="16"
740                        fill="currentColor"
741                        viewBox="0 0 16 16"
742                      >
743                        <path
744                          d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm1 12H7v-2h2v2Zm0-4H7V4h2v4Z"
745                        />
746                      </svg>
747                      Neues Modell
748                    </div>
749                    <h3 class="product-title">
750                      <span id="typed-pro"></span>
751                    </h3>
752                    <p class="product-description">
753                      Wir sind stolz darauf, ein neues Design unseres bewährten
754                      Telemedizin-Armbands vorzustellen. In einer noch
755                      perfekteren Form setzt das Armband seine Mission fort und
756                      bietet eine zuverlässige Fernbetreuung.
757                    </p>
758
759                    <div class="stats-grid">
760                      <div class="stat-item">
761                        <div class="stat-number">24/7</div>
762                        <div class="stat-label">Überwachung</div>
763                      </div>
764                      <div class="stat-item">
765                        <div class="stat-number">99%</div>
766                        <div class="stat-label">Genauigkeit</div>
767                      </div>
768                      <div class="stat-item">
769                        <div class="stat-number">30</div>
770                        <div class="stat-label">Tage Akkulaufzeit</div>
771                      </div>
772                    </div>
773
774                    <ul class="feature-list">
775                      <li>Herzfrequenzüberwachung</li>
776                      <li>Schlaf-Tracking</li>
777                      <li>Notfall-Benachrichtigungen</li>
778                    </ul>
779
780                    <div class="d-flex gap-3 flex-wrap">
781                      <a
782                        href="#contact"
783                        class="btn btn-primary-custom d-inline-flex align-items-center gap-2"
784                      >
785                        <svg
786                          xmlns="http://www.w3.org/2000/svg"
787                          width="18"
788                          height="18"
789                          fill="currentColor"
790                          viewBox="0 0 16 16"
791                        >
792                          <path
793                            d="M0 1.5A.5.5 0 0 1 .5 1h1a.5.5 0 0 1 .485.379L2.89 5H14.5a.5.5 0 0 1 .49.598l-1.5 7A.5.5 0 0 1 13 13H4a.5.5 0 0 1-.49-.402L1.61 2H.5a.5.5 0 0 1-.5-.5zm5.5 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm7 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"
794                          />
795                        </svg>
796                        Jetzt kaufen
797                      </a>
798                      <a class='btn btn-outline-custom' href='/sidly-care-pro-de'>
799                        Mehr erfahren
800                      </a>
801                    </div>
802                  </div>
803                  <div class="col-lg-6">
804                    <div class="product-image-container">
805                      <img
806                        src="./assets/img/Sidly_BandApp.webp"
807                        alt="SiDLY Care Pro"
808                        class="product-image"
809                      />
810                    </div>
811                  </div>
812                </div>
813              </div>
814            </div>
815          </div>
816
817          <!-- Product 2: SiDLY Vital Care -->
818          <div class="row justify-content-center">
819            <div class="col-lg-10">
820              <div class="product-card" data-aos="fade-up" data-aos-delay="200">
821                <div class="row align-items-center">
822                  <div class="col-lg-6 order-lg-2">
823                    <h2 class="product-title">
824                      <span id="typed-vital"></span>
825                    </h2>
826                    <p class="product-description">
827                      Wir sind stolz darauf, ein neues Design unseres bewährten
828                      Telemedizin-Armbands vorzustellen. In einer noch
829                      perfekteren Form setzt das Armband seine Mission fort und
830                      bietet eine zuverlässige Fernbetreuung.
831                    </p>
832
833                    <div class="stats-grid">
834                      <div class="stat-item">
835                        <div class="stat-number">24/7</div>
836                        <div class="stat-label">Support</div>
837                      </div>
838                      <div class="stat-item">
839                        <div class="stat-number">50+</div>
840                        <div class="stat-label">Sensoren</div>
841                      </div>
842                      <div class="stat-item">
843                        <div class="stat-number">5G</div>
844                        <div class="stat-label">Verbunden</div>
845                      </div>
846                    </div>
847
848                    <ul class="feature-list">
849                      <li>Erweiterte Gesundheitsanalysen</li>
850                      <li>KI-gestützte Erkenntnisse</li>
851                      <li>Echtzeit-Benachrichtigungen</li>
852                    </ul>
853
854                    <div class="d-flex gap-3 flex-wrap">
855                      <a
856                        href="#contact"
857                        class="btn btn-primary-custom d-inline-flex align-items-center gap-2"
858                      >
859                        <svg
860                          xmlns="http://www.w3.org/2000/svg"
861                          width="18"
862                          height="18"
863                          fill="currentColor"
864                          viewBox="0 0 16 16"
865                        >
866                          <path
867                            d="M0 1.5A.5.5 0 0 1 .5 1h1a.5.5 0 0 1 .485.379L2.89 5H14.5a.5.5 0 0 1 .49.598l-1.5 7A.5.5 0 0 1 13 13H4a.5.5 0 0 1-.49-.402L1.61 2H.5a.5.5 0 0 1-.5-.5zm5.5 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm7 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"
868                          />
869                        </svg>
870                        Jetzt kaufen
871                      </a>
872                      <a class='btn btn-outline-custom' href='/sidly-vital-care-en'>
873                        Mehr erfahren
874                      </a>
875                    </div>
876                  </div>
877                  <div class="col-lg-6 order-lg-1">
878                    <div class="product-image-container">
879                      <img
880                        src="./assets/img/sidly_vital_pro.png"
881                        alt="SiDLY Vital Care"
882                        class="product-image"
883                      />
884                    </div>
885                  </div>
886                </div>
887              </div>
888            </div>
889          </div>
890        </div>
891      </section>
892
893      <!-- Features Section -->
894      <section id="features" class="py-5 bg-light" style="min-height: 600px">
895        <div class="container">
896          <div class="text-center mb-5">
897            <h2 class="fw-bold fs-1">Warum Alpen Medika wählen?</h2>
898            <p class="text-muted fs_5">
899              Innovative Lösungen für Exzellenz im Gesundheitswesen.
900            </p>
901            <div class="heading_separator mt-4 mx-auto"></div>
902          </div>
903
904          <div class="row g-4 justify-content-center">
905            <!-- Feature Card 1: Tecnologia All'avanguardia -->
906            <div class="col-lg-4 col-md-6 col-12">
907              <div class="aboutCard p-4 h-100">
908                <div class="text-center">
909                  <div class="mb-3">
910                    <svg
911                      xmlns="http://www.w3.org/2000/svg"
912                      viewBox="0 0 24 24"
913                      width="48"
914                      height="48"
915                      fill="var(--secondary)"
916                    >
917                      <path
918                        d="M12,2L15.09,8.26L22,9L15.09,9.74L12,16L8.91,9.74L2,9L8.91,8.26L12,2M12,11A1,1 0 0,1 13,12A1,1 0 0,1 12,13A1,1 0 0,1 11,12A1,1 0 0,1 12,11Z"
919                      />
920                    </svg>
921                  </div>
922                  <h3 class="fs-4 fw-semibold mb-3">Spitzentechnologie</h3>
923                  <p class="text-muted">
924                    Unsere Geräte integrieren die neuesten Innovationen in
925                    Telemedizin und KI für eine präzise Gesundheitsüberwachung.
926                  </p>
927                </div>
928              </div>
929            </div>
930
931            <!-- Feature Card 2: Supporto 24/7 -->
932            <div class="col-lg-4 col-md-6 col-12">
933              <div class="aboutCard p-4 h-100">
934                <div class="text-center">
935                  <div class="mb-3">
936                    <svg
937                      xmlns="http://www.w3.org/2000/svg"
938                      viewBox="0 0 24 24"
939                      width="48"
940                      height="48"
941                      fill="var(--secondary)"
942                    >
943                      <path
944                        d="M12,3L2,12H5V20H19V12H22L12,3M12,7.7L16,11.2V18H14V14H10V18H8V11.2L12,7.7Z"
945                      />
946                    </svg>
947                  </div>
948                  <h3 class="fs-4 fw-semibold mb-3">24/7 Support</h3>
949                  <p class="text-muted">
950                    Engagierter Kundenservice und technischer Support, um ein
951                    unterbrechungsfreies Erlebnis zu gewährleisten.
952                  </p>
953                </div>
954              </div>
955            </div>
956
957            <!-- Feature Card 3: Qualità Certificata -->
958            <div class="col-lg-4 col-md-6 col-12">
959              <div class="aboutCard p-4 h-100">
960                <div class="text-center">
961                  <div class="mb-3">
962                    <svg
963                      xmlns="http://www.w3.org/2000/svg"
964                      viewBox="0 0 24 24"
965                      width="48"
966                      height="48"
967                      fill="var(--secondary)"
968                    >
969                      <path
970                        d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,11H15V13H12V16H10V13H7V11H10V8H12V11Z"
971                      />
972                    </svg>
973                  </div>
974                  <h3 class="fs-4 fw-semibold mb-3">Zertifizierte Qualität</h3>
975                  <p class="text-muted">
976                    Alle Produkte erfüllen internationale Standards (ISO, FDA)
977                    für Sicherheit und Zuverlässigkeit.
978                  </p>
979                </div>
980              </div>
981            </div>
982          </div>
983        </div>
984      </section>
985
986      <!-- Mission Section -->
987      <section id="mission" class="position-relative overflow-hidden">
988        <!-- Background image wrapper for parallax illusion -->
989        <div
990          class="mission-bg position-absolute top-0 start-0 w-100 h-100"
991          data-aos="zoom-in-up"
992          data-aos-duration="1500"
993          style="
994            background: linear-gradient(
995              135deg,
996              rgba(25, 28, 24, 0.4),
997              rgba(15, 18, 13, 0.4)
998            );
999          "
1000        ></div>
1001
1002        <div
1003          class="container my-4 my-lg-5 position-relative"
1004          style="z-index: 3"
1005        >
1006          <div class="row justify-content-center">
1007            <div class="col-lg-8 col-12 text-center">
1008              <h2
1009                class="text-light fw-bold"
1010                data-aos="fade-up"
1011                data-aos-delay="100"
1012              >
1013                Unsere Mission
1014              </h2>
1015              <div
1016                class="heading_separator mt-4 mx-auto"
1017                data-aos="zoom-in"
1018                data-aos-delay="200"
1019              ></div>
1020              <p
1021                class="text-light fs-6 mb-4"
1022                data-aos="fade-up"
1023                data-aos-delay="300"
1024              >
1025                Die Definition der Mission eines Unternehmens kann eine
1026                Herausforderung sein, wird aber mit einem klaren Geschäftsziel
1027                einfacher. Im Falle unseres Unternehmens ist es unsere Mission,
1028                im medizinischen, orthopädischen und Gesundheitssektor tätig zu
1029                sein und hochprofessionelle Dienstleistungen anzubieten.
1030              </p>
1031              <p
1032                class="text-light fs-6 mb-4 mb-lg-5"
1033                data-aos="fade-up"
1034                data-aos-delay="400"
1035              >
1036                Dank der Partnerschaften mit hochkompetenten
1037                Gesundheitseinrichtungen sind wir in der Lage, die
1038                fortschrittlichsten Techniken und Lösungen einzusetzen. Wir sind
1039                uns der wichtigen Verantwortung bewusst, die wir bei der
1040                Auswahl, Präsentation und dem Verkauf von Produkten tragen, die
1041                auf die Bedürfnisse unserer Kunden zugeschnitten sind.
1042              </p>
1043              <div data-aos="fade-up" data-aos-delay="500">
1044                <a
1045                  href="#contact"
1046                  class="btn_secondary fw-medium d-inline-flex align-items-center"
1047                >
1048                  <span class="fs-6">Kontaktieren Sie uns</span>
1049                  <svg
1050                    xmlns="http://www.w3.org/2000/svg"
1051                    viewBox="0 0 24 24"
1052                    height="18"
1053                    width="18"
1054                    class="ms-2"
1055                  >
1056                    <path
1057                      d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"
1058                      fill="currentColor"
1059                    />
1060                  </svg>
1061                </a>
1062              </div>
1063            </div>
1064          </div>
1065        </div>
1066      </section>
1067
1068      <!-- FAQ Section -->
1069      <section
1070        id="faq"
1071        class="py-5"
1072        style="background: linear-gradient(135deg, #f7f9fc, #ffffff)"
1073      >
1074        <div class="container-fluid wrapper">
1075          <div
1076            class="text-center mb-5"
1077            data-aos="fade-up"
1078            data-aos-duration="800"
1079          >
1080            <h2 class="fw-bold fs-1">Warum Alpen Medika wählen?</h2>
1081            <p class="text-muted fs_5">
1082              Innovative Lösungen für Exzellenz im Gesundheitswesen.
1083            </p>
1084            <div class="heading_separator mt-4 mx-auto"></div>
1085          </div>
1086
1087          <div class="row justify-content-center">
1088            <div class="col-lg-8 col-md-10 col-12">
1089              <div class="accordion custom-accordion" id="faqAccordion">
1090                <!-- FAQ Item 1 -->
1091                <div
1092                  class="accordion-item border-0 mb-3"
1093                  data-aos="fade-up"
1094                  data-aos-delay="100"
1095                >
1096                  <h3 class="accordion-header">
1097                    <button
1098                      class="accordion-button shadow-none rounded-3"
1099                      type="button"
1100                      data-bs-toggle="collapse"
1101                      data-bs-target="#faq1"
1102                      aria-expanded="true"
1103                    >
1104                      <span class="fw-semibold"
1105                        >Wie funktioniert das SiDLY Vital Care Armband?</span
1106                      >
1107                    </button>
1108                  </h3>
1109                  <div
1110                    id="faq1"
1111                    class="accordion-collapse collapse show"
1112                    data-bs-parent="#faqAccordion"
1113                  >
1114                    <div class="accordion-body">
1115                      Das SiDLY Vital Care Armband überwacht ständig
1116                      Vitalparameter wie Herzfrequenz, Blutsauerstoffsättigung
1117                      und körperliche Aktivität. Die Daten werden in Echtzeit an
1118                      unsere Cloud-Plattform übertragen, die sowohl für den
1119                      Patienten als auch für den behandelnden Arzt über die
1120                      spezielle App zugänglich ist.
1121                    </div>
1122                  </div>
1123                </div>
1124
1125                <!-- FAQ Item 2 -->
1126                <div
1127                  class="accordion-item border-0 mb-3"
1128                  data-aos="fade-up"
1129                  data-aos-delay="200"
1130                >
1131                  <h3 class="accordion-header">
1132                    <button
1133                      class="accordion-button shadow-none collapsed rounded-3"
1134                      type="button"
1135                      data-bs-toggle="collapse"
1136                      data-bs-target="#faq2"
1137                      aria-expanded="false"
1138                    >
1139                      <span class="fw-semibold"
1140                        >Sind die Geräte von den Gesundheitsbehörden
1141                        zugelassen?</span
1142                      >
1143                    </button>
1144                  </h3>
1145                  <div
1146                    id="faq2"
1147                    class="accordion-collapse collapse"
1148                    data-bs-parent="#faqAccordion"
1149                  >
1150                    <div class="accordion-body">
1151                      Ja, alle unsere Medizinprodukte sind CE-zertifiziert und
1152                      vom italienischen Gesundheitsministerium zugelassen. Wir
1153                      halten uns streng an die EU-Vorschriften für
1154                      Medizinprodukte (MDR 2017/745) und erfüllen die ISO
1155                      13485-Standards für Qualität.
1156                    </div>
1157                  </div>
1158                </div>
1159
1160                <!-- FAQ Item 3 -->
1161                <div
1162                  class="accordion-item border-0 mb-3"
1163                  data-aos="fade-up"
1164                  data-aos-delay="300"
1165                >
1166                  <h3 class="accordion-header">
1167                    <button
1168                      class="accordion-button shadow-none collapsed rounded-3"
1169                      type="button"
1170                      data-bs-toggle="collapse"
1171                      data-bs-target="#faq3"
1172                      aria-expanded="false"
1173                    >
1174                      <span class="fw-semibold"
1175                        >Wie lange hält die Batterie der Geräte?</span
1176                      >
1177                    </button>
1178                  </h3>
1179                  <div
1180                    id="faq3"
1181                    class="accordion-collapse collapse"
1182                    data-bs-parent="#faqAccordion"
1183                  >
1184                    <div class="accordion-body">
1185                      Das SiDLY Vital Care verfügt über eine langlebige
1186                      Batterie, die mit einer einzigen Ladung bis zu 7 Tage
1187                      funktionieren kann. Eine vollständige Aufladung dauert
1188                      etwa 2 Stunden. Alle unsere Geräte verwenden hochwertige
1189                      Lithium-Ionen-Batterien mit integriertem Schutzsystem.
1190                    </div>
1191                  </div>
1192                </div>
1193
1194                <!-- FAQ Item 4 -->
1195                <div
1196                  class="accordion-item border-0 mb-3"
1197                  data-aos="fade-up"
1198                  data-aos-delay="400"
1199                >
1200                  <h3 class="accordion-header">
1201                    <button
1202                      class="accordion-button shadow-none collapsed rounded-3"
1203                      type="button"
1204                      data-bs-toggle="collapse"
1205                      data-bs-target="#faq4"
1206                      aria-expanded="false"
1207                    >
1208                      <span class="fw-semibold"
1209                        >Bieten Sie dedizierten technischen Support an?</span
1210                      >
1211                    </button>
1212                  </h3>
1213                  <div
1214                    id="faq4"
1215                    class="accordion-collapse collapse"
1216                    data-bs-parent="#faqAccordion"
1217                  >
1218                    <div class="accordion-body">
1219                      Absolut. Unser technisches Support-Team ist 24/7 per
1220                      Telefon, E-Mail und Chat erreichbar. Wir bieten auch
1221                      Online-Schulungen für Ärzte und Patienten sowie
1222                      detaillierte Handbücher in deutscher Sprache und
1223                      Fernunterstützung bei der Gerätekonfiguration an.
1224                    </div>
1225                  </div>
1226                </div>
1227
1228                <!-- FAQ Item 5 -->
1229                <div
1230                  class="accordion-item border-0 mb-3"
1231                  data-aos="fade-up"
1232                  data-aos-delay="500"
1233                >
1234                  <h3 class="accordion-header">
1235                    <button
1236                      class="accordion-button shadow-none collapsed rounded-3"
1237                      type="button"
1238                      data-bs-toggle="collapse"
1239                      data-bs-target="#faq5"
1240                      aria-expanded="false"
1241                    >
1242                      <span class="fw-semibold"
1243                        >Wie kann ich Ihre Produkte kaufen?</span
1244                      >
1245                    </button>
1246                  </h3>
1247                  <div
1248                    id="faq5"
1249                    class="accordion-collapse collapse"
1250                    data-bs-parent="#faqAccordion"
1251                  >
1252                    <div class="accordion-body">
1253                      Unsere Produkte sind über ein Netzwerk autorisierter
1254                      Händler in ganz Italien erhältlich. Sie können uns direkt
1255                      über das Formular auf unserer Website kontaktieren oder
1256                      unsere gebührenfreie Nummer anrufen, um zum
1257                      nächstgelegenen Händler weitergeleitet zu werden. Wir
1258                      bieten auch Direktverkauf für Gesundheitseinrichtungen und
1259                      Großbestellungen an.
1260                    </div>
1261                  </div>
1262                </div>
1263              </div>
1264            </div>
1265          </div>
1266        </div>
1267      </section>
1268
1269      <!-- Contact Section -->
1270      <section id="contact" class="py-5">
1271        <div class="container">
1272          <!-- Contact Header -->
1273          <div class="contact-header text-center" data-aos="fade-up">
1274            <h2 class="fw-bold lh_sm">Kontaktieren Sie uns</h2>
1275            <p class="text-muted fs_5" data-aos="fade-up" data-aos-delay="150">
1276              Wir sind hier, um Ihnen zu helfen. Kontaktieren Sie uns bei Fragen
1277              oder Anliegen.
1278            </p>
1279            <div class="heading_separator"></div>
1280          </div>
1281
1282          <!-- Unified Contact Layout -->
1283          <div
1284            class="contact-wrapper d-flex flex-column flex-lg-row mt-5"
1285            data-aos="fade-up"
1286            data-aos-delay="200"
1287          >
1288            <!-- Contact Info Block -->
1289            <div class="contact-block left col-lg-6">
1290              <h3 class="mb-4">Kontaktinformationen</h3>
1291              <p class="text-muted">
1292                Wir sind hier, um Ihnen zu helfen! Sie können uns über einen der
1293                folgenden Kanäle erreichen.
1294              </p>
1295
1296              <div class="contact-details mt-4">
1297                <!-- Address Item -->
1298                <div class="contact-item">
1299                  <div class="contact-icon">
1300                    <svg
1301                      xmlns="http://www.w3.org/2000/svg"
1302                      fill="none"
1303                      viewBox="0 0 24 24"
1304                      stroke-width="1.8"
1305                      stroke="currentColor"
1306                      width="28"
1307                      height="28"
1308                    >
1309                      <path
1310                        stroke-linecap="round"
1311                        stroke-linejoin="round"
1312                        d="M12 11.5a3 3 0 100-6 3 3 0 000 6z"
1313                      />
1314                      <path
1315                        stroke-linecap="round"
1316                        stroke-linejoin="round"
1317                        d="M19.5 11.5c0 5.25-7.5 10.5-7.5 10.5s-7.5-5.25-7.5-10.5a7.5 7.5 0 1115 0z"
1318                      />
1319                    </svg>
1320                  </div>
1321                  <div class="contact-text">
1322                    <h4>Adresse</h4>
1323                    <p>Via della Mendola 49/b, Bozen (BZ), 39100</p>
1324                  </div>
1325                </div>
1326
1327                <!-- Phone Item -->
1328                <div class="contact-item">
1329                  <div class="contact-icon">
1330                    <svg
1331                      xmlns="http://www.w3.org/2000/svg"
1332                      fill="none"
1333                      viewBox="0 0 24 24"
1334                      stroke-width="1.8"
1335                      stroke="currentColor"
1336                      width="28"
1337                      height="28"
1338                    >
1339                      <path
1340                        stroke-linecap="round"
1341                        stroke-linejoin="round"
1342                        d="M2 5.5a.5.5 0 01.5-.5H5a.5.5 0 01.5.5V8a.5.5 0 01-.5.5H3a11.01 11.01 0 0011 11v-2a.5.5 0 01.5-.5h2.5a.5.5 0 01.5.5v2.5a.5.5 0 01-.5.5h-1A16 16 0 012 5.5z"
1343                      />
1344                    </svg>
1345                  </div>
1346                  <div class="contact-text">
1347                    <h4>Telefon</h4>
1348                    <a href="tel:+393287772992">+39 328 777 2992</a>
1349                  </div>
1350                </div>
1351
1352                <!-- Email Item -->
1353                <div class="contact-item">
1354                  <div class="contact-icon">
1355                    <svg
1356                      xmlns="http://www.w3.org/2000/svg"
1357                      fill="none"
1358                      viewBox="0 0 24 24"
1359                      stroke-width="1.8"
1360                      stroke="currentColor"
1361                      width="28"
1362                      height="28"
1363                    >
1364                      <path
1365                        stroke-linecap="round"
1366                        stroke-linejoin="round"
1367                        d="M3.75 6.75h16.5v10.5H3.75V6.75z"
1368                      />
1369                      <path
1370                        stroke-linecap="round"
1371                        stroke-linejoin="round"
1372                        d="M3.75 6.75l8.25 6 8.25-6"
1373                      />
1374                    </svg>
1375                  </div>
1376                  <div class="contact-text">
1377                    <h4>E-Mail</h4>
1378                    <a href="mailto:[email protected]">[email protected]</a>
1379                  </div>
1380                </div>
1381              </div>
1382
1383              <!-- Social Links -->
1384              <div class="social-links d-flex gap-3">
1385                <a href="#" class="social-link">
1386                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
1387                    <path
1388                      d="M12 2.04C6.5 2.04 2 6.53 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85C10.44 7.34 11.93 5.96 14.22 5.96C15.31 5.96 16.45 6.15 16.45 6.15V8.62H15.19C13.95 8.62 13.56 9.39 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96A10 10 0 0 0 22 12.06C22 6.53 17.5 2.04 12 2.04Z"
1389                    />
1390                  </svg>
1391                </a>
1392                <a href="#" class="social-link">
1393                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
1394                    <path
1395                      d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z"
1396                    />
1397                  </svg>
1398                </a>
1399                <a href="#" class="social-link">
1400                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
1401                    <path
1402                      d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z"
1403                    />
1404                  </svg>
1405                </a>
1406                <!-- Dummy Comit -->
1407                <a href="#" class="social-link">
1408                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
1409                    <path
1410                      d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M18.5,18.5V13.2A3.26,3.26 0 0,0 15.24,9.94C14.39,9.94 13.4,10.46 12.92,11.24V10.13H10.13V18.5H12.92V13.57C12.92,12.8 13.54,12.17 14.31,12.17A1.4,1.4 0 0,1 15.71,13.57V18.5H18.5M6.88,8.56A1.68,1.68 0 0,0 8.56,6.88C8.56,5.95 7.81,5.19 6.88,5.19A1.69,1.69 0 0,0 5.19,6.88C5.19,7.81 5.95,8.56 6.88,8.56M8.27,18.5V10.13H
14105.5V18.5H8.27Z"
1411                    />
1412                  </svg>
1413                </a>
1414              </div>
1415            </div>
1416
1417            <!-- Contact Form Block -->
1418            <div class="contact-block right col-lg-6">
1419              <h3 class="mb-4">Füllen Sie das untenstehende Formular aus</h3>
1420              <form>
1421                <div class="form-group mb-4">
1422                  <input
1423                    type="text"
1424                    class="form-control form-control-lg rounded-4"
1425                    id="name"
1426                    placeholder="Name und Nachname"
1427                  />
1428                </div>
1429                <div class="form-group mb-4">
1430                  <input
1431                    type="email"
1432                    class="form-control form-control-lg rounded-4"
1433                    id="email"
1434                    placeholder="E-Mail-Adresse"
1435                  />
1436                </div>
1437                <div class="form-group mb-4">
1438                  <input
1439                    type="text"
1440                    class="form-control form-control-lg rounded-4"
1441                    id="phone"
1442                    placeholder="Telefon"
1443                  />
1444                </div>
1445                <div class="form-group mb-4">
1446                  <textarea
1447                    class="form-control form-control-lg rounded-4"
1448                    id="message"
1449                    rows="5"
1450                    placeholder="Hinterlassen Sie uns eine Nachricht"
1451                  ></textarea>
1452                </div>
1453                <p class="privacy-text text-muted mb-4">
1454                  Durch das Absenden des Formulars stimmen Sie der Verarbeitung
1455                  Ihrer persönlichen Daten gemäß unserer Datenschutzerklärung
1456                  zu.
1457                </p>
1458                <div class="d-flex justify-content-end">
1459                  <button
1460                    type="submit"
1461                    class="btn-submit d-flex align-items-center gap-2"
1462                  >
1463                    <span class="fw-medium">Nachricht senden</span>
1464                  </button>
1465                </div>
1466              </form>
1467            </div>
1468          </div>
1469        </div>
1470      </section>
1471      <section
1472        class="footer-bridge-section text-center py-5"
1473        data-aos="fade-up"
1474      >
1475        <div class="container-lg">
1476          <h3
1477            class="fw-semibold mb-3 display-6"
1478            data-aos="fade-up"
1479            data-aos-delay="100"
1480          >
1481            Bleiben Sie mit uns auf dem Laufenden
1482          </h3>
1483          <p
1484            class="footer-bridge-desc mx-auto"
1485            data-aos="fade-up"
1486            data-aos-delay="200"
1487          >
1488            Entdecken Sie die neuesten Innovationen, Veranstaltungen und Updates
1489            in der Welt der Medizintechnik mit <strong>Alpen Medika</strong>.
1490          </p>
1491
1492          <!-- Optional: Button for newsletter -->
1493          <div class="mt-4" data-aos="zoom-in" data-aos-delay="300">
1494            <a
1495              href="#newsletter"
1496              class="btn btn-outline-dark rounded-pill px-4 py-2"
1497            >
1498              Newsletter abonnieren
1499            </a>
1500          </div>
1501        </div>
1502      </section>
1503
1504      <!-- Footer Section -->
1505      <footer class="pt-5 pb-3" style="background: #f9f9f9">
1506        <div class="container-lg wrapper">
1507          <div class="getInTouch">
1508            <div class="row justify-content-between align-items-start">
1509              <!-- Left: Logo and Description -->
1510              <div class="col-md-6 col-12 mb-4">
1511                <div class="d-flex align-items-center gap-2 mb-2">
1512                  <img
1513                    src="./assets/img/alpen_logo.png"
1514                    width="50"
1515                    alt="Alpen Medika Logo"
1516                  />
1517                  <h2 class="fs-5 fw-normal text-dark my-0">Alpen Medika</h2>
1518                </div>
1519                <p class="text-muted small">
1520                  Alpenmedika bietet innovative Lösungen in den Bereichen
1521                  Medizinprodukte, elektromedizinische Geräte und Telemedizin,
1522                  mit Erfahrung und Wachstumsvision.
1523                </p>
1524              </div>
1525
1526              <!-- Right: Policies -->
1527              <div class="col-md-4 col-12 mb-4 text-md-end">
1528                <ul class="list-unstyled small">
1529                  <li>
1530                    <a class='text-muted text-decoration-none' href='/privacy-policy' target='_blank'>Datenschutzerklärung</a
1531                    >
1532                  </li>
1533                  <li>
1534                    <a class='text-muted text-decoration-none' href='/cookies-policy' target='_blank'>Cookie-Richtlinie</a
1535                    >
1536                  </li>
1537                  <li>
1538                    <a class='text-muted text-decoration-none' href='/terms' target='_blank'>Allgemeine Geschäftsbedingungen</a
1539                    >
1540                  </li>
1541                </ul>
1542              </div>
1543            </div>
1544
1545            <hr class="border border-secondary-subtle" />
1546
1547            <div
1548              class="d-flex justify-content-between flex-wrap small text-muted"
1549            >
1550              <p class="mb-0">
1551                &copy;
1551 2025 Alpen Medika. Alle Rechte vorbehalten.
1552              </p>
1553              <p class="mb-0">Powered by Alpen Medika™</p>
1554            </div>
1555          </div>
1556        </div>
1557      </footer>
1558    </div>
1559
1560    <!-- External JavaScript Libraries -->
1561    
1561<script
1562      src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
1563      integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
1564      crossorigin="anonymous"
1565    ></script>
1565
1566    
1566<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
1566
1567    
1567<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
1567
1568    
1568<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollToPlugin.min.js"></script>
1568
1569    
1569<script src="assets/js/gsap.js"></script>
1569
1570    
1570<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
1570
1571    
1571<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
1571
1572    
1572<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>
1572
1573
1574    <!-- Custom JavaScript for page functionality -->
1575    
1575<script>
1576      // Initialize AOS (Animate On Scroll) library
1577      AOS.init({
1578        duration: 1000, // Animation duration in milliseconds
1579        once: true, // Whether animation should happen only once - while scrolling down
1580        offset: 100, // Offset (in px) from the top of the screen to trigger animations
1581      });
1582
1583      // Typed.js Animations for product titles
1584      // Initialize Typed.js for SiDLY Vital Care product title
1585      new Typed("#typed-vital", {
1586        strings: ["SiDLY Vital Care"], // Text to be typed
1587        typeSpeed: 50, // Typing speed in milliseconds
1588        backSpeed: 30, // Backspacing speed in milliseconds
1589        showCursor: false, // Do not show the typing cursor
1590        loop: false, // Do not loop the animation
1591      });
1592
1593      // Initialize Typed.js for SiDLY Care Pro product title
1594      new Typed("#typed-pro", {
1595        strings: ["SiDLY Care Pro"], // Text to be typed
1596        typeSpeed: 50, // Typing speed in milliseconds
1597        backSpeed: 30, // Backspacing speed in milliseconds
1598        showCursor: false, // Do not show the typing cursor
1599        loop: false, // Do not loop the animation
1600      });
1601
1602      // About Carousel Functionality
1603      const aboutOptions = document.querySelectorAll(".carousel-option"); // Select all carousel option elements
1604      const aboutImage = document.getElementById("aboutcarouselImage"); // Select the image element in the carousel
1605
1606      // Array of image sources for the carousel
1607      const aboutImages = [
1608        "./assets/img/about2.webp",
1609        "./assets/img/about1.jpg",
1610        "./assets/img/about3.png",
1611      ];
1612
1613      // Add click event listener to each carousel option
1614      aboutOptions.forEach((option) => {
1615        option.addEventListener("click", () => {
1616          const index = option.dataset.index; // Get the data-index attribute value
1617
1618          // Remove 'active' class from all options and add to the clicked one
1619          aboutOptions.forEach((o) => o.classList.remove("active"));
1620          option.classList.add("active");
1621
1622          // Animate image change: fade out, change source, fade in
1623          aboutImage.style.opacity = "0";
1624          aboutImage.style.transform = "scale(0.95)"; // Slightly shrink for animation
1625
1626          setTimeout(() => {
1627            aboutImage.src = aboutImages[index]; // Change image source
1628            aboutImage.style.opacity = "1"; // Fade in
1629            aboutImage.style.transform = "scale(1)"; // Restore size
1630          }, 300); // Delay for the fade-out animation
1631        });
1632      });
1633
1634      // Add hover effects to carousel options
1635      aboutOptions.forEach((option) => {
1636        option.addEventListener("mouseenter", () => {
1637          // Apply hover effect only if the option is not active
1638          if (!option.classList.contains("active")) {
1639            option.style.transform = "translateY(-3px)"; // Lift the option slightly
1640          }
1641        });
1642
1643        option.addEventListener("mouseleave", () => {
1644          // Remove hover effect only if the option is not active
1645          if (!option.classList.contains("active")) {
1646            option.style.transform = "translateY(0)"; // Return to original position
1647          }
1648        });
1649      });
1650    </script>
1650
1651    
1651<script src="./assets/js/cookie-popup.js"></script>
1651
1652    <div class="cookie-card">
1653      <span class="title">🍪 Cookie-Hinweis</span>
1654      <p class="description">
1655        Wir verwenden Cookies, um das beste Erlebnis zu gewährleisten.
1656        <a href='/cookies-policy' target='_blank'>Lesen Sie die Cookie-Richtlinien</a
1657        >.
1658      </p>
1659      <div class="actions">
1660        <button class="accept">Akzeptieren</button>
1661      </div>
1662    </div>
1663  </body>
1664</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.