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&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 & 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 & 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 & Mobile Lösungen" data-rh="true"><meta property="og:description" content="Professionelle App-Entwicklung für iOS & 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 & Mobile Lösungen" data-rh="true"><meta name="twitter:description" content="Professionelle App-Entwicklung für iOS & 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 ð©ðª & ð·ð´</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">ð©ðª & ð·ð´</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"> </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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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"> </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"> </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"> </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 ð©ðª & ð·ð´</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.