PageSourceSearch

https://www.viereinhalb.io/projekte/

html viereinhalb.io collected 2026-10-07 00:30:06 UTC 86,876 bytes, 53 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de">
3<head><meta charset="utf-8">
4<title>Unsere erfolgreichsten Projekte &amp; Case Studies</title>
5<meta name="viewport" content="width=device-width, initial-scale=1">
6<link rel="preload" href="/fonts/PPRightGrotesk-TallBold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
7<link rel="preload" href="/fonts/Campton-Medium.woff2" as="font" type="font/woff2" crossorigin="anonymous">
8<link rel="preload" href="/fonts/Campton-Light.woff2" as="font" type="font/woff2" crossorigin="anonymous">
9<link rel="preload" href="/fonts/Campton-Bold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
10<link rel="canonical" href="https://www.viereinhalb.io/projekte/">
11<meta property="og:url" content="https://www.viereinhalb.io/projekte/">
12<meta property="og:locale" content="de">
13<meta property="og:site_name" content="VIEREINHALB">
14<meta property="og:image" content="https://www.viereinhalb.io/viereinhalb_social-banner.jpg">
15<meta name="twitter:card" content="summary_large_image">
16<meta property="og:type" content="website">
17<link rel="profile" href="https://gmpg.org/xfn/11">
18<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
19<meta name="description" content="Immer mehr Projekte als der durchschnittliche Baumarktbesucher: Hier einige unserer Highlights zum Anschauen.">
20<meta property="og:title" content="Unsere erfolgreichsten Projekte & Case Studies">
21<meta property="og:description" content="Immer mehr Projekte als der durchschnittliche Baumarktbesucher: Hier einige unserer Highlights zum Anschauen."><link rel="modulepreload" as="script" crossorigin href="/_nuxt/entry.f1cb73ba.js"><link rel="preload" as="style" href="/_nuxt/entry.39617fbf.css"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/default.18d992cc.js"><link rel="preload" as="style" href="/_nuxt/default.53ae1488.css"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/index.647b9533.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/projects.664fbf2a.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/index.c53a1d51.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/Sub.vue.ca068b1a.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/Button.vue.5282da62.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/Projects.vue.ce753176.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/PlayButtonIcon.e4a19b6d.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/Footer.vue.6c160c75.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/viereinhalb_agentur_kontakt_sebastian-uting.89f317c8.js"><link rel="prefetch" as="script" crossorigin href="/_nuxt/error-component.de5ffd76.js"><link rel="stylesheet" href="/_nuxt/entry.39617fbf.css"><link rel="stylesheet" href="/_nuxt/default.53ae1488.css"><style>@media (prefers-reduced-motion:no-preference){.page-enter-active,.page-leave-active{transition:all .4s}.page-enter-from,.page-leave-to{filter:blur(1rem);opacity:0}}@media (prefers-reduced-motion:reduce){.page-enter-active,.page-leave-active{transition:opacity .1s}.page-enter-from,.page-leave-to{opacity:0}}</style><style>.burger[data-v-0a6ebca0]{transition:color .3s,transform .5s}</style><style>.icon[data-v-e74769a9]{display:inline-block;vertical-align:middle}</style></head>
22<body ><div id="__nuxt"><!--[--><div></div><span></span><span></span><div class="flex flex-col min-h-screen transition-colors duration-500 bg-vrnhlb-black"><a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-[9999] focus:bg-vrnhlb-brand focus:text-white focus:px-4 focus:py-2 focus:rounded focus:outline-none"> Zum Hauptinhalt springen </a><header class="fixed flex items-center w-full top-0 left-0 z-50" style="transform:translateY(-0px);" data-v-0a6ebca0><div class="w-full h-full px-6 md:px-[3.8rem] min-[1720px]:px-24 flex justify-between items-center py-10 md:py-[4rem] lg:py-[4.5rem]" data-v-0a6ebca0><button class="flex group cursor-pointer gap-x-2 items-center text-vrnhlb-brand" aria-label="VIEREINHALB – Zur Startseite" data-v-0a6ebca0><svg viewbox="9 19 235 149" class="pointer-events-none h-[2.1rem] !text-white" data-v-0a6ebca0><g><path class="text-vrnhlb-brand group-hover:text-current transition-colors duration-[400ms]" fill="currentColor" d="M44.16,167.4L78.63,66.53c2.91-8.52,10.94-14.23,19.94-14.19l19.69,0.09c0.05,0,0.08,0.05,0.07,0.09 L83.66,153.25c-2.9,8.44-10.82,14.11-19.75,14.15l-19.69,0.09C44.18,167.49,44.15,167.44,44.16,167.4z"></path><path class="text-vrnhlb-brand group-hover:text-current transition-colors duration-700" fill="currentColor" d="M132.63,167.4L167.1,66.53c2.91-8.52,10.94-14.23,19.94-14.19l19.69,0.09c0.05,0,0.08,0.05,0.07,0.09 l-34.67,100.73c-2.9,8.44-10.82,14.11-19.75,14.15l-19.69,0.09C132.65,167.49,132.62,167.44,132.63,167.4z"></path><path class="text-vrnhlb-brand group-hover:text-current transition-colors duration-200" fill="currentColor" d="M10.93,135.29L45.39,34.42c2.91-8.52,10.94-14.23,19.94-14.19l19.69,0.09c0.05,0,0.08,0.05,0.07,0.09 L50.43,121.14c-2.9,8.44-10.82,14.11-19.75,14.15l-19.69,0.09C10.94,135.38,10.91,135.34,10.93,135.29z"></path><path class="text-vrnhlb-brand group-hover:text-current transition-colors duration-[600ms]" fill="currentColor" d="M99.39,135.29l34.47-100.87c2.91-8.52,10.94-14.23,19.94-14.19l19.69,0.09c0.05,0,0.08,0.05,0.07,0.09 l-34.67,100.73c-2.9,8.44-10.82,14.11-19.75,14.15l-19.69,0.09C99.41,135.38,99.38,135.34,99.39,135.29z"></path><path class="text-current group-hover:text-vrnhlb-brand transition-colors duration-[800ms]" fill="currentColor" d="M187.89,135.22l14.72-42.34c2.91-8.52,10.94-14.23,19.94-14.19l19.69,0.09c0.05,0,0.08,0.05,0.07,0.09 l-14.92,42.2c-2.9,8.44-10.82,14.11-19.75,14.15l-19.69,0.09C187.91,135.31,187.88,135.27,187.89,135.22z"></path></g></svg><svg viewbox="0 0 1839.277 174.683" class="max-lg:hidden h-[1.15rem] transition duration-500 origin-left !text-white" data-v-0a6ebca0><g transform="translate(-13.8 -11.7)"><path class="text-vrnhlb-brand group-hover:text-current transition-colors duration-500" d="M213.51,11.7,141.492,186.383H86.329L13.8,11.7H71.006l42.9,107.772L157.326,11.7H213.51Z" transform="translate(0 0)" fill="currentColor"></path><path class="text-vrnhlb-brand group-hover:text-current transition-colors duration-500" d="M108.377,11.7V185.361H57.3V11.7h51.077Z" transform="translate(178.684 0)" fill="currentColor"></path><path class="text-vrnhlb-brand group-hover:text-current transition-colors duration-500" d="M125.888,54.6V77.589H197.4v41.372H125.888v22.985h83.766v43.415H74.3V11.7H2
2209.143V55.115H125.888Z" transform="translate(248.515 0)" fill="currentColor"></path><path class="text-vrnhlb-brand group-hover:text-current transition-colors duration-500" d="M214.983,185.361,187.4,139.392H158.288v45.969H106.7V11.7h78.658c46.991,0,76.1,22.985,76.1,63.335,0,20.942-9.194,38.818-25.538,50.566l37.286,60.271H214.983Zm-56.7-91.428h26.56c14.3,0,24.517-7.662,24.517-19.92,0-11.237-10.726-18.9-24.517-18.9h-26.56Z" transform="translate(381.604 0)" fill="currentColor"></path><path class="text-current group-hover:text-vrnhlb-brand transition-colors duration-500" d="M194.777,54.6V77.589h71.508v41.372H194.777v22.985h83.766v43.415H143.7V11.7H278.543V55.115H194.777Z" transform="translate(533.588 0)" fill="currentColor"></path><path class="text-current group-hover:text-vrnhlb-brand transition-colors duration-500" d="M227.688,11.7V185.361H176.1V11.7h51.588Z" transform="translate(666.677 0)" fill="currentColor"></path><path class="text-current group-hover:text-vrnhlb-brand transition-colors duration-500" d="M357.567,11.7V185.361H317.217l-72.529-82.234v82.234H193.1V11.7h40.351L305.98,94.955V11.7Z" transform="translate(736.508 0)" fill="currentColor"></path><path class="text-current group-hover:text-vrnhlb-brand transition-colors duration-500" d="M396.667,11.7V185.361H345.08v-61.8H283.788v61.8H232.2V11.7h51.588V78.611H345.08V11.7Z" transform="translate(897.118 0)" fill="currentColor"></path><path class="text-current group-hover:text-vrnhlb-brand transition-colors duration-500" d="M400.367,160.334H333.457l-9.194,25.028H269.1L341.118,11.7h50.566L463.7,185.361H409.051Zm-15.323-41.372L366.657,68.906,348.78,118.961Z" transform="translate(1048.692 0)" fill="currentColor"></path><path class="text-current group-hover:text-vrnhlb-brand transition-colors duration-500" d="M445.921,140.414v44.948H312.1V11.7h51.588V140.924h82.234Z" transform="translate(1225.322 0)" fill="currentColor"></path><path class="text-current group-hover:text-vrnhlb-brand transition-colors duration-500" d="M498.774,136.327c0,29.114-22.474,49.034-62.314,49.034H343.5V11.7h86.32c37.8,0,60.781,18.388,60.781,46.48,0,15.323-8.683,32.689-24.006,38.308C488.047,101.084,498.774,118.451,498.774,136.327ZM395.6,51.54V81.165h25.538c12.769,0,20.431-6.64,20.431-15.323,0-9.7-7.151-14.3-20.431-14.3Zm53.12,77.637c0-9.194-6.64-14.3-20.942-14.3H395.6V144.5h31.668C442.078,144.5,448.718,138.881,448.718,129.177Z" transform="translate(1354.303 0)" fill="currentColor"></path></g></svg></button><nav class="flex gap-x-14 items-center" aria-label="Hauptnavigation" data-v-0a6ebca0><ul class="max-md:hidden flex gap-x-14 uppercase text-base font-bold transition duration-500" data-v-0a6ebca0><li data-v-0a6ebca0><a href="/agentur/" class="animated-underline-bold hover:text-vrnhlb-brand transition duration-500" data-v-0a6ebca0> Agentur </a></li><li data-v-0a6ebca0><a aria-current="page" href="/projekte/" class="router-link-active router-link-exact-active animated-underline-bold hover:text-vrnhlb-brand transition duration-500" data-v-0a6ebca0> Projekte </a></li><li data-v-0a6ebca0><a href="/leistungen/" class="animated-underline-bold hover:text-vrnhlb-brand transition duration-500" data-v-0a6ebca0> Leistungen </a></li><li data-v-0a6ebca0><a href="/kontakt/" class="animated-underline-bold hover:text-vrnhlb-brand transition duration-500" data-v-0a6ebca0> Kontakt </a></li></ul><button class="flex flex-col group relative w-11 h-11 rounded-full cursor-pointer" aria-label="Menü öffnen" aria-expanded="false" aria-controls="main-navigation" data-v-0a6ebca0><div class="absolute top-1/2 -translate-y-[calc(50%+0.3rem)] group-hover:bg-vrnhlb-brand group-hover:-translate-y-[calc(50%+0.4rem)] w-full h-[0.175rem] bg-white transition duration-500" data-v-0a6ebca0></div><div class="absolute top-1/2 -translate-y-[calc(50%-0.3rem)] group-hover:bg-vrnhlb-brand group-hover:-translate-y-[calc(50%-0.4rem)] w-full h-[0.175rem] bg-white transition duration-500" data-v-0a6ebca0></div></button></nav></div></header><!--[--><nav id="main-navigation" class="fixed top-0 left-0 w-full h-screen z-40 transition overflow-auto duration-500" aria-label="Seitennavigation" style="display:none;"><div class="constrainer py-36 md:py-52"><div class="flex flex-col 2xl:flex-row lg:items-end lg:gap-y-8 items-start justify-between"><ul class="flex flex-col lg:flex-row flex-wrap gap-x-24 gap-y-9 mb-9 lg:mb-0"><li class="h4"><a href="/leistungen/" class="animated-underline-bold hover:text-vrnhlb-brand transition duration-500">Leistungen</a></li><li class="h4"><a aria-current="page" href="/projekte/" class="router-link-active router-link-exact-active animated-underline-bold hover:text-vrnhlb-brand transition duration-500">Projekte</a></li><li class="h4"><a href="/agentur/" class="animated-underline-bold hover:text-vrnhlb-brand transition duration-500">Agentur</a></li><li class="h4"><a href="/kontakt/" class="animated-underline-bold hover:text-vrnhlb-brand transition duration-500">Kontakt</a></li></ul><ul class="flex flex-col lg:items-end gap-y-5 lg:gap-y-3 pt-1"><li class="h6"><a href="/blog/" class="animated-underline-bold hover:text-vrnhlb-brand transition duration-500"> Blog </a></li><li class="h6"><a href="https://join.com/companies/viereinhalb/" target="_blank" class="animated-underline-bold hover:text-vrnhlb-brand transition duration-500"> Jobs </a></li></ul></div><div class="flex gap-x-8 gap-y-6 flex-wrap font-light uppercase mt-20 lg:mt-16 mb-12 lg:mb-11 leading-normal"><button class="text-vrnhlb-brand after:w-full cursor-pointer hover:text-vrnhlb-brand transition animated-underline duration-500 uppercase"> Alle </button><button class="cursor-pointer hover:text-vrnhlb-brand transition animated-underline duration-500 uppercase">
22 Strategie </button><button class="cursor-pointer hover:text-vrnhlb-brand transition animated-underline duration-500 uppercase"> Design </button><button class="cursor-pointer hover:text-vrnhlb-brand transition animated-underline duration-500 uppercase"> Websites </button><button class="cursor-pointer hover:text-vrnhlb-brand transition animated-underline duration-500 uppercase"> Kampagne </button></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-y-14 gap-x-5"><!--[--><a href="/projekte/veltins-gastroportal/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/veltins/viereinhalb-cases-menu.jpg" alt="VELTINS Gastroportal" loading="lazy"><!----></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">VELTINS GASTRO&shy;PORTAL</h3><p class="hidden uppercase font-light -mt-1 transition-colors">website</p></a><a href="/projekte/iqma-energy/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/menu/viereinhalb-menu-iqma.webp" alt="iQma energy Logo" loading="lazy"><!----></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">iQma energy</h3><p class="hidden uppercase font-light -mt-1 transition-colors">website</p></a><a href="/projekte/raumzenit/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/raumzenit/bilder/case_raumzenit_header.jpg" alt="Raumzenit" loading="lazy"><!----></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">Raumzenit</h3><p class="hidden uppercase font-light -mt-1 transition-colors">strategie</p></a><a href="/projekte/klimja/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/klimja/viereinhalb-projekte-klimja-menu.webp" alt="klimja" loading="lazy"><!----></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">klimja</h3><p class="hidden uppercase font-light -mt-1 transition-colors">strategie</p></a><a href="/projekte/pier-vier/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/pier-vier/menu.webp" alt="Pier(Vier)" loading="lazy"><!----></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">Pier(Vier)</h3><p class="hidden uppercase font-light -mt-1 transition-colors">design</p></a><a href="/projekte/harzresorts/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/harzresorts/viereinhalb-cases-harzresorts-menu.webp" alt="Harzresorts" loading="lazy"><!----></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">Harzresorts</h3><p class="hidden uppercase font-light -mt-1 transition-colors">website</p></a><a href="/projekte/lindner/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><!----><video class="object-cover w-full !max-w-none group-hover:scale-110 transition-transform duration-500" muted autoplay playsinline loop preload="none" src="/images/cases/lindner/viereinhalb-projekte-lindner-menu.mp4" aria-label="Lindner Hotel Boltenhagen"></video></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">Lindner Hotel Boltenhagen</h3><p class="hidden uppercase font-light -mt-1 transition-colors">strategie</p></a><a href="/projekte/bette/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/bette/images/viereinhalb-projekte-betteautolack-Vorschau-Menue.webp" alt="Bette Autolack" loading="lazy"><!----></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">Bette Autolack</h3><p class="hidden uppercase font-light -mt-1 transition-colors">website</p></a><a href="/projekte/der-gruene-mann/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/dgm/Instagram_post_Hero.png" alt="Der Grüne Mann" loading="lazy"><!----></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">Der Grüne Mann</h3><p class="hidden uppercase font-light -mt-1 transition-colors">design</p></a>
22<a href="/projekte/maredo-steakhouse/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/menu/viereinhalb-menu-maredo.webp" alt loading="lazy"><!----></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">MAREDO</h3><p class="hidden uppercase font-light -mt-1 transition-colors">strategie</p></a><a href="/projekte/johannes-neun/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/johannes-neun/viereinhalb-cases-menu_johannesneun.webp" alt="Johannes Neun" loading="lazy"><!----></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">Johannes Neun</h3><p class="hidden uppercase font-light -mt-1 transition-colors">strategie</p></a><a href="/projekte/gierse/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/gierse/Projekt-Vorschau_Menu.webp" alt="Gierse Schreinerei" loading="lazy"><!----></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">Gierse Schreinerei</h3><p class="hidden uppercase font-light -mt-1 transition-colors">website</p></a><a href="/projekte/vplus/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/vplus/images/Veltins-Vplus_Case_Bild1.jpg" alt="vplus" loading="lazy"><!----></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">Veltins V+</h3><p class="hidden uppercase font-light -mt-1 transition-colors">website</p></a><a href="/projekte/wilmers/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/wilmers/Projekt-Vorschau-Menu.webp" alt="Wilmers Kommunaltechnik" loading="lazy"><!----></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">
22Wilmers Kommunal&shy;technik</h3><p class="hidden uppercase font-light -mt-1 transition-colors">website</p></a><a href="/projekte/ruether/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/ruether/viereinhalb-projekte-ruether-menu.webp" alt="Rüther" loading="lazy"><!----></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">Rüther</h3><p class="hidden uppercase font-light -mt-1 transition-colors">website</p></a><a href="/projekte/schmabo/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/schmabo/viereinhalb-projekte-schmabo-menu.webp" alt="Schmabo" loading="lazy"><!----></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">Schmabo</h3><p class="hidden uppercase font-light -mt-1 transition-colors">strategie</p></a><a href="/projekte/sausalitos/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/sausalitos/bilder/viereinhalb-cases-sausalitos-menu.webp" alt="Sausalitos" loading="lazy"><!----></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">Sausalitos</h3><p class="hidden uppercase font-light -mt-1 transition-colors">website</p></a><a href="/projekte/choreoo/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/choreoo/bilder/viereinhalb-cases-menu_choreoo.webp" alt="Choreoo" loading="lazy"><!----></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">Choreoo</h3><p class="hidden uppercase font-light -mt-1 transition-colors">design</p></a><a href="/projekte/duena/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/menu/viereinhalb-menu-duena.webp" alt loading="lazy"><!----></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">Düna</h3><p class="hidden uppercase font-light -mt-1 transition-colors">design</p></a><a href="/projekte/blankweiss-dental-studios/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/menu/viereinhalb-menu-blankweiss.webp" alt loading="lazy"><!----></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">blankweiss</h3><p class="hidden uppercase font-light -mt-1 transition-colors">strategie</p></a><a href="/projekte/bepro/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><!----><video class="object-cover w-full !max-w-none group-hover:scale-110 transition-transform duration-500" muted autoplay playsinline loop preload="none" src="/images/cases/bepro/bilder/viereinhalb-cases-menu_bepro.mp4" aria-label="bepro"></video></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">bepro solutions GmbH</h3><p class="hidden uppercase font-light -mt-1 transition-colors">strategie</p></a><a href="/projekte/mediguys/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><!----><video class="object-cover w-full !max-w-none group-hover:scale-110 transition-transform duration-500" muted autoplay playsinline loop preload="none" src="/images/menu/viereinhalb-menu
22-mediguys.mp4" aria-label></video></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">Mediguys®</h3><p class="hidden uppercase font-light -mt-1 transition-colors">design</p></a><a href="/projekte/msg-maschinenbau/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/menu/viereinhalb-menu-msg.webp" alt loading="lazy"><!----></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">MSG Maschinenbau</h3><p class="hidden uppercase font-light -mt-1 transition-colors">website</p></a><a href="/projekte/schoermann/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/schoermann/viereinhalb-projekte-schoermann-menu.webp" alt="Tischlerei Schörmann" loading="lazy"><!----></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">Tischlerei Schörmann</h3><p class="hidden uppercase font-light -mt-1 transition-colors">design</p></a><a href="/projekte/heiter-herrlich/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><!----><video class="object-cover w-full !max-w-none group-hover:scale-110 transition-transform duration-500" muted autoplay playsinline loop preload="none" src="/images/menu/viereinhalb-menu-heiter-herrlich.mp4" aria-label></video></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">Heiter & Herrlich</h3><p class="hidden uppercase font-light -mt-1 transition-colors">design</p></a><a href="/projekte/edmund/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/menu/viereinhalb-menu-edmund.webp" alt loading="lazy"><!----></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">Edmund</h3><p class="hidden uppercase font-light -mt-1 transition-colors">strategie</p></a><a href="/projekte/tannenhelden/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><!----><video class="object-cover w-full !max-w-none group-hover:scale-110 transition-transform duration-500" muted autoplay playsinline loop preload="none" src="/images/menu/viereinhalb-menu-tannenhelden.mp4" aria-label></video></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">Tannenhelden</h3><p class="hidden uppercase font-light -mt-1 transition-colors">website</p></a><a href="/projekte/ritzenhoff/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/menu/viereinhalb-menu-ritzenhoff.webp" alt loading="lazy"><!----></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">Ritzenhoff</h3><p class="hidden uppercase font-light -mt-1 transition-colors">kampagnen</p></a><a href="/projekte/strongmates/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix bg-[#2a2a2a]"><!----><video class="!object-center !object-contain scale-150 group-hover:!scale-[1.65] object-cover w-full !max-w-none group-hover:scale-110 transition-transform duration-500" muted autoplay playsinline loop preload="none" src="/images/cases/strongmates/logo/strongmates-videoanimation.mp4" aria-label="StrongMates"></video></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">StrongMates</h3><p class="hidden uppercase font-light -mt-1 transition-colors">design</p></a><a href="/projekte/mysteryminds/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-3 aspect-h-4 overflow-hidden rounded-lg overflow-fix"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/menu/viereinhalb-menu
22-mysterminds.webp" alt loading="lazy"><!----></div><h3 class="inline-block h6 mt-7 mb-1 transition-colors duration-500 group-animated-underline-bold leading-tight">Mystery Minds</h3><p class="hidden uppercase font-light -mt-1 transition-colors">website</p></a><!--]--></div></div></nav><div class="fixed top-0 left-0 w-full h-screen z-30 backdrop-blur-[1rem] bg-vrnhlb-black transition-all duration-1000 pointer-events-none" style="display:none;"></div><!--]--><main id="main-content" class="flex-1" tabindex="-1"><!--[--><div><section class="relative my-32 md:my-48"><div class="constrainer"><h1 class="mb-12 md:mb-10">Echte Markenidentität erleben:<br>Unsere Projekte</h1><div class="block mx-auto max-w-5xl"><div class=""><!--[--><p>Nur, wenn wir stolz darauf sind, was wir schaffen, haben wir unseren Auftrag erfüllt. Unsere Projekte schaffen eine Verbindung zwischen Markenentwicklung und Design, zwischen Programmierung und Online-Marketing – zwischen Marken und Menschen. Hier wird alles individuell gedacht und präzise umgesetzt. So entstehen Konzepte, Ideen und Maßnahmen, die sichtbar, nutzbar und relevant sind.</p><!--]--></div><a href="/kontakt/" class="text-xl py-4 pl-11 pr-10 font-medium text-left relative inline-flex justify-center items-center rounded-full overflow-hidden cursor-pointer transition group text-vrnhlb-white mt-12"><span class="relative z-10">Das will ich auch</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon relative z-10 shrink-0 self-end ml-2.5 transition duration-500 group-hover:rotate-[315deg]" style="" width="1.6rem" height="1.6rem" viewBox="0 0 24 24" data-v-e74769a9><path fill="currentColor" d="m14 18l-1.4-1.45L16.15 13H4v-2h12.15L12.6 7.45L14 6l6 6z"/></svg><div class="absolute top-0 left-0 h-full w-full rounded-full border transition border-vrnhlb-white"></div><div class="absolute top-0 left-0 h-full bg-vrnhlb-brand group-hover:bg-opacity-50 group-hover:bg-vrnhlb-white w-0 group-hover:w-full transition-[width] duration-500"></div><div class="absolute top-0 right-0 h-full bg-vrnhlb-brand w-0 opacity-0 group-hover:opacity-100 group-hover:w-full transition-[width] duration-[0s] group-hover:duration-[500ms] delay-150"></div></a></div></div></section><div class="constrainer flex gap-x-4 gap-y-3 flex-wrap"><button class="text-xl py-4 pl-11 pr-10 font-medium text-left relative inline-flex justify-center items-center rounded-full overflow-hidden cursor-pointer transition group !pr-11 bg-vrnhlb-white text-vrnhlb-brand uppercase !py-2 !px-8 !pr-8"><span class="relative z-10 !text-sm lg:!text-lg">Alle</span><!----><div class="absolute top-0 left-0 h-full w-full rounded-full border transition border-vrnhlb-white"></div><!----><!----></button><button class="text-xl py-4 pl-11 pr-10 font-medium text-left relative inline-flex justify-center items-center rounded-full overflow-hidden cursor-pointer transition group !pr-11 hover:bg-opacity-50 hover:bg-vrnhlb-white text-vrnhlb-white uppercase !py-2 !px-8 !pr-8"><span class="relative z-10 !text-sm lg:!text-lg">Strategie</span><!----><div class="absolute top-0 left-0 h-full w-full rounded-full border transition border-vrnhlb-white"></div><!----><!----></button><button class="text-xl py-4 pl-11 pr-10 font-medium text-left relative inline-flex justify-center items-center rounded-full overflow-hidden cursor-pointer transition group !pr-11 hover:bg-opacity-50 hover:bg-vrnhlb-white text-vrnhlb-white uppercase !py-2 !px-8 !pr-8" to="/"><span class="relative z-10 !text-sm lg:!text-lg">Design</span><!----><div class="absolute top-0 left-0 h-full w-full rounded-full border transition border-vrnhlb-white"></div><!----><!----></button><button class="text-xl py-4 pl-11 pr-10 font-medium text-left relative inline-flex justify-center items-center rounded-full overflow-hidden cursor-pointer transition group !pr-11 hover:bg-opacity-50 hover:bg-vrnhlb-white text-vrnhlb-white uppercase !py-2 !px-8 !pr-8" to="/"><span class="relative z-10 !text-sm lg:!text-lg">Websites</span><!----><div class="absolute top-0 left-0 h-full w-full rounded-full border transition border-vrnhlb-white"></div><!----><!----></button><button class="text-xl py-4 pl-11 pr-10 font-medium text-left relative inline-flex justify-center items-center rounded-full overflow-hidden cursor-pointer transition group !pr-11 hover:bg-opacity-50 hover:bg-vrnhlb-white text-vrnhlb-white uppercase !py-2 !px-8 !pr-8" to="/"><span class="relative z-10 !text-sm lg:!text-lg">Kampagnen</span><!----><div class="absolute top-0 left-0 h-full w-full rounded-full border transition border-vrnhlb-white"></div><!----><!----></button><div class="max-lg:w-full flex items-end lg:ml-auto"><div class="relative flex shrink-0 justify-end transition-[width] duration-300 ml-auto max-lg:mt-4" style=""><!--[--><span class="pointer-events-none invisible absolute left-0 top-0 -z-10 inline-flex items-center gap-2.5 whitespace-nowrap !leading-none !px-8 !pr-6 !py-2 text-sm font-medium uppercase lg:text-lg" aria-hidden="true">Branche auswählen <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" style="" width="1.4rem" height="1.4rem" viewBox="0 0 24 24" data-v-e74769a9>
22<path fill="currentColor" d="M11.625 14.913q-.175-.063-.325-.213l-4.6-4.6q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l3.9 3.9l3.9-3.9q.275-.275.7-.275t.7.275t.275.7t-.275.7l-4.6 4.6q-.15.15-.325.213t-.375.062t-.375-.062"/></svg></span><span class="pointer-events-none invisible absolute left-0 top-0 -z-10 inline-flex items-center gap-2.5 whitespace-nowrap !leading-none !px-8 !pr-6 !py-2 text-sm font-medium uppercase lg:text-lg" aria-hidden="true">Gastronomie <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" style="" width="1.4rem" height="1.4rem" viewBox="0 0 24 24" data-v-e74769a9><path fill="currentColor" d="M11.625 14.913q-.175-.063-.325-.213l-4.6-4.6q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l3.9 3.9l3.9-3.9q.275-.275.7-.275t.7.275t.275.7t-.275.7l-4.6 4.6q-.15.15-.325.213t-.375.062t-.375-.062"/></svg></span><span class="pointer-events-none invisible absolute left-0 top-0 -z-10 inline-flex items-center gap-2.5 whitespace-nowrap !leading-none !px-8 !pr-6 !py-2 text-sm font-medium uppercase lg:text-lg" aria-hidden="true">Gesundheit <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" style="" width="1.4rem" height="1.4rem" viewBox="0 0 24 24" data-v-e74769a9><path fill="currentColor" d="M11.625 14.913q-.175-.063-.325-.213l-4.6-4.6q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l3.9 3.9l3.9-3.9q.275-.275.7-.275t.7.275t.275.7t-.275.7l-4.6 4.6q-.15.15-.325.213t-.375.062t-.375-.062"/></svg></span><span class="pointer-events-none invisible absolute left-0 top-0 -z-10 inline-flex items-center gap-2.5 whitespace-nowrap !leading-none !px-8 !pr-6 !py-2 text-sm font-medium uppercase lg:text-lg" aria-hidden="true">Architektur <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" style="" width="1.4rem" height="1.4rem" viewBox="0 0 24 24" data-v-e74769a9><path fill="currentColor" d="M11.625 14.913q-.175-.063-.325-.213l-4.6-4.6q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l3.9 3.9l3.9-3.9q.275-.275.7-.275t.7.275t.275.7t-.275.7l-4.6 4.6q-.15.15-.325.213t-.375.062t-.375-.062"/></svg></span><span class="pointer-events-none invisible absolute left-0 top-0 -z-10 inline-flex items-center gap-2.5 whitespace-nowrap !leading-none !px-8 !pr-6 !py-2 text-sm font-medium uppercase lg:text-lg" aria-hidden="true">StartUps <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" style="" width="1.4rem" height="1.4rem" viewBox="0 0 24 24" data-v-e74769a9><path fill="currentColor" d="M11.625 14.913q-.175-.063-.325-.213l-4.6-4.6q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l3.9 3.9l3.9-3.9q.275-.275.7-.275t.7.275t.275.7t-.275.7l-4.6 4.6q-.15.15-.325.213t-.375.062t-.375-.062"/></svg></span><span class="pointer-events-none invisible absolute left-0 top-0 -z-10 inline-flex items-center gap-2.5 whitespace-nowrap !leading-none !px-8 !pr-6 !py-2 text-sm font-medium uppercase lg:text-lg" aria-hidden="true">Industrie <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" style="" width="1.4rem" height="1.4rem" viewBox="0 0 24 24" data-v-e74769a9><path fill="currentColor" d="M11.625 14.913q-.175-.063-.325-.213l-4.6-4.6q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l3.9 3.9l3.9-3.9q.275-.275.7-.275t.7.275t.275.7t-.275.7l-4.6 4.6q-.15.15-.325.213t-.375.062t-.375-.062"/></svg></span><span class="pointer-events-none invisible absolute left-0 top-0 -z-10 inline-flex items-center gap-2.5 whitespace-nowrap !leading-none !px-8 !pr-6 !py-2 text-sm font-medium uppercase lg:text-lg" aria-hidden="true">Hotellerie <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" style="" width="1.4rem" height="1.4rem" viewBox="0 0 24 24" data-v-e74769a9><path fill="currentColor" d="M11.625 14.913q-.175-.063-.325-.213l-4.6-4.6q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l3.9 3.9l3.9-3.9q.275-.275.7-.275t.7.275t.275.7t-.275.7l-4.6 4.6q-.15.15-.325.213t-.375.062t-.375-.062"/></svg></span><span class="pointer-events-none invisible absolute left-0 top-0 -z-10 inline-flex items-center gap-2.5 whitespace-nowrap !leading-none !px-8 !pr-6 !py-2 text-sm font-medium uppercase lg:text-lg" aria-hidden="true">Technologie <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" style="" width="1.4rem" height="1.4rem" viewBox="0 0 24 24" data-v-e74769a9>
22<path fill="currentColor" d="M11.625 14.913q-.175-.063-.325-.213l-4.6-4.6q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l3.9 3.9l3.9-3.9q.275-.275.7-.275t.7.275t.275.7t-.275.7l-4.6 4.6q-.15.15-.325.213t-.375.062t-.375-.062"/></svg></span><span class="pointer-events-none invisible absolute left-0 top-0 -z-10 inline-flex items-center gap-2.5 whitespace-nowrap !leading-none !px-8 !pr-6 !py-2 text-sm font-medium uppercase lg:text-lg" aria-hidden="true">Energie &amp; Nachhaltigkeit <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" style="" width="1.4rem" height="1.4rem" viewBox="0 0 24 24" data-v-e74769a9><path fill="currentColor" d="M11.625 14.913q-.175-.063-.325-.213l-4.6-4.6q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l3.9 3.9l3.9-3.9q.275-.275.7-.275t.7.275t.275.7t-.275.7l-4.6 4.6q-.15.15-.325.213t-.375.062t-.375-.062"/></svg></span><span class="pointer-events-none invisible absolute left-0 top-0 -z-10 inline-flex items-center gap-2.5 whitespace-nowrap !leading-none !px-8 !pr-6 !py-2 text-sm font-medium uppercase lg:text-lg" aria-hidden="true">Dienstleistung <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" style="" width="1.4rem" height="1.4rem" viewBox="0 0 24 24" data-v-e74769a9><path fill="currentColor" d="M11.625 14.913q-.175-.063-.325-.213l-4.6-4.6q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l3.9 3.9l3.9-3.9q.275-.275.7-.275t.7.275t.275.7t-.275.7l-4.6 4.6q-.15.15-.325.213t-.375.062t-.375-.062"/></svg></span><!--]--><button type="button" style="" class="border-vrnhlb-white text-vrnhlb-white hover:border-vrnhlb-brand hover:text-vrnhlb-brand relative inline-flex items-center justify-between gap-2.5 overflow-hidden whitespace-nowrap rounded-full border !px-8 !pr-6 !py-1.5 text-sm font-medium uppercase transition-[width,background-color,color,border-color] duration-300 lg:text-lg" aria-expanded="false"><span class="truncate">Branche auswählen</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon shrink-0 transition-transform duration-300" style="" width="1.4rem" height="1.4rem" viewBox="0 0 24 24" data-v-e74769a9><path fill="currentColor" d="M11.625 14.913q-.175-.063-.325-.213l-4.6-4.6q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l3.9 3.9l3.9-3.9q.275-.275.7-.275t.7.275t.275.7t-.275.7l-4.6 4.6q-.15.15-.325.213t-.375.062t-.375-.062"/></svg></button><div class="pointer-events-none -translate-y-1 scale-95 opacity-0 absolute right-0 top-full z-20 mt-3 w-max min-w-full origin-top-right overflow-hidden rounded-2xl border border-vrnhlb-white bg-vrnhlb-black shadow-2xl transition-[opacity,transform] duration-300"><ul class="py-2"><li><button type="button" class="text-vrnhlb-brand flex w-full items-center justify-between gap-8 px-5 py-2.5 text-left text-sm uppercase whitespace-nowrap transition-colors">Branche auswählen</button></li><!--[--><li><button type="button" class="text-vrnhlb-white hover:text-vrnhlb-brand flex w-full items-center justify-between gap-8 px-5 py-2.5 text-left text-sm uppercase whitespace-nowrap transition-colors">Gastronomie <!----></button></li><li><button type="button" class="text-vrnhlb-white hover:text-vrnhlb-brand flex w-full items-center justify-between gap-8 px-5 py-2.5 text-left text-sm uppercase whitespace-nowrap transition-colors">Gesundheit <!----></button></li><li><button type="button" class="text-vrnhlb-white hover:text-vrnhlb-brand flex w-full items-center justify-between gap-8 px-5 py-2.5 text-left text-sm uppercase whitespace-nowrap transition-colors">Architektur <!----></button></li><li><button type="button" class="text-vrnhlb-white hover:text-vrnhlb-brand flex w-full items-center justify-between gap-8 px-5 py-2.5 text-left text-sm uppercase whitespace-nowrap transition-colors">StartUps <!----></button></li><li><button type="button" class="text-vrnhlb-white hover:text-vrnhlb-brand flex w-full items-center justify-between gap-8 px-5 py-2.5 text-left text-sm uppercase whitespace-nowrap transition-colors">Industrie <!----></button></li><li><button type="button" class="text-vrnhlb-white hover:text-vrnhlb-brand flex w-full items-center justify-between gap-8 px-5 py-2.5 text-left text-sm uppercase whitespace-nowrap transition-colors">
22Hotellerie <!----></button></li><li><button type="button" class="text-vrnhlb-white hover:text-vrnhlb-brand flex w-full items-center justify-between gap-8 px-5 py-2.5 text-left text-sm uppercase whitespace-nowrap transition-colors">Technologie <!----></button></li><li><button type="button" class="text-vrnhlb-white hover:text-vrnhlb-brand flex w-full items-center justify-between gap-8 px-5 py-2.5 text-left text-sm uppercase whitespace-nowrap transition-colors">Energie &amp; Nachhaltigkeit <!----></button></li><li><button type="button" class="text-vrnhlb-white hover:text-vrnhlb-brand flex w-full items-center justify-between gap-8 px-5 py-2.5 text-left text-sm uppercase whitespace-nowrap transition-colors">Dienstleistung <!----></button></li><!--]--></ul></div></div></div></div><section class="relative mb-32 md:mb-60"><div class="constrainer mt-8"><!--[--><!--]--><div class="grid sm:grid-cols-2 gap-y-14 gap-x-5"><!--[--><a href="/projekte/veltins-gastroportal/" class="block group hover:text-vrnhlb-brand sm:col-span-2"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix hidden sm:block sm:!aspect-w-10"><img class="object-cover group-hover:scale-110 transition-transform duration-500 rounded-lg object-right" src="/images/cases/veltins/viereinhalb-cases-projektuebersicht-gross.jpg" alt="VELTINS Gastroportal"></div><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg overflow-fix sm:hidden"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/veltins/viereinhalb-cases-projektuebersicht-klein.jpg" alt="VELTINS Gastroportal"></div><h3 class="h6 mt-6 transition-colors">VELTINS GASTRO&shy;PORTAL</h3><p class="uppercase font-light -mt-1 transition-colors">website</p></a><a href="/projekte/iqma-energy/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix hidden sm:block"><img class="object-cover group-hover:scale-110 transition-transform duration-500 rounded-lg" src="/images/cases/iqma-energy/iqma-case-projektuebersicht-klein.webp" alt="iQma energy Logo"></div><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg overflow-fix sm:hidden"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/iqma-energy/iqma-case-projektuebersicht-klein.webp" alt="iQma energy Logo"></div><h3 class="h6 mt-6 transition-colors">iQma energy</h3><p class="uppercase font-light -mt-1 transition-colors">website</p></a><a href="/projekte/raumzenit/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix hidden sm:block"><img class="object-cover group-hover:scale-110 transition-transform duration-500 rounded-lg" src="/images/cases/raumzenit/bilder/case_raumzenit_header.jpg" alt="Raumzenit"></div><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg overflow-fix sm:hidden"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/raumzenit/bilder/case_raumzenit_header.jpg" alt="Raumzenit"></div><h3 class="h6 mt-6 transition-colors">Raumzenit</h3><p class="uppercase font-light -mt-1 transition-colors">strategie</p></a><a href="/projekte/klimja/" class="block group hover:text-vrnhlb-brand sm:col-span-2"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix hidden sm:block sm:!aspect-w-10"><img class="object-cover group-hover:scale-110 transition-transform duration-500 rounded-lg" src="/images/cases/klimja/viereinhalb-projekte-klimja-uebersicht-gross.webp" alt="klimja"></div><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg overflow-fix sm:hidden"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/klimja/viereinhalb-projekte-klimja-uebersicht-klein.webp" alt="klimja"></div><h3 class="h6 mt-6 transition-colors">klimja</h3><p class="uppercase font-light -mt-1 transition-colors">strategie</p></a><a href="/projekte/pier-vier/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix hidden sm:block"><img class="object-cover group-hover:scale-110 transition-transform duration-500 rounded-lg" src="/images/cases/pier-vier/Projektuebersicht_klein.webp" alt="Pier(Vier)"></div><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg overflow-fix sm:hidden"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/pier-vier/Projektuebersicht_klein.webp" alt="Pier(Vier)"></div><h3 class="h6 mt-6 transition-colors">Pier(Vier)</h3><p class="uppercase font-light -mt-1 transition-colors">design</p></a><a href="/projekte/harzresorts/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix hidden sm:block"><img class="object-cover group-hover:scale-110 transition-transform duration-500 rounded-lg" src="/images/cases/harzresorts/viereinhalb-cases-harzresorts-projektuebersicht-klein.webp" alt="Harzresorts"></div><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg overflow-fix sm:hidden"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/harzresorts/viereinhalb-cases-harzresorts-projektuebersicht-klein.webp" alt="Harzresorts"></div><h3 class="h6 mt-6 transition-colors">Harzresorts</h3><p class="uppercase font-light -mt-1 transition-colors">website</p></a>
22<a href="/projekte/lindner/" class="block group hover:text-vrnhlb-brand sm:col-span-2"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix hidden sm:block sm:!aspect-w-10"><video muted autoplay playsinline loop preload="none" src="/images/cases/lindner/viereinhalb-projekte-lindner-projektuebersicht-gross.mp4" aria-label="Lindner Hotel Boltenhagen" class="video-block object-cover group-hover:scale-110 transition-transform duration-500"></video></div><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg overflow-fix sm:hidden"><video muted autoplay playsinline loop preload="none" src="/images/cases/lindner/viereinhalb-projekte-lindner-projektuebersicht-klein.mp4" aria-label="Lindner Hotel Boltenhagen" class="object-cover group-hover:scale-110 transition-transform duration-500"></video></div><h3 class="h6 mt-6 transition-colors">Lindner Hotel Boltenhagen</h3><p class="uppercase font-light -mt-1 transition-colors">strategie</p></a><a href="/projekte/bette/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix hidden sm:block"><img class="object-cover group-hover:scale-110 transition-transform duration-500 rounded-lg" src="/images/cases/bette/images/viereinhalb-projekte-betteautolack-projektuebersicht-klein.webp" alt="Bette Autolack"></div><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg overflow-fix sm:hidden"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/bette/images/viereinhalb-projekte-betteautolack-projektuebersicht-klein.webp" alt="Bette Autolack"></div><h3 class="h6 mt-6 transition-colors">Bette Autolack</h3><p class="uppercase font-light -mt-1 transition-colors">website</p></a><a href="/projekte/der-gruene-mann/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix hidden sm:block"><img class="object-cover group-hover:scale-110 transition-transform duration-500 rounded-lg" src="/images/cases/dgm/projektuebersicht-klein.png" alt="Der Grüne Mann"></div><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg overflow-fix sm:hidden"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/dgm/projektuebersicht-klein.png" alt="Der Grüne Mann"></div><h3 class="h6 mt-6 transition-colors">Der Grüne Mann</h3><p class="uppercase font-light -mt-1 transition-colors">design</p></a><a href="/projekte/maredo-steakhouse/" class="block group hover:text-vrnhlb-brand sm:col-span-2"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix sm:!aspect-w-10"><img class="object-cover group-hover:scale-110 transition-transform duration-500 rounded-lg" src="/images/projekte/viereinhalb-projekte-maredo.webp" alt></div><!----><h3 class="h6 mt-6 transition-colors">MAREDO</h3><p class="uppercase font-light -mt-1 transition-colors">strategie</p></a><a href="/projekte/johannes-neun/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix hidden sm:block"><img class="object-cover group-hover:scale-110 transition-transform duration-500 rounded-lg" src="/images/cases/johannes-neun/Case_johannesneun-header-startseite.jpg" alt="Johannes Neun"></div><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg overflow-fix sm:hidden"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/johannes-neun/Case_johannesneun-header-startseite.jpg" alt="Johannes Neun"></div><h3 class="h6 mt-6 transition-colors">Johannes Neun</h3><p class="uppercase font-light -mt-1 transition-colors">strategie</p></a><a href="/projekte/gierse/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix hidden sm:block"><img class="object-cover group-hover:scale-110 transition-transform duration-500 rounded-lg" src="/images/cases/gierse/Projektübersicht_klein.webp" alt="Gierse Schreinerei"></div><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg overflow-fix sm:hidden"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/gierse/Projektübersicht_klein.webp" alt="Gierse Schreinerei"></div><h3 class="h6 mt-6 transition-colors">Gierse Schreinerei</h3><p class="uppercase font-light -mt-1 transition-colors">website</p></a><a href="/projekte/vplus/" class="block group hover:text-vrnhlb-brand sm:col-span-2"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix hidden sm:block sm:!aspect-w-10"><img class="object-cover group-hover:scale-110 transition-transform duration-500 rounded-lg" src="/images/cases/vplus/images/Veltins-Vplus_Case_Bild1.jpg" alt="vplus"></div><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg overflow-fix sm:hidden"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/vplus/images/Veltins-Vplus_Case_Bild1.jpg" alt="vplus"></div><h3 class="h6 mt-6 transition-colors">Veltins V+</h3><p class="uppercase font-light -mt-1 transition-colors">website</p></a><a href="/projekte/wilmers/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix hidden sm:block"><img class="object-cover group-hover:scale-110 transition-transform duration-500 rounded-lg" src="/images/cases/wilmers/projektuebersicht-klein.webp" alt="Wilmers Kommunaltechnik"></div><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg overflow-fix sm:hidden"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/wilmers/projektuebersicht-klein.webp" alt="Wilmers Kommunaltechnik"></div><h3 class="h6 mt-6 transition-colors">Wilmers Kommunal&shy;technik</h3><p class="uppercase font-light -mt-1 transition-colors">website</p></a><a href="/projekte/ruether/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix hidden sm:block"><img class="object-cover group-hover:scale-110 transition-transform duration-500 rounded-lg" src="/images/cases/ruether/viereinhalb-projekte-ruether-projektuebersicht-klein.webp" alt="Rüther"></div><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg overflow-fix sm:hidden"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/ruether/viereinhalb-projekte-ruether-projektuebersicht-klein.webp" alt="Rüther"></div><h3 class="h6 mt-6 transition-colors">Rüther</h3><p class="uppercase font-light -mt-1 transition-colors">website</p></a><a href="/projekte/schmabo/" class="block group hover:text-vrnhlb-brand sm:col-span-2"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix hidden sm:block sm:!aspect-w-10"><img class="object-cover group-hover:scale-110 transition-transform duration-500 rounded-lg" src="/images/cases/schmabo/viereinhalb-projekte-schmabo-projektuebersicht-gross.webp" alt="Schmabo"></div><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg overflow-fix sm:hidden"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/schmabo/viereinhalb-projekte-schmabo-projektuebersicht-klein.webp" alt="Schmabo"></div><h3 class="h6 mt-6 transition-colors">Schmabo</h3><p class="uppercase font-light -mt-1 transition-colors">strategie</p></a><a href="/projekte/sausalitos/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix hidden sm:block"><img class="object-cover group-hover:scale-110 transition-transform duration-500 rounded-lg" src="/images/cases/sausalitos/bilder/viereinhalb-cases-projektuebersicht-klein.webp" alt="Sausalitos"></div><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg overflow-fix sm:hidden"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/sausalitos/bilder/viereinhalb-cases-projektuebersicht-klein.webp" alt="Sausalitos"></div><h3 class="h6 mt-6 transition-colors">Sausalitos</h3><p class="uppercase font-light -mt-1 transition-colors">website</p></a><a href="/projekte/choreoo/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix hidden sm:block"><img class="object-cover group-hover:scale-110 transition-transform duration-500 rounded-lg" src="/images/cases/choreoo/bilder/chroreoo_website_viererbild.jpg" alt="Choreoo"></div><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg overflow-fix sm:hidden"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/choreoo/bilder/chroreoo_website_viererbild.jpg" alt="Choreoo"></div><h3 class="h6 mt-6 transition-colors">Choreoo</h3><p class="uppercase font-light -mt-1 transition-colors">design</p></a><a href="/projekte/duena/" class="block group hover:text-vrnhlb-brand sm:col-span-2"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix sm:!aspect-w-10"><img class="object-cover group-hover:scale-110 transition-transform duration-500 rounded-lg" src="/images/projekte/viereinhalb-projekte-duena.webp" alt></div><!----><h3 class="h6 mt-6 transition-colors">Düna</h3><p class="uppercase font-light -mt-1 transition-colors">design</p></a><a href="/projekte/blankweiss-dental-studios/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix"><img class="object-cover group-hover:scale-110 transition-transform duration-500 rounded-lg" src="/images/projekte/viereinhalb-projekte-blankweiss.webp" alt></div><!----><h3 class="h6 mt-6 transition-colors">blankweiss</h3><p class="uppercase font-light -mt-1 transition-colors">strategie</p></a><a href="/projekte/bepro/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix hidden sm:block"><video muted autoplay playsinline loop preload="none" src="/images/cases/bepro/bilder/Case_Bepro_Video1_header.mp4" aria-label="bepro" class="video-block object-cover group-hover:scale-110 transition-transform duration-500"></video></div><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg overflow-fix sm:hidden"><video muted autoplay playsinline loop preload="none" src="/images/cases/bepro/bilder/Case_Bepro_Video1_header.mp4" aria-label="bepro" class="object-cover group-hover:scale-110 transition-transform duration-500"></video></div><h3 class="h6 mt-6 transition-colors">bepro solutions GmbH</h3><p class="uppercase font-light -mt-1 transition-colors">strategie</p></a><a href="/projekte/mediguys/" class="block group hover:text-vrnhlb-brand sm:col-span-2"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix hidden sm:block sm:!aspect-w-10"><video muted autoplay playsinline loop preload="none" src="/images/projekte/viereinhalb-projekte-mediguys.mp4" aria-label class="video-block object-cover group-hover:scale-110 transition-transform duration-500"></video></div><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg overflow-fix sm:hidden"><video muted autoplay playsinline loop preload="none" src="/images/leistungen/viereinhalb-leistungen-mediguys.mp4" aria-label class="object-cover group-hover:scale-110 transition-transform duration-500"></video></div><h3 class="h6 mt-6 transition-colors">Mediguys®</h3><p class="uppercase font-light -mt-1 transition-colors">design</p></a><a href="/projekte/msg-maschinenbau/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix"><img class="object-cover group-hover:scale-110 transition-transform duration-500 rounded-lg" src="/images/projekte/viereinhalb-projekte-msg.webp" alt></div><!----><h3 class="h6 mt-6 transition-colors">MSG Maschinenbau</h3><p class="uppercase font-light -mt-1 transition-colors">website</p></a><a href="/projekte/schoermann/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix hidden sm:block"><img class="object-cover group-hover:scale-110 transition-transform duration-500 rounded-lg" src="/images/cases/schoermann/viereinhalb-projekte-schoermann-projektuebersicht-klein.webp" alt="Tischlerei Schörmann"></div><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg overflow-fix sm:hidden"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/cases/schoermann/viereinhalb-projekte-schoermann-projektuebersicht-klein.webp" alt="Tischlerei Schörmann"></div><h3 class="h6 mt-6 transition-colors">Tischlerei Schörmann</h3><p class="uppercase font-light -mt-1 transition-colors">design</p></a><a href="/projekte/heiter-herrlich/" class="block group hover:text-vrnhlb-brand sm:col-span-2"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix sm:!aspect-w-10"><video muted autoplay playsinline loop preload="none" src="/images/projekte/viereinhalb-projekte-heiter-herrlich.mp4" aria-label class="video-block object-cover group-hover:scale-110 transition-transform duration-500"></video></div><!----><h3 class="h6 mt-6 transition-colors">Heiter & Herrlich</h3><p class="uppercase font-light -mt-1 transition-colors">design</p></a><a href="/projekte/edmund/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix"><video muted autoplay playsinline loop preload="none" src="/images/cases/edmund/videos/viereinhalb-projekte-edmund_2.mp4" aria-label class="video-block object-cover group-hover:scale-110 transition-transform duration-500"></video></div><!----><h3 class="h6 mt-6 transition-colors">Edmund</h3><p class="uppercase font-light -mt-1 transition-colors">strategie</p></a>
22<a href="/projekte/tannenhelden/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix"><video muted autoplay playsinline loop preload="none" src="/images/projekte/viereinhalb-projekte-tannenhelden.mp4" aria-label class="video-block object-cover group-hover:scale-110 transition-transform duration-500"></video></div><!----><h3 class="h6 mt-6 transition-colors">Tannenhelden</h3><p class="uppercase font-light -mt-1 transition-colors">website</p></a><a href="/projekte/ritzenhoff/" class="block group hover:text-vrnhlb-brand sm:col-span-2"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix hidden sm:block sm:!aspect-w-10"><img class="object-cover group-hover:scale-110 transition-transform duration-500 rounded-lg" src="/images/projekte/viereinhalb-projekte-ritzenhoff.webp" alt></div><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg overflow-fix sm:hidden"><img class="object-cover group-hover:scale-110 transition-transform duration-500" src="/images/menu/viereinhalb-menu-ritzenhoff.webp" alt></div><h3 class="h6 mt-6 transition-colors">Ritzenhoff</h3><p class="uppercase font-light -mt-1 transition-colors">kampagnen</p></a><a href="/projekte/strongmates/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix hidden sm:block"><video muted autoplay playsinline loop preload="none" src="/images/cases/strongmates/logo/strongmates-videoanimation.mp4" aria-label="StrongMates" class="video-block object-cover group-hover:scale-110 transition-transform duration-500"></video></div><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg overflow-fix sm:hidden"><video muted autoplay playsinline loop preload="none" src="/images/cases/strongmates/logo/strongmates-videoanimation.mp4" aria-label="StrongMates" class="object-cover group-hover:scale-110 transition-transform duration-500"></video></div><h3 class="h6 mt-6 transition-colors">StrongMates</h3><p class="uppercase font-light -mt-1 transition-colors">design</p></a><a href="/projekte/mysteryminds/" class="block group hover:text-vrnhlb-brand"><div class="aspect-w-5 aspect-h-4 overflow-hidden rounded-lg will-change-transform overflow-fix"><img class="object-cover group-hover:scale-110 transition-transform duration-500 rounded-lg" src="/images/projekte/viereinhalb-projekte-mysteryminds.webp" alt></div><!----><h3 class="h6 mt-6 transition-colors">Mystery Minds</h3><p class="uppercase font-light -mt-1 transition-colors">website</p></a><!--]--></div><div class="flex justify-center items-center mt-16" style="display:none;"><a aria-current="page" href="/projekte/" class="router-link-active router-link-exact-active text-xl py-4 pl-11 pr-10 font-medium text-left relative inline-flex justify-center items-center rounded-full overflow-hidden cursor-pointer transition group text-vrnhlb-white"><span class="relative z-10">Mehr erfahren</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon relative z-10 shrink-0 self-end ml-2.5 transition duration-500 group-hover:rotate-[315deg]" style="" width="1.6rem" height="1.6rem" viewBox="0 0 24 24" data-v-e74769a9><path fill="currentColor" d="m14 18l-1.4-1.45L16.15 13H4v-2h12.15L12.6 7.45L14 6l6 6z"/></svg><div class="absolute top-0 left-0 h-full w-full rounded-full border transition border-vrnhlb-white"></div><div class="absolute top-0 left-0 h-full bg-vrnhlb-brand group-hover:bg-opacity-50 group-hover:bg-vrnhlb-white w-0 group-hover:w-full transition-[width] duration-500"></div><div class="absolute top-0 right-0 h-full bg-vrnhlb-brand w-0 opacity-0 group-hover:opacity-100 group-hover:w-full transition-[width] duration-[0s] group-hover:duration-[500ms] delay-150"></div></a></div><div class="flex justify-end mt-10"><button type="button" class="flex items-center group cursor-pointer bg-transparent border-none text-vrnhlb-white" aria-label="Animationen anhalten" aria-pressed="false"><svg viewbox="0 0 154 154" class="w-10 h-10 md:w-12 md:h-12 shrink-0 group-hover:text-vrnhlb-brand transition-colors duration-200" aria-hidden="true"><g class="cls-2"><g>
22<path fill="currentColor" d="m67.68,53.75c-2.76,0-5,2.24-5,5v35.97c0,2.76,2.24,5,5,5s5-2.24,5-5v-35.97c0-2.76-2.24-5-5-5"></path><path fill="currentColor" d="m85.68,53.75c-2.76,0-5,2.24-5,5v35.97c0,2.76,2.24,5,5,5s5-2.24,5-5v-35.97c0-2.76-2.24-5-5-5"></path></g></g></svg><span class="group-animated-underline-bold ml-2 grid text-left" aria-hidden="true"><span class="opacity-0 col-start-1 row-start-1 whitespace-nowrap transition-opacity duration-300">Animationen abspielen</span><span class="opacity-100 col-start-1 row-start-1 whitespace-nowrap transition-opacity duration-300">Animationen anhalten</span></span></button></div></div></section><footer class="relative z-10"><div class="constrainer font-medium text-sm pb-16"><div class="flex flex-col sm:flex-row items-stretch"><div class="inline-flex flex-1"><div class="inline-flex flex-col justify-between"><div><h2 class="h1"> Klingt gut? Lass uns sprechen. </h2><a href="mailto:[email protected]" rel="noopener noreferrer" class="animated-underline inline-block mt-4 text-[1.75rem] md:text-3xl hover:text-vrnhlb-brand transition-colors"> [email protected] </a></div><div class="mt-20"><p class="mb-6 lg:mb-8">Weststraße 11<br> 57392 Schmallenberg<br> Tel: <a class="animated-underline transition-colors hover:text-vrnhlb-brand" href="tel:+4929729627770">+49 2972 - 962 777 0</a></p><div class="max-w-max group pb-1 border-b border-vrnhlb-brand hover:border-vrnhlb-white transition-colors duration-500"><a href="/kontakt/" class="flex items-center uppercase tracking-widest group-hover:text-vrnhlb-brand"><div class="transition-colors duration-500"> Mehr erfahren </div><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon mt-0.5 ml-4 lg:ml-2 group-hover:rotate-[315deg] transition duration-500" style="" width="1.6rem" height="1.6rem" viewBox="0 0 24 24" data-v-e74769a9><path fill="currentColor" d="m14 18l-1.4-1.45L16.15 13H4v-2h12.15L12.6 7.45L14 6l6 6z"/></svg></a></div></div></div></div><div class="hidden sm:inline-flex flex-col justify-between"><div class="ml-auto"><div class="w-64 aspect-w-6 aspect-h-8 overflow-hidden overflow-fix rounded-lg mt-4 mb-6"><img class="object-cover scale-[1.01]" src="/images/viereinhalb_agentur_kontakt_sebastian-uting.webp" alt="geschäftsführer Sebastian Uting | VIEREINHALB" loading="lazy" width="256" height="341"></div><p class="mb-6"> Sebastian Uting<br> Geschäftsführer </p><div class="max-w-max group pb-1 border-b border-vrnhlb-brand hover:border-vrnhlb-white transition-colors duration-500"><a class="flex items-center uppercase tracking-widest group-hover:text-vrnhlb-brand" href="https://calendar.google.com/calendar/u/0/appointments/schedules/AcZssZ0zr5A2zSe2pnkrARy24M6x-FT3_qpfxTiaga-GCDZ2VdmBVZcjrSro7VkWEZ1vpH9AyVAcIkjM" target="_blank" rel="noopener noreferrer" aria-label="Termin buchen (öffnet in neuem Tab)"><div class="transition-colors duration-500"> Termin buchen </div><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon mt-0.5 ml-4 lg:ml-2 group-hover:rotate-[315deg] transition duration-500" style="" width="1.6rem" height="1.6rem" viewBox="0 0 24 24" data-v-e74769a9><path fill="currentColor" d="m14 18l-1.4-1.45L16.15 13H4v-2h12.15L12.6 7.45L14 6l6 6z"/></svg></a></div></div><div class="hidden sm:flex items-center gap-x-14 mt-12"><button class="cursor-pointer w-48 group bg-transparent border-none p-0" aria-label="VIEREINHALB – Zur Startseite"><svg viewbox="0 0 257 73" class="group w-full" xmlns="http://www.w3.org/2000/svg"><path d="M40.5864 51.2469L47.113 31.9339C47.6654 30.3044 49.1842 29.2102 50.8872 29.2149L54.6154 29.2335C54.6246 29.2335 54.6292 29.2428 54.6292 29.2521L48.0658 48.5418C47.5181 50.1574 46.0176 51.2423 44.3284 51.2516L40.6002 51.2702C40.591 51.2656 40.5818 51.2562 40.5864 51.2469Z" class="text-vrnhlb-brand group-hover:text-vrnhlb-white transition-colors duration-[800ms]" fill="currentColor"></path><path d="M51.0483 45.0869L53.8329 36.9808C54.3853 35.3512 55.9041 34.2571 57.6071 34.2617L61.3353 34.28
2204C61.3445 34.2804 61.3491 34.2897 61.3491 34.299L58.5231 42.3818C57.9754 43.9974 56.4749 45.0822 54.7857 45.0915L51.0575 45.1102C51.0483 45.1055 51.0437 45.0962 51.0483 45.0869Z" class="text-vrnhlb-white group-hover:text-vrnhlb-brand transition-colors duration-700" fill="currentColor"></path><path d="M34.2946 45.1014L40.8212 25.7884C41.3735 24.1588 42.8924 23.0647 44.5954 23.0694L48.3236 23.088C48.3328 23.088 48.3374 23.0973 48.3374 23.1066L41.7693 42.3916C41.2216 44.0073 39.7211 45.0921 38.032 45.1014L34.3038 45.12C34.2992 45.12 34.29 45.1107 34.2946 45.1014Z" class="text-vrnhlb-brand group-hover:text-vrnhlb-white transition-colors duration-[600ms]" fill="currentColor"></path><path d="M23.8373 51.2469L30.3639 31.9339C30.9162 30.3044 32.4351 29.2102 34.1381 29.2149L37.8663 29.2335C37.8755 29.2335 37.8801 29.2428 37.8801 29.2521L31.3166 48.5418C30.7689 50.1574 29.2684 51.2423 27.5793 51.2516L23.8511 51.2702C23.8419 51.2656 23.8373 51.2562 23.8373 51.2469Z" class="text-vrnhlb-brand group-hover:text-vrnhlb-white transition-colors duration-[400ms]" fill="currentColor"></path><path d="M17.5454 45.1012L24.072 25.7836C24.6243 24.154 26.1432 23.0598 27.8462 23.0645L31.5744 23.0831C31.5836 23.0831 31.5882 23.0924 31.5882 23.1017L25.0248 42.3914C24.4771 44.007 22.9766 45.0919 21.2874 45.1012L17.5592 45.1198C17.55 45.1198 17.5454 45.1105 17.5454 45.1012Z" class="text-vrnhlb-brand group-hover:text-vrnhlb-white transition-colors duration-200" fill="currentColor"></path><path d="M86.199 29.2246L79.6862 45.148H74.7153L68.2025 29.2246H73.3345L77.2008 39.0254L81.09 29.2246H86.199Z" class="text-vrnhlb-brand group-hover:text-vrnhlb-white transition-colors duration-700" fill="currentColor"></path><path d="M92.8269 29.2246V45.0549H88.2012V29.2246H92.8269Z" class="text-vrnhlb-brand group-hover:text-vrnhlb-white transition-colors duration-700" fill="currentColor"></path><path d="M100.674 33.1589V35.2774H107.118V39.0487H100.674V41.1206H108.2V45.0549H96.0487V29.2246H108.2V33.1589H100.674Z" class="text-vrnhlb-brand group-hover:text-vrnhlb-white transition-colors duration-700" fill="currentColor"></path><path d="M120.719 45.0598L118.257 40.8927H118.073H115.61V45.0598H110.984V29.2295H118.073C122.307 29.2295 124.908 31.348 124.908 34.9796C124.908 36.8886 124.102 38.5182 122.629 39.589L125.989 45.0598H120.719ZM115.61 36.7489H118.027C119.292 36.7489 120.236 36.0272 120.236 34.9331C120.236 33.8855 119.292 33.2104 118.027 33.2104H115.61V36.7489Z" class="text-vrnhlb-brand group-hover:text-vrnhlb-white transition-colors duration-700" fill="currentColor"></path><path d="M132.594 33.1589V35.2774H139.038V39.0487H132.594V41.1206H140.119V45.0549H127.968V29.2246H140.119V33.1589H132.594Z" class="text-vrnhlb-white group-hover:text-vrnhlb-brand transition-colors duration-700" fill="currentColor"></path><path d="M147.53 29.2246V45.0549H142.904V29.2246H147.53Z" class="text-vrnhlb-white group-hover:text-vrnhlb-brand transition-colors duration-700" fill="currentColor"></path><path d="M165.526 29.2246V45.0549H161.913L155.377 37.5821V45.0549H150.752V29.2246H154.365L160.878 36.8371V29.2246H165.526Z" class="text-vrnhlb-white group-hover:text-vrnhlb-brand transition-colors duration-700" fill="currentColor"></path><path d="M183.546 29.2246V45.0549H178.897V39.4212H173.374V45.0549H168.748V29.2246H173.374V35.3239H178.897V29.2246H183.546Z" class="text-vrnhlb-white group-hover:text-vrnhlb-brand transition-colors duration-700" fill="currentColor"></path><path d="M197.515 42.8017H191.508L190.703 45.0598H185.755L192.245 29.2295H196.778L203.268 45.0598H198.343L197.515 42.8017ZM196.157 39.0303L194.5 34.4907L192.866 39.0303H196.157Z" class="text-vrnhlb-white group-hover:text-vrnhlb-brand transition-colors duration-700" fill="currentColor"></path><path d="M217.537 40.9858V45.0598H205.478V29.2295H210.103V40.9858H217.537Z" class="text-vrnhlb-white group-hover:text-vrnhlb-brand transition-colors duration-700" fill="currentColor"></path><path d="M233.945 40.6134C233.945 43.2673 231.92 45.0598 228.353 45.0598H219.999V29.2295H227.778C231.207 29.2295 233.255 30.9056 233.255 33.4664C233.255 34.8399 232.495 36.4463 231.115 36.9817C232.951 37.3774 233.945 38.9838 233.945 40.6134ZM224.62 32.8798V35.5802H226.921C228.095 35.5802 228.763 34.975 228.763 34.1602C228.763 33.2755 228.118 32.8798 226.921 32.8798H224.62ZM229.407 39.9615C229.407 39.1234 228.809 38.6811 227.497 38.6811H224.62V41.3583H227.451C228.809 41.3583 229.407 40.8229 229.407 39.9615Z" class="text-vrnhlb-white group-hover:text-vrnhlb-brand transition-colors duration-700" fill="currentColor"></path></svg></button><div class="grid grid-cols-3 gap-x-5"><a href="https://open.spotify.com/user/mjtl6y86qg2oxobvuf77na7r8" rel="noopener noreferrer" target="_blank" class="hover:text-vrnhlb-brand transition-colors" aria-label="VIEREINHALB auf Spotify (öffnet in neuem Tab)"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" style="" width="1.8rem" height="1.8rem" viewBox="0 0 24 24" data-v-e74769a9>
22<path fill="currentColor" d="M12.001 2c-5.5 0-10 4.5-10 10s4.5 10 10 10s10-4.5 10-10s-4.45-10-10-10m3.75 14.65c-2.35-1.45-5.3-1.75-8.8-.95c-.35.1-.65-.15-.75-.45c-.1-.35.15-.65.45-.75c3.8-.85 7.1-.5 9.7 1.1c.35.15.4.55.25.85c-.2.3-.55.4-.85.2m1-2.7c-2.7-1.65-6.8-2.15-9.95-1.15c-.4.1-.85-.1-.95-.5s.1-.85.5-.95c3.65-1.1 8.15-.55 11.25 1.35c.3.15.45.65.2 1s-.7.5-1.05.25M6.3 9.75c-.5.15-1-.15-1.15-.6c-.15-.5.15-1 .6-1.15c3.55-1.05 9.4-.85 13.1 1.35c.45.25.6.85.35 1.3c-.25.35-.85.5-1.3.25C14.7 9 9.35 8.8 6.3 9.75"/></svg></a><a href="https://de.linkedin.com/company/viereinhalb" rel="noopener noreferrer" target="_blank" class="hover:text-vrnhlb-brand transition-colors" aria-label="VIEREINHALB auf LinkedIn (öffnet in neuem Tab)"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" style="" width="1.8rem" height="1.8rem" viewBox="0 0 24 24" data-v-e74769a9><path fill="currentColor" d="M6.94 5a2 2 0 1 1-4-.002a2 2 0 0 1 4 .002M7 8.48H3V21h4zm6.32 0H9.34V21h3.94v-6.57c0-3.66 4.77-4 4.77 0V21H22v-7.93c0-6.17-7.06-5.94-8.72-2.91z"/></svg></a><a href="https://www.instagram.com/viereinhalb/" rel="noopener noreferrer" target="_blank" class="hover:text-vrnhlb-brand transition-colors" aria-label="VIEREINHALB auf Instagram (öffnet in neuem Tab)"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" style="" width="1.8rem" height="1.8rem" viewBox="0 0 24 24" data-v-e74769a9><path fill="currentColor" d="M12.001 9a3 3 0 1 0 0 6a3 3 0 0 0 0-6m0-2a5 5 0 1 1 0 10a5 5 0 0 1 0-10m6.5-.25a1.25 1.25 0 0 1-2.5 0a1.25 1.25 0 0 1 2.5 0M12.001 4c-2.474 0-2.878.007-4.029.058c-.784.037-1.31.142-1.798.332a2.9 2.9 0 0 0-1.08.703a2.9 2.9 0 0 0-.704 1.08c-.19.49-.295 1.015-.331 1.798C4.007 9.075 4 9.461 4 12c0 2.475.007 2.878.058 4.029c.037.783.142 1.31.331 1.797c.17.435.37.748.702 1.08c.337.336.65.537 1.08.703c.494.191 1.02.297 1.8.333C9.075 19.994 9.461 20 12 20c2.475 0 2.878-.007 4.029-.058c.782-.037 1.308-.142 1.797-.331a2.9 2.9 0 0 0 1.08-.703c.337-.336.538-.649.704-1.08c.19-.492.296-1.018.332-1.8c.052-1.103.058-1.49.058-4.028c0-2.474-.007-2.878-.058-4.029c-.037-.782-.143-1.31-.332-1.798a2.9 2.9 0 0 0-.703-1.08a2.9 2.9 0 0 0-1.08-.704c-.49-.19-1.016-.295-1.798-.331C14.926 4.006 14.54 4 12 4m0-2c2.717 0 3.056.01 4.123.06c1.064.05 1.79.217 2.427.465c.66.254 1.216.598 1.772 1.153a4.9 4.9 0 0 1 1.153 1.772c.247.637.415 1.363.465 2.428c.047 1.066.06 1.405.06 4.122s-.01 3.056-.06 4.122s-.218 1.79-.465 2.428a4.9 4.9 0 0 1-1.153 1.772a4.9 4.9 0 0 1-1.772 1.153c-.637.247-1.363.415-2.427.465c-1.067.047-1.406.06-4.123.06s-3.056-.01-4.123-.06c-1.064-.05-1.789-.218-2.427-.465a4.9 4.9 0 0 1-1.772-1.153a4.9 4.9 0 0 1-1.153-1.772c-.248-.637-.415-1.363-.465-2.428C2.012 15.056 2 14.717 2 12s.01-3.056.06-4.122s.217-1.79.465-2.428a4.9 4.9 0 0 1 1.153-1.772A4.9 4.9 0 0 1 5.45 2.525c.637-.248 1.362-.415 2.427-.465C8.945 2.013 9.284 2 12.001 2"/></svg></a></div></div></div></div><div class="flex flex-col sm:flex-row sm:items-center sm:justify-between mt-20 sm:mt-12 space-y-3"><ul class="flex sm:items-center flex-col sm:flex-row flex-wrap justify-end gap-y-3 gap-x-6 lowercase"><!--[--><li><a href="/agentur" class="animated-underline opacity-40 hover:opacity-100 transition">Agentur</a><!----></li><li><a aria-current="page" href="/projekte" class="router-link-active router-link-exact-active animated-underline opacity-40 hover:opacity-100 transition">Projekte</a><!----></li><li><a href="/leistungen" class="animated-underline opacity-40 hover:opacity-100 transition">Leistungen</a><!----></li><li><a href="/kontakt" class="animated-underline opacity-40 hover:opacity-100 transition">Kontakt</a><!----></li><!--]--></ul><ul class="flex sm:items-center flex-col sm:flex-row flex-wrap justify-end gap-y-3 gap-x-6 lowercase"><!--[--><li><a href="/datenschutz" class="animated-underline opacity-40 hover:opacity-100 transition">Datenschutz</a><!----></li><li><a href="/impressum" class="animated-underline opacity-40 hover:opacity-100 transition">Impressum</a><!----></li><li><!----><button class="animated-underline opacity-40 hover:opacity-100 transition cursor-pointer bg-transparent border-none font-inherit text-inherit lowercase">Cookie Einstellungen</button></li>
22<!--]--></ul></div></div></footer></div><!--]--></main></div><!--]--></div>
22<script type="application/json" id="__NUXT_DATA__" data-ssr="true">[["Reactive",1],{"data":2,"state":3,"_errors":20,"serverRendered":21,"prerenderedAt":22,"pinia":23},{},{"$suse-header-text":4,"$s_gqlErrors":5,"$suse-is-modal-cookie-settings-open":6,"$suse-is-menu-open":6,"$sicons":7},"white",null,false,{"material-symbols:arrow-right-alt":8,"material-symbols:keyboard-arrow-down-rounded":12,"ri:spotify-fill":14,"ri:linkedin-fill":16,"ri:instagram-line":18},{"left":9,"top":9,"width":10,"height":10,"rotate":9,"vFlip":6,"hFlip":6,"body":11},0,24,"\u003Cpath fill=\"currentColor\" d=\"m14 18l-1.4-1.45L16.15 13H4v-2h12.15L12.6 7.45L14 6l6 6z\"/>",{"left":9,"top":9,"width":10,"height":10,"rotate":9,"vFlip":6,"hFlip":6,"body":13},"\u003Cpath fill=\"currentColor\" d=\"M11.625 14.913q-.175-.063-.325-.213l-4.6-4.6q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l3.9 3.9l3.9-3.9q.275-.275.7-.275t.7.275t.275.7t-.275.7l-4.6 4.6q-.15.15-.325.213t-.375.062t-.375-.062\"/>",{"left":9,"top":9,"width":10,"height":10,"rotate":9,"vFlip":6,"hFlip":6,"body":15},"\u003Cpath fill=\"currentColor\" d=\"M12.001 2c-5.5 0-10 4.5-10 10s4.5 10 10 10s10-4.5 10-10s-4.45-10-10-10m3.75 14.65c-2.35-1.45-5.3-1.75-8.8-.95c-.35.1-.65-.15-.75-.45c-.1-.35.15-.65.45-.75c3.8-.85 7.1-.5 9.7 1.1c.35.15.4.55.25.85c-.2.3-.55.4-.85.2m1-2.7c-2.7-1.65-6.8-2.15-9.95-1.15c-.4.1-.85-.1-.95-.5s.1-.85.5-.95c3.65-1.1 8.15-.55 11.25 1.35c.3.15.45.65.2 1s-.7.5-1.05.25M6.3 9.75c-.5.15-1-.15-1.15-.6c-.15-.5.15-1 .6-1.15c3.55-1.05 9.4-.85 13.1 1.35c.45.25.6.85.35 1.3c-.25.35-.85.5-1.3.25C14.7 9 9.35 8.8 6.3 9.75\"/>",{"left":9,"top":9,"width":10,"height":10,"rotate":9,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"currentColor\" d=\"M6.94 5a2 2 0 1 1-4-.002a2 2 0 0 1 4 .002M7 8.48H3V21h4zm6.32 0H9.34V21h3.94v-6.57c0-3.66 4.77-4 4.77 0V21H22v-7.93c0-6.17-7.06-5.94-8.72-2.91z\"/>",{"left":9,"top":9,"width":10,"height":10,"rotate":9,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"currentColor\" d=\"M12.001 9a3 3 0 1 0 0 6a3 3 0 0 0 0-6m0-2a5 5 0 1 1 0 10a5 5 0 0 1 0-10m6.5-.25a1.25 1.25 0 0 1-2.5 0a1.25 1.25 0 0 1 2.5 0M12.001 4c-2.474 0-2.878.007-4.029.058c-.784.037-1.31.142-1.798.332a2.9 2.9 0 0 0-1.08.703a2.9 2.9 0 0 0-.704 1.08c-.19.49-.295 1.015-.331 1.798C4.007 9.075 4 9.461 4 12c0 2.475.007 2.878.058 4.029c.037.783.142 1.31.331 1.797c.17.435.37.748.702 1.08c.337.336.65.537 1.08.703c.494.191 1.02.297 1.8.333C9.075 19.994 9.461 20 12 20c2.475 0 2.878-.007 4.029-.058c.782-.037 1.308-.142 1.797-.331a2.9 2.9 0 0 0 1.08-.703c.337-.336.538-.649.704-1.08c.19-.492.296-1.018.332-1.8c.052-1.103.058-1.49.058-4.028c0-2.474-.007-2.878-.058-4.029c-.037-.782-.143-1.31-.332-1.798a2.9 2.9 0 0 0-.703-1.08a2.9 2.9 0 0 0-1.08-.704c-.49-.19-1.016-.295-1.798-.331C14.926 4.006 14.54 4 12 4m0-2c2.717 0 3.056.01 4.123.06c1.064.05 1.79.217 2.427.465c.66.254 1.216.598 1.772 1.153a4.9 4.9 0 0 1 1.153 1.772c.247.637.415 1.363.465 2.428c.047 1.066.06 1.405.06 4.122s-.01 3.056-.06 4.122s-.218 1.79-.465 2.428a4.9 4.9 0 0 1-1.153 1.772a4.9 4.9 0 0 1-1.772 1.153c-.637.247-1.363.415-2.427.465c-1.067.047-1.406.06-4.123.06s-3.056-.01-4.123-.06c-1.064-.05-1.789-.218-2.427-.465a4.9 4.9 0 0 1-1.772-1.153a4.9 4.9 0 0 1-1.153-1.772c-.248-.637-.415-1.363-.465-2.428C2.012 15.056 2 14.717 2 12s.01-3.056.06-4.122s.217-1.79.465-2.428a4.9 4.9 0 0 1 1.153-1.772A4.9 4.9 0 0 1 5.45 2.525c.637-.248 1.362-.415 2.427-.465C8.945 2.013 9.284 2 12.001 2\"/>",{},true,1790632667029,{"blog-store":24},{}]</script>
22<script>window.__NUXT__={};window.__NUXT__.config={public:{trailingSlash:true,titleSeparator:"|",siteName:"",siteUrl:"https://www.viereinhalb.io",siteDescription:"",language:"en",directusUrl:"https://cms.viereinhalb.io",GTM_ID:"GTM-PWK3Z2H",GQL_HOST:"https://cms.viereinhalb.io/graphql",i18n:{experimental:{jsTsFormatResource:false},baseUrl:""},"graphql-client":{clients:{default:{token:{type:"Bearer",name:"Authorization"},proxyCookies:true,tokenStorage:{mode:"cookie",cookieOptions:{maxAge:604800,secure:true},name:"gql:default"},preferGETQueries:false,host:"https://cms.viereinhalb.io/graphql"}}},"nuxt-unhead":{seoOptimise:true,resolveAliases:false}},app:{baseURL:"/",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script>
22<script type="module" src="/_nuxt/entry.f1cb73ba.js" crossorigin></script>
22<script type="application/ld+json" id="schema-org-graph" data-h-3437552="">{
23  "@context": "https://schema.org",
24  "@graph": [
25    {
26      "@id": "https://www.viereinhalb.io/#website",
27      "@type": "WebSite",
28      "description": "Wir lieben Marken, und Marken lieben uns. Warum? Weil wir alles tun, um sie noch erfolgreicher und sichtbarer zu machen.",
29      "inLanguage": "de",
30      "name": "VIEREINHALB",
31      "url": "https://www.viereinhalb.io"
32    },
33    {
34      "@id": "https://www.viereinhalb.io/projekte/#webpage",
35      "@type": "WebPage",
36      "description": "Immer mehr Projekte als der durchschnittliche Baumarktbesucher: Hier einige unserer Highlights zum Anschauen.",
37      "name": "Unsere erfolgreichsten Projekte & Case Studies",
38      "url": "https://www.viereinhalb.io/projekte/",
39      "isPartOf": {
40        "@id": "https://www.viereinhalb.io/#website"
41      },
42      "potentialAction": [
43        {
44          "@type": "ReadAction",
45          "target": [
46            "https://www.viereinhalb.io/projekte/"
47          ]
48        }
49      ]
50    }
51  ]
52}</script>
52</body>
53</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.