PageSourceSearch

https://www.elephant-agency.de/projekte

html elephant-agency.de collected 2026-10-05 22:49:04 UTC 121,949 bytes, 12 lines download raw bytes

1<!DOCTYPE html><html lang="de" class="space_mono_6db36b89-module__UGM3aa__variable"><head><meta charSet="utf-8"/><link rel="preconnect" href="/" crossorigin=""/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/logos/Elephant Logo blue-white.svg"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F5503b090da5da778eb6c1648d9d5c41dba04bf30-2000x1459.jpg%3Frect%3D0%2C168%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F5503b090da5da778eb6c1648d9d5c41dba04bf30-2000x1459.jpg%3Frect%3D0%2C168%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F5503b090da5da778eb6c1648d9d5c41dba04bf30-2000x1459.jpg%3Frect%3D0%2C168%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F5503b090da5da778eb6c1648d9d5c41dba04bf30-2000x1459.jpg%3Frect%3D0%2C168%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F5503b090da5da778eb6c1648d9d5c41dba04bf30-2000x1459.jpg%3Frect%3D0%2C168%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F5503b090da5da778eb6c1648d9d5c41dba04bf30-2000x1459.jpg%3Frect%3D0%2C168%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F5503b090da5da778eb6c1648d9d5c41dba04bf30-2000x1459.jpg%3Frect%3D0%2C168%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F5503b090da5da778eb6c1648d9d5c41dba04bf30-2000x1459.jpg%3Frect%3D0%2C168%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=3840&amp;q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimg%2FHero%20Projects%20%C3%9Cberlagerung.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimg%2FHero%20Projects%20%C3%9Cberlagerung.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimg%2FHero%20Projects%20%C3%9Cberlagerung.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimg%2FHero%20Projects%20%C3%9Cberlagerung.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimg%2FHero%20Projects%20%C3%9Cberlagerung.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimg%2FHero%20Projects%20%C3%9Cberlagerung.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimg%2FHero%20Projects%20%C3%9Cberlagerung.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimg%2FHero%20Projects%20%C3%9Cberlagerung.jpg&amp;w=3840&amp;q=75 3840w" imageSizes="100vw"/><link rel="stylesheet" href="/_next/static/chunks/4e2cf0f51994bbd7.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/46cd9762c72a0456.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/bf72dea8c5db61a5.js"/>
1<script src="/_next/static/chunks/5f71c5f4cc05148b.js" async=""></script>
1<script src="/_next/static/chunks/38c871303bdf041d.js" async=""></script>
1<script src="/_next/static/chunks/a34a09cb881de553.js" async=""></script>
1<script src="/_next/static/chunks/d1f9d4a1dda5d383.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-8c077a20b174e27b.js" async=""></script>
1<script src="/_next/static/chunks/f8476f04f92036c5.js" async=""></script>
1<script src="/_next/static/chunks/30c0b25dc9db1b93.js" async=""></script>
1<script src="/_next/static/chunks/facd7691b1af3890.js" async=""></script>
1<script src="/_next/static/chunks/a77a19d3db131ca4.js" async=""></script>
1<script src="/_next/static/chunks/c31334830eb0e3da.js" async=""></script>
1<script src="/_next/static/chunks/3c9226055e27da13.js" async=""></script>
1<script src="/_next/static/chunks/a99d7fab38bf45af.js" async=""></script>
1<script src="/_next/static/chunks/5fe99de5dbb6f8cd.js" async=""></script>
1<script src="/_next/static/chunks/b66c9625cc570f88.js" async=""></script>
1<script src="/_next/static/chunks/50563cad867cafd3.js" async=""></script>
1<link rel="preload" href="https://use.typekit.net/omn6lcn.css" as="style"/><link rel="preload" href="https://liveticker.elephant-sports.de/consent.js" as="script"/><link rel="preconnect" href="https://use.typekit.net" crossorigin="anonymous"/><meta name="next-size-adjust" content=""/><title>Webdesign Referenzen &amp; Projekte für B2B | Elephant</title><meta name="description" content="Webdesign-Referenzen, die Ergebnisse zeigen: B2B-Websites, E-Commerce, Headless CMS. Über 100 Projekte aus Ingolstadt für DACH-Mittelstand."/><meta name="author" content="Elephant Agency"/><link rel="manifest" href="/site.webmanifest"/><meta name="creator" content="Elephant Agency"/><meta name="publisher" content="Elephant Agency"/><meta name="robots" content="index, follow"/><meta name="googlebot" content="index, follow"/><link rel="canonical" href="https://www.elephant-agency.de/projekte"/><meta name="format-detection" content="telephone=no, address=no, email=no"/><meta property="og:title" content="Webdesign Referenzen &amp; Projekte für B2B | Elephant"/><meta property="og:description" content="Webdesign-Referenzen, die Ergebnisse zeigen: B2B-Websites, E-Commerce, Headless CMS. Über 100 Projekte aus Ingolstadt für DACH-Mittelstand."/><meta property="og:url" content="https://www.elephant-agency.de/projekte"/><meta property="og:image" content="https://www.elephant-agency.de/og-image.jpg"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Webdesign Referenzen &amp; Projekte für B2B | Elephant"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Webdesign Referenzen &amp; Projekte für B2B | Elephant"/><meta name="twitter:description" content="Webdesign-Referenzen, die Ergebnisse zeigen: B2B-Websites, E-Commerce, Headless CMS. Über 100 Projekte aus Ingolstadt für DACH-Mittelstand."/><meta name="twitter:image" content="https://www.elephant-agency.de/og-image.jpg"/><link rel="shortcut icon" href="/elephant_webdesign_marketing_logo.jpeg"/><link rel="icon" href="/elephant_webdesign_marketing_logo.jpeg" sizes="32x32" type="image/jpeg"/><link rel="icon" href="/elephant_webdesign_marketing_logo.jpeg" sizes="16x16" type="image/jpeg"/><link rel="apple-touch-icon" href="/icon.png"/>
1<script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script>
1</head><body class="antialiased font-sans"><div hidden=""><!--$--><!--/$--></div>
1<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('consent','default',{ad_storage:'denied',analytics_storage:'denied',ad_user_data:'denied',ad_personalization:'denied',wait_for_update:500});</script>
1<script type="text/plain" data-cc-category="STATISTICS">(function(){var i="G-7Z6VPJY196";window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}window.gtag=gtag;var s=document.createElement("script");s.async=1;s.src="https://www.googletagmanager.com/gtag/js?id="+encodeURIComponent(i);s.onload=function(){gtag("js",new Date());gtag("config",i);};document.head.appendChild(s);})();</script>
1<link rel="stylesheet" href="https://use.typekit.net/omn6lcn.css"/>
1<script>(self.__next_s=self.__next_s||[]).push([0,{"type":"application/ld+json","children":"{\"@context\":\"https://schema.org\",\"@type\":\"Organization\",\"name\":\"Elephant Agency\",\"url\":\"https://www.elephant-agency.de\",\"logo\":\"https://www.elephant-agency.de/logos/elephant-logo.svg\",\"description\":\"Digitalagentur mit Design, Tech und Produktdenken aus Ingolstadt.\",\"address\":{\"@type\":\"PostalAddress\",\"streetAddress\":\"c/o brigk, Schloßlände 26\",\"addressLocality\":\"Ingolstadt\",\"postalCode\":\"85049\",\"addressCountry\":\"DE\"},\"contactPoint\":{\"@type\":\"ContactPoint\",\"email\":\"[email protected]\",\"contactType\":\"customer service\",\"availableLanguage\":[\"German\",\"English\"]},\"sameAs\":[\"https://www.instagram.com/elephant__agency/\",\"https://de.linkedin.com/company/elephant-webdesign-marketing\"]}","id":"organization-jsonld"}])</script>
1<script>(self.__next_s=self.__next_s||[]).push([0,{"type":"application/ld+json","children":"{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Elephant Agency\",\"url\":\"https://www.elephant-agency.de\",\"publisher\":{\"@type\":\"Organization\",\"name\":\"Elephant Agency\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://www.elephant-agency.de/logos/elephant-logo.svg\"}}}","id":"website-jsonld"}])</script>
1<div class="fixed inset-0 z-[9999] pointer-events-none flex items-center justify-center" style="opacity:0;visibility:hidden;background-color:#0a0a18"><div class="w-[60px] h-[60px] md:w-[80px] md:h-[80px]" style="opacity:0;transform:scale(0.8)"><img alt="" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="w-full h-full object-contain" style="color:transparent" src="/logos/Elephant icon blue.svg"/></div></div><nav class="fixed top-0 left-0 right-0 z-50 w-full max-w-[100vw] transition-[background-color,padding,box-shadow] duration-300 bg-transparent py-6 md:py-8"><div class="max-w-[1750px] 2xl:max-w-[1720px] mx-auto px-[5%] md:px-[60px] lg:px-[100px] flex items-center justify-between"><a class="shrink-0 z-50 min-[1200px]:max-[1440px]:scale-[0.8] min-[1200px]:max-[1440px]:origin-left" href="/"><img alt="ELEPHANT Logo" loading="eager" width="221" height="48" decoding="async" data-nimg="1" class="block " style="color:transparent;height:48px;width:auto;backface-visibility:hidden;transform:translateZ(0)" src="/logos/Elephant Logo blue-white.svg"/></a><div class="hidden min-[1200px]:flex items-center gap-[12px] xl:gap-[30px] 2xl:gap-[50px]"><div class="relative"><span class="relative font-accent text-[14px] xl:text-[18px] 2xl:text-[20px] uppercase tracking-[0.03em] whitespace-nowrap transition-[color,background-color,box-shadow] duration-300 flex items-center gap-[6px] px-[6px] xl:px-[10px] py-[4px] rounded-full text-ice-white  cursor-default" aria-haspopup="true"><div class="w-[5px] h-[5px] rounded-full bg-electric-blue transition-[opacity,transform] duration-300 opacity-0 scale-0"></div>lösungen<svg class="w-[12px] h-[12px] transition-transform duration-300 " viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><line x1="6" y1="1" x2="6" y2="11"></line><line x1="1" y1="6" x2="11" y2="6"></line></svg></span></div><div class="relative"><a class="relative font-accent text-[14px] xl:text-[18px] 2xl:text-[20px] uppercase tracking-[0.03em] whitespace-nowrap transition-[color,background-color,box-shadow] duration-300 flex items-center gap-[6px] px-[6px] xl:px-[10px] py-[4px] rounded-full text-ice-white bg-white/30 shadow-sm " href="/projekte"><div class="w-[5px] h-[5px] rounded-full bg-electric-blue transition-[opacity,transform] duration-300 opacity-100 scale-100"></div>projekte</a></div><div class="relative"><a class="relative font-accent text-[14px] xl:text-[18px] 2xl:text-[20px] uppercase tracking-[0.03em] whitespace-nowrap transition-[color,background-color,box-shadow] duration-300 flex items-center gap-[6px] px-[6px] xl:px-[10px] py-[4px] rounded-full text-ice-white hover:text-white " href="/agentur"><div class="w-[5px] h-[5px] rounded-full bg-electric-blue transition-[opacity,transform] duration-300 opacity-0 scale-0"></div>agentur</a></div><div class="relative"><span class="relative font-accent text-[14px] xl:text-[18px] 2xl:text-[20px] uppercase tracking-[0.03em] whitespace-nowrap transition-[color,background-color,box-shadow] duration-300 flex items-center gap-[6px] px-[6px] xl:px-[10px] py-[4px] rounded-full text-ice-white  cursor-default" aria-haspopup="true"><div class="w-[5px] h-[5px] rounded-full bg-electric-blue transition-[opacity,transform] duration-300 opacity-0 scale-0"></div>business units<svg class="w-[12px] h-[12px] transition-transform duration-300 " viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><line x1="6" y1="1" x2="6" y2="11"></line><line x1="1" y1="6" x2="11" y2="6"></line></svg></span></div></div><div class="flex items-center gap-[8px] xl:gap-[16px] 2xl:gap-[20px]"><a class="hidden md:flex items-center px-[12px] xl:px-[25px] 2xl:px-[30px] h-[44px] xl:h-[64px] rounded-full shadow-[0px_2px_10px_0px_rgba(0,0,0,0.1)] transition-transform duration-300 hover:scale-105 bg-cool-concrete hover:bg-white" href="/kontakt"><span class="font-accent text-[13px] xl:text-[18px] 2xl:text-[20px] text-electric-blue uppercase tracking-[0.03em]">KONTAKT</span></a><button class="group/menu bg-electric-blue flex items-center justify-center gap-[6px] xl:gap-[10px] w-[44px] xl:w-auto px-0 xl:px-[25px] 2xl:px-[30px] h-[44px] xl:h-[64px] rounded-full shadow-[0px_2px_10px_0px_rgba(0,0,0,0.1)] transition-[transform,box-shadow] duration-500 ease-out hover:shadow-[0px_4px_20px_0px_rgba(24,62,235,0.4)] hover:scale-[1.03]"><div class="flex flex-col gap-[3px]"><div class="w-[14px] xl:w-[18px] 2xl:w-[20px] h-[2px] rounded-full bg-cool-concrete"></div><div class="w-[14px] xl:w-[18px] 2xl:w-[20px] h-[2px] rounded-full bg-cool-concrete"></div></div><span class="font-accent hidden xl:inline text-[18px] 2xl:text-[20px] uppercase tracking-[0.03em] text-cool-concrete">menü</span></button></div></div></nav><div class="fixed inset-0 z-[100] transition-[opacity,visibility] duration-300 opacity-0 invisible pointer-events-none"><div class="w-full h-full flex"><div class="hidden min-[1200px]:flex w-[40%] relative bg-[#fcfdff] items-center justify-center overflow-hidden"><div class="absolute inset-0 pointer-events-none" style="background:radial-gradient(ellipse at 30% 40%, rgba(24,62,235,0.08) 0%, transparent 60%), radial-gradient(ellipse at 70% 80%, rgba(24,62,235,0.05) 0%, transparent 50%)"></div><div class="relative w-[350px] xl:w-[412px] h-[490px] xl:h-[580px]"><div class="absolute inset-0 rounded-[20px] overflow-hidden transition-[transform,box-shadow] duration-500 ease-out" style="transform:rotate(-3deg) translate(0px, 0px);z-index:5;box-shadow:1px 2px 20px 0px rgba(24, 62, 235, 0.4)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fimg%2FHero%20Backgroun
1d%20IMG.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=3840&amp;q=75"/></div><div class="absolute inset-0 rounded-[20px] overflow-hidden transition-[transform,box-shadow] duration-500 ease-out" style="transform:rotate(3deg) translate(15px, 8px);z-index:4;box-shadow:1px 2px 10px 0px rgba(0, 0, 0, 0.08)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=3840&amp;q=75"/></div><div class="absolute inset-0 rounded-[20px] overflow-hidden transition-[transform,box-shadow] duration-500 ease-out" style="transform:rotate(-6deg) translate(-10px, 15px);z-index:3;box-shadow:1px 2px 10px 0px rgba(0, 0, 0, 0.08)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=3840&amp;q=75"/></div><div class="absolute inset-0 rounded-[20px] overflow-hidden transition-[transform,box-shadow] duration-500 ease-out" style="transform:rotate(6deg) translate(12px, -5px);z-index:2;box-shadow:1px 2px 10px 0px rgba(0, 0, 0, 0.08)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=3840&amp;
1q=75 3840w" src="/_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=3840&amp;q=75"/></div><div class="absolute inset-0 rounded-[20px] overflow-hidden transition-[transform,box-shadow] duration-500 ease-out" style="transform:rotate(-2deg) translate(-8px, 20px);z-index:1;box-shadow:1px 2px 10px 0px rgba(0, 0, 0, 0.08)"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimg%2FHero%20Background%20IMG.jpg&amp;w=3840&amp;q=75"/></div></div></div><div class="absolute top-0 left-0 right-0 z-[110] py-6 md:py-8"><div class="max-w-[1750px] 2xl:max-w-[1720px] mx-auto px-[5%] md:px-[60px] lg:px-[100px] flex items-center justify-end"><div class="flex items-center gap-[12px] md:gap-[16px] xl:gap-[20px]"><a class="hidden md:flex items-center gap-[8px] md:gap-[10px] px-[16px] md:px-[25px] xl:px-[30px] h-[64px] rounded-full bg-[#dee2e6] shadow-[0px_2px_10px_0px_rgba(0,0,0,0.1)] transition-transform duration-300 hover:scale-105" href="/kontakt"><span class="font-accent text-[16px] md:text-[18px] xl:text-[20px] text-electric-blue uppercase tracking-[0.03em]">KONTAKT</span></a><button class="bg-electric-blue flex items-center justify-center w-[56px] h-[56px] md:w-[64px] md:h-[64px] rounded-full shadow-[0px_2px_10px_0px_rgba(0,0,0,0.1)] transition-[transform,background-color] duration-300 hover:bg-electric-blue/80 hover:scale-110"><svg class="w-[18px] h-[18px]" viewBox="0 0 18 18" fill="none" stroke="white" stroke-width="2" stroke-linecap="round"><line x1="1" y1="1" x2="17" y2="17"></line><line x1="17" y1="1" x2="1" y2="17"></line></svg></button></div></div></div><div class="w-full min-[1200px]:w-[60%] min-[1200px]:ml-auto relative bg-[#0a0a18] overflow-hidden flex flex-col h-full"><div class="absolute inset-0 pointer-events-none" style="background:radial-gradient(ellipse at 80% 10%, rgba(24,62,235,0.12) 0%, transparent 50%), radial-gradient(ellipse at 30% 90%, rgba(24,62,235,0.06) 0%, transparent 50%)"></div><div class="relative z-[111] py-6 md:py-8 px-[20px] md:px-[60px] xl:px-[80px] flex items-center pointer-events-none"><a class="shrink-0 pointer-events-auto" href="/"><img alt="ELEPHANT Logo" loading="eager" width="221" height="48" decoding="async" data-nimg="1" class="block " style="color:transparent;height:48px;width:auto;backface-visibility:hidden;transform:translateZ(0)" src="/logos/Elephant Logo blue-white.svg"/></a></div><div class="relative z-10 flex-1 hidden min-[1200px]:flex items-center px-[60px] xl:px-[80px]"><div class="flex gap-[40px] xl:gap-[60px] items-start w-full"><div class="flex flex-col gap-[16px] xl:gap-[24px] shrink-0"><button type="button" class="group flex items-center gap-[12px] xl:gap-[16px] text-left cursor-default"><span class="font-headline text-[28px] xl:text-[36px] text-[#fcfdff] leading-[1.2] tracking-[-0.72px] transition-colors duration-200 group-hover:text-white/70">Lösungen</span><div class="w-[18px] h-[18px] xl:w-[22px] xl:h-[22px] rounded-full bg-electric-blue transition-[opacity,transform] duration-300 shrink-0 opacity-100 scale-100"></div></button><a class="group flex items-center gap-[12px] xl:gap-[16px]" href="/projekte"><span class="font-headline text-[28px] xl:text-[36px] text-[#fcfdff] leading-[1.2] tracking-[-0.72px] transition-colors duration-200 group-hover:text-white/70">Projekte &amp; Cases</span><div class="w-[18px] h-[18px] xl:w-[22px] xl:h-[22px] rounded-full bg-electric-blue transition-[opacity,transform] duration-300 shrink-0 opacity-0 scale-50"></div></a><a class="group flex items-center gap-[12px] xl:gap-[16px]" href="/agentur"><span class="font-headline text-[28px] xl:text-[36px] text-[#fcfdff] leading-[1.2] tracking-[-0.72px] transition-colors duration-200 group-hover:text-white/70">Über Elephant</span><div class="w-[18px] h-[18px] xl:w-[22px] xl:h-[22px] rounded-full bg-electric-blue transition-[opacity,transform] duration-300 shrink-0 opacity-0 scale-50"></div></a><button type="button" class="group flex items-center gap-[12px] xl:gap-[16px] text-left cursor-default"><span class="font-headline text-[28px] xl:text-[36px] text-[#fcfdff] leading-[1.2] tracking-[-0.72px] transition-colors duration-200 group-hover:text-white/70">Business Units</span><div class="w-[18px] h-[18px] xl:w-[22px] xl:h-[22px] rounded-full bg-electric-blue transition-[opacity,transform] duration-300 shrink-0 opacity-0 scale-50"></div></button><a class="group flex items-center gap-[12px] xl:gap-[16px]" href="/artikel"><span class="font-headline text-[28px] xl:text-[36px] text-[#fcfdff] leading-[1.2] tracking-[-0.72px] transition-colors duration-200 group-hover:text-white/70">Wissen</span><div class="w-[18px] h-[18px] xl:w-[22px] xl:h-[22px] rounded-full bg-electric-blue transition-[opacity,transform] duration-300 shrink-0 opacity-0 scale-50"></div></a></div><div class="relative min-w-[250px] xl:min-w-[350px] pt-[6px]"><div class="flex flex-col gap-[10px] xl:gap-[14px] transition-opacity duration-300 opacity-100 pointer-events-auto relative"><a class="font-headline text-[22px] xl:text-[28px] text-[#fcfdff] leading-[1.4] tracking-[-0.56px] transition-colors duration-200 hover:text-electric-blue" href="/business-units/webstudio">Website &amp; E-Commerce</a><a class="font-headline text-[22px] xl:text-[28px] text-[#fcfdff] leading-[1.4] tracking-[-0.56px] transition-colors duration-200 hover:text-electric-blue" href="/business-units/online-sichtbarkeit">Online Sichtbarkeit</a><a class="font-headline text-[22px] xl:text-[28px] text-[#fcfdff] leading-[1.4] tracking-[-0.56px] transition-colors duration-200 hover:text-electric-blue" href="/business-units/webanwendungen-ki">Webanwendungen &amp; KI</a></div><div class="flex flex-col gap-[10px] xl:gap-[14px] transition-opacity duration-300 opacity-0 pointer-events-none absolute top-[6px] left-0"></div><div class="flex flex-col gap-[10px] xl:gap-[14px] transition-opacity duration-300 opacity-0 pointer-events-none absolute top-[6px] left-0"></div><div class="flex flex-col gap-[10px] xl:gap-[14px] transition-opacity duration-300 opacity-0 pointer-events-none absolute top-[6px] left-0"><a class="font-headline text-[22px] xl:text-[28px] text-[#fcfdff] leading-[1.4] tracking-[-0.56px] transition-colors duration-200 hover:text-electric-blue" href="/business-units/webstudio">Web Studio</a><a class="font-headline text-[22px] xl:text-[28px] text-[#fcfdff] leading-[1.4] tracking-[-0.56px] transition-colors duration-200 hover:text-electric-blue" href="/business-units/product-studio">Product Studio</a><a class="font-headline text-[22px] xl:text-[28px] text-[#fcfdff] leading-[1.4] tracking-[-0.56px] transition-colors duration-200 hover:text-electric-blue" href="/business-units/partnerlab">Partner Lab</a></div><div class="flex flex-col gap-[10px] xl:gap-[14px] transition-opacity duration-300 opacity-0 pointer-events-none absolute top-[6px] left-0"><a class="font-headline text-[22px] xl:text-[28px] text-[#fcfdff] leading-[1.4] tracking-[-0.56px] transition-colors duration-200 hover:text-electric-blue" href="/artikel">Blog</a><a class="font-headline text-[22px] xl:text-[28px] text-[#fcfdff] leading-[1.4] tracking-[-0.56px] transition-colors duration-200 hover:text-electric-blue" href="/glossar">Glossar</a></div></div></div></div><div class="relative z-10 flex-1 flex min-[1200px]:hidden flex-col justify-center px-[20px] md:px-[60px] overflow-y-auto pt-[100px]"><div class="flex flex-col gap-[22px] md:gap-[26px]"><div><button class="flex items-center gap-[12px] w-full text-left"><span class="font-headline text-[32px] md:text-[36px] text-[#fcfdff] leading-[1.2] tracking-[-0.64px]">Lösungen</span><svg class="w-[18px] h-[18px] text-electric-blue transition-transform duration-300 shrink-0 " viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M4 6l4 4 4-4"></path></svg></button><div class="overflow-hidden transition-[max-height,opacity] duration-300 max-h-0 opacity-0"><div class="flex flex-col gap-[10px] pl-[20px] border-l-2 border-electric-blue/30"><a class="font-headline text-[22px] md:text-[24px] text-cool-concrete leading-[1.4] tracking-[-0.44px] transition-colors duration-200 hover:text-white" href="/business-units/webstudio">Website &amp; E-Commerce</a><a class="font-headline text-[22px] md:text-[24px] text-cool-concrete leading-[1.4] tracking-[-0.44px] transition-colors duration-200 hover:text-white" href="/business-units/online-sichtbarkeit">Online Sichtbarkeit</a><a class="font-headline text-[22px] md:text-[24px] text-cool-concrete leading-[1.4] tracking-[-0.44px] transition-colors duration-200 hover:text-white" href="/business-units/webanwendungen-ki">Webanwendungen &amp; KI</a></div></div></div><div><a class="font-headline text-[32px] md:text-[36px] text-[#fcfdff] leading-[1.2] tracking-[-0.64px] transition-colors duration-200 hover:text-electric-blue" href="/projekte">Projekte &amp; Cases</a></div><div><a class="font-headline text-[32px] md:text-[36px] text-[#fcfdff] leading-[1.2] tracking-[-0.64px] transition-colors duration-200 hover:text-electric-blue" href="/agentur">Über Elephant</a></div><div><button class="flex items-center gap-[12px] w-full text-left"><span class="font-headline text-[32px] md:text-[36px] text-[#fcfdff] leading-[1.2] tracking-[-0.64px]">Business Units</span><svg class="w-[18px] h-[18px] text-electric-blue transition-transform duration-300 shrink-0 " viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M4 6l4 4 4-4"></path></svg></button><div class="overflow-hidden transition-[max-height,opacity] duration-300 max-h-0 opacity-0"><div class="flex flex-col gap-[10px] pl-[20px] border-l-2 border-electric-blue/30"><a class="font-headline text-[22px] md:text-[24px] text-cool-concrete leading-[1.4] tracking-[-0.44px] transition-colors duration-200 hover:text-white" href="/business-units/webstudio">Web Studio</a><a class="font-headline text-[22px] md:text-[24px] text-cool-concrete leading-[1.4] tracking-[-0.44px] transition-colors duration-200 hover:text-white" href="/business-units/product-studio">Product Studio</a><a class="font-headline text-[22px] md:text-[24px] text-cool-concrete leading-[1.4] tracking-[-0.44px] transition-colors duration-200 hover:text-white" href="/business-units/partnerlab">Partner Lab</a></div></div></div><div><button class="flex items-center gap-[12px] w-full text-left"><span class="font-headline text-[32px] md:text-[36px] text-[#fcfdff] leading-[1.2] tracking-[-0.64px]">Wissen</span><svg class="w-[18px] h-[18px] text-electric-blue transition-transform duration-300 shrink-0 " viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M4 6l4 4 4-4"></path></svg></button><div class="overflow-hidden transition-[max-height,opacity] duration-300 max-h-0 opacity-0"><div class="flex flex-col gap-[10px] pl-[20px] border-l-2 border-electric-blue/30"><a class="font-headline text-[22px] md:text-[24px] text-cool-concrete leading-[1.4] tracking-[-0.44px] transition-colors duration-200 hover:text-white" href="/artikel">Blog</a><a class="font-headline text-[22px] md:text-[24px] text-cool-concrete leading-[1.4] tracking-[-0.44px] transition-colors duration-200 hover:text-white" href="/glossar">Glossar</a></div></div></div></div><div class="pt-[40px] flex items-center gap-[16px]"><a class="font-body text-[14px] text-[#dee2e6]/60 tracking-[-0.02em] transition-colors hover:text-white" href="/datenschutz">Datenschutz</a><span class="text-[#dee2e6]/30">|</span><a class="font-body text-[14px] text-[#dee2e6]/60 tracking-[-0.02em] transition-colors hover:text-white" href="/impressum">Impressum</a><span class="text-[#dee2e6]/30">|</span><button type="button" class="bg-transparent p-0 border-0 cursor-pointer font-body text-[14px] text-[#dee2e6]/60 tracking-[-0.02em] transition-colors hover:text-white">Cookie-Einstellungen</button></div></div><div class="relative z-10 px-[20px] md:px-[60px] lg:px-[80px] pb-[30px] md:pb-[40px]">
1<a class="bg-electric-blue rounded-[15px] p-[10px] pr-[24px] flex items-center gap-[15px] shadow-[0px_8px_15px_0px_rgba(0,0,0,0.1)] max-w-fit transition-transform duration-300 hover:scale-[1.02]" href="/kontakt"><div class="w-[80px] h-[65px] md:w-[122px] md:h-[100px] rounded-[15px] bg-[#0a0a18] overflow-hidden relative shadow-[0px_15px_20px_-10px_rgba(0,0,0,0.12)] shrink-0 flex items-center justify-center"><img alt="" loading="lazy" width="60" height="60" decoding="async" data-nimg="1" class="w-[40px] h-[40px] md:w-[60px] md:h-[60px] object-contain" style="color:transparent" src="/logos/Elephant icon blue.svg"/></div><p class="font-headline text-[18px] md:text-[26px] text-[#fcfdff] tracking-[-0.52px] leading-normal whitespace-pre-line">Neugierig geworden?
2Jetzt Projekt anfragen!</p></a></div></div></div></div><main><div class="bg-midnight-blue"><section class="relative flex flex-col bg-midnight-blue overflow-hidden rounded-bl-[20px] rounded-br-[20px] md:rounded-bl-[40px] md:rounded-br-[40px]"><div class="absolute inset-0"><div class="absolute inset-0 transition-opacity duration-700 ease-out" style="opacity:1;pointer-events:auto"><img alt="Brasser Accounting" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F5503b090da5da778eb6c1648d9d5c41dba04bf30-2000x1459.jpg%3Frect%3D0%2C168%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F5503b090da5da778eb6c1648d9d5c41dba04bf30-2000x1459.jpg%3Frect%3D0%2C168%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F5503b090da5da778eb6c1648d9d5c41dba04bf30-2000x1459.jpg%3Frect%3D0%2C168%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F5503b090da5da778eb6c1648d9d5c41dba04bf30-2000x1459.jpg%3Frect%3D0%2C168%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F5503b090da5da778eb6c1648d9d5c41dba04bf30-2000x1459.jpg%3Frect%3D0%2C168%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F5503b090da5da778eb6c1648d9d5c41dba04bf30-2000x1459.jpg%3Frect%3D0%2C168%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F5503b090da5da778eb6c1648d9d5c41dba04bf30-2000x1459.jpg%3Frect%3D0%2C168%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F5503b090da5da778eb6c1648d9d5c41dba04bf30-2000x1459.jpg%3Frect%3D0%2C168%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F5503b090da5da778eb6c1648d9d5c41dba04bf30-2000x1459.jpg%3Frect%3D0%2C168%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=3840&amp;q=75"/></div><div class="absolute inset-0 transition-opacity duration-700 ease-out" style="opacity:0;pointer-events:none"><img alt="Cosmema" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F6f056a62d2ce25b88b27e781d326e5907efddceb-2000x1333.jpg%3Frect%3D0%2C105%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F6f056a62d2ce25b88b27e781d326e5907efddceb-2000x1333.jpg%3Frect%3D0%2C105%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F6f056a62d2ce25b88b27e781d326e5907efddceb-2000x1333.jpg%3Frect%3D0%2C105%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F6f056a62d2ce25b88b27e781d326e5907efddceb-2000x1333.jpg%3Frect%3D0%2C105%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F6f056a62d2ce25b88b27e781d326e5907efddceb-2000x1333.jpg%3Frect%3D0%2C105%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F6f056a62d2ce25b88b27e781d326e5907efddceb-2000x1333.jpg%3Frect%3D0%2C105%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F6f056a62d2ce25b88b27e781d326e5907efddceb-2000x1333.jpg%3Frect%3D0%2C105%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F6f056a62d2ce25b88b27e781d326e5907efddceb-2000x1333.jpg%3Frect%3D0%2C105%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F6f056a62d2ce25b88b27e781d326e5907efddceb-2000x1333.jpg%3Frect%3D0%2C105%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=3840&amp;q=75"/></div><div class="absolute inset-0 transition-opacity duration-700 ease-out" style="opacity:0;pointer-events:none"><img alt="mockup_projekte_seobility_macbook" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F00211a7672c159b212191bc751ed02fefbde340b-2000x1459.jpg%3Frect%3D0%2C168%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F00211a7672c159b212191bc751ed02fefbde340b-2000x1459.jpg%3Frect%3D0%2C168%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F00211a7672c159b212191bc751ed02fefbde340b-2000x1459.jpg%3Frect%3D0%2C168%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F00211a7672c159b212191bc751ed02fefbde340b-2000x1459.jpg%3Frect%3D0%2C168%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F00211a7672c159b212191bc751ed02fefbde340b-2000x1459.jpg%3Frect%3D0%2C168%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F00211a7672c159b212191bc751ed02fefbde340b-2000x1459.jpg%3Frect%3D0%2C168%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F00211a7672c159b212191bc751ed02fefbde340b-2000x1459.jpg%3Frect%3D0%2C168%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F00211a7672c159b212191bc751ed02fefbde340b-2000x1459.jpg%3Frect%3D0%2C168%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Frphynzwl%2Fproduction%2F00211a7672c159b212191bc751ed02fefbde340b-2000x1459.jpg%3Frect%3D0%2C168%2C2000%2C1125%26w%3D2560%26h%3D1440%26q%3D95%26auto%3Dformat&amp;w=3840&amp;q=75"/></div><div class="absolute inset-0 opacity-70"><img alt="Hero Overlay" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fimg%2FHero%20Projects%20%C3%9Cberlagerung.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimg%2FHero%20Projects%20%C3%9Cberlagerung.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimg%2FHero%20Projects%20%C3%9Cberlagerung.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimg%2FHero%20Projects%20%C3%9Cberlagerung.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimg%2FHero%20Projects%20%C3%9Cberlagerung.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimg%2FHero%20Projects%20%C3%9Cberlagerung.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimg%2FHero%20Projects%20%C3%9Cberlagerung.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimg%2FHero%20Projects%20%C3%9Cberlagerung.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimg%2FHero%20Projects%20%C3%9Cberlagerung.jpg&amp;w=3840&amp;q=75"/></div><div class="absolute inset-0 pointer-events-none" style="background:radial-gradient(ellipse 200% 100% at 50% 34%, rgba(10,10,24,0.15) 0%, rgba(10,10,24,1) 100%)"></div></div><div class="relative z-10 flex flex-col"><div class="flex-1 flex items-center pt-[160px] md:pt-[220px]"><div class="max-w-[1750px] 2xl:max-w-[1720px] mx-auto w-full px-[5%] md:px-[60px] lg:px-[100px] grid grid-cols-1 lg:grid-cols-2 gap-x-[60px] md:gap-x-[80px] items-start"><h1 data-hero-headline="true" class="font-headline text-[48px] md:text-[56px] lg:text-[64px] leading-[1.1] tracking-[-0.02em] text-ice-white font-medium max-w-[719px]">Cases &amp; Projekte aus unserem Portfolio</h1><p data-hero-subline="true" class="font-body font-medium text-[20px] md:text-[24px] lg:text-[32px] leading-[1.45] text-ice-white max-w-[732px] mt-6 lg:mt-12">Von Startup bis Verwaltung oder Industrie. Wir denken größer als das Briefing und entwickeln Lösungen, die mitwachsen.</p></div></div><div class="pb-[60px] md:pb-[100px] pt-[40px] md:pt-[60px]"><div class="max-w-[1750px] 2xl:max-w-[1720px] mx-auto w-full px-[5%] md:px-[60px] lg:px-[100px]"><div class="hidden md:grid md:grid-cols-3 md:gap-x-[48px]"><button type="button" class="group text-left" aria-label="Slide 1: Brasser Accounting"><div class="h-[2px] w-full rounded-full overflow-hidden bg-ice-white/20"><div class="h-full bg-electric-blue transition-none" style="width:0%"></div></div><div class="mt-3 font-body text-[20px] tracking-[-0.02em] transition-colors duration-300 text-ice-white">Brasser Accounting</div></button><button type="button" class="group text-left" aria-label="Slide 2: Cosmema"><div class="h-[2px] w-full rounded-full overflow-hidden bg-ice-white/20"><div class="h-full bg-electric-blue transition-none" style="width:0%"></div></div><div class="mt-3 font-body text-[20px] tracking-[-0.02em] transition-colors duration-300 text-ice-white/70 group-hover:text-ice-white">Cosmema</div></button><button type="button" class="group text-left" aria-label="Slide 3: Seobility "><div class="h-[2px] w-full rounded-full overflow-hidden bg-ice-white/20"><div class="h-full bg-electric-blue transition-none" style="width:0%"></div></div><div class="mt-3 font-body text-[20px] tracking-[-0.02em] transition-colors duration-300 text-ice-white/70 group-hover:text-ice-white">Seobility </div></button></div><div class="md:hidden"><div class="flex gap-[6px] mb-3"><button type="button" class="flex-1 h-[2px] rounded-full overflow-hidden bg-ice-white/20" aria-label="Slide 1"><div class="h-full bg-electric-blue transition-none" style="width:0%"></div></button><button type="button" class="flex-1 h-[2px] rounded-full overflow-hidden bg-ice-white/20" aria-label="Slide 2"><div class="h-full bg-electric-blue transition-none" style="width:0%"></div></button><button type="button" class="flex-1 h-[2px] rounded-full overflow-hidden bg-ice-white/20" aria-label="Slide 3"><div class="h-full bg-electric-blue transition-none" style="width:0%"></div></button></div><div class="font-body text-[18px] tracking-[-0.02em] text-ice-white">Brasser Accounting</div></div></div></div></div></section></div><section class="bg-midnight-blue py-[60px] md:py-[100px]"><div class="max-w-[1750px] 2xl:max-w-[1720px] mx-auto px-[5%] md:px-[60px] lg:px-[100px]"><div class="" style="opacity:0;transform:translateY(24px);transition:opacity 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, transform 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s"><div class="flex items-center gap-[10px] pb-[20px]"><div class="w-[15px] h-[15px] rounded-full bg-electric-blue"></div><span class="font-accent text-[22px] text-electric-blue uppercase tracking-[0.03em]">CASES</span></div><h2 class="font-headline text-[48px] md:text-[56px] leading-tight tracking-[-0.02em] text-ice-white font-medium mb-[20px]">Case Studies</h2></div><div class="relative z-20" style="opacity:0;transform:translateY(24px);transition:opacity 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s, transform 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s"><div class="flex flex-col md:flex-row md:items-center md:justify-between gap-6 mb-[60px] md:mb-[80px]"><div class="flex flex-wrap gap-[20px] md:gap-[30px]"><div class="relative" data-dropdown="true"><button type="button" class="flex items-center gap-[15px] px-[30px] py-[10px] rounded-full border border-ice-white text-ice-white font-body text-[20px] md:text-[24px] tracking-[-0.02em] transition-colors hover:bg-ice-white/10">Leistungen<span class="text-ice-white/80">+</span></button></div><div class="relative" data-dropdown="true"><button type="button" class="flex items-center gap-[15px] px-[30px] py-[10px] rounded-full border border-ice-white text-ice-white font-body text-[20px] md:text-[24px] tracking-[-0.02em] transition-colors hover:bg-ice-white/10">Branchen<span class="text-ice-white/80">+</span></button></div></div><div class="flex items-center gap-[20px]"><button type="button" class="flex items-center gap-[8px] transition-colors text-ice-white" style="color:#fcfdff" aria-pressed="true" aria-label="Cards-Ansicht"><img alt="Cards Icon" loading="lazy" width="15" height="15" decoding="async" data-nimg="1" class="transition-colors" style="color:transparent;filter:none" src="/cards.svg"/><span class="font-body text-[22px] tracking-[-0.02em]">Karten</span></button><button type="button" class="flex items-center gap-[8px] transition-colors hover:text-ice-white/80" style="color:#A2A2AD" aria-pressed="false" aria-label="Explore-Ansicht"><img alt="Explore Icon" loading="lazy" width="15" height="28" decoding="async" data-nimg="1" class="transition-colors" style="color:transparent;filter:brightness(0) saturate(100%) invert(67%) sepia(6%) saturate(388
2%) hue-rotate(202deg) brightness(92%) contrast(88%)" src="/explore.svg"/><span class="font-body text-[22px] tracking-[-0.02em]">entdecken</span></button></div></div></div><div class="relative"><div class="grid grid-cols-1 md:grid-cols-3 gap-x-[40px] gap-y-8"><div class="" style="opacity:0;transform:translateY(24px);transition:opacity 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, transform 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s"><a class="group block " href="/projekte/symtec"><div class="relative cursor-none relative h-[400px] md:h-[517px] rounded-[20px] overflow-hidden shadow-[1px_2px_10px_0px_rgba(0,0,0,0.05)] transition-all duration-300 hover:scale-[1.02] hover:shadow-[0px_8px_30px_0px_rgba(24,62,235,0.15)] hover:ring-2 hover:ring-electric-blue/30 mb-[20px]" data-cursor-hide="true"><div class="absolute z-[9999] pointer-events-none" style="transform:translate(-50%, -50%);opacity:0;transition:opacity 0.15s ease-out"><div class="w-[80px] h-[80px] rounded-full bg-electric-blue/90 backdrop-blur-[2px] shadow-[0px_4px_10px_rgba(0,0,0,0.3)] flex items-center justify-center"><p class="font-accent text-[10px] text-ice-white uppercase tracking-[0.03em] text-center leading-[12px] whitespace-pre">MEHR<!-- -->
3<!-- -->ERFAHREN</p></div></div><div class="absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-700 group-hover:scale-105" style="background-image:url(&#x27;https://cdn.sanity.io/images/rphynzwl/production/2d68aab09e5064c3f9af0346c6be06d0778ffb2d-2000x1333.jpg?rect=364,0,1272,1333&amp;w=1974&amp;h=2068&amp;q=95&amp;auto=format&#x27;)"></div><div class="absolute inset-0 bg-black/20"></div><div class="absolute top-[30px] md:top-[40px] left-[30px] md:left-[40px]"><div class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px]"><span class="font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">B2B-Dienstleistung</span></div></div><div class="absolute bottom-[30px] md:bottom-[40px] left-[30px] md:left-[40px] right-[30px] md:right-[40px]"><div class="flex flex-wrap gap-[8px] gap-y-2"><span class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px] font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">Website</span><span class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px] font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">Branding</span></div></div></div><div class="space-y-[8px] mt-[20px]"><h3 class="font-headline text-[24px] md:text-[28px] leading-tight tracking-[-0.02em] text-ice-white font-medium">Symtec</h3><p class="font-body text-[16px] md:text-[18px] text-ice-white/70 leading-relaxed line-clamp-2">Zwei Wochen von der Idee zur Live-Website: Markenauftritt für Symtec</p></div></a></div><div class="" style="opacity:0;transform:translateY(24px);transition:opacity 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, transform 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s"><a class="group block " href="/projekte/erc-ingolstadt"><div class="relative cursor-none relative h-[400px] md:h-[517px] rounded-[20px] overflow-hidden shadow-[1px_2px_10px_0px_rgba(0,0,0,0.05)] transition-all duration-300 hover:scale-[1.02] hover:shadow-[0px_8px_30px_0px_rgba(24,62,235,0.15)] hover:ring-2 hover:ring-electric-blue/30 mb-[20px]" data-cursor-hide="true"><div class="absolute z-[9999] pointer-events-none" style="transform:translate(-50%, -50%);opacity:0;transition:opacity 0.15s ease-out"><div class="w-[80px] h-[80px] rounded-full bg-electric-blue/90 backdrop-blur-[2px] shadow-[0px_4px_10px_rgba(0,0,0,0.3)] flex items-center justify-center"><p class="font-accent text-[10px] text-ice-white uppercase tracking-[0.03em] text-center leading-[12px] whitespace-pre">MEHR<!-- -->
4<!-- -->ERFAHREN</p></div></div><div class="absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-700 group-hover:scale-105" style="background-image:url(&#x27;https://cdn.sanity.io/images/rphynzwl/production/b213b4a10664c6ec85588d956a30f0f863a4f549-2000x1333.jpg?rect=364,0,1272,1333&amp;w=1974&amp;h=2068&amp;q=95&amp;auto=format&#x27;)"></div><div class="absolute inset-0 bg-black/20"></div><div class="absolute top-[30px] md:top-[40px] left-[30px] md:left-[40px]"><div class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px]"><span class="font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">Sportverein</span></div></div><div class="absolute bottom-[30px] md:bottom-[40px] left-[30px] md:left-[40px] right-[30px] md:right-[40px]"><div class="flex flex-wrap gap-[8px] gap-y-2"><span class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px] font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">Website</span><span class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px] font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">Branding</span><span class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px] font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">Web Development</span></div></div></div><div class="space-y-[8px] mt-[20px]"><h3 class="font-headline text-[24px] md:text-[28px] leading-tight tracking-[-0.02em] text-ice-white font-medium">ERC Ingolstadt</h3><p class="font-body text-[16px] md:text-[18px] text-ice-white/70 leading-relaxed line-clamp-2">Live-Daten, Tickets und Matchcenter: Website Relaunch für den ERC Ingolstadt</p></div></a></div><div class="" style="opacity:0;transform:translateY(24px);transition:opacity 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, transform 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s"><a class="group block " href="/projekte/confil"><div class="relative cursor-none relative h-[400px] md:h-[517px] rounded-[20px] overflow-hidden shadow-[1px_2px_10px_0px_rgba(0,0,0,0.05)] transition-all duration-300 hover:scale-[1.02] hover:shadow-[0px_8px_30px_0px_rgba(24,62,235,0.15)] hover:ring-2 hover:ring-electric-blue/30 mb-[20px]" data-cursor-hide="true"><div class="absolute z-[9999] pointer-events-none" style="transform:translate(-50%, -50%);opacity:0;transition:opacity 0.15s ease-out"><div class="w-[80px] h-[80px] rounded-full bg-electric-blue/90 backdrop-blur-[2px] shadow-[0px_4px_10px_rgba(0,0,0,0.3)] flex items-center justify-center"><p class="font-accent text-[10px] text-ice-white uppercase tracking-[0.03em] text-center leading-[12px] whitespace-pre">MEHR<!-- -->
5<!-- -->ERFAHREN</p></div></div><div class="absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-700 group-hover:scale-105" style="background-image:url(&#x27;https://cdn.sanity.io/images/rphynzwl/production/f034fc5e555ff8b05952e835bdf2d42c68449fb1-2000x1601.jpg?rect=236,0,1528,1601&amp;w=1974&amp;h=2068&amp;q=95&amp;auto=format&#x27;)"></div><div class="absolute inset-0 bg-black/20"></div><div class="absolute top-[30px] md:top-[40px] left-[30px] md:left-[40px]"><div class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px]"><span class="font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">B2B-Dienstleistung, Agentur</span></div></div><div class="absolute bottom-[30px] md:bottom-[40px] left-[30px] md:left-[40px] right-[30px] md:right-[40px]"><div class="flex flex-wrap gap-[8px] gap-y-2"><span class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px] font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">Website</span></div></div></div><div class="space-y-[8px] mt-[20px]"><h3 class="font-headline text-[24px] md:text-[28px] leading-tight tracking-[-0.02em] text-ice-white font-medium">Confil</h3><p class="font-body text-[16px] md:text-[18px] text-ice-white/70 leading-relaxed line-clamp-2">Kreativität sichtbar - Website-Relaunch und langfristige Web-Partnerschaft für Confil.</p></div></a></div><div class="" style="opacity:0;transform:translateY(24px);transition:opacity 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, transform 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s"><a class="group block " href="/projekte/togethr-share"><div class="relative cursor-none relative h-[400px] md:h-[517px] rounded-[20px] overflow-hidden shadow-[1px_2px_10px_0px_rgba(0,0,0,0.05)] transition-all duration-300 hover:scale-[1.02] hover:shadow-[0px_8px_30px_0px_rgba(24,62,235,0.15)] hover:ring-2 hover:ring-electric-blue/30 mb-[20px]" data-cursor-hide="true"><div class="absolute z-[9999] pointer-events-none" style="transform:translate(-50%, -50%);opacity:0;transition:opacity 0.15s ease-out"><div class="w-[80px] h-[80px] rounded-full bg-electric-blue/90 backdrop-blur-[2px] shadow-[0px_4px_10px_rgba(0,0,0,0.3)] flex items-center justify-center"><p class="font-accent text-[10px] text-ice-white uppercase tracking-[0.03em] text-center leading-[12px] whitespace-pre">MEHR<!-- -->
6<!-- -->ERFAHREN</p></div></div><div class="absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-700 group-hover:scale-105" style="background-image:url(&#x27;https://cdn.sanity.io/images/rphynzwl/production/7bbf9910440b0c0c2921d3c1c6d7bbc479683bd5-2000x1333.jpg?rect=364,0,1272,1333&amp;w=1974&amp;h=2068&amp;q=95&amp;auto=format&#x27;)"></div><div class="absolute inset-0 bg-black/20"></div><div class="absolute top-[30px] md:top-[40px] left-[30px] md:left-[40px]"><div class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px]"><span class="font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">Software, Handwerk</span></div></div><div class="absolute bottom-[30px] md:bottom-[40px] left-[30px] md:left-[40px] right-[30px] md:right-[40px]"><div class="flex flex-wrap gap-[8px] gap-y-2"><span class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px] font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">Website</span><span class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px] font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">Branding</span><span class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px] font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">Plattform</span><span class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px] font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">Web Development</span></div></div></div><div class="space-y-[8px] mt-[20px]"><h3 class="font-headline text-[24px] md:text-[28px] leading-tight tracking-[-0.02em] text-ice-white font-medium">togethr-share</h3><p class="font-body text-[16px] md:text-[18px] text-ice-white/70 leading-relaxed line-clamp-2">Branding, Website und Plattform für ein eigenes SaaS-Produkt
7</p></div></a></div><div class="" style="opacity:0;transform:translateY(24px);transition:opacity 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, transform 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s"><a class="group block " href="/projekte/stadt-dachau"><div class="relative cursor-none relative h-[400px] md:h-[517px] rounded-[20px] overflow-hidden shadow-[1px_2px_10px_0px_rgba(0,0,0,0.05)] transition-all duration-300 hover:scale-[1.02] hover:shadow-[0px_8px_30px_0px_rgba(24,62,235,0.15)] hover:ring-2 hover:ring-electric-blue/30 mb-[20px]" data-cursor-hide="true"><div class="absolute z-[9999] pointer-events-none" style="transform:translate(-50%, -50%);opacity:0;transition:opacity 0.15s ease-out"><div class="w-[80px] h-[80px] rounded-full bg-electric-blue/90 backdrop-blur-[2px] shadow-[0px_4px_10px_rgba(0,0,0,0.3)] flex items-center justify-center"><p class="font-accent text-[10px] text-ice-white uppercase tracking-[0.03em] text-center leading-[12px] whitespace-pre">MEHR<!-- -->
8<!-- -->ERFAHREN</p></div></div><div class="absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-700 group-hover:scale-105" style="background-image:url(&#x27;https://cdn.sanity.io/images/rphynzwl/production/f5ba9cc972678e9bf5e712c586e14cf01c60abe1-2000x1333.jpg?rect=364,0,1272,1333&amp;w=1974&amp;h=2068&amp;q=95&amp;auto=format&#x27;)"></div><div class="absolute inset-0 bg-black/20"></div><div class="absolute top-[30px] md:top-[40px] left-[30px] md:left-[40px]"><div class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px]"><span class="font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">Public Sector</span></div></div><div class="absolute bottom-[30px] md:bottom-[40px] left-[30px] md:left-[40px] right-[30px] md:right-[40px]"><div class="flex flex-wrap gap-[8px] gap-y-2"><span class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px] font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">Website</span><span class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px] font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">Web Development</span></div></div></div><div class="space-y-[8px] mt-[20px]"><h3 class="font-headline text-[24px] md:text-[28px] leading-tight tracking-[-0.02em] text-ice-white font-medium">Stadt Dachau</h3><p class="font-body text-[16px] md:text-[18px] text-ice-white/70 leading-relaxed line-clamp-2">Klarheit für 50.000 Einwohner - Neue Informationsarchitektur und User Experience für die Stadt Dachau.</p></div></a></div><div class="" style="opacity:0;transform:translateY(24px);transition:opacity 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, transform 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s">
8<a class="group block " href="/projekte/life-park"><div class="relative cursor-none relative h-[400px] md:h-[517px] rounded-[20px] overflow-hidden shadow-[1px_2px_10px_0px_rgba(0,0,0,0.05)] transition-all duration-300 hover:scale-[1.02] hover:shadow-[0px_8px_30px_0px_rgba(24,62,235,0.15)] hover:ring-2 hover:ring-electric-blue/30 mb-[20px]" data-cursor-hide="true"><div class="absolute z-[9999] pointer-events-none" style="transform:translate(-50%, -50%);opacity:0;transition:opacity 0.15s ease-out"><div class="w-[80px] h-[80px] rounded-full bg-electric-blue/90 backdrop-blur-[2px] shadow-[0px_4px_10px_rgba(0,0,0,0.3)] flex items-center justify-center"><p class="font-accent text-[10px] text-ice-white uppercase tracking-[0.03em] text-center leading-[12px] whitespace-pre">MEHR<!-- -->
9<!-- -->ERFAHREN</p></div></div><div class="absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-700 group-hover:scale-105" style="background-image:url(&#x27;https://cdn.sanity.io/images/rphynzwl/production/c22b80fa890e2fd74385349052ca35d629373075-2000x1333.jpg?rect=364,0,1272,1333&amp;w=1974&amp;h=2068&amp;q=95&amp;auto=format&#x27;)"></div><div class="absolute inset-0 bg-black/20"></div><div class="absolute top-[30px] md:top-[40px] left-[30px] md:left-[40px]"><div class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px]"><span class="font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">Gesundheit</span></div></div><div class="absolute bottom-[30px] md:bottom-[40px] left-[30px] md:left-[40px] right-[30px] md:right-[40px]"><div class="flex flex-wrap gap-[8px] gap-y-2"><span class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px] font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">Website</span></div></div></div><div class="space-y-[8px] mt-[20px]"><h3 class="font-headline text-[24px] md:text-[28px] leading-tight tracking-[-0.02em] text-ice-white font-medium">LIFE PARK</h3><p class="font-body text-[16px] md:text-[18px] text-ice-white/70 leading-relaxed line-clamp-2">+100% Sichtbarkeit in 6 Monaten: Neuer Premium-Webauftritt für Ingolstadts hochwertiges Fitness- und Wellnesszentrum.</p></div></a></div><div class="" style="opacity:0;transform:translateY(24px);transition:opacity 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, transform 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s"><a class="group block " href="/projekte/inas-institut"><div class="relative h-[400px] md:h-[517px] rounded-[20px] overflow-hidden shadow-[1px_2px_10px_0px_rgba(0,0,0,0.05)] transition-all duration-300 mb-[20px]"><div class="absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-700 group-hover:scale-105" style="background-image:url(&#x27;https://cdn.sanity.io/images/rphynzwl/production/58eff0c23d87fd7557619dc02df9dda75d560a25-2000x1480.jpg?rect=294,0,1413,1480&amp;w=1974&amp;h=2068&amp;q=95&amp;auto=format&#x27;)"></div><div class="absolute inset-0 bg-black/20"></div><div class="absolute top-[30px] md:top-[40px] left-[30px] md:left-[40px]"><div class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px]"><span class="font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">B2B-Dienstleistung, Nachhaltigkeit</span></div></div><div class="absolute bottom-[30px] md:bottom-[40px] left-[30px] md:left-[40px] right-[30px] md:right-[40px]"><div class="flex flex-wrap gap-[8px] gap-y-2"><span class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px] font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">Website</span></div></div></div><div class="space-y-[8px] mt-[20px]"><h3 class="font-headline text-[24px] md:text-[28px] leading-tight tracking-[-0.02em] text-ice-white font-medium">INAS Institut</h3><p class="font-body text-[16px] md:text-[18px] text-ice-white/70 leading-relaxed line-clamp-2">Digitale Präsenz für das INAS Institut 
10</p></div></a></div><div class="" style="opacity:0;transform:translateY(24px);transition:opacity 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, transform 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s"><a class="group block " href="/projekte/hohenloher-automaten"><div class="relative h-[400px] md:h-[517px] rounded-[20px] overflow-hidden shadow-[1px_2px_10px_0px_rgba(0,0,0,0.05)] transition-all duration-300 mb-[20px]"><div class="absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-700 group-hover:scale-105" style="background-image:url(&#x27;https://cdn.sanity.io/images/rphynzwl/production/3b3c8e7c8fccee3a0f8a108370ea8d66acf8d218-2000x1200.jpg?rect=428,0,1145,1200&amp;w=1974&amp;h=2068&amp;q=95&amp;auto=format&#x27;)"></div><div class="absolute inset-0 bg-black/20"></div><div class="absolute top-[30px] md:top-[40px] left-[30px] md:left-[40px]"><div class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px]"><span class="font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">B2B-Dienstleistung, E-Commerce</span></div></div><div class="absolute bottom-[30px] md:bottom-[40px] left-[30px] md:left-[40px] right-[30px] md:right-[40px]"><div class="flex flex-wrap gap-[8px] gap-y-2"><span class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px] font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">Website</span><span class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px] font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">Online Shop</span><span class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px] font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">Branding</span><span class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px] font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">SEO</span></div></div></div><div class="space-y-[8px] mt-[20px]"><h3 class="font-headline text-[24px] md:text-[28px] leading-tight tracking-[-0.02em] text-ice-white font-medium">Hohenloher Automaten</h3><p class="font-body text-[16px] md:text-[18px] text-ice-white/70 leading-relaxed line-clamp-2">Digitaler Marken- und Vertriebsausbau für Hohenloher Automaten mit Online Shop, SEO &amp; Google Ads.
11</p></div></a></div><div class="" style="opacity:0;transform:translateY(24px);transition:opacity 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, transform 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s"><a class="group block " href="/projekte/gume"><div class="relative h-[400px] md:h-[517px] rounded-[20px] overflow-hidden shadow-[1px_2px_10px_0px_rgba(0,0,0,0.05)] transition-all duration-300 mb-[20px]"><div class="absolute inset-0 bg-cover bg-center bg-no-repeat transition-transform duration-700 group-hover:scale-105" style="background-image:url(&#x27;https://cdn.sanity.io/images/rphynzwl/production/0431f906e9681f4fcabc8a21bfa14dca144e142c-2000x1333.jpg?rect=364,0,1272,1333&amp;w=1974&amp;h=2068&amp;q=95&amp;auto=format&#x27;)"></div><div class="absolute inset-0 bg-black/20"></div><div class="absolute top-[30px] md:top-[40px] left-[30px] md:left-[40px]"><div class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px]"><span class="font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">Industrie, Technologie</span></div></div><div class="absolute bottom-[30px] md:bottom-[40px] left-[30px] md:left-[40px] right-[30px] md:right-[40px]"><div class="flex flex-wrap gap-[8px] gap-y-2"><span class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px] font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">Website</span><span class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px] font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">Branding</span><span class="bg-[rgba(255,255,255,0.2)] border border-ice-white/50 rounded-full px-3 py-[6px] font-body text-[14px] text-ice-white tracking-[-0.02em] font-light uppercase">SEO</span></div></div></div><div class="space-y-[8px] mt-[20px]"><h3 class="font-headline text-[24px] md:text-[28px] leading-tight tracking-[-0.02em] text-ice-white font-medium">Gume</h3><p class="font-body text-[16px] md:text-[18px] text-ice-white/70 leading-relaxed line-clamp-2">+4.000% organischer Traffic in 6 Monaten - SEO &amp; GEO (KI-SEO)-getriebener Marken- und Website-Relaunch für GuMe</p></div></a></div></div><div class="hidden md:block absolute bottom-0 left-0 right-0 h-[320px] pointer-events-none" style="background:linear-gradient(180deg, rgba(10,10,24,0) 0%, rgba(10,10,24,1) 85%)"></div></div><div class="flex justify-center mt-[40px] md:mt-[50px]"><button type="button" class="flex items-center gap-[10px] font-body text-[20px] md:text-[24px] text-electric-blue tracking-[-0.02em] hover:opacity-80 transition-opacity"><span>Weitere Projekte laden</span><svg width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
11<line x1="10" y1="4" x2="10" y2="16"></line><line x1="4" y1="10" x2="16" y2="10"></line></svg></button></div></div></section><section class="cta-section py-[40px] md:py-[100px] bg-ice-white"><div class="2xl:max-w-[1720px] mx-auto px-[5%] md:px-[3%] relative"><div class="grid grid-cols-1 lg:grid-cols-2 gap-x-[100px] gap-y-[16px] lg:gap-y-0"><div class="" style="opacity:0;transform:translateY(24px);transition:opacity 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, transform 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s"><div class="lg:min-h-[300px]"><h2 class="font-headline text-[36px] md:text-[56px] lg:text-[72px] leading-[0.85] tracking-[-0.02em] font-medium text-midnight-blue mb-[14px] md:mb-[5px] md:whitespace-nowrap">Bereit, dein Projekt zu</h2><div class="relative overflow-hidden h-[55px] md:h-[80px] lg:h-[100px]"><div class="absolute inset-0 flex items-start"><h3 class="font-headline text-[44px] md:text-[64px] lg:text-[82px] leading-[1] tracking-[-0.02em] font-medium" style="font-family:degular, sans-serif;font-weight:600;font-style:normal;letter-spacing:-0.02em">starten?</h3></div><div class="absolute inset-0 flex items-start"><h3 class="font-headline text-[44px] md:text-[64px] lg:text-[82px] leading-[1] tracking-[-0.02em] font-medium" style="font-family:Geist Mono;font-weight:400;font-style:normal;letter-spacing:-0.01em">starten?</h3></div><div class="absolute inset-0 flex items-start"><h3 class="font-headline text-[44px] md:text-[64px] lg:text-[82px] leading-[1] tracking-[-0.02em] font-medium" style="font-family:Silkscreen;font-weight:400;font-style:normal;letter-spacing:0em">starten?</h3></div><div class="absolute inset-0 flex items-start"><h3 class="font-headline text-[44px] md:text-[64px] lg:text-[82px] leading-[1] tracking-[-0.02em] font-medium" style="font-family:Rubik Bubbles;font-weight:400;font-style:normal;letter-spacing:0.02em">starten?</h3></div><div class="absolute inset-0 flex items-start"><h3 class="font-headline text-[44px] md:text-[64px] lg:text-[82px] leading-[1] tracking-[-0.02em] font-medium" style="font-family:Gluten;font-weight:400;font-style:normal;letter-spacing:0.01em">starten?</h3></div></div></div></div><div class="" style="opacity:0;transform:translateY(24px);transition:opacity 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, transform 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s"><div class="flex flex-col justify-center items-start gap-[16px] lg:gap-[40px]"><p class="font-body text-[18px] md:text-[20px] text-midnight-blue leading-relaxed text-left max-w-[600px]">Wir bauen nicht für den Moment, sondern für das, was kommt. Ob erste Idee oder konkretes Projekt – wir sind ready. Und du?</p><div class="flex flex-wrap gap-[16px]"><a class="btn-base btn-primary shadow-lg" href="/kontakt"><div class="btn-slide-wrap"><div class="btn-slide-inner"><span>LASS UNS SPRECHEN</span><span>LASS UNS SPRECHEN</span></div></div></a></div></div></div></div><div class="absolute pointer-events-none hidden lg:block" style="width:80px;height:80px;opacity:0.9"><img alt="Cursor" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="w-full h-full object-contain" style="color:transparent" src="/img/cursor CTA.svg"/></div></div></section></main><footer class="bg-midnight-blue pt-[60px] md:pt-[130px] pb-[30px] px-[5%] md:px-[80px] relative overflow-visible rounded-t-[20px] md:rounded-t-[30px]"><div class="absolute inset-0 pointer-events-none"><div class="absolute w-[600px] h-[600px]" style="left:calc(50% - 701.5px);top:calc(50% - 263px);background:radial-gradient(circle, rgba(24, 62, 235, 0.1) 0%, rgba(24, 62, 235, 0) 60%)"></div><div class="absolute w-[650px] h-[620px]" style="left:164px;top:-264px;background:radial-gradient(circle, rgba(24, 62, 235, 0.08) 0%, rgba(24, 62, 235, 0) 60%)"></div></div><div class="absolute -top-[100px] right-[80px] hidden lg:block z-20"><a class="group relative flex items-center justify-center" href="/kontakt"><div class="relative w-[200px] h-[200px] rounded-full bg-electric-blue shadow-[0_20px_60px_rgba(24,62,235,0.4)] transition-all duration-500 group-hover:scale-110 group-hover:shadow-[0_25px_80px_rgba(24,62,235,0.5)]"><div class="absolute inset-0 flex items-center justify-center"><span class="font-accent text-[18px] text-white uppercase tracking-[0.05em] text-center px-[30px] leading-tight whitespace-pre-line">Kontakt-
12aufnehmen</span></div></div></a></div><div class="2xl:max-w-[1720px] mx-auto relative z-10"><div class="flex flex-col md:flex-row flex-wrap gap-[40px] md:gap-[60px] md:justify-between lg:grid lg:grid-cols-5 mb-[60px] md:mb-[100px]"><div class="" style="opacity:0;transform:translateY(24px);transition:opacity 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, transform 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s"><div class="flex flex-col gap-[5px]"><div class="flex items-center gap-[10px] pb-[20px]"><div class="w-[15px] h-[15px] rounded-full bg-electric-blue"></div><h3 class="font-accent text-[22px] text-electric-blue uppercase tracking-[0.03em]">AGENTUR</h3></div><a class="font-body text-[20px] text-ice-white tracking-[0.03em] uppercase hover:text-electric-blue transition-colors" href="/agentur">Über uns</a><a class="font-body text-[20px] text-ice-white tracking-[0.03em] uppercase hover:text-electric-blue transition-colors" href="/projekte">Projekte</a><a class="font-body text-[20px] text-ice-white tracking-[0.03em] uppercase hover:text-electric-blue transition-colors" href="/kontakt">Kontakt</a><a class="font-body text-[20px] text-ice-white tracking-[0.03em] uppercase hover:text-electric-blue transition-colors" href="/business-units/webstudio">Web Studio</a><a class="font-body text-[20px] text-ice-white tracking-[0.03em] uppercase hover:text-electric-blue transition-colors" href="/business-units/productstudio">Product Studio</a><a class="font-body text-[20px] text-ice-white tracking-[0.03em] uppercase hover:text-electric-blue transition-colors" href="/business-units/partnerlab">Partner Lab</a></div></div><div class="" style="opacity:0;transform:translateY(24px);transition:opacity 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.08s, transform 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.08s"><div class="flex flex-col gap-[5px]"><div class="flex items-center gap-[10px] pb-[20px]"><div class="w-[15px] h-[15px] rounded-full bg-electric-blue"></div><h3 class="font-accent text-[22px] text-electric-blue uppercase tracking-[0.03em]">LÖSUNGEN</h3></div><a class="font-body text-[20px] text-ice-white tracking-[0.03em] uppercase hover:text-electric-blue transition-colors" href="/loesungen/webdesign">Website &amp; E-Commerce</a><a class="font-body text-[20px] text-ice-white tracking-[0.03em] uppercase hover:text-electric-blue transition-colors" href="/loesungen/seo-agentur">Online Marketing</a><a class="font-body text-[20px] text-ice-white tracking-[0.03em] uppercase hover:text-electric-blue transition-colors" href="/loesungen/webentwicklung-digital-experience">Webapp &amp; Digital Experience</a></div></div><div class="" style="opacity:0;transform:translateY(24px);transition:opacity 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.16s, transform 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.16s"><div class="flex flex-col gap-[5px]"><div class="flex items-center gap-[10px] pb-[20px]"><div class="w-[15px] h-[15px] rounded-full bg-electric-blue"></div><h3 class="font-accent text-[22px] text-electric-blue uppercase tracking-[0.03em]">WISSEN</h3></div><a class="font-body text-[20px] text-ice-white tracking-[0.03em] uppercase hover:text-electric-blue transition-colors" href="/artikel">Blog</a><a class="font-body text-[20px] text-ice-white tracking-[0.03em] uppercase hover:text-electric-blue transition-colors" href="/glossar">Glossar</a></div></div><div class="" style="opacity:0;transform:translateY(24px);transition:opacity 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.24s, transform 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.24s"><div class="flex flex-col gap-[5px]"><div class="flex items-center gap-[10px] pb-[20px]"><div class="w-[15px] h-[15px] rounded-full bg-electric-blue"></div><h3 class="font-accent text-[22px] text-electric-blue uppercase tracking-[0.03em]">RECHTLICHES</h3></div><a class="font-body text-[20px] text-ice-white tracking-[0.03em] uppercase hover:text-electric-blue transition-colors" href="/impressum">Impressum</a><a class="font-body text-[20px] text-ice-white tracking-[0.03em] uppercase hover:text-electric-blue transition-colors" href="/datenschutz">Datenschutz</a><a class="font-body text-[20px] text-ice-white tracking-[0.03em] uppercase hover:text-electric-blue transition-colors" href="/groun
12ding-page">Grounding Page</a><a href="/agb" target="_blank" rel="noopener noreferrer" class="font-body text-[20px] text-ice-white tracking-[0.03em] uppercase hover:text-electric-blue transition-colors">AGB</a><button type="button" class="bg-transparent p-0 border-0 cursor-pointer font-body text-[20px] text-ice-white tracking-[0.03em] uppercase hover:text-electric-blue transition-colors text-left">Cookie-Einstellungen</button></div></div><div class="" style="opacity:0;transform:translateY(24px);transition:opacity 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.32s, transform 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.32s"><div class="flex flex-col gap-[5px]"><div class="flex items-center gap-[10px] pb-[20px]"><div class="w-[15px] h-[15px] rounded-full bg-electric-blue"></div><h3 class="font-accent text-[22px] text-electric-blue uppercase tracking-[0.03em]">SOCIAL</h3></div><a href="https://de.linkedin.com/company/elephant-webdesign-marketing" target="_blank" rel="noopener noreferrer" class="font-body text-[20px] text-ice-white tracking-[0.03em] uppercase hover:text-electric-blue transition-colors">LinkedIn</a><a href="https://www.instagram.com/elephant__agency/" target="_blank" rel="noopener noreferrer" class="font-body text-[20px] text-ice-white tracking-[0.03em] uppercase hover:text-electric-blue transition-colors">Instagram</a></div></div></div><div class="" style="opacity:0;transform:translateY(24px);transition:opacity 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s, transform 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s"><div class="flex flex-col gap-[20px]"><div class="flex flex-col gap-[40px] lg:grid lg:grid-cols-5 lg:gap-[60px] items-start"><div class="lg:col-span-3 shrink-0"><img alt="Elephant" loading="lazy" width="500" height="108" decoding="async" data-nimg="1" class="h-[108px] w-auto" style="color:transparent" src="/logos/elephant-footer logo.svg"/></div><div class="lg:col-span-2 font-headline text-[24px] text-ice-white/50 tracking-[0.03em] leading-relaxed"><div><p>Firmensitz / Ingolstadt:</p><p>c/o brigk</p><p>Schloßlände 26</p><p>85049 Ingolstadt</p></div></div></div><div class="flex justify-center pt-[20px]"><p class="font-accent text-[18px] text-ice-white/50 tracking-[0.03em]">Copyright © 2026 Elephant Webdesign &amp; Marketing.</p></div></div></div></div></footer><!--$--><!--/$--><div class="fixed top-0 left-0 pointer-events-none" data-cursor-dot="true" style="width:12px;height:12px;border-radius:50%;background-color:#183eeb;box-shadow:0 0 0 1.5px rgba(255,255,255,0.4);opacity:0;will-change:transform;z-index:2147483647;position:fixed"></div>
12<script src="/_next/static/chunks/bf72dea8c5db61a5.js" id="_R_" async=""></script>
12<script>(self.__next_f=self.__next_f||[]).push([0])</script>
12<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[68268,[\"/_next/static/chunks/f8476f04f92036c5.js\",\"/_next/static/chunks/30c0b25dc9db1b93.js\",\"/_next/static/chunks/facd7691b1af3890.js\"],\"\"]\n3:I[27299,[\"/_next/static/chunks/f8476f04f92036c5.js\",\"/_next/static/chunks/30c0b25dc9db1b93.js\",\"/_next/static/chunks/facd7691b1af3890.js\"],\"default\"]\n4:I[92076,[\"/_next/static/chunks/a77a19d3db131ca4.js\",\"/_next/static/chunks/c31334830eb0e3da.js\"],\"default\"]\n5:I[66143,[\"/_next/static/chunks/f8476f04f92036c5.js\",\"/_next/static/chunks/30c0b25dc9db1b93.js\",\"/_next/static/chunks/facd7691b1af3890.js\",\"/_next/static/chunks/3c9226055e27da13.js\",\"/_next/static/chunks/a99d7fab38bf45af.js\",\"/_next/static/chunks/5fe99de5dbb6f8cd.js\"],\"default\"]\n6:I[74963,[\"/_next/static/chunks/a77a19d3db131ca4.js\",\"/_next/static/chunks/c31334830eb0e3da.js\"],\"default\"]\n7:I[81065,[\"/_next/static/chunks/f8476f04f92036c5.js\",\"/_next/static/chunks/30c0b25dc9db1b93.js\",\"/_next/static/chunks/facd7691b1af3890.js\",\"/_next/static/chunks/b66c9625cc570f88.js\",\"/_next/static/chunks/a99d7fab38bf45af.js\",\"/_next/static/chunks/5fe99de5dbb6f8cd.js\"],\"default\"]\n11:I[67702,[],\"default\"]\n:HL[\"/_next/static/chunks/4e2cf0f51994bbd7.css\",\"style\"]\n:HL[\"/_next/static/chunks/46cd9762c72a0456.css\",\"style\"]\n:HC[\"/\",\"\"]\n:HL[\"https://use.typekit.net/omn6lcn.css\",\"style\"]\n"])</script>
12<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"RQZ461oTGlQdYYfLO_LSC\",\"c\":[\"\",\"projekte\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"projekte\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/4e2cf0f51994bbd7.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/46cd9762c72a0456.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/f8476f04f92036c5.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/30c0b25dc9db1b93.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/facd7691b1af3890.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"de\",\"className\":\"space_mono_6db36b89-module__UGM3aa__variable\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"body\",null,{\"className\":\"antialiased font-sans\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('consent','default',{ad_storage:'denied',analytics_storage:'denied',ad_user_data:'denied',ad_personalization:'denied',wait_for_update:500});\"}}],[\"$\",\"script\",null,{\"type\":\"text/plain\",\"data-cc-category\":\"STATISTICS\",\"dangerouslySetInnerHTML\":{\"__html\":\"(function(){var i=\\\"G-7Z6VPJY196\\\";window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}window.gtag=gtag;var s=document.createElement(\\\"script\\\");s.async=1;s.src=\\\"https://www.googletagmanager.com/gtag/js?id=\\\"+encodeURIComponent(i);s.onload=function(){gtag(\\\"js\\\",new Date());gtag(\\\"config\\\",i);};document.head.appendChild(s);})();\"}}],null,[\"$\",\"$L2\",null,{\"id\":\"liveticker-consent\",\"src\":\"https://liveticker.elephant-sports.de/consent.js\",\"strategy\":\"afterInteractive\",\"data-key\":\"ltk_pub_2544668bf0b4af7881f5eb92982b9d391b3a10383f2f2629\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://use.typekit.net\",\"crossOrigin\":\"anonymous\"}],[\"$\",\"link\",null,{\"rel\":\"stylesheet\",\"href\":\"https://use.typekit.net/omn6lcn.css\"}],[\"$\",\"$L2\",null,{\"id\":\"organization-jsonld\",\"type\":\"application/ld+json\",\"strategy\":\"beforeInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"Elephant Agency\\\",\\\"url\\\":\\\"https://www.elephant-agency.de\\\",\\\"logo\\\":\\\"https://www.elephant-agency.de/logos/elephant-logo.svg\\\",\\\"description\\\":\\\"Digitalagentur mit Design, Tech und Produktdenken aus Ingolstadt.\\\",\\\"address\\\":{\\\"@type\\\":\\\"PostalAddress\\\",\\\"streetAddress\\\":\\\"c/o brigk, Schloßlände 26\\\",\\\"addressLocality\\\":\\\"Ingolstadt\\\",\\\"postalCode\\\":\\\"85049\\\",\\\"addressCountry\\\":\\\"DE\\\"},\\\"contactPoint\\\":{\\\"@type\\\":\\\"ContactPoint\\\",\\\"email\\\":\\\"[email protected]\\\",\\\"contactType\\\":\\\"customer service\\\",\\\"availableLanguage\\\":[\\\"German\\\",\\\"English\\\"]},\\\"sameAs\\\":[\\\"https://www.instagram.com/elephant__agency/\\\",\\\"https://de.linkedin.com/company/elephant-webdesign-marketing\\\"]}\"}}],[\"$\",\"$L2\",null,{\"id\":\"website-jsonld\",\"type\":\"application/ld+json\",\"strategy\":\"beforeInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebSite\\\",\\\"name\\\":\\\"Elephant Agency\\\",\\\"url\\\":\\\"https://www.elephant-agency.de\\\",\\\"publisher\\\":{\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"Elephant Agency\\\",\\\"logo\\\":{\\\"@type\\\":\\\"ImageObject\\\",\\\"url\\\":\\\"https://www.elephant-agency.de/logos/elephant-logo.svg\\\"}}}\"}}],[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$5\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/3c9226055e27da13.js\",\"async\":true}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/a99d7fab38bf45af.js\",\"async\":true}
12],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/5fe99de5dbb6f8cd.js\",\"async\":true}]],\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"$L7\",null,{\"variant\":\"inverted\"}],[\"$\",\"section\",null,{\"className\":\"relative overflow-hidden bg-ice-white min-h-screen flex items-center\",\"children\":[\"$L8\",\"$L9\",\"$La\"]}],\"$Lb\"],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],\"$Lc\",\"$Ld\"]}]}]]}],{\"children\":[\"$Le\",{\"children\":[\"$Lf\",{},null,false,false]},null,false,false]},null,false,false],\"$L10\",false]],\"m\":\"$undefined\",\"G\":[\"$11\",[]],\"S\":true}\n"])</script>
12<script>self.__next_f.push([1,"12:I[58942,[\"/_next/static/chunks/f8476f04f92036c5.js\",\"/_next/static/chunks/30c0b25dc9db1b93.js\",\"/_next/static/chunks/facd7691b1af3890.js\",\"/_next/static/chunks/50563cad867cafd3.js\",\"/_next/static/chunks/a99d7fab38bf45af.js\",\"/_next/static/chunks/5fe99de5dbb6f8cd.js\"],\"default\"]\n13:I[93286,[\"/_next/static/chunks/f8476f04f92036c5.js\",\"/_next/static/chunks/30c0b25dc9db1b93.js\",\"/_next/static/chunks/facd7691b1af3890.js\",\"/_next/static/chunks/50563cad867cafd3.js\",\"/_next/static/chunks/a99d7fab38bf45af.js\",\"/_next/static/chunks/5fe99de5dbb6f8cd.js\"],\"\"]\n14:I[93540,[\"/_next/static/chunks/f8476f04f92036c5.js\",\"/_next/static/chunks/30c0b25dc9db1b93.js\",\"/_next/static/chunks/facd7691b1af3890.js\",\"/_next/static/chunks/b66c9625cc570f88.js\",\"/_next/static/chunks/a99d7fab38bf45af.js\",\"/_next/static/chunks/5fe99de5dbb6f8cd.js\"],\"default\"]\n15:I[4044,[\"/_next/static/chunks/f8476f04f92036c5.js\",\"/_next/static/chunks/30c0b25dc9db1b93.js\",\"/_next/static/chunks/facd7691b1af3890.js\"],\"default\"]\n16:I[25095,[\"/_next/static/chunks/f8476f04f92036c5.js\",\"/_next/static/chunks/30c0b25dc9db1b93.js\",\"/_next/static/chunks/facd7691b1af3890.js\"],\"default\"]\n18:I[79846,[\"/_next/static/chunks/a77a19d3db131ca4.js\",\"/_next/static/chunks/c31334830eb0e3da.js\"],\"OutletBoundary\"]\n19:\"$Sreact.suspense\"\n1b:I[79846,[\"/_next/static/chunks/a77a19d3db131ca4.js\",\"/_next/static/chunks/c31334830eb0e3da.js\"],\"ViewportBoundary\"]\n1d:I[79846,[\"/_next/static/chunks/a77a19d3db131ca4.js\",\"/_next/static/chunks/c31334830eb0e3da.js\"],\"MetadataBoundary\"]\n8:[\"$\",\"div\",null,{\"className\":\"absolute top-[-182px] right-[-100px] w-[811px] h-[811px] pointer-events-none\",\"style\":{\"background\":\"radial-gradient(circle, rgba(24,62,235,0.15) 0%, rgba(24,62,235,0.08) 30%, rgba(24,62,235,0) 70%)\",\"filter\":\"blur(35px)\",\"willChange\":\"auto\",\"transform\":\"translate3d(0, 0, 0)\"}}]\n9:[\"$\",\"div\",null,{\"className\":\"absolute bottom-[-100px] left-[-100px] w-[657px] h-[586px] pointer-events-none\",\"style\":{\"background\":\"radial-gradient(ellipse, rgba(24,62,235,0.12) 0%, rgba(24,62,235,0.06) 35%, rgba(24,62,235,0) 65%)\",\"filter\":\"blur(40px)\",\"willChange\":\"auto\",\"transform\":\"translate3d(0, 0, 0)\"}}]\n"])</script>
12<script>self.__next_f.push([1,"a:[\"$\",\"div\",null,{\"className\":\"relative z-10 w-full max-w-[1750px] mx-auto 2xl:max-w-[1720px] px-[5%] md:px-[60px] lg:px-[100px] py-[160px] md:py-[220px]\",\"children\":[\"$\",\"$L12\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-[10px] mb-[20px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-[15px] h-[15px] rounded-full bg-electric-blue\"}],[\"$\",\"span\",null,{\"className\":\"font-accent text-[22px] text-electric-blue uppercase tracking-[0.03em]\",\"children\":\"FEHLER 404\"}]]}],[\"$\",\"h1\",null,{\"className\":\"font-headline text-[36px] md:text-[56px] lg:text-[72px] xl:text-[92px] leading-[1] tracking-[-0.02em] text-midnight-blue font-medium mb-[30px] md:mb-[50px]\",\"children\":[\"Seite nicht \",[\"$\",\"span\",null,{\"className\":\"text-electric-blue\",\"children\":\"gefunden\"}]]}],[\"$\",\"p\",null,{\"className\":\"font-body text-[18px] md:text-[20px] text-midnight-blue/70 leading-relaxed max-w-[600px] mb-[40px]\",\"children\":\"Die von dir gesuchte Seite existiert leider nicht oder wurde verschoben. Kein Problem, wir helfen dir weiter.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col sm:flex-row gap-[20px]\",\"children\":[[\"$\",\"$L13\",null,{\"href\":\"/\",\"className\":\"btn-base btn-primary\",\"children\":[\"$\",\"div\",null,{\"className\":\"btn-slide-wrap\",\"children\":[\"$\",\"div\",null,{\"className\":\"btn-slide-inner\",\"children\":[[\"$\",\"span\",null,{\"children\":\"ZUR STARTSEITE\"}],[\"$\",\"span\",null,{\"children\":\"ZUR STARTSEITE\"}]]}]}]}],[\"$\",\"$L13\",null,{\"href\":\"/kontakt\",\"className\":\"btn-base btn-secondary\",\"children\":[\"$\",\"div\",null,{\"className\":\"btn-slide-wrap\",\"children\":[\"$\",\"div\",null,{\"className\":\"btn-slide-inner\",\"children\":[[\"$\",\"span\",null,{\"children\":\"KONTAKT AUFNEHMEN\"}],[\"$\",\"span\",null,{\"children\":\"KONTAKT AUFNEHMEN\"}]]}]}]}]]}]]}]}]\n"])</script>
12<script>self.__next_f.push([1,"b:[\"$\",\"$L14\",null,{}]\nc:[\"$\",\"$L15\",null,{}]\nd:[\"$\",\"$L16\",null,{}]\ne:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\nf:[\"$\",\"$1\",\"c\",{\"children\":[\"$L17\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/b66c9625cc570f88.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/a99d7fab38bf45af.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/5fe99de5dbb6f8cd.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L18\",null,{\"children\":[\"$\",\"$19\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@1a\"}]}]]}]\n10:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L1b\",null,{\"children\":\"$L1c\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L1d\",null,{\"children\":[\"$\",\"$19\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L1e\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n"])</script>
12<script>self.__next_f.push([1,"1c:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
12<script>self.__next_f.push([1,"1f:I[40389,[\"/_next/static/chunks/a77a19d3db131ca4.js\",\"/_next/static/chunks/c31334830eb0e3da.js\"],\"IconMark\"]\n1a:null\n"])</script>
12<script>self.__next_f.push([1,"1e:[[\"$\",\"title\",\"0\",{\"children\":\"Webdesign Referenzen \u0026 Projekte für B2B | Elephant\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Webdesign-Referenzen, die Ergebnisse zeigen: B2B-Websites, E-Commerce, Headless CMS. Über 100 Projekte aus Ingolstadt für DACH-Mittelstand.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"Elephant Agency\"}],[\"$\",\"link\",\"3\",{\"rel\":\"manifest\",\"href\":\"/site.webmanifest\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"4\",{\"name\":\"creator\",\"content\":\"Elephant Agency\"}],[\"$\",\"meta\",\"5\",{\"name\":\"publisher\",\"content\":\"Elephant Agency\"}],[\"$\",\"meta\",\"6\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"7\",{\"name\":\"googlebot\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"8\",{\"rel\":\"canonical\",\"href\":\"https://www.elephant-agency.de/projekte\"}],[\"$\",\"meta\",\"9\",{\"name\":\"format-detection\",\"content\":\"telephone=no, address=no, email=no\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:title\",\"content\":\"Webdesign Referenzen \u0026 Projekte für B2B | Elephant\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:description\",\"content\":\"Webdesign-Referenzen, die Ergebnisse zeigen: B2B-Websites, E-Commerce, Headless CMS. Über 100 Projekte aus Ingolstadt für DACH-Mittelstand.\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:url\",\"content\":\"https://www.elephant-agency.de/projekte\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:image\",\"content\":\"https://www.elephant-agency.de/og-image.jpg\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image:alt\",\"content\":\"Webdesign Referenzen \u0026 Projekte für B2B | Elephant\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:title\",\"content\":\"Webdesign Referenzen \u0026 Projekte für B2B | Elephant\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:description\",\"content\":\"Webdesign-Referenzen, die Ergebnisse zeigen: B2B-Websites, E-Commerce, Headless CMS. Über 100 Projekte aus Ingolstadt für DACH-Mittelstand.\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:image\",\"content\":\"https://www.elephant-agency.de/og-image.jpg\"}],[\"$\",\"link\",\"21\",{\"rel\":\"shortcut icon\",\"href\":\"/elephant_webdesign_marketing_logo.jpeg\"}],[\"$\",\"link\",\"22\",{\"rel\":\"icon\",\"href\":\"/elephant_webdesign_marketing_logo.jpeg\",\"sizes\":\"32x32\",\"type\":\"image/jpeg\"}],[\"$\",\"link\",\"23\",{\"rel\":\"icon\",\"href\":\"/elephant_webdesign_marketing_logo.jpeg\",\"sizes\":\"16x16\",\"type\":\"image/jpeg\"}],[\"$\",\"link\",\"24\",{\"rel\":\"apple-touch-icon\",\"href\":\"/icon.png\"}],[\"$\",\"$L1f\",\"25\",{}]]\n"])</script>
12<script>self.__next_f.push([1,"20:I[15592,[\"/_next/static/chunks/f8476f04f92036c5.js\",\"/_next/static/chunks/30c0b25dc9db1b93.js\",\"/_next/static/chunks/facd7691b1af3890.js\",\"/_next/static/chunks/b66c9625cc570f88.js\",\"/_next/static/chunks/a99d7fab38bf45af.js\",\"/_next/static/chunks/5fe99de5dbb6f8cd.js\"],\"default\"]\n"])</script>
12<script>self.__next_f.push([1,"17:[[\"$\",\"$L7\",null,{}],[\"$\",\"main\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-midnight-blue\",\"children\":[\"$\",\"$L20\",null,{\"projects\":[{\"_id\":\"b9300677-8a50-4321-b56e-573d095ac613\",\"categories\":[\"Website\",\"Branding\"],\"clientLogo\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/c1c5f83b410d9bce4087080064e406f181cc8881-999x302.webp\"}},\"clientWebsite\":\"http://symtec.group/\",\"featured\":false,\"heroImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/2d68aab09e5064c3f9af0346c6be06d0778ffb2d-2000x1333.jpg\"}},\"mockupImage\":null,\"portraitImage\":null,\"projectType\":\"case\",\"projectYear\":2026,\"sector\":[\"B2B-Dienstleistung\"],\"services\":null,\"shortDescription\":\"Zwei Wochen von der Idee zur Live-Website: Markenauftritt für Symtec\",\"slug\":{\"_type\":\"slug\",\"current\":\"symtec\"},\"title\":\"Symtec\"},{\"_id\":\"d52f76dd-ba0a-4d19-b4c4-2e33dbd892a3\",\"categories\":[\"Website\",\"Branding\",\"Web Development\"],\"clientLogo\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/85891508a5c3bf6226e2772d8227e894448f4ec6-1550x1536.webp\"}},\"clientWebsite\":\"https://www.erc-ingolstadt.de/\",\"featured\":true,\"heroImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/b213b4a10664c6ec85588d956a30f0f863a4f549-2000x1333.jpg\"}},\"mockupImage\":null,\"portraitImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/3203894cb7d917214eb9248cbf9cd702f2d1fdbe-1536x1024.png\"}},\"projectType\":\"case\",\"projectYear\":2026,\"sector\":[\"Sportverein\"],\"services\":null,\"shortDescription\":\"Live-Daten, Tickets und Matchcenter: Website Relaunch für den ERC Ingolstadt\",\"slug\":{\"_type\":\"slug\",\"current\":\"erc-ingolstadt\"},\"title\":\"ERC Ingolstadt\"},{\"_id\":\"c6bcc1a9-c93a-47e9-ab6c-04349ac40d27\",\"categories\":[\"Website\"],\"clientLogo\":null,\"clientWebsite\":\"https://confil.de\",\"featured\":true,\"heroImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/f034fc5e555ff8b05952e835bdf2d42c68449fb1-2000x1601.jpg\"}},\"mockupImage\":null,\"portraitImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/2aee42887ea01faef38783bf987bfa91b97840e5-1333x2000.jpg\"}},\"projectType\":\"case\",\"projectYear\":2025,\"sector\":[\"B2B-Dienstleistung\",\"Agentur\"],\"services\":[\"Website\"],\"shortDescription\":\"Kreativität sichtbar - Website-Relaunch und langfristige Web-Partnerschaft für Confil.\",\"slug\":{\"_type\":\"slug\",\"current\":\"confil\"},\"title\":\"Confil\"},{\"_id\":\"59276e31-39b0-4288-9d59-c5c07b941897\",\"categories\":[\"Website\",\"Branding\",\"Plattform\",\"Web Development\"],\"clientLogo\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/950fa1b730ec54071324f0155fe134aacb1d855c-247x63.png\"}},\"clientWebsite\":\"https://togethr-share.io/\",\"featured\":false,\"heroImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/7bbf9910440b0c0c2921d3c1c6d7bbc479683bd5-2000x1333.jpg\"}},\"mockupImage\":null,\"portraitImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/63ffffe11209349d8ea6d15c5dd529dec28303c1-2000x1333.jpg\"}},\"projectType\":\"case\",\"projectYear\":null,\"sector\":[\"Software\",\"Handwerk\"],\"services\":[\"Website\",\"Brand\",\"Platform\"],\"shortDescription\":\"Branding, Website und Plattform für ein eigenes SaaS-Produkt\\n\",\"slug\":{\"_type\":\"slug\",\"current\":\"togethr-share\"},\"title\":\"togethr-share\"},{\"_id\":\"30085229-0a09-4ea0-b4e0-59a6aa10ff7e\",\"categories\":[\"Website\",\"Web Development\"],\"clientLogo\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/a57b3b98f5df360de91a1938f490d6033537a1b5-173x71.svg\"}},\"clientWebsite\":\"https://www.dachau.de/\",\"featured\":false,\"heroImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/f5ba9cc972678e9bf5e712c586e14cf01c60abe1-2000x1333.jpg\"}},\"mockupImage\":null,\"portraitImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/f439d7eef1a77e55c4c1af44c4630ed277859af4-1333x2000.jpg\"}},\"projectType\":\"case\",\"projectYear\":2025,\"sector\":[\"Public Sector\"],\"services\":[\"Website\"],\"shortDe
12scription\":\"Klarheit für 50.000 Einwohner - Neue Informationsarchitektur und User Experience für die Stadt Dachau.\",\"slug\":{\"_type\":\"slug\",\"current\":\"stadt-dachau\"},\"title\":\"Stadt Dachau\"},{\"_id\":\"f43569ad-4358-4558-9226-15de08cf9160\",\"categories\":[\"Website\"],\"clientLogo\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/0f1d861ceeb04a0797203fa57c1497e51988806c-774x150.webp\"}},\"clientWebsite\":\"https://www.lifepark-max.de/\",\"featured\":true,\"heroImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/c22b80fa890e2fd74385349052ca35d629373075-2000x1333.jpg\"}},\"mockupImage\":null,\"portraitImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/c22b80fa890e2fd74385349052ca35d629373075-2000x1333.jpg\"}},\"projectType\":\"case\",\"projectYear\":2025,\"sector\":[\"Gesundheit\"],\"services\":[\"Website\"],\"shortDescription\":\"+100% Sichtbarkeit in 6 Monaten: Neuer Premium-Webauftritt für Ingolstadts hochwertiges Fitness- und Wellnesszentrum.\",\"slug\":{\"_type\":\"slug\",\"current\":\"life-park\"},\"title\":\"LIFE PARK\"},{\"_id\":\"4011ab41-25a6-4a11-ad51-9ab914545a0f\",\"categories\":[\"Website\"],\"clientLogo\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/97700a4ba94a58c87ca3bd3250cc4854e26a5960-2285x1114.png\"}},\"clientWebsite\":\"https://inas-institut.de/\",\"featured\":false,\"heroImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/58eff0c23d87fd7557619dc02df9dda75d560a25-2000x1480.jpg\"}},\"mockupImage\":null,\"portraitImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/58eff0c23d87fd7557619dc02df9dda75d560a25-2000x1480.jpg\"}},\"projectType\":\"case\",\"projectYear\":2025,\"sector\":[\"B2B-Dienstleistung\",\"Nachhaltigkeit\"],\"services\":[\"Website\"],\"shortDescription\":\"Digitale Präsenz für das INAS Institut \\n\",\"slug\":{\"_type\":\"slug\",\"current\":\"inas-institut\"},\"title\":\"INAS Institut\"},{\"_id\":\"1bfc9563-20cf-490b-842f-fdf6e32d9479\",\"categories\":[\"Website\",\"Online Shop\",\"Branding\",\"SEO\",\"SEA\"],\"clientLogo\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/2f9953133dd13fcfc363b8f0607dde6468414ac7-374x128.png\"}},\"clientWebsite\":\"https://hohenloherautomaten.de/\",\"featured\":true,\"heroImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/3b3c8e7c8fccee3a0f8a108370ea8d66acf8d218-2000x1200.jpg\"}},\"mockupImage\":null,\"portraitImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/11bb280249aeee2060fca2a8d7eb9392a03379b7-1279x2000.jpg\"}},\"projectType\":\"case\",\"projectYear\":2025,\"sector\":[\"B2B-Dienstleistung\",\"E-Commerce\"],\"services\":[\"SEO\",\"BRAND\",\"GOOGLE ADS\",\"ONLINE SHOP\"],\"shortDescription\":\"Digitaler Marken- und Vertriebsausbau für Hohenloher Automaten mit Online Shop, SEO \u0026 Google Ads.\\n\",\"slug\":{\"_type\":\"slug\",\"current\":\"hohenloher-automaten\"},\"title\":\"Hohenloher Automaten\"},{\"_id\":\"72f83619-e9d4-4d93-a27b-7010bec4d8d3\",\"categories\":[\"Website\",\"Branding\",\"SEO\"],\"clientLogo\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/be5f548228112685f14bef8dadfd475788f63854-516x200.webp\"}},\"clientWebsite\":\"https://www.gume.de/\",\"featured\":true,\"heroImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/0431f906e9681f4fcabc8a21bfa14dca144e142c-2000x1333.jpg\"}},\"mockupImage\":null,\"portraitImage\":null,\"projectType\":\"case\",\"projectYear\":2026,\"sector\":[\"Industrie\",\"Technologie\"],\"services\":[\"SEO\",\"BRAND\",\"WEBSITE\"],\"shortDescription\":\"+4.000% organischer Traffic in 6 Monaten - SEO \u0026 GEO (KI-SEO)-getriebener Marken- und Website-Relaunch für GuMe\",\"slug\":{\"_type\":\"slug\",\"current\":\"gume\"},\"title\":\"Gume\"},{\"_id\":\"a345ce97-37d8-4df7-98c0-abc0d9f103d6\",\"categories\":[\"SEO\",\"SEA\"],\"clientLogo\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/9b39765d9dbff678538f8a3a6ab0290532122d52-2560x2560.png\"}},\"clientWebsite\":\"https://www.gebrueder-peters.de/\",\"featured\":false,\"heroImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/90de6095e7a2f72b52d7e4e2aac9d6719ff8e504-2000x1333.jpg\"}},\"mockupImage\":null,\"portraitImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/59b782dc0d562fd4c10708d4a59f067b61206b5e-1333x2000.jpg\"}},\"projectType\":\"case\",\"projectYear\":2025,\"sector\":[\"Industrie\",\"Handwerk\"],\"services\":[\"SEO\",\"GOOGLE ADS\"],\"shortDe
12scription\":\"SEO und Performance-Marketing für Gebrüder Peters\\n\",\"slug\":{\"_type\":\"slug\",\"current\":\"gebrueder-peters\"},\"title\":\"Gebrüder Peters\"},{\"_id\":\"8c5f13a6-d37e-425c-98ae-b7bfb5405761\",\"categories\":[\"Website\",\"SEA\"],\"clientLogo\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/b30e5547fc231bcb2aff7df3372583112ffad585-2048x626.png\"}},\"clientWebsite\":\"https://esas-automotive.com/\",\"featured\":false,\"heroImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/2c448baefd63a8dd1d0bbf6c4e80aa7a23bb039d-2500x1750.png\"}},\"mockupImage\":null,\"portraitImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/2c448baefd63a8dd1d0bbf6c4e80aa7a23bb039d-2500x1750.png\"}},\"projectType\":\"case\",\"projectYear\":2024,\"sector\":[\"Industrie\",\"Technologie\"],\"services\":[\"Website\"],\"shortDescription\":\"Komplexe Technologie klar kommuniziert und Mitarbeiter im Fokus: Website-Relaunch und Google Ads für ESAS automotive.\",\"slug\":{\"_type\":\"slug\",\"current\":\"esas-automotive\"},\"title\":\"ESAS automotive\"},{\"_id\":\"c99bc19d-db30-4274-9241-e13af5cdc583\",\"categories\":[\"Website\",\"Branding\"],\"clientLogo\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/e5883b0d8e46f3613f112874f41a4d283d366cf1-1377x306.png\"}},\"clientWebsite\":\"https://www.smart-agripv-tunisia.com/\",\"featured\":false,\"heroImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/90f7a23eadae20682f05e481e3035382d16213ba-2000x1333.jpg\"}},\"mockupImage\":null,\"portraitImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/120d9dd18a4d8d2084a4ca53cc9fddfa9e9427a9-2000x1333.jpg\"}},\"projectType\":\"case\",\"projectYear\":2026,\"sector\":[\"Technologie\",\"Public Sector\",\"Nachhaltigkeit\"],\"services\":[\"WEB DEVELOPMENT\"],\"shortDescription\":\"Entwicklung einer Marke und Website für ein Forschungsprojekt der Technischen Hochschule Ingolstadt: Dig-e-Farm\\n\",\"slug\":{\"_type\":\"slug\",\"current\":\"dig-e-farm\"},\"title\":\"Dig-e-Farm (THI)\"},{\"_id\":\"e61c0c05-eca2-45c8-9117-f0ae39eb9b13\",\"categories\":[\"Website\",\"Branding\"],\"clientLogo\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/fbaa950ede30369713c8074d7822df0369f994ab-1147x230.png\"}},\"clientWebsite\":\"https://www.bkp-law.com/\",\"featured\":true,\"heroImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/94548ba9f2ef0ec9e8df5bca7df1ba94b0192843-2000x1459.jpg\"}},\"mockupImage\":null,\"portraitImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/a302cff0d288f904d098d5913c9adb8c816abeae-2000x1500.jpg\"}},\"projectType\":\"case\",\"projectYear\":2026,\"sector\":[\"B2B-Dienstleistung\"],\"services\":[\"BRAND\",\"Website\"],\"shortDescription\":\"Brücke zwischen Deutschland und Kasachstan: Marke und Website für BKP Law.\",\"slug\":{\"_type\":\"slug\",\"current\":\"burkardt-klinner-and-partner-llp\"},\"title\":\"Burkardt Klinner \u0026 Partner LLP\"},{\"_id\":\"9b4d3f46-ec0b-42a2-91eb-65398c005274\",\"categories\":[\"Website\",\"Branding\"],\"clientLogo\":null,\"clientWebsite\":\"https://buechl.de\",\"featured\":true,\"heroImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/c9eab5f9aa50e708d6e0c179e7165b234a47b7ac-2000x1400.jpg\"}},\"mockupImage\":null,\"portraitImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/c9eab5f9aa50e708d6e0c179e7165b234a47b7ac-2000x1400.jpg\"}},\"projectType\":\"case\",\"projectYear\":2024,\"sector\":[\"Industrie\",\"Technologie\"],\"services\":[\"WEB DEVELOPMENT\"],\"shortDescription\":\"Langfristige Partnerschaft \u0026 moderner Webauftritt zur Mitarbeitergewinnung für die BÜCHL Gruppe.\",\"slug\":{\"_type\":\"slug\",\"current\":\"buechl-firmengruppe\"},\"title\":\"BÜCHL Gruppe\"},{\"_id\":\"45369aa9-0d3e-4bd8-b34b-b52075d43202\",\"categories\":[\"Website\",\"Web Development\"],\"clientLogo\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/6e16b46563e528a912aedf53479151fe0396d
12dbb-2049x675.png\"}},\"clientWebsite\":\"https://www.mission-in.de/\",\"featured\":true,\"heroImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/fe124c79422a01d48a460be9ebd3edf441238fe1-2000x1333.jpg\"}},\"mockupImage\":null,\"portraitImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/1ea38ba5f8b564a1f3ead8ca0822a0b78f2add6d-1333x2000.jpg\"}},\"projectType\":\"case\",\"projectYear\":2026,\"sector\":[\"Public Sector\"],\"services\":[\"Website\",\"DEV\"],\"shortDescription\":\"Moderner Kampagnenauftritt mit interaktiver 3D-Karte für die CSU Ingolstadt: Wahlkampf gewonnen.\",\"slug\":{\"_type\":\"slug\",\"current\":\"mission-in\"},\"title\":\"Mission IN (CSU Ingolstadt)\"},{\"_id\":\"bed3335f-5eb4-4bb4-965a-718aa0dc3ba4\",\"categories\":[\"Website\",\"Branding\",\"Plattform\",\"Web Development\"],\"clientLogo\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/637f5bc4516dd847539ffb82197460c4a5d111bf-500x200.svg\"}},\"clientWebsite\":\"https://www.heimat-hilft.de/\",\"featured\":true,\"heroImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/0b8b2d158829a047c9dc251b40cbf042e4e37a7d-2000x1333.jpg\"}},\"mockupImage\":null,\"portraitImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/9163ede89530363cb552f105715a4bfe60702852-1333x2000.jpg\"}},\"projectType\":\"case\",\"projectYear\":2025,\"sector\":[\"Public Sector\",\"Nachhaltigkeit\"],\"services\":[\"Brand\",\"Platform\",\"Website\"],\"shortDescription\":\"150 Spenden, 16 Kampagnen, 15 Vereine - Fundraising-Plattform für die Region Ingolstadt.\",\"slug\":{\"_type\":\"slug\",\"current\":\"heimat-hilft\"},\"title\":\"Heimat-hilft\"},{\"_id\":\"c4af76e9-f8b3-41b8-a154-d17434882a90\",\"categories\":[\"Website\",\"Web Development\"],\"clientLogo\":{\"alt\":\"seobility_logo_white\",\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/59956217059185ca2cc3430f236b0c5bc1669ddd-150x42.svg\"}},\"clientWebsite\":\"https://www.seobility.net/de/\",\"featured\":true,\"heroImage\":{\"alt\":\"mockup_projekte_seobility_macbook\",\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/00211a7672c159b212191bc751ed02fefbde340b-2000x1459.jpg\"}},\"mockupImage\":null,\"portraitImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/29b53d0aaa8a38b0c749bef548991ae831278fa1-1333x2000.jpg\"}},\"projectType\":\"case\",\"projectYear\":2025,\"sector\":[\"Software\"],\"services\":[\"Website\"],\"shortDescription\":\"Gestiegene Signup-Rate und verbesserte SEO-Entwicklung: Website-Relaunch bei 300.000 monatlichen Besuchern für Seobility.\",\"slug\":{\"_type\":\"slug\",\"current\":\"seobility\"},\"title\":\"Seobility \"},{\"_id\":\"aa4397e6-4ad8-4e19-8262-c834115f8427\",\"categories\":[\"Website\",\"SEO\"],\"clientLogo\":{\"alt\":\"gominga-powered-by-zenloop-logo-color\",\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/6e6cbcc5d00bf85160a76a2f33e27336a7607a31-1716x619.png\"}},\"clientWebsite\":\"https://gominga.com\",\"featured\":true,\"heroImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/03293c7e52446c4cac2fab63e9f468c6e0a2a48e-2000x1333.jpg\"}},\"mockupImage\":null,\"portraitImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/d415165efecac50f93c16f7ea03f72ea2035f793-1333x2000.jpg\"}},\"projectType\":\"case\",\"projectYear\":2025,\"sector\":[\"Software\"],\"services\":[\"WEBSITE\"],\"shortDescription\":\"Thought Leader im Review Management - SEO-getriebener Website-Relaunch für gominga im DACH-Markt.\",\"slug\":{\"_type\":\"slug\",\"current\":\"gominga\"},\"title\":\"gominga\"},{\"_id\":\"project-brasser-accounting\",\"categories\":[\"Website\",\"Branding\",\"SEO\"],\"clientLogo\":null,\"clientWebsite\":\"https://www.brasser-accounting.de/\",\"featured\":true,\"heroImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/5503b090da5da778eb6c1648d9d5c41dba04bf30-2000x1459.jpg\"}},\"mockupImage\":null,\"portraitImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/0111182f3ab87ba62e6afda43e268ddb9831b401-1333x2000.jpg\"}},\"projectType\":\"case\",\"projectYear\":2025,\"sector\":[\"B2B-Dienstleistung\"],\"services\":[\"SEO\",\"WEB DEVELOPMENT\",\"BRAND\"],\"shortDe
12scription\":\"Buchhaltung neu gedacht - Marken- und Webauftritt für Brasser Accounting.\",\"slug\":{\"_type\":\"slug\",\"current\":\"brasser-accounting\"},\"title\":\"Brasser Accounting\"},{\"_id\":\"project-cosmema-ecommerce\",\"categories\":[\"Website\",\"SEO\",\"SEA\",\"Plattform\",\"Web Development\"],\"clientLogo\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/b5f9967c44da5986d1892fc54654169d87fefe1d-392x142.png\"}},\"clientWebsite\":\"https://cosmema.de\",\"featured\":true,\"heroImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/6f056a62d2ce25b88b27e781d326e5907efddceb-2000x1333.jpg\"}},\"mockupImage\":null,\"portraitImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/6f056a62d2ce25b88b27e781d326e5907efddceb-2000x1333.jpg\"}},\"projectType\":\"case\",\"projectYear\":2025,\"sector\":[\"Software\",\"Public Sector\"],\"services\":[\"GOOGLE ADS\",\"WEB DEVELOPMENT\",\"WEB APP\"],\"shortDescription\":\"Gemeinsam zum Marktführer mit über 900 Kommunen: Langjährige Betreuung für Cosmema mit Website Relaunch, Plattform und Google Ads.\\n\",\"slug\":{\"_type\":\"slug\",\"current\":\"cosmema\"},\"title\":\"Cosmema\"}],\"headline\":\"Cases \u0026 Projekte aus unserem Portfolio\",\"subline\":\"Von Startup bis Verwaltung oder Industrie. Wir denken größer als das Briefing und entwickeln Lösungen, die mitwachsen.\",\"slidesOverride\":[{\"_id\":\"project-brasser-accounting\",\"categories\":[\"Website\",\"Branding\",\"SEO\"],\"clientLogo\":null,\"clientWebsite\":\"https://www.brasser-accounting.de/\",\"featured\":true,\"heroImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/5503b090da5da778eb6c1648d9d5c41dba04bf30-2000x1459.jpg\"}},\"mockupImage\":null,\"portraitImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/0111182f3ab87ba62e6afda43e268ddb9831b401-1333x2000.jpg\"}},\"projectType\":\"case\",\"projectYear\":2025,\"sector\":[\"B2B-Dienstleistung\"],\"services\":[\"SEO\",\"WEB DEVELOPMENT\",\"BRAND\"],\"shortDescription\":\"Buchhaltung neu gedacht - Marken- und Webauftritt für Brasser Accounting.\",\"slug\":{\"_type\":\"slug\",\"current\":\"brasser-accounting\"},\"title\":\"Brasser Accounting\"},{\"_id\":\"project-cosmema-ecommerce\",\"categories\":[\"Website\",\"SEO\",\"SEA\",\"Plattform\",\"Web Development\"],\"clientLogo\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/b5f9967c44da5986d1892fc54654169d87fefe1d-392x142.png\"}},\"clientWebsite\":\"https://cosmema.de\",\"featured\":true,\"heroImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/6f056a62d2ce25b88b27e781d326e5907efddceb-2000x1333.jpg\"}},\"mockupImage\":null,\"portraitImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/6f056a62d2ce25b88b27e781d326e5907efddceb-2000x1333.jpg\"}},\"projectType\":\"case\",\"projectYear\":2025,\"sector\":[\"Software\",\"Public Sector\"],\"services\":[\"GOOGLE ADS\",\"WEB DEVELOPMENT\",\"WEB APP\"],\"shortDescription\":\"Gemeinsam zum Marktführer mit über 900 Kommunen: Langjährige Betreuung für Cosmema mit Website Relaunch, Plattform und Google Ads.\\n\",\"slug\":{\"_type\":\"slug\",\"current\":\"cosmema\"},\"title\":\"Cosmema\"},{\"_id\":\"c4af76e9-f8b3-41b8-a154-d17434882a90\",\"categories\":[\"Website\",\"Web Development\"],\"clientLogo\":{\"alt\":\"seobility_logo_white\",\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/59956217059185ca2cc3430f236b0c5bc1669ddd-150x42.svg\"}},\"clientWebsite\":\"https://www.seobility.net/de/\",\"featured\":true,\"heroImage\":{\"alt\":\"mockup_projekte_seobility_macbook\",\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/00211a7672c159b212191bc751ed02fefbde340b-2000x1459.jpg\"}},\"mockupImage\":null,\"portraitImage\":{\"alt\":null,\"asset\":{\"_ref\":null,\"url\":\"https://cdn.sanity.io/images/rphynzwl/production/29b53d0aaa8a38b0c749bef548991ae831278fa1-1333x2000.jpg\"}},\"projectType\":\"case\",\"projectYear\":2025,\"sector\":[\"Software\"],\"services\":[\"Website\"],\"shortDe
12scription\":\"Gestiegene Signup-Rate und verbesserte SEO-Entwicklung: Website-Relaunch bei 300.000 monatlichen Besuchern für Seobility.\",\"slug\":{\"_type\":\"slug\",\"current\":\"seobility\"},\"title\":\"Seobility \"}]}]}],\"$L21\",\"$L22\"]}],\"$L23\"]\n"])</script>
12<script>self.__next_f.push([1,"24:I[44496,[\"/_next/static/chunks/f8476f04f92036c5.js\",\"/_next/static/chunks/30c0b25dc9db1b93.js\",\"/_next/static/chunks/facd7691b1af3890.js\",\"/_next/static/chunks/b66c9625cc570f88.js\",\"/_next/static/chunks/a99d7fab38bf45af.js\",\"/_next/static/chunks/5fe99de5dbb6f8cd.js\"],\"default\"]\n25:I[47537,[\"/_next/static/chunks/f8476f04f92036c5.js\",\"/_next/static/chunks/30c0b25dc9db1b93.js\",\"/_next/static/chunks/facd7691b1af3890.js\",\"/_next/static/chunks/b66c9625cc570f88.js\",\"/_next/static/chunks/a99d7fab38bf45af.js\",\"/_next/static/chunks/5fe99de5dbb6f8cd.js\"],\"default\"]\n21:[\"$\",\"$L24\",null,{\"projects\":\"$17:1:props:children:0:props:children:props:projects\",\"content\":{\"casesBadge\":\"CASES\",\"casesHeading\":\"Case Studies\",\"filterLeistungenLabel\":\"Leistungen\",\"filterBranchenLabel\":\"Branchen\",\"viewCardsLabel\":\"Karten\",\"viewExploreLabel\":\"entdecken\",\"loadMoreLabel\":\"Weitere Projekte laden +\"}}]\n22:[\"$\",\"$L25\",null,{\"button1Text\":\"LASS UNS SPRECHEN\",\"button1Link\":\"/kontakt\",\"button2Text\":\"\"}]\n23:[\"$\",\"$L14\",null,{}]\n"])</script>
12</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.