PageSourceSearch

https://vitaapps.dev/

html vitaapps.dev collected 2026-10-02 01:52:35 UTC 147,093 bytes, 695 lines download raw bytes

1<!DOCTYPE html><html lang="de" data-rh="lang" style="--line-color: #FFF; --timeline-progress: 0;"><head>
2    <meta charset="UTF-8">
3    <link rel="icon" type="image/x-icon" href="/favicon.ico">
4    <meta name="viewport" content="width=device-width, initial-scale=1.0">
5    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
6    <meta http-equiv="Pragma" content="no-cache">
7    <meta http-equiv="Expires" content="0">
8
9    <!-- Preconnect to external domains -->
10    <link rel="preconnect" href="https://fonts.googleapis.com">
11    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
12    <link rel="preconnect" href="https://cdn-cookieyes.com">
13
14    <!-- Preload critical font (non-blocking) -->
15    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&amp;display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
16    <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" /></noscript>
17
18    <!-- Material Icons (lazy-loaded; only the GymPal admin Duties tab uses these) -->
19    <link rel="preload" href="https://fonts.googleapis.com/icon?family=Material+Icons" as="style" onload="this.onload=null;this.rel='stylesheet'">
20    <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" /></noscript>
21
22    <!-- Default title only — per-page <title>/<meta description> are set by the
23         SEO component (react-helmet) and prerendered. A static description here
24         was duplicated next to helmet's, so it's intentionally omitted. -->
25    <title>VitaApps - App Entwicklung &amp; Mobile Lösungen</title>
26
27    <!-- Existing scripts and links -->
28
29    <!-- Start cookieyes banner (async to not block rendering) -->
30    
30<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/1ddd0753568b044b79b32d64/script.js" async=""></script>
30
31    <!-- End cookieyes banner -->
32
33    <!--
34      Kompakter Cookie-Banner auf Handys.
35
36      Gemessen: der Banner belegte 393 von 700 Pixeln, also 56 Prozent des ersten
37      Bildschirms, und lag ueber dem Angebot samt Schaltflaeche. In PostHog sah
38      man die Folge: von 19 Sitzungen scrollten 11 gar nicht, 16 brachen im Hero
39      ab. Die Besucher haben die Seite nie gesehen.
40
41      Die Hoehe kam aus sechs Zeilen Fliesstext und drei untereinander
42      gestapelten Schaltflaechen. CookieYes bietet eigenes CSS nur im
43      Bezahltarif, deshalb steht es hier.
44
45      Beide Schaltflaechen bleiben absichtlich gleich gross und gleich sichtbar.
46      "Alles ablehnen" kleiner oder unauffaelliger zu machen waere der Verstoss,
47      den die Aufsichtsbehoerden verfolgen — kompakter ist erlaubt, versteckt
48      nicht.
49    -->
50    <style>
51      @media (max-width: 600px) {
52        .cky-consent-container .cky-consent-bar { padding: 14px 16px !important; }
53        .cky-notice .cky-title { font-size: 15px !important; margin-bottom: 4px !important; }
54        .cky-notice-des, .cky-notice-des p {
55          font-size: 12px !important; line-height: 1.4 !important; margin: 0 !important;
56        }
57        .cky-notice-btn-wrapper {
58          flex-direction: row !important; flex-wrap: wrap !important;
59          gap: 8px !important; margin-top: 10px !important;
60        }
61        .cky-notice-btn-wrapper .cky-btn {
62          /* 1 1 0 statt 1 1 auto: erzwingt gleiche Breiten und damit EINE Zeile.
63             Gleich gross ist hier auch das rechtlich Saubere — Ablehnen darf nicht
64             unauffaelliger sein als Akzeptieren. */
65          flex: 1 1 0 !important; min-width: 0 !important;
66          padding: 9px 6px !important; font-size: 12px !important; margin: 0 !important;
67          white-space: nowrap !important;
68        }
69      }
70    </style>
71    
71<script type="module" crossorigin="" src="/assets/index-s7cxMHZ5.js"></script>
71
72    <link rel="modulepreload" crossorigin="" href="/assets/vendor-react-0R6VX6ld.js">
73    <link rel="modulepreload" crossorigin="" href="/assets/vendor-three-dec0Z_i3.js">
74    <link rel="modulepreload" crossorigin="" href="/assets/vendor-framer-JqHIcSWX.js">
75    <link rel="modulepreload" crossorigin="" href="/assets/vendor-icons-LlCGcXb-.js">
76    <link rel="stylesheet" crossorigin="" href="/assets/index-_US79g3c.css">
77  <link rel="modulepreload" as="script" crossorigin="" href="/assets/SocialProof-tkwsDufb.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/index-v2SWm-nz.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/index-zMxkKZQp.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/Mission-VPNm2Tjp.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/GlassCard-h-OkPEdU.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/Apps-b1o6qrkz.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/index-eD7lYc4e.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/SectionWrapper-X6sShHly.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/motion-ER0uwqDF.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/firebase-jZtq7q64.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/index-9ccb475d-PhXEXAVG.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/ServicesSection-hgxsVemp.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/Experience-YWcd6O9C.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/Tech-Z4Pzwuj9.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/Loader-GKrnqTp8.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/ToolsTeaser-7qXLwnKz.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/Contact-ih95Knmt.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/index-V4ahzHcC.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/Stars-Yd-KUs42.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/Footer-3pdh7hf8.js"><link rel="canonical" href="https://vitaapps.dev/" data-rh="true"><link rel="alternate" hreflang="de" href="https://vitaapps.dev/" data-rh="true"><link rel="alternate" hreflang="en" href="https://vitaapps.dev/" data-rh="true"><link rel="alternate" hreflang="x-default" href="https://vitaapps.dev/" data-rh="true"><meta name="description" content="Professionelle App-Entwicklung für iOS &amp; Android. Native Apps, Cross-Platform, UI/UX Design. Kostenlose Beratung für Ihr Projekt." data-rh="true"><meta name="keywords" content="App Entwicklung, Mobile App, iOS App, Android App, App Agentur, Flutter, React Native, UI/UX Design, MVP Entwicklung" data-rh="true"><meta name="author" content="VitaApps" data-rh="true"><meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" data-rh="true"><meta property="og:type" content="website" data-rh="true"><meta property="og:url" content="https://vitaapps.dev/" data-rh="true"><meta property="og:title" content="VitaApps - App Entwicklung &amp; Mobile Lösungen" data-rh="true"><meta property="og:description" content="Professionelle App-Entwicklung für iOS &amp; Android. Native Apps, Cross-Platform, UI/UX Design. Kostenlose Beratung für Ihr Projekt." data-rh="true"><meta property="og:image" content="https://vitaapps.dev/assets/metalogo.png" data-rh="true"><meta property="og:image:width" content="1200" data-rh="true"><meta property="og:image:height" content="630" data-rh="true"><meta property="og:site_name" content="VitaApps" data-rh="true"><meta property="og:locale" content="de_DE" data-rh="true"><meta property="og:locale:alternate" content="en_US" data-rh="true"><meta name="twitter:card" content="summary_large_image" data-rh="true"><meta name="twitter:url" content="https://vitaapps.dev/" data-rh="true"><meta name="twitter:title" content="VitaApps - App Entwicklung &amp; Mobile Lösungen" data-rh="true"><meta name="twitter:description" content="Professionelle App-Entwicklung für iOS &amp; Android. Native Apps, Cross-Platform, UI/UX Design. Kostenlose Beratung für Ihr Projekt." data-rh="true"><meta name="twitter:image" content="https://vitaapps.dev/assets/metalogo.png" data-rh="true"><meta name="theme-color" content="#8b5cf6" data-rh="true"><meta name="msapplication-TileColor" content="#8b5cf6" data-rh="true">
77<script type="application/ld+json" data-rh="true">[{"@context":"https://schema.org","@type":"Organization","@id":"https://vitaapps.dev/#organization","name":"VitaApps","url":"https://vitaapps.dev","logo":"https://vitaapps.dev/assets/metalogo.png","description":"Professional mobile app development agency specializing in iOS, Android, and cross-platform applications.","slogan":"Maßgeschneiderte Mobile Apps für iOS und Android.","foundingDate":"2020","knowsAbout":["Mobile App Development","iOS","Android","Flutter","React Native","UI/UX Design","MVP Development"],"address":{"@type":"PostalAddress","addressCountry":"RO","streetAddress":"Drumul Pădurea Pustnicu 127C, Corp A, Bl. T038/2, Et. 3, Ap. 12","addressLocality":"Bucharest","addressRegion":"București","postalCode":"014042"},"contactPoint":{"@type":"ContactPoint","contactType":"customer service","email":"[email protected]","availableLanguage":["German","English"]},"areaServed":[{"@type":"Country","name":"Germany"},{"@type":"Country","name":"Austria"},{"@type":"Country","name":"Switzerland"}],"legalName":"VITAAPPS SRL","vatID":"RO50206520","founders":[{"@type":"Person","@id":"https://vitaapps.dev/#founder","name":"Vitalij Saponenko"}],"sameAs":["https://www.linkedin.com/company/vitaapps/","https://x.com/VitaApps"]},{"@context":"https://schema.org","@type":"WebSite","@id":"https://vitaapps.dev/#website","name":"VitaApps","url":"https://vitaapps.dev","description":"Professional mobile app development for iOS and Android","publisher":{"@id":"https://vitaapps.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":"https://vitaapps.dev/search?q={search_term_string}","query-input":"required name=search_term_string"},"inLanguage":["de","en"]},{"@context":"https://schema.org","@type":"Person","@id":"https://vitaapps.dev/#founder","name":"Vitalij Saponenko","jobTitle":"Founder & Lead Mobile App Developer","knowsAbout":["Mobile App Development","iOS","Android","Flutter","React Native","UI/UX Design","MVP Development"],"worksFor":{"@id":"https://vitaapps.dev/#organization"},"sameAs":["https://www.linkedin.com/in/vitalij-saponenko/"]},{"@context":"https://schema.org","@type":"ProfessionalService","@id":"https://vitaapps.dev/#localbusiness","name":"VitaApps","image":"https://vitaapps.dev/assets/metalogo.png","url":"https://vitaapps.dev","email":"[email protected]","address":{"@type":"PostalAddress","addressCountry":"RO","streetAddress":"Drumul Pădurea Pustnicu 127C, Corp A, Bl. T038/2, Et. 3, Ap. 12","addressLocality":"Bucharest","addressRegion":"București","postalCode":"014042"},"priceRange":"€€€","openingHoursSpecification":{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday"],"opens":"09:00","closes":"18:00"},"areaServed":["DE","AT","CH"],"serviceType":["Mobile App Development","iOS App Development","Android App Development","Cross-Platform Development","UI/UX Design","MVP Development"],"vatID":"RO50206520","sameAs":["https://www.linkedin.com/company/vitaapps/","https://x.com/VitaApps"]}]</script>
77<style></style><style></style></head>
78  <body>
79    <div id="root" data-prerender="/"><div class="bg-primary relative z-0"><div id="home"><nav class="sm:px-16 px-6 fixed top-0 z-50 w-full transition-all duration-300 bg-transparent" style="opacity: 1; transform: none;"><div class="mx-auto flex max-w-7xl items-center justify-between py-4"><a class="flex items-center gap-2" href="/"><img src="/assets/logo-VOR2JwjQ.webp" alt="logo" class="h-10 w-10 object-contain" width="40" height="40"><p class="text-xl font-extrabold text-white">VITAAPPS</p></a><ul class="hidden gap-4 xl:gap-6 lg:flex"><li class="relative group"><div class="relative"><button class="text-white text-base lg:text-lg xl:text-xl font-semibold hover:text-purple-400 flex items-center gap-1 whitespace-nowrap">Services<svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="transition-transform rotate-0" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><polyline points="6 9 12 15 18 9"></polyline></svg></button><span class="absolute left-0 -bottom-1 h-[2px] w-0 bg-purple-400 transition-all group-hover:w-full"></span></div></li><li class="relative group"><a class="text-white text-base lg:text-lg xl:text-xl font-semibold hover:text-purple-400 whitespace-nowrap" href="/calculate-price">Preis berechnen</a><span class="absolute left-0 -bottom-1 h-[2px] w-0 bg-purple-400 transition-all group-hover:w-full"></span></li><li class="relative group"><a class="text-white text-base lg:text-lg xl:text-xl font-semibold hover:text-purple-400 whitespace-nowrap" href="/faq">FAQ</a><span class="absolute left-0 -bottom-1 h-[2px] w-0 bg-purple-400 transition-all group-hover:w-full"></span></li></ul><div class="hidden lg:flex items-center gap-2"><div class="relative inline-block"><button class="flex items-center gap-2 "><img src="/assets/germany-flag-PXc3Ol45.png" alt="DE Flag" class="w-6 h-6 rounded-full"><span class="text-white hover:text-purple-400 transition">DE</span><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-white transition-transform duration-200 rotate-0" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><polyline points="6 9 12 15 18 9"></polyline></svg></button></div><div class="relative group"><button class="relative inline-block text-white font-bold text-sm lg:text-base xl:text-lg px-4 lg:px-5 xl:px-6 py-2 rounded-2xl bg-gradient-to-r from-purple-700 to-indigo-700 shadow-xl transform group-hover:scale-105 group-hover:rotate-[1deg] overflow-hidden z-10 whitespace-nowrap"><span class="relative z-20">Kontakt</span><span class="absolute inset-0 rounded-xl border border-purple-500 opacity-30 group-hover:opacity-100 animate-pulse blur-sm z-0"></span><span class="absolute top-0 left-0 w-full h-full bg-gradient-to-r from-pink-500 via-purple-500 to-indigo-500 opacity-10 group-hover:opacity-30 blur-xl z-0"></span><span class="absolute top-0 left-[-75%] w-full h-full bg-gradient-to-r from-transparent via-white to-transparent opacity-20 rotate-6 group-hover:animate-[shimmer_1.5s_infinite] z-0"></span></button></div></div><div class="flex lg:hidden"><button class="relative h-7 w-7"><img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='12'%20fill='%23FFF'%20viewBox='0%200%2020%2012'%3e%3cpath%20fill='%23FFF'%20d='M9%202L19%202C19.2652%202%2019.5196%201.89464%2019.7071%201.70711C19.8946%201.51957%2020%201.26522%2020%201C20%200.734784%2019.8946%200.480429%2019.7071%200.292892C19.5196%200.105356%2019.2652%200%2019%200L9%200C8.73478%200%208.48043%200.105356%208.29289%200.292892C8.10536%200.480429%208%200.734784%208%201C8%201.26522%208.10536%201.51957%208.29289%201.70711C8.48043%201.89464%208.73478%202%209%202ZM19%2010L1%2010C0.734784%2010%200.480429%2010.1054%200.292892%2010.2929C0.105356%2010.4804%200%2010.7348%200%2011C0%2011.2652%200.105356%2011.5196%200.292892%2011.7071C0.480429%2011.8946%200.734784%2012%201%2012L19%2012C19.2652%2012%2019.5196%2011.8946%2019.7071%2011.7071C19.8946%2011.5196%2020%2011.2652%2020%2011C20%2010.7348%2019.8946%2010.4804%2019.7071%2010.2929C19.5196%2010.1054%2019.2652%2010%2019%2010V10ZM1%207L19%207C19.2652%207%2019.5196%206.89464%2019.7071%206.70711C19.8946%206.51957%2020%206.26522%2020%206C20%205.73478%2019.8946%205.48043%2019.7071%205.29289C19.5196%205.10536%2019.2652%205%2019%205L1%205C0.734784%205%200.480429%205.10536%200.292892%205.29289C0.105356%205.48043%200%205.73478%200%206C0%206.26522%200.105356%206.51957%200.292892%206.70711C0.480429%206.89464%200.734784%207%201%207Z'/%3e%3c/svg%3e" alt="open menu" class="h-full w-full object-contain" style="opacity: 1; transform: none;"></button></div></div></nav><section class="relative min-h-[160vh] w-full bg-[#050816] overflow-visible z-20"><div class="absolute inset-0 bg-[linear-gradient(to_right,#1a1a2e_1px,transparent_1px),linear-gradient(to_bottom,#1a1a2e_1px,transparent_1px)] bg-[size:4rem_4rem] [mask-image:radial-gradient(ellipse_60%_50%_at_50%_0%,#000_70%,transparent_110%)]"></div><div class="absolute top-0 left-1/2 -translate-x-1/2 w-[80%] h-[500px] bg-gradient-to-b from-purple-600/20 via-violet-600/10 to-transparent blur-3xl"></div><div class="sticky top-0 min-h-screen flex flex-col justify-center pt-24"><div class="relative z-10 px-6 max-w-7xl mx-auto w-full"><div style="opacity: 1;"><div class="flex justify-center mb-6" style="opacity: 0; transform: translateY(12.7712px) translateZ(0px);"><span class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white/5 border border-white/10 text-sm text-gray-400">App Studio aus 🇩🇪 &amp; 🇷🇴</span></div><h1 class="text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-bold text-center text-white mb-6 leading-tight" style="opacity: 0; transform: translateY(25.9924px) translateZ(0px);"><span class="bg-gradient-to-r from-white via-white to-gray-400 bg-clip-text text-transparent ">Wir bauen Apps, die Menschen lieben</span></h1><p class="text-lg sm:text-xl text-gray-400 text-center max-w-2xl mx-auto mb-8" style="opacity: 0; transform: translateY(29.4946px) translateZ(0px);">Von Habit Trackern bis KI-Tools – wir entwickeln eigene Apps und helfen Startups ihre Ideen zu verwirklichen.</p><div class="flex flex-wrap justify-center gap-8 sm:gap-12 mb-10" style="opacity: 0; transform: translateY(30px) translateZ(0px);"><div class="text-center"><div class="text-3xl sm:text-4xl font-bold">
79<span class="bg-gradient-to-r from-purple-400 via-violet-400 to-pink-400 bg-clip-text text-transparent "><span class=""><span>3</span></span></span></div><div class="text-sm text-gray-500 mt-1">Apps Live</div></div><div class="text-center"><div class="text-3xl sm:text-4xl font-bold"><span class="bg-gradient-to-r from-purple-400 via-violet-400 to-pink-400 bg-clip-text text-transparent "><span class=""><span>2</span></span></span></div><div class="text-sm text-gray-500 mt-1">In Entwicklung</div></div><div class="text-center"><div class="text-3xl sm:text-4xl font-bold"><span class="bg-gradient-to-r from-purple-400 via-violet-400 to-pink-400 bg-clip-text text-transparent "><span class=""><span>5</span></span></span></div><div class="text-sm text-gray-500 mt-1">Ziel 2026</div></div></div><div class="flex flex-col sm:flex-row gap-4 justify-center mb-12" style="opacity: 0; transform: translateY(30px) translateZ(0px);"><button class="px-8 py-4 rounded-xl bg-gradient-to-r from-purple-600 to-violet-600 text-white font-semibold hover:from-purple-500 hover:to-violet-500 transition-all duration-300 shadow-lg shadow-purple-500/25" tabindex="0">Unsere Apps entdecken</button><button class="px-8 py-4 rounded-xl bg-white/5 border border-white/10 text-white font-semibold hover:bg-white/10 hover:border-white/20 transition-all duration-300" tabindex="0">Projekt anfragen</button></div></div><div class="relative h-[380px] sm:h-[450px] md:h-[500px]"><div class="absolute inset-0 flex justify-center items-center z-10"><div class="relative flex justify-center items-end gap-2 sm:gap-4 md:gap-6"><div class="" style="opacity: 0; filter: blur(0px); transform: translateX(-100px) translateY(0px) scale(0.8) rotate(0deg) translateZ(0px);">
79<div class="w-20 sm:w-28 md:w-36 rounded-[1.2rem] sm:rounded-[1.5rem] overflow-hidden shadow-2xl shadow-purple-500/20 border-4 border-gray-800 bg-gray-900"><img src="/assets/Pill_False_ Color_Blue-ccO6uQDx.webp" alt="Lynkr App" class="w-full h-auto" width="290" height="587" loading="eager" fetchpriority="high"></div></div><div class="relative" style="opacity: 0; filter: blur(0px); transform: translateX(0px) translateY(100px) scale(0.8) rotate(0deg) translateZ(0px);"><div class="w-24 sm:w-32 md:w-40 rounded-[1.5rem] sm:rounded-[2rem] overflow-hidden shadow-2xl shadow-violet-500/30 border-4 border-gray-800 bg-gray-900"><img src="/assets/Pill_False_ Color_Purple-YoONtcvI.webp" alt="Vita+ App" class="w-full h-auto" width="290" height="587" loading="eager" fetchpriority="high"></div><div class="absolute inset-0 -z-10 bg-gradient-to-b from-purple-500/20 to-transparent blur-2xl scale-150"></div></div><div class="relative" style="opacity: 0; filter: blur(0px); transform: translateX(0px) translateY(100px) scale(0.8) rotate(0deg) translateZ(0px);"><div class="w-24 sm:w-32 md:w-40 rounded-[1.5rem] sm:rounded-[2rem] overflow-hidden shadow-2xl shadow-emerald-500/30 border-4 border-gray-800 bg-gray-900"><img src="/assets/iphone6-w-nvoWeG.webp" alt="Seryn App" class="w-full h-auto" width="290" height="587" loading="eager" fetchpriority="high"></div><div class="absolute inset-0 -z-10 bg-gradient-to-b from-emerald-500/20 to-transparent blur-2xl scale-150"></div></div><div class="" style="opacity: 0; filter: blur(0px); transform: translateX(100px) translateY(0px) scale(0.8) rotate(0deg) translateZ(0px);">
79<div class="w-20 sm:w-28 md:w-36 rounded-[1.2rem] sm:rounded-[1.5rem] overflow-hidden shadow-2xl shadow-pink-500/20 border-4 border-gray-800 bg-gray-900"><img src="/assets/Pill_true_ Color_Silver-7_PzkYS5.webp" alt="Loki App" class="w-full h-auto" width="290" height="587" loading="eager" fetchpriority="high"></div></div></div></div><div class="absolute inset-0 flex flex-col items-center justify-center z-30" style="opacity: 0; transform: translateY(320px) scale(0.85) translateZ(0px);"><div class="mb-4 sm:mb-6 px-4 sm:px-6 py-2 sm:py-3 rounded-xl bg-gray-900/90 border border-gray-700/50 backdrop-blur-sm"><div class="flex items-center gap-2 sm:gap-3"><div class="flex gap-1 sm:gap-1.5"><div class="w-2 h-2 sm:w-3 sm:h-3 rounded-full bg-red-500/80"></div><div class="w-2 h-2 sm:w-3 sm:h-3 rounded-full bg-yellow-500/80"></div><div class="w-2 h-2 sm:w-3 sm:h-3 rounded-full bg-green-500/80"></div></div><div class="flex items-center gap-1 sm:gap-2 px-3 sm:px-4 py-1 sm:py-1.5 rounded-lg bg-gray-800/80 min-w-[160px] sm:min-w-[280px]"><span class="text-gray-500 text-xs sm:text-sm">https://</span><span class="text-white font-mono text-xs sm:text-base"><span class="inline-block w-0.5 h-3 sm:h-5 bg-purple-400 ml-0.5 align-middle"></span></span></div></div></div><div class="flex flex-col gap-1 p-3 sm:p-4 rounded-2xl bg-gray-900/90 backdrop-blur-xl border border-gray-700/50 shadow-2xl scale-100 sm:scale-110"><div class="flex gap-0.5 sm:gap-1 justify-center"><div class="
80    flex items-center justify-center
81    bg-gray-800/80 border border-gray-700/50
82    rounded-lg shadow-lg
83    text-[10px] sm:text-xs text-gray-400
84    cursor-default select-none
85    transition-all duration-75
86    hover:bg-gray-700/80
87   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">1</div><div class="
88    flex items-center justify-center
89    bg-gray-800/80 border border-gray-700/50
90    rounded-lg shadow-lg
91    text-[10px] sm:text-xs text-gray-400
92    cursor-default select-none
93    transition-all duration-75
94    hover:bg-gray-700/80
95   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">2</div><div class="
96    flex items-center justify-center
97    bg-gray-800/80 border border-gray-700/50
98    rounded-lg shadow-lg
99    text-[10px] sm:text-xs text-gray-400
100    cursor-default select-none
101    transition-all duration-75
102    hover:bg-gray-700/80
103   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">3</div><div class="
104    flex items-center justify-center
105    bg-gray-800/80 border border-gray-700/50
106    rounded-lg shadow-lg
107    text-[10px] sm:text-xs text-gray-400
108    cursor-default select-none
109    transition-all duration-75
110    hover:bg-gray-700/80
111   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">4</div><div class="
112    flex items-center justify-center
113    bg-gray-800/80 border border-gray-700/50
114    rounded-lg shadow-lg
115    text-[10px] sm:text-xs text-gray-400
116    cursor-default select-none
117    transition-all duration-75
118    hover:bg-gray-700/80
119   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">5</div><div class="
120    flex items-center justify-center
121    bg-gray-800/80 border border-gray-700/50
122    rounded-lg shadow-lg
123    text-[10px] sm:text-xs text-gray-400
124    cursor-default select-none
125    transition-all duration-75
126    hover:bg-gray-700/80
127   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">6</div><div class="
128    flex items-center justify-center
129    bg-gray-800/80 border border-gray-700/50
130    rounded-lg shadow-lg
131    text-[10px] sm:text-xs text-gray-400
132    cursor-default select-none
133    transition-all duration-75
134    hover:bg-gray-700/80
135   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">7</div><div class="
136    flex items-center justify-center
137    bg-gray-800/80 border border-gray-700/50
138    rounded-lg shadow-lg
139    text-[10px] sm:text-xs text-gray-400
140    cursor-default select-none
141    transition-all duration-75
142    hover:bg-gray-700/80
143   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">8</div><div class="
144    flex items-center justify-center
145    bg-gray-800/80 border border-gray-700/50
146    rounded-lg shadow-lg
147    text-[10px] sm:text-xs text-gray-400
148    cursor-default select-none
149    transition-all duration-75
150    hover:bg-gray-700/80
151   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">9</div><div class="
152    flex items-center justify-center
153    bg-gray-800/80 border border-gray-700/50
154    rounded-lg shadow-lg
155    text-[10px] sm:text-xs text-gray-400
156    cursor-default select-none
157    transition-all duration-75
158    hover:bg-gray-700/80
159   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">0</div></div><div class="flex gap-0.5 sm:gap-1 justify-center"><div class="
160    flex items-center justify-center
161    bg-gray-800/80 border border-gray-700/50
162    rounded-lg shadow-lg
163    text-[10px] sm:text-xs text-gray-400
164    cursor-default select-none
165    transition-all duration-75
166    hover:bg-gray-700/80
167   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">Q</div><div class="
168    flex items-center justify-center
169    bg-gray-800/80 border border-gray-700/50
170    rounded-lg shadow-lg
171    text-[10px] sm:text-xs text-gray-400
172    cursor-default select-none
173    transition-all duration-75
174    hover:bg-gray-700/80
175   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">W</div><div class="
176    flex items-center justify-center
177    bg-gray-800/80 border border-gray-700/50
178    rounded-lg shadow-lg
179    text-[10px] sm:text-xs text-gray-400
180    cursor-default select-none
181    transition-all duration-75
182    hover:bg-gray-700/80
183   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">E</div><div class="
184    flex items-center justify-center
185    bg-gray-800/80 border border-gray-700/50
186    rounded-lg shadow-lg
187    text-[10px] sm:text-xs text-gray-400
188    cursor-default select-none
189    transition-all duration-75
190    hover:bg-gray-700/80
191   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">R</div><div class="
192    flex items-center justify-center
193    bg-gray-800/80 border border-gray-700/50
194    rounded-lg shadow-lg
195    text-[10px] sm:text-xs text-gray-400
196    cursor-default select-none
197    transition-all duration-75
198    hover:bg-gray-700/80
199   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">T</div><div class="
200    flex items-center justify-center
201    bg-gray-800/80 border border-gray-700/50
202    rounded-lg shadow-lg
203    text-[10px] sm:text-xs text-gray-400
204    cursor-default select-none
205    transition-all duration-75
206    hover:bg-gray-700/80
207   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">Y</div><div class="
208    flex items-center justify-center
209    bg-gray-800/80 border border-gray-700/50
210    rounded-lg shadow-lg
211    text-[10px] sm:text-xs text-gray-400
212    cursor-default select-none
213    transition-all duration-75
214    hover:bg-gray-700/80
215   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">U</div><div class="
216    flex items-center justify-center
217    bg-gray-800/80 border border-gray-700/50
218    rounded-lg shadow-lg
219    text-[10px] sm:text-xs text-gray-400
220    cursor-default select-none
221    transition-all duration-75
222    hover:bg-gray-700/80
223   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">I</div><div class="
224    flex items-center justify-center
225    bg-gray-800/80 border border-gray-700/50
226    rounded-lg shadow-lg
227    text-[10px] sm:text-xs text-gray-400
228    cursor-default select-none
229    transition-all duration-75
230    hover:bg-gray-700/80
231   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">O</div><div class="
232    flex items-center justify-center
233    bg-gray-800/80 border border-gray-700/50
234    rounded-lg shadow-lg
235    text-[10px] sm:text-xs text-gray-400
236    cursor-default select-none
237    transition-all duration-75
238    hover:bg-gray-700/80
239   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">P</div></div><div class="flex gap-0.5 sm:gap-1 justify-center"><div class="
240    flex items-center justify-center
241    bg-gray-800/80 border border-gray-700/50
242    rounded-lg shadow-lg
243    text-[10px] sm:text-xs text-gray-400
244    cursor-default select-none
245    transition-all duration-75
246    hover:bg-gray-700/80
247   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">A</div><div class="
248    flex items-center justify-center
249    bg-gray-800/80 border border-gray-700/50
250    rounded-lg shadow-lg
251    text-[10px] sm:text-xs text-gray-400
252    cursor-default select-none
253    transition-all duration-75
254    hover:bg-gray-700/80
255   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">S</div><div class="
256    flex items-center justify-center
257    bg-gray-800/80 border border-gray-700/50
258    rounded-lg shadow-lg
259    text-[10px] sm:text-xs text-gray-400
260    cursor-default select-none
261    transition-all duration-75
262    hover:bg-gray-700/80
263   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">D</div><div class="
264    flex items-center justify-center
265    bg-gray-800/80 border border-gray-700/50
266    rounded-lg shadow-lg
267    text-[10px] sm:text-xs text-gray-400
268    cursor-default select-none
269    transition-all duration-75
270    hover:bg-gray-700/80
271   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">F</div><div class="
272    flex items-center justify-center
273    bg-gray-800/80 border border-gray-700/50
274    rounded-lg shadow-lg
275    text-[10px] sm:text-xs text-gray-400
276    cursor-default select-none
277    transition-all duration-75
278    hover:bg-gray-700/80
279   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">G</div><div class="
280    flex items-center justify-center
281    bg-gray-800/80 border border-gray-700/50
282    rounded-lg shadow-lg
283    text-[10px] sm:text-xs text-gray-400
284    cursor-default select-none
285    transition-all duration-75
286    hover:bg-gray-700/80
287   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">H</div><div class="
288    flex items-center justify-center
289    bg-gray-800/80 border border-gray-700/50
290    rounded-lg shadow-lg
291    text-[10px] sm:text-xs text-gray-400
292    cursor-default select-none
293    transition-all duration-75
294    hover:bg-gray-700/80
295   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">J</div><div class="
296    flex items-center justify-center
297    bg-gray-800/80 border border-gray-700/50
298    rounded-lg shadow-lg
299    text-[10px] sm:text-xs text-gray-400
300    cursor-default select-none
301    transition-all duration-75
302    hover:bg-gray-700/80
303   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">K</div><div class="
304    flex items-center justify-center
305    bg-gray-800/80 border border-gray-700/50
306    rounded-lg shadow-lg
307    text-[10px] sm:text-xs text-gray-400
308    cursor-default select-none
309    transition-all duration-75
310    hover:bg-gray-700/80
311   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">L</div></div><div class="flex gap-0.5 sm:gap-1 justify-center"><div class="
312    flex items-center justify-center
313    bg-gray-800/80 border border-gray-700/50
314    rounded-lg shadow-lg
315    text-[10px] sm:text-xs text-gray-400
316    cursor-default select-none
317    transition-all duration-75
318    hover:bg-gray-700/80
319   min-w-[42px] sm:min-w-[54px] h-[28px] sm:h-[36px] text-[8px] sm:text-[10px]">shift</div><div class="
320    flex items-center justify-center
321    bg-gray-800/80 border border-gray-700/50
322    rounded-lg shadow-lg
323    text-[10px] sm:text-xs text-gray-400
324    cursor-default select-none
325    transition-all duration-75
326    hover:bg-gray-700/80
327   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">Z</div><div class="
328    flex items-center justify-center
329    bg-gray-800/80 border border-gray-700/50
330    rounded-lg shadow-lg
331    text-[10px] sm:text-xs text-gray-400
332    cursor-default select-none
333    transition-all duration-75
334    hover:bg-gray-700/80
335   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">X</div><div class="
336    flex items-center justify-center
337    bg-gray-800/80 border border-gray-700/50
338    rounded-lg shadow-lg
339    text-[10px] sm:text-xs text-gray-400
340    cursor-default select-none
341    transition-all duration-75
342    hover:bg-gray-700/80
343   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">C</div><div class="
344    flex items-center justify-center
345    bg-gray-800/80 border border-gray-700/50
346    rounded-lg shadow-lg
347    text-[10px] sm:text-xs text-gray-400
348    cursor-default select-none
349    transition-all duration-75
350    hover:bg-gray-700/80
351   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">V</div><div class="
352    flex items-center justify-center
353    bg-gray-800/80 border border-gray-700/50
354    rounded-lg shadow-lg
355    text-[10px] sm:text-xs text-gray-400
356    cursor-default select-none
357    transition-all duration-75
358    hover:bg-gray-700/80
359   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">B</div><div class="
360    flex items-center justify-center
361    bg-gray-800/80 border border-gray-700/50
362    rounded-lg shadow-lg
363    text-[10px] sm:text-xs text-gray-400
364    cursor-default select-none
365    transition-all duration-75
366    hover:bg-gray-700/80
367   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">N</div><div class="
368    flex items-center justify-center
369    bg-gray-800/80 border border-gray-700/50
370    rounded-lg shadow-lg
371    text-[10px] sm:text-xs text-gray-400
372    cursor-default select-none
373    transition-all duration-75
374    hover:bg-gray-700/80
375   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">M</div><div class="
376    flex items-center justify-center
377    bg-gray-800/80 border border-gray-700/50
378    rounded-lg shadow-lg
379    text-[10px] sm:text-xs text-gray-400
380    cursor-default select-none
381    transition-all duration-75
382    hover:bg-gray-700/80
383   min-w-[42px] sm:min-w-[54px] h-[28px] sm:h-[36px] text-[8px] sm:text-[10px]">shift</div></div><div class="flex gap-0.5 sm:gap-1 justify-center items-center"><div class="
384    flex items-center justify-center
385    bg-gray-800/80 border border-gray-700/50
386    rounded-lg shadow-lg
387    text-[10px] sm:text-xs text-gray-400
388    cursor-default select-none
389    transition-all duration-75
390    hover:bg-gray-700/80
391   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px] text-[8px] sm:text-[10px]">fn</div><div class="
392    flex items-center justify-center
393    bg-gray-800/80 border border-gray-700/50
394    rounded-lg shadow-lg
395    text-[10px] sm:text-xs text-gray-400
396    cursor-default select-none
397    transition-all duration-75
398    hover:bg-gray-700/80
399   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px] text-[8px] sm:text-[10px]">ctrl</div><div class="
400    flex items-center justify-center
401    bg-gray-800/80 border border-gray-700/50
402    rounded-lg shadow-lg
403    text-[10px] sm:text-xs text-gray-400
404    cursor-default select-none
405    transition-all duration-75
406    hover:bg-gray-700/80
407   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px] text-[8px] sm:text-[10px]">alt</div><div class="
408    flex items-center justify-center
409    bg-gray-800/80 border border-gray-700/50
410    rounded-lg shadow-lg
411    text-[10px] sm:text-xs text-gray-400
412    cursor-default select-none
413    transition-all duration-75
414    hover:bg-gray-700/80
415   min-w-[56px] sm:min-w-[72px] h-[28px] sm:h-[36px] text-base">⌘</div><div class="
416    flex items-center justify-center
417    bg-gray-800/80 border border-gray-700/50
418    rounded-lg shadow-lg
419    text-[10px] sm:text-xs text-gray-400
420    cursor-default select-none
421    transition-all duration-75
422    hover:bg-gray-700/80
423   min-w-[140px] sm:min-w-[200px] h-[28px] sm:h-[36px]" style="transform: none;"></div><div class="
424    flex items-center justify-center
425    bg-gray-800/80 border border-gray-700/50
426    rounded-lg shadow-lg
427    text-[10px] sm:text-xs text-gray-400
428    cursor-default select-none
429    transition-all duration-75
430    hover:bg-gray-700/80
431   min-w-[56px] sm:min-w-[72px] h-[28px] sm:h-[36px] text-base">⌘
431</div><div class="
432    flex items-center justify-center
433    bg-gray-800/80 border border-gray-700/50
434    rounded-lg shadow-lg
435    text-[10px] sm:text-xs text-gray-400
436    cursor-default select-none
437    transition-all duration-75
438    hover:bg-gray-700/80
439   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px]" style="transform: none;">.</div><div class="
440    flex items-center justify-center
441    bg-gray-800/80 border border-gray-700/50
442    rounded-lg shadow-lg
443    text-[10px] sm:text-xs text-gray-400
444    cursor-default select-none
445    transition-all duration-75
446    hover:bg-gray-700/80
447   min-w-[28px] sm:min-w-[36px] h-[28px] sm:h-[36px] text-[8px] sm:text-[10px]">alt</div></div></div><div class="absolute -bottom-10 left-1/2 -translate-x-1/2 w-[80%] h-32 bg-purple-500/10 blur-3xl rounded-full"></div></div></div><div class="flex justify-center mt-6" style="opacity: 1;"><div class="w-6 h-10 rounded-full border-2 border-white/20 flex justify-center pt-2" style="transform: translateY(1.04094px) translateZ(0px);"><div class="w-1 h-2 rounded-full bg-white/40"></div></div></div></div></div></section></div><section class="relative py-12 overflow-hidden border-y border-white/5"><div class="absolute inset-0 bg-[#050816]/80 backdrop-blur-sm"></div><div class="relative z-10 max-w-5xl mx-auto px-6"><div class="flex flex-wrap justify-center items-center gap-8 sm:gap-16" style="opacity: 0;"><div style="opacity: 0; transform: translateY(20px) translateZ(0px);"><a href="https://www.designrush.com/agency/profile/vitaapps" target="_blank" rel="noopener noreferrer" class="flex items-center gap-3 group"><div class="text-blue-400 transition-transform group-hover:scale-110"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" aria-hidden="true" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg></div><div><p class="text-xs text-gray-500">Top App Entwickler</p><p class="text-white font-medium group-hover:text-purple-400 transition-colors">DesignRush</p></div></a></div><div style="opacity: 0; transform: translateY(20px) translateZ(0px);"><a href="https://x.com/VitaApps" target="_blank" rel="noopener noreferrer" class="flex items-center gap-3 group"><div class="text-white transition-transform group-hover:scale-110"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg></div><div><p class="text-xs text-gray-500">Folge uns auf X</p><p class="text-white font-medium group-hover:text-purple-400 transition-colors">@VitaApps</p></div></a></div><div style="opacity: 0; transform: translateY(20px) translateZ(0px);"><div class="flex items-center gap-3"><div class="text-amber-400"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" aria-hidden="true" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg></div><div><p class="text-xs text-gray-500">Made with ❤️</p><p class="text-white font-medium">🇩🇪 &amp; 🇷🇴</p></div></div></div></div></div></section><section id="mission" class="relative py-24 overflow-hidden"><div class="absolute inset-0 bg-gradient-to-b from-[#050816] via-[#0a0a1a] to-[#050816]"></div><div class="absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-purple-900/10 via-trans
447parent to-transparent"></div><div class="relative z-10 max-w-7xl mx-auto px-6"><div class="flex justify-center mb-6" style="opacity: 0; transform: translateY(20px) translateZ(0px);"><span class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-purple-500/10 border border-purple-500/20 text-sm text-purple-400"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" aria-hidden="true" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5 2a1 1 0 011 1v1h1a1 1 0 010 2H6v1a1 1 0 01-2 0V6H3a1 1 0 010-2h1V3a1 1 0 011-1zm0 10a1 1 0 011 1v1h1a1 1 0 110 2H6v1a1 1 0 11-2 0v-1H3a1 1 0 110-2h1v-1a1 1 0 011-1zM12 2a1 1 0 01.967.744L14.146 7.2 17.5 9.134a1 1 0 010 1.732l-3.354 1.935-1.18 4.455a1 1 0 01-1.933 0L9.854 12.8 6.5 10.866a1 1 0 010-1.732l3.354-1.935 1.18-4.455A1 1 0 0112 2z" clip-rule="evenodd"></path></svg>Unsere Mission 2026</span></div><h2 class="text-3xl sm:text-4xl md:text-5xl font-bold text-center text-white mb-4" style="opacity: 0; transform: translateY(20px) translateZ(0px);">10 Apps in einem Jahr</h2><p class="text-gray-400 text-center max-w-2xl mx-auto mb-16" style="opacity: 0; transform: translateY(20px) translateZ(0px);">Wir haben uns ein ambitioniertes Ziel gesetzt: 10 eigene Apps bis Ende 2026. Aktuell sind wir gut dabei.</p><div class="grid lg:grid-cols-2 gap-12 items-center"><div class="flex flex-col items-center" style="opacity: 0; transform: scale(0.8) translateZ(0px);"><div class="relative inline-flex items-center justify-center "><svg width="200" height="200" class="transform -rotate-90"><defs><linearGradient id="progressGradient" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" stop-color="#a855f7"></stop><stop offset="50%" stop-color="#8b5cf6"></stop><stop offset="100%" stop-color="#ec4899"></stop></linearGradient></defs><circle cx="100" cy="100" r="94" fill="none" stroke="currentColor" stroke-width="12" class="text-white/10"></circle><circle cx="100" cy="100" r="94" fill="none" stroke="url(#progressGradient)" stroke-width="12" stroke-linecap="round" stroke-dasharray="590.6194188748811" stroke-dashoffset="590.6194188748811"></circle></svg><div class="absolute inset-0 flex items-center justify-center"><div class="text-center"><span class="text-5xl font-bold text-white">10</span><span class="text-2xl text-gray-500">/15</span><p class="text-sm text-gray-500 mt-1">Apps</p></div></div></div><div class="mt-8 flex gap-6"><div class="text-center"><div class="text-2xl font-bold text-emerald-400">10</div><div class="text-xs text-gray-500">Live</div></div><div class="text-center"><div class="text-2xl font-bold text-amber-400">3</div><div class="text-xs text-gray-500">Coming Soon</div></div><div class="text-center"><div class="text-2xl font-bold text-gray-400">2</div><div class="text-xs text-gray-500">Geplant</div></div></div></div><div class="grid grid-cols-2 gap-3" style="opacity: 0; transform: translateX(50px) translateZ(0px);"><div style="opacity: 0; transform: translateY(20px) translateZ(0px);"><div class="
448        relative overflow-hidden rounded-2xl
449        bg-white/5 backdrop-blur-sm
450        border border-white/10
451        transition-all duration-300 hover:bg-white/10 hover:border-white/20
452        hover:shadow-xl hover:shadow-purple-500/20
453        p-4
454      "><div class="flex items-center justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><img src="/assets/apps/loki.png" alt="Loki" class="w-9 h-9 rounded-lg object-cover bg-white/5 shrink-0" loading="lazy"><span class="font-medium text-white text-sm truncate">Loki</span></div><span class="
455      inline-flex items-center gap-1.5 rounded-full
456      bg-emerald-500/20 text-emerald-400 text-xs px-2 py-0.5
457      font-medium 
458    "><span class="relative flex h-2 w-2"><span class="absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75" style="opacity: 0.75; transform: scale(1.11566) translateZ(0px);"></span><span class="relative inline-flex rounded-full h-2 w-2 bg-emerald-400"></span></span>Live</span></div></div></div><div style="opacity: 0; transform: translateY(20px) translateZ(0px);"><div class="
459        relative overflow-hidden rounded-2xl
460        bg-white/5 backdrop-blur-sm
461        border border-white/10
462        transition-all duration-300 hover:bg-white/10 hover:border-white/20
463        hover:shadow-xl hover:shadow-purple-500/20
464        p-4
465      "><div class="flex items-center justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><img src="/assets/apps/spectra.png" alt="Spectra" class="w-9 h-9 rounded-lg object-cover bg-white/5 shrink-0" loading="lazy"><span class="font-medium text-white text-sm truncate">Spectra</span></div><span class="
466      inline-flex items-center gap-1.5 rounded-full
467      bg-emerald-500/20 text-emerald-400 text-xs px-2 py-0.5
468      font-medium 
469    "><span class="relative flex h-2 w-2"><span class="absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75" style="opacity: 0.75; transform: scale(1.11566) translateZ(0px);"></span><span class="relative inline-flex rounded-full h-2 w-2 bg-emerald-400"></span></span>Live</span></div></div></div><div style="opacity: 0; transform: translateY(20px) translateZ(0px);"><div class="
470        relative overflow-hidden rounded-2xl
471        bg-white/5 backdrop-blur-sm
472        border border-white/10
473        transition-all duration-300 hover:bg-white/10 hover:border-white/20
474        hover:shadow-xl hover:shadow-purple-500/20
475        p-4
476      "><div class="flex items-center justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><img src="/assets/apps/lynkr.png" alt="Lynkr" class="w-9 h-9 rounded-lg object-cover bg-white/5 shrink-0" loading="lazy"><span class="font-medium text-white text-sm truncate">Lynkr</span></div><span class="
477      inline-flex items-center gap-1.5 rounded-full
478      bg-emerald-500/20 text-emerald-400 text-xs px-2 py-0.5
479      font-medium 
480    "><span class="relative flex h-2 w-2"><span class="absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75" style="opacity: 0.75; transform: scale(1.11566) translateZ(0px);"></span><span class="relative inline-flex rounded-full h-2 w-2 bg-emerald-400"></span></span>Live</span></div></div></div><div style="opacity: 0; transform: translateY(20px) translateZ(0px);"><div class="
481        relative overflow-hidden rounded-2xl
482        bg-white/5 backdrop-blur-sm
483        border border-white/10
484        transition-all duration-300 hover:bg-white/10 hover:border-white/20
485        hover:shadow-xl hover:shadow-purple-500/20
486        p-4
487      "><div class="flex items-center justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><img src="/assets/apps/gympal.png" alt="GymPal" class="w-9 h-9 rounded-lg object-cover bg-white/5 shrink-0" loading="lazy"><span class="font-medium text-white text-sm truncate">GymPal</span></div><span class="
488      inline-flex items-center gap-1.5 rounded-full
489      bg-emerald-500/20 text-emerald-400 text-xs px-2 py-0.5
490      font-medium 
491    "><span class="relative flex h-2 w-2"><span class="absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75" style="opacity: 0.75; transform: scale(1.11566) translateZ(0px);"></span><span class="relative inline-flex rounded-full h-2 w-2 bg-emerald-400"></span></span>Live</span></div></div></div><div style="opacity: 0; transform: translateY(20px) translateZ(0px);"><div class="
492        relative overflow-hidden rounded-2xl
493        bg-white/5 backdrop-blur-sm
494        border border-white/10
495        transition-all duration-300 hover:bg-white/10 hover:border-white/20
496        hover:shadow-xl hover:shadow-purple-500/20
497        p-4
498      "><div class="flex items-center justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><img src="/assets/apps/yukon.png" alt="Yukon" class="w-9 h-9 rounded-lg object-cover bg-white/5 shrink-0" loading="lazy"><span class="font-medium text-white text-sm truncate">Yukon</span></div><span class="
499      inline-flex items-center gap-1.5 rounded-full
500      bg-emerald-500/20 text-emerald-400 text-xs px-2 py-0.5
501      font-medium 
502    "><span class="relative flex h-2 w-2"><span class="absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75" style="opacity: 0.75; transform: scale(1.11566) translateZ(0px);"></span><span class="relative inline-flex rounded-full h-2 w-2 bg-emerald-400"></span></span>Live</span></div></div></div><div style="opacity: 0; transform: translateY(20px) translateZ(0px);"><div class="
503        relative overflow-hidden rounded-2xl
504        bg-white/5 backdrop-blur-sm
505        border border-white/10
506        transition-all duration-300 hover:bg-white/10 hover:border-white/20
507        hover:shadow-xl hover:shadow-purple-500/20
508        p-4
509      "><div class="flex items-center justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><img src="/assets/apps/vita+.png" alt="Vita+" class="w-9 h-9 rounded-lg object-cover bg-white/5 shrink-0" loading="lazy"><span class="font-medium text-white text-sm truncate">Vita+</span></div><span class="
510      inline-flex items-center gap-1.5 rounded-full
511      bg-emerald-500/20 text-emerald-400 text-xs px-2 py-0.5
512      font-medium 
513    "><span class="relative flex h-2 w-2"><span class="absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75" style="opacity: 0.75; transform: scale(1.11566) translateZ(0px);"></span><span class="relative inline-flex rounded-full h-2 w-2 bg-emerald-400"></span></span>Live</span></div></div></div><div style="opacity: 0; transform: translateY(20px) translateZ(0px);"><div class="
514        relative overflow-hidden rounded-2xl
515        bg-white/5 backdrop-blur-sm
516        border border-white/10
517        transition-all duration-300 hover:bg-white/10 hover:border-white/20
518        hover:shadow-xl hover:shadow-purple-500/20
519        p-4
520      "><div class="flex items-center justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><img src="/assets/apps/seryn.png" alt="Seryn" class="w-9 h-9 rounded-lg object-cover bg-white/5 shrink-0" loading="lazy"><span class="font-medium text-white text-sm truncate">Seryn</span></div><span class="
521      inline-flex items-center gap-1.5 rounded-full
522      bg-emerald-500/20 text-emerald-400 text-xs px-2 py-0.5
523      font-medium 
524    "><span class="relative flex h-2 w-2"><span class="absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75" style="opacity: 0.75; transform: scale(1.11566) translateZ(0px);"></span><span class="relative inline-flex rounded-full h-2 w-2 bg-emerald-400"></span></span>Live</span></div></div></div><div style="opacity: 0; transform: translateY(20px) translateZ(0px);"><div class="
525        relative overflow-hidden rounded-2xl
526        bg-white/5 backdrop-blur-sm
527        border border-white/10
528        transition-all duration-300 hover:bg-white/10 hover:border-white/20
529        hover:shadow-xl hover:shadow-purple-500/20
530        p-4
531      "><div class="flex items-center justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><img src="/assets/apps/pets.png" alt="Snoot" class="w-9 h-9 rounded-lg object-cover bg-white/5 shrink-0" loading="lazy"><span class="font-medium text-white text-sm truncate">Snoot</span></div><span class="
532      inline-flex items-center gap-1.5 rounded-full
533      bg-emerald-500/20 text-emerald-400 text-xs px-2 py-0.5
534      font-medium 
535    "><span class="relative flex h-2 w-2"><span class="absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75" style="opacity: 0.75; transform: scale(1.11566) translateZ(0px);"></span><span class="relative inline-flex rounded-full h-2 w-2 bg-emerald-400"></span></span>Live</span></div></div></div><div style="opacity: 0; transform: translateY(20px) translateZ(0px);"><div class="
536        relative overflow-hidden rounded-2xl
537        bg-white/5 backdrop-blur-sm
538        border border-white/10
539        transition-all duration-300 hover:bg-white/10 hover:border-white/20
540        hover:shadow-xl hover:shadow-purple-500/20
541        p-4
542      "><div class="flex items-center justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><img src="/assets/apps/kaese.png" alt="Käse" class="w-9 h-9 rounded-lg object-cover bg-white/5 shrink-0" loading="lazy"><span class="font-medium text-white text-sm truncate">Käse</span></div><span class="
543      inline-flex items-center gap-1.5 rounded-full
544      bg-emerald-500/20 text-emerald-400 text-xs px-2 py-0.5
545      font-medium 
546    "><span class="relative flex h-2 w-2"><span class="absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75" style="opacity: 0.75; transform: scale(1.11566) translateZ(0px);"></span><span class="relative inline-flex rounded-full h-2 w-2 bg-emerald-400"></span></span>Live</span></div></div></div><div style="opacity: 0; transform: translateY(20px) translateZ(0px);"><div class="
547        relative overflow-hidden rounded-2xl
548        bg-white/5 backdrop-blur-sm
549        border border-white/10
550        transition-all duration-300 hover:bg-white/10 hover:border-white/20
551        hover:shadow-xl hover:shadow-purple-500/20
552        p-4
553      "><div class="flex items-center justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><img src="/assets/apps/black-cat.png" alt="Black Cat" class="w-9 h-9 rounded-lg object-cover bg-white/5 shrink-0" loading="lazy"><span class="font-medium text-white text-sm truncate">Black Cat</span></div><span class="
554      inline-flex items-center gap-1.5 rounded-full
555      bg-emerald-500/20 text-emerald-400 text-xs px-2 py-0.5
556      font-medium 
557    "><span class="relative flex h-2 w-2"><span class="absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75" style="opacity: 0.75; transform: scale(1.11566) translateZ(0px);"></span><span class="relative inline-flex rounded-full h-2 w-2 bg-emerald-400"></span></span>Live</span></div></div></div><div style="opacity: 0; transform: translateY(20px) translateZ(0px);"><div class="
558        relative overflow-hidden rounded-2xl
559        bg-white/5 backdrop-blur-sm
560        border border-white/10
561        transition-all duration-300 hover:bg-white/10 hover:border-white/20
562        hover:shadow-xl hover:shadow-purple-500/20
563        p-4
564      "><div class="flex items-center justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><img src="/assets/bolzer-icon.png" alt="Bolzer" class="w-9 h-9 rounded-lg object-cover bg-white/5 shrink-0" loading="lazy"><span class="font-medium text-white text-sm truncate">Bolzer</span></div><span class="
565      inline-flex items-center gap-1.5 rounded-full
566      bg-amber-500/20 text-amber-400 text-xs px-2 py-0.5
567      font-medium 
568    "><span class="relative flex h-2 w-2"><span class="relative inline-flex rounded-full h-2 w-2 bg-amber-400"></span></span>Coming Soon</span></div></div></div><div style="opacity: 0; transform: translateY(20px) translateZ(0px);"><div class="
569        relative overflow-hidden rounded-2xl
570        bg-white/5 backdrop-blur-sm
571        border border-white/10
572        transition-all duration-300 hover:bg-white/10 hover:border-white/20
573        hover:shadow-xl hover:shadow-purple-500/20
574        p-4
575      "><div class="flex items-center justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><img src="/assets/apps/assistant.png" alt="Assistant" class="w-9 h-9 rounded-lg object-cover bg-white/5 shrink-0" loading="lazy"><span class="font-medium text-white text-sm truncate">Assistant</span></div><span class="
576      inline-flex items-center gap-1.5 rounded-full
577      bg-amber-500/20 text-amber-400 text-xs px-2 py-0.5
578      font-medium 
579    "><span class="relative flex h-2 w-2"><span class="relative inline-flex rounded-full h-2 w-2 bg-amber-400"></span></span>Coming Soon</span></div></div></div><div style="opacity: 0; transform: translateY(20px) translateZ(0px);"><div class="
580        relative overflow-hidden rounded-2xl
581        bg-white/5 backdrop-blur-sm
582        border border-white/10
583        transition-all duration-300 hover:bg-white/10 hover:border-white/20
584        hover:shadow-xl hover:shadow-purple-500/20
585        p-4
586      "><div class="flex items-center justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><img src="/assets/apps/energy_guru.png" alt="Energy Guru" class="w-9 h-9 rounded-lg object-cover bg-white/5 shrink-0" loading="lazy"><span class="font-medium text-white text-sm truncate">Energy Guru</span></div><span class="
587      inline-flex items-center gap-1.5 rounded-full
588      bg-amber-500/20 text-amber-400 text-xs px-2 py-0.5
589      font-medium 
590    "><span class="relative flex h-2 w-2"><span class="relative inline-flex rounded-full h-2 w-2 bg-amber-400"></span></span>Coming Soon</span></div></div></div><div style="opacity: 0; transform: translateY(20px) translateZ(0px);"><div class="
591        relative overflow-hidden rounded-2xl
592        bg-white/5 backdrop-blur-sm
593        border border-white/10
594        transition-all duration-300 hover:bg-white/10 hover:border-white/20
595        hover:shadow-xl hover:shadow-purple-500/20
596        p-4
597      "><div class="flex items-center justify-between gap-2"><div class="flex items-center gap-3 min-w-0"><div class="w-9 h-9 rounded-lg bg-white/5 flex items-center justify-center text-gray-400 shrink-0"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" aria-hidden="true" height="18" width="18" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M14.615 1.595a.75.75 0 0 1 .359.852L12.982 9.75h7.268a.75.75 0 0 1 .548 1.262l-10.5 11.25a.75.75 0 0 1-1.272-.71l1.992-7.302H3.7
5975a.75.75 0 0 1-.548-1.262l10.5-11.25a.75.75 0 0 1 .913-.143Z" clip-rule="evenodd"></path></svg></div><span class="font-medium text-gray-300 text-sm truncate">+2 geplant</span></div><span class="
598      inline-flex items-center gap-1.5 rounded-full
599      bg-gray-500/20 text-gray-400 text-xs px-2 py-0.5
600      font-medium 
601    "><span class="relative flex h-2 w-2"><span class="relative inline-flex rounded-full h-2 w-2 bg-gray-400"></span></span>Planned</span></div></div></div></div></div></div></section><section class="sm:px-16 px-6 sm:py-16 py-10 relative z-0 mx-auto max-w-7xl" id="apps"><span class="hash-span">&nbsp;</span><div style="opacity: 0; transform: translateY(-50px) translateZ(0px);"><p class="sectionSubText text-center">Unser Portfolio</p><h2 class="sectionHeadText text-center">Apps.</h2></div><p class="mt-4 text-secondary text-[17px] max-w-3xl mx-auto text-center leading-[30px]" style="opacity: 0; transform: none;">Wunderschön gestaltete mobile Anwendungen, mit Leidenschaft entwickelt und mit modernster Technologie gebaut.</p><div class="mt-12 grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-8 gap-4"><div class="group relative will-change-transform" style="opacity: 0; transform: translateY(24px) translateZ(0px);"><div class="bg-tertiary rounded-2xl p-4 border border-white/5 hover:border-purple-500/30 hover:bg-white/[0.02] hover:-translate-y-1 transition-all duration-300 h-full flex flex-col items-center text-center"><div class="w-16 h-16 rounded-xl overflow-hidden shadow-lg mb-3 ring-1 ring-white/5 group-hover:ring-purple-500/30 transition-all duration-300 "><img src="/assets/apps/loki.png" alt="Loki app icon" class="w-full h-full object-cover "></div><h3 class="text-white font-semibold text-sm ">Loki</h3><p class="text-gray-400 text-xs mt-0.5 leading-snug">AI Pet Photo Generator</p><div class="mt-auto pt-3 w-full"><div class="flex items-center justify-center gap-2"><a href="https://apps.apple.com/de/app/petapp-portrait-filters-loki/id6747889292" target="_blank" rel="noopener noreferrer" aria-label="Loki – App Store" title="App Store" class="flex items-center justify-center w-8 h-8 rounded-lg bg-white/5 hover:bg-purple-500/20 text-gray-300 hover:text-white border border-white/5 hover:border-purple-500/40 transition-colors"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 384 512" class="text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"></path></svg></a><a href="https://play.google.com/store/apps/details?id=vita.pets.style.apps" target="_blank" rel="noopener noreferrer" aria-label="Loki – Google Play" title="Google Play" class="flex items-center justify-center w-8 h-8 rounded-lg bg-white/5 hover:bg-purple-500/20 text-gray-300 hover:text-white border border-white/5 hover:border-purple-500/40 transition-colors"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l280.8-161.2-60.1-60.1L104.6 499z"></path></svg></a></div></div></div></div><div class="group relative will-change-transform" style="opacity: 0; transform: translateY(24px) translateZ(0px);"><div class="bg-tertiary rounded-2xl p-4 border border-white/5 hover:border-purple-500/30 hover:bg-white/[0.02] hover:-translate-y-1 transition-all duration-300 h-full flex flex-col items-center text-center"><div class="w-16 h-16 rounded-xl overflow-hidden shadow-lg mb-3 ring-1 ring-white/5 group-hover:ring-purple-500/30 transition-all duration-300 "><img src="/assets/apps/spectra.png" alt="Spectra app icon" class="w-full h-full object-cover "></div><h3 class="text-white font-semibold text-sm ">Spectra</h3><p class="text-gray-400 text-xs mt-0.5 leading-snug">Color memory &amp; perception game</p><div class="mt-auto pt-3 w-full"><div class="flex items-center justify-center gap-2"><a href="https://apps.apple.com/us/app/spectra-color-memory-game/id6762049774" target="_blank" rel="noopener noreferrer" aria-label="Spectra – App Store" title="Ap
601p Store" class="flex items-center justify-center w-8 h-8 rounded-lg bg-white/5 hover:bg-purple-500/20 text-gray-300 hover:text-white border border-white/5 hover:border-purple-500/40 transition-colors"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 384 512" class="text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"></path></svg></a></div></div></div></div><div class="group relative will-change-transform" style="opacity: 0; transform: translateY(24px) translateZ(0px);"><div class="bg-tertiary rounded-2xl p-4 border border-white/5 hover:border-purple-500/30 hover:bg-white/[0.02] hover:-translate-y-1 transition-all duration-300 h-full flex flex-col items-center text-center"><div class="w-16 h-16 rounded-xl overflow-hidden shadow-lg mb-3 ring-1 ring-white/5 group-hover:ring-purple-500/30 transition-all duration-300 "><img src="/assets/apps/lynkr.png" alt="Lynkr app icon" class="w-full h-full object-cover "></div><h3 class="text-white font-semibold text-sm ">Lynkr</h3><p class="text-gray-400 text-xs mt-0.5 leading-snug">Save, organize &amp; share links</p><div class="mt-auto pt-3 w-full"><div class="flex items-center justify-center gap-2"><a href="https://apps.apple.com/de/app/organize-share-links-lynkr/id6751778075" target="_blank" rel="noopener noreferrer" aria-label="Lynkr – App Store" title="App Store" class="flex items-center justify-center w-8 h-8 rounded-lg bg-white/5 hover:bg-purple-500/20 text-gray-300 hover:text-white border border-white/5 hover:border-purple-500/40 transition-colors"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 384 512" class="text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"></path></svg></a><a href="https://play.google.com/store/apps/details?id=vita.lynkrs.app" target="_blank" rel="noopener noreferrer" aria-label="Lynkr – Google Play" title="Google Play" class="flex items-center justify-center w-8 h-8 rounded-lg bg-white/5 hover:bg-purple-500/20 text-gray-300 hover:text-white border border-white/5 hover:border-purple-500/40 transition-colors"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l280.8-161.2-60.1-60.1L104.6 499z"></path></svg></a><a href="https://chromewebstore.google.com/detail/lynkr-%E2%80%93-save-organize-and/hbpdhbejfhhdejbadpbefagiecpojokf" target="_blank" rel="noopener noreferrer" aria-label="Lynkr – Chrome Web Store" title="Chrome Web Store" class="flex items-center justify-center w-8 h-8 rounded-lg bg-white/5 hover:bg-purple-500/20 text-gray-300 hover:text-white border border-white/5 hover:border-purple-500/40 transition-colors"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" class="text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M131.5 217.5L55.1 100.1c47.6-59.2 119-91.8 192-92.1 42.3-.3 85.5 10.5 124.8 33.2 43.4 25.2 76.4 61.4 97.4 103L264 133.4c-58.1-3.4-113.4 29.3-132.5 84.1zm32.9 38.5c0 46.2 37.4 83.6 83.6 83.6s83.6-37.4 83.6-83.6-37.4-83.6-83.6-83.6-83.6 37.3-83.6 83.6zm314.9-89.2L339.6 174c37.9 44.3 38.5 108.2 6.6 157.2L234.1 503.6c46.5 2.5 94.4-7.7 137.8-32.9 107.4-62 150.9-192 107.4-303.9zM133.7 303.6L40.4 120.1C14.9 159.1 0 205.9 0 256c0 124 90.8 226.7 209.5 244.9l63.7-124.8c-57.6 10.8-113.2-20.8-139.5-72.5z"></path></svg></a></div></div></div></div><div class="group relative will-change-transform" style="opacity: 0; transform: translateY(24px) translateZ(0px);"><div class="bg-tertiary rounded-2xl p-4 border border-white/5 hover:border-purple-500/30 hover:bg-white/[0.02] hover:-translate-y-1 transition-all duration-300 h-full flex flex-col items-center text-center"><div class="w-16 h-16 rounded-xl overflow-hidden shadow-lg mb-3 ring-1 ring-white/5 group-hover:ring-purple-500/30 transition-all duration-300 "><img src="/assets/apps/gympal.png" alt="GymPal app icon" class="w-full h-full object-cover "></div><h3 class="text-white font-semibold text-sm ">GymPal</h3><p class="text-gray-400 text-xs mt-0.5 leading-snug">Train, duel &amp; track with AI</p><div class="mt-auto pt-3 w-full"><div class="flex items-center justify-center gap-2"><a href="https://apps.apple.com/us/app/gympal-ai-fitness-duels/id6764796048" target="_blank" rel="noopener noreferrer" aria-label="GymPal – App Store" title="Ap
601p Store" class="flex items-center justify-center w-8 h-8 rounded-lg bg-white/5 hover:bg-purple-500/20 text-gray-300 hover:text-white border border-white/5 hover:border-purple-500/40 transition-colors"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 384 512" class="text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"></path></svg></a><a href="https://play.google.com/store/apps/details?id=vita.apps.gympal" target="_blank" rel="noopener noreferrer" aria-label="GymPal – Google Play" title="Google Play" class="flex items-center justify-center w-8 h-8 rounded-lg bg-white/5 hover:bg-purple-500/20 text-gray-300 hover:text-white border border-white/5 hover:border-purple-500/40 transition-colors"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l280.8-161.2-60.1-60.1L104.6 499z"></path></svg></a></div></div></div></div><div class="group relative will-change-transform" style="opacity: 0; transform: translateY(24px) translateZ(0px);"><div class="bg-tertiary rounded-2xl p-4 border border-white/5 hover:border-purple-500/30 hover:bg-white/[0.02] hover:-translate-y-1 transition-all duration-300 h-full flex flex-col items-center text-center"><div class="w-16 h-16 rounded-xl overflow-hidden shadow-lg mb-3 ring-1 ring-white/5 group-hover:ring-purple-500/30 transition-all duration-300 "><img src="/assets/apps/yukon.png" alt="Yukon app icon" class="w-full h-full object-cover "></div><h3 class="text-white font-semibold text-sm ">Yukon</h3><p class="text-gray-400 text-xs mt-0.5 leading-snug">Know what your car really costs</p><div class="mt-auto pt-3 w-full"><div class="flex items-center justify-center gap-2"><a href="https://apps.apple.com/us/app/yukon-manage-your-cars/id6762280931" target="_blank" rel="noopener noreferrer" aria-label="Yukon – App Store" title="App Store" class="flex items-center justify-center w-8 h-8 rounded-lg bg-white/5 hover:bg-purple-500/20 text-gray-300 hover:text-white border border-white/5 hover:border-purple-500/40 transition-colors"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 384 512" class="text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"></path></svg></a><a href="https://play.google.com/store/apps/details?id=vita.yukun.apps" target="_blank" rel="noopener noreferrer" aria-label="Yukon – Google Play" title="Google Play" class="flex items-center justify-center w-8 h-8 rounded-lg bg-white/5 hover:bg-purple-500/20 text-gray-300 hover:text-white border border-white/5 hover:border-purple-500/40 transition-colors"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l280.8-161.2-60.1-60.1L104.6 499z"></path></svg></a></div></div></div></div><div class="group relative will-change-transform" style="opacity: 0; transform: translateY(24px) translateZ(0px);"><div class="bg-tertiary rounded-2xl p-4 border border-white/5 hover:border-purple-500/30 hover:bg-white/[0.02] hover:-translate-y-1 transition-all duration-300 h-full flex flex-col items-center text-center"><div class="w-16 h-16 rounded-xl overflow-hidden shadow-lg mb-3 ring-1 ring-white/5 group-hover:ring-purple-500/30 transition-all duration-300 "><img src="/assets/apps/vita+.png" alt="Vita+ app icon" class="w-full h-full object-cover "></div><h3 class="text-white font-semibold text-sm ">Vita+</h3><p class="text-gray-400 text-xs mt-0.5 leading-snug">Goals, Routines &amp; Reminder</p><div class="mt-auto pt-3 w-full"><div class="flex items-center justify-center gap-2"><a href="https://apps.apple.com/de/app/habit-tracker-vita/id6752308462" target="_blank" rel="noopener noreferrer" aria-label="Vita+ – App Store" title="Ap
601p Store" class="flex items-center justify-center w-8 h-8 rounded-lg bg-white/5 hover:bg-purple-500/20 text-gray-300 hover:text-white border border-white/5 hover:border-purple-500/40 transition-colors"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 384 512" class="text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"></path></svg></a><a href="https://play.google.com/store/apps/details?id=vita.plus.apps" target="_blank" rel="noopener noreferrer" aria-label="Vita+ – Google Play" title="Google Play" class="flex items-center justify-center w-8 h-8 rounded-lg bg-white/5 hover:bg-purple-500/20 text-gray-300 hover:text-white border border-white/5 hover:border-purple-500/40 transition-colors"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l280.8-161.2-60.1-60.1L104.6 499z"></path></svg></a></div></div></div></div><div class="group relative will-change-transform" style="opacity: 0; transform: translateY(24px) translateZ(0px);"><div class="bg-tertiary rounded-2xl p-4 border border-white/5 hover:border-purple-500/30 hover:bg-white/[0.02] hover:-translate-y-1 transition-all duration-300 h-full flex flex-col items-center text-center"><div class="w-16 h-16 rounded-xl overflow-hidden shadow-lg mb-3 ring-1 ring-white/5 group-hover:ring-purple-500/30 transition-all duration-300 "><img src="/assets/apps/seryn.png" alt="Seryn app icon" class="w-full h-full object-cover "></div><h3 class="text-white font-semibold text-sm ">Seryn</h3><p class="text-gray-400 text-xs mt-0.5 leading-snug">Relaxing &amp; Productivity Sounds</p><div class="mt-auto pt-3 w-full"><div class="flex items-center justify-center gap-2"><a href="https://apps.apple.com/us/app/anxiety-relief-calm-seryn/id6755425114" target="_blank" rel="noopener noreferrer" aria-label="Seryn – App Store" title="App Store" class="flex items-center justify-center w-8 h-8 rounded-lg bg-white/5 hover:bg-purple-500/20 text-gray-300 hover:text-white border border-white/5 hover:border-purple-500/40 transition-colors"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 384 512" class="text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"></path></svg></a></div></div></div></div><div class="group relative will-change-transform" style="opacity: 0; transform: translateY(24px) translateZ(0px);"><div class="bg-tertiary rounded-2xl p-4 border border-white/5 hover:border-purple-500/30 hover:bg-white/[0.02] hover:-translate-y-1 transition-all duration-300 h-full flex flex-col items-center text-center"><div class="w-16 h-16 rounded-xl overflow-hidden shadow-lg mb-3 ring-1 ring-white/5 group-hover:ring-purple-500/30 transition-all duration-300 "><img src="/assets/apps/pets.png" alt="Snoot app icon" class="w-full h-full object-cover "></div><h3 class="text-white font-semibold text-sm ">Snoot</h3><p class="text-gray-400 text-xs mt-0.5 leading-snug">
601Pet Care Tracker</p><div class="mt-auto pt-3 w-full"><div class="flex items-center justify-center gap-2"><a href="https://apps.apple.com/us/app/snoot-pet-care-tracker/id6757099912" target="_blank" rel="noopener noreferrer" aria-label="Snoot – App Store" title="App Store" class="flex items-center justify-center w-8 h-8 rounded-lg bg-white/5 hover:bg-purple-500/20 text-gray-300 hover:text-white border border-white/5 hover:border-purple-500/40 transition-colors"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 384 512" class="text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"></path></svg></a><a href="https://play.google.com/store/apps/details?id=vita.pets.apps" target="_blank" rel="noopener noreferrer" aria-label="Snoot – Google Play" title="Google Play" class="flex items-center justify-center w-8 h-8 rounded-lg bg-white/5 hover:bg-purple-500/20 text-gray-300 hover:text-white border border-white/5 hover:border-purple-500/40 transition-colors"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l280.8-161.2-60.1-60.1L104.6 499z"></path></svg></a></div></div></div></div><div class="group relative will-change-transform" style="opacity: 0; transform: translateY(24px) translateZ(0px);"><div class="bg-tertiary rounded-2xl p-4 border border-white/5 hover:border-purple-500/30 hover:bg-white/[0.02] hover:-translate-y-1 transition-all duration-300 h-full flex flex-col items-center text-center"><div class="w-16 h-16 rounded-xl overflow-hidden shadow-lg mb-3 ring-1 ring-white/5 group-hover:ring-purple-500/30 transition-all duration-300 "><img src="/assets/apps/kaese.png" alt="Käse app icon" class="w-full h-full object-cover "></div><h3 class="text-white font-semibold text-sm ">Käse</h3><p class="text-gray-400 text-xs mt-0.5 leading-snug">Smart Reply from Screenshots</p><div class="mt-auto pt-3 w-full"><div class="flex items-center justify-center gap-2"><a href="https://apps.apple.com/de/app/k%C3%A4se-antworten-wie-ein-pro/id6762456050?l=en-GB" target="_blank" rel="noopener noreferrer" aria-label="Käse – App Store" title="App Store" class="flex items-center justify-center w-8 h-8 rounded-lg bg-white/5 hover:bg-purple-500/20 text-gray-300 hover:text-white border border-white/5 hover:border-purple-500/40 transition-colors"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 384 512" class="text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"></path></svg></a><a href="https://play.google.com/store/apps/details?id=com.vitaapps.replyai" target="_blank" rel="noopener noreferrer" aria-label="Käse – Google Play" title="Google Play" class="flex items-center justify-center w-8 h-8 rounded-lg bg-white/5 hover:bg-purple-500/20 text-gray-300 hover:text-white border border-white/5 hover:border-purple-500/40 transition-colors"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l280.8-161.2-60.1-60.1L104.6 499z"></path></svg></a></div></div></div></div><div class="group relative will-change-transform" style="opacity: 0; transform: translateY(24px) translateZ(0px);"><div class="bg-tertiary rounded-2xl p-4 border border-white/5 hover:border-purple-500/30 hover:bg-white/[0.02] hover:-translate-y-1 transition-all duration-300 h-full flex flex-col items-center text-center"><div class="w-16 h-16 rounded-xl overflow-hidden shadow-lg mb-3 ring-1 ring-white/5 group-hover:ring-purple-500/30 transition-all duration-300 "><img src="/assets/apps/black-cat.png" alt="Black Cat app icon" class="w-full h-full object-cover "></div><h3 class="text-white font-semibold text-sm ">Black Cat</h3><p class="text-gray-400 text-xs mt-0.5 leading-snug">A quiet puzzle about cats and paths</p><div class="mt-auto pt-3 w-full"><div class="flex items-center justify-center gap-2"><a href="https://apps.apple.com/us/app/black-cat/id6800707244" target="_blank" rel="noopener noreferrer" aria-label="Black Cat – App Store" title="Ap
601p Store" class="flex items-center justify-center w-8 h-8 rounded-lg bg-white/5 hover:bg-purple-500/20 text-gray-300 hover:text-white border border-white/5 hover:border-purple-500/40 transition-colors"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 384 512" class="text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"></path></svg></a></div></div></div></div><div class="group relative will-change-transform" style="opacity: 0; transform: translateY(24px) translateZ(0px);"><div class="bg-tertiary rounded-2xl p-4 border border-white/5 hover:border-purple-500/30 hover:bg-white/[0.02] hover:-translate-y-1 transition-all duration-300 h-full flex flex-col items-center text-center"><div class="w-16 h-16 rounded-xl overflow-hidden shadow-lg mb-3 ring-1 ring-white/5 group-hover:ring-purple-500/30 transition-all duration-300 "><img src="/assets/bolzer-icon.png" alt="Bolzer app icon" class="w-full h-full object-cover "></div><h3 class="text-white font-semibold text-sm ">Bolzer</h3><p class="text-gray-400 text-xs mt-0.5 leading-snug">Social App für Amateurfußballer</p><div class="mt-auto pt-3 w-full"><button class="w-full flex items-center justify-center gap-1.5 px-3 py-1.5 bg-amber-500/10 hover:bg-amber-500/20 border border-amber-500/30 rounded-lg text-amber-300 text-xs font-medium transition-colors"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="text-[10px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M224 512c35.32 0 63.97-28.65 63.97-64H160.03c0 35.35 28.65 64 63.97 64zm215.39-149.71c-19.32-20.76-55.47-51.99-55.47-154.29 0-77.7-54.48-139.9-127.94-155.16V32c0-17.67-14.32-32-31.98-32s-31.98 14.33-31.98 32v20.84C118.56 68.1 64.08 130.3 64.08 208c0 102.3-36.15 133.53-55.47 154.29-6 6.45-8.66 14.16-8.61 21.71.11 16.4 12.98 32 32.1 32h383.8c19.12 0 32-15.6 32.1-32 .05-7.55-2.61-15.27-8.61-21.71z"></path></svg><span>Platz sichern</span></button></div></div></div><div class="group relative will-change-transform" style="opacity: 0; transform: translateY(24px) translateZ(0px);"><div class="bg-tertiary rounded-2xl p-4 border border-white/5 hover:border-purple-500/30 hover:bg-white/[0.02] hover:-translate-y-1 transition-all duration-300 h-full flex flex-col items-center text-center"><div class="w-16 h-16 rounded-xl overflow-hidden shadow-lg mb-3 ring-1 ring-white/5 group-hover:ring-purple-500/30 transition-all duration-300 "><img src="/assets/apps/assistant.png" alt="Coming Soon App" class="w-full h-full object-cover blur-[2px]"></div><h3 class="text-white font-semibold text-sm blur-[6px] select-none">Assistant</h3><p class="text-gray-400 text-xs mt-0.5 leading-snug">Voice Assistant</p><div class="mt-auto pt-3 w-full"><button class="w-full flex items-center justify-center gap-1.5 px-3 py-1.5 bg-amber-500/10 hover:bg-amber-500/20 border border-amber-500/30 rounded-lg text-amber-300 text-xs font-medium transition-colors"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="text-[10px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M224 512c35.32 0 63.97-28.65 63.97-64H160.03c0 35.35 28.65 64 63.97 64zm215.39-149.71c-19.32-20.76-55.47-51.99-55.47-154.29 0-77.7-54.48-139.9-127.94-155.16V32c0-17.67-14.32-32-31.98-32s-31.98 14.33-31.98 32v20.84C118.56 68.1 64.08 130.3 64.08 208c0 102.3-36.15 133.53-55.47 154.29-6 6.45-8.66 14.16-8.61 21.71.11 16.4 12.98 32 32.1 32h383.8c19.12 0 32-15.6 32.1-32 .05-7.55-2.61-15.27-8.61-21.71z"></path></svg><span>Platz sichern</span></button></div></div></div><div class="group relative will-change-transform" style="opacity: 0; transform: translateY(24px) translateZ(0px);"><div class="bg-tertiary rounded-2xl p-4 border border-white/5 hover:border-purple-500/30 hover:bg-white/[0.02] hover:-translate-y-1 transition-all duration-300 h-full flex flex-col items-center text-center"><div class="w-16 h-16 rounded-xl overflow-hidden shadow-lg mb-3 ring-1 ring-white/5 group-hover:ring-purple-500/30 transition-all duration-300 "><img src="/assets/apps/energy_guru.png" alt="Coming Soon App" class="w-full h-full object-cover blur-[2px]"></div><h3 class="text-white font-semibold text-sm blur-[6px] select-none">Energy Guru</h3><p class="text-gray-400 text-xs mt-0.5 leading-snug">Energy &amp; Wellness Tracker</p><div class="mt-auto pt-3 w-full"><button class="w-full flex items-center justify-center gap-1.5 px-3 py-1.5 bg-amber-500/10 hover:bg-amber-500/20 border border-amber-500/30 rounded-lg text-amber-300 text-xs font-medium transition-colors"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="text-[10px]" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M224 512c35.32 0 63.97-28.65 63.97-64H160.03c0 35.35 28.65 64 63.97 64zm215.39-149.71c-19.32-20.76-55.47-51.99-55.47-154.29 0-77.7-54.48-139.9-127.94-155.16V32c0-17.67-14.32-32-31.98-32s-31.98 14.33-31.98 32v20.84C118.56 68.1 64.08 130.3 64.08 208c0 102.3-36.15 133.53-55.47 154.29-6 6.45-8.66 14.16-8.61 21.71.11 16.4 12.98 32 32.1 32h383.8c19.12 0 32-15.6 32.1-32 .05-7.55-2.61-15.27-8.61-21.71z"></path></svg><span>Platz sichern</span></button></div></div></div></div><div class="mt-8 text-center" style="opacity: 0; transform: translateX(0px) translateY(100px) translateZ(0px);"><a class="inline-flex items-center gap-2 text-purple-400 hover:text-purple-300 font-medium transition-colors" href="/apps"><span>Alle Apps ansehen</span><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg></a></div><div class="mt-10 max-w-4xl mx-auto" style="opacity: 0; transform: translateX(0px) translateY(100px) translateZ(0px);"><a class="group block rounded-2xl border border-emerald-500/30 bg-gradient-to-r from-emerald-500/10 via-emerald-500/5 to-transparent p-5 sm:p-6 transition-colors hover:border-emerald-500/50" href="/lynkr-page"><div class="flex flex-col items-start gap-4 sm:flex-row sm:items-center"><img src="/assets/apps/lynkr.png" alt="" class="h-12 w-12 shrink-0 rounded-xl"><div class="min-w-0 flex-1"><div class="flex flex-wrap items-center gap-2"><h3 class="text-lg font-bold text-white">lynkr.page</h3><span class="rounded-full bg-emerald-500/15 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-emerald-300">Kostenlos</span></div><p class="mt-1 text-sm text-gray-400">Die kostenlose Link-in-Bio-Seite — schneller als Linktree, kein Anteil an deinen Verkäufen, Impressum inklusive.</p></div><span class="inline-flex shrink-0 items-center gap-2 rounded-xl bg-emerald-500 px-4 py-2.5 text-sm font-semibold text-[#04140c] transition-transform group-hover:translate-x-0.5">Mehr Informationen<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="text-xs" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg></span></div></a></div></section><section id="services-home" class="relative py-24 overflow-hidden"><div class="absolute inset-0 bg-gradient-to-b from-[#050816] to-[#0a0a1a]"></div><div class="relative z-10 max-w-7xl mx-auto px-6"><div class="flex justify-center mb-6" style="opacity: 0; transform: translateY(20px) translateZ(0px);"><span class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-violet-500/10 border border-violet-500/20 text-sm text-violet-400">Für dein Projekt</span></div><h2 class="text-3xl sm:text-4xl md:text-5xl font-bold text-center text-white mb-4" style="opacity: 0; transform: translateY(20px) translateZ(0px);">Auch deine App-Idee verwirklichen</h2><p class="text-gray-400 text-center max-w-2xl mx-auto mb-16" style="opacity: 0; transform: translateY(20px) translateZ(0px);">Wir helfen Startups und Unternehmen, ihre App-Ideen in die Realität umzusetzen.</p><div class="grid md:grid-cols-2 gap-6 mb-12"><div style="opacity: 0; transform: translateY(30px) translateZ(0px);"><div class="
602        relative overflow-hidden rounded-2xl
603        bg-white/5 backdrop-blur-sm
604        border border-white/10
605        transition-all duration-300 hover:bg-white/10 hover:border-white/20
606        hover:shadow-xl hover:shadow-purple-500/20
607        p-6 h-full group
608      "><div class="flex items-start gap-4"><div class="p-3 rounded-xl bg-purple-500/10 text-purple-400 transition-transform group-hover:scale-110"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" aria-hidden="true" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M12.316 3.051a1 1 0 01.633 1.265l-4 12a1 1 0 11-1.898-.632l4-12a1 1 0 011.265-.633zM5.707 6.293a1 1 0 010 1.414L3.414 10l2.293 2.293a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414l3-3a1 1 0 011.414 0zm8.586 0a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 11-1.414-1.414L16.586 10l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></div><div><h3 class="text-lg font-semibold text-white mb-2">App-Entwicklung</h3><p class="text-gray-400 text-sm leading-relaxed">Hochwertige Cross-Platform Apps mit Flutter für iOS &amp; Android</p></div></div></div></div><div style="opacity: 0; transform: translateY(30px) translateZ(0px);"><div class="
609        relative overflow-hidden rounded-2xl
610        bg-white/5 backdrop-blur-sm
611        border border-white/10
612        transition-all duration-300 hover:bg-white/10 hover:border-white/20
613        hover:shadow-xl hover:shadow-purple-500/20
614        p-6 h-full group
615      "><div class="flex items-start gap-4"><div class="p-3 rounded-xl bg-pink-500/10 text-pink-400 transition-transform group-hover:scale-110"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" aria-hidden="true" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4 2a2 2 0 00-2 2v11a3 3 0 106 0V4a2 2 0 00-2-2H4zm1 14a1 1 0 100-2 1 1 0 000 2zm5-1.757l4.9-4.9a2 2 0 000-2.828L13.485 5.1a2 2 0 00-2.828 0L10 5.757v8.486zM16 18H9.071l6-6H16a2 2 0 012 2v2a2 2 0 01-2 2z" clip-rule="evenodd"></path></svg></div><div><h3 class="text-lg font-semibold text-white mb-2">UI/UX Design</h3><p class="text-gray-400 text-sm leading-relaxed">Benutzerfreundliche und ästhetische App-Designs, die überzeugen</p></div></div></div></div><div style="opacity: 0; transform: translateY(30px) translateZ(0px);"><div class="
616        relative overflow-hidden rounded-2xl
617        bg-white/5 backdrop-blur-sm
618        border border-white/10
619        transition-all duration-300 hover:bg-white/10 hover:border-white/20
620        hover:shadow-xl hover:shadow-purple-500/20
621        p-6 h-full group
622      "><div class="flex items-start gap-4"><div class="p-3 rounded-xl bg-amber-500/10 text-amber-400 transition-transform group-hover:scale-110"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" aria-hidden="true" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z" clip-rule="evenodd"></path></svg></div><div><h3 class="text-lg font-semibold text-white mb-2">MVP Development</h3><p class="text-gray-400 text-sm leading-relaxed">Schnell zur Marktreife mit einem funktionsfähigen Minimum Viable Product</p></div></div></div></div><div style="opacity: 0; transform: translateY(30px) translateZ(0px);"><div class="
623        relative overflow-hidden rounded-2xl
624        bg-white/5 backdrop-blur-sm
625        border border-white/10
626        transition-all duration-300 hover:bg-white/10 hover:border-white/20
627        hover:shadow-xl hover:shadow-purple-500/20
628        p-6 h-full group
629      "><div class="flex items-start gap-4"><div class="p-3 rounded-xl bg-emerald-500/10 text-emerald-400 transition-transform group-hover:scale-110"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" aria-hidden="true" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M12 7a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0V8.414l-4.293 4.293a1 1 0 01-1.414 0L8 10.414l-4.293 4.293a1 1 0 01-1.414-1.414l5-5a1 1 0 011.414 0L11 10.586 14.586 7H12z" clip-rule="evenodd"></path></svg></div><div><h3 class="text-lg font-semibold text-white mb-2">
629App Store Optimierung</h3><p class="text-gray-400 text-sm leading-relaxed">Bessere Sichtbarkeit und mehr Downloads in App Store &amp; Play Store</p></div></div></div></div></div><div class="flex justify-center" style="opacity: 0; transform: translateY(20px) translateZ(0px);"><button class="px-8 py-4 rounded-xl bg-gradient-to-r from-violet-600 to-purple-600 text-white font-semibold hover:from-violet-500 hover:to-purple-500 transition-all duration-300 shadow-lg shadow-violet-500/25" tabindex="0">Projekt besprechen</button></div></div></section><section class="sm:px-16 px-6 sm:py-16 py-10 relative z-0 mx-auto max-w-7xl" id="work"><span class="hash-span">&nbsp;</span><div style="opacity: 0; transform: translateY(-50px) translateZ(0px);"></div><div class="experience-header"><p class="experience-subtitle" style="opacity: 0;">ERFOLGSGEHEIMNISSE FÜR ERSTKLASSIGE APP-ENTWICKLUNG</p><h2 class="experience-title" style="opacity: 0;">Unser Erfolgsrezept.</h2></div><div class="mt-20 flex flex-col"><div class="progress-timeline vertical-timeline vertical-timeline--two-columns"><div id="" class="vertical-timeline-element"><span class="vertical-timeline-element-icon is-hidden" style="background: rgb(56, 62, 86); display: flex; align-items: center; justify-content: center; transition: transform 0.3s;"><div class="flex h-full w-full items-center justify-center"><img src="/assets/concept-QaqqYU8m.png" alt="" class="h-[60%] w-[60%] object-contain"></div></span><div class="vertical-timeline-element-content is-hidden" style="background: rgba(29, 24, 54, 0.65); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: rgba(31, 38, 135, 0.37) 0px 8px 22px 0px; color: rgb(255, 255, 255); opacity: 1; transform: translateY(-10px); transition: 0.5s ease-out;"><div class="vertical-timeline-element-content-arrow" style="border-right: 7px solid rgba(35, 38, 49, 0.8);"></div><div><h3 class="text-[24px] font-bold text-white">Konzept</h3><p class="text-secondary text-[16px] font-semibold" style="margin: 0px;"></p><ul class="ml-5 mt-5 list-disc space-y-2"><li class="text-white-100 pl-1 text-[14px] tracking-wider">Entwickeln von App-Ideen und Definieren von Funktionen zur Erfüllung der Nutzerbedürfnisse.</li><li class="text-white-100 pl-1 text-[14px] tracking-wider">Zusammenarbeit mit Stakeholdern zur Verfeinerung und Validierung von App-Konzepten.</li><li class="text-white-100 pl-1 text-[14px] tracking-wider">Durchführung von Marktanalysen zur Ermittlung des Wettbewerbsumfelds und der Marktnachfrage.</li><li class="text-white-100 pl-1 text-[14px] tracking-wider">Erstellung detaillierter Projektdokumentationen einschließlich User Personas und User Stories.</li><li class="text-white-100 pl-1 text-[14px] tracking-wider">Ideengenerierung und Brainstorming.</li></ul></div><span class="vertical-timeline-element-date">Ideenfindung und Brainstorming</span></div></div><div id="" class="vertical-timeline-element"><span class="vertical-timeline-element-icon is-hidden" style="background: rgb(230, 222, 221); display: flex; align-items: center; justify-content: center; transition: transform 0.3s;"><div class="flex h-full w-full items-center justify-center"><img src="/assets/design--lb-pEcN.png" alt="" class="h-[60%] w-[60%] object-contain"></div></span><div class="vertical-timeline-element-content is-hidden" style="background: rgba(29, 24, 54, 0.65); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: rgba(31, 38, 135, 0.37) 0px 8px 22px 0px; color: rgb(255, 255, 255); opacity: 0.2; transform: translateY(0px); transition: 0.5s ease-out;"><div class="vertical-timeline-element-content-arrow" style="border-right: 7px solid rgba(35, 38, 49, 0.8);"></div><div><h3 class="text-[24px] font-bold text-white">Design</h3><p class="text-secondary text-[16px] font-semibold" style="margin: 0px;"></p><ul class="ml-5 mt-5 list-disc space-y-2"><li class="text-white-100 pl-1 text-[14px] tracking-wider">Erstellung detaillierter Wireframes und Mockups zur Visualisierung der App-Benutzeroberfläche und -erfahrung.</li><li class="text-white-100 pl-1 text-[14px] tracking-wider">Kollaboration mit UX-Designern für eine ansprechende und benutzerfreundliche App-Gestaltung.</li><li class="text-white-100 pl-1 text-[14px] tracking-wider">Entwicklung interaktiver Prototypen zur Erprobung von Designkonzepten mit potenziellen Nutzern.</li><li class="text-white-100 pl-1 text-[14px] tracking-wider">Kontinuierliche Optimierung basierend auf Nutzerfeedback und Ergebnissen aus Usability-Tests.</li><li class="text-white-100 pl-1 text-[14px] tracking-wider">Gestaltung der UI/UX-Erfahrung mit Fokus auf Benutzerfreundlichkeit und Ästhetik.</li></ul></div><span class="vertical-timeline-element-date">UI/UX Design</span></div></div><div id="" class="vertical-timeline-element">
629<span class="vertical-timeline-element-icon is-hidden" style="background: rgb(230, 222, 221); display: flex; align-items: center; justify-content: center; transition: transform 0.3s;"><div class="flex h-full w-full items-center justify-center"><img src="/assets/build-7RDWcxQu.png" alt="" class="h-[60%] w-[60%] object-contain"></div></span><div class="vertical-timeline-element-content is-hidden" style="background: rgba(29, 24, 54, 0.65); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: rgba(31, 38, 135, 0.37) 0px 8px 22px 0px; color: rgb(255, 255, 255); opacity: 0.2; transform: translateY(0px); transition: 0.5s ease-out;"><div class="vertical-timeline-element-content-arrow" style="border-right: 7px solid rgba(35, 38, 49, 0.8);"></div><div><h3 class="text-[24px] font-bold text-white">Build</h3><p class="text-secondary text-[16px] font-semibold" style="margin: 0px;"></p><ul class="ml-5 mt-5 list-disc space-y-2"><li class="text-white-100 pl-1 text-[14px] tracking-wider">Entwicklung und kontinuierliche Wartung von Mobile-Anwendungen unter Einsatz modernster Technologien wie Flutter.</li><li class="text-white-100 pl-1 text-[14px] tracking-wider">Zusammenarbeit mit einem vielseitigen Team aus Designern, Produktmanagern und Entwicklern, um erstklassige Produkte zu kreieren.</li><li class="text-white-100 pl-1 text-[14px] tracking-wider">Implementierung von responsivem Design, das eine optimale Nutzung auf verschiedenen Geräten gewährleistet.</li><li class="text-white-100 pl-1 text-[14px] tracking-wider">Regelmäßige interne Code-Reviews und Feedback-Schleifen zur Verbesserung der Code-Qualität und der Anwendungsleistung.</li><li class="text-white-100 pl-1 text-[14px] tracking-wider">Fokussierte Entwicklung und Codierung, die auf Effizienz und höchste Qualitätsstandards abzielt.</li></ul></div><span class="vertical-timeline-element-date">Development and Coding</span></div></div><div id="" class="vertical-timeline-element"><span class="vertical-timeline-element-icon is-hidden" style="background: rgb(230, 222, 221); display: flex; align-items: center; justify-content: center; transition: transform 0.3s;"><div class="flex h-full w-full items-center justify-center"><img src="/assets/testing-7ZugshNx.png" alt="" class="h-[60%] w-[60%] object-contain"></div></span><div class="vertical-timeline-element-content is-hidden" style="background: rgba(29, 24, 54, 0.65); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: rgba(31, 38, 135, 0.37) 0px 8px 22px 0px; color: rgb(255, 255, 255); opacity: 0.2; transform: translateY(0px); transition: 0.5s ease-out;"><div class="vertical-timeline-element-content-arrow" style="border-right: 7px solid rgba(35, 38, 49, 0.8);"></div><div><h3 class="text-[24px] font-bold text-white">Testing</h3><p class="text-secondary text-[16px] font-semibold" style="margin: 0px;"></p><ul class="ml-5 mt-5 list-disc space-y-2"><li class="text-white-100 pl-1 text-[14px] tracking-wider">Schreiben und Ausführen von Unit-Tests zur Sicherstellung der korrekten Funktionalität einzelner Komponenten.</li><li class="text-white-100 pl-1 text-[14px] tracking-wider">Durchführung von Integrationstests, um sicherzustellen, dass verschiedene Teile der App nahtlos zusammenarbeiten.</li><li class="text-white-100 pl-1 text-[14px] tracking-wider">Durchführung von User Acceptance Testing (UAT) zur Validierung, dass die App Benutzer- und Geschäftsanforderungen erfüllt.</li><li class="text-white-100 pl-1 text-[14px] tracking-wider">Verwendung von automatisierten Testwerkzeugen, um sicherzustellen, dass die App unter verschiedenen Bedingungen und Belastungen optimal funktioniert.</li><li class="text-white-100 pl-1 text-[14px] tracking-wider">Umfassendes Unit- und Integration Testing, um die Robustheit und Qualität der App sicherzustellen.</li></ul></div><span class="vertical-timeline-element-date">Unit and Integration Testing</span></div></div><div id="" class="vertical-timeline-element"><span class="vertical-timeline-element-icon is-hidden" style="background: rgb(56, 62, 86); display: flex; align-items: center; justify-content: center; transition: transform 0.3s;"><div class="flex h-full w-full items-center justify-center"><img src="/assets/analytics-pQQjqpAj.png" alt="" class="h-[60%] w-[60%] object-contain"></div></span><div class="vertical-timeline-element-content is-hidden" style="background: rgba(29, 24, 54, 0.65); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: rgba(31, 38, 135, 0.37) 0px 8px 22px 0px; color: rgb(255, 255, 255); opacity: 0.2; transform: translateY(0px); transition: 0.5s ease-out;"><div class="vertical-timeline-element-content-arrow" style="border-right: 7px solid rgba(35, 38, 49, 0.8);"></div><div><h3 class="text-[24px] font-bold text-white">Analytics</h3><p class="text-secondary text-[16px] font-semibold" style="margin: 0px;"></p><ul class="ml-5 mt-5 list-disc space-y-2"><li class="text-white-100 pl-1 text-[14px] tracking-wider">Einrichtung von Analytics-Tools zur Verfolgung des Nutzerverhaltens und der App-Performance.</li><li class="text-white-100 pl-1 text-[14px] tracking-wider">
629Überwachung von Schlüsselkennzahlen (KPIs) zur Bewertung des App-Erfolgs und zur Identifizierung von Verbesserungspotenzialen.</li><li class="text-white-100 pl-1 text-[14px] tracking-wider">Analyse von Nutzerdaten zur Erkenntnis von Nutzungsverhalten und zur Unterstützung von Feature-Verbesserungen.</li><li class="text-white-100 pl-1 text-[14px] tracking-wider">Erstellung detaillierter Berichte und Visualisierungen, um Erkenntnisse den Stakeholdern zu präsentieren und strategische Entscheidungen zu leiten.</li></ul></div><span class="vertical-timeline-element-date">Implementing Analytics Tools</span></div></div></div></div></section><section class="sm:px-16 px-6 sm:py-16 py-10 relative z-0 mx-auto max-w-7xl" id="tech"><span class="hash-span">&nbsp;</span><div class="flex flex-row flex-wrap justify-center gap-10"><div class="h-28 w-28"><div style="position: relative; width: 100%; height: 100%; overflow: hidden; pointer-events: auto; touch-action: none;"><div style="width: 100%; height: 100%;"><canvas data-engine="three.js r161" width="112" height="112" style="display: block; width: 112px; height: 112px;"></canvas></div></div></div><div class="h-28 w-28"><div style="position: relative; width: 100%; height: 100%; overflow: hidden; pointer-events: auto; touch-action: none;"><div style="width: 100%; height: 100%;"><canvas data-engine="three.js r161" width="112" height="112" style="display: block; width: 112px; height: 112px;"></canvas></div></div></div><div class="h-28 w-28"><div style="position: relative; width: 100%; height: 100%; overflow: hidden; pointer-events: auto; touch-action: none;"><div style="width: 100%; height: 100%;"><canvas data-engine="three.js r161" width="112" height="112" style="display: block; width: 112px; height: 112px;"></canvas></div></div></div><div class="h-28 w-28"><div style="position: relative; width: 100%; height: 100%; overflow: hidden; pointer-events: auto; touch-action: none;"><div style="width: 100%; height: 100%;"><canvas data-engine="three.js r161" width="112" height="112" style="display: block; width: 112px; height: 112px;"></canvas></div></div></div><div class="h-28 w-28"><div style="position: relative; width: 100%; height: 100%; overflow: hidden; pointer-events: auto; touch-action: none;"><div style="width: 100%; height: 100%;"><canvas data-engine="three.js r161" width="112" height="112" style="display: block; width: 112px; height: 112px;"></canvas></div></div></div><div class="h-28 w-28"><div style="position: relative; width: 100%; height: 100%; overflow: hidden; pointer-events: auto; touch-action: none;"><div style="width: 100%; height: 100%;"><canvas data-engine="three.js r161" width="112" height="112" style="display: block; width: 112px; height: 112px;"></canvas></div></div></div><div class="h-28 w-28"><div style="position: relative; width: 100%; height: 100%; overflow: hidden; pointer-events: auto; touch-action: none;"><div style="width: 100%; height: 100%;"><canvas data-engine="three.js r161" width="112" height="112" style="display: block; width: 112px; height: 112px;"></canvas></div></div></div><div class="h-28 w-28"><div style="position: relative; width: 100%; height: 100%; overflow: hidden; pointer-events: auto; touch-action: none;"><div style="width: 100%; height: 100%;"><canvas data-engine="three.js r161" width="112" height="112" style="display: block; width: 112px; height: 112px;"></canvas></div></div></div><div class="h-28 w-28"><div style="position: relative; width: 100%; height: 100%; overflow: hidden; pointer-events: auto; touch-action: none;"><div style="width: 100%; height: 100%;"><canvas data-engine="three.js r161" width="112" height="112" style="display: block; width: 112px; height: 112px;"></canvas></div></div></div><div class="h-28 w-28"><div style="position: relative; width: 100%; height: 100%; overflow: hidden; pointer-events: auto; touch-action: none;"><div style="width: 100%; height: 100%;"><canvas data-engine="three.js r161" width="112" height="112" style="display: block; width: 112px; height: 112px;"></canvas></div></div></div><div class="h-28 w-28"><div style="position: relative; width: 100%; height: 100%; overflow: hidden; pointer-events: auto; touch-action: none;"><div style="width: 100%; height: 100%;"><canvas data-engine="three.js r161" width="112" height="112" style="display: block; width: 112px; height: 112px;"></canvas></div></div></div><div class="h-28 w-28"><div style="position: relative; width: 100%; height: 100%; overflow: hidden; pointer-events: auto; touch-action: none;"><div style="width: 100%; height: 100%;"><canvas data-engine="three.js r161" width="112" height="112" style="display: block; width: 112px; height: 112px;"></canvas></div></div></div><div class="h-28 w-28"><div style="position: relative; width: 100%; height: 100%; overflow: hidden; pointer-events: auto; touch-action: none;"><div style="width: 100%; height: 100%;"><canvas data-engine="three.js r161" width="112" height="112" style="display: block; width: 112px; height: 112px;"></canvas></div></div></div></div></section><section class="relative py-24 overflow-hidden"><div class="absolute inset-0 bg-gradient-to-b from-[#0a0a1a] via-[#050816] to-[#050816]"></div><div class="absolute inset-0 bg-[radial-gradient(ellipse_at_bottom,_var(--tw-gradient-stops))] from-violet-900/10 via-trans
629parent to-transparent"></div><div class="relative z-10 max-w-7xl mx-auto px-6"><div class="flex justify-center mb-6" style="opacity: 0; transform: translateY(20px) translateZ(0px);"><span class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-emerald-500/10 border border-emerald-500/20 text-sm text-emerald-400">Kostenlos für alle</span></div><h2 class="text-3xl sm:text-4xl md:text-5xl font-bold text-center text-white mb-4" style="opacity: 0; transform: translateY(20px) translateZ(0px);">Probiere unsere Web-Tools</h2><p class="text-gray-400 text-center max-w-2xl mx-auto mb-12" style="opacity: 0; transform: translateY(20px) translateZ(0px);">Von Pomodoro Timer bis BMI Rechner – entwickelt für Produktivität und Gesundheit.</p><div class="mb-8" style="opacity: 0; transform: translateY(24px) translateZ(0px);"><div class="
630        relative overflow-hidden rounded-2xl
631        bg-white/5 backdrop-blur-sm
632        border border-white/10
633        transition-all duration-300 hover:bg-white/10 hover:border-white/20
634        hover:shadow-xl hover:shadow-purple-500/20
635        p-6 sm:p-7 cursor-pointer
636      "><div class="flex items-center gap-4"><div class="inline-flex shrink-0 p-3 rounded-xl bg-emerald-500/10 text-emerald-400"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" aria-hidden="true" height="26" width="26" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M12.586 4.586a2 2 0 112.828 2.828l-3 3a2 2 0 01-2.828 0 1 1 0 00-1.414 1.414 4 4 0 005.656 0l3-3a4 4 0 00-5.656-5.656l-1.5 1.5a1 1 0 101.414 1.414l1.5-1.5zm-5 5a2 2 0 012.828 0 1 1 0 101.414-1.414 4 4 0 00-5.656 0l-3 3a4 4 0 105.656 5.656l1.5-1.5a1 1 0 10-1.414-1.414l-1.5 1.5a2 2 0 11-2.828-2.828l3-3z" clip-rule="evenodd"></path></svg></div><div class="min-w-0 flex-1"><div class="flex flex-wrap items-center gap-2"><h3 class="text-lg font-bold text-white">lynkr.page</h3><span class="rounded-full bg-emerald-500/15 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-emerald-300">Kostenlos</span></div><p class="mt-0.5 text-sm text-gray-400">Deine kostenlose Link-in-Bio — schneller als Linktree, kein Anteil an deinen Verkäufen, Impressum inklusive.</p></div><span class="hidden shrink-0 items-center gap-1 text-sm font-semibold text-emerald-400 sm:inline-flex">Ansehen →</span></div></div></div><div class="grid grid-cols-2 sm:grid-cols-4 gap-4 mb-12" style="opacity: 0; transform: translateY(30px) translateZ(0px);"><div style="opacity: 0; transform: scale(0.9) translateZ(0px);"><div class="
637        relative overflow-hidden rounded-2xl
638        bg-white/5 backdrop-blur-sm
639        border border-white/10
640        transition-all duration-300 hover:bg-white/10 hover:border-white/20
641        hover:shadow-xl hover:shadow-purple-500/20
642        p-4 cursor-pointer text-center
643      "><div class="inline-flex p-3 rounded-xl bg-white/5 text-purple-400 mb-3"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" aria-hidden="true" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M3 4a1 1 0 011-1h3a1 1 0 011 1v3a1 1 0 01-1 1H4a1 1 0 01-1-1V4zm2 2V5h1v1H5zM3 13a1 1 0 011-1h3a1 1 0 011 1v3a1 1 0 01-1 1H4a1 1 0 01-1-1v-3zm2 2v-1h1v1H5zM13 3a1 1 0 00-1 1v3a1 1 0 001 1h3a1 1 0 001-1V4a1 1 0 00-1-1h-3zm1 2v1h1V5h-1z" clip-rule="evenodd"></path><path d="M11 4a1 1 0 10-2 0v1a1 1 0 002 0V4zM10 7a1 1 0 011 1v1h2a1 1 0 110 2h-3a1 1 0 01-1-1V8a1 1 0 011-1zM16 9a1 1 0 100 2 1 1 0 000-2zM9 13a1 1 0 011-1h1a1 1 0 110 2v2a1 1 0 11-2 0v-3zM7 11a1 1 0 100-2H4a1 1 0 100 2h3zM17 13a1 1 0 01-1 1h-2a1 1 0 110-2h2a1 1 0 011 1zM16 17a1 1 0 100-2h-3a1 1 0 100 2h3z"></path></svg></div><p class="text-sm font-medium text-white">QR Generator</p></div></div><div style="opacity: 0; transform: scale(0.9) translateZ(0px);"><div class="
644        relative overflow-hidden rounded-2xl
645        bg-white/5 backdrop-blur-sm
646        border border-white/10
647        transition-all duration-300 hover:bg-white/10 hover:border-white/20
648        hover:shadow-xl hover:shadow-purple-500/20
649        p-4 cursor-pointer text-center
650      "><div class="inline-flex p-3 rounded-xl bg-white/5 text-rose-400 mb-3"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" aria-hidden="true" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z" clip-rule="evenodd"></path></svg></div><p class="text-sm font-medium text-white">Pomodoro Timer</p></div></div><div style="opacity: 0; transform: scale(0.9) translateZ(0px);"><div class="
651        relative overflow-hidden rounded-2xl
652        bg-white/5 backdrop-blur-sm
653        border border-white/10
654        transition-all duration-300 hover:bg-white/10 hover:border-white/20
655        hover:shadow-xl hover:shadow-purple-500/20
656        p-4 cursor-pointer text-center
657      "><div class="inline-flex p-3 rounded-xl bg-white/5 text-blue-400 mb-3"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" aria-hidden="true" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M5 3a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2V5a2 2 0 00-2-2H5zM5 11a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2v-2a2 2 0 00-2-2H5zM11 5a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V5zM11 13a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"></path></svg></div><p class="text-sm font-medium text-white">Prioritäten-Matrix</p></div></div><div style="opacity: 0; transform: scale(0.9) translateZ(0px);"><div class="
658        relative overflow-hidden rounded-2xl
659        bg-white/5 backdrop-blur-sm
660        border border-white/10
661        transition-all duration-300 hover:bg-white/10 hover:border-white/20
662        hover:shadow-xl hover:shadow-purple-500/20
663        p-4 cursor-pointer text-center
664      "><div class="inline-flex p-3 rounded-xl bg-white/5 text-cyan-400 mb-3"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" aria-hidden="true" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M12.316 3.051a1 1 0 01.633 1.265l-4 12a1 1 0 11-1.898-.632l4-12a1 1 0 011.265-.633zM5.707 6.293a1 1 0 010 1.414L3.414 10l2.293 2.293a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414l3-3a1 1 0 011.414 0zm8.586 0a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 11-1.414-1.414L16.586 10l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></div><p class="text-sm font-medium text-white">URL Encoder</p></div></div><div style="opacity: 0; transform: scale(0.9) translateZ(0px);"><div class="
665        relative overflow-hidden rounded-2xl
666        bg-white/5 backdrop-blur-sm
667        border border-white/10
668        transition-all duration-300 hover:bg-white/10 hover:border-white/20
669        hover:shadow-xl hover:shadow-purple-500/20
670        p-4 cursor-pointer text-center
671      "><div class="inline-flex p-3 rounded-xl bg-white/5 text-amber-400 mb-3"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" aria-hidden="true" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M12.586 4.586a2 2 0 112.828 2.828l-3 3a2 2 0 01-2.828 0 1 1 0 00-1.414 1.414 4 4 0 005.656 0l3-3a4 4 0 00-5.656-5.656l-1.5 1.5a1 1 0 101.414 1.414l1.5-1.5zm-5 5a2 2 0 012.828 0 1 1 0 101.414-1.414 4 4 0 00-5.656 0l-3 3a4 4 0 105.656 5.656l1.5-1.5a1 1 0 10-1.414-1.414l-1.5 1.5a2 2 0 11-2.828-2.828l3-3z" clip-rule="evenodd"></path></svg></div><p class="text-sm font-medium text-white">UTM Builder</p></div></div><div style="opacity: 0; transform: scale(0.9) translateZ(0px);"><div class="
672        relative overflow-hidden rounded-2xl
673        bg-white/5 backdrop-blur-sm
674        border border-white/10
675        transition-all duration-300 hover:bg-white/10 hover:border-white/20
676        hover:shadow-xl hover:shadow-purple-500/20
677        p-4 cursor-pointer text-center
678      "><div class="inline-flex p-3 rounded-xl bg-white/5 text-emerald-400 mb-3"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" aria-hidden="true" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10 2a1 1 0 011 1v1.323l3.954 1.582 1.599-.8a1 1 0 01.894 1.79l-1.233.616 1.738 5.42a1 1 0 01-.285 1.05A3.989 3.989 0 0115 15a3.989 3.989 0 01-2.667-1.019 1 1 0 01-.285-1.05l1.715-5.349L11 6.477V16h2a1 1 0 110 2H7a1 1 0 110-2h2V6.477L6.237 7.582l1.715 5.349a1 1 0 01-.285 1.05A3.989 3.989 0 015 15a3.989 3.989 0 01-2.667-1.019 1 1 0 01-.285-1.05l1.738-5.42-1.233-.617a1 1 0 01.894-1.788l1.599.799L9 4.323V3a1 1 0 011-1zm-5 8.274l-.818 2.552c.25.112.526.174.818.174.292 0 .569-.062.818-.174L5 10.274zm10 0l-.818 2.552c.25.112.526.174.818.174.292 0 .569-.062.818-.174L15 10.274z" clip-rule="evenodd"></path></svg></div><p class="text-sm font-medium text-white">BMI Rechner</p></div></div><div style="opacity: 0; transform: scale(0.9) translateZ(0px);"><div class="
679        relative overflow-hidden rounded-2xl
680        bg-white/5 backdrop-blur-sm
681        border border-white/10
682        transition-all duration-300 hover:bg-white/10 hover:border-white/20
683        hover:shadow-xl hover:shadow-purple-500/20
684        p-4 cursor-pointer text-center
685      "><div class="inline-flex p-3 rounded-xl bg-white/5 text-indigo-400 mb-3"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" aria-hidden="true" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path></svg></div><p class="text-sm font-medium text-white">Schlafrechner</p></div></div><div style="opacity: 0; transform: scale(0.9) translateZ(0px);"><div class="
686        relative overflow-hidden rounded-2xl
687        bg-white/5 backdrop-blur-sm
688        border border-white/10
689        transition-all duration-300 hover:bg-white/10 hover:border-white/20
690        hover:shadow-xl hover:shadow-purple-500/20
691        p-4 cursor-pointer text-center
692      "><div class="inline-flex p-3 rounded-xl bg-white/5 text-orange-400 mb-3"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" aria-hidden="true" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z" clip-rule="evenodd"></path></svg></div><p class="text-sm font-medium text-white">21-Tage Challenge</p></div></div></div><div class="flex justify-center" style="opacity: 0; transform: translateY(20px) translateZ(0px);"><button class="px-8 py-4 rounded-xl bg-white/5 border border-white/10 text-white font-semibold hover:bg-white/10 hover:border-white/20 transition-all duration-300" tabindex="0">Alle Tools entdecken</button></div></div></section><div class="relative z-0"><div id="contact"><section class="sm:px-16 px-6 sm:py-16 py-10 relative z-0 mx-auto max-w-7xl" id="contact"><span class="hash-span">&nbsp;</span><div class="flex flex-col gap-10 overflow-hidden xl:flex-row"><div class="xl:flex-[0.4] flex flex-col justify-center" style="transform: translateX(-100%) translateY(0px) translateZ(0px);"><div class="mb-8"><p class="text-purple-400 font-medium mb-2">LASS UNS REDEN</p><h2 class="text-4xl md:text-5xl font-bold text-white mb-4">Lass uns plaudern - über Apps und die Welt.</h2><p class="text-gray-400 text-lg">Bereit, deine App-Idee zum Leben zu erwecken? Lass uns über dein Projekt sprechen und gemeinsam etwas Großartiges schaffen.</p></div><div class="space-y-6"><div class="flex items-center gap-4 group" style="opacity: 0; transform: translateX(-100px) translateY(0px) translateZ(0px);"><div class="w-14 h-14 rounded-xl bg-gradient-to-br from-purple-600/20 to-indigo-600/20 border border-purple-500/30 flex items-center justify-center text-purple-400 group-hover:border-purple-400 transition-colors"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-2xl" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg></div><div><p class="text-gray-500 text-sm">Email</p><a href="mailto:[email protected]" class="text-white font-medium hover:text-purple-400 transition-colors">[email protected]</a></div></div><div class="flex items-center gap-4 group" style="opacity: 0; transform: translateX(-100px) translateY(0px) translateZ(0px);"><div class="w-14 h-14 rounded-xl bg-gradient-to-br from-purple-600/20 to-indigo-600/20 border border-purple-500/30 flex items-center justify-center text-purple-400 group-hover:border-purple-400 transition-colors"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-2xl" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg></div><div><p class="text-gray-500 text-sm">Location</p><p class="text-white font-medium">Bucharest, Romania</p></div></div></div></div><div class="xl:flex-[0.6] bg-gradient-to-br from-[#1a1a2e] to-[#16162a] rounded-3xl p-8 md:p-10 border border-purple-500/20 shadow-2xl" style="transform: translateX(100%) translateY(0px) translateZ(0px);"><form class="flex flex-col gap-6"><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><label class="flex flex-col"><span class="mb-2 text-sm font-medium text-gray-300 flex items-center gap-2"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-purple-400" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>Dein Name</span>
692<input type="text" name="name" placeholder="Wie heißt du?" class="bg-[#0f0f1a] placeholder:text-gray-600 rounded-xl border border-purple-500/20 px-5 py-4 text-white outline-none focus:border-purple-500 transition-colors" value=""></label><label class="flex flex-col"><span class="mb-2 text-sm font-medium text-gray-300 flex items-center gap-2"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-purple-400" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>Deine Telefonnumer</span><input type="text" name="phone" placeholder="Wie lautet deine Telefonnummer?" class="bg-[#0f0f1a] placeholder:text-gray-600 rounded-xl border border-purple-500/20 px-5 py-4 text-white outline-none focus:border-purple-500 transition-colors" value=""></label><label class="flex flex-col"><span class="mb-2 text-sm font-medium text-gray-300 flex items-center gap-2"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-purple-400" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>Deine E-Mail</span><input type="email" name="email" placeholder="Wie lautet deine E-Mail?" class="bg-[#0f0f1a] placeholder:text-gray-600 rounded-xl border border-purple-500/20 px-5 py-4 text-white outline-none focus:border-purple-500 transition-colors" value=""></label><label class="flex flex-col"><span class="mb-2 text-sm font-medium text-gray-300 flex items-center gap-2"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-purple-400" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><line x1="12" y1="1" x2="12" y2="23"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>Dein Budget</span><input type="text" name="budget" placeholder="Wie hoch ist dein Budget für die App?" class="bg-[#0f0f1a] placeholder:text-gray-600 rounded-xl border border-purple-500/20 px-5 py-4 text-white outline-none focus:border-purple-500 transition-colors" value=""></label></div><label class="flex flex-col"><span class="mb-2 text-sm font-medium text-gray-300 flex items-center gap-2"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-purple-400" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>Deine Nachricht</span><textarea name="message" placeholder="Was möchtest du uns mitteilen?" rows="5" class="bg-[#0f0f1a] placeholder:text-gray-600 rounded-xl border border-purple-500/20 px-5 py-4 text-white outline-none focus:border-purple-500 transition-colors resize-none"></textarea></label><div class="flex flex-col gap-4"><div class="flex items-start"><input type="checkbox" id="terms" class="mr-3 h-5 w-5 mt-0.5 accent-purple-500 cursor-pointer"><label for="terms" class="text-gray-400 text-sm cursor-pointer"><span>Wenn du das Formular abschickst, stimmst du zu, dass wir deine Daten zur Beantwortung deiner Anfrage verarbeiten und zu Dokumentationszwecken speichern. Mehr Infos dazu findest du in unserer <a href="/privacy-policy" target="_blank" class="underline" rel="noopener noreferrer">Datenschutzerklärung</a>.</span></label></div></div><button type="submit" disabled="" class="w-full md:w-auto self-start bg-gradient-to-r from-purple-600 to-indigo-600 hover:from-purple-500 hover:to-indigo-500 disabled:from-gray-600 disabled:to-gray-700 disabled:cursor-not-allowed rounded-xl px-10 py-4 font-bold text-white outline-none transition-all flex items-center justify-center gap-3 shadow-lg shadow-purple-500/25"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-lg" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
692<line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>Anfrage senden</button></form></div></div></section></div><div class="absolute inset-0 z-[-1] h-auto w-full"><div style="position: relative; width: 100%; height: 100%; overflow: hidden; pointer-events: auto;"><div style="width: 100%; height: 100%;"><canvas data-engine="three.js r161" width="1280" height="800" style="display: block; width: 1280px; height: 800px;"></canvas></div></div></div></div><footer class="relative overflow-hidden"><div class="absolute inset-0 bg-gradient-to-b from-transparent via-purple-950/20 to-black/40"></div><div class="absolute inset-0 bg-[radial-gradient(ellipse_at_bottom,_var(--tw-gradient-stops))] from-violet-900/20 via-transparent to-transparent"></div><div class="relative z-10 max-w-7xl mx-auto px-6 pt-16 pb-8"><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10 mb-12"><div class="lg:col-span-1"><img src="/assets/logo-VOR2JwjQ.webp" alt="VitaApps" class="h-12 w-auto mb-4 cursor-pointer" width="48" height="48"><p class="text-gray-400 text-sm leading-relaxed mb-4">Wir sind stolz auf unsere Apps – mit Herzblut entwickelt.</p><div class="flex gap-3"><a href="mailto:[email protected]" rel="noopener noreferrer" aria-label="Email" class="p-2.5 rounded-xl bg-white/5 border border-white/10 text-gray-400 hover:text-blue-400 transition-all duration-300" tabindex="0"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="18" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"></path></svg></a><a href="https://x.com/VitaApps" target="_blank" rel="noopener noreferrer" aria-label="X" class="p-2.5 rounded-xl bg-white/5 border border-white/10 text-gray-400 hover:text-white transition-all duration-300" tabindex="0"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="18" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg></a><a href="https://www.instagram.com/vitaapps" target="_blank" rel="noopener noreferrer" aria-label="Instagram" class="p-2.5 rounded-xl bg-white/5 border border-white/10 text-gray-400 hover:text-pink-500 transition-all duration-300" tabindex="0"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="18" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg></a><a href="https://www.tiktok.com/@vitaapps" target="_blank" rel="noopener noreferrer" aria-label="TikTok" class="p-2.5 rounded-xl bg-white/5 border border-white/10 text-gray-400 hover:text-cyan-400 transition-all duration-300" tabindex="0"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="18" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"></path></svg></a><a href="https://www.linkedin.com/company/vitaapps/" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" class="p-2.5 rounded-xl bg-white/5 border border-white/10 text-gray-400 hover:text-blue-500 transition-all duration-300" tabindex="0"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="18" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg></a><a href="https://github.com/nicospohr" target="_blank" rel="noopener noreferrer" aria-label="GitHub" class="p-2.5 rounded-xl bg-white/5 border border-white/10 text-gray-400 hover:text-gray-300 transition-all duration-300" tabindex="0"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="18" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></div></div><div><h4 class="text-white font-semibold mb-4 flex items-center gap-2"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" aria-hidden="true" class="text-purple-400" height="16" width="16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5 2a1 1 0 011 1v1h1a1 1 0 010 2H6v1a1 1 0 01-2 0V6H3a1 1 0 010-2h1V3a1 1 0 011-1zm0 10a1 1 0 011 1v1h1a1 1 0 110 2H6v1a1 1 0 11-2 0v-1H3a1 1 0 110-2h1v-1a1 1 0 011-1zM12 2a1 1 0 01.967.744L14.146 7.2 17.5 9.134a1 1 0 010 1.732l-3.354 1.935-1.18 4.455a1 1 0 01-1.933 0L9.854 12.8 6.5 10.866a1 1 0 010-1.732l3.354-1.935 1.18-4.455A1 1 0 0112 2z" clip-rule="evenodd"></path></svg>Kostenlose Tools</h4><div class="space-y-1"><div><a class="flex items-center gap-2 py-1.5 text-gray-400 hover:text-white transition-colors group" href="/qr-code-generator"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" aria-hidden="true" class="text-gray-500 group-hover:text-purple-400 transition-colors" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M3 4a1 1 0 011-1h3a1 1 0 011 1v3a1 1 0 01-1 1H4a1 1 0 01-1-1V4zm2 2V5h1v1H5zM3 13a1 1 0 011-1h3a1 1 0 011 1v3a1 1 0 01-1 1H4a1 1 0 01-1-1v-3zm2 2v-1h1v1H5zM13 3a1 1 0 00-1 1v3a1 1 0 001 1h3a1 1 0 001-1V4a1 1 0 00-1-1h-3zm1 2v1h1V5h-1z" clip-rule="evenodd"></path><path d="M11 4a1 1 0 10-2 0v1a1 1 0 002 0V4zM10 7a1 1 0 011 1v1h2a1 1 0 110 2h-3a1 1 0 01-1-1V8a1 1 0 011-1zM16 9a1 1 0 100 2 1 1 0 000-2zM9 13a1 1 0 011-1h1a1 1 0 110 2v2a1 1 0 11-2 0v-3zM7 11a1 1 0 100-2H4a1 1 0 100 2h3zM17 13a1 1 0 01-1 1h-2a1 1 0 110-2h2a1 1 0 011 1zM16 17a1 1 0 100-2h-3a1 1 0 100 2h3z"></path></svg><span class="text-sm">QR Generator</span></a></div><div><a class="flex items-center gap-2 py-1.5 text-gray-400 hover:text-white transition-colors group" href="/pomodoro-timer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" aria-hidden="true" class="text-gray-500 group-hover:text-purple-400 transition-colors" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z" clip-rule="evenodd"></path></svg><span class="text-sm">Pomodoro Timer</span></a></div><div><a class="flex items-center gap-2 py-1.5 text-gray-400 hover:text-white transition-colors group" href="/eisenhower-matrix"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" aria-hidden="true" class="text-gray-500 group-hover:text-purple-400 transition-colors" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M5 3a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2V5a2 2 0 00-2-2H5zM5 11a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2v-2a2 2 0 00-2-2H5zM11 5a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V5zM11 13a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"></path></svg><span class="text-sm">Eisenhower Matrix</span></a></div><div><a class="flex items-center gap-2 py-1.5 text-gray-400 hover:text-white transition-colors group" href="/url-encoder"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" aria-hidden="true" class="text-gray-500 group-hover:text-purple-400 transition-colors" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M12.316 3.051a1 1 0 01.633 1.265l-4 12a1 1 0 11-1.898-.632l4-12a1 1 0 011.265-.633zM5.707 6.293a1 1 0 010 1.414L3.414 10l2.293 2.293a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414l3-3a1 1 0 011.414 0zm8.586 0a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 11-1.414-1.414L16.586 10l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg><span class="text-sm">URL Encoder</span></a></div><div><a class="flex items-center gap-2 py-1.5 text-gray-400 hover:text-white transition-colors group" href="/utm-builder"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" aria-hidden="true" class="text-gray-500 group-hover:text-purple-400 transition-colors" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M12.586 4.586a2 2 0 112.828 2.828l-3 3a2 2 0 01-2.828 0 1 1 0 00-1.414 1.414 4 4 0 005.656 0l3-3a4 4 0 00-5.656-5.656l-1.5 1.5a1 1 0 101.414 1.414l1.5-1.5zm-5 5a2 2 0 012.828 0 1 1 0 101.414-1.414 4 4 0 00-5.656 0l-3 3a4 4 0 105.656 5.656l1.5-1.5a1 1 0 10-1.414-1.414l-1.5 1.5a2 2 0 11-2.828-2.828l3-3z" clip-rule="evenodd"></path></svg><span class="text-sm">UTM Builder</span></a></div><div><a class="flex items-center gap-2 py-1.5 text-gray-400 hover:text-white transition-colors group" href="/bmi-rechner"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" aria-hidden="true" class="text-gray-500 group-hover:text-purple-400 transition-colors" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10 2a1 1 0 011 1v1.323l3.954 1.582 1.599-.8a1 1 0 01.894 1.79l-1.233.616 1.738 5.42a1 1 0 01-.285 1.05A3.989 3.989 0 0115 15a3.989 3.989 0 01-2.667-1.019 1 1 0 01-.285-1.05l1.715-5.349L11 6.477V16h2a1 1 0 110 2H7a1 1 0 110-2h2V6.477L6.237 7.582l1.715 5.349a1 1 0 01-.285 1.05A3.989 3.989 0 015 15a3.989 3.989 0 01-2.667-1.019 1 1 0 01-.285-1.05l1.738-5.42-1.233-.617a1 1 0 01.894-1.788l1.599.799L9 4.323V3a1 1 0 011-1zm-5 8.274l-.818 2.552c.25.112.526.174.8
69218.174.292 0 .569-.062.818-.174L5 10.274zm10 0l-.818 2.552c.25.112.526.174.818.174.292 0 .569-.062.818-.174L15 10.274z" clip-rule="evenodd"></path></svg><span class="text-sm">BMI Rechner</span></a></div><div><a class="flex items-center gap-2 py-1.5 text-gray-400 hover:text-white transition-colors group" href="/sleep-calculator"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" aria-hidden="true" class="text-gray-500 group-hover:text-purple-400 transition-colors" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path></svg><span class="text-sm">Schlafrechner</span></a></div><div><a class="flex items-center gap-2 py-1.5 text-gray-400 hover:text-white transition-colors group" href="/21-day-challenge"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" aria-hidden="true" class="text-gray-500 group-hover:text-purple-400 transition-colors" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z" clip-rule="evenodd"></path></svg><span class="text-sm">21-Tage Challenge</span></a></div></div></div><div><h4 class="text-white font-semibold mb-4">Unternehmen</h4><div class="space-y-1 mb-6"><div><button class="block py-1.5 text-gray-400 hover:text-white transition-colors text-sm text-left">Über uns</button></div><div><button class="block py-1.5 text-gray-400 hover:text-white transition-colors text-sm text-left">Services</button></div><div><button class="block py-1.5 text-gray-400 hover:text-white transition-colors text-sm text-left">Apps</button></div><div><button class="block py-1.5 text-gray-400 hover:text-white transition-colors text-sm text-left">Kontakt</button></div></div><h4 class="text-white font-semibold mb-3 text-sm">Rechtliches</h4><div class="space-y-1"><div><a class="block py-1 text-gray-500 hover:text-gray-300 transition-colors text-xs" href="/privacy-policy">Datenschutzerklärung</a></div><div><a class="block py-1 text-gray-500 hover:text-gray-300 transition-colors text-xs" href="/cookie-policy">Cookie-Richtlinie</a></div><div><a class="block py-1 text-gray-500 hover:text-gray-300 transition-colors text-xs" href="/imprint">Impressum</a></div></div></div></div><div class="h-px bg-gradient-to-r from-transparent via-white/20 to-transparent mb-6"></div><div class="flex flex-col md:flex-row justify-between items-center gap-4"><p class="text-gray-500 text-sm">© 2026 VitaApps. Alle Rechte vorbehalten.</p><div class="flex items-center gap-2 text-gray-600 text-xs"><span>Made with</span><span class="text-red-500 animate-herzschlag motion-reduce:animate-none">❤️</span><span>in 🇩🇪 &amp; 🇷🇴</span></div></div></div></footer></div></div>
693  
694
695</body></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.