PageSourceSearch

https://lemon-blue.de/

html lemon-blue.de collected 2026-10-07 15:24:33 UTC 49,480 bytes, 1,135 lines download raw bytes

1<!DOCTYPE html>
2<html style="font-size: 16px">
3  <head>
4    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
5    <meta charset="utf-8" />
6    <title>Lemon Blue GmbH - Maßgeschneiderte Software, alles aus einer Hand</title>
7    <meta name="author" content="lemon-blue.de" />
8    <meta
9      name="keywords"
10      content="custom ERP, IT solutions, IT Dienstleistung, IT Agentur, Web Entwicklung, API programmieren, API, Webentwicklung, web development, web, internet "
11    />
12    <meta
13      name="description"
14      content="Wir digitalisieren Ihre Prozesse. Ob Ecommerce System mit Anbindung an eine ERP Anwendung oder komplexe API, kein Problem!"
15    />
16    <link rel="stylesheet" href="css/lb.css?v=3" media="screen" />
17    <link rel="stylesheet" href="css/home.css?v=3" media="screen" />
18    <link rel="icon" type="image/x-icon" href="favicons/favicon-96x96.ico" />
19    <link
20      rel="apple-touch-icon"
21      sizes="180x180"
22      href="favicons/apple-touch-icon-180x180.png"
23    />
24    <link
25      rel="icon"
26      type="image/png"
27      sizes="32x32"
28      href="favicons/favicon-32x32.png"
29    />
30    <link
31      rel="icon"
32      type="image/png"
33      sizes="16x16"
34      href="favicons/favicon-16x16.png"
35    />
36    <link
37      rel="icon"
38      type="image/png"
39      sizes="96x96"
40      href="favicons/favicon-96x96.png"
41    />
42
43    <meta name="msapplication-TileColor" content="#fff" />
44    <meta name="msapplication-config" content="/IEconfig.xml" />
45    <meta name="theme-color" content="#fff" />
46    
46<script
47      class="u-script"
48      type="text/javascript"
49      src="js/jquery.js"
50      defer=""
51    ></script>
51
52    
52<script
53      class="u-script"
54      type="text/javascript"
55      src="js/lb.js"
56      defer=""
57    ></script>
57
58
59    <link
60      id="u-page-google-font"
61      rel="stylesheet"
62      href="https://fonts.googleapis.com/css?family=Jost:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i"
63    />
64
65    
65<script type="application/ld+json">
66      {
67        "@context": "http://schema.org",
68        "@type": "Organization",
69        "name": "",
70        "logo": "images/Element6.svg"
71      }
72    </script>
72
73    <meta name="theme-color" content="#1281e8" />
74    <meta property="og:title" content="About us" />
75    <meta property="og:type" content="website" />
76      <!-- Meta Pixel Code -->
77      
77<script>
vendor: 487 bytes, lines 77-86
77
78        !function(f,b,e,v,n,t,s)
79        {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
80            n.callMethod.apply(n,arguments):n.queue.push(arguments)};
81          if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
82          n.queue=[];t=b.createElement(e);t.async=!0;
83          t.src=v;s=b.getElementsByTagName(e)[0];
84          s.parentNode.insertBefore(t,s)}(window, document,'script',
85            'https://connect.facebook.net/en_US/fbevents.js');
86        fbq('init', '
861246599176991922
vendor: 44 bytes, lines 86-88
86');
87        fbq('track', 'PageView');
88      
88</script>
88
89      <noscript><img height="1" width="1" style="display:none"
90                     src="https://www.facebook.com/tr?id=1246599176991922&ev=PageView&noscript=1"
91      /></noscript>
92      <!-- End Meta Pixel Code -->
93  </head>
94  <body class="u-body u-overlap u-overlap-contrast u-xl-mode">
95    <header
96      class="u-align-center-xs u-clearfix u-header u-sticky u-sticky-bbb1 u-header"
97      id="sec-9afa"
98    >
99      <div class="u-clearfix u-sheet u-valign-middle-xs u-sheet-1 d-flex">
100        <a
101          href="/"
102          class="u-enable-responsive u-image u-logo u-image-1 my-auto"
103          data-image-width="112"
104          data-image-height="22"
105        >
106          <img
107            id="logo"
108            src="images/logo-white.svg"
109            class="u-logo-image u-logo-image-1"
110          />
111        </a>
112        <nav
113          class="u-align-left u-menu u-menu-one-level u-nav-spacing-25 u-offcanvas u-menu-1 my-auto ml-auto"
114        >
115          <div
116            class="menu-collapse u-custom-font"
117            style="font-family: Jost; font-size: 0.75rem"
118          >
119            <a
120              id="mobile-menu-btn"
121              class="invertible nav-item-default u-button-style u-custom-color u-custom-text-active-color u-custom-text-color u-custom-text-decoration u-custom-text-hover-color u-nav-link m-0 p-0"
122              href="#"
123              style="padding: 4px 0px; font-size: calc(1em + 8px); color: white"
124            >
125              <svg
126                class="u-svg-link"
127                preserveAspectRatio="xMidYMin slice"
128                viewBox="0 0 302 302"
129                style=""
130              >
131                <use
132                  xmlns:xlink="http://www.w3.org/1999/xlink"
133                  xlink:href="#svg-7b92"
134                ></use>
135              </svg>
136              <svg
137                xmlns="http://www.w3.org/2000/svg"
138                xmlns:xlink="http://www.w3.org/1999/xlink"
139                version="1.1"
140                id="svg-7b92"
141                x="0px"
142                y="0px"
143                viewBox="0 0 302 302"
144                style="enable-background: new 0 0 302 302"
145                xml:space="preserve"
146                class="u-svg-content"
147              >
148                <g>
149                  <rect y="36" width="302" height="30"></rect>
150                  <rect y="236" width="302" height="30"></rect>
151                  <rect y="136" width="302" height="30"></rect>
152                </g>
153                <g></g>
154                <g></g>
155                <g></g>
156                <g></g>
157                <g></g>
158                <g></g>
159                <g></g>
160                <g></g>
161                <g></g>
162                <g></g>
163                <g></g>
164                <g></g>
165                <g></g>
166                <g></g>
167                <g></g>
168              </svg>
169            </a>
170          </div>
171          <div class="u-custom-menu u-nav-container">
172            <ul class="u-custom-font u-nav u-unstyled u-nav-1">
173              <li class="u-nav-item">
174                <a
175                  class="invertible nav-item-default"
176                  href="index.html#carousel_db52"
177                  style="color: white"
178                  >Über uns.</a
179                >
180              </li>
181              <li class="u-nav-item">
182                <a
183                  class="invertible nav-item-default"
184                  href="index.html#sec-577e"
185                  data-page-id="89988918"
186                  style="color: white"
187                  >Kontakt.</a
188                >
189              </li>
190            </ul>
191          </div>
192          <div class="u-custom-menu u-nav-container-collapse h-fit-content">
193            <div
194              class="u-align-center u-black u-container-style u-inner-container-layout u-opacity u-opacity-95 u-sidenav w-100 h-fit-content"
195            >
196              <div
197                class="u-inner-container-layout u-sidenav-overflow h-fit-content"
198                style="background: rgb(1, 3, 7)"
199              >
200                <div class="u-menu-close"></div>
201                <ul
202                  class="u-align-center u-custom-font u-nav u-popupmenu-items u-unstyled u-nav-2"
203                >
204                  <li class="u-nav-item">
205                    <a
206                      class="u-button-style u-nav-link"
207                      href="index.html#carousel_db52"
208                      >Über uns.</a
209                    >
210                  </li>
211                  <li class="u-nav-item">
212                    <a
213                      class="u-button-style u-nav-link"
214                      href="index.html#sec-577e"
215                      data-page-id="89988918"
216                      >Kontakt.</a
217                    >
218                  </li>
219                </ul>
220              </div>
221            </div>
222            <div
223              id="mobile-menu"
224              class="u-black u-menu-overlay u-opacity u-opacity-70"
225            ></div>
226          </div>
227        </nav>
228      </div>
229    </header>
230    <section
231      class="skrollable u-align-center u-clearfix u-uploaded-video u-video u-section-1 vh-100"
232      id="carousel_3182"
233      style="height: 100vh"
234    >
235      <div class="u-background-video u-expanded" style="">
236        <div class="embed-responsive">
237          <video
238            class="embed-responsive-item"
239            data-autoplay="1"
240            loop=""
241            muted=""
242            autoplay="autoplay"
243            playsinline=""
244          >
245            <source src="files/video_fullhd.mp4" type="video/mp4" />
246            <img src="images/bg.jpg" />
247          </video>
248        </div>
249      </div>
250      <div class="d-flex u-align-left u-clearfix u-sheet u-sheet-1">
251        <div
252          class="d-flex my-auto u-align-center u-container-style u-expanded-width-lg u-expanded-width-md u-expanded-width-sm u-expanded-width-xl u-group u-shape-rectangle u-group-1"
253        >
254          <div class="u-container-layout u-valign-top u-container-layout-1">
255            <img
256              class="u-align-center u-image-default u-preserve-proportions u-image-1 u-hidden-xs"
257              src="images/Element6-19.svg"
258              alt=""
259              data-image-width="112"
260              data-image-height="22"
261            />
262            <h1
263              class="text-center u-custom-font u-text u-text-body-alt-color u-text-default-lg u-text-default-md u-text-default-sm u-text-default-xl u-text-1"
264            >
265              Software solutions.
266            </h1>
267            <a
268              href="index.html#carousel_db52"
269              data-page-id="89988918"
270              class="u-border-2 u-border-white u-btn u-button-style u-custom-font u-hover-white u-none u-text-hover-custom-color-3 u-text-white u-btn-1"
271              >Über uns.</a
272            >
273            <a
274              href="index.html#sec-577e"
275              data-page-id="89988918"
276              class="u-border-2 u-border-hover-white u-border-white u-btn u-button-style u-custom-font u-hover-white u-none u-text-hover-custom-color-3 u-text-white u-btn-2"
277              >Kontakt.</a
278            >
279          </div>
280        </div>
281      </div>
282      <div class="radio-ad">
283          <a href="/Digitalisierung">
284              <img src="images/logo_antenne_niedersachsen.svg" class="radio-ad-image">
285
286          </a>
287        <p class="radio-ad-text font-lb">
288            Aus dem Radio: Wir Digitalisieren Ihr Unternehmen!
289            <a class="radio-ad-link" href="/Digitalisierung">Mehr erfahren ›</a>
290        </p>
291      </div>
292    </section>
293    <section
294      class="u-align-center-md u-align-center-sm u-align-center-xs u-clearfix u-white u-section-2 vh-120 d-flex"
295      id="carousel_db52"
296      style="margin-top: 97px"
297    >
298      <div
299        class="u-clearfix u-sheet u-sheet-1 d-flex u-container-style u-group u-shape-rectangle u-group-1 my-auto mx-auto"
300        data-animation-name="fadeIn"
301        data-animation-duration="1000"
302        data-animation-direction="Up"
303      >
304        <div class="u-container-layout u-container-layout-1 m--200">
305          <h4
306            class="u-align-center u-custom-font u-text u-text-1"
307            data-animation-name="fadeIn"
308            data-animation-duration="1000"
309            data-animation-direction=""
310          >
311            Software<br />Maßgeschneidert auf Sie<span
312              class="u-text-custom-color-1"
313              >.
314            </span>
315          </h4>
316          <div class="u-expanded-width u-list u-list-1">
317            <div class="u-repeater u-repeater-1">
318              <div
319                class="u-align-center u-container-style u-list-item u-repeater-item u-list-item-1"
320              >
321                <div
322                  class="u-container-layout u-similar-container u-container-layout-2"
323                >
324                  <span
325                    class="u-align-left u-file-icon u-icon u-icon-rectangle u-spacing-17 u-text-custom-color-1 u-icon-1"
326                    ><img src="images/1.png" alt=""
327                  /></span>
328                  <h3 class="u-custom-font u-text u-text-2">
329                    Professionelle Beratung
330                  </h3>
331                  <p class="u-custom-font u-text u-text-grey-40 u-text-3">
332                    Eine professionelle Beratung mit Augenmaß ist uns sehr wichtig. Wir planen gemeinsam mit Ihnen genau die Anwendung, die Sie benötigen.
333                  </p>
334                </div>
335              </div>
336              <div
337                class="u-align-center u-container-style u-list-item u-repeater-item u-list-item-2"
338              >
339                <div
340                  class="u-container-layout u-similar-container u-container-layout-3"
341                >
342                  <span
343                    class="u-align-left u-file-icon u-icon u-icon-rectangle u-spacing-17 u-text-custom-color-1 u-icon-2"
344                    ><img src="images/2.png" alt=""
345                  /></span>
346                  <h3 class="u-custom-font u-text u-text-4">
347                    Schnelle Umsetzung
348                  </h3>
349                  <p class="u-custom-font u-text u-text-grey-40 u-text-5">
350                    Unsere Kunden sind immer wieder überrascht, wie schnell sie bereits mit uns auf die ersten Arbeitsergebnisse schauen können. So können Sie jederzeit Ideen in die Entwicklung einfließen lassen.
351                  </p>
352                </div>
353              </div>
354              <div
355                class="u-align-center u-container-style u-list-item u-repeater-item u-list-item-3"
356              >
357                <div
358                  class="u-container-layout u-similar-container u-container-layout-4"
359                >
360                  <span
361                    class="u-align-left u-file-icon u-icon u-icon-rectangle u-spacing-17 u-text-custom-color-1 u-icon-3"
362                    ><img src="images/3.png" alt=""
363                  /></span>
364                  <h3 class="u-custom-font u-text u-text-6">
365                    Verlässlicher support
366                  </h3>
367                  <p class="u-custom-font u-text u-text-grey-40 u-text-7">
368                    Sie haben einen festen Ansprechpartner und müssen bei uns nicht Stundenlang in Hotlines verbringen. Wir gehen jedem Problem sofort nach und Sie wissen jederzeit den Stand der Dinge.
369                  </p>
370                </div>
371              </div>
372            </div>
373          </div>
374          <a
375            href="index.html#carousel_ae37"
376            data-page-id="89988918"
377            class="u-align-center u-border-2 u-border-black u-border-hover-custom-color-1 u-btn u-button-style u-custom-font u-hover-white u-none u-text-body-color u-text-hover-custom-color-1 u-btn-1"
378          >
379            <span class="u-text-body-color">Was wir machen</span
380            ><span class="color-lb-blue">.</span>&nbsp;
381          </a>
382        </div>
383      </div>
384    </section>
385    <section
386      class="skrollable u-clearfix u-image u-parallax u-shading u-section-3"
387      id="sec-6a37"
388      data-image-width="1280"
389      data-image-height="853"
390    >
391      <div class="u-clearfix u-sheet u-sheet-1"></div>
392    </section>
393    <section
394      class="skrollable u-clearfix u-section-4 vh-120"
395      id="carousel_ae37"
396    >
397      <div class="u-clearfix u-sheet u-sheet-1">
398        <div
399          class="u-align-center u-container-style u-expanded-width u-group u-shape-rectangle u-group-1"
400          data-animation-name="fadeIn"
401          data-animation-duration="1000"
402          data-animation-direction="Up"
403        >
404          <div class="u-container-layout u-container-layout-1">
405            <h2 class="u-custom-font u-text u-text-1">
406              Was wir machen<span class="color-lb-blue">.</span>
407            </h2>
408            <div class="u-repeater u-repeater-1">
409              <div
410                class="u-align-center u-container-style u-list-item u-repeater-item u-shape-rectangle u-white u-list-item-1"
411              >
412                <div
413                  class="u-container-layout u-similar-container u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl u-container-layout-2"
414                >
415                  <span
416                    class="u-file-icon u-icon u-text-custom-color-1 u-icon-1"
417                    ><img src="images/4.png" alt=""
418                  /></span>
419                  <h3
420                    class="u-align-center u-custom-font u-text u-text-default u-text-2"
421                  >
422                    komplett Maßgeschneiderte ERP Lösungen
423                  </h3>
424                  <p
425                    class="u-align-center u-custom-font u-custom-item u-text u-text-grey-40 u-text-3"
426                  >
427                    Wir digitalisieren sämtliche Ihrer Prozesse. Z.B. Von der Bestellung bis zur Produktion. Branchenübergreifend.
428                  </p>
429                  <div
430                    class="u-border-1 u-border-grey-dark-1 u-line u-line-horizontal u-line-1"
431                  ></div>
432                </div>
433              </div>
434              <div
435                class="u-container-style u-list-item u-repeater-item u-shape-rectangle u-white"
436              >
437                <div
438                  class="u-container-layout u-similar-container u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl u-container-layout-3"
439                >
440                  <span
441                    class="u-file-icon u-icon u-text-custom-color-1 u-icon-2"
442                    ><img src="images/5.png" alt=""
443                  /></span>
444                  <h3
445                    class="u-align-center u-custom-font u-text u-text-default u-text-4"
446                  >
447                    Zahlungsschnittstellen Integration
448                  </h3>
449                  <p
450                    class="u-align-center u-custom-font u-custom-item u-text u-text-grey-40 u-text-5"
451                  >
452                    Wir haben so gut wie alle Zahlungsdienstleister bereits angebunden inkl. PayPal und alle Kreditkartenunternehmen. Wir integrieren diese auch gern in Ihr System.
453                  </p>
454                  <div
455                    class="u-border-1 u-border-grey-dark-1 u-line u-line-horizontal u-line-2"
456                  ></div>
457                </div>
458              </div>
459              <div
460                class="u-align-center u-container-style u-list-item u-repeater-item u-shape-rectangle u-white"
461              >
462                <div
463                  class="u-container-layout u-similar-container u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl u-container-layout-4"
464                >
465                  <span
466                    class="u-file-icon u-icon u-text-custom-color-1 u-icon-3"
467                    ><img src="images/6.png" alt=""
468                  /></span>
469                  <h3
470                    class="u-align-center u-custom-font u-text u-text-default u-text-6"
471                  >
472                    Jede Art von API Schnittstellenkommunikation
473                  </h3>
474                  <p
475                    class="u-align-center u-custom-font u-custom-item u-text u-text-grey-40 u-text-7"
476                  >
477                    Ob REST, SOAP oder eine ganz andere API. Wir binden alles an. Kopieren Sie nicht mehr Daten aus dem Einen Dokument in ein anderes. Wir vernetzen Ihre Geschäftsprozesse.
478                  </p>
479                  <div
480                    class="u-border-1 u-border-grey-dark-1 u-line u-line-horizontal u-line-3"
481                  ></div>
482                </div>
483              </div>
484              <div
485                class="u-align-center u-container-style u-list-item u-repeater-item u-shape-rectangle u-white"
486              >
487                <div
488                  class="u-container-layout u-similar-container u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl u-container-layout-5"
489                >
490                  <span
491                    class="u-file-icon u-icon u-text-custom-color-1 u-icon-4"
492                    ><img src="images/7.png" alt=""
493                  /></span>
494                  <h3
495                    class="u-align-center u-custom-font u-text u-text-default u-text-8"
496                  >
497                    Web Entwicklung
498                  </h3>
499                  <p
500                    class="u-align-center u-custom-font u-custom-item u-text u-text-grey-40 u-text-9"
501                  >
502                    Komplette Web Präsenzen inkl. Frontend und Backend setzen wir schnell und transparent für Sie um.
503                  </p>
504                  <div
505                    class="u-border-1 u-border-grey-dark-1 u-line u-line-horizontal u-line-4"
506                  ></div>
507                </div>
508              </div>
509              <div
510                class="u-align-center u-container-style u-list-item u-repeater-item u-shape-rectangle u-white"
511              >
512                <div
513                  class="u-container-layout u-similar-container u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl u-container-layout-6"
514                >
515                  <span
516                    class="u-file-icon u-icon u-text-custom-color-1 u-icon-5"
517                    ><img src="images/8.png" alt=""
518                  /></span>
519                  <h3
520                    class="u-align-center u-custom-font u-text u-text-default u-text-10"
521                  >
522                    iOS App Entwicklung
523                  </h3>
524                  <p
525                    class="u-align-center u-custom-font u-custom-item u-text u-text-grey-40 u-text-11"
526                  >
527                    Wir entwickeln native und hybride iOS Apps.
528                  </p>
529                  <div
530                    class="u-border-1 u-border-grey-dark-1 u-line u-line-horizontal u-line-5"
531                  ></div>
532                </div>
533              </div>
534              <div
535                class="u-align-center u-container-style u-list-item u-repeater-item u-shape-rectangle u-white"
536              >
537                <div
538                  class="u-container-layout u-similar-container u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl u-container-layout-7"
539                >
540                  <span
541                    class="u-file-icon u-icon u-text-custom-color-1 u-icon-6"
542                    ><img src="images/9.png" alt=""
543                  /></span>
544                  <h3
545                    class="u-align-center u-custom-font u-text u-text-default u-text-12"
546                  >
547                    Android App Entwicklung
548                  </h3>
549                  <p
550                    class="u-align-center u-custom-font u-custom-item u-text u-text-grey-40 u-text-13"
551                  >
552                  Wir entwickeln native und hybride Android Apps.
553                  </p>
554                  <div
555                    class="u-border-1 u-border-grey-dark-1 u-line u-line-horizontal u-line-6"
556                  ></div>
557                </div>
558              </div>
559              <div
560                class="u-align-center u-container-style u-list-item u-repeater-item u-shape-rectangle u-white"
561              >
562                <div
563                  class="u-container-layout u-similar-container u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl u-container-layout-8"
564                >
565                  <span
566                    class="u-file-icon u-icon u-text-custom-color-1 u-icon-7"
567                    ><img src="images/10.png" alt=""
568                  /></span>
569                  <h3
570                    class="u-align-center u-custom-font u-text u-text-default u-text-14"
571                  >
572                    Inhouse Beratung
573                  </h3>
574                  <p
575                    class="u-align-center u-custom-font u-custom-item u-text u-text-grey-40 u-text-15"
576                  >
577                    Eine Beratung auf Augenhöhe ist uns extrem wichtig. Wir planen gemeinsam mit Ihnen die Software, die Sie heute brauchen und die sich so erweitern lässt, wie Sie es morgen wünschen.
578                  </p>
579                  <div
580                    class="u-border-1 u-border-grey-dark-1 u-line u-line-horizontal u-line-7"
581                  ></div>
582                </div>
583              </div>
584              <div
585                class="u-align-center u-container-style u-list-item u-repeater-item u-shape-rectangle u-white"
586              >
587                <div
588                  class="u-container-layout u-similar-container u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl u-container-layout-9"
589                >
590                  <span
591                    class="u-file-icon u-icon u-text-custom-color-1 u-icon-8"
592                    ><img src="images/11.png" alt=""
593                  /></span>
594                  <h3
595                    class="u-align-center u-custom-font u-text u-text-default u-text-16"
596                  >
597                    Schnelle Ergebnisse
598                  </h3>
599                  <p
600                    class="u-align-center u-custom-font u-custom-item u-text u-text-grey-40 u-text-17"
601                  >
602                    Unsere Kunden sind oft überrascht, dass die Idee vom Montag bereits Mittwoch auf dem Testserver angesehen werden kann. So sind wir im engen und agilen Austausch mit unseren Kunden und 
603                    liefern die Ergebnisse, die Sie sich vorstellen.
604                  </p>
605                  <div
606                    class="u-border-1 u-border-grey-dark-1 u-line u-line-horizontal u-line-8"
607                  ></div>
608                </div>
609              </div>
610              <div
611                class="u-align-center u-container-style u-list-item u-repeater-item u-shape-rectangle u-white"
612              >
613                <div
614                  class="u-container-layout u-similar-container u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl u-container-layout-10"
615                >
616                  <span
617                    class="u-file-icon u-icon u-text-custom-color-1 u-icon-9"
618                    ><img src="images/12.png" alt=""
619                  /></span>
620                  <h3
621                    class="u-align-center u-custom-font u-text u-text-default u-text-18"
622                  >
623                    Support
624                  </h3>
625                  <p
626                    class="u-align-center u-custom-font u-custom-item u-text u-text-grey-40 u-text-19"
627                  >
628                    Sie erreichen uns jederzeit. Sollte etwas nicht funktionieren, finden wir sofort eine Lösung.
629                  </p>
630                  <div
631                    class="u-border-1 u-border-grey-dark-1 u-line u-line-horizontal u-line-9"
632                  ></div>
633                </div>
634              </div>
635            </div>
636            <a
637              href="index.html#carousel_00dd"
638              data-page-id="89988918"
639              class="u-align-center u-border-2 u-border-black u-border-hover-custom-color-1 u-btn u-button-style u-custom-font u-hover-white u-none u-text-body-color u-text-hover-custom-color-1 u-btn-1"
640            >
641              <span class="u-text-body-color">Portfolio</span
642              ><span class="u-text-custom-color-1">.</span>&nbsp;
643            </a>
644          </div>
645        </div>
646      </div>
647    </section>
648    <section
649      class="skrollable u-clearfix u-image u-parallax u-shading u-section-5"
650      id="carousel_44d5"
651      data-image-width="1280"
652      data-image-height="854"
653    >
654      <div class="u-clearfix u-sheet u-sheet-1"></div>
655    </section>
656    <section
657      class="u-align-center u-clearfix u-section-6 vh-100 d-flex"
658      id="carousel_00dd"
659      style="margin-top: 5px"
660    >
661      <div class="u-clearfix my-auto mx-auto">
662        <div
663          class="u-align-center-lg u-align-center-md u-align-center-sm u-align-center-xl u-container-style u-expanded-width u-group u-shape-rectangle u-group-1"
664          data-animation-name="fadeIn"
665          data-animation-duration="1000"
666          data-animation-direction="Up"
667        >
668          <div
669            class="u-container-layout u-container-layout-1 portfolio-container"
670          >
671            <h2
672              class="u-align-center-xs u-custom-font u-text u-text-1"
673              data-animation-name="fadeIn"
674              data-animation-duration="2000"
675              data-animation-direction="Up"
676            >
677              Portfolio<span class="u-text-custom-color-1">.</span>
678            </h2>
679            <div
680              class="u-align-center u-expanded-width-xs u-gallery u-layout-grid u-sh
680ow-text-none u-gallery-1 mx-auto"
681              id="carousel-0a13"
682            >
683              <img class="portfolio-logo" src="images/sosa.png" />
684              <img class="portfolio-logo" src="images/brand_canyon.png" />
685              <img class="portfolio-logo" src="images/ibm-logo.png" />
686              <img class="portfolio-logo" src="images/AOK_Logo_Horiz_Gruen_RGB.svg"/>
687              <img class="portfolio-logo" src="images/tesla.png" />
688              <img class="portfolio-logo" src="images/casamundo_logo.svg" />
689			  <img class="portfolio-logo" src="images/sap_logo.png" />
690              <img class="portfolio-logo" src="images/logo-belvilla.svg" />
691              <img class="portfolio-logo" src="images/logo-faberexposize.svg"/>
692              <img class="portfolio-logo" src="images/lueco.png" />
693              <img class="portfolio-logo" src="images/held_logo_4c_original_s.png" />
694              <img class="portfolio-logo" src="images/bonprix_logo-1.jpg" />
695              <img class="portfolio-logo" src="images/witt-gruppe_branding-full.svg" />
696			  
697            </div>
698            <a
699              href="index.html#sec-577e"
700              data-page-id="89988918"
701              class="u-align-center u-border-2 u-border-black u-border-hover-custom-color-1 u-btn u-button-style u-custom-font u-hover-white u-none u-text-body-color u-text-hover-custom-color-1 u-btn-1"
702            >
703              <span class="u-text-black">Kontakt</span>.
704            </a>
705          </div>
706        </div>
707      </div>
708    </section>
709    <section
710      class="skrollable u-clearfix u-image u-parallax u-shading u-section-7"
711      id="carousel_4c80"
712      data-image-width="1280"
713      data-image-height="853"
714    >
715      <div class="u-clearfix u-sheet u-sheet-1"></div>
716    </section>
717    <section class="u-align-center">
718        <div class="u-clearfix u-sheet">
719            <div
720                    class="u-container-style u-expanded-width u-group u-shape-rectangle u-group-1 technologies-section"
721                    data-animation-name="fadeIn"
722                    data-animation-duration="1000"
723                    data-animation-direction="Up"
724            >
725                <h2 class="u-align-center-xs u-custom-font u-text">
726                    Technologien<span class="u-text-custom-color-1">.</span>
727                </h2>
728                <div class="technologies-wrapper prio-1">
729                    <img class="technologies-image" src="images/technologien/php.png" alt="PHP Logo"/>
730                    <img class="technologies-image" src="images/technologien/laravel.png" alt="Laravel Logo"/>
731                    <img class="technologies-image" src="images/technologien/js.png" alt="JavaScript Logo"/>
732                    <img class="technologies-image" src="images/technologien/mysql.png" alt="MySQL Logo"/>
733                    <img class="technologies-image" src="images/technologien/mariadb.png" alt="MariaDB Logo"/>
734                    <img class="technologies-image" src="images/technologien/vuejs.png" alt="VueJS Logo"/>
735                    <img class="technologies-image" src="images/technologien/reactjs.png" alt="ReactJS Logo"/>
736                    <img class="technologies-image" src="images/technologien/apache.png" alt="Apache Logo"/>
737                    <img class="technologies-image" src="images/technologien/nginx.svg" alt="nginx Logo"/>
738                    <img class="technologies-image" src="images/technologien/haproxy.png" alt="HAProxy Logo"/>
739
740                    <img class="technologies-image" src="images/technologien/shopify.png" alt="Shopify Logo"/>
741                    <img class="technologies-image" src="images/technologien/redaxo.png" alt="Redaxo Logo"/>
742                    <img class="technologies-image" src="images/technologien/wordpress.png" alt="Wordpress Logo"/>
743                    <img class="technologies-image" src="images/technologien/docker.svg" alt="Docker Logo"/>
744                    <img class="technologies-image" src="images/technologien/ts.png" alt="TypeScript Logo"/>
745                    <img class="technologies-image" src="images/technologien/shopware.svg" alt="Shopware Logo"/>
746                    <img class="technologies-image" src="images/technologien/nodejs.png" alt="Node.js Logo"/>
747                    <img class="technologies-image" src="images/technologien/ionic.png" alt="Ionic Logo"/>
748                    <img class="technologies-image" src="images/technologien/capacitor.png" alt="Capacitor Logo"/>
749                    <img class="technologies-image" src="images/technologien/python.png" alt="Python Logo"/>
750                    <img class="technologies-image" src="images/technologien/openresty.png" alt="OpenResty L
750ogo"/>
751                    <img class="technologies-image" src="images/technologien/redis.png" alt="Redis Logo"/>
752
753                    <img class="technologies-image" src="images/technologien/java.png" alt="Java Logo"/>
754                    <img class="technologies-image" src="images/technologien/kubernetes.png" alt="Kubernetes Logo"/>
755                    <img class="technologies-image" src="images/technologien/graphql.png" alt="GraphQL Logo"/>
756                    <img class="technologies-image" src="images/technologien/jquery.png" alt="jQuery Logo"/>
757                </div>
758                <h3>Und viele mehr</h3>
759                <div class="certificates-wrapper">
760                    <img class="certificates-image" src="images/technologien/shopware_cert.svg" alt=""/>
761                </div>
762            </div>
763        </div>
764    </section>
765
766    <section class="u-align-center u-clearfix u-section-8 vh-120" id="sec-577e">
767      <div class="u-clearfix u-sheet u-sheet-1">
768        <div
769          class="u-container-style u-expanded-width u-group u-shape-rectangle u-group-1"
770          data-animation-name="fadeIn"
771          data-animation-duration="1000"
772          data-animation-direction="Up"
773        >
774
775          <div class="u-container-layout u-container-layout-1">
776            <h4 class="u-align-center u-custom-font u-text u-text-default-lg u-text-default-md u-text-default-sm u-text-default-xl u-text-1">
777              Kontakt<span class="u-text-custom-color-1">.</span>
778            </h4>
779            <div class="u-align-center u-form u-form-1">
780              <form
781                action="scripts/form-577e.php"
782                method="POST"
783                class="u-clearfix u-form-spacing-10 u-form-vertical u-inner-form"
784                style="padding: 10px"
785                source="customphp"
786                name="form"
787              >
788                <div class="u-form-group u-form-name u-label-none">
789                  <label for="name-3b9a" class="u-label">Name</label>
790                  <input
791                    type="text"
792                    placeholder="Ihr Name"
793                    id="name-3b9a"
794                    name="name"
795                    class="u-border-1 u-border-grey-30 u-border-no-left u-border-no-right u-border-no-top u-custom-font u-input u-input-rectangle u-white u-input-1"
796                    required=""
797                  />
798                </div>
799                <div class="u-form-email u-form-group u-label-none">
800                  <label for="email-3b9a" class="u-label">E-Mail</label>
801                  <input
802                    type="email"
803                    placeholder="Ihre E-Mail Adresse"
804                    id="email-3b9a"
805                    name="email"
806                    class="u-border-1 u-border-grey-30 u-border-no-left u-border-no-right u-border-no-top u-custom-font u-input u-input-rectangle u-white u-input-2"
807                    required=""
808                  />
809                </div>
810                <div class="u-form-group u-form-message u-label-none">
811                  <label for="message-3b9a" class="u-label">Nachricht</label>
812                  <textarea
813                    placeholder="Ihre Nachricht an uns"
814                    rows="4"
815                    cols="50"
816                    id="message-3b9a"
817                    name="message"
818                    class="u-border-1 u-border-grey-30 u-border-no-left u-border-no-right u-border-no-top u-custom-font u-input u-input-rectangle u-white u-input-3"
819                    required=""
820                  ></textarea>
821                </div>
822                <div class="u-align-center u-form-group u-form-submit">
823                  <a
824                    href="#"
825                    class="u-border-2 u-border-custom-color-1 u-btn u-btn-submit u-button-style u-custom-font u-text-custom-color-1 u-white u-btn-1"
826                    >Senden</a
827                  >
828                  <input
829                    type="submit"
830                    value="submit"
831                    class="u-form-control-hidden"
832                  />
833                </div>
834                <div class="u-form-send-message u-form-send-success">
835                  Vielen Dank! Ihre Nachricht wurde übermittelt. Wir melden uns umgehend bei Ihnen.
836                </div>
837                <div class="u-form-send-error u-form-send-message">
838                  Ihre Nachricht konnte nicht übermittelt werden, bitte versuchen Sie es erneut.
839                </div>
840                <input type="hidden" value="" name="recaptchaResponse" />
841              </form>
842            </div>
843            <p
844              class="u-align-center u-custom-font u-text u-text-default-lg u-text-default-md u-text-default-sm u-text-default-xl u-text-grey-30 u-text-2"
845            >
846              zurück
847            </p>
848            <a
849              href="index.html#carousel_db52"
850              data-page-id="89988918"
851              class="u-align-center u-border-2 u-border-black u-border-hover-custom-color-1 u-btn u-button-style u-custom-font u-hover-white u-none u-text-body-color u-text-hover-custom-color-1 u-btn-2"
852            >
853              <span class="u-text-black">Über uns</span>.
854            </a>
855          </div>
856        </div>
857      </div>
858    </section>
859    <section
860      class="skrollable u-align-center u-clearfix u-image u-parallax u-shading u-section-9"
861      id="sec-1a70"
862      data-image-width="1600"
863      data-image-height="1060"
864    >
865      <div class="u-clearfix u-sheet u-sheet-1">
866        <h2
867          class="u-custom-font u-text u-text-default u-text-1"
868          data-animation-name="fadeIn"
869          data-animation-duration="2000"
870          data-animation-direction="Up"
871        >
872          "Good design adds value faster than it adds cost."
873        </h2>
874        <p
875          class="u-custom-font u-text u-text-default u-text-2"
876          data-animation-name="fadeIn"
877          data-animation-duration="1000"
878          data-animation-direction="Up"
879          data-animation-delay="750"
880        >
881          Thomas C. Gale
882        </p>
883      </div>
884    </section>
885    <section class="u-clearfix u-section-10" id="sec-ebb8">
886      <div class="u-clearfix u-sheet u-sheet-1 d-flex">
887        <!--        <h4-->
888        <!--          class="u-align-center-xs u-custom-font u-text u-text-default-lg u-text-default-md u-text-default-sm u-text-default-xl u-text-1"-->
889        <!--          style="padding-left: 12px"-->
890        <!--        >-->
891        <!--          contact us<span class="u-text-custom-color-1">.</span>-->
892        <!--        </h4>-->
893        <!--        <div class="u-form u-form-1">-->
894        <!--          <form-->
895        <!--            action="scripts/form-ebb8.php"-->
896        <!--            method="POST"-->
897        <!--            class="u-clearfix u-form-spacing-10 u-form-vertical u-inner-form"-->
898        <!--            source="customphp"-->
899        <!--            name="form"-->
900        <!--          >-->
901        <!--            <div class="u-form-group u-form-name u-label-none">-->
902        <!--              <label for="name-3b9a" class="u-label">Name</label>-->
903        <!--              <input-->
904        <!--                type="text"-->
905        <!--                placeholder="Enter your Name"-->
906        <!--                id="name-3b9a"-->
907        <!--                name="name"-->
908        <!--                class="u-border-1 u-border-grey-30 u-border-no-left u-border-no-right u-border-no-top u-custom-font u-input u-input-rectangle u-white u-input-1"-->
909        <!--                required=""-->
910        <!--              />-->
911        <!--            </div>-->
912        <!--            <div class="u-form-email u-form-group u-label-none">-->
913        <!--              <label for="email-3b9a" class="u-label">Email</label>-->
914        <!--              <input-->
915        <!--                type="email"-->
916        <!--                placeholder="Enter a valid email address"-->
917        <!--                id="email-3b9a"-->
918        <!--                name="email"-->
919        <!--                class="u-border-1 u-border-grey-30 u-border-no-left u-border-no-right u-border-no-top u-custom-font u-input u-input-rectangle u-white u-input-2"-->
920        <!--                required=""-->
921        <!--              />-->
922        <!--            </div>-->
923        <!--            <div class="u-form-group u-form-message u-label-none">-->
924        <!--              <label for="message-3b9a" class="u-label">Message</label>-->
925        <!--              <textarea-->
926        <!--                placeholder="Enter your message"-->
927        <!--                rows="4"-->
928        <!--                cols="50"-->
929        <!--                id="message-3b9a"-->
930        <!--                name="message"-->
931        <!--                class="u-border-1 u-border-grey-30 u-border-no-left u-border-no-right u-border-no-top u-custom-font u-input u-input-rectangle u-white u-input-3"-->
932        <!--                required=""-->
933        <!--              ></textarea>-->
934        <!--            </div>-->
935        <!--            <div-->
936        <!--              class="u-align-center-xs u-align-left-lg u-align-left-md u-align-left-sm u-align-left-xl u-form-group u-form-submit"-->
937        <!--            >-->
938        <!--              <a-->
939        <!--                href="#"-->
940        <!--                class="u-border-2 u-border-custom-color-1 u-btn u-btn-submit u-button-style u-custom-font u-text-custom-color-1 u-white u-btn-1"-->
941        <!--                >Send</a-->
942        <!--              >-->
943        <!--              <input-->
944        <!--                type="submit"-->
945        <!--                value="submit"-->
946        <!--                class="u-form-control-hidden"-->
947        <!--              />-->
948        <!--            </div>-->
949        <!--            <div class="u-form-send-message u-form-send-success">-->
950        <!--              Thank you! Your message has been sent.-->
951        <!--            </div>-->
952        <!--            <div class="u-form-send-error u-form-send-message">-->
953        <!--              Unable to send your message. Please try again.-->
954        <!--            </div>-->
955        <!--            <input type="hidden" value="" name="recaptchaResponse" />-->
956        <!--          </form>-->
957        <!--        </div>-->
958        <div
959          class="text-center u-align-center u-custom-font u-text u-text-default-lg u-text-default-md u-text-default-sm u-text-default-xl u-text-2 my-auto small"
960        >
961          <img src="images/logo-blue.svg" class="footer-logo" /><br />
962          Lemon Blue GmbH <br />
963          Alter Postweg 114 <br />
964          21220 Seevetal <br />
965          Germany <br />
966          Mathis Losigkeit (CEO)
967        </div>
968        <div
969          class="text-center u-align-center u-custom-font u-text u-text-default-lg u-text-default-md u-text-default-sm u-text-default-xl u-text-2 my-auto ml-auto"
970        >
971          <div class="u-custom-menu u-nav-container">
972            <ul
973              class="u-custom-font u-nav u-unstyled u-nav-1"
974              style="text-align: right"
975            >
976              <li class="mt-3">
977                <a class="footer-nav-item" href="index.html#carousel_db52"
978                  >Über Uns<span class="color-lb-blue">.</span></a
979                >
980              </li>
981              <li class="mt-3">
982                <a class="footer-nav-item" href="index.html#carousel_ae37"
983                  >Unsere Dienstleistung<span class="color-lb-blue">.</span></a
984                >
985              </li>
986              <li class="mt-3">
987                <a
988                        class="footer-nav-item"
989                        href="PHPUpgrades.html"
990                >PHP Upgrades<span class="color-lb-blue">.</span></a
991                >
992              </li>
993              <li class="mt-3">
994                <a
995                        class="footer-nav-item"
996                        href="Monolith.html"
997                >Monolithen auflösen<span class="color-lb-blue">.</span></a
998                >
999              </li>
1000              <li class="mt-3">
1001                <a
1002                  class="footer-nav-item"
1003                  href="index.html#carousel_00dd"
1004                  data-page-id="89988918"
1005                  >Portfolio<span class="color-lb-blue">.</span></a
1006                >
1007              </li>
1008              <li class="mt-3">
1009                <a
1010                  class="footer-nav-item"
1011                  href="index.html#sec-577e"
1012                  data-page-id="89988918"
1013                  >Kontakt<span class="color-lb-blue">.</span></a
1014                >
1015              </li>
1016            </ul>
1017          </div>
1018        </div>
1019      </div>
1020    </section>
1021
1022    <footer class="small font-lb" id="sec-3bf8" style="">
1023      <div class="d-flex container mx-auto pb-3">
1024        <div>
1025          <a class="custom-link mr-3" href="Legal.html" data-page-id="22739942">
1026            Legal Information.
1027          </a>
1028          <a class="custom-link" href="Privacy.html" data-page-id="248910129"
1029            >Privacy Policy.</a
1030          >
1031        </div>
1032        <span class="ml-auto custom-link"> © 2015 - 2023 Lemon Blue GmbH </span>
1033      </div>
1034    </footer>
1035  </body>
1036  
1036<script>
1037    var doc = document.documentElement;
1038    var w = window;
1039
1040    var prevScroll = w.scrollY || doc.scrollTop;
1041    var curScroll;
1042    var direction = 0;
1043    var prevDirection = 0;
1044
1045    var header = document.getElementById("sec-9afa");
1046
1047    let invertibles = document.getElementsByClassName("invertible");
1048    let logo = document.getElementById("logo");
1049
1050    var mobile = window.screen.width <= 768;
1051
1052    var checkScroll = function () {
1053      /*
1054       ** Find the direction of scroll
1055       ** 0 - initial, 1 - up, 2 - down
1056       */
1057
1058      curScroll = w.scrollY || doc.scrollTop;
1059      if (curScroll > prevScroll) {
1060        //scrolled up
1061        direction = 2;
1062      } else if (curScroll < prevScroll) {
1063        //scrolled down
1064        direction = 1;
1065      }
1066
1067      if (direction !== prevDirection) {
1068        toggleHeader(direction, curScroll);
1069      }
1070
1071      prevScroll = curScroll;
1072    };
1073
1074    var toggleHeader = function (direction, curScroll) {
1075      // if (!mobile) {
1076      if (direction === 2 && curScroll > w.innerHeight - header.offsetHeight) {
1077        logo.src = "images/logo-blue.svg";
1078        header.setAttribute("style", "background: white !important;");
1079        for (let invertible of invertibles) {
1080          invertible.setAttribute("style", "color: black !important;");
1081          invertible.classList.add("nav-item-inverted");
1082          invertible.classList.remove("nav-item-default");
1083        }
1084
1085        prevDirection = direction;
1086      } else if (
1087        direction === 1 &&
1088        curScroll < w.innerHeight + header.offsetHeight
1089      ) {
1090        logo.src = "images/logo-white.svg";
1091        header.setAttribute("style", "background: transparent !important;");
1092
1093        for (let invertible of invertibles) {
1094          invertible.setAttribute("style", "color: white !important");
1095          invertible.classList.remove("nav-item-inverted");
1096          invertible.classList.add("nav-item-default");
1097        }
1098
1099        prevDirection = direction;
1100      }
1101      // }
1102    };
1103
1104    window.addEventListener("scroll", checkScroll);
1105  </script>
1105
1106  
1106<script>
1107    function Sleep(milliseconds) {
1108      return new Promise((resolve) => setTimeout(resolve, milliseconds));
1109    }
1110  </script>
1110
1111  
1111<script>
1112    // if (mobile) {
1113    //     window.onload = function () {
1114    //         let animated = document.getElementsByClassName('animated');
1115    //         console.log(animated)
1116    //
1117    //         for (let animatedElem of animated) {
1118    //             animatedElem.classList.remove('animated');
1119    //         }
1120    //     }
1121    //
1122    // }
1123  </script>
1123
1124  
1124<script>
1125    function openMenu() {
1126      let menu = document.getElementById("mobile-menu");
1127      menu.style.display = "block";
1128      menu.style.marginTop = "250px";
1129    }
1130    window.onload = function () {
1131      let menuBtn = document.getElementById("mobile-menu-btn");
1132      menuBtn.addEventListener("click", openMenu);
1133    };
1134  </script>
1134
1135</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.