Website erstellen lassen - High Performance

<!doctype html> <html lang="de" class="scroll-smooth"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> <link rel="preload" as="style" href="https://www.homepage-helden.de/build/assets/site-rhPDUSKM.css" /><link rel="modulepreload" href="https://www.homepage-helden.de/build/assets/site-BoHMibqF.js" /><link rel="stylesheet" href="https://www.homepage-helden.de/build/assets/site-rhPDUSKM.css" /><script type="module" src="https://www.homepage-helden.de/build/assets/site-BoHMibqF.js"></script>  <title> Website erstellen lassen - High Performance </title> <meta name="description" content="Von den Homepage Helden deine Website erstellen lassen, die ein starkes Image aufbaut, mehr Kunden anzieht und die Anzahl der Bewerber erhöht. Über 2000 realisierte Websites."> <meta name="robots" content="index, follow"> <link rel="alternate" hreflang="de-DE" href="https://www.homepage-helden.de/"> <link rel="canonical" href="https://www.homepage-helden.de/"> <script type="application/ld+json" id="schema"> { "@context": "http://schema.org", "@type": "Organization", "name": "Homepage Helden GmbH", "url": "http://www.homepage-helden.de/", "logo": "http://www.homepage-helden.de/img/containers/images/homepage-helden-ft.png/5bd9592062a4c2ac7a7dac6345b5de52/homepage-helden-ft.png" } </script> <meta property="og:site_name" content="Homepage Helden"> <meta property="og:type" content="website"> <meta property="og:locale" content="de_DE"> <meta property="og:url" content="https://www.homepage-helden.de/"> <meta property="og:title" content="Website erstellen lassen - High Performance"> <meta property="og:description" content="Von den Homepage Helden deine Website erstellen lassen, die ein starkes Image aufbaut, mehr Kunden anzieht und die Anzahl der Bewerber erhöht. Über 2000 realisierte Websites."> <meta property="og:image" content="https://www.homepage-helden.de/img/containers/social_images/home-og-1698172792.png/8e04f2bd0fa177886d5c8899158affbd/home-og-1698172792.png"> <script >var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(["disableCookies"]); _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//matomo.homepage-helden.de/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '1']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })();</script>   <meta name="theme-color" content="#027CEC" media="(prefers-color-scheme: light)"> <meta name="theme-color" content="#000000" media="(prefers-color-scheme: dark)"> <link rel="icon" href="/favicons/homepage-helden-logo-2021_signet.svg" type="image/svg+xml"> <link rel="icon" href="/favicons/default/favicon.ico" type="image/x-icon"> <link rel="icon" href="/favicons/default/favicon-16x16.png" sizes="16x16"> <link rel="icon" href="/favicons/default/favicon-32x32.png" sizes="32x32"> <link rel="manifest" href="https://www.homepage-helden.de/default/site.webmanifest">  </head> <body class="text-base font-light leading-relaxed bg-white text-fontColor selection:bg-primary selection:text-white dark:bg-[#0E1012] dark:text-[#979797]">  <noscript> <style> nav.hidden, nav ul [x-cloak], nav ul li ul { display: block !important; } </style> <p class="relative z-50 py-3 px-4 bg-gray-100 border-b border-gray-200 text-center font-bold text-xs text-gray-600">Diese Website funktioniert am besten, wenn JavaScript aktiviert ist.</p> </noscript>   <div class="z-50 text-sm font-bold text-white [&_a]:fixed [&_a]:px-4 [&_a]:py-2 [&_a]:-translate-y-24 [&_a]:opacity-0 [&_a]:top-4 [&_a]:left-8 [&_a]:bg-primary [&_a]:focus-visible:translate-y-0 [&_a]:focus-visible:opacity-100 [&_a]:outline-primary [&_a]:motion-safe:transition-transform"> <a href="#content">Zum Inhalt springen</a> </div>    <div id="site" x-data="{}" class="flex flex-col min-h-screen mx-auto overflow-clip">  <header id="header" x-data="{ mobileNavOpen: false }" class="py-1 w-[92%] max-w-screen-2xl left-1/2 -translate-x-1/2 rounded-[40px] top-2 fixed z-[500] transition duration-500 ease-in-out before:content[''] before:absolute before:top-0 before:left-1/2 before:-translate-x-1/2 before:h-full before:w-[103%] before:rounded-[40px] before:bg-white/90 before:backdrop-blur-md before:transition-all before:opacity-0" :class="{ 'before:shadow-lg before:opacity-100 before:bg-none': $store.stickyNav.active, 'bg-transparent py-1': !$store.stickyNav.active}"> <div class="relative z-10 flex items-center justify-between m-auto transition"> <div class="flex items-center justify-center w-40 lg:w-52">  <a class="relative inline-block z-20 brightness-0 invert focus-visible:ring-2 ring-primary transition duration-500 ease-in-out" :class="{ 'brightness-0 invert': !$store.stickyNav.active, 'brightness-100 invert-0': $store.stickyNav.active }" aria-label="Logo Homepage Helden" href="/" > <img src="/visuals/logo.svg" class="select-none " width="205px" alt="Homepage Helden"/> </a>  </div> <nav id="main_nav" class="items-center hidden xl:flex menu" x-data="navigation"> <div id="menu_dp-wrap" class="relative flex items-end justify-start menu_dp-wrap"> <div class="leading-none list-none relative overflow-visible menu_dp-link"> <a href="/webdesign/" class="p-4 m-2 flex gap-2 items-center font-medium text-base group focus:outline-none text-white relative hover:text-white/80 before:content-none" :class="{ 'text-white hover:text-white/80 ': !$store.stickyNav.active, '!bg-transparent text-neutral-dark hover:!text-primary group': $store.stickyNav.active }"> Webdesign <div class="text-white motion-safe:transition-transform" :class="{ 'text-fontColor group-hover:text-primary': $store.stickyNav.active, 'text-white': !$store.stickyNav.active }"> <svg class="w-2 ml-1 overflow-visible transition stroke-current" aria-hidden="true" stroke-width="24" viewBox="0 0 140 140"><path d="M135.625 42.648l-62.533 62.527a4.37 4.37 0 01-6.184 0L4.375 42.648" fill="none"/></svg> </div> </a> <div class="subnav absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-full opacity-0 pointer-events-none min-w-fit whitespace-nowrap overflow-visible subnav--is-mega"> <div class="flex flex-col gap-y-10 py-10"> <div class="subnav__header px-10"> <a href="/webdesign/" class="group p-1 -m-1 inline-flex items-center font-medium text-base"> Webdesign <svg class="w-3 h-3 ml-2 group-hover:fill-primary" xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="currentColor"><g clip-path="url(#clip0_1120_8678)"><path d="M5.71878 1.2418C5.5787 1.38187 5.50006 1.57137 5.50006 1.76945C5.50006 1.96754 5.5787 2.15703 5.71878 2.29711L8.17662 4.75495L1.02145 4.75495C0.75461 4.75495 0.508397 4.89718 0.375198 5.12792C0.241998 5.35867 0.241998 5.64354 0.375198 5.87429C0.508397 6.10504 0.755039 6.24726 1.02145 6.24726L8.17662 6.24812L5.71878 8.70596C5.53229 8.89458 5.4601 9.16873 5.52928 9.42483C5.59846 9.68092 5.79869 9.88158 6.05521 9.95076C6.3113 10.0199 6.58545 9.94775 6.77408 9.76126L10.5064 6.0294C10.6465 5.88933 10.7251 5.69983 10.7251 5.50174C10.7251 5.30366 10.6465 5.11374 10.5064 4.97408L6.77408 1.24178C6.63444 1.10171 6.44451 1.02307 6.24642 1.02307C6.04834 1.02307 5.85886 1.10171 5.71878 1.2418Z" fill="#32363D"/></g><defs><clipPath id="clip0_1120_8678"><rect width="11" height="11" fill="white" transform="translate(11 11) rotate(180)"/></clipPath></defs></svg> </a> <div class="mt-2 text-sm">Lerne unseren zukunftssicheren, unwiderstehlichen und ergebnisorientierten Webdesign-Ansatz kennen.</div> </div> <div> <div class="mx-10"> <div class="overflow-hidden"> <ul class="min-w-max subnav__slider"> <li class="splide__slide min-w-[218px] w-[218px]"> <div class="text-custom-sm font-medium font-nav-label uppercase mb-5 flex gap-x-6 items-center"> <a href="/systeme/" class="">Systeme</a> <hr class="color-nav-line grow" /> </div> <ul class="grid gap-x-6 text-custom-base grid-cols-1"> <li class="flex gap-6"> <img src="/files/images/icons/typo3.svg" alt="TYPO3 CMS Logo" width="16" class="transition-all"> <a href="/typo3-cms/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 "> <span>TYPO3</span> </a> </li> <li class="flex gap-6"> <img src="/files/images/icons/wordpress.svg" alt="WordPress Logo Icon" width="16" class="transition-all"> <a href="/wordpress-cms/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 "> <span>WordPress</span> </a> </li> <li class="flex gap-6"> <img src="/files/images/icons/statamic.svg" alt="Statamic CMS Logo" width="16" class="transition-all"> <a href="/statamic-cms/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 "> <span>Statamic</span> </a> </li> <li class="flex gap-6"> <img src="/files/images/icons/laravel.svg" alt="Laravel Logo Icon" width="16" class="transition-all"> <a href="/laravel-framework/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 "> <span>Laravel</span> </a> </li> </ul> </li> <li class="splide__slide min-w-[218px] w-[460px]"> <div class="text-custom-sm font-medium font-nav-label uppercase mb-5 flex gap-x-6 items-center"> <span>Expertise</span> <hr class="color-nav-line grow" /> </div> <ul class="grid gap-x-6 text-custom-base grid-cols-2"> <li class="flex gap-2"> <a href="/website-konzept/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 "> <span>Website Konzept</span> </a> </li> <li class="flex gap-2"> <a href="/optimale-homepage/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 "> <span>Optimale Homepage</span> </a> </li> <li class="flex gap-2"> <a href="/suchmaschinenoptimierung/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 "> <span>Suchmaschinenoptimierung</span> </a> </li> <li class="flex gap-2"> <a href="/lead-generator/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 "> <span>Lead-Generator</span> </a> </li> <li class="flex gap-2"> <a href="/online-marketing/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 "> <span>Online Marketing</span> </a> </li> <li class="flex gap-2"> <a href="/karriere-seiten/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 "> <span>Karriere Seiten</span> </a> </li> </ul> </li> <li class="splide__slide min-w-[218px] w-[460px]"> <div class="text-custom-sm font-medium font-nav-label uppercase mb-5 flex gap-x-6 items-center"> <a href="/lokal/" class="">Lokal</a> <hr class="color-nav-line grow" /> </div> <ul class="grid gap-x-6 text-custom-base grid-cols-2"> <li class="flex gap-2"> <a href="/webdesign-berlin/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 "> <span>Berlin</span> </a> </li> <li class="flex gap-2"> <a href="/webdesign-hannover/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 "> <span>Hannover</span> </a> </li> <li class="flex gap-2"> <a href="/webdesign-duesseldorf/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 "> <span>Düsseldorf</span> </a> </li> <li class="flex gap-2"> <a href="/webdesign-koeln/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 "> <span>Köln</span> </a> </li> <li class="flex gap-2"> <a href="/webdesign-frankfurt/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 "> <span>Frankfurt</span> </a> </li> <li class="flex gap-2"> <a href="/webdesign-muenchen/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 "> <span>München</span> </a> </li> <li class="flex gap-2"> <a href="/webdesign-hamburg/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 "> <span>Hamburg</span> </a> </li> <li class="flex gap-2"> <a href="/lokal/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 "> <span>weitere ...</span> </a> </li> </ul> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="leading-none list-none relative overflow-visible menu-link"> <a href="/preise/" class="p-4 m-2 flex gap-2 items-center font-medium text-base group focus:outline-none text-white relative hover:text-white/80 before:content-none" :class="{ 'text-white hover:text-white/80 ': !$store.stickyNav.active, '!bg-transparent text-neutral-dark hover:!text-primary group': $store.stickyNav.active }"> Preise </a> </div> <div class="leading-none list-none relative overflow-visible menu-link"> <a href="/referenzen/" class="p-4 m-2 flex gap-2 items-center font-medium text-base group focus:outline-none text-white relative hover:text-white/80 before:content-none" :class="{ 'text-white hover:text-white/80 ': !$store.stickyNav.active, '!bg-transparent text-neutral-dark hover:!text-primary group': $store.stickyNav.active }"> Referenzen </a> </div> <div class="leading-none list-none relative overflow-visible menu_dp-link"> <a href="/webdesign-agentur/" class="p-4 m-2 flex gap-2 items-center font-medium text-base group focus:outline-none text-white relative hover:text-white/80 before:content-none" :class="{ 'text-white hover:text-white/80 ': !$store.stickyNav.active, '!bg-transparent text-neutral-dark hover:!text-primary group': $store.stickyNav.active }"> Agentur <div class="text-white motion-safe:transition-transform" :class="{ 'text-fontColor group-hover:text-primary': $store.stickyNav.active, 'text-white': !$store.stickyNav.active }"> <svg class="w-2 ml-1 overflow-visible transition stroke-current" aria-hidden="true" stroke-width="24" viewBox="0 0 140 140"><path d="M135.625 42.648l-62.533 62.527a4.37 4.37 0 01-6.184 0L4.375 42.648" fill="none"/></svg> </div> </a> <div class="subnav absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-full opacity-0 pointer-events-none min-w-fit whitespace-nowrap overflow-visible subnav--is-normal max-w-[380px]"> <div class="flex flex-col gap-y-10 py-10"> <div class="subnav__header px-10"> <a href="/webdesign-agentur/" class="group p-1 -m-1 inline-flex items-center font-medium text-base"> Agentur <svg class="w-3 h-3 ml-2 group-hover:fill-primary" xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="currentColor"><g clip-path="url(#clip0_1120_8678)"><path d="M5.71878 1.2418C5.5787 1.38187 5.50006 1.57137 5.50006 1.76945C5.50006 1.96754 5.5787 2.15703 5.71878 2.29711L8.17662 4.75495L1.02145 4.75495C0.75461 4.75495 0.508397 4.89718 0.375198 5.12792C0.241998 5.35867 0.241998 5.64354 0.375198 5.87429C0.508397 6.10504 0.755039 6.24726 1.02145 6.24726L8.17662 6.24812L5.71878 8.70596C5.53229 8.89458 5.4601 9.16873 5.52928 9.42483C5.59846 9.68092 5.79869 9.88158 6.05521 9.95076C6.3113 10.0199 6.58545 9.94775 6.77408 9.76126L10.5064 6.0294C10.6465 5.88933 10.7251 5.69983 10.7251 5.50174C10.7251 5.30366 10.6465 5.11374 10.5064 4.97408L6.77408 1.24178C6.63444 1.10171 6.44451 1.02307 6.24642 1.02307C6.04834 1.02307 5.85886 1.10171 5.71878 1.2418Z" fill="#32363D"/></g><defs><clipPath id="clip0_1120_8678"><rect width="11" height="11" fill="white" transform="translate(11 11) rotate(180)"/></clipPath></defs></svg> </a> <div class="mt-2 text-sm">Lerne die Webdesign Agentur kennen, die dein Wachstum beschleunigen kann.</div> </div> <div> <div class="mx-10"> <div class="overflow-hidden"> <ul class="min-w-max subnav__slider"> <li class="splide__slide min-w-[218px]"> <ul class="grid gap-x-6 text-custom-base"> <li class="flex gap-6"> <img src="/files/images/icons/typo3.svg" alt="TYPO3 CMS Logo" width="16" class="transition-all"> <a href="/typo3-agentur/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 "> <span>TYPO3 Agentur</span> </a> </li> <li class="flex gap-6"> <img src="/files/images/icons/wordpress.svg" alt="WordPress Logo Icon" width="16" class="transition-all"> <a href="/wordpress-agentur/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 "> <span>WordPress Agentur</span> </a> </li> <li class="flex gap-6"> <img src="/files/images/icons/website.svg" alt="Desktop Computer" width="16" class="transition-all"> <a href="/internetagentur-in-hamburg/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 "> <span>Internetagentur Hamburg</span> </a> </li> <li class="flex gap-6"> <img src="/files/images/icons/set/goalpeak-color.svg" alt="Berggipfel Icon" width="16" class="transition-all"> <a href="/karriere/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 "> <span>Karriere</span> </a> </li> </ul> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="leading-none list-none relative overflow-visible menu_dp-link"> <a href="/wissen/" class="p-4 m-2 flex gap-2 items-center font-medium text-base group focus:outline-none text-white relative hover:text-white/80 before:content-none" :class="{ 'text-white hover:text-white/80 ': !$store.stickyNav.active, '!bg-transparent text-neutral-dark hover:!text-primary group': $store.stickyNav.active }"> Wissen <div class="text-white motion-safe:transition-transform" :class="{ 'text-fontColor group-hover:text-primary': $store.stickyNav.active, 'text-white': !$store.stickyNav.active }"> <svg class="w-2 ml-1 overflow-visible transition stroke-current" aria-hidden="true" stroke-width="24" viewBox="0 0 140 140"><path d="M135.625 42.648l-62.533 62.527a4.37 4.37 0 01-6.184 0L4.375 42.648" fill="none"/></svg> </div> </a> <div class="subnav absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-full opacity-0 pointer-events-none min-w-fit whitespace-nowrap overflow-visible subnav--is-normal max-w-[380px]"> <div class="flex flex-col gap-y-10 py-10"> <div class="subnav__header px-10"> <a href="/wissen/" class="group p-1 -m-1 inline-flex items-center font-medium text-base"> Wissen <svg class="w-3 h-3 ml-2 group-hover:fill-primary" xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="currentColor"><g clip-path="url(#clip0_1120_8678)"><path d="M5.71878 1.2418C5.5787 1.38187 5.50006 1.57137 5.50006 1.76945C5.50006 1.96754 5.5787 2.15703 5.71878 2.29711L8.17662 4.75495L1.02145 4.75495C0.75461 4.75495 0.508397 4.89718 0.375198 5.12792C0.241998 5.35867 0.241998 5.64354 0.375198 5.87429C0.508397 6.10504 0.755039 6.24726 1.02145 6.24726L8.17662 6.24812L5.71878 8.70596C5.53229 8.89458 5.4601 9.16873 5.52928 9.42483C5.59846 9.68092 5.79869 9.88158 6.05521 9.95076C6.3113 10.0199 6.58545 9.94775 6.77408 9.76126L10.5064 6.0294C10.6465 5.88933 10.7251 5.69983 10.7251 5.50174C10.7251 5.30366 10.6465 5.11374 10.5064 4.97408L6.77408 1.24178C6.63444 1.10171 6.44451 1.02307 6.24642 1.02307C6.04834 1.02307 5.85886 1.10171 5.71878 1.2418Z" fill="#32363D"/></g><defs><clipPath id="clip0_1120_8678"><rect width="11" height="11" fill="white" transform="translate(11 11) rotate(180)"/></clipPath></defs></svg> </a> <div class="mt-2 text-sm">Deine zentralen Anlaufstelle für fundierte Informationen und praktische Hilfsmittel rund ums Webdesign.</div> </div> <div> <div class="mx-10"> <div class="overflow-hidden"> <ul class="min-w-max subnav__slider"> <li class="splide__slide min-w-[218px]"> <ul class="grid gap-x-6 text-custom-base"> <li class="flex gap-6"> <img src="/files/images/icons/icon-wissen-journal.svg" alt="" width="16" class="transition-all"> <a href="/journal/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 "> <span>Webdesign Journal</span> </a> </li> <li class="flex gap-6"> <img src="/files/images/icons/icon-wissen-checklisten.svg" alt="" width="16" class="transition-all"> <a href="/checklisten/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 "> <span>Webdesign Checklisten</span> </a> </li> <li class="flex gap-6"> <img src="/files/images/icons/icon-wissen-focus.svg" alt="" width="16" class="transition-all"> <a href="/fokusthemen/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 "> <span>Webdesign Fokusthemen</span> </a> </li> <li class="flex gap-6"> <img src="/files/images/icons/icon-wissen-vergleich.svg" alt="" width="16" class="transition-all"> <a href="/cms-vergleich/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 "> <span>CMS Vergleich</span> </a> </li> </ul> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="leading-none list-none relative overflow-visible menu-link"> <a href="/kontakt/" class="p-4 m-2 flex gap-2 items-center font-medium text-base group focus:outline-none text-white relative hover:text-white/80 before:content-none" :class="{ 'text-white hover:text-white/80 ': !$store.stickyNav.active, '!bg-transparent text-neutral-dark hover:!text-primary group': $store.stickyNav.active }"> Kontakt </a> </div> </div> <div id="subnav" style="opacity: 0; transform: translateY(-10px)" class="absolute bottom-0 rotate-0 top-full mix-blend-normal h-fit rounded-xl shadow-tile bg-white backdrop-blur-md pointer-events-none"> <div class="flex flex-col gap-y-10 py-10"> <div id="subnav_header" class="px-10 max-w-3xl"> </div> <div class="splide" aria-label="subnav_slider"> <div class="splide__arrows"> <button class="splide__arrow splide__arrow--prev"> <svg xmlns="http://www.w3.org/2000/svg" class="!fill-current" viewBox="0 0 40 40"> <path d="M31.86,19.91c-.02-.68-.31-1.34-.81-1.83L13.25.84h0c-.74-.71-1.83-1-2.85-.76-1.03.24-1.84.97-2.14,1.91-.3.95-.03,1.97.71,2.68l15.83,15.32-15.83,15.32h0c-.73.71-1,1.73-.71,2.68.3.95,1.11,1.68,2.14,1.91s2.12-.05,2.85-.76l17.8-17.24h0c.55-.54.84-1.26.81-2h0Z"/> </svg> </button> <button class="splide__arrow splide__arrow--next"> <svg xmlns="http://www.w3.org/2000/svg" class="!fill-current" viewBox="0 0 40 40"> <path d="M31.86,19.91c-.02-.68-.31-1.34-.81-1.83L13.25.84h0c-.74-.71-1.83-1-2.85-.76-1.03.24-1.84.97-2.14,1.91-.3.95-.03,1.97.71,2.68l15.83,15.32-15.83,15.32h0c-.73.71-1,1.73-.71,2.68.3.95,1.11,1.68,2.14,1.91s2.12-.05,2.85-.76l17.8-17.24h0c.55-.54.84-1.26.81-2h0Z"/> </svg> </button> </div> <div class="mx-10"> <div class="splide__track max-w-full w-max"> <ul id="subnav_slider" class="splide__list w-fit-content"> </ul> </div> </div> </div> </div> </div> </nav>  <nav class="xl:hidden" aria-label="Hauptnavigation" x-trap.inert.noscroll="mobileNavOpen" @keyup.escape.stop.prevent="mobileNavOpen = false" x-cloak > <div @click.prevent.stop="mobileNavOpen = !mobileNavOpen" class="relative cursor-pointer z-20 flex items-center flex-col gap-[6px] justify-center w-9 h-9 mr-3" > <span class="inline-block w-full h-1 transition-all bg-white rounded-md" :class="{ '!bg-primary' : $store.stickyNav.active, '!bg-primary absolute rotate-45': mobileNavOpen, '!bg-white': mobileNavOpen && !$store.stickyNav.active }" ></span> <span class="inline-block w-full h-1 transition-all bg-white rounded-md" :class="{ '!bg-primary' : $store.stickyNav.active, 'opacity-100 translate-x-0': !mobileNavOpen, 'opacity-0 translate-x-5': mobileNavOpen }" ></span> <span class="inline-block w-full h-1 transition-all bg-white rounded-md" :class="{ '!bg-primary' : $store.stickyNav.active, '!bg-primary absolute -rotate-45': mobileNavOpen, '!bg-white': mobileNavOpen && !$store.stickyNav.active }" ></span> </div> <div class="fixed inset-0 h-screen z-10 top-24 left-[4%] right-[4%] bottom-[4%] flex flex-col" x-show="mobileNavOpen" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-28" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-28" > <ul class="flex flex-col w-full overflow-auto overflow-x-hidden overflow-y-auto bg-white rounded-xl shadow-tile"> <li class="leading-none border-b border-neutral border-dashed " x-data="{ subnavOpen: false }" @focusin.window="!$refs.subnav.contains($event.target) && (subnavOpen = false)" > <a class="relative w-full py-5 px-[4%] flex gap-2 items-center justify-start space-x-1 text-lg font-bold hover:text-primary focus:outline-none text-fontColor" href="#" @click.prevent="subnavOpen = !subnavOpen" > <span>Webdesign</span> <div :class="{ 'rotate-90': subnavOpen }" class="absolute top-0 right-0 z-10 flex items-center justify-center w-16 h-full motion-safe:transition-transform"> <svg class="w-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M7.81376 0.317574C7.61269 0.520954 7.49981 0.796094 7.49981 1.08371C7.49981 1.37132 7.61268 1.64644 7.81376 1.84984L11.3418 5.4185L1.07105 5.4185C0.68802 5.4185 0.334597 5.62501 0.143399 5.96002C-0.0477997 6.29506 -0.0477997 6.70868 0.143399 7.04372C0.334597 7.37875 0.688635 7.58524 1.07105 7.58524L11.3418 7.58649L7.81376 11.1551C7.54607 11.429 7.44244 11.8271 7.54175 12.1989C7.64105 12.5707 7.92847 12.8621 8.29669 12.9625C8.66429 13.063 9.0578 12.9582 9.32858 12.6874L14.6861 7.26893C14.8871 7.06555 15 6.79041 15 6.5028C15 6.21518 14.8871 5.93944 14.6861 5.73666L9.32858 0.317559C9.12813 0.114179 8.8555 -4.16505e-07 8.57116 -3.91647e-07C8.28682 -3.66789e-07 8.01484 0.114184 7.81376 0.317574Z" fill="#B7BDC4"/></svg> </div> </a> <div x-show="subnavOpen" x-ref="subnav" x-collapse class="space-y-2 py-5"> <div class="mb-6 px-[4%]"> <div class="flex items-center gap-2"> <a href="/webdesign/" class="p-1 -m-1 flex items-center font-medium text-base hover:text-primary text-fontColor"> Webdesign </a> <svg class="w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="currentColor"><g clip-path="url(#clip0_1120_8678)"><path d="M5.71878 1.2418C5.5787 1.38187 5.50006 1.57137 5.50006 1.76945C5.50006 1.96754 5.5787 2.15703 5.71878 2.29711L8.17662 4.75495L1.02145 4.75495C0.75461 4.75495 0.508397 4.89718 0.375198 5.12792C0.241998 5.35867 0.241998 5.64354 0.375198 5.87429C0.508397 6.10504 0.755039 6.24726 1.02145 6.24726L8.17662 6.24812L5.71878 8.70596C5.53229 8.89458 5.4601 9.16873 5.52928 9.42483C5.59846 9.68092 5.79869 9.88158 6.05521 9.95076C6.3113 10.0199 6.58545 9.94775 6.77408 9.76126L10.5064 6.0294C10.6465 5.88933 10.7251 5.69983 10.7251 5.50174C10.7251 5.30366 10.6465 5.11374 10.5064 4.97408L6.77408 1.24178C6.63444 1.10171 6.44451 1.02307 6.24642 1.02307C6.04834 1.02307 5.85886 1.10171 5.71878 1.2418Z" fill="#32363D"/></g><defs><clipPath id="clip0_1120_8678"><rect width="11" height="11" fill="white" transform="translate(11 11) rotate(180)"/></clipPath></defs></svg> </div> <div class="mt-2 text-sm">Lerne unseren zukunftssicheren, unwiderstehlichen und ergebnisorientierten Webdesign-Ansatz kennen.</div> </div> <ul class="flex flex-col items-stretch gap-4 divide-y divide-dashed divide-neutral-light"> <li class="pt-4"> <div class="px-[4%] text-custom-base text-neutral font-normal font-nav-label mb-5 flex gap-x-6 items-center"> <a href="/systeme/" class="text-neutral">Systeme</a> </div> <ul class=""> <li class="flex font-medium px-[4%] gap-6"> <img src="/files/images/icons/typo3.svg" alt="TYPO3 CMS Logo" width="16" class="transition-all"> <a href="/typo3-cms/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 text-fontColor"> <span>TYPO3</span> </a> </li> <li class="flex font-medium px-[4%] gap-6"> <img src="/files/images/icons/wordpress.svg" alt="WordPress Logo Icon" width="16" class="transition-all"> <a href="/wordpress-cms/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 text-fontColor"> <span>WordPress</span> </a> </li> <li class="flex font-medium px-[4%] gap-6"> <img src="/files/images/icons/statamic.svg" alt="Statamic CMS Logo" width="16" class="transition-all"> <a href="/statamic-cms/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 text-fontColor"> <span>Statamic</span> </a> </li> <li class="flex font-medium px-[4%] gap-6"> <img src="/files/images/icons/laravel.svg" alt="Laravel Logo Icon" width="16" class="transition-all"> <a href="/laravel-framework/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 text-fontColor"> <span>Laravel</span> </a> </li> </ul> </li> <li class="pt-4"> <div class="px-[4%] text-custom-base text-neutral font-normal font-nav-label mb-5 flex gap-x-6 items-center"> <span class="">Expertise</span> </div> <ul class=""> <li class="flex font-medium px-[4%] gap-2"> <a href="/website-konzept/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 text-fontColor"> <span>Website Konzept</span> </a> </li> <li class="flex font-medium px-[4%] gap-2"> <a href="/suchmaschinenoptimierung/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 text-fontColor"> <span>Suchmaschinenoptimierung</span> </a> </li> <li class="flex font-medium px-[4%] gap-2"> <a href="/online-marketing/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 text-fontColor"> <span>Online Marketing</span> </a> </li> <li class="flex font-medium px-[4%] gap-2"> <a href="/optimale-homepage/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 text-fontColor"> <span>Optimale Homepage</span> </a> </li> <li class="flex font-medium px-[4%] gap-2"> <a href="/lead-generator/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 text-fontColor"> <span>Lead-Generator</span> </a> </li> <li class="flex font-medium px-[4%] gap-2"> <a href="/karriere-seiten/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 text-fontColor"> <span>Karriere Seiten</span> </a> </li> </ul> </li> <li class="pt-4"> <div class="px-[4%] text-custom-base text-neutral font-normal font-nav-label mb-5 flex gap-x-6 items-center"> <a href="/lokal/" class="text-neutral">Lokal</a> </div> <ul class=""> <li class="flex font-medium px-[4%] gap-2"> <a href="/webdesign-berlin/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 text-fontColor"> <span>Berlin</span> </a> </li> <li class="flex font-medium px-[4%] gap-2"> <a href="/webdesign-duesseldorf/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 text-fontColor"> <span>Düsseldorf</span> </a> </li> <li class="flex font-medium px-[4%] gap-2"> <a href="/webdesign-frankfurt/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 text-fontColor"> <span>Frankfurt</span> </a> </li> <li class="flex font-medium px-[4%] gap-2"> <a href="/webdesign-hamburg/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 text-fontColor"> <span>Hamburg</span> </a> </li> <li class="flex font-medium px-[4%] gap-2"> <a href="/webdesign-hannover/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 text-fontColor"> <span>Hannover</span> </a> </li> <li class="flex font-medium px-[4%] gap-2"> <a href="/webdesign-koeln/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 text-fontColor"> <span>Köln</span> </a> </li> <li class="flex font-medium px-[4%] gap-2"> <a href="/webdesign-muenchen/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 text-fontColor"> <span>München</span> </a> </li> <li class="flex font-medium px-[4%] gap-2"> <a href="/lokal/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 text-fontColor"> <span>weitere ...</span> </a> </li> </ul> </li> </ul> </div> </li> <li class="leading-none border-b border-neutral border-dashed " > <a class="relative w-full py-5 px-[4%] flex gap-2 items-center justify-start space-x-1 text-lg font-bold hover:text-primary focus:outline-none text-fontColor" href="/preise/"> <span>Preise</span> </a> </li> <li class="leading-none border-b border-neutral border-dashed " > <a class="relative w-full py-5 px-[4%] flex gap-2 items-center justify-start space-x-1 text-lg font-bold hover:text-primary focus:outline-none text-fontColor" href="/referenzen/"> <span>Referenzen</span> </a> </li> <li class="leading-none border-b border-neutral border-dashed " x-data="{ subnavOpen: false }" @focusin.window="!$refs.subnav.contains($event.target) && (subnavOpen = false)" > <a class="relative w-full py-5 px-[4%] flex gap-2 items-center justify-start space-x-1 text-lg font-bold hover:text-primary focus:outline-none text-fontColor" href="#" @click.prevent="subnavOpen = !subnavOpen" > <span>Agentur</span> <div :class="{ 'rotate-90': subnavOpen }" class="absolute top-0 right-0 z-10 flex items-center justify-center w-16 h-full motion-safe:transition-transform"> <svg class="w-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M7.81376 0.317574C7.61269 0.520954 7.49981 0.796094 7.49981 1.08371C7.49981 1.37132 7.61268 1.64644 7.81376 1.84984L11.3418 5.4185L1.07105 5.4185C0.68802 5.4185 0.334597 5.62501 0.143399 5.96002C-0.0477997 6.29506 -0.0477997 6.70868 0.143399 7.04372C0.334597 7.37875 0.688635 7.58524 1.07105 7.58524L11.3418 7.58649L7.81376 11.1551C7.54607 11.429 7.44244 11.8271 7.54175 12.1989C7.64105 12.5707 7.92847 12.8621 8.29669 12.9625C8.66429 13.063 9.0578 12.9582 9.32858 12.6874L14.6861 7.26893C14.8871 7.06555 15 6.79041 15 6.5028C15 6.21518 14.8871 5.93944 14.6861 5.73666L9.32858 0.317559C9.12813 0.114179 8.8555 -4.16505e-07 8.57116 -3.91647e-07C8.28682 -3.66789e-07 8.01484 0.114184 7.81376 0.317574Z" fill="#B7BDC4"/></svg> </div> </a> <div x-show="subnavOpen" x-ref="subnav" x-collapse class="space-y-2 py-5"> <div class="mb-6 px-[4%]"> <div class="flex items-center gap-2"> <a href="/webdesign-agentur/" class="p-1 -m-1 flex items-center font-medium text-base hover:text-primary text-fontColor"> Agentur </a> <svg class="w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="currentColor"><g clip-path="url(#clip0_1120_8678)"><path d="M5.71878 1.2418C5.5787 1.38187 5.50006 1.57137 5.50006 1.76945C5.50006 1.96754 5.5787 2.15703 5.71878 2.29711L8.17662 4.75495L1.02145 4.75495C0.75461 4.75495 0.508397 4.89718 0.375198 5.12792C0.241998 5.35867 0.241998 5.64354 0.375198 5.87429C0.508397 6.10504 0.755039 6.24726 1.02145 6.24726L8.17662 6.24812L5.71878 8.70596C5.53229 8.89458 5.4601 9.16873 5.52928 9.42483C5.59846 9.68092 5.79869 9.88158 6.05521 9.95076C6.3113 10.0199 6.58545 9.94775 6.77408 9.76126L10.5064 6.0294C10.6465 5.88933 10.7251 5.69983 10.7251 5.50174C10.7251 5.30366 10.6465 5.11374 10.5064 4.97408L6.77408 1.24178C6.63444 1.10171 6.44451 1.02307 6.24642 1.02307C6.04834 1.02307 5.85886 1.10171 5.71878 1.2418Z" fill="#32363D"/></g><defs><clipPath id="clip0_1120_8678"><rect width="11" height="11" fill="white" transform="translate(11 11) rotate(180)"/></clipPath></defs></svg> </div> <div class="mt-2 text-sm">Lerne die Webdesign Agentur kennen, die dein Wachstum beschleunigen kann.</div> </div> <ul class="flex flex-col items-stretch gap-4 divide-y divide-dashed divide-neutral-light"> <li class="pt-4"> <ul class="divide-y divide-dashed"> <li class="flex font-medium px-[4%] gap-6"> <img src="/files/images/icons/typo3.svg" alt="TYPO3 CMS Logo" width="16" class="transition-all"> <a href="/typo3-agentur/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 text-fontColor"> <span>TYPO3 Agentur</span> </a> </li> <li class="flex font-medium px-[4%] gap-6"> <img src="/files/images/icons/wordpress.svg" alt="WordPress Logo Icon" width="16" class="transition-all"> <a href="/wordpress-agentur/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 text-fontColor"> <span>WordPress Agentur</span> </a> </li> <li class="flex font-medium px-[4%] gap-6"> <img src="/files/images/icons/website.svg" alt="Desktop Computer" width="16" class="transition-all"> <a href="/internetagentur-in-hamburg/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 text-fontColor"> <span>Internetagentur Hamburg</span> </a> </li> <li class="flex font-medium px-[4%] gap-6"> <img src="/files/images/icons/set/goalpeak-color.svg" alt="Berggipfel Icon" width="16" class="transition-all"> <a href="/karriere/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 text-fontColor"> <span>Karriere</span> </a> </li> </ul> </li> </ul> </div> </li> <li class="leading-none border-b border-neutral border-dashed " x-data="{ subnavOpen: false }" @focusin.window="!$refs.subnav.contains($event.target) && (subnavOpen = false)" > <a class="relative w-full py-5 px-[4%] flex gap-2 items-center justify-start space-x-1 text-lg font-bold hover:text-primary focus:outline-none text-fontColor" href="#" @click.prevent="subnavOpen = !subnavOpen" > <span>Wissen</span> <div :class="{ 'rotate-90': subnavOpen }" class="absolute top-0 right-0 z-10 flex items-center justify-center w-16 h-full motion-safe:transition-transform"> <svg class="w-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M7.81376 0.317574C7.61269 0.520954 7.49981 0.796094 7.49981 1.08371C7.49981 1.37132 7.61268 1.64644 7.81376 1.84984L11.3418 5.4185L1.07105 5.4185C0.68802 5.4185 0.334597 5.62501 0.143399 5.96002C-0.0477997 6.29506 -0.0477997 6.70868 0.143399 7.04372C0.334597 7.37875 0.688635 7.58524 1.07105 7.58524L11.3418 7.58649L7.81376 11.1551C7.54607 11.429 7.44244 11.8271 7.54175 12.1989C7.64105 12.5707 7.92847 12.8621 8.29669 12.9625C8.66429 13.063 9.0578 12.9582 9.32858 12.6874L14.6861 7.26893C14.8871 7.06555 15 6.79041 15 6.5028C15 6.21518 14.8871 5.93944 14.6861 5.73666L9.32858 0.317559C9.12813 0.114179 8.8555 -4.16505e-07 8.57116 -3.91647e-07C8.28682 -3.66789e-07 8.01484 0.114184 7.81376 0.317574Z" fill="#B7BDC4"/></svg> </div> </a> <div x-show="subnavOpen" x-ref="subnav" x-collapse class="space-y-2 py-5"> <div class="mb-6 px-[4%]"> <div class="flex items-center gap-2"> <a href="/wissen/" class="p-1 -m-1 flex items-center font-medium text-base hover:text-primary text-fontColor"> Wissen </a> <svg class="w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="currentColor"><g clip-path="url(#clip0_1120_8678)"><path d="M5.71878 1.2418C5.5787 1.38187 5.50006 1.57137 5.50006 1.76945C5.50006 1.96754 5.5787 2.15703 5.71878 2.29711L8.17662 4.75495L1.02145 4.75495C0.75461 4.75495 0.508397 4.89718 0.375198 5.12792C0.241998 5.35867 0.241998 5.64354 0.375198 5.87429C0.508397 6.10504 0.755039 6.24726 1.02145 6.24726L8.17662 6.24812L5.71878 8.70596C5.53229 8.89458 5.4601 9.16873 5.52928 9.42483C5.59846 9.68092 5.79869 9.88158 6.05521 9.95076C6.3113 10.0199 6.58545 9.94775 6.77408 9.76126L10.5064 6.0294C10.6465 5.88933 10.7251 5.69983 10.7251 5.50174C10.7251 5.30366 10.6465 5.11374 10.5064 4.97408L6.77408 1.24178C6.63444 1.10171 6.44451 1.02307 6.24642 1.02307C6.04834 1.02307 5.85886 1.10171 5.71878 1.2418Z" fill="#32363D"/></g><defs><clipPath id="clip0_1120_8678"><rect width="11" height="11" fill="white" transform="translate(11 11) rotate(180)"/></clipPath></defs></svg> </div> <div class="mt-2 text-sm">Deine zentralen Anlaufstelle für fundierte Informationen und praktische Hilfsmittel rund ums Webdesign.</div> </div> <ul class="flex flex-col items-stretch gap-4 divide-y divide-dashed divide-neutral-light"> <li class="pt-4"> <ul class="divide-y divide-dashed"> <li class="flex font-medium px-[4%] gap-6"> <img src="/files/images/icons/icon-wissen-journal.svg" alt="" width="16" class="transition-all"> <a href="/journal/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 text-fontColor"> <span>Webdesign Journal</span> </a> </li> <li class="flex font-medium px-[4%] gap-6"> <img src="/files/images/icons/icon-wissen-checklisten.svg" alt="" width="16" class="transition-all"> <a href="/checklisten/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 text-fontColor"> <span>Webdesign Checklisten</span> </a> </li> <li class="flex font-medium px-[4%] gap-6"> <img src="/files/images/icons/icon-wissen-focus.svg" alt="" width="16" class="transition-all"> <a href="/fokusthemen/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 text-fontColor"> <span>Webdesign Fokusthemen</span> </a> </li> <li class="flex font-medium px-[4%] gap-6"> <img src="/files/images/icons/icon-wissen-vergleich.svg" alt="" width="16" class="transition-all"> <a href="/cms-vergleich/" class="flex items-center gap-2 whitespace-nowrap py-2 px-1 -mx-1 text-fontColor"> <span>CMS Vergleich</span> </a> </li> </ul> </li> </ul> </div> </li> <li class="leading-none border-b border-neutral border-dashed border-none" > <a class="relative w-full py-5 px-[4%] flex gap-2 items-center justify-start space-x-1 text-lg font-bold hover:text-primary focus:outline-none text-fontColor" href="/kontakt/"> <span>Kontakt</span> </a> </li> </ul> </div> </nav>  <ul class="flex gap-3 items-center min-w-[175px] hidden xl:flex"> <li class="marker:content-none"> <a class="button font-medium focus:outline-none text-lg dark:text-white shadow-lg inline-flex items-center z-10 px-5 py-3 relative hover:shadow rounded-3xl overflow-clip tracking-wide leading-none no-underline transition duration-500 ease-in-out select-none whitespace-nowrap motion-safe:transition bg-highlight after:content-[''] after:absolute after:top-0 after:left-0 after:w-full after:h-full after:bg-button-head-gradient after:transition after:-z-10 hover:after:opacity-0 text-white hover:text-white xl:flex" href="/kontakt/">Jetzt anfragen</a> </li> </ul> </div> </header>   <div class="relative"> <div class="overflow-clip relative flex items-center justify-center py-28 md:py-0 group banner image-container md:py-0 md:min-h-hero"> <div class="relative z-40 text-lg text-invert max-w-screen-2xl fluid-container"> <div class="max-w-4xl py-5 md:pt-24 m-0"> <h1 class="mb-10 font-medium group-[.banner]:text-white text-center md:text-left"> High Performance<br>Website erstellen lassen. </h1> <div class="mb-10 text-xl group-[.banner]:text-white text-center md:text-left"> <p>Wir haben bereits über 2000 Unternehmen dabei unterstützt, <strong>professionelle Websites</strong> zu erstellen, die ein <strong>starkes Image</strong> aufbauen, <strong>mehr Kunden</strong> anziehen und die Anzahl der <strong>Bewerber</strong> erhöhen! 💪</p> </div>  <div class="flex gap-8 justify-center md:justify-start flex-wrap items-start dark:!text-fontColor dark:hover:!text-white">  <div class="inline-flex flex-col items-center"> <a class="dark:!text-fontColor dark:hover:!text-white button font-medium focus:outline-none text-lg dark:text-white group/button shadow-lg inline-flex items-center border z-10 px-5 py-3 relative text-center transition duration-500 ease-in-out hover:shadow rounded-lg tracking-wide leading-6 no-underline select-none md:whitespace-nowrap motion-safe:transition bg-primary bg-gradient-to-r to-primary from-primary-light text-white hover:text-white group-[.banner]:from-white group-[.bg-hero-gradient]:from-white group-[.banner]:to-white group-[.bg-hero-gradient]:to-white group-[.banner]:text-primary group-[.bg-hero-gradient]:text-primary group-[.browser]:text-white group-[.browser]:bg-primary group-[.browser]:bg-gradient-to-r group-[.browser]:from-primary-light group-[.browser]:to-primary" href="/termin/" target="_blank" > Website erstellen lassen » </a> <div class="mt-3 text-sm group-[.banner]:text-white group-[.bg-hero-gradient]:text-white group-[.browser]:text-fontColor"> Jetzt zur kostenlosen Erstberatung! </div> </div>  </div>  </div> </div> <div class="absolute top-0 left-0 h-full w-full"> <video width="2000" height="930" muted autoplay playsinline loop class="object-cover w-full h-full"> <source src="/files/videos/webdesign-agentur/1280-clean-banner/homepage-helden-2023_poster-clean.mp4" type="video/mp4"> Your browser does not support the video tag. </video> </div> <div class="opacity-75" > <div class="content-[''] absolute left-0 top-0 w-full h-full bg-hero-gradient z-10 dark:bg-hero-gradient-dark"> </div> <div class="hidden md:block scale-[6] z-20 w-[400px] h-[400px] absolute top-[50%] right-[15%] blur-[15px] opacity-60"> <svg width="3571" height="3058" class="w-full h-full glow-animation will-change-[filter]" viewBox="0 0 3571 3058" fill="none" xmlns="http://www.w3.org/2000/svg"> <g class="square1"><path class="square1inner" d="M2874.11 1115.85C2505.02 1013.82 2659.7 836.66 2479.36 531.928C2256.29 155.014 1673.07 194.893 1437.26 570.047C1333.17 735.679 1765.64 1523.86 1962.16 1705.18C2158.7 1886.49 2676.57 2096.51 2754.19 2145.3C2831.84 2194.11 3161.6 2220.88 3344.3 2108.27C3527.01 1995.67 3498.38 1656.34 3421.41 1474.36C3344.45 1292.38 3243.22 1217.91 2874.11 1115.85Z" fill="#FF00F5"/></g> <g class="square2"><path class="square2inner" d="M1399.1 2336.02C1598.69 2340.35 2097.64 2387.89 2130.89 2098.26C2179.4 1676.07 2488.13 1908.02 2349.49 1359.01C2178.42 1212.03 1489.4 1082.34 1137.74 1168.8C786.1 1255.26 833.622 1657.3 857.378 1808.6C881.134 1959.92 1199.52 2331.7 1399.1 2336.02Z" fill="#0060FF"/></g> <g class="square3"><path class="square3inner" d="M2161.41 1878.22C2281.82 1201.18 2111.77 1082.55 939.205 1127.65C643.2 1231.53 338.246 1696.47 475.58 1949.1C612.921 2201.73 1388.41 2209.2 1680.75 2207.93C1973.06 2206.67 2136.9 2016.23 2161.41 1878.22Z" fill="#04D9FF"/></g> </svg> </div> </div> </div> <div class="z-30 mt-5 md:absolute md:-bottom-14 md:left-1/2 md:-translate-x-1/2 md:mt-0 fluid-container">  <div class="flex flex-wrap items-center justify-center gap-x-default gap-y-medium"> <a href="https://www.provenexpert.com/de-de/homepage-helden-gmbh/" target="_blank" rel="" class="inline-flex justify-center w-full h-full max-w-[200px] max-h-[130px]"> <img src="/files/badges/provenexpert-badge.svg" alt="" class="w-auto h-auto max-w-[200px] max-h-[130px]" /> </a> <img src="/files/badges/german-web-award-2024-wimpel.svg" alt="" class="w-auto h-auto max-w-[200px] max-h-[130px]" /> <div class="max-w-[230px] cursor-pointer shadow-tile " @click="$dispatch('toggle-google-reviews')"> <svg class="w-full" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 219 68"> <path fill="#fff" d="M0 0h219v68H0z" /> <path fill="#34A853" d="M0 0h219v7H0z" /> <path fill="#3E3E3E" d="M65.98 49.44v-1.6l5.66-8.93h1.26v2.35h-.8l-4.04 6.4v.1h7.75v1.68h-9.83ZM72.2 52v-3.04l.01-.73V38.9h1.88V52H72.2Zm7.86-1.79-.1.7a11.2 11.2 0 0 1-.33 1.6 24.7 24.7 0 0 1-.85 2.69h-1.36l.23-1.08.3-1.5c.08-.55.15-1.12.2-1.7l.07-.71h1.84Zm6.86-11.48c.59 0 1.16.11 1.73.32.57.2 1.08.55 1.53 1.02a5 5 0 0 1 1.1 1.92 12.33 12.33 0 0 1 .08 6.05 6.9 6.9 0 0 1-.99 2.26 4.34 4.34 0 0 1-1.55 1.4c-.61.32-1.3.48-2.06.48-.78 0-1.47-.15-2.08-.46a3.96 3.96 0 0 1-2.19-3.15h1.95c.13.56.4 1.02.78 1.37.4.34.91.51 1.54.51.96 0 1.7-.41 2.24-1.25.54-.84.81-2.01.81-3.52h-.1a3.74 3.74 0 0 1-3.25 1.78c-.75 0-1.44-.18-2.05-.55a4.1 4.1 0 0 1-1.48-1.53 4.42 4.42 0 0 1-.55-2.22 4.28 4.28 0 0 1 2.15-3.85 4.6 4.6 0 0 1 2.4-.58Zm.01 1.66c-.5 0-.95.13-1.35.37a2.79 2.79 0 0 0-1.28 2.37c0 .51.1.97.33 1.38.23.41.53.74.92.98.4.24.84.36 1.34.36a2.54 2.54 0 0 0 1.9-.82c.24-.26.43-.55.57-.88a2.71 2.71 0 0 0-.14-2.38 2.69 2.69 0 0 0-.93-1 2.5 2.5 0 0 0-1.36-.38Z" /> <path fill="#000" d="M72.58 28.14a4.35 4.35 0 0 1-4.05-2.44 6.21 6.21 0 0 1-.58-2.79c0-1.08.2-2.01.58-2.8a4.35 4.35 0 0 1 3.98-2.43 4.65 4.65 0 0 1 2.8.93 3.9 3.9 0 0 1 1.43 2.42h-1.58c-.1-.3-.22-.57-.38-.8a2.47 2.47 0 0 0-1.33-1.01c-.28-.1-.59-.14-.93-.14a2.81 2.81 0 0 0-2.65 1.74c-.27.57-.4 1.26-.4 2.09 0 .82.13 1.52.4 2.09a3 3 0 0 0 1.11 1.3c.47.29 1 .44 1.6.44a3 3 0 0 0 1.44-.34c.41-.23.73-.55.96-.96.23-.4.34-.9.34-1.45l.4.07h-2.9V22.8h4v1.16c0 .86-.18 1.6-.55 2.22a3.67 3.67 0 0 1-1.5 1.45c-.64.35-1.37.52-2.19.52Zm8.82.02a3.33 3.33 0 0 1-3.12-1.87 4.7 4.7 0 0 1-.43-2.07c0-.8.14-1.49.43-2.08a3.32 3.32 0 0 1 3.13-1.88 3.32 3.32 0 0 1 3.12 1.88c.3.6.45 1.29.45 2.08a4.5 4.5 0 0 1-.45 2.06 3.33 3.33 0 0 1-3.12 1.88Zm0-1.25c.48 0 .87-.13 1.17-.37.3-.25.53-.57.68-.98.15-.41.22-.86.22-1.34 0-.5-.07-.94-.22-1.35a2.16 2.16 0 0 0-.68-.99 1.8 1.8 0 0 0-1.16-.37c-.47 0-.85.13-1.16.37-.3.25-.52.58-.67.99a3.9 3.9 0 0 0-.23 1.35c0 .48.08.93.23 1.34.15.4.37.73.67.98.3.24.7.37 1.16.37Zm8 1.25a3.33 3.33 0 0 1-3.12-1.87c-.3-.6-.45-1.29-.45-2.07 0-.8.15-1.49.44-2.08a3.32 3.32 0 0 1 3.13-1.88 3.32 3.32 0 0 1 3.12 1.88c.3.6.44 1.29.44 2.08a4.5 4.5 0 0 1-.44 2.06 3.33 3.33 0 0 1-3.12 1.88Zm0-1.25c.47 0 .85-.13 1.16-.37.3-.25.53-.57.68-.98.15-.41.22-.86.22-1.34 0-.5-.07-.94-.22-1.35a2.16 2.16 0 0 0-.68-.99 1.8 1.8 0 0 0-1.16-.37c-.47 0-.85.13-1.16.37-.3.25-.53.58-.68.99a3.9 3.9 0 0 0-.22 1.35c0 .48.07.93.22 1.34.15.4.38.73.68.98.3.24.7.37 1.16.37Zm7.96 4.11c-.9 0-1.63-.17-2.15-.51a2.77 2.77 0 0 1-1.09-1.22l1.27-.52c.1.14.22.3.37.46.15.16.36.3.62.42.26.11.6.17 1 .17.56 0 1.03-.14 1.4-.41.37-.27.55-.7.55-1.3v-1.5h-.1a2.46 2.46 0 0 1-1.07 1.06c-.29.14-.67.21-1.14.21-.6 0-1.14-.14-1.63-.42-.47-.29-.86-.7-1.14-1.26a4.5 4.5 0 0 1-.43-2.05c0-.81.14-1.5.42-2.08a2.98 2.98 0 0 1 2.8-1.8 2.22 2.22 0 0 1 1.84.78c.16.2.29.4.38.55h.1v-1.24h1.45v7.81c0 .66-.15 1.2-.46 1.61-.3.42-.71.73-1.23.93-.52.2-1.1.31-1.76.31Zm-.01-4.37c.64 0 1.13-.22 1.48-.67.34-.44.52-1.06.52-1.85 0-.51-.08-.97-.23-1.35a2 2 0 0 0-.67-.92 1.8 1.8 0 0 0-1.1-.33c-.45 0-.82.11-1.12.34-.3.23-.52.54-.67.94-.15.4-.23.83-.23 1.32 0 .5.08.94.23 1.32a1.83 1.83 0 0 0 1.79 1.2Zm6.5-8.84V28h-1.48V17.81h1.48Zm4.85 10.35c-.75 0-1.4-.16-1.94-.49a3.25 3.25 0 0 1-1.27-1.37 4.5 4.5 0 0 1-.44-2.07c0-.78.15-1.47.43-2.07.3-.6.7-1.06 1.23-1.4a3.8 3.8 0 0 1 3.12-.3 3.04 3.04 0 0 1 1.85 1.87c.2.5.3 1.08.3 1.77v.53h-6.09v-1.11h5.32l-.7.36c0-.46-.07-.88-.21-1.24a1.82 1.82 0 0 0-.66-.84 1.8 1.8 0 0 0-1.07-.3c-.43 0-.8.1-1.1.3a2 2 0 0 0-.7.81c-.15.34-.23.71-.23 1.11v.76c0 .52.09.97.27 1.33a1.95 1.95 0 0 0 1.9 1.12c.28 0 .54-.04.77-.12a1.58 1.58 0 0 0 .98-.98l1.4.27c-.1.41-.3.77-.6 1.08-.28.31-.64.55-1.08.72-.43.17-.93.26-1.48.26Zm7.82-.16V17.81h3.74a4 4 0 0 1 1.79.36c.47.24.83.56 1.06.96a2.7 2.7 0 0 1 .11 2.43c-.15.3-.36.52-.62.7-.26.17-.55.3-.86.38v.1c.34.01.67.12 1 .32.32.2.59.49.8.86.21.36.32.81.32 1.34a2.5 2.5 0 0 1-1.49 2.38c-.5.24-1.16.36-1.95.36h-3.9Zm1.54-1.31h2.21c.74 0 1.27-.15 1.59-.43.31-.29.47-.65.47-1.08a1.7 1.7 0 0 0-.94-1.52c-.3-.16-.65-.24-1.06-.24h-2.27v3.27Zm0-4.47h2.06c.34 0 .65-.06.93-.2a1.5 1.5 0 0 0 .9-1.42c0-.4-.15-.76-.44-1.04-.3-.29-.74-.43-1.35-.43h-2.1v3.1Zm10.34 5.94c-.74 0-1.39-.16-1.93-.49a3.25 3.25 0 0 1-1.27-1.37 4.64 4.64 0 0 1-.44-2.07c0-.78.15-1.47.43-2.07.3-.6.7-1.06 1.23-1.4a3.8 3.8 0 0 1 3.12-.3 3.04 3.04 0 0 1 1.86 1.87c.19.5.28 1.08.28 1.77v.53h-6.08v-1.11h5.32l-.7.36c0-.46-.07-.88-.21-1.24a1.82 1.82 0 0 0-.66-.84 1.8 1.8 0 0 0-1.07-.3c-.43 0-.8.1-1.1.3a2 2 0 0 0-.7.81c-.15.34-.23.71-.23 1.11v.76c0 .52.09.97.27 1.33a1.95 1.95 0 0 0 1.9 1.12c.28 0 .54-.04.77-.12a1.58 1.58 0 0 0 .98-.98l1.41.27c-.11.41-.31.77-.6 1.08-.29.31-.65.55-1.09.72-.43.17-.93.26-1.48.26Zm5.88-.16-2.25-7.64h1.54l1.5 5.61h.08l1.5-5.61h1.53l1.48 5.59h.08l1.49-5.6h1.53L140.52 28H139l-1.56-5.51h-.1L135.79 28h-1.51Zm12.51.16c-.75 0-1.4-.16-1.94-.49a3.25 3.25 0 0 1-1.27-1.37 4.64 4.64 0 0 1-.43-2.07c0-.78.14-1.47.43-2.07.29-.6.7-1.06 1.22-1.4a3.8 3.8 0 0 1 3.12-.3 3.03 3.03 0 0 1 1.86 1.87c.19.5.28 1.08.28 1.77v.53H144v-1.11h5.3l-.68.36c0-.46-.08-.88-.22-1.24a1.82 1.82 0 0 0-.66-.84 1.8 1.8 0 0 0-1.07-.3c-.43 0-.8.1-1.1.3a2 2 0 0 0-.7.81c-.15.34-.23.71-.23 1.11v.76c0 .52.1.97.27 1.33a2 2 0 0 0 .76.84c.33.19.71.28 1.14.28.29 0 .54-.04.77-.12a1.58 1.58 0 0 0 .98-.98l1.41.27c-.11.41-.31.77-.6 1.08-.29.31-.65.55-1.09.72-.43.17-.92.26-1.48.26Zm4.45-.16v-7.64h1.43v1.22h.08c.15-.4.4-.73.74-.97a2.1 2.1 0 0 1 1.2-.36 4.45 4.45 0 0 1 .63.03v1.42a3.8 3.8 0 0 0-.78-.08c-.35 0-.66.08-.94.23a1.7 1.7 0 0 0-.65.6c-.15.26-.23.56-.23.9V28h-1.48Zm8.95-7.64v1.2h-4.17v-1.2h4.17Zm-3.06-1.82h1.49v7.22c0 .35.07.6.21.77.15.16.38.24.7.24a2.37 2.37 0 0 0 .53-.06l.28 1.24a2.98 2.98 0 0 1-1.03.15 2.2 2.2 0 0 1-1.58-.55c-.4-.37-.6-.87-.6-1.5v-7.51Zm9.1 6.3v-4.48h1.48V28h-1.45v-1.33h-.08a2.38 2.38 0 0 1-2.28 1.42c-.5 0-.93-.1-1.3-.32a2.21 2.21 0 0 1-.9-.96 3.6 3.6 0 0 1-.3-1.6v-4.85h1.47v4.69c0 .51.15.92.44 1.23.29.31.67.47 1.13.46a1.83 1.83 0 0 0 1.51-.83c.2-.28.28-.64.28-1.07Zm4.52-1.37V28h-1.48v-7.64h1.44v1.26h.1c.17-.42.44-.75.81-.99.37-.25.85-.37 1.43-.37.51 0 .97.11 1.36.33.39.21.7.54.9.96.22.43.33.96.33 1.6V28h-1.47v-4.68c0-.55-.15-.98-.44-1.3-.3-.31-.69-.47-1.19-.47-.34 0-.65.07-.92.23-.27.15-.48.37-.64.65-.15.28-.23.63-.23 1.04Zm9.65 7.55a3.9 3.9 0 0 1-2.16-.51 2.77 2.77 0 0 1-1.09-1.22l1.27-.52c.1.14.21.3.37.46.15.16.36.3.62.42.26.11.6.17 1 .17.56 0 1.03-.14 1.4-.41.37-.27.55-.7.55-1.3v-1.5h-.1a3 3 0 0 1-.38.54c-.17.2-.4.37-.69.52-.3.14-.67.21-1.14.21a3.2 3.2 0 0 1-1.63-.42c-.48-.29-.86-.7-1.15-1.26a4.49 4.49 0 0 1-.42-2.05c0-.81.14-1.5.42-2.08a2.99 2.99 0 0 1 2.8-1.8 2.22 2.22 0 0 1 1.84.78c.16.2.28.4.38.55h.1v-1.24h1.45v7.81c0 .66-.16 1.2-.46 1.61-.3.42-.71.73-1.23.93-.52.2-1.1.31-1.76.31Zm-.02-4.37c.64 0 1.13-.22 1.47-.67a2.9 2.9 0 0 0 .52-1.85c0-.51-.07-.97-.22-1.35a2 2 0 0 0-.67-.92 1.8 1.8 0 0 0-1.1-.33c-.45 0-.82.11-1.12.34-.3.23-.52.54-.67.94-.15.4-.23.83-.23 1.32 0 .5.08.94.23 1.32.15.38.37.67.67.88.3.21.68.32 1.12.32Z" /> <path fill="#FBBC04" d="m109 50.06 4.94 2.94-1.3-5.55 4.36-3.73-5.75-.49L109 38l-2.25 5.23-5.75.49 4.37 3.73-1.31 5.55 4.94-2.94Zm21 0 4.94 2.94-1.3-5.55 4.36-3.73-5.75-.49L130 38l-2.25 5.23-5.75.49 4.37 3.73-1.31 5.55 4.94-2.94Zm21 0 4.94 2.94-1.3-5.55 4.36-3.73-5.75-.49L151 38l-2.25 5.23-5.75.49 4.37 3.73-1.31 5.55 4.94-2.94Zm21 0 4.94 2.94-1.3-5.55 4.36-3.73-5.75-.49L172 38l-2.25 5.23-5.75.49 4.37 3.73-1.31 5.55 4.94-2.94Zm21 0 4.94 2.94-1.3-5.55 4.36-3.73-5.75-.49L193 38l-2.25 5.23-5.75.49 4.37 3.73-1.31 5.55 4.94-2.94Z" /> <path fill="#4285F4" fill-rule="evenodd" d="M54.3 38c0-1.54-.14-3.02-.4-4.44H33.5v8.38h11.66a10 10 0 0 1-4.32 6.54v5.43h7c4.1-3.77 6.46-9.32 6.46-15.92Z" clip-rule="evenodd" /> <path fill="#34A853" fill-rule="evenodd" d="M33.5 59.16c5.85 0 10.75-1.94 14.34-5.24l-7-5.44a13.02 13.02 0 0 1-7.34 2.07 12.91 12.91 0 0 1-12.12-8.93h-7.24v5.61A21.65 21.65 0 0 0 33.5 59.16Z" clip-rule="evenodd" /> <path fill="#FBBC05" fill-rule="evenodd" d="M21.38 41.62a13.02 13.02 0 0 1 0-8.24v-5.61h-7.24a21.66 21.66 0 0 0 0 19.46l7.24-5.61Z" clip-rule="evenodd" /> <path fill="#EA4335" fill-rule="evenodd" d="M33.5 24.45c3.18 0 6.04 1.1 8.28 3.24L48 21.48a20.83 20.83 0 0 0-14.5-5.64c-8.47 0-15.8 4.85-19.36 11.93l7.24 5.61a12.91 12.91 0 0 1 12.12-8.93Z" clip-rule="evenodd" /> </svg> </div> </div>  </div> </div> <div x-data='reviews([{"author_name":"Mauricio","author_url":"https:\/\/www.google.com\/maps\/contrib\/109684388088067118959\/reviews","language":"de","original_language":"de","profile_photo_url":"https:\/\/lh3.googleusercontent.com\/a\/AAcHTtd5bAg6PGYo7_J8bjxpBcKA9-SGEpMkJ8jfc2sR8uhg=s128-c0x00000000-cc-rp-mo","rating":5,"relative_time_description":"a week ago","text":"Hi, wir haben seit einigen Jahren schon zwei gro\u00dfe Projekte mit den Hompage Helden aus Hamburg gemacht. Das Endergebniss war beides mal Hervorragend und Au\u00dfergew\u00f6hnlich. Es hebte sich stets vom Umfeld der Mitbewerber ab und wirkte frisch, originell, proffesionell und mit kleinen \u201eI\u201c T\u00fcpfelchen an Technischen Extras welche das Beste Fertige Produkt auf dem Markt hervorbringt um mit seinem Gesch\u00e4ft f\u00fcr ein paar Jahre ganz oben mit zu spielen. \ud83d\ude09","time":1690966107,"translated":false},{"author_name":"Alexander Luhn (Finanzierungsvermittler)","author_url":"https:\/\/www.google.com\/maps\/contrib\/109847768215959348876\/reviews","language":"de","original_language":"de","profile_photo_url":"https:\/\/lh3.googleusercontent.com\/a-\/AD_cMMSrWuZsmfObc4ufIpIpPb7l91mhsAV4pbVMUxs9VA0aHD8=s128-c0x00000000-cc-rp-mo","rating":5,"relative_time_description":"5 months ago","text":"Wir als Next Level Finance GmbH bedanken aus f\u00fcr die Erstellung unserer Website durch Homepage Helden, gem\u00e4\u00df unseren W\u00fcnschen.\n\nBesonders positiv hervorheben m\u00f6chten wir die klaren, gut strukturierten Prozesse und die einfache Kommunikation mit den verantwortlichen Personen.\n\nWir sind mit dem Ergebnis sehr zufrieden und haben Homepage Helden bereits aktiv weiterempfohlen.","time":1676213824,"translated":false},{"author_name":"Christina Mucks","author_url":"https:\/\/www.google.com\/maps\/contrib\/114909072828189411603\/reviews","language":"de","original_language":"de","profile_photo_url":"https:\/\/lh3.googleusercontent.com\/a\/AAcHTte7UcW_8Kc4nOTbvwEWXDryEUrl9vhok9TazaJO6X00=s128-c0x00000000-cc-rp-mo","rating":5,"relative_time_description":"6 months ago","text":"Ein ganz ganz gro\u00dfes DANKE an Richard, er hat alles sehr sehr schnell umgesetzt, so tolle Ideen mit eingebracht.\nDie Kommunikation, Organisation alles super. Ich bin einfach happy :-) Er ist ein gro\u00dfartiger Mensch, mit dem man gerne zusammen arbeitet.\nVielen vielen Dank!","time":1675869209,"translated":false},{"author_name":"Stefan Huwiler","author_url":"https:\/\/www.google.com\/maps\/contrib\/101020350779387655211\/reviews","language":"de","original_language":"de","profile_photo_url":"https:\/\/lh3.googleusercontent.com\/a\/AAcHTtdNl22gY2_uZoWYx-xSc8XvumcHViQjAUimKkLqBZ0q=s128-c0x00000000-cc-rp-mo","rating":5,"relative_time_description":"3 months ago","text":"Den Helden vielen Dank f\u00fcr den tollen Einsatz. Ich habe selten mit jemanden zusammengearbeitet, der eine so professionelle Arbeitsweise hat, die Kundenw\u00fcnsche so perfekt antizipiert und gleichzeitig so sympathisch r\u00fcberkommt.","time":1681632314,"translated":false},{"author_name":"Karsten Niemann","author_url":"https:\/\/www.google.com\/maps\/contrib\/118069943000396818548\/reviews","language":"de","original_language":"de","profile_photo_url":"https:\/\/lh3.googleusercontent.com\/a-\/AD_cMMRiwdOj0-HQPoP5ADafGVKxTrsCP9csEryaUIuDIqdE8_o=s128-c0x00000000-cc-rp-mo-ba4","rating":5,"relative_time_description":"2 months ago","text":"Hier werden wir bestens beraten. Wir haben mit Homepagehelden au\u00dferordentlichen Erfolg. Ich wei\u00df gar nicht wie die das machen. Egal! Hauptsache es l\u00e4uft!!! Vielen Dank daf\u00fcr!!!","time":1683920411,"translated":false}])' @toggle-google-reviews.window="toggle()" x-show="open" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 translate-x-full" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-full" x-cloak class="fixed translate-x-1/2 md:translate-x-0 right-1/2 md:right-0 top-32 bottom-0 max-h-full m-0 mt-5 md:m-3 w-[92%] md:w-96 shadow-tile z-[450] p-3 rounded-md overflow-auto bg-white/90 backdrop-blur-xl" > <div @click="toggle()" class="sticky right-0 z-10 w-10 h-10 p-2 ml-auto rounded-md shadow-2xl cursor-pointer bg-white/70 top-1 backdrop-blur-md "> <svg class="w-full h-full text-neutral-400" width="14" height="14" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.83074 10.3173L5.47489 7.37429L2.83074 4.43124C2.62238 4.20929 2.50319 3.90367 2.50008 3.58332C2.49657 3.26254 2.60952 2.95388 2.81321 2.72717C3.0169 2.50046 3.2942 2.37474 3.58202 2.37778C3.87022 2.38125 4.1448 2.5139 4.34421 2.74538L6.98906 5.69399L9.66632 2.70898C10.0858 2.24168 10.7658 2.24168 11.1852 2.70812C11.6047 3.17499 11.6051 3.93184 11.1856 4.39871L8.50376 7.37983L11.1537 10.325C11.3547 10.5482 11.4672 10.8513 11.4672 11.1673C11.4672 11.4833 11.3547 11.7863 11.1537 12.0095C10.7358 12.4747 10.0585 12.4747 9.64019 12.0095L6.99414 9.06438L4.34998 12.0082C3.92741 12.4547 3.26221 12.4452 2.85013 11.9865C2.43805 11.5279 2.4295 10.7875 2.83066 10.3171L2.83074 10.3173Z" fill=""/> </svg> </div> <div class="px-4 py-8 pt-4 -mt-10"> <template x-if="opened"> <template x-for="review in reviews"> <div class="mb-10"> <div class="flex items-center gap-5 mb-6"> <div> <img class="w-14 h-14 block max-w-[inherit]" :src="review.profile_photo_url" :alt="review.author_name" loading="lazy"> </div> <div> <p class="font-medium" x-text="review.author_name"></p> <p class="mt-0 text-sm" x-text="review.relative_time_description"></p> </div> </div> <div class="flex gap-[2px] items-center mb-3"> <template x-for="i in review.rating"> <svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='17' height='17' viewBox='0 0 1792 1792'><path d='M1728 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5t-30.5 14.5q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z' fill='#e7711b'></path></svg> </template> </div> <p class="review-text" x-text="review.text"></p> </div> </template> </template> </div> <div class="flex flex-col items-center gap-5 mb-10"> <a href="https://search.google.com/local/writereview?placeid=ChIJgXaulhmPsUcRsUbadpib_Wk" target="_blank" class="button font-medium text-lg focus:outline-none dark:text-white shadow-lg inline-flex items-center overflow-hidden z-10 px-5 py-3 relative after:content-[''] after:absolute after:-z-10 after:w-full after:h-full after:left-0 after:bg-button-gradient after:transition after:duration-500 after:ease-in-out hover:after:opacity-0 hover:shadow rounded-lg tracking-wide leading-none no-underline transition duration-500 ease-in-out select-none whitespace-nowrap motion-safe:transition bg-button-gradient-reverse bg-primary text-white hover:text-white">Bewertung schreiben</a> <a href="https://search.google.com/local/reviews?placeid=ChIJgXaulhmPsUcRsUbadpib_Wk" target="_blank" class="z-10 inline-flex items-center p-1 pl-1 overflow-hidden text-lg font-medium leading-none tracking-wide no-underline transition ease-in-out select-none button focus:outline-none dark:text-white group text-primary whitespace-nowrap motion-safe:transition">Alle Rezensionen anzeigen</a> </div> </div> <main id="content" class="pt-default"> <section class="sidebar fixed z-[400] mt-4 bottom-28 sidebar:bottom-[50%] sidebar:translate-y-1/2 right-5" x-data="{ init() { sses = document.querySelectorAll('.sse'); const options = { root: null, rootMargin: '-600px 0px 0px 0px', threshold: 0 }; const io = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { this.$refs.stickyElement.style.opacity = '0'; // Hide (fade out) the sticky element } else { this.$refs.stickyElement.style.opacity = '1'; // Show (fade in) the sticky element } }, options); }); sses.forEach(sse => { io.observe(sse); }); } }" x-init="init()"> <div class="p-0 transition-all border rounded-[50px] hover:p-4 shadow-tile bg-white/90 backdrop-blur-xl border-white/80 group hover:rounded-3xl" x-ref="stickyElement"> <div class="flex flex-col"> <div class="flex items-center m-auto sidebar:mb-2 sidebar:mt-1 group-hover:w-full group-hover:mt-0"> <div class="w-11 h-11"> <picture> <source srcset="/img/containers/files/images/hero-images/nico-tjarks.png/6f0cd7a5b64c8cec7c519ec8ac1f8418/nico-tjarks.webp" type="image/webp" loading="lazy" > <source srcset="/img/containers/files/images/hero-images/nico-tjarks.png/2e4b3e178bef63c9ba76f112058a313b/nico-tjarks.png" type="image/png" loading="lazy" > <img class="rounded-full w-11 h-11 bg-neutral-300/50" loading="lazy" > </picture> </div> <div class="hidden p2 group-hover:block"> <span class="px-4 text-sm font-semibold">Nico Tjarks</span> </div> </div> <hr class="hidden my-2 border-t border-dashed border-neutral-200 group-hover:block"> <div class="items-center hidden sidebar:flex group-hover:flex"> <div class="p-3"> <svg class="h-auto w-7 text-neutral-400" height="100%" viewBox="0 0 1200 1200" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" style="stop-color:rgba(215,40,168,1); stop-opacity:1" /> <stop offset="100%" style="stop-color:rgba(246,26,117,1); stop-opacity:1" /> </linearGradient> </defs> <path d="m941.68 1062.7c0 34.059-13.918 65-36.297 87.379l-2.3516 2.1562c-22.238 21.133-52.242 34.145-85.012 34.145h-436.02c-34.059 0-65-13.918-87.379-36.297s-36.297-53.32-36.297-87.379v-925.48c0-34.043 13.918-65 36.297-87.379 22.379-22.379 53.32-36.297 87.379-36.297h436.02c33.902 0 64.844 13.934 87.293 36.367 22.449 22.309 36.367 53.25 36.367 87.309v925.48zm-405.53-854.54c-19.871 0-36-16.129-36-36 0-19.871 16.129-36 36-36h127.7c19.871 0 36 16.129 36 36 0 19.871-16.129 36-36 36zm231.79 0c-19.871 0-36-16.129-36-36 0-19.871 16.129-36 36-36h26.789c19.871 0 36 16.129 36 36 0 19.871-16.129 36-36 36zm-242.31 180.31 51.277 51.293c12.797 12.656 19.176 29.395 19.176 46.09-0.17188 16.684-6.5039 33.391-19.09 46.008l-10.359 10.504c2.2109 6.8477 5.1172 13.648 8.6328 20.254 6.6914 12.543 15.66 24.617 26.488 35.434 11.156 11.012 23.246 20.055 35.59 26.633 6.6055 3.5156 13.395 6.4219 20.238 8.6328l10.348-10.348c12.727-12.727 29.465-19.105 46.164-19.105 16.723 0 33.434 6.3789 46.148 19.09l51.379 51.379c12.727 12.727 19.105 29.465 19.105 46.164 0 16.609-6.3789 33.266-19.09 46.008l-35.406 35.547c-37.617 37.617-98.547 34.312-158.97 11.254-52.598-20.082-106.82-55.828-140.71-89.703l-2.1406-2.1562c-37.008-37.816-75.984-99.652-94.039-156.87-17.148-54.242-16.383-106.77 17.531-140.71l35.391-35.531c12.699-12.699 29.465-19.105 46.164-19.105 16.625 0 33.293 6.4062 46.035 19.105zm-4.2383 97.312-41.867-41.867-30.715 30.715c-11.707 11.707-9.3672 38.141 0.14062 68.301 14.699 46.801 46.402 97.215 76.562 128.07l1.7734 1.6602c27.496 27.609 72.016 56.809 115.57 73.434 35.789 13.648 68.656 18.852 82.461 5.0469l30.645-30.645-41.867-41.867-19.688 19.688c-7.8086 7.7656-19.078 11.879-30.797 10.121-20.156-3.0625-40.562-10.121-60.023-20.48-19.078-10.176-37.008-23.398-52.598-38.992-15.703-15.848-28.93-33.734-38.992-52.582-10.121-19.02-17.094-38.934-20.254-58.621-2.1562-11.324 1.1484-23.473 9.8945-32.215l19.758-19.758zm-22.066 577.98c-19.871 0-36-16.129-36-36s16.129-36 36-36h200.41c19.871 0 36 16.129 36 36s-16.129 36-36 36zm355.14 35.406c9.3672-9.3672 15.207-22.293 15.207-36.469v-925.48c0-14.172-5.8398-27.098-15.207-36.469-9.2852-9.4258-22.195-15.207-36.453-15.207h-436.02c-14.172 0-27.098 5.8398-36.469 15.207-9.3672 9.3672-15.207 22.309-15.207 36.469v925.48c0 14.172 5.8398 27.098 15.207 36.469 9.3672 9.3672 22.293 15.207 36.469 15.207h436.02c13.535 0 25.867-5.2148 35.023-13.691z" fill="url(#gradient)"/> </svg> </div> <div class="hidden p2 group-hover:block"> <a href="tel:+494033983330" class="pl-2 pr-4 text-sm font-normal">040 33983330</a> </div> </div> <div class="items-center hidden sidebar:flex group-hover:flex"> <div class="px-3 py-2"> <svg class="h-auto w-7 text-neutral-400" height="100%" viewBox="0 0 26 25" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" style="stop-color:rgba(215,40,168,1); stop-opacity:1" /> <stop offset="100%" style="stop-color:rgba(246,26,117,1); stop-opacity:1" /> </linearGradient> </defs> <path d="M22.375 4.6875H3.625C3.2106 4.6875 2.81317 4.85212 2.52015 5.14515C2.22712 5.43817 2.0625 5.8356 2.0625 6.25V18.75C2.0625 19.1644 2.22712 19.5618 2.52015 19.8549C2.81317 20.1479 3.2106 20.3125 3.625 20.3125H22.375C22.7894 20.3125 23.1868 20.1479 23.4799 19.8549C23.7729 19.5618 23.9375 19.1644 23.9375 18.75V6.25C23.9375 5.8356 23.7729 5.43817 23.4799 5.14515C23.1868 4.85212 22.7894 4.6875 22.375 4.6875ZM20.6562 6.25L13 11.5469L5.34375 6.25H20.6562ZM3.625 18.75V6.96094L12.5547 13.1406C12.6855 13.2313 12.8408 13.28 13 13.28C13.1592 13.28 13.3145 13.2313 13.4453 13.1406L22.375 6.96094V18.75H3.625Z" fill="url(#gradient)"/> </svg> </div> <div class="hidden p2 group-hover:block"> <a href="mailto:hallo@homepage-helden.de" class="pl-2 pr-4 text-sm font-normal">hallo@homepage-helden.de</a> </div> </div> <div class="items-center hidden group-hover:flex"> <div class="px-3 py-2"> <svg class="h-auto w-7 text-neutral-400" height="100%" viewBox="0 0 26 25" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" style="stop-color:rgba(215,40,168,1); stop-opacity:1" /> <stop offset="100%" style="stop-color:rgba(246,26,117,1); stop-opacity:1" /> </linearGradient> </defs> <path d="M22.375 20.3125H3.625C3.2106 20.3125 2.81317 20.1479 2.52015 19.8549C2.22712 19.5618 2.0625 19.1644 2.0625 18.75V7.8125C2.0625 7.3981 2.22712 7.00067 2.52015 6.70765C2.81317 6.41462 3.2106 6.25 3.625 6.25H22.375C22.7894 6.25 23.1868 6.41462 23.4799 6.70765C23.7729 7.00067 23.9375 7.3981 23.9375 7.8125V18.75C23.9375 19.1644 23.7729 19.5618 23.4799 19.8549C23.1868 20.1479 22.7894 20.3125 22.375 20.3125ZM3.625 7.8125V18.75H22.375V7.8125H3.625Z" fill="url(#gradient)"/> <path d="M19.5 10H20.5V17H19.5V10Z" fill="url(#gradient)"/> <path d="M8.31399 13.8998H6.88599V15.9998H5.96899V11.1138H6.88599V13.1438H8.31399V11.1138H9.23099V15.9998H8.31399V13.8998Z" fill="url(#gradient)"/> <path d="M10.2433 15.9998V15.3138H11.3423V11.7998H10.2433V11.1138H13.3513V11.7998H12.2523V15.3138H13.3513V15.9998H10.2433Z" fill="url(#gradient)"/> </svg> </div> <div class="hidden p2 group-hover:block"> <a href="/kontakt/" class="pl-2 pr-4 text-sm font-normal">Allg. Anfrage-Formular</a> </div> </div> <hr class="hidden my-2 border-t border-dashed border-neutral-200 group-hover:block "> <div class="items-center hidden group-hover:flex"> <div class="px-3 py-2"> <svg class="h-auto text-neutral-400 w-7" width="100%" height="100%" viewBox="0 0 26 25" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" style="stop-color:rgba(215,40,168,1); stop-opacity:1" /> <stop offset="100%" style="stop-color:rgba(246,26,117,1); stop-opacity:1" /> </linearGradient> </defs> <path d="M20.5781 7.26563L15.1094 1.79687C14.9531 1.64062 14.7969 1.5625 14.5625 1.5625H6.75C5.89062 1.5625 5.1875 2.26562 5.1875 3.125V21.875C5.1875 22.7344 5.89062 23.4375 6.75 23.4375H19.25C20.1094 23.4375 20.8125 22.7344 20.8125 21.875V7.8125C20.8125 7.57812 20.7344 7.42188 20.5781 7.26563ZM14.5625 3.4375L18.9375 7.8125H14.5625V3.4375ZM19.25 21.875H6.75V3.125H13V7.8125C13 8.67188 13.7031 9.375 14.5625 9.375H19.25V21.875Z" fill="url(#gradient)"/> <path d="M8.3125 17.1875H17.6875V18.75H8.3125V17.1875ZM8.3125 12.5H17.6875V14.0625H8.3125V12.5Z" fill="url(#gradient)"/> </svg> </div> <div class="hidden p2 group-hover:block"> <a href="/anfrage/" class="pl-2 pr-4 text-sm font-normal">Angebot-Preis-Anfrage</a> </div> </div> <div class="items-center hidden mb-2 sidebar:flex group-hover:flex"> <div class="px-3 py-2"> <svg class="h-auto w-7 text-neutral-400" height="100%" viewBox="0 0 26 25" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" style="stop-color:rgba(215,40,168,1); stop-opacity:1" /> <stop offset="100%" style="stop-color:rgba(246,26,117,1); stop-opacity:1" /> </linearGradient> </defs> <path d="M20.8125 3.125H17.6875V1.5625H16.125V3.125H9.875V1.5625H8.3125V3.125H5.1875C4.32812 3.125 3.625 3.82812 3.625 4.6875V20.3125C3.625 21.1719 4.32812 21.875 5.1875 21.875H20.8125C21.6719 21.875 22.375 21.1719 22.375 20.3125V4.6875C22.375 3.82812 21.6719 3.125 20.8125 3.125ZM20.8125 20.3125H5.1875V9.375H20.8125V20.3125ZM20.8125 7.8125H5.1875V4.6875H8.3125V6.25H9.875V4.6875H16.125V6.25H17.6875V4.6875H20.8125V7.8125Z" fill="url(#gradient)"/> </svg> </div> <div class="hidden p2 group-hover:block"> <a href="/termin/"class="pl-2 pr-4 text-sm font-normal">Beratungstermin buchen</a> </div> </div> </div> </div> </section> <div class="fixed bottom-8 sidebar:bottom-24 right-5 z-[400]"> <div class="p-0 transition-all border rounded-[50px] hover:p-4 hover:pr-7 shadow-tile bg-white/90 backdrop-blur-xl border-white/80 group hover:rounded-3xl" x-ref="stickyElement"> <div class="flex items-center justify-center group-hover:hidden p-2"> <svg class="sidebar:w-8 sidebar:h-8 w-7 h-7" viewBox="0 0 1200 1200" xmlns="http://www.w3.org/2000/svg"> <path d="m284.81 253.5c-59.062 74.109-93.234 169.6-102.33 268.5 36.656-26.25 78.75-32.391 108.28-32.906 34.969-0.5625 57.234 29.484 57.234 60.047v324.89c0 33.234-26.531 65.297-64.5 59.391-32.062-5.0156-76.219-18.422-112.41-53.672-14.344-13.969-27.094-31.031-37.312-51.75-2.5312-0.046875-5.7656-0.1875-9.4688-0.70312-8.6719-1.1719-20.297-4.2188-32.016-11.766-24.609-15.75-44.297-47.672-44.297-106.55 0-58.547 19.688-89.109 46.125-101.95 11.016-5.3438 21.844-6.8906 30.188-7.0312 5.4844-14.531 12.188-27.375 19.875-38.625 2.7656-119.44 39.75-239.02 112.5-330.32 76.078-95.438 190.74-159.05 343.31-159.05 152.57 0 267.24 63.609 343.31 159.05 73.406 92.062 110.34 212.9 112.59 333.37 7.125 10.453 13.406 22.266 18.609 35.578 8.5312 0 19.828 1.4062 31.359 7.0312 26.438 12.844 46.125 43.406 46.125 101.95 0 58.875-19.688 90.797-44.297 106.55-11.719 7.5469-23.344 10.594-32.016 11.766-3.0469 0.42188-5.7656 0.60938-8.0156 0.65625-10.5 22.078-23.766 40.125-38.766 54.703-36.188 35.25-80.344 48.656-112.41 53.672-3.8906 0.60938-7.6406 0.84375-11.297 0.65625-23.391 32.625-57.094 60.375-92.859 81.281-33.797 19.781-70.641 34.172-104.39 40.547-1.8281 48.656-50.906 81.188-101.95 81.188-52.031 0-102-33.797-102-84s49.969-84 102-84c39.844 0 78.469 19.828 94.359 51.609 29.109-5.3906 62.438-18.047 93.797-36.375 30.281-17.719 57.562-40.031 76.969-64.781-12.047-11.484-19.125-28.312-19.125-45.469v-324.94c0-30.562 22.266-60.609 57.234-60 29.578 0.46875 71.859 6.6562 108.56 33.094-8.625-100.03-42.938-196.74-102.61-271.64-69.422-87.047-173.76-145.5-315.19-145.5-141.43 0-245.76 58.453-315.19 145.5zm-171.05 384.32c-1.3125 0.42188-2.625 0.9375-3.8906 1.5938-9.5625 4.6406-25.875 18.938-25.875 69.562 0 50.438 16.312 68.953 27.703 76.266 2.4375 1.5469 4.875 2.7656 7.2188 3.7031-6.9375-24.891-10.922-53.672-10.922-86.953 0-23.766 2.0156-45.094 5.7656-64.172zm978.24 67.125c0-25.125-2.25-47.484-6.375-67.312 1.5 0.46875 3 1.0312 4.5 1.7812 9.5625 4.6406 25.875 18.938 25.875 69.562 0 50.438-16.312 68.953-27.703 76.266-2.1562 1.3594-4.2656 2.4375-6.3281 3.3281 6.4219-24.094 10.031-51.844 10.031-83.625zm-912-128.95h-1.9688c-19.547 25.594-34.031 64.922-34.031 126 0 78.094 23.719 124.18 52.219 151.92 28.922 28.219 64.969 39.562 92.812 43.922 11.156 1.7344 22.969-7.2656 22.969-23.812v-324.89c0-15-10.078-24.234-20.625-24.047-27.703 0.46875-64.266 6.6562-93.703 30.609-6.1406 4.9688-12.094 10.828-17.672 17.766v2.5312zm728.63-47.953c-10.547-0.1875-20.625 9-20.625 24v324.94c0 16.5 11.812 25.547 22.969 23.766 27.844-4.3125 63.891-15.703 92.812-43.875 28.5-27.75 52.219-73.828 52.219-151.92 0-80.297-24.984-123.05-53.672-146.34-29.438-23.906-66-30.094-93.703-30.562zm-368.63 527.95c0-22.688 25.266-48 66-48s66 25.312 66 48-25.266 48-66 48-66-25.312-66-48z" fill="#B7BDC4" fill-rule="evenodd"/> </svg> </div> <ul class="flex flex-col !m-0"> <li class="hidden group-hover:block list-none before:!content-none !pl-0"> <a class="font-medium" href="/support/">Support</a> <hr class="hidden my-2 border-t border-dashed border-neutral-200 group-hover:block"> <ul class="hidden group-hover:block !ml-0"> <li class="list-none before:!content-none !pl-3"> <a href="tel:+494033983330" class="flex items-center gap-4 text-sm font-medium py-1"> <img src="/files/images/icons/phone.svg" alt="" width="25" class="w-7 h-auto"> 040 33983330 </a> </li> <li class="list-none before:!content-none !pl-3"> <a href="mailto:support@homepage-helden.de?subject=" class="flex items-center gap-4 text-sm font-medium py-1"> <img src="/files/images/icons/mail-pink.svg" alt="" width="25" class="w-7 h-auto"> support@homepage-helden.de </a> </li> <li class="list-none before:!content-none !pl-3"> <a href="https://meet.helden.com/team/support" target="_blank" class="flex items-center gap-4 text-sm font-medium py-1"> <img src="/files/images/icons/calendar.svg" alt="Kalender Icon" width="25" class="w-7 h-auto"> CMS-Schulung buchen </a> </li> <li class="list-none before:!content-none !pl-3"> <a href="https://meet.helden.com/team/support?members=1" target="_blank" class="flex items-center gap-4 text-sm font-medium py-1"> <img src="/files/images/icons/calendar.svg" alt="Kalender Icon" width="25" class="w-7 h-auto"> Support-Termin buchen </a> </li> <li class="list-none before:!content-none !pl-3"> <a href="https://help.helden.com/" target="_blank" class="flex items-center gap-4 text-sm font-medium py-1"> <img src="/files/images/icons/heart-mending.svg" alt="Verbundenes Herz Icon" width="25" class="w-7 h-auto"> Hilfe-Center </a> </li> </ul> </li> </ul> </div> </div> <section id="liob7k00" class=" relative"> <div class="inner relative fluid-container pt-default pb-small max-w-screen-2xl">  <div class="fluid-container text-lg dark:text-white w-full text-center max-w-3xl mb-default"> <p class="roofline dark:text-white group-[.bg-hero-gradient]:text-white">Website Erstellung.</p> <span class="gradientless"></span> <h2 class="default-text-headline relative dark:text-white group-[.bg-hero-gradient]:text-white bg-headline-gradient dark:bg-headline-gradient-dark dark:text-transparent bg-clip-text font-bold text-transparent"> Die Erstellung visuell ansprechender Websites ist nur der Anfang. </h2> <div class="text-content group-[.bg-hero-gradient]:text-white "> <p>Du möchtest deine professionelle Website erstellen lassen?<br>Eine wirkungsvolle Website bietet dir und deiner Zielgruppe weit mehr als das:</p> </div> </div>  <div class="flex flex-wrap items-stretch justify-center max-w- gap-7 xl:gap-14"> <div class="w-full flex justify-between flex-col bg-white no-invert rounded-md shadow-tile dark:bg-white bg-opacity-50 group-[.bg-hero-gradient]:bg-opacity-90 dark:bg-opacity-5 dark:shadow-dark-card backdrop-blur-lg border border-white/50 dark:border-none sm:w-[calc(50%-(1.75rem/2))] xl:w-[calc(33.333%-(3.5rem*2/3))]"> <div class="p-5"> <div class="flex items-center mb-6"> <div class="ml-1 mr-1"> <div class="w-12 h-12 p-2 origin-left scale-75 rounded-lg shadow-md dark:shadow-dark-card dark:backdrop-blur-lg" style="background-image:linear-gradient(45deg, hsl(263,80%,44%),hsl(263,100%,65%))"> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="#fff" class="w-8 h-8 [&>*]:fill-white" style="scale:0.8; filter: drop-shadow(1px 2px 2px hsla(263,80%,30%,0.4)) drop-shadow(-1px 0px 0px rgba(0,0,0,.2));"> <path d="M91.3212 2C89.6044 2 87.9287 2.50212 86.5041 3.44756L63.3088 18.76C57.4885 22.6055 52.166 27.1434 47.4603 32.2721C57.126 36.7736 64.9019 44.4773 69.4455 54.0534C74.6226 49.3899 79.2029 44.1152 83.0842 38.3473L98.5446 15.3718C99.4151 14.0763 99.9147 12.5711 99.99 11.0166C100.065 9.46199 99.7137 7.9163 98.9724 6.54411C98.2312 5.17191 97.1281 4.02461 95.7807 3.22439C94.4333 2.42418 92.8921 2.00102 91.3212 2ZM53.4235 65.4439C56.4167 63.7969 59.3076 61.9736 62.0806 59.9839C60.2377 55.3657 57.4581 51.1712 53.9138 47.6598C50.3694 44.1483 46.1357 41.3945 41.4743 39.5687C39.4659 42.3144 37.6256 45.177 35.9631 48.141L34.6938 50.4028C38.6029 51.5171 42.1623 53.5967 45.0383 56.4467C47.9142 59.2968 50.0123 62.8237 51.1359 66.6969L53.428 65.4394L53.4235 65.4439ZM28.0868 56.2835C23.5456 56.2835 19.1905 58.0708 15.9794 61.2521C12.7683 64.4333 10.9643 68.7481 10.9643 73.2471C10.9646 74.1769 10.772 75.0967 10.3985 75.9496C10.025 76.8025 9.47854 77.5703 8.79309 78.2053C8.10763 78.8403 7.29777 79.3289 6.41376 79.6409C5.52976 79.9529 4.59047 80.0816 3.65417 80.019C3.03508 79.9778 2.41633 80.104 1.86401 80.3841C1.31169 80.6642 0.846573 81.0877 0.51835 81.6094C0.190128 82.1311 0.0111371 82.7313 0.000503094 83.3459C-0.0101309 83.9606 0.147992 84.5665 0.457975 85.099C3.09205 89.6325 7.16319 93.1776 12.0393 95.1838C16.9154 97.19 22.3237 97.5452 27.4245 96.1942C32.5253 94.8432 37.0331 91.8615 40.2481 87.7122C43.4632 83.5629 45.2055 78.4781 45.2047 73.2471C45.2047 71.0194 44.7618 68.8136 43.9013 66.7554C43.0408 64.6973 41.7796 62.8273 40.1896 61.2521C38.5997 59.6768 36.7121 58.4273 34.6347 57.5748C32.5573 56.7223 30.3353 56.2835 28.0868 56.2835Z" fill="black"/> </svg> </div> </div> <h4 class="mb-0 text-xl dark:text-white">Überzeugendes Design</h4> </div> <p>Ein Design, das im Gedächtnis bleibt, deine Marke und Werte widerspiegelt und gleichzeitig ein angenehmes Benutzererlebnis bietet.</p> </div> </div> <div class="w-full flex justify-between flex-col bg-white no-invert rounded-md shadow-tile dark:bg-white bg-opacity-50 group-[.bg-hero-gradient]:bg-opacity-90 dark:bg-opacity-5 dark:shadow-dark-card backdrop-blur-lg border border-white/50 dark:border-none sm:w-[calc(50%-(1.75rem/2))] xl:w-[calc(33.333%-(3.5rem*2/3))]"> <div class="p-5"> <div class="flex items-center mb-6"> <div class="ml-1 mr-1"> <div class="w-12 h-12 p-2 origin-left scale-75 rounded-lg shadow-md dark:shadow-dark-card dark:backdrop-blur-lg" style="background-image:linear-gradient(45deg, hsl(184,80%,44%),hsl(184,100%,65%))"> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="#fff" class="w-8 h-8 [&>*]:fill-white" style="scale:0.8; filter: drop-shadow(1px 2px 2px hsla(184,80%,30%,0.4)) drop-shadow(-1px 0px 0px rgba(0,0,0,.2));"> <path fill-rule="evenodd" clip-rule="evenodd" d="M22.2215 8.42652C30.444 2.93245 40.1109 0 50 0C63.2608 0 75.9785 5.26784 85.3553 14.6447C94.7322 24.0215 100 36.7392 100 50C100 59.889 97.0675 69.556 91.5735 77.7785C86.0794 86.0009 78.2705 92.4096 69.1342 96.194C59.9979 99.9783 49.9445 100.968 40.2455 99.0392C30.5464 97.11 21.6373 92.3479 14.6447 85.3553C7.65206 78.3627 2.89002 69.4535 0.960758 59.7545C-0.968502 50.0555 0.0216641 40.0021 3.80604 30.8658C7.59043 21.7295 13.999 13.9206 22.2215 8.42652ZM29.4613 80.7384C35.5408 84.8005 42.6883 86.9687 50 86.9687C59.7997 86.9522 69.1932 83.052 76.1226 76.1226C83.052 69.1932 86.9522 59.7996 86.9687 50C86.9687 42.6883 84.8006 35.5407 80.7384 29.4613C76.6762 23.3818 70.9025 18.6434 64.1473 15.8453C57.3922 13.0472 49.959 12.3151 42.7878 13.7416C35.6165 15.168 29.0293 18.689 23.8592 23.8591C18.689 29.0293 15.1681 35.6165 13.7416 42.7877C12.3152 49.959 13.0473 57.3922 15.8453 64.1473C18.6434 70.9025 23.3818 76.6762 29.4613 80.7384ZM50.0003 18.2188C43.7145 18.2188 37.5699 20.0827 32.3435 23.5749C27.1171 27.0671 23.0437 32.0306 20.6382 37.8379C18.2328 43.6452 17.6034 50.0353 18.8297 56.2003C20.056 62.3652 23.0828 68.0281 27.5275 72.4728C31.9722 76.9175 37.6351 79.9443 43.8 81.1706C49.965 82.3969 56.3551 81.7675 62.1624 79.3621C67.9697 76.9566 72.9332 72.8832 76.4254 67.6568C79.9175 62.4304 81.7815 56.2858 81.7815 50C81.7732 41.5737 78.4222 33.4948 72.4638 27.5365C66.5055 21.5781 58.4266 18.2271 50.0003 18.2188ZM50.0003 68.2188C46.3594 68.2187 42.8006 67.1369 39.7756 65.1109C36.7506 63.0848 34.3956 60.2057 33.0095 56.839C31.6235 53.4723 31.2688 49.7698 31.9906 46.2012C32.7124 42.6326 34.478 39.3588 37.0634 36.7954C39.6489 34.2319 42.9376 32.4943 46.5122 31.803C50.0868 31.1118 53.7863 31.498 57.141 32.9128C60.4957 34.3275 63.3546 36.707 65.3547 39.7492C67.3549 42.7915 68.4062 46.3593 68.3752 50C68.3752 54.8734 66.4393 59.5471 62.9933 62.9931C59.5474 66.4391 54.8736 68.375 50.0003 68.375V68.2188ZM49.9997 62.7812C57.0586 62.7812 62.781 57.0588 62.781 49.9999C62.781 42.941 57.0586 37.2187 49.9997 37.2187C42.9408 37.2187 37.2185 42.941 37.2185 49.9999C37.2185 57.0588 42.9408 62.7812 49.9997 62.7812Z" fill="black"/> </svg> </div> </div> <h4 class="mb-0 text-xl dark:text-white">Zielgruppenorientiert</h4> </div> <p>Es ist essenziell, die Herausforderungen und Wünsche der Zielgruppe zu kennen und entsprechend darauf einzugehen.</p> </div> </div> <div class="w-full flex justify-between flex-col bg-white no-invert rounded-md shadow-tile dark:bg-white bg-opacity-50 group-[.bg-hero-gradient]:bg-opacity-90 dark:bg-opacity-5 dark:shadow-dark-card backdrop-blur-lg border border-white/50 dark:border-none sm:w-[calc(50%-(1.75rem/2))] xl:w-[calc(33.333%-(3.5rem*2/3))]"> <div class="p-5"> <div class="flex items-center mb-6"> <div class="ml-1 mr-1"> <div class="w-12 h-12 p-2 origin-left scale-75 rounded-lg shadow-md dark:shadow-dark-card dark:backdrop-blur-lg" style="background-image:linear-gradient(45deg, hsl(133,80%,44%),hsl(133,100%,65%))"> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="#fff" class="w-8 h-8 [&>*]:fill-white" style="scale:0.8; filter: drop-shadow(1px 2px 2px hsla(133,80%,30%,0.4)) drop-shadow(-1px 0px 0px rgba(0,0,0,.2));"> <path fill-rule="evenodd" clip-rule="evenodd" d="M50 0C51.4208 0 52.7834 0.443384 53.7881 1.23261C54.7927 2.02184 55.3571 3.09226 55.3571 4.2084V12.6252C55.3571 13.7413 54.7927 14.8118 53.7881 15.601C52.7834 16.3902 51.4208 16.8336 50 16.8336C48.5792 16.8336 47.2166 16.3902 46.2119 15.601C45.2073 14.8118 44.6429 13.7413 44.6429 12.6252V4.2084C44.6429 3.09226 45.2073 2.02184 46.2119 1.23261C47.2166 0.443384 48.5792 0 50 0ZM14.6429 11.503C15.6473 10.7149 17.0089 10.2722 18.4286 10.2722C19.8482 10.2722 21.2098 10.7149 22.2143 11.503L29.8 17.4508C30.2986 17.8421 30.6941 18.3067 30.9641 18.8181C31.2341 19.3294 31.3732 19.8776 31.3736 20.4312C31.3739 20.9848 31.2354 21.533 30.966 22.0446C30.6967 22.5562 30.3017 23.0211 29.8036 23.4127C29.3055 23.8044 28.7141 24.1151 28.0631 24.3272C27.4122 24.5393 26.7144 24.6486 26.0097 24.6489C25.3049 24.6491 24.607 24.5403 23.9558 24.3287C23.3046 24.1171 22.7128 23.8068 22.2143 23.4155L14.6429 17.4508C13.6396 16.6617 13.0761 15.5921 13.0761 14.4769C13.0761 13.3617 13.6396 12.292 14.6429 11.503ZM85.3571 11.503C86.3604 12.292 86.9239 13.3617 86.9239 14.4769C86.9239 15.5921 86.3604 16.6617 85.3571 17.4508L77.7857 23.4099C76.7807 24.2001 75.4173 24.6444 73.9954 24.6449C72.5735 24.6454 71.2095 24.2022 70.2036 23.4127C69.1976 22.6232 68.6321 21.5522 68.6315 20.4352C68.6308 19.3181 69.195 18.2467 70.2 17.4564L77.7786 11.5086C78.783 10.7205 80.1446 10.2778 81.5643 10.2778C82.9839 10.2778 84.3455 10.7205 85.35 11.5086L85.3571 11.503ZM0 39.2784C0 38.1622 0.564411 37.0918 1.56907 36.3026C2.57373 35.5134 3.93634 35.07 5.35714 35.07H16.0714C17.4922 35.07 18.8548 35.5134 19.8595 36.3026C20.8642 37.0918 21.4286 38.1622 21.4286 39.2784C21.4286 40.3945 20.8642 41.4649 19.8595 42.2542C18.8548 43.0434 17.4922 43.4868 16.0714 43.4868H5.35714C3.93634 43.4868 2.57373 43.0434 1.56907 42.2542C0.564411 41.4649 0 40.3945 0 39.2784ZM78.5714 39.2784C78.5714 38.1622 79.1358 37.0918 80.1405 36.3026C81.1452 35.5134 82.5078 35.07 83.9286 35.07H94.6429C96.0637 35.07 97.4263 35.5134 98.4309 36.3026C99.4356 37.0918 100 38.1622 100 39.2784C100 40.3945 99.4356 41.4649 98.4309 42.2542C97.4263 43.0434 96.0637 43.4868 94.6429 43.4868H83.9286C82.5078 43.4868 81.1452 43.0434 80.1405 42.2542C79.1358 41.4649 78.5714 40.3945 78.5714 39.2784ZM29.8 55.1469C30.2978 55.5377 30.6927 56.0017 30.9622 56.5125C31.2316 57.0232 31.3703 57.5707 31.3703 58.1236C31.3703 58.6765 31.2316 59.2239 30.9622 59.7347C30.6927 60.2455 30.2978 60.7095 29.8 61.1003L22.2143 67.0538C21.1988 67.7972 19.8556 68.2019 18.4677 68.1826C17.0798 68.1634 15.7556 67.7217 14.7741 66.9507C13.7926 66.1796 13.2304 65.1394 13.2059 64.0491C13.1814 62.9589 13.6966 61.9037 14.6429 61.1059L22.2143 55.1581C23.2188 54.37 24.5804 53.9273 26 53.9273C27.4196 53.9273 28.7812 54.37 29.7857 55.1581L29.8 55.1469ZM55.4714 36.5345C54.849 35.8087 53.9542 35.2534 52.9113 34.9459C51.8684 34.6383 50.7294 34.5938 49.6528 34.8185C48.5762 35.0432 47.6155 35.526 46.9045 36.1996C46.1935 36.8733 45.7675 37.7043 45.6857 38.577L42.1714 77.0754C42.0963 77.8844 42.3205 78.6933 42.8169 79.4045C43.3133 80.1158 44.0608 80.6993 44.9694 81.0846C45.8781 81.47 46.9091 81.6408 47.9385 81.5766C48.9678 81.5124 49.9516 81.2159 50.7714 80.7227L58.2214 76.2393L65.2571 96.8773C65.6247 97.9563 66.5227 98.8763 67.7538 99.4351C68.9848 99.9939 70.448 100.146 71.8214 99.8569C73.1949 99.5682 74.3661 98.8627 75.0774 97.8956C75.7887 96.9285 75.9818 95.7791 75.6143 94.7002L68.6286 74.2418L77.8571 75.3864C78.8882 75.5157 79.945 75.4055 80.8974 75.0693C81.8498 74.733 82.6563 74.1855 83.2179 73.494C83.7794 72.8025 84.0715 71.9971 84.0582 71.1769C84.0449 70.3567 83.7267 69.5575 83.1429 68.8774L55.4714 36.5345Z" fill="black"/> </svg> </div> </div> <h4 class="mb-0 text-xl dark:text-white">Optimiert für Konversion</h4> </div> <p>Der Hauptzweck deiner Website, die Besucher zu einer Handlung zu führen, wird systematisch verfolgt.</p> </div> </div> <div class="w-full flex justify-between flex-col bg-white no-invert rounded-md shadow-tile dark:bg-white bg-opacity-50 group-[.bg-hero-gradient]:bg-opacity-90 dark:bg-opacity-5 dark:shadow-dark-card backdrop-blur-lg border border-white/50 dark:border-none sm:w-[calc(50%-(1.75rem/2))] xl:w-[calc(33.333%-(3.5rem*2/3))]"> <div class="p-5"> <div class="flex items-center mb-6"> <div class="ml-1 mr-1"> <div class="w-12 h-12 p-2 origin-left scale-75 rounded-lg shadow-md dark:shadow-dark-card dark:backdrop-blur-lg" style="background-image:linear-gradient(45deg, hsl(223,80%,44%),hsl(223,100%,65%))"> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="#fff" class="w-8 h-8 [&>*]:fill-white" style="scale:0.8; filter: drop-shadow(1px 2px 2px hsla(223,80%,30%,0.4)) drop-shadow(-1px 0px 0px rgba(0,0,0,.2));"> <path fill-rule="evenodd" clip-rule="evenodd" d="M46.4286 4C36.2048 4 26.1333 4.65714 16.2524 5.94286C6.69048 7.18571 0 15.5143 0 24.8952V54.5333C0 63.919 6.69048 72.2381 16.2524 73.4857C17.9754 73.7083 19.7009 73.9115 21.4286 74.0952V93.2857C21.4292 93.9916 21.639 94.6815 22.0315 95.2682C22.4239 95.855 22.9815 96.3123 23.6337 96.5823C24.2859 96.8524 25.0035 96.9231 25.6959 96.7855C26.3883 96.648 27.0243 96.3084 27.5238 95.8095L40.1571 83.181C36.6654 81.3933 33.7355 78.6756 31.691 75.3278C29.6465 71.9799 28.5669 68.1323 28.5714 64.2095V43.8C28.5714 33.1143 36.581 23.619 47.8095 22.6857C61.1517 21.5782 74.5626 21.5782 87.9048 22.6857C89.5772 22.8228 91.2271 23.1601 92.819 23.6905C92.2762 14.8048 85.7571 7.13333 76.6048 5.94286C66.7238 4.6619 56.6524 4 46.4286 4ZM48.3998 29.8048C54.8141 29.2714 61.3046 29 67.857 29C74.3509 28.998 80.8422 29.2649 87.3141 29.8C94.6427 30.4143 99.9998 36.6333 99.9998 43.8V64.2095C99.9998 71.3857 94.6284 77.6143 87.2855 78.2095L85.7141 78.3334V89.7143C85.7135 90.4202 85.5037 91.1101 85.1112 91.6968C84.7187 92.2836 84.1612 92.7409 83.509 93.0109C82.8568 93.281 82.1392 93.3517 81.4468 93.2141C80.7544 93.0766 80.1183 92.737 79.6189 92.2381L66.3713 78.9953C60.3332 78.9572 54.3474 78.6953 48.4284 78.2095C41.0855 77.6095 35.7141 71.3857 35.7141 64.2095V43.8048C35.7141 36.6333 41.0665 30.4143 48.3998 29.8048Z" fill="black"/> </svg> </div> </div> <h4 class="mb-0 text-xl dark:text-white">Exakte Botschaft</h4> </div> <p>Angebote und Informationen werden klar und leicht verständlich vermittelt, sodass sie die Ziele deiner Website unterstützen.</p> </div> </div> <div class="w-full flex justify-between flex-col bg-white no-invert rounded-md shadow-tile dark:bg-white bg-opacity-50 group-[.bg-hero-gradient]:bg-opacity-90 dark:bg-opacity-5 dark:shadow-dark-card backdrop-blur-lg border border-white/50 dark:border-none sm:w-[calc(50%-(1.75rem/2))] xl:w-[calc(33.333%-(3.5rem*2/3))]"> <div class="p-5"> <div class="flex items-center mb-6"> <div class="ml-1 mr-1"> <div class="w-12 h-12 p-2 origin-left scale-75 rounded-lg shadow-md dark:shadow-dark-card dark:backdrop-blur-lg" style="background-image:linear-gradient(45deg, hsl(40,80%,44%),hsl(40,100%,65%))"> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="#fff" class="w-8 h-8 [&>*]:fill-white" style="scale:0.8; filter: drop-shadow(1px 2px 2px hsla(40,80%,30%,0.4)) drop-shadow(-1px 0px 0px rgba(0,0,0,.2));"> <path d="M74.9799 50.0312C69.6006 50.0363 64.3665 51.7762 60.0553 54.9924L44.9879 39.9304C48.2433 35.6522 49.9998 30.422 49.9866 25.0469C50.0007 19.4179 48.1128 13.9491 44.629 9.5268C41.1451 5.10447 36.2695 1.98777 30.7921 0.681774C25.3148 -0.62422 19.5567 -0.042967 14.4512 2.33133C9.34562 4.70564 5.19172 8.73384 2.66267 13.7631C0.133613 18.7925 -0.622384 24.5281 0.517193 30.0406C1.65677 35.5531 4.62514 40.5194 8.94124 44.1347C13.2573 47.7499 18.6683 49.8023 24.2971 49.9591C29.9259 50.1159 35.4427 48.368 39.9536 44.9987L54.9853 60.0607C51.6156 64.5687 49.8671 70.0818 50.0229 75.7071C50.1787 81.3324 52.2297 86.7404 55.8437 91.0551C59.4577 95.3697 64.4231 98.3384 69.9354 99.4803C75.4478 100.622 81.1844 99.8702 86.2159 97.3463C91.2475 94.8225 95.2793 90.6745 97.6584 85.5743C100.037 80.474 100.624 74.7203 99.3242 69.245C98.024 63.7697 94.9127 58.8936 90.4944 55.4064C86.076 51.9192 80.6094 50.0252 74.9799 50.0312ZM7.1409 25.0469C7.1409 21.5173 8.18792 18.0669 10.1496 15.1322C12.1112 12.1974 14.8994 9.91005 18.1615 8.55933C21.4236 7.20861 25.0131 6.8552 28.4761 7.54379C31.9391 8.23238 35.1201 9.93204 37.6168 12.4278C40.1135 14.9237 41.8138 18.1035 42.5026 21.5653C43.1915 25.0271 42.8379 28.6153 41.4867 31.8762C40.1355 35.1372 37.8473 37.9243 34.9115 39.8853C31.9757 41.8462 28.5241 42.8928 24.9933 42.8928C20.2585 42.8928 15.7177 41.0126 12.3697 37.6659C9.02177 34.3191 7.1409 29.7799 7.1409 25.0469Z" fill="black"/> </svg> </div> </div> <h4 class="mb-0 text-xl dark:text-white">Psychologische Führung</h4> </div> <p>Die Struktur und Darstellung der Inhalte folgt psychologischen Erkenntnissen und Best Practices, um die gewünschte Wirkung bei den Besuchern zu erzielen.</p> </div> </div> <div class="w-full flex justify-between flex-col bg-white no-invert rounded-md shadow-tile dark:bg-white bg-opacity-50 group-[.bg-hero-gradient]:bg-opacity-90 dark:bg-opacity-5 dark:shadow-dark-card backdrop-blur-lg border border-white/50 dark:border-none sm:w-[calc(50%-(1.75rem/2))] xl:w-[calc(33.333%-(3.5rem*2/3))]"> <div class="p-5"> <div class="flex items-center mb-6"> <div class="ml-1 mr-1"> <div class="w-12 h-12 p-2 origin-left scale-75 rounded-lg shadow-md dark:shadow-dark-card dark:backdrop-blur-lg" style="background-image:linear-gradient(45deg, hsl(331,80%,44%),hsl(331,100%,65%))"> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="#fff" class="w-8 h-8 [&>*]:fill-white" style="scale:0.8; filter: drop-shadow(1px 2px 2px hsla(331,80%,30%,0.4)) drop-shadow(-1px 0px 0px rgba(0,0,0,.2));"> <path d="M89.825 32.605C89.94 31.735 90 30.865 90 30C90 18.105 79.285 8.56 67.395 10.175C63.93 4.01 57.33 0 50 0C42.67 0 36.07 4.01 32.605 10.175C20.69 8.56 10 18.105 10 30C10 30.865 10.06 31.735 10.175 32.605C4.01 36.075 0 42.675 0 50C0 57.325 4.01 63.925 10.175 67.395C10.0596 68.2586 10.0012 69.1288 10 70C10 81.895 20.69 91.415 32.605 89.825C36.07 95.99 42.67 100 50 100C57.33 100 63.93 95.99 67.395 89.825C79.285 91.415 90 81.895 90 70C90 69.135 89.94 68.265 89.825 67.395C95.99 63.925 100 57.325 100 50C100 42.675 95.99 36.075 89.825 32.605ZM44.775 72.08L26.44 53.51L33.56 46.49L44.845 57.92L66.48 36.45L73.52 43.55L44.775 72.08Z" fill="black"/> </svg> </div> </div> <h4 class="mb-0 text-xl dark:text-white">Vertrauensaufbau</h4> </div> <p>Gestaltung, Ausführung, Formulierung, als auch "Beweise" wie Rezensionen, Referenzen und Zertifizierungen untermauern deine Kompetenz und schaffen Vertrauen.</p> </div> </div> </div> </div> </section> <section id="lioiejpb" class=" relative"> <div class="hidden md:block opacity-60 absolute -z-10 blur-[15px] w-[400px] h-[400px] scale-[8] right-0 top-[50%] -mt-24 -mr-72 "> <svg width="7627" height="9174" class="w-full h-full glow-animation will-change-[filter]" viewBox="0 0 7627 9174" fill="none" xmlns="http://www.w3.org/2000/svg"> <g class="square1"><path class="square1inner" d="M4241.69 4845.52C3904.52 4663.97 4094.72 4525.64 3986.66 4188.44C3852.98 3771.36 3275.49 3680.56 2962.17 3993.89C2823.85 4132.23 3070.24 4996.84 3221.53 5217.32C3372.83 5437.79 3831.04 5757.7 3895.87 5822.53C3960.72 5887.38 4276.27 5986.81 4479.44 5917.64C4682.61 5848.48 4730.15 5511.28 4695.57 5316.75C4661 5122.21 4578.86 5027.09 4241.69 4845.52Z" fill="#FF00F5"/></g> <g class="square2"><path class="square2inner" d="M3315.69 4428.02C3497.25 4432.35 3951.13 4479.89 3981.38 4190.26C4025.5 3768.07 4306.35 4000.02 4180.23 3451.01C4024.61 3304.03 3397.83 3174.34 3077.94 3260.8C2758.06 3347.26 2801.29 3749.3 2822.9 3900.6C2844.51 4051.92 3134.14 4423.7 3315.69 4428.02Z" fill="#0060FF"/></g> <g class="square3"><path class="square3inner" d="M3407.75 4830.05C3486.75 4909.38 3646.86 5149.62 3955.6 4831.37C4405.61 4367.5 4298.53 4747.35 4799.45 4068.95C4877.58 3837.41 4721.64 3432.55 4486.68 3400.19C4251.71 3367.83 3862.32 3844.5 3718.22 4026.09C3574.14 4207.66 3328.74 4750.74 3407.75 4830.05Z" fill="#04D9FF"/></g> </svg> </div> <div class="inner relative fluid-container pt-small pb-default max-w-screen-2xl"> <div class="flex flex-col items-center gap-default lg:flex-row"> <div class="lg:w-[50%] w-full speciallist my-[15px]">  <div class="fluid-container text-lg dark:text-white w-full text-left max-w-3xl mx-0"> <span class="gradientless"></span> <div class="text-content group-[.bg-hero-gradient]:text-white "> <p><strong>Deine Website ist das Herzstück deiner Markenpräsenz.</strong><br>Ein effektiver, vertrauenswürdiger und nutzerfreundlicher Online Auftritt kann den Unterschied ausmachen, ob ein Besucher zu einem treuen Kunden wird oder nicht. </p><p>Wenn du sicherstellen möchtest, dass deine Webseite alle oben genannten Kriterien erfüllt und über das gewisse Etwas verfügt, das Kunden magnetisch anzieht, dann lass uns zusammenarbeiten. </p><p>Kontaktiere uns noch heute, und lass uns gemeinsam eine Webseite erstellen, die wirklich Wirkung zeigt!</p> </div> <div class="mt-extraSmall">  <div class="flex gap-8 justify-center md:justify-start flex-wrap items-start ">  <div class="inline-flex flex-col items-center"> <a class=" button font-medium focus:outline-none text-lg dark:text-white group/button shadow-lg inline-flex items-center border z-10 px-5 py-3 relative text-center transition duration-500 ease-in-out hover:shadow rounded-lg tracking-wide leading-6 no-underline select-none md:whitespace-nowrap motion-safe:transition bg-primary bg-gradient-to-r to-primary from-primary-light text-white hover:text-white group-[.banner]:from-white group-[.bg-hero-gradient]:from-white group-[.banner]:to-white group-[.bg-hero-gradient]:to-white group-[.banner]:text-primary group-[.bg-hero-gradient]:text-primary group-[.browser]:text-white group-[.browser]:bg-primary group-[.browser]:bg-gradient-to-r group-[.browser]:from-primary-light group-[.browser]:to-primary" href="/termin/" target="_blank" > Website erstellen lassen </a> <div class="mt-3 text-sm group-[.banner]:text-white group-[.bg-hero-gradient]:text-white group-[.browser]:text-fontColor"> Jetzt zur kostenlosen Erstberatung! </div> </div>   <div class="inline-flex flex-col items-center"> <a class=" button font-medium focus:outline-none text-lg dark:text-white group/button group inline-flex items-start overflow-hidden z-10 p-3 tracking-wide leading-6 no-underline transition ease-in-out select-none md:whitespace-nowrap motion-safe:transition text-primary group-[.banner]:text-white group-[.bg-hero-gradient]:text-white group-[.browser]:text-primary" href="/webdesign/" > <svg width="17" height="17" class="mr-2 mt-[3px] transition ease-in-out group-hover/button:scale-125 dark:text-white" viewBox="0 0 17 17" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0.255615C4.08154 0.255615 0.5 3.83715 0.5 8.25562C0.5 12.6741 4.08154 16.2556 8.5 16.2556C12.9185 16.2556 16.5 12.6741 16.5 8.25562C16.5 3.83715 12.9185 0.255615 8.5 0.255615ZM12.0118 8.69049C12.127 8.5751 12.1918 8.41869 12.1918 8.25562C12.1918 8.09254 12.127 7.93613 12.0118 7.82074L9.55026 5.35921C9.49392 5.29874 9.42598 5.25025 9.35049 5.21662C9.27501 5.18298 9.19352 5.1649 9.11089 5.16344C9.02826 5.16198 8.94619 5.17718 8.86956 5.20813C8.79293 5.23908 8.72333 5.28515 8.66489 5.34358C8.60646 5.40202 8.56039 5.47163 8.52944 5.54825C8.49849 5.62488 8.48329 5.70695 8.48475 5.78958C8.4862 5.87221 8.50429 5.9537 8.53792 6.02918C8.57156 6.10467 8.62005 6.17261 8.68051 6.22895L10.0918 7.64023H5.42308C5.25987 7.64023 5.10334 7.70507 4.98793 7.82047C4.87253 7.93588 4.80769 8.09241 4.80769 8.25562C4.80769 8.41883 4.87253 8.57535 4.98793 8.69076C5.10334 8.80616 5.25987 8.871 5.42308 8.871H10.0918L8.68051 10.2823C8.62005 10.3386 8.57156 10.4066 8.53792 10.482C8.50429 10.5575 8.4862 10.639 8.48475 10.7216C8.48329 10.8043 8.49849 10.8864 8.52944 10.963C8.56039 11.0396 8.60646 11.1092 8.66489 11.1676C8.72333 11.2261 8.79293 11.2722 8.86956 11.3031C8.94619 11.3341 9.02826 11.3493 9.11089 11.3478C9.19352 11.3463 9.27501 11.3282 9.35049 11.2946C9.42598 11.261 9.49392 11.2125 9.55026 11.152L12.0118 8.69049Z" /> </svg> Webdesign Leistungen </a> </div>  </div>  </div> </div>  </div> <div class="lg:w-[50%] w-full relative -order-1 lg:order-2" x-data="videoplayer"> <figure> <div class="mx-auto overflow-clip relative group shadow-lg rounded-lg"> <div class="relative group"> <video width="100%" height="auto" @click="playVideo()" x-ref="video_poster" class="w-full object-cover cursor-pointer " muted autoplay loop> <source src="/files/videos/homepage-helden-vorstellung/710/poster.webm" type="video/webm"> <source src="/files/videos/homepage-helden-vorstellung/710/poster.mp4" type="video/mp4"> </video> <video width="100%" height="auto" x-ref="video" @click="play = !play; if (play) { played = true; }" playsinline preload="none" class="player w-full object-cover cursor-pointer " x-cloak x-show="played" > <source src="/files/videos/homepage-helden-vorstellung/710/homepage-helden-vorstellung-relaunch.webm" type="video/webm"> <source src="/files/videos/homepage-helden-vorstellung/710/homepage-helden-vorstellung-relaunch.mp4" type="video/mp4"> <pre>Das Video kann auf deinem System nicht dargestellt werden, wir stellen dir hier ein Transkript des Inhaltes zur Verfügung: Stell dir vor: Deine Internetseite geht wirklich durch die Decke und überzeugt potenzielle Kunden und neue Mitarbeiter. Hallo, wir sind Nico und Richard, zwei der drei Gründer der Homepage Helden. Als wir 2006 mit der Webentwicklung starteten, war es praktisch unmöglich, eine Agentur zu finden, die sowohl Design, Technik als auch Optimierung im Griff hat, kommunikativ und zuverlässig ist. Und das ist genau der Grund, warum wir damals die Homepage Helden gegründet haben. Mit über 40 Mitarbeitern in unserer Agentur erstellen wir chice, smarte und performante Internetseiten, die unsere Kunden weiterbringen. Unser Workflow basiert auf über 16 Jahren Erfahrung und mittlerweile haben wir fast 2000 Webseiten realisiert. Unsere Kunden wünschen sich ein tolles Design, perfekte Darstellung auf allen Geräten und einer hochperformante Internetseite, die bei Google gut zu finden ist. Nachdem du dir über unsere Website einen Termin für dein kostenloses und unverbindliches Erstgespräch gebucht hast, besprechen wir darin zunächst, die Ziele, Wünsche und Anforderungen für deine neue Website. In diesem ersten Gespräch erhälst du bereits richtig guten Input von uns. Und nach diesem Termin bekommst du von uns ein schriftliches Festpreis Angebot. Bei komplexeren Projekten starten wir zunächst mit einem Workshop. Hier schauen wir uns deine Zielgruppe an, als auch die relevanten Suchbegriffe. Im Anschluss definieren wir das finale Konzept, inklusive der Customer Journey. Wir planen das Projekt ein und unsere Designer und Programmierer machen sich an die Arbeit. Im Entstehungsprozess stimmen wir uns eng mit dir ab und werden dich an einigen Stellen um Freigaben bitten. Konzept, Design, Programmierung, Inhalte, Optimierung. Und zu guter Letzt geht deine neue Website live. Nach der Fertigstellung der Webseite stehen wir natürlich gerne weiterhin zur Verfügung für Erweiterungen, Optimierungen oder auch technischen Support. Der erste Schritt ist ganz einfach. Buche dir sich jetzt ein Beratungstermin bei Nico und seinem Beraterteam. Lass uns gemeinsam eine richtig gute Website erstellen.</pre> </video> <div @click="playVideo()" x-show="!play" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-150" class="absolute inset-0 z-10 flex flex-col items-center justify-center transition ease-in-out cursor-pointer group-hover:scale-110"> <div class="flex items-center justify-center w-20 h-20 text-white shadow-xl rounded-xl bg-slate-300/20 backdrop-blur-lg "> <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 33 37"> <path d="M.52 2.45a2 2 0 0 1 3-1.73L31.6 16.93a2 2 0 0 1 0 3.47L3.52 36.6a2 2 0 0 1-3-1.72V2.45Z"/> </svg> </div> </div> </div> </div> </figure> </div> </div> </div> </section> <section id="lmrl69bc" class=" relative"> <div class="inner relative fluid-container pt-extraSmall pb-extraSmall max-w-screen-2xl">   <div class="flex flex-wrap items-center justify-center gap-0 sm:gap-x-3 sm:gap-y-3 logomin:[&>*:nth-child(11)]:hidden logomin:[&>*:nth-child(12)]:hidden logomin:[&>*:nth-child(20)]:hidden logomin:[&>*:nth-child(21)]:hidden logomax:[&>*:nth-child(11)]:block logomax:[&>*:nth-child(12)]:block logomax:[&>*:nth-child(20)]:block logomax:[&>*:nth-child(21)]:block"> <div class="max-w-xs overflow-clip grow shrink"> <img src="/files/images/references/logos/reisswolf.svg" width="130" height="80" class="block object-contain w-auto mx-auto h-28 sm:h-40" alt="REISSWOLF International AG" loading="lazy"> </div> <div class="max-w-xs overflow-clip grow shrink"> <img src="/files/images/references/logos/amedes.svg" width="130" height="80" class="block object-contain w-auto mx-auto h-28 sm:h-40" alt="amedes Medizinische Dienstleistungen GmbH" loading="lazy"> </div> <div class="max-w-xs overflow-clip grow shrink"> <img src="/files/images/references/logos/buss-group.svg" width="130" height="80" class="block object-contain w-auto mx-auto h-28 sm:h-40" alt="Buss Group GmbH & Co. KG" loading="lazy"> </div> <div class="max-w-xs overflow-clip grow shrink"> <img src="/files/images/references/logos/viebrock-reithallen.svg" width="130" height="80" class="block object-contain w-auto mx-auto h-28 sm:h-40" alt="Viebrockreithallen GmbH & Co. Betrieb KG" loading="lazy"> </div> <div class="max-w-xs overflow-clip grow shrink"> <img src="/files/images/references/logos/deutschewindtechnik.svg" width="130" height="80" class="block object-contain w-auto mx-auto h-28 sm:h-40" alt="Deutsche Windtechnik AG" loading="lazy"> </div> <div class="max-w-xs overflow-clip grow shrink"> <img src="/files/images/references/logos/maxplanckmet.svg" width="130" height="80" class="block object-contain w-auto mx-auto h-28 sm:h-40" alt="Max-Planck-Institut für Meteorologie e.V." loading="lazy"> </div> <div class="max-w-xs overflow-clip grow shrink"> <img src="/files/images/references/logos/werbefilmproduzenten.svg" width="130" height="80" class="block object-contain w-auto mx-auto h-28 sm:h-40" alt="Verband deutscher Werbefilmproduzenten" loading="lazy"> </div> <div class="max-w-xs overflow-clip grow shrink"> <img src="/files/images/references/logos/hamburgportconsulting.svg" width="130" height="80" class="block object-contain w-auto mx-auto h-28 sm:h-40" alt="HPC Hamburg Port Consulting GmbH" loading="lazy"> </div> <div class="max-w-xs overflow-clip grow shrink"> <img src="/files/images/references/logos/blockgruppe.svg" width="130" height="80" class="block object-contain w-auto mx-auto h-28 sm:h-40" alt="Block Gruppe" loading="lazy"> </div> <div class="max-w-xs overflow-clip grow shrink"> <img src="/files/images/references/logos/bayrischesstaatsmin.svg" width="130" height="80" class="block object-contain w-auto mx-auto h-28 sm:h-40" alt="Bayerisches Staatsministerium für Wissenschaft und Kunst" loading="lazy"> </div> <div class="max-w-xs overflow-clip grow shrink"> <img src="/files/images/references/logos/freenow.svg" width="130" height="80" class="block object-contain w-auto mx-auto h-28 sm:h-40" alt="Intelligent Apps GmbH" loading="lazy"> </div> <div class="max-w-xs overflow-clip grow shrink"> <img src="/files/images/references/logos/adssteuer.svg" width="130" height="80" class="block object-contain w-auto mx-auto h-28 sm:h-40" alt="ADS Allgemeine Deutsche Steuerberatungsgesellschaft mbH" loading="lazy"> </div> </div> </div> </section> <section id="lmkjux65" class=" relative"> <div class="inner relative fluid-container pt-default pb-extraSmall max-w-screen-2xl">  <div class="fluid-container text-lg dark:text-white w-full text-center max-w-3xl "> <span class="gradientless"></span> <h2 class="default-text-headline relative dark:text-white group-[.bg-hero-gradient]:text-white bg-headline-gradient dark:bg-headline-gradient-dark dark:text-transparent bg-clip-text font-bold text-transparent"> <span class="gradientless">🧲</span><br>Magnetisch anziehende Websites erstellen, die konvertieren. </h2> <div class="text-content group-[.bg-hero-gradient]:text-white "> </div> </div>  </div> </section> <section id="lmkju6ke" class=" relative"> <div class="inner relative fluid-container pt-extraSmall pb-default max-w-screen-2xl"> <div class="flex flex-col items-center gap-default lg:flex-row"> <div class="lg:w-[50%] w-full speciallist my-[15px]">  <div class="fluid-container text-lg dark:text-white w-full text-left max-w-3xl mx-0"> <span class="gradientless"></span> <h3 class="default-text-headline relative dark:text-white group-[.bg-hero-gradient]:text-white"> Optimiere für eine höhere <u>Reichweite</u>. </h3> <div class="text-content group-[.bg-hero-gradient]:text-white "> <p>Du sparst Zeit, indem du dich auf aussichtsreiche Leads konzentrierst. Du steigerst die Effizienz deines Verkaufsteams und erhöhst die Wahrscheinlichkeit von Abschlüssen.</p><p>Eine für Kunden und Suchmaschinen optimierte Website, erscheint dort, wo deine Zielgruppe sie sucht – ganz oben in den Suchergebnissen.</p> </div> <div class="mt-extraSmall">  <div class="flex gap-8 justify-center md:justify-start flex-wrap items-start ">  <div class="inline-flex flex-col items-center"> <a class=" button font-medium focus:outline-none text-lg dark:text-white group/button shadow-lg inline-flex items-center border z-10 px-5 py-3 relative text-center transition duration-500 ease-in-out hover:shadow rounded-lg tracking-wide leading-6 no-underline select-none md:whitespace-nowrap motion-safe:transition bg-primary bg-gradient-to-r to-primary from-primary-light text-white hover:text-white group-[.banner]:from-white group-[.bg-hero-gradient]:from-white group-[.banner]:to-white group-[.bg-hero-gradient]:to-white group-[.banner]:text-primary group-[.bg-hero-gradient]:text-primary group-[.browser]:text-white group-[.browser]:bg-primary group-[.browser]:bg-gradient-to-r group-[.browser]:from-primary-light group-[.browser]:to-primary" href="/termin/" target="_blank" title="Website erstellen lassen" aria-label="Website erstellen lassen" > Website erstellen lassen </a> <div class="mt-3 text-sm group-[.banner]:text-white group-[.bg-hero-gradient]:text-white group-[.browser]:text-fontColor"> Jetzt zur kostenlosen Erstberatung! </div> </div>  </div>  </div> </div>  </div> <div class="lg:w-[50%] w-full relative -order-1 lg:order-2 !-order-1" > <figure> <div class="mx-auto overflow-clip relative group">  <picture class=""> <img class="max-h-[870px] object-contain" src="/files/images/pages/suchmaschinenoptimierung/sichtbarkeit-2025.svg" alt="Sichtbarkeit Graph" title="Sichtbarkeit Graph" /> </picture>  </div> </figure> </div> </div> </div> </section> <section id="lmkjxjrv" class=" relative"> <div class="inner relative fluid-container pt-default pb-default max-w-screen-2xl"> <div class="flex flex-col items-center gap-default lg:flex-row"> <div class="lg:w-[50%] w-full speciallist my-[15px]">  <div class="fluid-container text-lg dark:text-white w-full text-left max-w-3xl mx-0"> <span class="gradientless"></span> <h3 class="default-text-headline relative dark:text-white group-[.bg-hero-gradient]:text-white"> Stärke das <u>Vertrauen</u>. </h3> <div class="text-content group-[.bg-hero-gradient]:text-white "> <p>Die Vorteile? Du erreichst mehr potenzielle Kunden, steigerst deine Markenbekanntheit und kannst über regionale Grenzen hinweg wachsen.</p><p style="text-align: start;">Wir fokussieren uns auf ein durchdachtes und <strong>ansprechendes Design</strong>, das den einzigartigen Charakter deiner Marke widerspiegelt, um so das Vertrauen deiner Kunden zu festigen.</p> </div> <div class="mt-extraSmall">  <div class="flex gap-8 justify-center md:justify-start flex-wrap items-start ">  <div class="inline-flex flex-col items-center"> <a class=" button font-medium focus:outline-none text-lg dark:text-white group/button shadow-lg inline-flex items-center border z-10 px-5 py-3 relative text-center transition duration-500 ease-in-out hover:shadow rounded-lg tracking-wide leading-6 no-underline select-none md:whitespace-nowrap motion-safe:transition bg-primary bg-gradient-to-r to-primary from-primary-light text-white hover:text-white group-[.banner]:from-white group-[.bg-hero-gradient]:from-white group-[.banner]:to-white group-[.bg-hero-gradient]:to-white group-[.banner]:text-primary group-[.bg-hero-gradient]:text-primary group-[.browser]:text-white group-[.browser]:bg-primary group-[.browser]:bg-gradient-to-r group-[.browser]:from-primary-light group-[.browser]:to-primary" href="/termin/" target="_blank" title="Website erstellen lassen" aria-label="Website erstellen lassen" > Website erstellen lassen </a> <div class="mt-3 text-sm group-[.banner]:text-white group-[.bg-hero-gradient]:text-white group-[.browser]:text-fontColor"> Jetzt zur kostenlosen Erstberatung! </div> </div>  </div>  </div> </div>  </div> <div class="lg:w-[50%] w-full relative -order-1 lg:order-2" > <figure> <div class="mx-auto overflow-clip relative group shadow-lg rounded-lg">  <picture class=""> <source srcset=" /img/containers/files/images/pages/home/vertrauen_as593449702.png/766a8483b9939599550571f60e96164a/vertrauen_as593449702.webp 320w, /img/containers/files/images/pages/home/vertrauen_as593449702.png/288aba7d12ae06466afd76dcc67f40e5/vertrauen_as593449702.webp 480w, /img/containers/files/images/pages/home/vertrauen_as593449702.png/7b8290a099fef544a9b8250202c406f2/vertrauen_as593449702.webp 768w, /img/containers/files/images/pages/home/vertrauen_as593449702.png/2760adcdf3ca3a0d23ec82687073ebaf/vertrauen_as593449702.webp 1280w, " sizes="(max-width: 1024px) 40vw, 90" type="image/webp"> <source srcset=" /img/containers/files/images/pages/home/vertrauen_as593449702.png/1c00c60be22e168e4424e411aa809929/vertrauen_as593449702.png 320w, /img/containers/files/images/pages/home/vertrauen_as593449702.png/a025ae34ddfb0d90109ccbb4a1af6aea/vertrauen_as593449702.png 480w, /img/containers/files/images/pages/home/vertrauen_as593449702.png/73ce2eabbf7ae7bd71adb73781a21342/vertrauen_as593449702.png 768w, /img/containers/files/images/pages/home/vertrauen_as593449702.png/7be3540a3183aeaff34df112221f04a8/vertrauen_as593449702.png 1280w, " sizes="(max-width: 1024px) 40vw, 90" type="image/png"> <img class="object-cover w-full h-full " style="object-position: 50% 50%" src="/img/containers/files/images/pages/home/vertrauen_as593449702.png/7be3540a3183aeaff34df112221f04a8/vertrauen_as593449702.png" alt="zwei Hände im Vertrauen" title="" width="950" height="558" sizes="(max-width: 1024px) 40vw, 90" loading="lazy" > </picture>  </div> </figure> <picture> <source srcset="/img/containers/files/images/pages/home/icon_handheart_as561804780.png/22ccb00d46fbb0af545bf2b96b936d5c/icon_handheart_as561804780.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/pages/home/icon_handheart_as561804780.png/28c8d30f477e6408c433518a5672583d/icon_handheart_as561804780.png" type="image/png" loading="lazy"> <img class="w-16 h-16 md:w-32 md:h-32 object-contain absolute right-0 -top-6 md:-top-16 md:-right-10" loading="lazy"> </picture> </div> </div> </div> </section> <section id="lmkjzjp5" class=" relative"> <div class="inner relative fluid-container pt-default pb-default max-w-screen-2xl"> <div class="flex flex-col items-center gap-default lg:flex-row"> <div class="lg:w-[50%] w-full speciallist my-[15px]">  <div class="fluid-container text-lg dark:text-white w-full text-left max-w-3xl mx-0"> <span class="gradientless"></span> <h3 class="default-text-headline relative dark:text-white group-[.bg-hero-gradient]:text-white"> Erhalte mehr qualifizierte <u>Anfragen.</u> </h3> <div class="text-content group-[.bg-hero-gradient]:text-white "> <p>Der Nutzen? Kunden fühlen sich sicherer bei ihrer Entscheidung, dich zu wählen. Das Design spiegelt die Qualität deiner Dienstleistungen wider, und ein gelungener Auftritt lässt dein Unternehmen noch besser erscheinen.</p><p style="text-align: start;">Mach jetzt den ersten Schritt:</p> </div> <div class="mt-extraSmall">  <div class="flex gap-8 justify-center md:justify-start flex-wrap items-start ">  <div class="inline-flex flex-col items-center"> <a class=" button font-medium focus:outline-none text-lg dark:text-white group/button shadow-lg inline-flex items-center border z-10 px-5 py-3 relative text-center transition duration-500 ease-in-out hover:shadow rounded-lg tracking-wide leading-6 no-underline select-none md:whitespace-nowrap motion-safe:transition bg-primary bg-gradient-to-r to-primary from-primary-light text-white hover:text-white group-[.banner]:from-white group-[.bg-hero-gradient]:from-white group-[.banner]:to-white group-[.bg-hero-gradient]:to-white group-[.banner]:text-primary group-[.bg-hero-gradient]:text-primary group-[.browser]:text-white group-[.browser]:bg-primary group-[.browser]:bg-gradient-to-r group-[.browser]:from-primary-light group-[.browser]:to-primary" href="/termin/" target="_blank" title="Website erstellen lassen" aria-label="Website erstellen lassen" > Website erstellen lassen </a> <div class="mt-3 text-sm group-[.banner]:text-white group-[.bg-hero-gradient]:text-white group-[.browser]:text-fontColor"> Jetzt zur kostenlosen Erstberatung! </div> </div>  </div>  </div> </div>  </div> <div class="lg:w-[50%] w-full relative -order-1 lg:order-2 !-order-1" > <figure> <div class="mx-auto overflow-clip relative group shadow-lg rounded-lg">  <picture class=""> <source srcset=" /img/containers/files/images/pages/home/leads_as565151927.jpg/c1bc644822c2e7470f121fb7253add9d/leads_as565151927.webp 320w, /img/containers/files/images/pages/home/leads_as565151927.jpg/147a825af75aebbcc2fb8a8d8d621cf5/leads_as565151927.webp 480w, /img/containers/files/images/pages/home/leads_as565151927.jpg/7d933d821fce49e46e34dee405509472/leads_as565151927.webp 768w, /img/containers/files/images/pages/home/leads_as565151927.jpg/a0e680763d8f81009fa9ddc2415a8656/leads_as565151927.webp 1280w, " sizes="(max-width: 1024px) 40vw, 90" type="image/webp"> <source srcset=" /img/containers/files/images/pages/home/leads_as565151927.jpg/0aaa6d271bd58a9e3663ccd8bad7663a/leads_as565151927.jpg 320w, /img/containers/files/images/pages/home/leads_as565151927.jpg/131f9d80fb758e058a97db15d74f12a8/leads_as565151927.jpg 480w, /img/containers/files/images/pages/home/leads_as565151927.jpg/4084dac85612a77e75c90e099db10b33/leads_as565151927.jpg 768w, /img/containers/files/images/pages/home/leads_as565151927.jpg/fcf7d6c0f85875d54373e2cba9d0f6c6/leads_as565151927.jpg 1280w, " sizes="(max-width: 1024px) 40vw, 90" type="image/jpeg"> <img class="object-cover w-full h-full " style="object-position: 50% 50%" src="/img/containers/files/images/pages/home/leads_as565151927.jpg/fcf7d6c0f85875d54373e2cba9d0f6c6/leads_as565151927.jpg" alt="Webdesign Leadgenerierung" title="" width="950" height="558" sizes="(max-width: 1024px) 40vw, 90" loading="lazy" > </picture>  </div> </figure> <picture> <source srcset="/img/containers/files/images/pages/home/icon_inbox_as585328682.png/6b68bc7ecaa1b40b1488c0050afc40d4/icon_inbox_as585328682.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/pages/home/icon_inbox_as585328682.png/823f1e8b9daf65391f9830bee60e7f19/icon_inbox_as585328682.png" type="image/png" loading="lazy"> <img class="w-16 h-16 md:w-32 md:h-32 object-contain absolute left-0 -bottom-6 md:-bottom-16 md:-left-10" loading="lazy"> </picture> </div> </div> </div> </section> <section id="m74txquq" class=" relative relative bg-hero-gradient overflow-hidden dark:bg-hero-gradient-dark group"> <div class="hidden md:block opacity-60 absolute blur-[15px] w-[400px] h-[400px] scale-[8] right-0 top-[50%] "> <svg width="7627" height="9174" class="w-full h-full glow-animation will-change-[filter]" viewBox="0 0 7627 9174" fill="none" xmlns="http://www.w3.org/2000/svg"> <g class="square1"><path class="square1inner" d="M4241.69 4845.52C3904.52 4663.97 4094.72 4525.64 3986.66 4188.44C3852.98 3771.36 3275.49 3680.56 2962.17 3993.89C2823.85 4132.23 3070.24 4996.84 3221.53 5217.32C3372.83 5437.79 3831.04 5757.7 3895.87 5822.53C3960.72 5887.38 4276.27 5986.81 4479.44 5917.64C4682.61 5848.48 4730.15 5511.28 4695.57 5316.75C4661 5122.21 4578.86 5027.09 4241.69 4845.52Z" fill="#FF00F5"/></g> <g class="square2"><path class="square2inner" d="M3315.69 4428.02C3497.25 4432.35 3951.13 4479.89 3981.38 4190.26C4025.5 3768.07 4306.35 4000.02 4180.23 3451.01C4024.61 3304.03 3397.83 3174.34 3077.94 3260.8C2758.06 3347.26 2801.29 3749.3 2822.9 3900.6C2844.51 4051.92 3134.14 4423.7 3315.69 4428.02Z" fill="#0060FF"/></g> <g class="square3"><path class="square3inner" d="M3407.75 4830.05C3486.75 4909.38 3646.86 5149.62 3955.6 4831.37C4405.61 4367.5 4298.53 4747.35 4799.45 4068.95C4877.58 3837.41 4721.64 3432.55 4486.68 3400.19C4251.71 3367.83 3862.32 3844.5 3718.22 4026.09C3574.14 4207.66 3328.74 4750.74 3407.75 4830.05Z" fill="#04D9FF"/></g> </svg> </div> <div class="inner relative fluid-container pt-default pb-default fluid-container text-invert max-w-screen-2xl">  <div class="fluid-container text-lg dark:text-white w-full text-center max-w-3xl "> <span class="gradientless"></span> <div class="text-content group-[.bg-hero-gradient]:text-white "> <h3 style="text-align: center;"><a href="/kontakt/">Jetzt optimieren lassen →</a></h3> </div> </div>  </div> </section> <section id="lmjn54ei" class="flex flex-col items-center gap-default xl:flex-row relative"> <div class="flex flex-col items-center gap-default xl:flex-row inner relative fluid-container pt-default pb-default max-w-screen-2xl">  <div class="fluid-container text-lg dark:text-white w-full text-left xl:w-[45%] w-full pt-small lg:pt-0 "> <p class="roofline dark:text-white group-[.bg-hero-gradient]:text-white">Kundenstimmen</p> <span class="gradientless"></span> <h3 class="default-text-headline relative dark:text-white group-[.bg-hero-gradient]:text-white"> Erfolgsgeschichten unserer Kunden. </h3> <div class="text-content group-[.bg-hero-gradient]:text-white "> <p>Es gibt nichts Überzeugenderes als die Worte von zufriedenen Kunden selbst.</p><p>Hier kannst du die echten Erfahrungen unserer Kunden nachlesen, die wir bei der Erstellung ihrer Website und auf ihrem Weg zu einer erfolgreichen Online Präsenz begleiten durften. Jede Geschichte ist ein Beweis für unsere Expertise und unser Engagement – und könnte bald auch deine Geschichte sein.</p> </div> <div class="mt-extraSmall">  <div class="flex gap-8 justify-center md:justify-start flex-wrap items-start ">  <div class="inline-flex flex-col items-center"> <a class=" button font-medium focus:outline-none text-lg dark:text-white group/button shadow-lg inline-flex items-center border z-10 px-5 py-3 relative text-center transition duration-500 ease-in-out hover:shadow rounded-lg tracking-wide leading-6 no-underline select-none md:whitespace-nowrap motion-safe:transition bg-primary bg-gradient-to-r to-primary from-primary-light text-white hover:text-white group-[.banner]:from-white group-[.bg-hero-gradient]:from-white group-[.banner]:to-white group-[.bg-hero-gradient]:to-white group-[.banner]:text-primary group-[.bg-hero-gradient]:text-primary group-[.browser]:text-white group-[.browser]:bg-primary group-[.browser]:bg-gradient-to-r group-[.browser]:from-primary-light group-[.browser]:to-primary" href="/termin/" target="_blank" title="Homepage Referenzen" aria-label="Homepage Referenzen" > Website erstellen lassen </a> <div class="mt-3 text-sm group-[.banner]:text-white group-[.bg-hero-gradient]:text-white group-[.browser]:text-fontColor"> Jetzt zur kostenlosen Erstberatung! </div> </div>   <div class="inline-flex flex-col items-center"> <a class=" button font-medium focus:outline-none text-lg dark:text-white group/button group inline-flex items-start overflow-hidden z-10 p-3 tracking-wide leading-6 no-underline transition ease-in-out select-none md:whitespace-nowrap motion-safe:transition text-primary group-[.banner]:text-white group-[.bg-hero-gradient]:text-white group-[.browser]:text-primary" href="/referenzen/" target="_blank" > <svg width="17" height="17" class="mr-2 mt-[3px] transition ease-in-out group-hover/button:scale-125 dark:text-white" viewBox="0 0 17 17" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0.255615C4.08154 0.255615 0.5 3.83715 0.5 8.25562C0.5 12.6741 4.08154 16.2556 8.5 16.2556C12.9185 16.2556 16.5 12.6741 16.5 8.25562C16.5 3.83715 12.9185 0.255615 8.5 0.255615ZM12.0118 8.69049C12.127 8.5751 12.1918 8.41869 12.1918 8.25562C12.1918 8.09254 12.127 7.93613 12.0118 7.82074L9.55026 5.35921C9.49392 5.29874 9.42598 5.25025 9.35049 5.21662C9.27501 5.18298 9.19352 5.1649 9.11089 5.16344C9.02826 5.16198 8.94619 5.17718 8.86956 5.20813C8.79293 5.23908 8.72333 5.28515 8.66489 5.34358C8.60646 5.40202 8.56039 5.47163 8.52944 5.54825C8.49849 5.62488 8.48329 5.70695 8.48475 5.78958C8.4862 5.87221 8.50429 5.9537 8.53792 6.02918C8.57156 6.10467 8.62005 6.17261 8.68051 6.22895L10.0918 7.64023H5.42308C5.25987 7.64023 5.10334 7.70507 4.98793 7.82047C4.87253 7.93588 4.80769 8.09241 4.80769 8.25562C4.80769 8.41883 4.87253 8.57535 4.98793 8.69076C5.10334 8.80616 5.25987 8.871 5.42308 8.871H10.0918L8.68051 10.2823C8.62005 10.3386 8.57156 10.4066 8.53792 10.482C8.50429 10.5575 8.4862 10.639 8.48475 10.7216C8.48329 10.8043 8.49849 10.8864 8.52944 10.963C8.56039 11.0396 8.60646 11.1092 8.66489 11.1676C8.72333 11.2261 8.79293 11.2722 8.86956 11.3031C8.94619 11.3341 9.02826 11.3493 9.11089 11.3478C9.19352 11.3463 9.27501 11.3282 9.35049 11.2946C9.42598 11.261 9.49392 11.2125 9.55026 11.152L12.0118 8.69049Z" /> </svg> Homepage Referenzen ansehen </a> </div>  </div>  </div> </div>  <div class="testimonials w-full p-3 relative transparent-mask max-h-96 lg:max-h-[900px] overflow-clip after:-translate-y-14"> <div id="scrollContainer-lmjn54ei" class="scrollContainer" data-scroll="true" data-speed="50" data-maxcolumns="2" data-maxcolumnsMD="1" data-maxcolumnsSM="1"> <div class="testimonial_tile card bg-white p-5 rounded-md shadow-tile flex flex-col justify-between dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card dark:backdrop-blur-lg"> <div class=""> <div class="w-24 h-3.5 flex items-center mb-4"> <?xml version="1.0" encoding="UTF-8"?><svg class="w-full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 87.5 12.7" style="enable-background:new 0 0 87.5 12.7;" xml:space="preserve"><style type="text/css"> .st0{fill:url(#SVGID_1_);} .st1{fill:url(#SVGID_00000127747648060510780010000011975458323376106408_);} .st2{fill:url(#SVGID_00000035497420552083930090000003011704871799460009_);} .st3{fill:url(#SVGID_00000083058651591442064170000015422578566280903044_);} .st4{fill:url(#SVGID_00000101098941024572691340000012427190851554495142_);} </style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0.1419" y1="7.4663" x2="13.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path class="st0" d="M6.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3 c0.5-0.5,0.4-1-0.4-1.1L9.3,4C9.1,4,8.9,3.8,8.8,3.7l-1.5-3C7,0,6.5,0,6.2,0.7l-1.5,3C4.6,3.8,4.4,4,4.2,4L0.9,4.5 C0.2,4.6,0,5.1,0.6,5.6L3,7.9C3.1,8,3.2,8.3,3.1,8.4l-0.6,3.3c-0.1,0.7,0.3,1,0.9,0.7L6.5,10.9z"/><linearGradient id="SVGID_00000022522972331539714680000017899748469218527110_" gradientUnits="userSpaceOnUse" x1="18.6419" y1="7.4663" x2="32.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000022522972331539714680000017899748469218527110_);" d="M25,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L27.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C25.5,0,25,0,24.7,0.7l-1.5,3C23.1,3.8,22.9,4,22.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L25,10.9z"/><linearGradient id="SVGID_00000181783977348037246900000011200326802489554048_" gradientUnits="userSpaceOnUse" x1="37.1419" y1="7.4663" x2="50.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000181783977348037246900000011200326802489554048_);" d="M43.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L46.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C44,0,43.5,0,43.2,0.7l-1.5,3C41.6,3.8,41.4,4,41.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L40,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L43.5,10.9z"/><linearGradient id="SVGID_00000121246657165513003210000016718157376735219365_" gradientUnits="userSpaceOnUse" x1="55.6419" y1="7.4663" x2="69.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000121246657165513003210000016718157376735219365_);" d="M62,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L64.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C62.5,0,62,0,61.7,0.7l-1.5,3C60.1,3.8,59.9,4,59.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L62,10.9z"/><linearGradient id="SVGID_00000140709752504096582630000014809471168565932933_" gradientUnits="userSpaceOnUse" x1="74.1419" y1="7.4663" x2="87.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000140709752504096582630000014809471168565932933_);" d="M80.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L83.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C81,0,80.5,0,80.2,0.7l-1.5,3C78.6,3.8,78.4,4,78.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L77,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L80.5,10.9z"/></svg> </div> <div class="text-base font-semibold dark:text-white">Der Name „Homepage Helden“ ist Programm!</div> <div class="font-thin text-[15px] my-3"> <p>Denn egal wo und wann es mal brenzlig wird – sei es bei der Umsetzung einer Vorstellung oder auch im zeitlichen Sinne – die Helden sind immer zur Stelle und stehen ... </div> </div> <p class="font-normal dark:text-white">REISSWOLF International AG</p> </div> <div class="testimonial_tile card bg-white p-5 rounded-md shadow-tile flex flex-col justify-between dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card dark:backdrop-blur-lg"> <div class=""> <div class="w-24 h-3.5 flex items-center mb-4"> <?xml version="1.0" encoding="UTF-8"?><svg class="w-full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 87.5 12.7" style="enable-background:new 0 0 87.5 12.7;" xml:space="preserve"><style type="text/css"> .st0{fill:url(#SVGID_1_);} .st1{fill:url(#SVGID_00000127747648060510780010000011975458323376106408_);} .st2{fill:url(#SVGID_00000035497420552083930090000003011704871799460009_);} .st3{fill:url(#SVGID_00000083058651591442064170000015422578566280903044_);} .st4{fill:url(#SVGID_00000101098941024572691340000012427190851554495142_);} </style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0.1419" y1="7.4663" x2="13.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path class="st0" d="M6.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3 c0.5-0.5,0.4-1-0.4-1.1L9.3,4C9.1,4,8.9,3.8,8.8,3.7l-1.5-3C7,0,6.5,0,6.2,0.7l-1.5,3C4.6,3.8,4.4,4,4.2,4L0.9,4.5 C0.2,4.6,0,5.1,0.6,5.6L3,7.9C3.1,8,3.2,8.3,3.1,8.4l-0.6,3.3c-0.1,0.7,0.3,1,0.9,0.7L6.5,10.9z"/><linearGradient id="SVGID_00000022522972331539714680000017899748469218527110_" gradientUnits="userSpaceOnUse" x1="18.6419" y1="7.4663" x2="32.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000022522972331539714680000017899748469218527110_);" d="M25,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L27.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C25.5,0,25,0,24.7,0.7l-1.5,3C23.1,3.8,22.9,4,22.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L25,10.9z"/><linearGradient id="SVGID_00000181783977348037246900000011200326802489554048_" gradientUnits="userSpaceOnUse" x1="37.1419" y1="7.4663" x2="50.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000181783977348037246900000011200326802489554048_);" d="M43.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L46.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C44,0,43.5,0,43.2,0.7l-1.5,3C41.6,3.8,41.4,4,41.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L40,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L43.5,10.9z"/><linearGradient id="SVGID_00000121246657165513003210000016718157376735219365_" gradientUnits="userSpaceOnUse" x1="55.6419" y1="7.4663" x2="69.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000121246657165513003210000016718157376735219365_);" d="M62,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L64.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C62.5,0,62,0,61.7,0.7l-1.5,3C60.1,3.8,59.9,4,59.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L62,10.9z"/><linearGradient id="SVGID_00000140709752504096582630000014809471168565932933_" gradientUnits="userSpaceOnUse" x1="74.1419" y1="7.4663" x2="87.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000140709752504096582630000014809471168565932933_);" d="M80.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L83.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C81,0,80.5,0,80.2,0.7l-1.5,3C78.6,3.8,78.4,4,78.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L77,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L80.5,10.9z"/></svg> </div> <div class="text-base font-semibold dark:text-white">Wir sind sehr zufrieden mit dem Ergebnis unseres kompletten Relaunches!</div> <div class="font-thin text-[15px] my-3"> <p>Wir sind sehr zufrieden mit dem Ergebnis unseres kompletten Relaunches. Mit der Beratung in Bezug auf den Erhalt unserer Optimierung, die Umsetzung im Design und de... </div> </div> <p class="font-normal dark:text-white">Know How Pool GmbH</p> </div> <div class="testimonial_tile card bg-white p-5 rounded-md shadow-tile flex flex-col justify-between dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card dark:backdrop-blur-lg"> <div class=""> <div class="w-24 h-3.5 flex items-center mb-4"> <?xml version="1.0" encoding="UTF-8"?><svg class="w-full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 87.5 12.7" style="enable-background:new 0 0 87.5 12.7;" xml:space="preserve"><style type="text/css"> .st0{fill:url(#SVGID_1_);} .st1{fill:url(#SVGID_00000127747648060510780010000011975458323376106408_);} .st2{fill:url(#SVGID_00000035497420552083930090000003011704871799460009_);} .st3{fill:url(#SVGID_00000083058651591442064170000015422578566280903044_);} .st4{fill:url(#SVGID_00000101098941024572691340000012427190851554495142_);} </style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0.1419" y1="7.4663" x2="13.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path class="st0" d="M6.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3 c0.5-0.5,0.4-1-0.4-1.1L9.3,4C9.1,4,8.9,3.8,8.8,3.7l-1.5-3C7,0,6.5,0,6.2,0.7l-1.5,3C4.6,3.8,4.4,4,4.2,4L0.9,4.5 C0.2,4.6,0,5.1,0.6,5.6L3,7.9C3.1,8,3.2,8.3,3.1,8.4l-0.6,3.3c-0.1,0.7,0.3,1,0.9,0.7L6.5,10.9z"/><linearGradient id="SVGID_00000022522972331539714680000017899748469218527110_" gradientUnits="userSpaceOnUse" x1="18.6419" y1="7.4663" x2="32.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000022522972331539714680000017899748469218527110_);" d="M25,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L27.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C25.5,0,25,0,24.7,0.7l-1.5,3C23.1,3.8,22.9,4,22.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L25,10.9z"/><linearGradient id="SVGID_00000181783977348037246900000011200326802489554048_" gradientUnits="userSpaceOnUse" x1="37.1419" y1="7.4663" x2="50.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000181783977348037246900000011200326802489554048_);" d="M43.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L46.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C44,0,43.5,0,43.2,0.7l-1.5,3C41.6,3.8,41.4,4,41.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L40,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L43.5,10.9z"/><linearGradient id="SVGID_00000121246657165513003210000016718157376735219365_" gradientUnits="userSpaceOnUse" x1="55.6419" y1="7.4663" x2="69.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000121246657165513003210000016718157376735219365_);" d="M62,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L64.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C62.5,0,62,0,61.7,0.7l-1.5,3C60.1,3.8,59.9,4,59.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L62,10.9z"/><linearGradient id="SVGID_00000140709752504096582630000014809471168565932933_" gradientUnits="userSpaceOnUse" x1="74.1419" y1="7.4663" x2="87.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000140709752504096582630000014809471168565932933_);" d="M80.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L83.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C81,0,80.5,0,80.2,0.7l-1.5,3C78.6,3.8,78.4,4,78.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L77,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L80.5,10.9z"/></svg> </div> <div class="font-thin text-[15px] my-3"> <p>Besonders gut gefallen hat uns die Kombination aus Expertise in Sachen SEO mit dem hervorragenden Design, welches bis heute oft von den Besuchern unserer Webseite h... </div> </div> <p class="font-normal dark:text-white">Marius Braun & Anne Agius - Konferenzdolmetscher</p> </div> <div class="testimonial_tile card bg-white p-5 rounded-md shadow-tile flex flex-col justify-between dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card dark:backdrop-blur-lg"> <div class=""> <div class="w-24 h-3.5 flex items-center mb-4"> <?xml version="1.0" encoding="UTF-8"?><svg class="w-full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 87.5 12.7" style="enable-background:new 0 0 87.5 12.7;" xml:space="preserve"><style type="text/css"> .st0{fill:url(#SVGID_1_);} .st1{fill:url(#SVGID_00000127747648060510780010000011975458323376106408_);} .st2{fill:url(#SVGID_00000035497420552083930090000003011704871799460009_);} .st3{fill:url(#SVGID_00000083058651591442064170000015422578566280903044_);} .st4{fill:url(#SVGID_00000101098941024572691340000012427190851554495142_);} </style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0.1419" y1="7.4663" x2="13.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path class="st0" d="M6.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3 c0.5-0.5,0.4-1-0.4-1.1L9.3,4C9.1,4,8.9,3.8,8.8,3.7l-1.5-3C7,0,6.5,0,6.2,0.7l-1.5,3C4.6,3.8,4.4,4,4.2,4L0.9,4.5 C0.2,4.6,0,5.1,0.6,5.6L3,7.9C3.1,8,3.2,8.3,3.1,8.4l-0.6,3.3c-0.1,0.7,0.3,1,0.9,0.7L6.5,10.9z"/><linearGradient id="SVGID_00000022522972331539714680000017899748469218527110_" gradientUnits="userSpaceOnUse" x1="18.6419" y1="7.4663" x2="32.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000022522972331539714680000017899748469218527110_);" d="M25,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L27.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C25.5,0,25,0,24.7,0.7l-1.5,3C23.1,3.8,22.9,4,22.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L25,10.9z"/><linearGradient id="SVGID_00000181783977348037246900000011200326802489554048_" gradientUnits="userSpaceOnUse" x1="37.1419" y1="7.4663" x2="50.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000181783977348037246900000011200326802489554048_);" d="M43.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L46.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C44,0,43.5,0,43.2,0.7l-1.5,3C41.6,3.8,41.4,4,41.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L40,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L43.5,10.9z"/><linearGradient id="SVGID_00000121246657165513003210000016718157376735219365_" gradientUnits="userSpaceOnUse" x1="55.6419" y1="7.4663" x2="69.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000121246657165513003210000016718157376735219365_);" d="M62,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L64.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C62.5,0,62,0,61.7,0.7l-1.5,3C60.1,3.8,59.9,4,59.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L62,10.9z"/><linearGradient id="SVGID_00000140709752504096582630000014809471168565932933_" gradientUnits="userSpaceOnUse" x1="74.1419" y1="7.4663" x2="87.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000140709752504096582630000014809471168565932933_);" d="M80.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L83.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C81,0,80.5,0,80.2,0.7l-1.5,3C78.6,3.8,78.4,4,78.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L77,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L80.5,10.9z"/></svg> </div> <div class="text-base font-semibold dark:text-white">Die Kommunikation mit der Projektleitung und Designerin war hervorragend!</div> <div class="font-thin text-[15px] my-3"> <p>Die Kommunikation mit der Projektleitung und Designerin war hervorragend. Somit war eine optimale Anleitung und Begleitung über alle Projektphasen gewährleistet. Kl... </div> </div> <p class="font-normal dark:text-white">enmore consulting ag</p> </div> <div class="testimonial_tile card bg-white p-5 rounded-md shadow-tile flex flex-col justify-between dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card dark:backdrop-blur-lg"> <div class=""> <div class="w-24 h-3.5 flex items-center mb-4"> <?xml version="1.0" encoding="UTF-8"?><svg class="w-full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 87.5 12.7" style="enable-background:new 0 0 87.5 12.7;" xml:space="preserve"><style type="text/css"> .st0{fill:url(#SVGID_1_);} .st1{fill:url(#SVGID_00000127747648060510780010000011975458323376106408_);} .st2{fill:url(#SVGID_00000035497420552083930090000003011704871799460009_);} .st3{fill:url(#SVGID_00000083058651591442064170000015422578566280903044_);} .st4{fill:url(#SVGID_00000101098941024572691340000012427190851554495142_);} </style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0.1419" y1="7.4663" x2="13.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path class="st0" d="M6.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3 c0.5-0.5,0.4-1-0.4-1.1L9.3,4C9.1,4,8.9,3.8,8.8,3.7l-1.5-3C7,0,6.5,0,6.2,0.7l-1.5,3C4.6,3.8,4.4,4,4.2,4L0.9,4.5 C0.2,4.6,0,5.1,0.6,5.6L3,7.9C3.1,8,3.2,8.3,3.1,8.4l-0.6,3.3c-0.1,0.7,0.3,1,0.9,0.7L6.5,10.9z"/><linearGradient id="SVGID_00000022522972331539714680000017899748469218527110_" gradientUnits="userSpaceOnUse" x1="18.6419" y1="7.4663" x2="32.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000022522972331539714680000017899748469218527110_);" d="M25,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L27.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C25.5,0,25,0,24.7,0.7l-1.5,3C23.1,3.8,22.9,4,22.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L25,10.9z"/><linearGradient id="SVGID_00000181783977348037246900000011200326802489554048_" gradientUnits="userSpaceOnUse" x1="37.1419" y1="7.4663" x2="50.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000181783977348037246900000011200326802489554048_);" d="M43.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L46.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C44,0,43.5,0,43.2,0.7l-1.5,3C41.6,3.8,41.4,4,41.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L40,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L43.5,10.9z"/><linearGradient id="SVGID_00000121246657165513003210000016718157376735219365_" gradientUnits="userSpaceOnUse" x1="55.6419" y1="7.4663" x2="69.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000121246657165513003210000016718157376735219365_);" d="M62,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L64.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C62.5,0,62,0,61.7,0.7l-1.5,3C60.1,3.8,59.9,4,59.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L62,10.9z"/><linearGradient id="SVGID_00000140709752504096582630000014809471168565932933_" gradientUnits="userSpaceOnUse" x1="74.1419" y1="7.4663" x2="87.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000140709752504096582630000014809471168565932933_);" d="M80.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L83.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C81,0,80.5,0,80.2,0.7l-1.5,3C78.6,3.8,78.4,4,78.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L77,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L80.5,10.9z"/></svg> </div> <div class="font-thin text-[15px] my-3"> <p>Der immer sehr persönliche Kontakt zwischen Agentur und Kunden hat uns sehr gefallen. Auch wenn es zeitlich ein sehr langes Projekt für beide Seiten geworden ist (s... </div> </div> <p class="font-normal dark:text-white">Golf Hotel Hof Treudelberg GmbH</p> </div> <div class="testimonial_tile card bg-white p-5 rounded-md shadow-tile flex flex-col justify-between dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card dark:backdrop-blur-lg"> <div class=""> <div class="w-24 h-3.5 flex items-center mb-4"> <?xml version="1.0" encoding="UTF-8"?><svg class="w-full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 87.5 12.7" style="enable-background:new 0 0 87.5 12.7;" xml:space="preserve"><style type="text/css"> .st0{fill:url(#SVGID_1_);} .st1{fill:url(#SVGID_00000127747648060510780010000011975458323376106408_);} .st2{fill:url(#SVGID_00000035497420552083930090000003011704871799460009_);} .st3{fill:url(#SVGID_00000083058651591442064170000015422578566280903044_);} .st4{fill:url(#SVGID_00000101098941024572691340000012427190851554495142_);} </style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0.1419" y1="7.4663" x2="13.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path class="st0" d="M6.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3 c0.5-0.5,0.4-1-0.4-1.1L9.3,4C9.1,4,8.9,3.8,8.8,3.7l-1.5-3C7,0,6.5,0,6.2,0.7l-1.5,3C4.6,3.8,4.4,4,4.2,4L0.9,4.5 C0.2,4.6,0,5.1,0.6,5.6L3,7.9C3.1,8,3.2,8.3,3.1,8.4l-0.6,3.3c-0.1,0.7,0.3,1,0.9,0.7L6.5,10.9z"/><linearGradient id="SVGID_00000022522972331539714680000017899748469218527110_" gradientUnits="userSpaceOnUse" x1="18.6419" y1="7.4663" x2="32.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000022522972331539714680000017899748469218527110_);" d="M25,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L27.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C25.5,0,25,0,24.7,0.7l-1.5,3C23.1,3.8,22.9,4,22.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L25,10.9z"/><linearGradient id="SVGID_00000181783977348037246900000011200326802489554048_" gradientUnits="userSpaceOnUse" x1="37.1419" y1="7.4663" x2="50.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000181783977348037246900000011200326802489554048_);" d="M43.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L46.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C44,0,43.5,0,43.2,0.7l-1.5,3C41.6,3.8,41.4,4,41.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L40,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L43.5,10.9z"/><linearGradient id="SVGID_00000121246657165513003210000016718157376735219365_" gradientUnits="userSpaceOnUse" x1="55.6419" y1="7.4663" x2="69.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000121246657165513003210000016718157376735219365_);" d="M62,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L64.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C62.5,0,62,0,61.7,0.7l-1.5,3C60.1,3.8,59.9,4,59.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L62,10.9z"/><linearGradient id="SVGID_00000140709752504096582630000014809471168565932933_" gradientUnits="userSpaceOnUse" x1="74.1419" y1="7.4663" x2="87.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000140709752504096582630000014809471168565932933_);" d="M80.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L83.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C81,0,80.5,0,80.2,0.7l-1.5,3C78.6,3.8,78.4,4,78.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L77,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L80.5,10.9z"/></svg> </div> <div class="text-base font-semibold dark:text-white">ICH LIEBE ES mit Euch zu arbeiten. Ihr seid HELDEN!!!</div> <div class="font-thin text-[15px] my-3"> <p>Liebe Franzi, liebe Lara, lieber Chris, liebes Projektteam, ich bin total begeistert von Euch und Eurer Arbeit. Pure Freude, dass ich Euch eingeschaltet habe, ihr m... </div> </div> <p class="font-normal dark:text-white">Kathrin Klose - Leadership Leichtgemacht</p> </div> <div class="testimonial_tile card bg-white p-5 rounded-md shadow-tile flex flex-col justify-between dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card dark:backdrop-blur-lg"> <div class=""> <div class="w-24 h-3.5 flex items-center mb-4"> <?xml version="1.0" encoding="UTF-8"?><svg class="w-full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 87.5 12.7" style="enable-background:new 0 0 87.5 12.7;" xml:space="preserve"><style type="text/css"> .st0{fill:url(#SVGID_1_);} .st1{fill:url(#SVGID_00000127747648060510780010000011975458323376106408_);} .st2{fill:url(#SVGID_00000035497420552083930090000003011704871799460009_);} .st3{fill:url(#SVGID_00000083058651591442064170000015422578566280903044_);} .st4{fill:url(#SVGID_00000101098941024572691340000012427190851554495142_);} </style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0.1419" y1="7.4663" x2="13.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path class="st0" d="M6.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3 c0.5-0.5,0.4-1-0.4-1.1L9.3,4C9.1,4,8.9,3.8,8.8,3.7l-1.5-3C7,0,6.5,0,6.2,0.7l-1.5,3C4.6,3.8,4.4,4,4.2,4L0.9,4.5 C0.2,4.6,0,5.1,0.6,5.6L3,7.9C3.1,8,3.2,8.3,3.1,8.4l-0.6,3.3c-0.1,0.7,0.3,1,0.9,0.7L6.5,10.9z"/><linearGradient id="SVGID_00000022522972331539714680000017899748469218527110_" gradientUnits="userSpaceOnUse" x1="18.6419" y1="7.4663" x2="32.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000022522972331539714680000017899748469218527110_);" d="M25,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L27.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C25.5,0,25,0,24.7,0.7l-1.5,3C23.1,3.8,22.9,4,22.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L25,10.9z"/><linearGradient id="SVGID_00000181783977348037246900000011200326802489554048_" gradientUnits="userSpaceOnUse" x1="37.1419" y1="7.4663" x2="50.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000181783977348037246900000011200326802489554048_);" d="M43.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L46.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C44,0,43.5,0,43.2,0.7l-1.5,3C41.6,3.8,41.4,4,41.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L40,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L43.5,10.9z"/><linearGradient id="SVGID_00000121246657165513003210000016718157376735219365_" gradientUnits="userSpaceOnUse" x1="55.6419" y1="7.4663" x2="69.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000121246657165513003210000016718157376735219365_);" d="M62,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L64.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C62.5,0,62,0,61.7,0.7l-1.5,3C60.1,3.8,59.9,4,59.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L62,10.9z"/><linearGradient id="SVGID_00000140709752504096582630000014809471168565932933_" gradientUnits="userSpaceOnUse" x1="74.1419" y1="7.4663" x2="87.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000140709752504096582630000014809471168565932933_);" d="M80.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L83.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C81,0,80.5,0,80.2,0.7l-1.5,3C78.6,3.8,78.4,4,78.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L77,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L80.5,10.9z"/></svg> </div> <div class="font-thin text-[15px] my-3"> <p>Der Relaunch unserer Homepage war von der ersten Kontaktaufnahme über die Layouts, die Zusammenarbeit bei der Lieferung der Inhalte bis hin zur endgültigen Freischa... </div> </div> <p class="font-normal dark:text-white">PENSIONSKASSE der Hamburger Hochbahn Aktiengesellschaft -VVaG-</p> </div> <div class="testimonial_tile card bg-white p-5 rounded-md shadow-tile flex flex-col justify-between dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card dark:backdrop-blur-lg"> <div class=""> <div class="w-24 h-3.5 flex items-center mb-4"> <?xml version="1.0" encoding="UTF-8"?><svg class="w-full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 87.5 12.7" style="enable-background:new 0 0 87.5 12.7;" xml:space="preserve"><style type="text/css"> .st0{fill:url(#SVGID_1_);} .st1{fill:url(#SVGID_00000127747648060510780010000011975458323376106408_);} .st2{fill:url(#SVGID_00000035497420552083930090000003011704871799460009_);} .st3{fill:url(#SVGID_00000083058651591442064170000015422578566280903044_);} .st4{fill:url(#SVGID_00000101098941024572691340000012427190851554495142_);} </style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0.1419" y1="7.4663" x2="13.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path class="st0" d="M6.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3 c0.5-0.5,0.4-1-0.4-1.1L9.3,4C9.1,4,8.9,3.8,8.8,3.7l-1.5-3C7,0,6.5,0,6.2,0.7l-1.5,3C4.6,3.8,4.4,4,4.2,4L0.9,4.5 C0.2,4.6,0,5.1,0.6,5.6L3,7.9C3.1,8,3.2,8.3,3.1,8.4l-0.6,3.3c-0.1,0.7,0.3,1,0.9,0.7L6.5,10.9z"/><linearGradient id="SVGID_00000022522972331539714680000017899748469218527110_" gradientUnits="userSpaceOnUse" x1="18.6419" y1="7.4663" x2="32.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000022522972331539714680000017899748469218527110_);" d="M25,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L27.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C25.5,0,25,0,24.7,0.7l-1.5,3C23.1,3.8,22.9,4,22.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L25,10.9z"/><linearGradient id="SVGID_00000181783977348037246900000011200326802489554048_" gradientUnits="userSpaceOnUse" x1="37.1419" y1="7.4663" x2="50.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000181783977348037246900000011200326802489554048_);" d="M43.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L46.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C44,0,43.5,0,43.2,0.7l-1.5,3C41.6,3.8,41.4,4,41.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L40,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L43.5,10.9z"/><linearGradient id="SVGID_00000121246657165513003210000016718157376735219365_" gradientUnits="userSpaceOnUse" x1="55.6419" y1="7.4663" x2="69.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000121246657165513003210000016718157376735219365_);" d="M62,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L64.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C62.5,0,62,0,61.7,0.7l-1.5,3C60.1,3.8,59.9,4,59.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L62,10.9z"/><linearGradient id="SVGID_00000140709752504096582630000014809471168565932933_" gradientUnits="userSpaceOnUse" x1="74.1419" y1="7.4663" x2="87.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000140709752504096582630000014809471168565932933_);" d="M80.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L83.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C81,0,80.5,0,80.2,0.7l-1.5,3C78.6,3.8,78.4,4,78.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L77,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L80.5,10.9z"/></svg> </div> <div class="font-thin text-[15px] my-3"> <p>Heldenhafter Einsatz, viel Sympathie und ein geiles Ergebnis. Die spontanen Reaktionen und Korrekturen, insbesondere bei und nach Livegang waren sehr hilfreich. Auc... </div> </div> <p class="font-normal dark:text-white">Helden Consulting GmbH</p> </div> <div class="testimonial_tile card bg-white p-5 rounded-md shadow-tile flex flex-col justify-between dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card dark:backdrop-blur-lg"> <div class=""> <div class="w-24 h-3.5 flex items-center mb-4"> <?xml version="1.0" encoding="UTF-8"?><svg class="w-full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 87.5 12.7" style="enable-background:new 0 0 87.5 12.7;" xml:space="preserve"><style type="text/css"> .st0{fill:url(#SVGID_1_);} .st1{fill:url(#SVGID_00000127747648060510780010000011975458323376106408_);} .st2{fill:url(#SVGID_00000035497420552083930090000003011704871799460009_);} .st3{fill:url(#SVGID_00000083058651591442064170000015422578566280903044_);} .st4{fill:url(#SVGID_00000101098941024572691340000012427190851554495142_);} </style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0.1419" y1="7.4663" x2="13.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path class="st0" d="M6.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3 c0.5-0.5,0.4-1-0.4-1.1L9.3,4C9.1,4,8.9,3.8,8.8,3.7l-1.5-3C7,0,6.5,0,6.2,0.7l-1.5,3C4.6,3.8,4.4,4,4.2,4L0.9,4.5 C0.2,4.6,0,5.1,0.6,5.6L3,7.9C3.1,8,3.2,8.3,3.1,8.4l-0.6,3.3c-0.1,0.7,0.3,1,0.9,0.7L6.5,10.9z"/><linearGradient id="SVGID_00000022522972331539714680000017899748469218527110_" gradientUnits="userSpaceOnUse" x1="18.6419" y1="7.4663" x2="32.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000022522972331539714680000017899748469218527110_);" d="M25,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L27.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C25.5,0,25,0,24.7,0.7l-1.5,3C23.1,3.8,22.9,4,22.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L25,10.9z"/><linearGradient id="SVGID_00000181783977348037246900000011200326802489554048_" gradientUnits="userSpaceOnUse" x1="37.1419" y1="7.4663" x2="50.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000181783977348037246900000011200326802489554048_);" d="M43.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L46.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C44,0,43.5,0,43.2,0.7l-1.5,3C41.6,3.8,41.4,4,41.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L40,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L43.5,10.9z"/><linearGradient id="SVGID_00000121246657165513003210000016718157376735219365_" gradientUnits="userSpaceOnUse" x1="55.6419" y1="7.4663" x2="69.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000121246657165513003210000016718157376735219365_);" d="M62,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L64.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C62.5,0,62,0,61.7,0.7l-1.5,3C60.1,3.8,59.9,4,59.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L62,10.9z"/><linearGradient id="SVGID_00000140709752504096582630000014809471168565932933_" gradientUnits="userSpaceOnUse" x1="74.1419" y1="7.4663" x2="87.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000140709752504096582630000014809471168565932933_);" d="M80.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L83.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C81,0,80.5,0,80.2,0.7l-1.5,3C78.6,3.8,78.4,4,78.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L77,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L80.5,10.9z"/></svg> </div> <div class="font-thin text-[15px] my-3"> <p>Mir hat alles gefallen! Sehr gute Kommunikation, schnelle Umsetzung, perfektes Design der Website nach meinen Wünschen, sehr schönes Logo. Sie haben meine Erwartung... </div> </div> <p class="font-normal dark:text-white">Hausarztpraxis Rastow Dr. med. Hendrik Freund</p> </div> <div class="testimonial_tile card bg-white p-5 rounded-md shadow-tile flex flex-col justify-between dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card dark:backdrop-blur-lg"> <div class=""> <div class="w-24 h-3.5 flex items-center mb-4"> <?xml version="1.0" encoding="UTF-8"?><svg class="w-full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 87.5 12.7" style="enable-background:new 0 0 87.5 12.7;" xml:space="preserve"><style type="text/css"> .st0{fill:url(#SVGID_1_);} .st1{fill:url(#SVGID_00000127747648060510780010000011975458323376106408_);} .st2{fill:url(#SVGID_00000035497420552083930090000003011704871799460009_);} .st3{fill:url(#SVGID_00000083058651591442064170000015422578566280903044_);} .st4{fill:url(#SVGID_00000101098941024572691340000012427190851554495142_);} </style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0.1419" y1="7.4663" x2="13.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path class="st0" d="M6.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3 c0.5-0.5,0.4-1-0.4-1.1L9.3,4C9.1,4,8.9,3.8,8.8,3.7l-1.5-3C7,0,6.5,0,6.2,0.7l-1.5,3C4.6,3.8,4.4,4,4.2,4L0.9,4.5 C0.2,4.6,0,5.1,0.6,5.6L3,7.9C3.1,8,3.2,8.3,3.1,8.4l-0.6,3.3c-0.1,0.7,0.3,1,0.9,0.7L6.5,10.9z"/><linearGradient id="SVGID_00000022522972331539714680000017899748469218527110_" gradientUnits="userSpaceOnUse" x1="18.6419" y1="7.4663" x2="32.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000022522972331539714680000017899748469218527110_);" d="M25,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L27.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C25.5,0,25,0,24.7,0.7l-1.5,3C23.1,3.8,22.9,4,22.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L25,10.9z"/><linearGradient id="SVGID_00000181783977348037246900000011200326802489554048_" gradientUnits="userSpaceOnUse" x1="37.1419" y1="7.4663" x2="50.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000181783977348037246900000011200326802489554048_);" d="M43.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L46.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C44,0,43.5,0,43.2,0.7l-1.5,3C41.6,3.8,41.4,4,41.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L40,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L43.5,10.9z"/><linearGradient id="SVGID_00000121246657165513003210000016718157376735219365_" gradientUnits="userSpaceOnUse" x1="55.6419" y1="7.4663" x2="69.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000121246657165513003210000016718157376735219365_);" d="M62,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L64.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C62.5,0,62,0,61.7,0.7l-1.5,3C60.1,3.8,59.9,4,59.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L62,10.9z"/><linearGradient id="SVGID_00000140709752504096582630000014809471168565932933_" gradientUnits="userSpaceOnUse" x1="74.1419" y1="7.4663" x2="87.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000140709752504096582630000014809471168565932933_);" d="M80.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L83.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C81,0,80.5,0,80.2,0.7l-1.5,3C78.6,3.8,78.4,4,78.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L77,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L80.5,10.9z"/></svg> </div> <div class="font-thin text-[15px] my-3"> <p>Durchgehend wirklich eine klasse Betreuung von Kristina, ich bin mehr als zufrieden! Das Projekt wurde klasse umgesetzt und das Ergebnis ist spitze.</p> </div> </div> <p class="font-normal dark:text-white">Virtual Tours - Lukas Rang</p> </div> <div class="testimonial_tile card bg-white p-5 rounded-md shadow-tile flex flex-col justify-between dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card dark:backdrop-blur-lg"> <div class=""> <div class="w-24 h-3.5 flex items-center mb-4"> <?xml version="1.0" encoding="UTF-8"?><svg class="w-full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 87.5 12.7" style="enable-background:new 0 0 87.5 12.7;" xml:space="preserve"><style type="text/css"> .st0{fill:url(#SVGID_1_);} .st1{fill:url(#SVGID_00000127747648060510780010000011975458323376106408_);} .st2{fill:url(#SVGID_00000035497420552083930090000003011704871799460009_);} .st3{fill:url(#SVGID_00000083058651591442064170000015422578566280903044_);} .st4{fill:url(#SVGID_00000101098941024572691340000012427190851554495142_);} </style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0.1419" y1="7.4663" x2="13.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path class="st0" d="M6.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3 c0.5-0.5,0.4-1-0.4-1.1L9.3,4C9.1,4,8.9,3.8,8.8,3.7l-1.5-3C7,0,6.5,0,6.2,0.7l-1.5,3C4.6,3.8,4.4,4,4.2,4L0.9,4.5 C0.2,4.6,0,5.1,0.6,5.6L3,7.9C3.1,8,3.2,8.3,3.1,8.4l-0.6,3.3c-0.1,0.7,0.3,1,0.9,0.7L6.5,10.9z"/><linearGradient id="SVGID_00000022522972331539714680000017899748469218527110_" gradientUnits="userSpaceOnUse" x1="18.6419" y1="7.4663" x2="32.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000022522972331539714680000017899748469218527110_);" d="M25,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L27.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C25.5,0,25,0,24.7,0.7l-1.5,3C23.1,3.8,22.9,4,22.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L25,10.9z"/><linearGradient id="SVGID_00000181783977348037246900000011200326802489554048_" gradientUnits="userSpaceOnUse" x1="37.1419" y1="7.4663" x2="50.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000181783977348037246900000011200326802489554048_);" d="M43.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L46.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C44,0,43.5,0,43.2,0.7l-1.5,3C41.6,3.8,41.4,4,41.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L40,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L43.5,10.9z"/><linearGradient id="SVGID_00000121246657165513003210000016718157376735219365_" gradientUnits="userSpaceOnUse" x1="55.6419" y1="7.4663" x2="69.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000121246657165513003210000016718157376735219365_);" d="M62,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L64.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C62.5,0,62,0,61.7,0.7l-1.5,3C60.1,3.8,59.9,4,59.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L62,10.9z"/><linearGradient id="SVGID_00000140709752504096582630000014809471168565932933_" gradientUnits="userSpaceOnUse" x1="74.1419" y1="7.4663" x2="87.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000140709752504096582630000014809471168565932933_);" d="M80.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L83.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C81,0,80.5,0,80.2,0.7l-1.5,3C78.6,3.8,78.4,4,78.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L77,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L80.5,10.9z"/></svg> </div> <div class="font-thin text-[15px] my-3"> <p>Sehr gute Beratung zu den Technologien und Features von Webseiten, sehr gute Design-Vorschläge, schnelle und kompetente Umsetzung! Weiter so, wir waren sehr zufried... </div> </div> <p class="font-normal dark:text-white">PWF - Doose GmbH</p> </div> <div class="testimonial_tile card bg-white p-5 rounded-md shadow-tile flex flex-col justify-between dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card dark:backdrop-blur-lg"> <div class=""> <div class="w-24 h-3.5 flex items-center mb-4"> <?xml version="1.0" encoding="UTF-8"?><svg class="w-full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 87.5 12.7" style="enable-background:new 0 0 87.5 12.7;" xml:space="preserve"><style type="text/css"> .st0{fill:url(#SVGID_1_);} .st1{fill:url(#SVGID_00000127747648060510780010000011975458323376106408_);} .st2{fill:url(#SVGID_00000035497420552083930090000003011704871799460009_);} .st3{fill:url(#SVGID_00000083058651591442064170000015422578566280903044_);} .st4{fill:url(#SVGID_00000101098941024572691340000012427190851554495142_);} </style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0.1419" y1="7.4663" x2="13.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path class="st0" d="M6.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3 c0.5-0.5,0.4-1-0.4-1.1L9.3,4C9.1,4,8.9,3.8,8.8,3.7l-1.5-3C7,0,6.5,0,6.2,0.7l-1.5,3C4.6,3.8,4.4,4,4.2,4L0.9,4.5 C0.2,4.6,0,5.1,0.6,5.6L3,7.9C3.1,8,3.2,8.3,3.1,8.4l-0.6,3.3c-0.1,0.7,0.3,1,0.9,0.7L6.5,10.9z"/><linearGradient id="SVGID_00000022522972331539714680000017899748469218527110_" gradientUnits="userSpaceOnUse" x1="18.6419" y1="7.4663" x2="32.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000022522972331539714680000017899748469218527110_);" d="M25,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L27.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C25.5,0,25,0,24.7,0.7l-1.5,3C23.1,3.8,22.9,4,22.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L25,10.9z"/><linearGradient id="SVGID_00000181783977348037246900000011200326802489554048_" gradientUnits="userSpaceOnUse" x1="37.1419" y1="7.4663" x2="50.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000181783977348037246900000011200326802489554048_);" d="M43.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L46.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C44,0,43.5,0,43.2,0.7l-1.5,3C41.6,3.8,41.4,4,41.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L40,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L43.5,10.9z"/><linearGradient id="SVGID_00000121246657165513003210000016718157376735219365_" gradientUnits="userSpaceOnUse" x1="55.6419" y1="7.4663" x2="69.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000121246657165513003210000016718157376735219365_);" d="M62,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L64.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C62.5,0,62,0,61.7,0.7l-1.5,3C60.1,3.8,59.9,4,59.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L62,10.9z"/><linearGradient id="SVGID_00000140709752504096582630000014809471168565932933_" gradientUnits="userSpaceOnUse" x1="74.1419" y1="7.4663" x2="87.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000140709752504096582630000014809471168565932933_);" d="M80.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L83.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C81,0,80.5,0,80.2,0.7l-1.5,3C78.6,3.8,78.4,4,78.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L77,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L80.5,10.9z"/></svg> </div> <div class="font-thin text-[15px] my-3"> <p>Mit einer coolen Gelassenheit, aufrichtigen Freundlichkeit und grenzenloser Kreativität überzeugten mich die Homepage Helden jeden Tag aufs Neue. Die Zusammenarbeit... </div> </div> <p class="font-normal dark:text-white">Kaffee Frech</p> </div> <div class="testimonial_tile card bg-white p-5 rounded-md shadow-tile flex flex-col justify-between dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card dark:backdrop-blur-lg"> <div class=""> <div class="w-24 h-3.5 flex items-center mb-4"> <?xml version="1.0" encoding="UTF-8"?><svg class="w-full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 87.5 12.7" style="enable-background:new 0 0 87.5 12.7;" xml:space="preserve"><style type="text/css"> .st0{fill:url(#SVGID_1_);} .st1{fill:url(#SVGID_00000127747648060510780010000011975458323376106408_);} .st2{fill:url(#SVGID_00000035497420552083930090000003011704871799460009_);} .st3{fill:url(#SVGID_00000083058651591442064170000015422578566280903044_);} .st4{fill:url(#SVGID_00000101098941024572691340000012427190851554495142_);} </style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0.1419" y1="7.4663" x2="13.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path class="st0" d="M6.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3 c0.5-0.5,0.4-1-0.4-1.1L9.3,4C9.1,4,8.9,3.8,8.8,3.7l-1.5-3C7,0,6.5,0,6.2,0.7l-1.5,3C4.6,3.8,4.4,4,4.2,4L0.9,4.5 C0.2,4.6,0,5.1,0.6,5.6L3,7.9C3.1,8,3.2,8.3,3.1,8.4l-0.6,3.3c-0.1,0.7,0.3,1,0.9,0.7L6.5,10.9z"/><linearGradient id="SVGID_00000022522972331539714680000017899748469218527110_" gradientUnits="userSpaceOnUse" x1="18.6419" y1="7.4663" x2="32.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000022522972331539714680000017899748469218527110_);" d="M25,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L27.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C25.5,0,25,0,24.7,0.7l-1.5,3C23.1,3.8,22.9,4,22.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L25,10.9z"/><linearGradient id="SVGID_00000181783977348037246900000011200326802489554048_" gradientUnits="userSpaceOnUse" x1="37.1419" y1="7.4663" x2="50.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000181783977348037246900000011200326802489554048_);" d="M43.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L46.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C44,0,43.5,0,43.2,0.7l-1.5,3C41.6,3.8,41.4,4,41.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L40,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L43.5,10.9z"/><linearGradient id="SVGID_00000121246657165513003210000016718157376735219365_" gradientUnits="userSpaceOnUse" x1="55.6419" y1="7.4663" x2="69.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000121246657165513003210000016718157376735219365_);" d="M62,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L64.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C62.5,0,62,0,61.7,0.7l-1.5,3C60.1,3.8,59.9,4,59.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L62,10.9z"/><linearGradient id="SVGID_00000140709752504096582630000014809471168565932933_" gradientUnits="userSpaceOnUse" x1="74.1419" y1="7.4663" x2="87.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000140709752504096582630000014809471168565932933_);" d="M80.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L83.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C81,0,80.5,0,80.2,0.7l-1.5,3C78.6,3.8,78.4,4,78.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L77,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L80.5,10.9z"/></svg> </div> <div class="font-thin text-[15px] my-3"> <p>Auch die Zusammenarbeit für den Relaunch der Lieblingsbleiben war eine große Freude. Mit viel Kreativität, Ideen, Kompetenz und immer einem offenen Ohr habt ihr mei... </div> </div> <p class="font-normal dark:text-white">Lieblingsbleiben - einzigartige Ferienhäuser</p> </div> <div class="testimonial_tile card bg-white p-5 rounded-md shadow-tile flex flex-col justify-between dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card dark:backdrop-blur-lg"> <div class=""> <div class="w-24 h-3.5 flex items-center mb-4"> <?xml version="1.0" encoding="UTF-8"?><svg class="w-full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 87.5 12.7" style="enable-background:new 0 0 87.5 12.7;" xml:space="preserve"><style type="text/css"> .st0{fill:url(#SVGID_1_);} .st1{fill:url(#SVGID_00000127747648060510780010000011975458323376106408_);} .st2{fill:url(#SVGID_00000035497420552083930090000003011704871799460009_);} .st3{fill:url(#SVGID_00000083058651591442064170000015422578566280903044_);} .st4{fill:url(#SVGID_00000101098941024572691340000012427190851554495142_);} </style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0.1419" y1="7.4663" x2="13.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path class="st0" d="M6.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3 c0.5-0.5,0.4-1-0.4-1.1L9.3,4C9.1,4,8.9,3.8,8.8,3.7l-1.5-3C7,0,6.5,0,6.2,0.7l-1.5,3C4.6,3.8,4.4,4,4.2,4L0.9,4.5 C0.2,4.6,0,5.1,0.6,5.6L3,7.9C3.1,8,3.2,8.3,3.1,8.4l-0.6,3.3c-0.1,0.7,0.3,1,0.9,0.7L6.5,10.9z"/><linearGradient id="SVGID_00000022522972331539714680000017899748469218527110_" gradientUnits="userSpaceOnUse" x1="18.6419" y1="7.4663" x2="32.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000022522972331539714680000017899748469218527110_);" d="M25,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L27.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C25.5,0,25,0,24.7,0.7l-1.5,3C23.1,3.8,22.9,4,22.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L25,10.9z"/><linearGradient id="SVGID_00000181783977348037246900000011200326802489554048_" gradientUnits="userSpaceOnUse" x1="37.1419" y1="7.4663" x2="50.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000181783977348037246900000011200326802489554048_);" d="M43.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L46.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C44,0,43.5,0,43.2,0.7l-1.5,3C41.6,3.8,41.4,4,41.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L40,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L43.5,10.9z"/><linearGradient id="SVGID_00000121246657165513003210000016718157376735219365_" gradientUnits="userSpaceOnUse" x1="55.6419" y1="7.4663" x2="69.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000121246657165513003210000016718157376735219365_);" d="M62,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L64.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C62.5,0,62,0,61.7,0.7l-1.5,3C60.1,3.8,59.9,4,59.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L62,10.9z"/><linearGradient id="SVGID_00000140709752504096582630000014809471168565932933_" gradientUnits="userSpaceOnUse" x1="74.1419" y1="7.4663" x2="87.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000140709752504096582630000014809471168565932933_);" d="M80.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L83.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C81,0,80.5,0,80.2,0.7l-1.5,3C78.6,3.8,78.4,4,78.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L77,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L80.5,10.9z"/></svg> </div> <div class="text-base font-semibold dark:text-white">Sehr locker und trotzdem absolut professionell und strukturiert!</div> <div class="font-thin text-[15px] my-3"> <p>Tolle Zusammenarbeit mit Maria und ihrem Team. Sehr locker und trotzdem absolut professionell und strukturiert - so wie ich es mag (und ich selbst auch gerne arbeit... </div> </div> <p class="font-normal dark:text-white">TiedenHUB Beratung + Fortbildung für Architekten und Ingenieure</p> </div> <div class="testimonial_tile card bg-white p-5 rounded-md shadow-tile flex flex-col justify-between dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card dark:backdrop-blur-lg"> <div class=""> <div class="w-24 h-3.5 flex items-center mb-4"> <?xml version="1.0" encoding="UTF-8"?><svg class="w-full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 87.5 12.7" style="enable-background:new 0 0 87.5 12.7;" xml:space="preserve"><style type="text/css"> .st0{fill:url(#SVGID_1_);} .st1{fill:url(#SVGID_00000127747648060510780010000011975458323376106408_);} .st2{fill:url(#SVGID_00000035497420552083930090000003011704871799460009_);} .st3{fill:url(#SVGID_00000083058651591442064170000015422578566280903044_);} .st4{fill:url(#SVGID_00000101098941024572691340000012427190851554495142_);} </style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0.1419" y1="7.4663" x2="13.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path class="st0" d="M6.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3 c0.5-0.5,0.4-1-0.4-1.1L9.3,4C9.1,4,8.9,3.8,8.8,3.7l-1.5-3C7,0,6.5,0,6.2,0.7l-1.5,3C4.6,3.8,4.4,4,4.2,4L0.9,4.5 C0.2,4.6,0,5.1,0.6,5.6L3,7.9C3.1,8,3.2,8.3,3.1,8.4l-0.6,3.3c-0.1,0.7,0.3,1,0.9,0.7L6.5,10.9z"/><linearGradient id="SVGID_00000022522972331539714680000017899748469218527110_" gradientUnits="userSpaceOnUse" x1="18.6419" y1="7.4663" x2="32.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000022522972331539714680000017899748469218527110_);" d="M25,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L27.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C25.5,0,25,0,24.7,0.7l-1.5,3C23.1,3.8,22.9,4,22.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L25,10.9z"/><linearGradient id="SVGID_00000181783977348037246900000011200326802489554048_" gradientUnits="userSpaceOnUse" x1="37.1419" y1="7.4663" x2="50.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000181783977348037246900000011200326802489554048_);" d="M43.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L46.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C44,0,43.5,0,43.2,0.7l-1.5,3C41.6,3.8,41.4,4,41.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L40,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L43.5,10.9z"/><linearGradient id="SVGID_00000121246657165513003210000016718157376735219365_" gradientUnits="userSpaceOnUse" x1="55.6419" y1="7.4663" x2="69.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000121246657165513003210000016718157376735219365_);" d="M62,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L64.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C62.5,0,62,0,61.7,0.7l-1.5,3C60.1,3.8,59.9,4,59.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L62,10.9z"/><linearGradient id="SVGID_00000140709752504096582630000014809471168565932933_" gradientUnits="userSpaceOnUse" x1="74.1419" y1="7.4663" x2="87.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000140709752504096582630000014809471168565932933_);" d="M80.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L83.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C81,0,80.5,0,80.2,0.7l-1.5,3C78.6,3.8,78.4,4,78.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L77,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L80.5,10.9z"/></svg> </div> <div class="text-base font-semibold dark:text-white">Alle unsere Vorstellungen und Wünsche wurden zu 100% durchgeführt!</div> <div class="font-thin text-[15px] my-3"> <p>Die Zusammenarbeit hat mit sehr gut gefallen. Von der Konzeption bis zur Umsetzung sehr professionell und kompetent. Wir haben uns eine Homepage erstellen lassen un... </div> </div> <p class="font-normal dark:text-white">F&B Konzepte UG - green glasses Catering</p> </div> <div class="testimonial_tile card bg-white p-5 rounded-md shadow-tile flex flex-col justify-between dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card dark:backdrop-blur-lg"> <div class=""> <div class="w-24 h-3.5 flex items-center mb-4"> <?xml version="1.0" encoding="UTF-8"?><svg class="w-full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 87.5 12.7" style="enable-background:new 0 0 87.5 12.7;" xml:space="preserve"><style type="text/css"> .st0{fill:url(#SVGID_1_);} .st1{fill:url(#SVGID_00000127747648060510780010000011975458323376106408_);} .st2{fill:url(#SVGID_00000035497420552083930090000003011704871799460009_);} .st3{fill:url(#SVGID_00000083058651591442064170000015422578566280903044_);} .st4{fill:url(#SVGID_00000101098941024572691340000012427190851554495142_);} </style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0.1419" y1="7.4663" x2="13.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path class="st0" d="M6.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3 c0.5-0.5,0.4-1-0.4-1.1L9.3,4C9.1,4,8.9,3.8,8.8,3.7l-1.5-3C7,0,6.5,0,6.2,0.7l-1.5,3C4.6,3.8,4.4,4,4.2,4L0.9,4.5 C0.2,4.6,0,5.1,0.6,5.6L3,7.9C3.1,8,3.2,8.3,3.1,8.4l-0.6,3.3c-0.1,0.7,0.3,1,0.9,0.7L6.5,10.9z"/><linearGradient id="SVGID_00000022522972331539714680000017899748469218527110_" gradientUnits="userSpaceOnUse" x1="18.6419" y1="7.4663" x2="32.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000022522972331539714680000017899748469218527110_);" d="M25,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L27.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C25.5,0,25,0,24.7,0.7l-1.5,3C23.1,3.8,22.9,4,22.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L25,10.9z"/><linearGradient id="SVGID_00000181783977348037246900000011200326802489554048_" gradientUnits="userSpaceOnUse" x1="37.1419" y1="7.4663" x2="50.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000181783977348037246900000011200326802489554048_);" d="M43.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L46.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C44,0,43.5,0,43.2,0.7l-1.5,3C41.6,3.8,41.4,4,41.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L40,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L43.5,10.9z"/><linearGradient id="SVGID_00000121246657165513003210000016718157376735219365_" gradientUnits="userSpaceOnUse" x1="55.6419" y1="7.4663" x2="69.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000121246657165513003210000016718157376735219365_);" d="M62,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L64.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C62.5,0,62,0,61.7,0.7l-1.5,3C60.1,3.8,59.9,4,59.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L62,10.9z"/><linearGradient id="SVGID_00000140709752504096582630000014809471168565932933_" gradientUnits="userSpaceOnUse" x1="74.1419" y1="7.4663" x2="87.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000140709752504096582630000014809471168565932933_);" d="M80.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L83.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C81,0,80.5,0,80.2,0.7l-1.5,3C78.6,3.8,78.4,4,78.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L77,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L80.5,10.9z"/></svg> </div> <div class="font-thin text-[15px] my-3"> <p>- kompetente Website-Erstellung und Design-Entwürfe.<br>- sehr freundlicher Umgang und man fühlt sich in guten Händen.<br>- unkomplizierter Umzug vom alten auf das ... </div> </div> <p class="font-normal dark:text-white">Rechtsanwälte Benedikt-Jansen, Dorst & Kar</p> </div> <div class="testimonial_tile card bg-white p-5 rounded-md shadow-tile flex flex-col justify-between dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card dark:backdrop-blur-lg"> <div class=""> <div class="w-24 h-3.5 flex items-center mb-4"> <?xml version="1.0" encoding="UTF-8"?><svg class="w-full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 87.5 12.7" style="enable-background:new 0 0 87.5 12.7;" xml:space="preserve"><style type="text/css"> .st0{fill:url(#SVGID_1_);} .st1{fill:url(#SVGID_00000127747648060510780010000011975458323376106408_);} .st2{fill:url(#SVGID_00000035497420552083930090000003011704871799460009_);} .st3{fill:url(#SVGID_00000083058651591442064170000015422578566280903044_);} .st4{fill:url(#SVGID_00000101098941024572691340000012427190851554495142_);} </style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0.1419" y1="7.4663" x2="13.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path class="st0" d="M6.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3 c0.5-0.5,0.4-1-0.4-1.1L9.3,4C9.1,4,8.9,3.8,8.8,3.7l-1.5-3C7,0,6.5,0,6.2,0.7l-1.5,3C4.6,3.8,4.4,4,4.2,4L0.9,4.5 C0.2,4.6,0,5.1,0.6,5.6L3,7.9C3.1,8,3.2,8.3,3.1,8.4l-0.6,3.3c-0.1,0.7,0.3,1,0.9,0.7L6.5,10.9z"/><linearGradient id="SVGID_00000022522972331539714680000017899748469218527110_" gradientUnits="userSpaceOnUse" x1="18.6419" y1="7.4663" x2="32.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000022522972331539714680000017899748469218527110_);" d="M25,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L27.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C25.5,0,25,0,24.7,0.7l-1.5,3C23.1,3.8,22.9,4,22.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L25,10.9z"/><linearGradient id="SVGID_00000181783977348037246900000011200326802489554048_" gradientUnits="userSpaceOnUse" x1="37.1419" y1="7.4663" x2="50.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000181783977348037246900000011200326802489554048_);" d="M43.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L46.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C44,0,43.5,0,43.2,0.7l-1.5,3C41.6,3.8,41.4,4,41.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L40,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L43.5,10.9z"/><linearGradient id="SVGID_00000121246657165513003210000016718157376735219365_" gradientUnits="userSpaceOnUse" x1="55.6419" y1="7.4663" x2="69.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000121246657165513003210000016718157376735219365_);" d="M62,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L64.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C62.5,0,62,0,61.7,0.7l-1.5,3C60.1,3.8,59.9,4,59.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L62,10.9z"/><linearGradient id="SVGID_00000140709752504096582630000014809471168565932933_" gradientUnits="userSpaceOnUse" x1="74.1419" y1="7.4663" x2="87.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000140709752504096582630000014809471168565932933_);" d="M80.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L83.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C81,0,80.5,0,80.2,0.7l-1.5,3C78.6,3.8,78.4,4,78.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L77,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L80.5,10.9z"/></svg> </div> <div class="font-thin text-[15px] my-3"> <p>Der Service & Einsatz von den Mitarbeitern gefällt uns sehr. Die Helden arbeiten immer sehr lösungsorientiert und überzeugen durch eine sehr schnelle Reaktion!</p> </div> </div> <p class="font-normal dark:text-white">XOUNTS Hamburg GmbH</p> </div> <div class="testimonial_tile card bg-white p-5 rounded-md shadow-tile flex flex-col justify-between dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card dark:backdrop-blur-lg"> <div class=""> <div class="w-24 h-3.5 flex items-center mb-4"> <?xml version="1.0" encoding="UTF-8"?><svg class="w-full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 87.5 12.7" style="enable-background:new 0 0 87.5 12.7;" xml:space="preserve"><style type="text/css"> .st0{fill:url(#SVGID_1_);} .st1{fill:url(#SVGID_00000127747648060510780010000011975458323376106408_);} .st2{fill:url(#SVGID_00000035497420552083930090000003011704871799460009_);} .st3{fill:url(#SVGID_00000083058651591442064170000015422578566280903044_);} .st4{fill:url(#SVGID_00000101098941024572691340000012427190851554495142_);} </style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0.1419" y1="7.4663" x2="13.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path class="st0" d="M6.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3 c0.5-0.5,0.4-1-0.4-1.1L9.3,4C9.1,4,8.9,3.8,8.8,3.7l-1.5-3C7,0,6.5,0,6.2,0.7l-1.5,3C4.6,3.8,4.4,4,4.2,4L0.9,4.5 C0.2,4.6,0,5.1,0.6,5.6L3,7.9C3.1,8,3.2,8.3,3.1,8.4l-0.6,3.3c-0.1,0.7,0.3,1,0.9,0.7L6.5,10.9z"/><linearGradient id="SVGID_00000022522972331539714680000017899748469218527110_" gradientUnits="userSpaceOnUse" x1="18.6419" y1="7.4663" x2="32.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000022522972331539714680000017899748469218527110_);" d="M25,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L27.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C25.5,0,25,0,24.7,0.7l-1.5,3C23.1,3.8,22.9,4,22.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L25,10.9z"/><linearGradient id="SVGID_00000181783977348037246900000011200326802489554048_" gradientUnits="userSpaceOnUse" x1="37.1419" y1="7.4663" x2="50.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000181783977348037246900000011200326802489554048_);" d="M43.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L46.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C44,0,43.5,0,43.2,0.7l-1.5,3C41.6,3.8,41.4,4,41.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L40,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L43.5,10.9z"/><linearGradient id="SVGID_00000121246657165513003210000016718157376735219365_" gradientUnits="userSpaceOnUse" x1="55.6419" y1="7.4663" x2="69.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000121246657165513003210000016718157376735219365_);" d="M62,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L64.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C62.5,0,62,0,61.7,0.7l-1.5,3C60.1,3.8,59.9,4,59.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L62,10.9z"/><linearGradient id="SVGID_00000140709752504096582630000014809471168565932933_" gradientUnits="userSpaceOnUse" x1="74.1419" y1="7.4663" x2="87.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000140709752504096582630000014809471168565932933_);" d="M80.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L83.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C81,0,80.5,0,80.2,0.7l-1.5,3C78.6,3.8,78.4,4,78.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L77,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L80.5,10.9z"/></svg> </div> <div class="text-base font-semibold dark:text-white">Wir sind mehr als Zufrieden!</div> <div class="font-thin text-[15px] my-3"> <p>Wir sind mehr als zufrieden! Haben lange nach einer Agentur gesucht. Die Homepage Helden arbeiten schnell, sauber und unkompliziert, mit einem erstklassigen Ergebni... </div> </div> <p class="font-normal dark:text-white">Dopos GmbH</p> </div> <div class="testimonial_tile card bg-white p-5 rounded-md shadow-tile flex flex-col justify-between dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card dark:backdrop-blur-lg"> <div class=""> <div class="w-24 h-3.5 flex items-center mb-4"> <?xml version="1.0" encoding="UTF-8"?><svg class="w-full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 87.5 12.7" style="enable-background:new 0 0 87.5 12.7;" xml:space="preserve"><style type="text/css"> .st0{fill:url(#SVGID_1_);} .st1{fill:url(#SVGID_00000127747648060510780010000011975458323376106408_);} .st2{fill:url(#SVGID_00000035497420552083930090000003011704871799460009_);} .st3{fill:url(#SVGID_00000083058651591442064170000015422578566280903044_);} .st4{fill:url(#SVGID_00000101098941024572691340000012427190851554495142_);} </style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0.1419" y1="7.4663" x2="13.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path class="st0" d="M6.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3 c0.5-0.5,0.4-1-0.4-1.1L9.3,4C9.1,4,8.9,3.8,8.8,3.7l-1.5-3C7,0,6.5,0,6.2,0.7l-1.5,3C4.6,3.8,4.4,4,4.2,4L0.9,4.5 C0.2,4.6,0,5.1,0.6,5.6L3,7.9C3.1,8,3.2,8.3,3.1,8.4l-0.6,3.3c-0.1,0.7,0.3,1,0.9,0.7L6.5,10.9z"/><linearGradient id="SVGID_00000022522972331539714680000017899748469218527110_" gradientUnits="userSpaceOnUse" x1="18.6419" y1="7.4663" x2="32.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000022522972331539714680000017899748469218527110_);" d="M25,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L27.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C25.5,0,25,0,24.7,0.7l-1.5,3C23.1,3.8,22.9,4,22.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L25,10.9z"/><linearGradient id="SVGID_00000181783977348037246900000011200326802489554048_" gradientUnits="userSpaceOnUse" x1="37.1419" y1="7.4663" x2="50.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000181783977348037246900000011200326802489554048_);" d="M43.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L46.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C44,0,43.5,0,43.2,0.7l-1.5,3C41.6,3.8,41.4,4,41.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L40,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L43.5,10.9z"/><linearGradient id="SVGID_00000121246657165513003210000016718157376735219365_" gradientUnits="userSpaceOnUse" x1="55.6419" y1="7.4663" x2="69.3485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000121246657165513003210000016718157376735219365_);" d="M62,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L64.8,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C62.5,0,62,0,61.7,0.7l-1.5,3C60.1,3.8,59.9,4,59.7,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1l2.4,2.3c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L62,10.9z"/><linearGradient id="SVGID_00000140709752504096582630000014809471168565932933_" gradientUnits="userSpaceOnUse" x1="74.1419" y1="7.4663" x2="87.8485" y2="6.4374" gradientTransform="matrix(1 0 0 -1 0 13.4805)"><stop offset="0" style="stop-color:#3376F6"/><stop offset="1" style="stop-color:#0016FB"/></linearGradient><path style="fill:url(#SVGID_00000140709752504096582630000014809471168565932933_);" d="M80.5,10.9c0.2-0.1,0.4-0.1,0.6,0l3,1.6 c0.6,0.3,1,0,0.9-0.7l-0.6-3.3c0-0.2,0-0.4,0.2-0.5l2.4-2.3c0.5-0.5,0.4-1-0.4-1.1L83.3,4c-0.2,0-0.4-0.2-0.5-0.3l-1.5-3 C81,0,80.5,0,80.2,0.7l-1.5,3C78.6,3.8,78.4,4,78.2,4l-3.3,0.5c-0.7,0.1-0.9,0.6-0.4,1.1L77,7.9c0.1,0.1,0.2,0.4,0.2,0.5l-0.6,3.3 c-0.1,0.7,0.3,1,0.9,0.7L80.5,10.9z"/></svg> </div> <div class="font-thin text-[15px] my-3"> <p>Die Umsetzung der Programmierung war sehr gut. Auf Änderungswünsche und Fragen wurde schnell und sehr hilfsbereit sowie konstruktiv reagiert. Auch das endgültige De... </div> </div> <p class="font-normal dark:text-white">ChemieNord</p> </div> </div> </div> </div> </section> <section id="lmz3c0os" class=" relative dark:backdrop-blur-3xl"> <div class="absolute top-0 left-0 w-full h-full border-t opacity-30 glassframe border-white/50 dark:backdrop-blur-3xl dark:opacity-10"> <div class="w-full h-full mix-blend-overlay noise"></div> </div> <div class="hidden md:block opacity-60 absolute -z-10 blur-[15px] w-[400px] h-[400px] scale-[5] left-1/2 -translate-x-1/2 -top-10"> <svg width="7627" height="9174" class="w-full h-full glow-animation will-change-[filter]" viewBox="0 0 7627 9174" fill="none" xmlns="http://www.w3.org/2000/svg"> <g class="square1"><path class="square1inner" d="M4241.69 4845.52C3904.52 4663.97 4094.72 4525.64 3986.66 4188.44C3852.98 3771.36 3275.49 3680.56 2962.17 3993.89C2823.85 4132.23 3070.24 4996.84 3221.53 5217.32C3372.83 5437.79 3831.04 5757.7 3895.87 5822.53C3960.72 5887.38 4276.27 5986.81 4479.44 5917.64C4682.61 5848.48 4730.15 5511.28 4695.57 5316.75C4661 5122.21 4578.86 5027.09 4241.69 4845.52Z" fill="#FF00F5"/></g> <g class="square2"><path class="square2inner" d="M3315.69 4428.02C3497.25 4432.35 3951.13 4479.89 3981.38 4190.26C4025.5 3768.07 4306.35 4000.02 4180.23 3451.01C4024.61 3304.03 3397.83 3174.34 3077.94 3260.8C2758.06 3347.26 2801.29 3749.3 2822.9 3900.6C2844.51 4051.92 3134.14 4423.7 3315.69 4428.02Z" fill="#0060FF"/></g> <g class="square3"><path class="square3inner" d="M3407.75 4830.05C3486.75 4909.38 3646.86 5149.62 3955.6 4831.37C4405.61 4367.5 4298.53 4747.35 4799.45 4068.95C4877.58 3837.41 4721.64 3432.55 4486.68 3400.19C4251.71 3367.83 3862.32 3844.5 3718.22 4026.09C3574.14 4207.66 3328.74 4750.74 3407.75 4830.05Z" fill="#04D9FF"/></g> </svg> </div> <div class="inner relative fluid-container pt-default pb-default 2xl:max-w-full 2xl:w-full">  <div class="fluid-container text-lg dark:text-white w-full text-center max-w-4xl mb-default"> <p class="roofline dark:text-white group-[.bg-hero-gradient]:text-white">Nachweislich planbare Wirkung.</p> <span class="gradientless"></span> <h2 class="default-text-headline relative dark:text-white group-[.bg-hero-gradient]:text-white bg-headline-gradient dark:bg-headline-gradient-dark dark:text-transparent bg-clip-text font-bold text-transparent"> Unsere <span class="gradientless">🤩</span> beliebtesten Festpreis  Homepage Pakete. </h2> <div class="text-content group-[.bg-hero-gradient]:text-white "> </div> </div>  <div class="flex flex-wrap justify-center w-full gap-10 xl:gap-x-4 js-price-expand"> <div class=" w-full [@media(min-width:1000px)]:w-[40%] 2xl:w-80 [@media(min-width:1320px)]:w-[24%] [@media(min-width:2000px)]:w-[460px] flex justify-center no-list-style transition list-none "> <div class=" max-w-sm [@media(min-width:1000px)]:max-w-none w-full relative h-full flex flex-col justify-between items-start bg-white shadow-tile py-12 pb-12 px-4 md:px-[10%] pt-20 rounded border-l-4 dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card dark:backdrop-blur-lg border-[#666666]"> <div class="w-full m-auto mt-0"> <span class="block text-center absolute left-1/2 -translate-x-1/2 top-0 text-xs font-bold rounded-b-md px-5 py-2 text-black bg-[#666666] text-white dark:text-white"> </span> <div class="mb-4 text-4xl font-semibold text-center dark:text-white">Smart</div> <div class="text-center dark:text-white price-content"><p>Moderne, budgetfreundliche Website. Alle grundlegenden Funktionen für eine professionelle Online Präsenz.</p></div> <div class="flex flex-col items-center mx-auto mt-8 mb-8"> <div class="mb-8 text-2xl font-medium dark:text-white">ab 4.640€</div>  <div class="inline-flex flex-col items-center"> <a x-data="cart_item" data-package="Website Paket: Smart (4.640€)" class=" button font-medium focus:outline-none text-lg dark:text-white group/button shadow-lg inline-flex items-center border z-10 px-5 py-3 relative text-center transition duration-500 ease-in-out hover:shadow rounded-lg tracking-wide leading-6 no-underline select-none md:whitespace-nowrap motion-safe:transition bg-primary bg-gradient-to-r to-primary from-primary-light text-white hover:text-white group-[.banner]:from-white group-[.bg-hero-gradient]:from-white group-[.banner]:to-white group-[.bg-hero-gradient]:to-white group-[.banner]:text-primary group-[.bg-hero-gradient]:text-primary group-[.browser]:text-white group-[.browser]:bg-primary group-[.browser]:bg-gradient-to-r group-[.browser]:from-primary-light group-[.browser]:to-primary" href="/preise/" > mehr erfahren </a> </div>  </div> <div class="text-center dark:text-white price-details"><p></p></div> <div class="overflow-hidden js-price-expand-target"> </div> <div class="absolute flex flex-col items-center justify-center mt-10 -mb-8 text-center -translate-x-1/2 cursor-pointer bottom-2 showmore left-1/2 "> <div class="hidden block p-2 text-xs font-bold bg-white rounded-b-sm shadow-lg w-36 showmore-button text-neutral-500 js-price-expand-toggle"> Details vergleichen </div> </div> </div> </div> </div> <div class=" w-full [@media(min-width:1000px)]:w-[40%] 2xl:w-80 [@media(min-width:1320px)]:w-[24%] [@media(min-width:2000px)]:w-[460px] flex justify-center no-list-style transition list-none "> <div class=" max-w-sm [@media(min-width:1000px)]:max-w-none w-full relative h-full flex flex-col justify-between items-start bg-white shadow-tile py-12 pb-12 px-4 md:px-[10%] pt-20 rounded border-l-4 dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card dark:backdrop-blur-lg border-[hsl(189,100%,51%)]"> <div class="w-full m-auto mt-0"> <span class="block text-center absolute left-1/2 -translate-x-1/2 top-0 text-xs font-bold rounded-b-md px-5 py-2 text-black bg-[hsl(189,100%,51%)]"> Bestseller </span> <div class="mb-4 text-4xl font-semibold text-center dark:text-white">Business</div> <div class="text-center dark:text-white price-content"><p>Maßgefertigte Business Website. Spezielle Funktionen für wachsende Unternehmen mit hohen Ansprüchen.</p></div> <div class="flex flex-col items-center mx-auto mt-8 mb-8"> <div class="mb-8 text-2xl font-medium dark:text-white">ab 6.970€</div>  <div class="inline-flex flex-col items-center"> <a x-data="cart_item" data-package="Website Paket: Business (6.970€)" class=" button font-medium focus:outline-none text-lg dark:text-white group/button shadow-lg inline-flex items-center border z-10 px-5 py-3 relative text-center transition duration-500 ease-in-out hover:shadow rounded-lg tracking-wide leading-6 no-underline select-none md:whitespace-nowrap motion-safe:transition bg-primary bg-gradient-to-r to-primary from-primary-light text-white hover:text-white group-[.banner]:from-white group-[.bg-hero-gradient]:from-white group-[.banner]:to-white group-[.bg-hero-gradient]:to-white group-[.banner]:text-primary group-[.bg-hero-gradient]:text-primary group-[.browser]:text-white group-[.browser]:bg-primary group-[.browser]:bg-gradient-to-r group-[.browser]:from-primary-light group-[.browser]:to-primary" href="/preise/" > mehr erfahren </a> </div>  </div> <div class="text-center dark:text-white price-details"><p></p></div> <div class="overflow-hidden js-price-expand-target"> </div> <div class="absolute flex flex-col items-center justify-center mt-10 -mb-8 text-center -translate-x-1/2 cursor-pointer bottom-2 showmore left-1/2 "> <div class="hidden block p-2 text-xs font-bold bg-white rounded-b-sm shadow-lg w-36 showmore-button text-neutral-500 js-price-expand-toggle"> Details vergleichen </div> </div> </div> </div> </div> <div class=" w-full [@media(min-width:1000px)]:w-[40%] 2xl:w-80 [@media(min-width:1320px)]:w-[24%] [@media(min-width:2000px)]:w-[460px] flex justify-center no-list-style transition list-none "> <div class=" max-w-sm [@media(min-width:1000px)]:max-w-none w-full relative h-full flex flex-col justify-between items-start bg-white shadow-tile py-12 pb-12 px-4 md:px-[10%] pt-20 rounded border-l-4 dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card dark:backdrop-blur-lg border-[hsl(302,100%,50%)]"> <div class="w-full m-auto mt-0"> <span class="block text-center absolute left-1/2 -translate-x-1/2 top-0 text-xs font-bold rounded-b-md px-5 py-2 text-black bg-[hsl(302,100%,50%)] text-white dark:text-white"> </span> <div class="mb-4 text-4xl font-semibold text-center dark:text-white">Performance</div> <div class="text-center dark:text-white price-content"><p>Maßgefertigte, auf hohe Leistung optimierte Website. Funktionen für Unternehmen in wettbewerbsintensiven Branchen.</p></div> <div class="flex flex-col items-center mx-auto mt-8 mb-8"> <div class="mb-8 text-2xl font-medium dark:text-white">ab 13.670€</div>  <div class="inline-flex flex-col items-center"> <a x-data="cart_item" data-package="Website Paket: Performance (13.670€)" class=" button font-medium focus:outline-none text-lg dark:text-white group/button shadow-lg inline-flex items-center border z-10 px-5 py-3 relative text-center transition duration-500 ease-in-out hover:shadow rounded-lg tracking-wide leading-6 no-underline select-none md:whitespace-nowrap motion-safe:transition bg-primary bg-gradient-to-r to-primary from-primary-light text-white hover:text-white group-[.banner]:from-white group-[.bg-hero-gradient]:from-white group-[.banner]:to-white group-[.bg-hero-gradient]:to-white group-[.banner]:text-primary group-[.bg-hero-gradient]:text-primary group-[.browser]:text-white group-[.browser]:bg-primary group-[.browser]:bg-gradient-to-r group-[.browser]:from-primary-light group-[.browser]:to-primary" href="/preise/" > mehr erfahren </a> </div>  </div> <div class="text-center dark:text-white price-details"><p></p></div> <div class="overflow-hidden js-price-expand-target"> </div> <div class="absolute flex flex-col items-center justify-center mt-10 -mb-8 text-center -translate-x-1/2 cursor-pointer bottom-2 showmore left-1/2 "> <div class="hidden block p-2 text-xs font-bold bg-white rounded-b-sm shadow-lg w-36 showmore-button text-neutral-500 js-price-expand-toggle"> Details vergleichen </div> </div> </div> </div> </div> <div class=" w-full [@media(min-width:1000px)]:w-[40%] 2xl:w-80 [@media(min-width:1320px)]:w-[24%] [@media(min-width:2000px)]:w-[460px] flex justify-center no-list-style transition list-none "> <div class=" max-w-sm [@media(min-width:1000px)]:max-w-none w-full relative h-full flex flex-col justify-between items-start bg-white shadow-tile py-12 pb-12 px-4 md:px-[10%] pt-20 rounded border-l-4 dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card dark:backdrop-blur-lg border-[hsl(82,100%,64%)]"> <div class="w-full m-auto mt-0"> <span class="block text-center absolute left-1/2 -translate-x-1/2 top-0 text-xs font-bold rounded-b-md px-5 py-2 text-black bg-[hsl(82,100%,64%)]"> </span> <div class="mb-4 text-4xl font-semibold text-center dark:text-white">Enterprise</div> <div class="text-center dark:text-white price-content"><p>Maßgefertigte Enterprise Website. Premium Funktionen für größere Unternehmen mit höchsten Ansprüchen.</p></div> <div class="flex flex-col items-center mx-auto mt-8 mb-8"> <div class="mb-8 text-2xl font-medium dark:text-white">ab 18.480€</div>  <div class="inline-flex flex-col items-center"> <a x-data="cart_item" data-package="Website Paket: Enterprise (18.480€)" class=" button font-medium focus:outline-none text-lg dark:text-white group/button shadow-lg inline-flex items-center border z-10 px-5 py-3 relative text-center transition duration-500 ease-in-out hover:shadow rounded-lg tracking-wide leading-6 no-underline select-none md:whitespace-nowrap motion-safe:transition bg-primary bg-gradient-to-r to-primary from-primary-light text-white hover:text-white group-[.banner]:from-white group-[.bg-hero-gradient]:from-white group-[.banner]:to-white group-[.bg-hero-gradient]:to-white group-[.banner]:text-primary group-[.bg-hero-gradient]:text-primary group-[.browser]:text-white group-[.browser]:bg-primary group-[.browser]:bg-gradient-to-r group-[.browser]:from-primary-light group-[.browser]:to-primary" href="/preise/" > mehr erfahren </a> </div>  </div> <div class="text-center dark:text-white price-details"><p></p></div> <div class="overflow-hidden js-price-expand-target"> </div> <div class="absolute flex flex-col items-center justify-center mt-10 -mb-8 text-center -translate-x-1/2 cursor-pointer bottom-2 showmore left-1/2 "> <div class="hidden block p-2 text-xs font-bold bg-white rounded-b-sm shadow-lg w-36 showmore-button text-neutral-500 js-price-expand-toggle"> Details vergleichen </div> </div> </div> </div> </div> </div> </div> </section> <section id="m74ucwk3" class=" relative"> <div class="inner relative fluid-container pt-default pb-extraSmall max-w-screen-2xl">  <div class="fluid-container text-lg dark:text-white w-full text-center max-w-3xl mb-default"> <span class="gradientless"></span> <h2 class="default-text-headline relative dark:text-white group-[.bg-hero-gradient]:text-white bg-headline-gradient dark:bg-headline-gradient-dark dark:text-transparent bg-clip-text font-bold text-transparent"> <span class="gradientless">👇</span><br>So erstellen wir performante Homepages. </h2> <div class="text-content group-[.bg-hero-gradient]:text-white "> <p>Deine Website soll sich positiv vom Wettbewerb abheben und deine Kunden überzeugen.</p><p>Mit diesem Ziel vor Augen haben wir eine Reihe von Routinen und Best Practices entwickelt, die darauf abzielen, ein einzigartiges und überzeugendes Benutzererlebnis zu schaffen. Jedes Feature ist darauf ausgerichtet, deinen Online Auftritt zu optimieren und dein Geschäft zu unterstützen.</p><p>Hier sind einige der wichtigsten Aspekte, die wir destilliert haben:</p> </div> </div>  <div class="flex flex-wrap items-stretch justify-center gap-y-10 md:gap-y-16 xl:[&>*:nth-child(4n+1)]:border-none" > <div class="w-full flex justify-between flex-col px-12 py-5 text-center xl:border-l group-[.bg-hero-gradient]:xl:border-neutral-light/20 xl:dark:border-slate-800 sm:w-[calc(50%-(1.75rem/2))] xl:w-[calc(25%-(3.5rem*3/4))] "> <div> <div class="flex flex-col items-center mb-6"> <div class="mb-4 ml-1 mr-1"> <div class="w-12 h-12 p-2 scale-75 rounded-lg shadow-md dark:shadow-dark-card dark:backdrop-blur-lg" style="background-image:linear-gradient(45deg, hsl(263,80%,44%),hsl(263,100%,65%))"> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="#fff" class="w-8 h-8 [&>*]:fill-white" style="filter: drop-shadow(1px 2px 2px hsla(263,80%,30%,0.4)) drop-shadow(-1px 0px 0px rgba(0,0,0,.2));"> <path fill-rule="evenodd" clip-rule="evenodd" d="M46.4286 4C36.2048 4 26.1333 4.65714 16.2524 5.94286C6.69048 7.18571 0 15.5143 0 24.8952V54.5333C0 63.919 6.69048 72.2381 16.2524 73.4857C17.9754 73.7083 19.7009 73.9115 21.4286 74.0952V93.2857C21.4292 93.9916 21.639 94.6815 22.0315 95.2682C22.4239 95.855 22.9815 96.3123 23.6337 96.5823C24.2859 96.8524 25.0035 96.9231 25.6959 96.7855C26.3883 96.648 27.0243 96.3084 27.5238 95.8095L40.1571 83.181C36.6654 81.3933 33.7355 78.6756 31.691 75.3278C29.6465 71.9799 28.5669 68.1323 28.5714 64.2095V43.8C28.5714 33.1143 36.581 23.619 47.8095 22.6857C61.1517 21.5782 74.5626 21.5782 87.9048 22.6857C89.5772 22.8228 91.2271 23.1601 92.819 23.6905C92.2762 14.8048 85.7571 7.13333 76.6048 5.94286C66.7238 4.6619 56.6524 4 46.4286 4ZM48.3998 29.8048C54.8141 29.2714 61.3046 29 67.857 29C74.3509 28.998 80.8422 29.2649 87.3141 29.8C94.6427 30.4143 99.9998 36.6333 99.9998 43.8V64.2095C99.9998 71.3857 94.6284 77.6143 87.2855 78.2095L85.7141 78.3334V89.7143C85.7135 90.4202 85.5037 91.1101 85.1112 91.6968C84.7187 92.2836 84.1612 92.7409 83.509 93.0109C82.8568 93.281 82.1392 93.3517 81.4468 93.2141C80.7544 93.0766 80.1183 92.737 79.6189 92.2381L66.3713 78.9953C60.3332 78.9572 54.3474 78.6953 48.4284 78.2095C41.0855 77.6095 35.7141 71.3857 35.7141 64.2095V43.8048C35.7141 36.6333 41.0665 30.4143 48.3998 29.8048Z" fill="black"/> </svg> </div> </div> <h4 class="dark:text-white group-[.bg-hero-gradient]:text-white mb-0 text-xl">Versierte und proaktive Beratung</h4> </div> </div> </div> <div class="w-full flex justify-between flex-col px-12 py-5 text-center xl:border-l group-[.bg-hero-gradient]:xl:border-neutral-light/20 xl:dark:border-slate-800 sm:w-[calc(50%-(1.75rem/2))] xl:w-[calc(25%-(3.5rem*3/4))] "> <div> <div class="flex flex-col items-center mb-6"> <div class="mb-4 ml-1 mr-1"> <div class="w-12 h-12 p-2 scale-75 rounded-lg shadow-md dark:shadow-dark-card dark:backdrop-blur-lg" style="background-image:linear-gradient(45deg, hsl(263,80%,44%),hsl(263,100%,65%))"> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="#fff" class="w-8 h-8 [&>*]:fill-white" style="filter: drop-shadow(1px 2px 2px hsla(263,80%,30%,0.4)) drop-shadow(-1px 0px 0px rgba(0,0,0,.2));"> <path fill-rule="evenodd" clip-rule="evenodd" d="M50 0C51.4208 0 52.7834 0.443384 53.7881 1.23261C54.7927 2.02184 55.3571 3.09226 55.3571 4.2084V12.6252C55.3571 13.7413 54.7927 14.8118 53.7881 15.601C52.7834 16.3902 51.4208 16.8336 50 16.8336C48.5792 16.8336 47.2166 16.3902 46.2119 15.601C45.2073 14.8118 44.6429 13.7413 44.6429 12.6252V4.2084C44.6429 3.09226 45.2073 2.02184 46.2119 1.23261C47.2166 0.443384 48.5792 0 50 0ZM14.6429 11.503C15.6473 10.7149 17.0089 10.2722 18.4286 10.2722C19.8482 10.2722 21.2098 10.7149 22.2143 11.503L29.8 17.4508C30.2986 17.8421 30.6941 18.3067 30.9641 18.8181C31.2341 19.3294 31.3732 19.8776 31.3736 20.4312C31.3739 20.9848 31.2354 21.533 30.966 22.0446C30.6967 22.5562 30.3017 23.0211 29.8036 23.4127C29.3055 23.8044 28.7141 24.1151 28.0631 24.3272C27.4122 24.5393 26.7144 24.6486 26.0097 24.6489C25.3049 24.6491 24.607 24.5403 23.9558 24.3287C23.3046 24.1171 22.7128 23.8068 22.2143 23.4155L14.6429 17.4508C13.6396 16.6617 13.0761 15.5921 13.0761 14.4769C13.0761 13.3617 13.6396 12.292 14.6429 11.503ZM85.3571 11.503C86.3604 12.292 86.9239 13.3617 86.9239 14.4769C86.9239 15.5921 86.3604 16.6617 85.3571 17.4508L77.7857 23.4099C76.7807 24.2001 75.4173 24.6444 73.9954 24.6449C72.5735 24.6454 71.2095 24.2022 70.2036 23.4127C69.1976 22.6232 68.6321 21.5522 68.6315 20.4352C68.6308 19.3181 69.195 18.2467 70.2 17.4564L77.7786 11.5086C78.783 10.7205 80.1446 10.2778 81.5643 10.2778C82.9839 10.2778 84.3455 10.7205 85.35 11.5086L85.3571 11.503ZM0 39.2784C0 38.1622 0.564411 37.0918 1.56907 36.3026C2.57373 35.5134 3.93634 35.07 5.35714 35.07H16.0714C17.4922 35.07 18.8548 35.5134 19.8595 36.3026C20.8642 37.0918 21.4286 38.1622 21.4286 39.2784C21.4286 40.3945 20.8642 41.4649 19.8595 42.2542C18.8548 43.0434 17.4922 43.4868 16.0714 43.4868H5.35714C3.93634 43.4868 2.57373 43.0434 1.56907 42.2542C0.564411 41.4649 0 40.3945 0 39.2784ZM78.5714 39.2784C78.5714 38.1622 79.1358 37.0918 80.1405 36.3026C81.1452 35.5134 82.5078 35.07 83.9286 35.07H94.6429C96.0637 35.07 97.4263 35.5134 98.4309 36.3026C99.4356 37.0918 100 38.1622 100 39.2784C100 40.3945 99.4356 41.4649 98.4309 42.2542C97.4263 43.0434 96.0637 43.4868 94.6429 43.4868H83.9286C82.5078 43.4868 81.1452 43.0434 80.1405 42.2542C79.1358 41.4649 78.5714 40.3945 78.5714 39.2784ZM29.8 55.1469C30.2978 55.5377 30.6927 56.0017 30.9622 56.5125C31.2316 57.0232 31.3703 57.5707 31.3703 58.1236C31.3703 58.6765 31.2316 59.2239 30.9622 59.7347C30.6927 60.2455 30.2978 60.7095 29.8 61.1003L22.2143 67.0538C21.1988 67.7972 19.8556 68.2019 18.4677 68.1826C17.0798 68.1634 15.7556 67.7217 14.7741 66.9507C13.7926 66.1796 13.2304 65.1394 13.2059 64.0491C13.1814 62.9589 13.6966 61.9037 14.6429 61.1059L22.2143 55.1581C23.2188 54.37 24.5804 53.9273 26 53.9273C27.4196 53.9273 28.7812 54.37 29.7857 55.1581L29.8 55.1469ZM55.4714 36.5345C54.849 35.8087 53.9542 35.2534 52.9113 34.9459C51.8684 34.6383 50.7294 34.5938 49.6528 34.8185C48.5762 35.0432 47.6155 35.526 46.9045 36.1996C46.1935 36.8733 45.7675 37.7043 45.6857 38.577L42.1714 77.0754C42.0963 77.8844 42.3205 78.6933 42.8169 79.4045C43.3133 80.1158 44.0608 80.6993 44.9694 81.0846C45.8781 81.47 46.9091 81.6408 47.9385 81.5766C48.9678 81.5124 49.9516 81.2159 50.7714 80.7227L58.2214 76.2393L65.2571 96.8773C65.6247 97.9563 66.5227 98.8763 67.7538 99.4351C68.9848 99.9939 70.448 100.146 71.8214 99.8569C73.1949 99.5682 74.3661 98.8627 75.0774 97.8956C75.7887 96.9285 75.9818 95.7791 75.6143 94.7002L68.6286 74.2418L77.8571 75.3864C78.8882 75.5157 79.945 75.4055 80.8974 75.0693C81.8498 74.733 82.6563 74.1855 83.2179 73.494C83.7794 72.8025 84.0715 71.9971 84.0582 71.1769C84.0449 70.3567 83.7267 69.5575 83.1429 68.8774L55.4714 36.5345Z" fill="black"/> </svg> </div> </div> <h4 class="dark:text-white group-[.bg-hero-gradient]:text-white mb-0 text-xl">Durchdachte und intuitive Navigation</h4> </div> </div> </div> <div class="w-full flex justify-between flex-col px-12 py-5 text-center xl:border-l group-[.bg-hero-gradient]:xl:border-neutral-light/20 xl:dark:border-slate-800 sm:w-[calc(50%-(1.75rem/2))] xl:w-[calc(25%-(3.5rem*3/4))] "> <div> <div class="flex flex-col items-center mb-6"> <div class="mb-4 ml-1 mr-1"> <div class="w-12 h-12 p-2 scale-75 rounded-lg shadow-md dark:shadow-dark-card dark:backdrop-blur-lg" style="background-image:linear-gradient(45deg, hsl(263,80%,44%),hsl(263,100%,65%))"> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="#fff" class="w-8 h-8 [&>*]:fill-white" style="filter: drop-shadow(1px 2px 2px hsla(263,80%,30%,0.4)) drop-shadow(-1px 0px 0px rgba(0,0,0,.2));"> <path d="M91.3212 2C89.6044 2 87.9287 2.50212 86.5041 3.44756L63.3088 18.76C57.4885 22.6055 52.166 27.1434 47.4603 32.2721C57.126 36.7736 64.9019 44.4773 69.4455 54.0534C74.6226 49.3899 79.2029 44.1152 83.0842 38.3473L98.5446 15.3718C99.4151 14.0763 99.9147 12.5711 99.99 11.0166C100.065 9.46199 99.7137 7.9163 98.9724 6.54411C98.2312 5.17191 97.1281 4.02461 95.7807 3.22439C94.4333 2.42418 92.8921 2.00102 91.3212 2ZM53.4235 65.4439C56.4167 63.7969 59.3076 61.9736 62.0806 59.9839C60.2377 55.3657 57.4581 51.1712 53.9138 47.6598C50.3694 44.1483 46.1357 41.3945 41.4743 39.5687C39.4659 42.3144 37.6256 45.177 35.9631 48.141L34.6938 50.4028C38.6029 51.5171 42.1623 53.5967 45.0383 56.4467C47.9142 59.2968 50.0123 62.8237 51.1359 66.6969L53.428 65.4394L53.4235 65.4439ZM28.0868 56.2835C23.5456 56.2835 19.1905 58.0708 15.9794 61.2521C12.7683 64.4333 10.9643 68.7481 10.9643 73.2471C10.9646 74.1769 10.772 75.0967 10.3985 75.9496C10.025 76.8025 9.47854 77.5703 8.79309 78.2053C8.10763 78.8403 7.29777 79.3289 6.41376 79.6409C5.52976 79.9529 4.59047 80.0816 3.65417 80.019C3.03508 79.9778 2.41633 80.104 1.86401 80.3841C1.31169 80.6642 0.846573 81.0877 0.51835 81.6094C0.190128 82.1311 0.0111371 82.7313 0.000503094 83.3459C-0.0101309 83.9606 0.147992 84.5665 0.457975 85.099C3.09205 89.6325 7.16319 93.1776 12.0393 95.1838C16.9154 97.19 22.3237 97.5452 27.4245 96.1942C32.5253 94.8432 37.0331 91.8615 40.2481 87.7122C43.4632 83.5629 45.2055 78.4781 45.2047 73.2471C45.2047 71.0194 44.7618 68.8136 43.9013 66.7554C43.0408 64.6973 41.7796 62.8273 40.1896 61.2521C38.5997 59.6768 36.7121 58.4273 34.6347 57.5748C32.5573 56.7223 30.3353 56.2835 28.0868 56.2835Z" fill="black"/> </svg> </div> </div> <h4 class="dark:text-white group-[.bg-hero-gradient]:text-white mb-0 text-xl">Ansprechendes responsives Design</h4> </div> </div> </div> <div class="w-full flex justify-between flex-col px-12 py-5 text-center xl:border-l group-[.bg-hero-gradient]:xl:border-neutral-light/20 xl:dark:border-slate-800 sm:w-[calc(50%-(1.75rem/2))] xl:w-[calc(25%-(3.5rem*3/4))] "> <div> <div class="flex flex-col items-center mb-6"> <div class="mb-4 ml-1 mr-1"> <div class="w-12 h-12 p-2 scale-75 rounded-lg shadow-md dark:shadow-dark-card dark:backdrop-blur-lg" style="background-image:linear-gradient(45deg, hsl(263,80%,44%),hsl(263,100%,65%))"> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="#fff" class="w-8 h-8 [&>*]:fill-white" style="filter: drop-shadow(1px 2px 2px hsla(263,80%,30%,0.4)) drop-shadow(-1px 0px 0px rgba(0,0,0,.2));"> <path fill-rule="evenodd" clip-rule="evenodd" d="M62.4939 0.451691C63.1935 0.839757 63.7425 1.45014 64.0534 2.18546C64.3643 2.92078 64.4191 3.73869 64.2092 4.5087L54.6918 39.2837H89.4169C90.1152 39.2838 90.7983 39.4872 91.3822 39.8689C91.9661 40.2507 92.4253 40.7942 92.7035 41.4326C92.9816 42.071 93.0666 42.7764 92.9478 43.4623C92.8291 44.1481 92.5118 44.7845 92.0351 45.293L41.8682 98.8627C41.3218 99.4474 40.5944 99.8326 39.8024 99.9567C39.0104 100.081 38.1995 99.9365 37.4994 99.5471C36.7994 99.1577 36.2506 98.5455 35.9408 97.8085C35.6311 97.0715 35.5782 96.2523 35.7908 95.4818L45.3082 60.7116H10.5831C9.8848 60.7115 9.2017 60.5081 8.6178 60.1263C8.0339 59.7446 7.57465 59.2011 7.29651 58.5627C7.01836 57.9243 6.93344 57.2188 7.05219 56.533C7.17093 55.8471 7.48816 55.2108 7.96489 54.7022L58.1318 1.13262C58.6782 0.550002 59.4046 0.166427 60.1952 0.043021C60.9857 -0.0803847 61.795 0.0634806 62.4939 0.451691Z" fill="black"/> </svg> </div> </div> <h4 class="dark:text-white group-[.bg-hero-gradient]:text-white mb-0 text-xl">Überdurchschnittlich schnelle Ladezeiten</h4> </div> </div> </div> <div class="w-full flex justify-between flex-col px-12 py-5 text-center xl:border-l group-[.bg-hero-gradient]:xl:border-neutral-light/20 xl:dark:border-slate-800 sm:w-[calc(50%-(1.75rem/2))] xl:w-[calc(25%-(3.5rem*3/4))] "> <div> <div class="flex flex-col items-center mb-6"> <div class="mb-4 ml-1 mr-1"> <div class="w-12 h-12 p-2 scale-75 rounded-lg shadow-md dark:shadow-dark-card dark:backdrop-blur-lg" style="background-image:linear-gradient(45deg, hsl(263,80%,44%),hsl(263,100%,65%))"> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="#fff" class="w-8 h-8 [&>*]:fill-white" style="filter: drop-shadow(1px 2px 2px hsla(263,80%,30%,0.4)) drop-shadow(-1px 0px 0px rgba(0,0,0,.2));"> <path d="M45.0892 3C68.3224 3 87.1784 21.856 87.1784 45.0892C87.1784 68.3224 68.3224 87.1784 45.0892 87.1784C21.856 87.1784 3 68.3224 3 45.0892C3 21.856 21.856 3 45.0892 3ZM82.649 80.2782C83.8204 79.1068 85.7197 79.1066 86.8913 80.2779L95.8779 89.2613C97.0499 90.4328 97.05 92.3326 95.8783 93.5043L93.5043 95.8783C92.3326 97.05 90.4328 97.0499 89.2613 95.8779L80.2779 86.8913C79.1066 85.7197 79.1068 83.8204 80.2782 82.649L82.649 80.2782Z" fill="black"/> </svg> </div> </div> <h4 class="dark:text-white group-[.bg-hero-gradient]:text-white mb-0 text-xl">Suchmaschinenoptimierung (SEO)</h4> </div> </div> </div> <div class="w-full flex justify-between flex-col px-12 py-5 text-center xl:border-l group-[.bg-hero-gradient]:xl:border-neutral-light/20 xl:dark:border-slate-800 sm:w-[calc(50%-(1.75rem/2))] xl:w-[calc(25%-(3.5rem*3/4))] "> <div> <div class="flex flex-col items-center mb-6"> <div class="mb-4 ml-1 mr-1"> <div class="w-12 h-12 p-2 scale-75 rounded-lg shadow-md dark:shadow-dark-card dark:backdrop-blur-lg" style="background-image:linear-gradient(45deg, hsl(263,80%,44%),hsl(263,100%,65%))"> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="#fff" class="w-8 h-8 [&>*]:fill-white" style="filter: drop-shadow(1px 2px 2px hsla(263,80%,30%,0.4)) drop-shadow(-1px 0px 0px rgba(0,0,0,.2));"> <path d="M52.6316 52.1333H68.4211V89H84.2105V52.1333H100V36.3333H52.6316V52.1333ZM68.4211 10H0V25.8H26.3158V89H42.1053V25.8H68.4211V10Z" fill="black"/> </svg> </div> </div> <h4 class="dark:text-white group-[.bg-hero-gradient]:text-white mb-0 text-xl">Aktuelle und überzeugende Inhalte</h4> </div> </div> </div> <div class="w-full flex justify-between flex-col px-12 py-5 text-center xl:border-l group-[.bg-hero-gradient]:xl:border-neutral-light/20 xl:dark:border-slate-800 sm:w-[calc(50%-(1.75rem/2))] xl:w-[calc(25%-(3.5rem*3/4))] "> <div> <div class="flex flex-col items-center mb-6"> <div class="mb-4 ml-1 mr-1"> <div class="w-12 h-12 p-2 scale-75 rounded-lg shadow-md dark:shadow-dark-card dark:backdrop-blur-lg" style="background-image:linear-gradient(45deg, hsl(263,80%,44%),hsl(263,100%,65%))"> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="#fff" class="w-8 h-8 [&>*]:fill-white" style="filter: drop-shadow(1px 2px 2px hsla(263,80%,30%,0.4)) drop-shadow(-1px 0px 0px rgba(0,0,0,.2));"> <path d="M90 70V30H80V20H92.5C96.5 20 100 23.5 100 27.5V72.5C100 76.5 96.5 80 92.5 80H80V70H90Z" fill="black"/> <path d="M88.5 91.5C87.5 90.5 86.5 90 85 90H75C73.5 90 72.5 89.5 71.5 88.5C70.5 87.5 70 86.5 70 85V15C70 13.5 70.5 12.5 71.5 11.5C72.5 10.5 73.5 10 75 10H85C86.5 10 87.5 9.5 88.5 8.5C89.5 7.5 90 6.5 90 5C90 3.5 89.5 2.5 88.5 1.5C87.5 0.5 86.5 0 85 0H75C71.5 0 67.5 1.5 65 4C62.5 1.5 59 0 55 0H45C43.5 0 42.5 0.5 41.5 1.5C40.5 2.5 40 3.5 40 5C40 6.5 40.5 7.5 41.5 8.5C42.5 9.5 43.5 10 45 10H55C56.5 10 57.5 10.5 58.5 11.5C59.5 12.5 60 13.5 60 15V85C60 86.5 59.5 87.5 58.5 88.5C57.5 89.5 56.5 90 55 90H45C43.5 90 42.5 90.5 41.5 91.5C40.5 92.5 40 93.5 40 95C40 96.5 40.5 97.5 41.5 98.5C42.5 99.5 43.5 100 45 100H55C58.5 100 62.5 98.5 65 96C67.5 98.5 71 100 75 100H85C86.5 100 87.5 99.5 88.5 98.5C89.5 97.5 90 96.5 90 95C90 93.5 89.5 92.5 88.5 91.5Z" fill="black"/> <path d="M10 70V30H50V20H7.5C3.5 20 0 23.5 0 27.5V72.5C0 76.5 3.5 80 7.5 80H50V70H10Z" fill="black"/> </svg> </div> </div> <h4 class="dark:text-white group-[.bg-hero-gradient]:text-white mb-0 text-xl">Handlungsaufforderungen und Formulare</h4> </div> </div> </div> <div class="w-full flex justify-between flex-col px-12 py-5 text-center xl:border-l group-[.bg-hero-gradient]:xl:border-neutral-light/20 xl:dark:border-slate-800 sm:w-[calc(50%-(1.75rem/2))] xl:w-[calc(25%-(3.5rem*3/4))] "> <div> <div class="flex flex-col items-center mb-6"> <div class="mb-4 ml-1 mr-1"> <div class="w-12 h-12 p-2 scale-75 rounded-lg shadow-md dark:shadow-dark-card dark:backdrop-blur-lg" style="background-image:linear-gradient(45deg, hsl(263,80%,44%),hsl(263,100%,65%))"> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="#fff" class="w-8 h-8 [&>*]:fill-white" style="filter: drop-shadow(1px 2px 2px hsla(263,80%,30%,0.4)) drop-shadow(-1px 0px 0px rgba(0,0,0,.2));"> <path d="M84.1544 15.5069L50.5956 0.13017C50.2174 -0.0433901 49.7816 -0.0433901 49.4034 0.13017L15.8404 15.5069C15.2237 15.7879 14.8866 16.4656 15.0346 17.131C15.0511 17.2095 15.0757 17.288 15.1045 17.3624V58.332C15.1045 63.6877 16.9422 69.2168 20.5722 74.7793C23.4252 79.1473 27.3843 83.5525 32.3468 87.8667C40.7416 95.1646 49.0088 99.6401 49.3582 99.8306C49.572 99.9463 49.8022 100 50.0366 100C50.2668 100 50.5052 99.9422 50.7149 99.8306C51.0602 99.6405 59.3234 95.1692 67.7264 87.8667C72.6884 83.5524 76.6474 79.1472 79.5009 74.7793C83.131 69.217 84.9686 63.684 84.9686 58.332V17.1233C85.1084 16.4621 84.7711 15.7878 84.1544 15.5069Z" fill="black"/> </svg> </div> </div> <h4 class="dark:text-white group-[.bg-hero-gradient]:text-white mb-0 text-xl">Datenschutz und Sicherheit</h4> </div> </div> </div> </div> </div> </section> <section id="lmkskp53" class=" relative"> <div class="inner relative fluid-container pt-extraSmall pb-default max-w-screen-2xl">  <div class="fluid-container text-lg dark:text-white w-full text-center max-w-3xl "> <p class="roofline dark:text-white group-[.bg-hero-gradient]:text-white">Überzeugt?</p> <span class="gradientless"></span> <h5 class="default-text-headline relative dark:text-white group-[.bg-hero-gradient]:text-white bg-headline-gradient dark:bg-headline-gradient-dark dark:text-transparent bg-clip-text font-bold text-transparent"> Lass uns Sprechen! </h5> <div class="text-content group-[.bg-hero-gradient]:text-white "> </div> <div class="mt-extraSmall">  <div class="flex gap-8 justify-center md:justify-start flex-wrap items-start md:justify-center">  <div class="inline-flex flex-col items-center"> <a class="md:justify-center button font-medium focus:outline-none text-lg dark:text-white group/button shadow-lg inline-flex items-center border z-10 px-5 py-3 relative text-center transition duration-500 ease-in-out hover:shadow rounded-lg tracking-wide leading-6 no-underline select-none md:whitespace-nowrap motion-safe:transition bg-primary bg-gradient-to-r to-primary from-primary-light text-white hover:text-white group-[.banner]:from-white group-[.bg-hero-gradient]:from-white group-[.banner]:to-white group-[.bg-hero-gradient]:to-white group-[.banner]:text-primary group-[.bg-hero-gradient]:text-primary group-[.browser]:text-white group-[.browser]:bg-primary group-[.browser]:bg-gradient-to-r group-[.browser]:from-primary-light group-[.browser]:to-primary" href="/termin/" target="_blank" > Website erstellen lassen </a> <div class="mt-3 text-sm group-[.banner]:text-white group-[.bg-hero-gradient]:text-white group-[.browser]:text-fontColor"> Jetzt zur kostenlosen Erstberatung! </div> </div>  </div>  </div> </div>  </div> </section> <section id="lxj6n5yx" class=" relative"> <div class="inner relative fluid-container pt-default pb-default max-w-screen-2xl">  <div class="fluid-container text-lg dark:text-white w-full text-center max-w-3xl "> <p class="roofline dark:text-white group-[.bg-hero-gradient]:text-white">Ein Held was er verspricht. 😉</p> <span class="gradientless"></span> <h3 class="default-text-headline relative dark:text-white group-[.bg-hero-gradient]:text-white bg-headline-gradient dark:bg-headline-gradient-dark dark:text-transparent bg-clip-text font-bold text-transparent"> Deine Webdesign Super-Helden. <span class="gradientless">🙌</span> </h3> <div class="text-content group-[.bg-hero-gradient]:text-white "> <p>Wir haben eine digitale Taskforce zusammengetrommelt, die dich auf deiner Heldenreise begleitet. Immer auf Abruf, um deinen Plan zu verwirklichen. Während du im Rampenlicht stehst, arbeiten sie hinter den Kulissen unermüdlich für dich und deine Mission.</p><p>Während deine Gegenspieler noch zögerlich nachdenken, bereitest du mit uns bereits deinen nächsten Coup vor. So bleibst du immer drei Schritte voraus.</p> </div> <div class="mt-extraSmall">  <div class="flex gap-8 justify-center md:justify-start flex-wrap items-start md:justify-center">  <div class="inline-flex flex-col items-center"> <a class="md:justify-center button font-medium focus:outline-none text-lg dark:text-white group/button group inline-flex items-start overflow-hidden z-10 p-3 tracking-wide leading-6 no-underline transition ease-in-out select-none md:whitespace-nowrap motion-safe:transition text-primary group-[.banner]:text-white group-[.bg-hero-gradient]:text-white group-[.browser]:text-primary" href="/webdesign-agentur/" > <svg width="17" height="17" class="mr-2 mt-[3px] transition ease-in-out group-hover/button:scale-125 dark:text-white" viewBox="0 0 17 17" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0.255615C4.08154 0.255615 0.5 3.83715 0.5 8.25562C0.5 12.6741 4.08154 16.2556 8.5 16.2556C12.9185 16.2556 16.5 12.6741 16.5 8.25562C16.5 3.83715 12.9185 0.255615 8.5 0.255615ZM12.0118 8.69049C12.127 8.5751 12.1918 8.41869 12.1918 8.25562C12.1918 8.09254 12.127 7.93613 12.0118 7.82074L9.55026 5.35921C9.49392 5.29874 9.42598 5.25025 9.35049 5.21662C9.27501 5.18298 9.19352 5.1649 9.11089 5.16344C9.02826 5.16198 8.94619 5.17718 8.86956 5.20813C8.79293 5.23908 8.72333 5.28515 8.66489 5.34358C8.60646 5.40202 8.56039 5.47163 8.52944 5.54825C8.49849 5.62488 8.48329 5.70695 8.48475 5.78958C8.4862 5.87221 8.50429 5.9537 8.53792 6.02918C8.57156 6.10467 8.62005 6.17261 8.68051 6.22895L10.0918 7.64023H5.42308C5.25987 7.64023 5.10334 7.70507 4.98793 7.82047C4.87253 7.93588 4.80769 8.09241 4.80769 8.25562C4.80769 8.41883 4.87253 8.57535 4.98793 8.69076C5.10334 8.80616 5.25987 8.871 5.42308 8.871H10.0918L8.68051 10.2823C8.62005 10.3386 8.57156 10.4066 8.53792 10.482C8.50429 10.5575 8.4862 10.639 8.48475 10.7216C8.48329 10.8043 8.49849 10.8864 8.52944 10.963C8.56039 11.0396 8.60646 11.1092 8.66489 11.1676C8.72333 11.2261 8.79293 11.2722 8.86956 11.3031C8.94619 11.3341 9.02826 11.3493 9.11089 11.3478C9.19352 11.3463 9.27501 11.3282 9.35049 11.2946C9.42598 11.261 9.49392 11.2125 9.55026 11.152L12.0118 8.69049Z" /> </svg> Web Agentur kennenlernen </a> </div>  </div>  </div> </div>  </div> </section> <section id="lxj6lww5" class=" relative"> <div class="inner relative fluid-container pt-small pb-large max-w-5xl"> <div class="relative w-full" > <figure> <div class="relative mx-auto overflow-clip ">  <picture class=""> <source srcset=" /img/containers/files/images/team/team-teaser-67.png/1821a61b7fd3436638161c873fe395e8/team-teaser-67.webp 320w, /img/containers/files/images/team/team-teaser-67.png/0ac0c4db7d52f33a7ac1c0eade9480cf/team-teaser-67.webp 480w, /img/containers/files/images/team/team-teaser-67.png/4f076a353fabdb96b338556dd41c26f6/team-teaser-67.webp 768w, /img/containers/files/images/team/team-teaser-67.png/9fc30eac1a643dd608c0fd1c94c137df/team-teaser-67.webp 1280w, " sizes="(max-width: 1280px) 90vw, 1024px" type="image/webp"> <source srcset=" /img/containers/files/images/team/team-teaser-67.png/4f0e1168fcd9c446af06e35562392a94/team-teaser-67.png 320w, /img/containers/files/images/team/team-teaser-67.png/c29a4160cb2fe2347827759d553e7d4a/team-teaser-67.png 480w, /img/containers/files/images/team/team-teaser-67.png/bbe27d7efc36ae156d09bc34f65d3e93/team-teaser-67.png 768w, /img/containers/files/images/team/team-teaser-67.png/c45fef4bdaaf851b33a82a481baafe43/team-teaser-67.png 1280w, " sizes="(max-width: 1280px) 90vw, 1024px" type="image/png"> <img class="max-h-[870px] object-contain" src="/img/containers/files/images/team/team-teaser-67.png/c45fef4bdaaf851b33a82a481baafe43/team-teaser-67.png" alt="Die Webdesigner der Homepage Helden" title="Die Webdesigner der Homepage Helden erstellen deine Website" width="1238" height="840" sizes="(max-width: 1280px) 90vw, 1024px" loading="lazy" > </picture>  </div> </figure> </div> </div> </section> <section id="lmjncb6x" class=" relative dark:backdrop-blur-3xl"> <div class="absolute top-0 left-0 w-full h-full border-t opacity-30 glassframe border-white/50 dark:backdrop-blur-3xl dark:opacity-10"> <div class="w-full h-full mix-blend-overlay noise"></div> </div> <div class="hidden md:block opacity-60 absolute -z-10 blur-[15px] w-[400px] h-[400px] scale-[5] left-1/2 -translate-x-1/2 -top-10"> <svg width="7627" height="9174" class="w-full h-full glow-animation will-change-[filter]" viewBox="0 0 7627 9174" fill="none" xmlns="http://www.w3.org/2000/svg"> <g class="square1"><path class="square1inner" d="M4241.69 4845.52C3904.52 4663.97 4094.72 4525.64 3986.66 4188.44C3852.98 3771.36 3275.49 3680.56 2962.17 3993.89C2823.85 4132.23 3070.24 4996.84 3221.53 5217.32C3372.83 5437.79 3831.04 5757.7 3895.87 5822.53C3960.72 5887.38 4276.27 5986.81 4479.44 5917.64C4682.61 5848.48 4730.15 5511.28 4695.57 5316.75C4661 5122.21 4578.86 5027.09 4241.69 4845.52Z" fill="#FF00F5"/></g> <g class="square2"><path class="square2inner" d="M3315.69 4428.02C3497.25 4432.35 3951.13 4479.89 3981.38 4190.26C4025.5 3768.07 4306.35 4000.02 4180.23 3451.01C4024.61 3304.03 3397.83 3174.34 3077.94 3260.8C2758.06 3347.26 2801.29 3749.3 2822.9 3900.6C2844.51 4051.92 3134.14 4423.7 3315.69 4428.02Z" fill="#0060FF"/></g> <g class="square3"><path class="square3inner" d="M3407.75 4830.05C3486.75 4909.38 3646.86 5149.62 3955.6 4831.37C4405.61 4367.5 4298.53 4747.35 4799.45 4068.95C4877.58 3837.41 4721.64 3432.55 4486.68 3400.19C4251.71 3367.83 3862.32 3844.5 3718.22 4026.09C3574.14 4207.66 3328.74 4750.74 3407.75 4830.05Z" fill="#04D9FF"/></g> </svg> </div> <div class="inner relative fluid-container pt-default pb-small max-w-wide">  <div class="fluid-container text-lg dark:text-white w-full text-center max-w-4xl mb-default"> <span class="gradientless"></span> <h3 class="default-text-headline relative dark:text-white group-[.bg-hero-gradient]:text-white bg-headline-gradient dark:bg-headline-gradient-dark dark:text-transparent bg-clip-text font-bold text-transparent"> <span class="gradientless">Die smartesten Unternehmen Deutschlands </span><br><span class="gradientless">vertrauen auf unsere Webdesigner, um ihre Website erstellen zu lassen.</span> </h3> <div class="text-content group-[.bg-hero-gradient]:text-white "> </div> </div>  <div id="references" class="flex flex-wrap justify-center gap-32 gap-y-16 md:gap-y-32"> <div class="reference outer w-[340px] aspect-[4/3.5] [perspective:1000px] group hover:z-10"> <div class="relative w-full h-full inner transition-all duration-500 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]"> <div class="front absolute w-full h-full [backface-visibility:hidden] bg-white rounded-2xl shadow-lg dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card overflow-hidden"> <div class="relative w-full h-full"> <picture> <source srcset="/img/containers/files/images/references/tiles/viebrock-reithallen.jpg/05384a27922c25807cf33bc714912534/viebrock-reithallen.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/tiles/viebrock-reithallen.jpg/8591d9c5ddf48be4745e22100df70a44/viebrock-reithallen.jpg" type="image/jpeg" loading="lazy"> <img class="object-cover w-full h-full" style="object-position: center" loading="lazy"> </picture> </div> </div> <div class=" relative border border-white rounded-xl rounded-b-2xl shadow-lg bg-[#F5F5F5] dark:bg-opacity-5 dark:shadow-dark-card back absolute w-full h-full p-2 text-center [transform:rotateY(180deg)] [backface-visibility:hidden] "> <div class="p-8 pb-4 mb-0 text-base font-semibold text-center"> Viebrockreithallen GmbH & Co. Betrieb KG </div> <div class="inline-block px-4 py-1 mb-2 text-center bg-white/20 text-xs border border-gray-200 rounded-lg text-[#637884] font-medium"> Architektur, Planung & Ingenieurwesen </div> <div class="absolute left-0 right-0 m-auto bottom-12"> <a href="https://www.viebrockreithallen.de/" target="_blank" class="button font-medium text-sm focus:outline-none dark:text-white shadow-lg inline-flex items-center overflow-hidden z-10 px-5 py-3 relative after:content-[''] after:absolute after:-z-10 after:w-full after:h-full after:left-0 after:bg-button-gradient after:transition after:duration-500 after:ease-in-out hover:after:opacity-0 hover:shadow rounded-lg tracking-wide leading-none no-underline transition duration-500 ease-in-out select-none whitespace-nowrap motion-safe:transition bg-button-gradient-reverse bg-primary text-white hover:text-white"> Referenz-Website ansehen </a> </div> </div> <div class="absolute left-1/2 -translate-x-1/2 -bottom-12 w-20 h-20 flex items-center justify-center bg-white/50 rounded-full shadow-[0px_1px_1px_0_rgba(255,255,255,0.8)_inset] dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card backdrop-blur-md"> <picture> <source srcset="/img/containers/files/images/references/favicons/viebrock-reithallen.png/3361e170e0b2698af7ecfb76694cbaf8/viebrock-reithallen.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/favicons/viebrock-reithallen.png/230c6baaac8706864136ac02a79b60b0/viebrock-reithallen.png" type="image/png" loading="lazy"> <img class="h-11 w-11 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)] transition-all duration-500" style="object-position: center" loading="lazy"> </picture> </div> </div> </div> <div class="reference outer w-[340px] aspect-[4/3.5] [perspective:1000px] group hover:z-10"> <div class="relative w-full h-full inner transition-all duration-500 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]"> <div class="front absolute w-full h-full [backface-visibility:hidden] bg-white rounded-2xl shadow-lg dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card overflow-hidden"> <div class="relative w-full h-full"> <picture> <source srcset="/img/containers/files/images/references/tiles/block-gruppe.jpg/e90b8eca6d6717e039dc2ea0845ba0a4/block-gruppe.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/tiles/block-gruppe.jpg/884231aadf8aa647354c94451a1937b6/block-gruppe.jpg" type="image/jpeg" loading="lazy"> <img class="object-cover w-full h-full" style="object-position: center" loading="lazy"> </picture> </div> </div> <div class=" relative border border-white rounded-xl rounded-b-2xl shadow-lg bg-[#F5F5F5] dark:bg-opacity-5 dark:shadow-dark-card back absolute w-full h-full p-2 text-center [transform:rotateY(180deg)] [backface-visibility:hidden] "> <div class="p-8 pb-4 mb-0 text-base font-semibold text-center"> Block Gruppe </div> <div class="inline-block px-4 py-1 mb-2 text-center bg-white/20 text-xs border border-gray-200 rounded-lg text-[#637884] font-medium"> Hotel & Restaurant </div> <div class="absolute left-0 right-0 m-auto bottom-12"> <a href="https://www.block-gruppe.de/" target="_blank" class="button font-medium text-sm focus:outline-none dark:text-white shadow-lg inline-flex items-center overflow-hidden z-10 px-5 py-3 relative after:content-[''] after:absolute after:-z-10 after:w-full after:h-full after:left-0 after:bg-button-gradient after:transition after:duration-500 after:ease-in-out hover:after:opacity-0 hover:shadow rounded-lg tracking-wide leading-none no-underline transition duration-500 ease-in-out select-none whitespace-nowrap motion-safe:transition bg-button-gradient-reverse bg-primary text-white hover:text-white"> Referenz-Website ansehen </a> </div> </div> <div class="absolute left-1/2 -translate-x-1/2 -bottom-12 w-20 h-20 flex items-center justify-center bg-white/50 rounded-full shadow-[0px_1px_1px_0_rgba(255,255,255,0.8)_inset] dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card backdrop-blur-md"> <picture> <source srcset="/img/containers/files/images/references/favicons/block-gruppe.png/1b0a740093aa8fe97a1ac8562ac4107b/block-gruppe.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/favicons/block-gruppe.png/b46be1c61cb7b39803be42db9744a5bb/block-gruppe.png" type="image/png" loading="lazy"> <img class="h-11 w-11 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)] transition-all duration-500" style="object-position: center" loading="lazy"> </picture> </div> </div> </div> <div class="reference outer w-[340px] aspect-[4/3.5] [perspective:1000px] group hover:z-10"> <div class="relative w-full h-full inner transition-all duration-500 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]"> <div class="front absolute w-full h-full [backface-visibility:hidden] bg-white rounded-2xl shadow-lg dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card overflow-hidden"> <div class="relative w-full h-full"> <picture> <source srcset="/img/containers/files/images/references/tiles/mietsiegel.de.jpg/9ed6d686e845cc31ce628e9a35346cc0/mietsiegel.de.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/tiles/mietsiegel.de.jpg/545f1cfdc68c6e363890676d090a7639/mietsiegel.de.jpg" type="image/jpeg" loading="lazy"> <img class="object-cover w-full h-full" style="object-position: center" loading="lazy"> </picture> </div> </div> <div class=" relative border border-white rounded-xl rounded-b-2xl shadow-lg bg-[#F5F5F5] dark:bg-opacity-5 dark:shadow-dark-card back absolute w-full h-full p-2 text-center [transform:rotateY(180deg)] [backface-visibility:hidden] "> <div class="p-8 pb-4 mb-0 text-base font-semibold text-center"> Mietsiegel </div> <div class="inline-block px-4 py-1 mb-2 text-center bg-white/20 text-xs border border-gray-200 rounded-lg text-[#637884] font-medium"> Immobilien & Wohnen </div> <div class="absolute left-0 right-0 m-auto bottom-12"> <a href="https://www.mietsiegel.de/" target="_blank" class="button font-medium text-sm focus:outline-none dark:text-white shadow-lg inline-flex items-center overflow-hidden z-10 px-5 py-3 relative after:content-[''] after:absolute after:-z-10 after:w-full after:h-full after:left-0 after:bg-button-gradient after:transition after:duration-500 after:ease-in-out hover:after:opacity-0 hover:shadow rounded-lg tracking-wide leading-none no-underline transition duration-500 ease-in-out select-none whitespace-nowrap motion-safe:transition bg-button-gradient-reverse bg-primary text-white hover:text-white"> Referenz-Website ansehen </a> </div> </div> <div class="absolute left-1/2 -translate-x-1/2 -bottom-12 w-20 h-20 flex items-center justify-center bg-white/50 rounded-full shadow-[0px_1px_1px_0_rgba(255,255,255,0.8)_inset] dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card backdrop-blur-md"> <picture> <source srcset="/img/containers/files/images/references/favicons/mietsiegel.png/bb28b86fd6e6869b8eb42874c28a238a/mietsiegel.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/favicons/mietsiegel.png/f8e8145ff9811d4d80556328ff7d4fea/mietsiegel.png" type="image/png" loading="lazy"> <img class="h-11 w-11 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)] transition-all duration-500" style="object-position: center" loading="lazy"> </picture> </div> </div> </div> <div class="reference outer w-[340px] aspect-[4/3.5] [perspective:1000px] group hover:z-10"> <div class="relative w-full h-full inner transition-all duration-500 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]"> <div class="front absolute w-full h-full [backface-visibility:hidden] bg-white rounded-2xl shadow-lg dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card overflow-hidden"> <div class="relative w-full h-full"> <picture> <source srcset="/img/containers/files/images/references/tiles/ibe-ludwigshafen.jpg/8c8151c64e02dd26a5614b67fca066b7/ibe-ludwigshafen.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/tiles/ibe-ludwigshafen.jpg/319c97bd6761028034b11cd5c977583e/ibe-ludwigshafen.jpg" type="image/jpeg" loading="lazy"> <img class="object-cover w-full h-full" style="object-position: center" loading="lazy"> </picture> </div> </div> <div class=" relative border border-white rounded-xl rounded-b-2xl shadow-lg bg-[#F5F5F5] dark:bg-opacity-5 dark:shadow-dark-card back absolute w-full h-full p-2 text-center [transform:rotateY(180deg)] [backface-visibility:hidden] "> <div class="p-8 pb-4 mb-0 text-base font-semibold text-center"> Institut für Beschäftigung und Employability IBE </div> <div class="inline-block px-4 py-1 mb-2 text-center bg-white/20 text-xs border border-gray-200 rounded-lg text-[#637884] font-medium"> Verbände & Lobbyarbeit </div> <div class="absolute left-0 right-0 m-auto bottom-12"> <a href="https://www.ibe-ludwigshafen.de/" target="_blank" class="button font-medium text-sm focus:outline-none dark:text-white shadow-lg inline-flex items-center overflow-hidden z-10 px-5 py-3 relative after:content-[''] after:absolute after:-z-10 after:w-full after:h-full after:left-0 after:bg-button-gradient after:transition after:duration-500 after:ease-in-out hover:after:opacity-0 hover:shadow rounded-lg tracking-wide leading-none no-underline transition duration-500 ease-in-out select-none whitespace-nowrap motion-safe:transition bg-button-gradient-reverse bg-primary text-white hover:text-white"> Referenz-Website ansehen </a> </div> </div> <div class="absolute left-1/2 -translate-x-1/2 -bottom-12 w-20 h-20 flex items-center justify-center bg-white/50 rounded-full shadow-[0px_1px_1px_0_rgba(255,255,255,0.8)_inset] dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card backdrop-blur-md"> <picture> <source srcset="/img/containers/files/images/references/favicons/ibe-ludwigshafen.png/93bf309992f41cc4098adfec31c2b88f/ibe-ludwigshafen.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/favicons/ibe-ludwigshafen.png/531724f80bd2a43cbe9fd690abc1d147/ibe-ludwigshafen.png" type="image/png" loading="lazy"> <img class="h-11 w-11 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)] transition-all duration-500" style="object-position: center" loading="lazy"> </picture> </div> </div> </div> <div class="reference outer w-[340px] aspect-[4/3.5] [perspective:1000px] group hover:z-10"> <div class="relative w-full h-full inner transition-all duration-500 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]"> <div class="front absolute w-full h-full [backface-visibility:hidden] bg-white rounded-2xl shadow-lg dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card overflow-hidden"> <div class="relative w-full h-full"> <picture> <source srcset="/img/containers/files/images/references/tiles/leseberg.jpg/0db0bcf435b7a7a7a5f5ac3bd893bfbb/leseberg.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/tiles/leseberg.jpg/faf5c9ca3d978fe604093c2b50fb1ddd/leseberg.jpg" type="image/jpeg" loading="lazy"> <img class="object-cover w-full h-full" style="object-position: center" loading="lazy"> </picture> </div> </div> <div class=" relative border border-white rounded-xl rounded-b-2xl shadow-lg bg-[#F5F5F5] dark:bg-opacity-5 dark:shadow-dark-card back absolute w-full h-full p-2 text-center [transform:rotateY(180deg)] [backface-visibility:hidden] "> <div class="p-8 pb-4 mb-0 text-base font-semibold text-center"> Leseberg Automobile GmbH </div> <div class="inline-block px-4 py-1 mb-2 text-center bg-white/20 text-xs border border-gray-200 rounded-lg text-[#637884] font-medium"> Handel & E-Commerce </div> <div class="absolute left-0 right-0 m-auto bottom-12"> <a href="https://www.leseberg.de/" target="_blank" class="button font-medium text-sm focus:outline-none dark:text-white shadow-lg inline-flex items-center overflow-hidden z-10 px-5 py-3 relative after:content-[''] after:absolute after:-z-10 after:w-full after:h-full after:left-0 after:bg-button-gradient after:transition after:duration-500 after:ease-in-out hover:after:opacity-0 hover:shadow rounded-lg tracking-wide leading-none no-underline transition duration-500 ease-in-out select-none whitespace-nowrap motion-safe:transition bg-button-gradient-reverse bg-primary text-white hover:text-white"> Referenz-Website ansehen </a> </div> </div> <div class="absolute left-1/2 -translate-x-1/2 -bottom-12 w-20 h-20 flex items-center justify-center bg-white/50 rounded-full shadow-[0px_1px_1px_0_rgba(255,255,255,0.8)_inset] dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card backdrop-blur-md"> <picture> <source srcset="/img/containers/files/images/references/favicons/leseberg.png/8303580367b6445b3b524e8805f542b4/leseberg.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/favicons/leseberg.png/2f657fcc6bb95796d5a09f98c4a051b2/leseberg.png" type="image/png" loading="lazy"> <img class="h-11 w-11 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)] transition-all duration-500" style="object-position: center" loading="lazy"> </picture> </div> </div> </div> <div class="reference outer w-[340px] aspect-[4/3.5] [perspective:1000px] group hover:z-10"> <div class="relative w-full h-full inner transition-all duration-500 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]"> <div class="front absolute w-full h-full [backface-visibility:hidden] bg-white rounded-2xl shadow-lg dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card overflow-hidden"> <div class="relative w-full h-full"> <picture> <source srcset="/img/containers/files/images/references/tiles/doerner.jpg/7310dcbdc5b7b17a027865746fc8af07/doerner.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/tiles/doerner.jpg/823d187db7996774a8537b0d1fabc6f5/doerner.jpg" type="image/jpeg" loading="lazy"> <img class="object-cover w-full h-full" style="object-position: center" loading="lazy"> </picture> </div> </div> <div class=" relative border border-white rounded-xl rounded-b-2xl shadow-lg bg-[#F5F5F5] dark:bg-opacity-5 dark:shadow-dark-card back absolute w-full h-full p-2 text-center [transform:rotateY(180deg)] [backface-visibility:hidden] "> <div class="p-8 pb-4 mb-0 text-base font-semibold text-center"> OTTO DÖRNER GmbH & Co. KG </div> <div class="inline-block px-4 py-1 mb-2 text-center bg-white/20 text-xs border border-gray-200 rounded-lg text-[#637884] font-medium"> Bauwesen & Infrastruktur </div> <div class="absolute left-0 right-0 m-auto bottom-12"> <a href="https://www.doerner.de/" target="_blank" class="button font-medium text-sm focus:outline-none dark:text-white shadow-lg inline-flex items-center overflow-hidden z-10 px-5 py-3 relative after:content-[''] after:absolute after:-z-10 after:w-full after:h-full after:left-0 after:bg-button-gradient after:transition after:duration-500 after:ease-in-out hover:after:opacity-0 hover:shadow rounded-lg tracking-wide leading-none no-underline transition duration-500 ease-in-out select-none whitespace-nowrap motion-safe:transition bg-button-gradient-reverse bg-primary text-white hover:text-white"> Referenz-Website ansehen </a> </div> </div> <div class="absolute left-1/2 -translate-x-1/2 -bottom-12 w-20 h-20 flex items-center justify-center bg-white/50 rounded-full shadow-[0px_1px_1px_0_rgba(255,255,255,0.8)_inset] dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card backdrop-blur-md"> <picture> <source srcset="/img/containers/files/images/references/favicons/doerner.png/4a97c2d822ceb27893e4a4654aae1ac1/doerner.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/favicons/doerner.png/9093c91c096a1043778f1a50b1014494/doerner.png" type="image/png" loading="lazy"> <img class="h-11 w-11 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)] transition-all duration-500" style="object-position: center" loading="lazy"> </picture> </div> </div> </div> <div class="reference outer w-[340px] aspect-[4/3.5] [perspective:1000px] group hover:z-10"> <div class="relative w-full h-full inner transition-all duration-500 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]"> <div class="front absolute w-full h-full [backface-visibility:hidden] bg-white rounded-2xl shadow-lg dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card overflow-hidden"> <div class="relative w-full h-full"> <picture> <source srcset="/img/containers/files/images/references/tiles/vcockpit.jpg/b0fb84c6c568ddfef33c13066814acae/vcockpit.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/tiles/vcockpit.jpg/94c747a13f348f2628b496b1f0bafe44/vcockpit.jpg" type="image/jpeg" loading="lazy"> <img class="object-cover w-full h-full" style="object-position: center" loading="lazy"> </picture> </div> </div> <div class=" relative border border-white rounded-xl rounded-b-2xl shadow-lg bg-[#F5F5F5] dark:bg-opacity-5 dark:shadow-dark-card back absolute w-full h-full p-2 text-center [transform:rotateY(180deg)] [backface-visibility:hidden] "> <div class="p-8 pb-4 mb-0 text-base font-semibold text-center"> vcockpit </div> <div class="inline-block px-4 py-1 mb-2 text-center bg-white/20 text-xs border border-gray-200 rounded-lg text-[#637884] font-medium"> Luftfahrt & Schifffahrt </div> <div class="absolute left-0 right-0 m-auto bottom-12"> <a href="https://www.vcockpit.de/" target="_blank" class="button font-medium text-sm focus:outline-none dark:text-white shadow-lg inline-flex items-center overflow-hidden z-10 px-5 py-3 relative after:content-[''] after:absolute after:-z-10 after:w-full after:h-full after:left-0 after:bg-button-gradient after:transition after:duration-500 after:ease-in-out hover:after:opacity-0 hover:shadow rounded-lg tracking-wide leading-none no-underline transition duration-500 ease-in-out select-none whitespace-nowrap motion-safe:transition bg-button-gradient-reverse bg-primary text-white hover:text-white"> Referenz-Website ansehen </a> </div> </div> <div class="absolute left-1/2 -translate-x-1/2 -bottom-12 w-20 h-20 flex items-center justify-center bg-white/50 rounded-full shadow-[0px_1px_1px_0_rgba(255,255,255,0.8)_inset] dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card backdrop-blur-md"> <picture> <source srcset="/img/containers/files/images/references/favicons/vcockpit.png/015094eaed7352201563e3e35c05c005/vcockpit.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/favicons/vcockpit.png/f1f532f97fc63362bb2c7a39c98b12bf/vcockpit.png" type="image/png" loading="lazy"> <img class="h-11 w-11 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)] transition-all duration-500" style="object-position: center" loading="lazy"> </picture> </div> </div> </div> <div class="reference outer w-[340px] aspect-[4/3.5] [perspective:1000px] group hover:z-10"> <div class="relative w-full h-full inner transition-all duration-500 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]"> <div class="front absolute w-full h-full [backface-visibility:hidden] bg-white rounded-2xl shadow-lg dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card overflow-hidden"> <div class="relative w-full h-full"> <picture> <source srcset="/img/containers/files/images/references/tiles/tl-americas-1696021909.jpg/6da226fde989cf13cc14f5d5f868dd82/tl-americas-1696021909.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/tiles/tl-americas-1696021909.jpg/221d9163d483090ae7033415d3ad513d/tl-americas-1696021909.jpg" type="image/jpeg" loading="lazy"> <img class="object-cover w-full h-full" style="object-position: center" loading="lazy"> </picture> </div> </div> <div class=" relative border border-white rounded-xl rounded-b-2xl shadow-lg bg-[#F5F5F5] dark:bg-opacity-5 dark:shadow-dark-card back absolute w-full h-full p-2 text-center [transform:rotateY(180deg)] [backface-visibility:hidden] "> <div class="p-8 pb-4 mb-0 text-base font-semibold text-center"> Messe München GmbH </div> <div class="inline-block px-4 py-1 mb-2 text-center bg-white/20 text-xs border border-gray-200 rounded-lg text-[#637884] font-medium"> Messen, Events, Kultur & Unterhaltung </div> <div class="absolute left-0 right-0 m-auto bottom-12"> <a href="https://www.tl-americas.org/" target="_blank" class="button font-medium text-sm focus:outline-none dark:text-white shadow-lg inline-flex items-center overflow-hidden z-10 px-5 py-3 relative after:content-[''] after:absolute after:-z-10 after:w-full after:h-full after:left-0 after:bg-button-gradient after:transition after:duration-500 after:ease-in-out hover:after:opacity-0 hover:shadow rounded-lg tracking-wide leading-none no-underline transition duration-500 ease-in-out select-none whitespace-nowrap motion-safe:transition bg-button-gradient-reverse bg-primary text-white hover:text-white"> Referenz-Website ansehen </a> </div> </div> <div class="absolute left-1/2 -translate-x-1/2 -bottom-12 w-20 h-20 flex items-center justify-center bg-white/50 rounded-full shadow-[0px_1px_1px_0_rgba(255,255,255,0.8)_inset] dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card backdrop-blur-md"> <picture> <source srcset="/img/containers/files/images/references/favicons/messe-muenchen-1696021905.png/615be933ca4da60d0c5f162c3c203063/messe-muenchen-1696021905.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/favicons/messe-muenchen-1696021905.png/8a849a7ded3ef6a15c509d5eec24b947/messe-muenchen-1696021905.png" type="image/png" loading="lazy"> <img class="h-11 w-11 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)] transition-all duration-500" style="object-position: center" loading="lazy"> </picture> </div> </div> </div> <div class="reference outer w-[340px] aspect-[4/3.5] [perspective:1000px] group hover:z-10"> <div class="relative w-full h-full inner transition-all duration-500 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]"> <div class="front absolute w-full h-full [backface-visibility:hidden] bg-white rounded-2xl shadow-lg dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card overflow-hidden"> <div class="relative w-full h-full"> <picture> <source srcset="/img/containers/files/images/references/tiles/sehsucht.jpg/3621d4d25a0c73106b2b53f422ad2025/sehsucht.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/tiles/sehsucht.jpg/7f4c8789372243425fd930537a41bd4a/sehsucht.jpg" type="image/jpeg" loading="lazy"> <img class="object-cover w-full h-full" style="object-position: center" loading="lazy"> </picture> </div> </div> <div class=" relative border border-white rounded-xl rounded-b-2xl shadow-lg bg-[#F5F5F5] dark:bg-opacity-5 dark:shadow-dark-card back absolute w-full h-full p-2 text-center [transform:rotateY(180deg)] [backface-visibility:hidden] "> <div class="p-8 pb-4 mb-0 text-base font-semibold text-center"> Sehsucht Holding GmbH </div> <div class="inline-block px-4 py-1 mb-2 text-center bg-white/20 text-xs border border-gray-200 rounded-lg text-[#637884] font-medium"> Kreativbranche & Agenturen </div> <div class="absolute left-0 right-0 m-auto bottom-12"> <a href="https://sehsucht.de" target="_blank" class="button font-medium text-sm focus:outline-none dark:text-white shadow-lg inline-flex items-center overflow-hidden z-10 px-5 py-3 relative after:content-[''] after:absolute after:-z-10 after:w-full after:h-full after:left-0 after:bg-button-gradient after:transition after:duration-500 after:ease-in-out hover:after:opacity-0 hover:shadow rounded-lg tracking-wide leading-none no-underline transition duration-500 ease-in-out select-none whitespace-nowrap motion-safe:transition bg-button-gradient-reverse bg-primary text-white hover:text-white"> Referenz-Website ansehen </a> </div> </div> <div class="absolute left-1/2 -translate-x-1/2 -bottom-12 w-20 h-20 flex items-center justify-center bg-white/50 rounded-full shadow-[0px_1px_1px_0_rgba(255,255,255,0.8)_inset] dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card backdrop-blur-md"> <picture> <source srcset="/img/containers/files/images/references/favicons/sehsucht.de.png/4a69f96a1bcafb2b68ae2c89503282fc/sehsucht.de.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/favicons/sehsucht.de.png/cb7e7c9f7d7810542f9fbea725cb1fd1/sehsucht.de.png" type="image/png" loading="lazy"> <img class="h-11 w-11 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)] transition-all duration-500" style="object-position: center" loading="lazy"> </picture> </div> </div> </div> <div class="reference outer w-[340px] aspect-[4/3.5] [perspective:1000px] group hover:z-10"> <div class="relative w-full h-full inner transition-all duration-500 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]"> <div class="front absolute w-full h-full [backface-visibility:hidden] bg-white rounded-2xl shadow-lg dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card overflow-hidden"> <div class="relative w-full h-full"> <picture> <source srcset="/img/containers/files/images/references/tiles/spelsberg.jpg/701c8ee9f2aeb41b0fa713b64d031a44/spelsberg.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/tiles/spelsberg.jpg/db3b9568ac294c7ddaecfbee0376066b/spelsberg.jpg" type="image/jpeg" loading="lazy"> <img class="object-cover w-full h-full" style="object-position: center" loading="lazy"> </picture> </div> </div> <div class=" relative border border-white rounded-xl rounded-b-2xl shadow-lg bg-[#F5F5F5] dark:bg-opacity-5 dark:shadow-dark-card back absolute w-full h-full p-2 text-center [transform:rotateY(180deg)] [backface-visibility:hidden] "> <div class="p-8 pb-4 mb-0 text-base font-semibold text-center"> Günther Spelsberg GmbH + Co. KG </div> <div class="inline-block px-4 py-1 mb-2 text-center bg-white/20 text-xs border border-gray-200 rounded-lg text-[#637884] font-medium"> Industrie & Produktion </div> <div class="absolute left-0 right-0 m-auto bottom-12"> <a href="https://www.spelsberg.de/" target="_blank" class="button font-medium text-sm focus:outline-none dark:text-white shadow-lg inline-flex items-center overflow-hidden z-10 px-5 py-3 relative after:content-[''] after:absolute after:-z-10 after:w-full after:h-full after:left-0 after:bg-button-gradient after:transition after:duration-500 after:ease-in-out hover:after:opacity-0 hover:shadow rounded-lg tracking-wide leading-none no-underline transition duration-500 ease-in-out select-none whitespace-nowrap motion-safe:transition bg-button-gradient-reverse bg-primary text-white hover:text-white"> Referenz-Website ansehen </a> </div> </div> <div class="absolute left-1/2 -translate-x-1/2 -bottom-12 w-20 h-20 flex items-center justify-center bg-white/50 rounded-full shadow-[0px_1px_1px_0_rgba(255,255,255,0.8)_inset] dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card backdrop-blur-md"> <picture> <source srcset="/img/containers/files/images/references/favicons/spelsberg.png/7da77f4f1106e9d7c7594dbda0be413c/spelsberg.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/favicons/spelsberg.png/1d3a4e584f2f1b9aff4fdee74506bdb7/spelsberg.png" type="image/png" loading="lazy"> <img class="h-11 w-11 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)] transition-all duration-500" style="object-position: center" loading="lazy"> </picture> </div> </div> </div> <div class="reference outer w-[340px] aspect-[4/3.5] [perspective:1000px] group hover:z-10"> <div class="relative w-full h-full inner transition-all duration-500 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]"> <div class="front absolute w-full h-full [backface-visibility:hidden] bg-white rounded-2xl shadow-lg dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card overflow-hidden"> <div class="relative w-full h-full"> <picture> <source srcset="/img/containers/files/images/references/tiles/deutsche-windtechnik.jpg/dde99035e642c6542cd1e39ad00acb78/deutsche-windtechnik.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/tiles/deutsche-windtechnik.jpg/7df9a6d4a570959d7531a85c5d1faeef/deutsche-windtechnik.jpg" type="image/jpeg" loading="lazy"> <img class="object-cover w-full h-full" style="object-position: center" loading="lazy"> </picture> </div> </div> <div class=" relative border border-white rounded-xl rounded-b-2xl shadow-lg bg-[#F5F5F5] dark:bg-opacity-5 dark:shadow-dark-card back absolute w-full h-full p-2 text-center [transform:rotateY(180deg)] [backface-visibility:hidden] "> <div class="p-8 pb-4 mb-0 text-base font-semibold text-center"> Deutsche Windtechnik AG </div> <div class="inline-block px-4 py-1 mb-2 text-center bg-white/20 text-xs border border-gray-200 rounded-lg text-[#637884] font-medium"> Energie, Chemie & Rohstoffe </div> <div class="absolute left-0 right-0 m-auto bottom-12"> <a href="https://www.deutsche-windtechnik.com/" target="_blank" class="button font-medium text-sm focus:outline-none dark:text-white shadow-lg inline-flex items-center overflow-hidden z-10 px-5 py-3 relative after:content-[''] after:absolute after:-z-10 after:w-full after:h-full after:left-0 after:bg-button-gradient after:transition after:duration-500 after:ease-in-out hover:after:opacity-0 hover:shadow rounded-lg tracking-wide leading-none no-underline transition duration-500 ease-in-out select-none whitespace-nowrap motion-safe:transition bg-button-gradient-reverse bg-primary text-white hover:text-white"> Referenz-Website ansehen </a> </div> </div> <div class="absolute left-1/2 -translate-x-1/2 -bottom-12 w-20 h-20 flex items-center justify-center bg-white/50 rounded-full shadow-[0px_1px_1px_0_rgba(255,255,255,0.8)_inset] dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card backdrop-blur-md"> <picture> <source srcset="/img/containers/files/images/references/favicons/deutsche-windtechnik.png/07122697660879b021af331977995710/deutsche-windtechnik.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/favicons/deutsche-windtechnik.png/5f96a27ba312c843a05b66c92c035678/deutsche-windtechnik.png" type="image/png" loading="lazy"> <img class="h-11 w-11 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)] transition-all duration-500" style="object-position: center" loading="lazy"> </picture> </div> </div> </div> <div class="reference outer w-[340px] aspect-[4/3.5] [perspective:1000px] group hover:z-10"> <div class="relative w-full h-full inner transition-all duration-500 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]"> <div class="front absolute w-full h-full [backface-visibility:hidden] bg-white rounded-2xl shadow-lg dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card overflow-hidden"> <div class="relative w-full h-full"> <picture> <source srcset="/img/containers/files/images/references/tiles/hagebaumarkt-hamburg.jpg/257b5cf1e737f5739ac3f43c14aa67b9/hagebaumarkt-hamburg.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/tiles/hagebaumarkt-hamburg.jpg/b58ab33fe0c79652aad90dda71c15c24/hagebaumarkt-hamburg.jpg" type="image/jpeg" loading="lazy"> <img class="object-cover w-full h-full" style="object-position: center" loading="lazy"> </picture> </div> </div> <div class=" relative border border-white rounded-xl rounded-b-2xl shadow-lg bg-[#F5F5F5] dark:bg-opacity-5 dark:shadow-dark-card back absolute w-full h-full p-2 text-center [transform:rotateY(180deg)] [backface-visibility:hidden] "> <div class="p-8 pb-4 mb-0 text-base font-semibold text-center"> Möller & Förster GmbH & Co. KG </div> <div class="inline-block px-4 py-1 mb-2 text-center bg-white/20 text-xs border border-gray-200 rounded-lg text-[#637884] font-medium"> Handel & E-Commerce </div> <div class="absolute left-0 right-0 m-auto bottom-12"> <a href="https://www.hagebaumarkt-hamburg.de/" target="_blank" class="button font-medium text-sm focus:outline-none dark:text-white shadow-lg inline-flex items-center overflow-hidden z-10 px-5 py-3 relative after:content-[''] after:absolute after:-z-10 after:w-full after:h-full after:left-0 after:bg-button-gradient after:transition after:duration-500 after:ease-in-out hover:after:opacity-0 hover:shadow rounded-lg tracking-wide leading-none no-underline transition duration-500 ease-in-out select-none whitespace-nowrap motion-safe:transition bg-button-gradient-reverse bg-primary text-white hover:text-white"> Referenz-Website ansehen </a> </div> </div> <div class="absolute left-1/2 -translate-x-1/2 -bottom-12 w-20 h-20 flex items-center justify-center bg-white/50 rounded-full shadow-[0px_1px_1px_0_rgba(255,255,255,0.8)_inset] dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card backdrop-blur-md"> <picture> <source srcset="/img/containers/files/images/references/favicons/hagebaumarkt-hamburg.png/3c5e59aba17dcde2287a50fc2f1cdeb1/hagebaumarkt-hamburg.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/favicons/hagebaumarkt-hamburg.png/118c0362ba43cd6838df809f909646b3/hagebaumarkt-hamburg.png" type="image/png" loading="lazy"> <img class="h-11 w-11 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)] transition-all duration-500" style="object-position: center" loading="lazy"> </picture> </div> </div> </div> <div class="reference outer w-[340px] aspect-[4/3.5] [perspective:1000px] group hover:z-10"> <div class="relative w-full h-full inner transition-all duration-500 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]"> <div class="front absolute w-full h-full [backface-visibility:hidden] bg-white rounded-2xl shadow-lg dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card overflow-hidden"> <div class="relative w-full h-full"> <picture> <source srcset="/img/containers/files/images/references/tiles/buss-energy-1696191890.jpg/65fd245258b9cc676ef75dd0d6dbe101/buss-energy-1696191890.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/tiles/buss-energy-1696191890.jpg/72f6a59c06dfe1842372353b66f01751/buss-energy-1696191890.jpg" type="image/jpeg" loading="lazy"> <img class="object-cover w-full h-full" style="object-position: center" loading="lazy"> </picture> </div> </div> <div class=" relative border border-white rounded-xl rounded-b-2xl shadow-lg bg-[#F5F5F5] dark:bg-opacity-5 dark:shadow-dark-card back absolute w-full h-full p-2 text-center [transform:rotateY(180deg)] [backface-visibility:hidden] "> <div class="p-8 pb-4 mb-0 text-base font-semibold text-center"> BUSS Energy Group GmbH </div> <div class="inline-block px-4 py-1 mb-2 text-center bg-white/20 text-xs border border-gray-200 rounded-lg text-[#637884] font-medium"> Energie, Chemie & Rohstoffe </div> <div class="absolute left-0 right-0 m-auto bottom-12"> <a href="https://www.buss-energy.com/" target="_blank" class="button font-medium text-sm focus:outline-none dark:text-white shadow-lg inline-flex items-center overflow-hidden z-10 px-5 py-3 relative after:content-[''] after:absolute after:-z-10 after:w-full after:h-full after:left-0 after:bg-button-gradient after:transition after:duration-500 after:ease-in-out hover:after:opacity-0 hover:shadow rounded-lg tracking-wide leading-none no-underline transition duration-500 ease-in-out select-none whitespace-nowrap motion-safe:transition bg-button-gradient-reverse bg-primary text-white hover:text-white"> Referenz-Website ansehen </a> </div> </div> <div class="absolute left-1/2 -translate-x-1/2 -bottom-12 w-20 h-20 flex items-center justify-center bg-white/50 rounded-full shadow-[0px_1px_1px_0_rgba(255,255,255,0.8)_inset] dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card backdrop-blur-md"> <picture> <source srcset="/img/containers/files/images/references/favicons/buss-energy.png/54e2bde07aa4639c1e4039447ef493bb/buss-energy.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/favicons/buss-energy.png/1271c46e1545d7e425070bdcd9f93caf/buss-energy.png" type="image/png" loading="lazy"> <img class="h-11 w-11 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)] transition-all duration-500" style="object-position: center" loading="lazy"> </picture> </div> </div> </div> <div class="reference outer w-[340px] aspect-[4/3.5] [perspective:1000px] group hover:z-10"> <div class="relative w-full h-full inner transition-all duration-500 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]"> <div class="front absolute w-full h-full [backface-visibility:hidden] bg-white rounded-2xl shadow-lg dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card overflow-hidden"> <div class="relative w-full h-full"> <picture> <source srcset="/img/containers/files/images/references/tiles/awo-pflegeberatung.jpg/fecd69234966eae14b46bcf80296c15c/awo-pflegeberatung.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/tiles/awo-pflegeberatung.jpg/b6e0fcd25fef26172cb568165d10b0e4/awo-pflegeberatung.jpg" type="image/jpeg" loading="lazy"> <img class="object-cover w-full h-full" style="object-position: center" loading="lazy"> </picture> </div> </div> <div class=" relative border border-white rounded-xl rounded-b-2xl shadow-lg bg-[#F5F5F5] dark:bg-opacity-5 dark:shadow-dark-card back absolute w-full h-full p-2 text-center [transform:rotateY(180deg)] [backface-visibility:hidden] "> <div class="p-8 pb-4 mb-0 text-base font-semibold text-center"> AWO Bundesverband e.V. </div> <div class="inline-block px-4 py-1 mb-2 text-center bg-white/20 text-xs border border-gray-200 rounded-lg text-[#637884] font-medium"> Verbände & Lobbyarbeit </div> <div class="absolute left-0 right-0 m-auto bottom-12"> <a href="https://awo-pflegeberatung.de/" target="_blank" class="button font-medium text-sm focus:outline-none dark:text-white shadow-lg inline-flex items-center overflow-hidden z-10 px-5 py-3 relative after:content-[''] after:absolute after:-z-10 after:w-full after:h-full after:left-0 after:bg-button-gradient after:transition after:duration-500 after:ease-in-out hover:after:opacity-0 hover:shadow rounded-lg tracking-wide leading-none no-underline transition duration-500 ease-in-out select-none whitespace-nowrap motion-safe:transition bg-button-gradient-reverse bg-primary text-white hover:text-white"> Referenz-Website ansehen </a> </div> </div> <div class="absolute left-1/2 -translate-x-1/2 -bottom-12 w-20 h-20 flex items-center justify-center bg-white/50 rounded-full shadow-[0px_1px_1px_0_rgba(255,255,255,0.8)_inset] dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card backdrop-blur-md"> <picture> <source srcset="/img/containers/files/images/references/favicons/awo-pflegeberatung-1696184668.png/cca33f0a83056d3ba31f9f38accd7dde/awo-pflegeberatung-1696184668.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/favicons/awo-pflegeberatung-1696184668.png/28b44d0384f97a842fd7b5c5811eab0b/awo-pflegeberatung-1696184668.png" type="image/png" loading="lazy"> <img class="h-11 w-11 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)] transition-all duration-500" style="object-position: center" loading="lazy"> </picture> </div> </div> </div> <div class="reference outer w-[340px] aspect-[4/3.5] [perspective:1000px] group hover:z-10"> <div class="relative w-full h-full inner transition-all duration-500 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]"> <div class="front absolute w-full h-full [backface-visibility:hidden] bg-white rounded-2xl shadow-lg dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card overflow-hidden"> <div class="relative w-full h-full"> <picture> <source srcset="/img/containers/files/images/references/tiles/gerresheim.jpg/1cb4ef5c722b1b5f0948885da0b958e2/gerresheim.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/tiles/gerresheim.jpg/5bcb93a134cb7bef977aa9efb9eaf348/gerresheim.jpg" type="image/jpeg" loading="lazy"> <img class="object-cover w-full h-full" style="object-position: center" loading="lazy"> </picture> </div> </div> <div class=" relative border border-white rounded-xl rounded-b-2xl shadow-lg bg-[#F5F5F5] dark:bg-opacity-5 dark:shadow-dark-card back absolute w-full h-full p-2 text-center [transform:rotateY(180deg)] [backface-visibility:hidden] "> <div class="p-8 pb-4 mb-0 text-base font-semibold text-center"> Gerresheim serviert GmbH & Co. KG </div> <div class="inline-block px-4 py-1 mb-2 text-center bg-white/20 text-xs border border-gray-200 rounded-lg text-[#637884] font-medium"> Food & Beverages </div> <div class="absolute left-0 right-0 m-auto bottom-12"> <a href="https://www.gerresheim-serviert.de/" target="_blank" class="button font-medium text-sm focus:outline-none dark:text-white shadow-lg inline-flex items-center overflow-hidden z-10 px-5 py-3 relative after:content-[''] after:absolute after:-z-10 after:w-full after:h-full after:left-0 after:bg-button-gradient after:transition after:duration-500 after:ease-in-out hover:after:opacity-0 hover:shadow rounded-lg tracking-wide leading-none no-underline transition duration-500 ease-in-out select-none whitespace-nowrap motion-safe:transition bg-button-gradient-reverse bg-primary text-white hover:text-white"> Referenz-Website ansehen </a> </div> </div> <div class="absolute left-1/2 -translate-x-1/2 -bottom-12 w-20 h-20 flex items-center justify-center bg-white/50 rounded-full shadow-[0px_1px_1px_0_rgba(255,255,255,0.8)_inset] dark:bg-white dark:bg-opacity-5 dark:shadow-dark-card backdrop-blur-md"> <picture> <source srcset="/img/containers/files/images/references/favicons/gerresheim-serviert.png/0cf0d89481e6588f20012c7806be80db/gerresheim-serviert.webp" type="image/webp" loading="lazy"> <source srcset="/img/containers/files/images/references/favicons/gerresheim-serviert.png/1447a0ce4f6b22b5f392415619d66701/gerresheim-serviert.png" type="image/png" loading="lazy"> <img class="h-11 w-11 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)] transition-all duration-500" style="object-position: center" loading="lazy"> </picture> </div> </div> </div> </div> </div> </section> <section id="ln7z5nh0" class="text-center relative"> <div class="text-center inner relative fluid-container pt-extraSmall pb-large max-w-screen-2xl">  <div class="size-md flex gap-8 not-prose flex-wrap items-start justify-center">  <div class="inline-flex flex-col items-center"> <a class="justify-center button font-medium focus:outline-none text-lg dark:text-white group/button shadow-lg inline-flex items-center border z-10 px-5 py-3 relative text-center transition duration-500 ease-in-out hover:shadow rounded-lg tracking-wide leading-6 no-underline select-none md:whitespace-nowrap motion-safe:transition bg-primary bg-gradient-to-r to-primary from-primary-light text-white hover:text-white group-[.banner]:from-white group-[.bg-hero-gradient]:from-white group-[.banner]:to-white group-[.bg-hero-gradient]:to-white group-[.banner]:text-primary group-[.bg-hero-gradient]:text-primary group-[.browser]:text-white group-[.browser]:bg-primary group-[.browser]:bg-gradient-to-r group-[.browser]:from-primary-light group-[.browser]:to-primary" href="/referenzen/" > Mehr Referenzen anzeigen </a> </div>  </div>  </div> </section> <section id="lmntog76" class="sse relative"> <div class="sse inner relative fluid-container pt-small max-w-6xl"> <div class="flex flex-col items-center gap-0 m-auto max-w-screen-2xl lg:flex-row" x-ref="relativeElement"> <div class="lg:w-[50%] w-full relative mb-8 lg:mb-0 border-b lg:border-none border-white/20"> <div class="overflow-clip">  <picture class=""> <source srcset=" /img/containers/files/images/hero-images/nico960.png/37164dbfbce58e571ed728465113533c/nico960.webp 320w, /img/containers/files/images/hero-images/nico960.png/0947ce587059c9a22c958ca4e17a557b/nico960.webp 480w, /img/containers/files/images/hero-images/nico960.png/dbf547706958eb619cd82d46d4f9ad98/nico960.webp 768w, /img/containers/files/images/hero-images/nico960.png/317089d22146019fc7df27f15cdeafa6/nico960.webp 1280w, " sizes="(min-width: 1024px) 40vw, 90vw" type="image/webp"> <source srcset=" /img/containers/files/images/hero-images/nico960.png/4fd2d51b24011afbc15bfbc9172f1f2f/nico960.png 320w, /img/containers/files/images/hero-images/nico960.png/51b657a2f6e5270567262f1f33434459/nico960.png 480w, /img/containers/files/images/hero-images/nico960.png/c5de30cbcd1ddf8dff6c1e1559cde5ac/nico960.png 768w, /img/containers/files/images/hero-images/nico960.png/b547a1fe1c97cb1d852977edb2394586/nico960.png 1280w, " sizes="(min-width: 1024px) 40vw, 90vw" type="image/png"> <img class="max-h-[520px] w-full object-contain" src="/img/containers/files/images/hero-images/nico960.png/b547a1fe1c97cb1d852977edb2394586/nico960.png" alt="Nico Tjarks Webdesigner" title="" width="600" height="706" sizes="(min-width: 1024px) 40vw, 90vw" loading="lazy" > </picture>  </div> </div> <div class="lg:w-[50%] lg:mb-0 mb-default w-full text-center ">  <div class="fluid-container text-lg dark:text-white w-full text-center max-w-3xl mx-auto mb-5"> <p class="roofline dark:text-white group-[.bg-hero-gradient]:text-white">Nico Tjarks</p> <span class="gradientless"></span> <h3 class="default-text-headline relative dark:text-white group-[.bg-hero-gradient]:text-white"> "Ich berate dich <u>gerne</u>!" </h3> <div class="text-content group-[.bg-hero-gradient]:text-white "> <p>Mein Kundenberater-Team und ich sind für dich da.<br>Rufe uns doch einfach an oder buche dir einen Termin für ein unverbindliches Beratungsgespräch.</p> </div> <div class="mt-extraSmall">  <div class="flex gap-8 justify-center md:justify-start flex-wrap items-start md:justify-center">  <div class="inline-flex flex-col items-center"> <a class="md:justify-center button font-medium focus:outline-none text-lg dark:text-white group/button shadow-lg inline-flex items-center border z-10 px-5 py-3 relative text-center transition duration-500 ease-in-out hover:shadow rounded-lg tracking-wide leading-6 no-underline select-none md:whitespace-nowrap motion-safe:transition bg-primary bg-gradient-to-r to-primary from-primary-light text-white hover:text-white group-[.banner]:from-white group-[.bg-hero-gradient]:from-white group-[.banner]:to-white group-[.bg-hero-gradient]:to-white group-[.banner]:text-primary group-[.bg-hero-gradient]:text-primary group-[.browser]:text-white group-[.browser]:bg-primary group-[.browser]:bg-gradient-to-r group-[.browser]:from-primary-light group-[.browser]:to-primary" href="tel:+494033983330" > 040 3398 3330 </a> </div>   <div class="inline-flex flex-col items-center"> <a class="md:justify-center button font-medium focus:outline-none text-lg dark:text-white group/button shadow-lg inline-flex items-center border z-10 px-5 py-3 relative text-center transition duration-500 ease-in-out hover:shadow rounded-lg tracking-wide leading-6 no-underline select-none md:whitespace-nowrap motion-safe:transition bg-primary bg-gradient-to-r to-primary from-primary-light text-white hover:text-white group-[.banner]:from-white group-[.bg-hero-gradient]:from-white group-[.banner]:to-white group-[.bg-hero-gradient]:to-white group-[.banner]:text-primary group-[.bg-hero-gradient]:text-primary group-[.browser]:text-white group-[.browser]:bg-primary group-[.browser]:bg-gradient-to-r group-[.browser]:from-primary-light group-[.browser]:to-primary" href="/termin/" > Termin vereinbaren </a> </div>  </div>  </div> </div>  <span class="dark:text-white group-[.bg-hero-gradient]:text-white additional"> <p>oder schreibe uns eine E-Mail:<br /> <a href="mailto:hallo@homepage-helden.de">hallo@homepage-helden.de</a></p> </span> </div> </div> </div> </section> <section id="lji95mip" class=" relative dark:backdrop-blur-3xl"> <div class="absolute top-0 left-0 w-full h-full border-t opacity-30 glassframe border-white/50 dark:backdrop-blur-3xl dark:opacity-10"> <div class="w-full h-full mix-blend-overlay noise"></div> </div> <div class="hidden md:block opacity-60 absolute -z-10 blur-[15px] w-[400px] h-[400px] scale-[5] left-1/2 -translate-x-1/2 -top-10"> <svg width="7627" height="9174" class="w-full h-full glow-animation will-change-[filter]" viewBox="0 0 7627 9174" fill="none" xmlns="http://www.w3.org/2000/svg"> <g class="square1"><path class="square1inner" d="M4241.69 4845.52C3904.52 4663.97 4094.72 4525.64 3986.66 4188.44C3852.98 3771.36 3275.49 3680.56 2962.17 3993.89C2823.85 4132.23 3070.24 4996.84 3221.53 5217.32C3372.83 5437.79 3831.04 5757.7 3895.87 5822.53C3960.72 5887.38 4276.27 5986.81 4479.44 5917.64C4682.61 5848.48 4730.15 5511.28 4695.57 5316.75C4661 5122.21 4578.86 5027.09 4241.69 4845.52Z" fill="#FF00F5"/></g> <g class="square2"><path class="square2inner" d="M3315.69 4428.02C3497.25 4432.35 3951.13 4479.89 3981.38 4190.26C4025.5 3768.07 4306.35 4000.02 4180.23 3451.01C4024.61 3304.03 3397.83 3174.34 3077.94 3260.8C2758.06 3347.26 2801.29 3749.3 2822.9 3900.6C2844.51 4051.92 3134.14 4423.7 3315.69 4428.02Z" fill="#0060FF"/></g> <g class="square3"><path class="square3inner" d="M3407.75 4830.05C3486.75 4909.38 3646.86 5149.62 3955.6 4831.37C4405.61 4367.5 4298.53 4747.35 4799.45 4068.95C4877.58 3837.41 4721.64 3432.55 4486.68 3400.19C4251.71 3367.83 3862.32 3844.5 3718.22 4026.09C3574.14 4207.66 3328.74 4750.74 3407.75 4830.05Z" fill="#04D9FF"/></g> </svg> </div> <div class="inner relative fluid-container pt-default pb-default max-w-[1900px]">  <div class="fluid-container text-lg dark:text-white w-full text-center max-w-3xl mb-default"> <p class="roofline dark:text-white group-[.bg-hero-gradient]:text-white">Trends. Updates. Know-how. 🗞️</p> <span class="gradientless"></span> <h3 class="default-text-headline relative dark:text-white group-[.bg-hero-gradient]:text-white bg-headline-gradient dark:bg-headline-gradient-dark dark:text-transparent bg-clip-text font-bold text-transparent"> Neues aus dem Helden Multiversum. </h3> <div class="text-content group-[.bg-hero-gradient]:text-white "> <p style="text-align: center;">In unserem Journal greifen wir Trends der Branche auf, die auch deinen Online Auftritt betreffen. Erfahre in unseren Themen Artikeln, wie wir am Puls der Zeit bleiben, um deiner Homepage dauerhaft einen Vorsprung zu verschaffen.</p> </div> <div class="mt-extraSmall">  <div class="flex gap-8 justify-center md:justify-start flex-wrap items-start md:justify-center">  <div class="inline-flex flex-col items-center"> <a class="md:justify-center button font-medium focus:outline-none text-lg dark:text-white group/button group inline-flex items-start overflow-hidden z-10 p-3 tracking-wide leading-6 no-underline transition ease-in-out select-none md:whitespace-nowrap motion-safe:transition text-primary group-[.banner]:text-white group-[.bg-hero-gradient]:text-white group-[.browser]:text-primary" href="/journal/" > <svg width="17" height="17" class="mr-2 mt-[3px] transition ease-in-out group-hover/button:scale-125 dark:text-white" viewBox="0 0 17 17" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 0.255615C4.08154 0.255615 0.5 3.83715 0.5 8.25562C0.5 12.6741 4.08154 16.2556 8.5 16.2556C12.9185 16.2556 16.5 12.6741 16.5 8.25562C16.5 3.83715 12.9185 0.255615 8.5 0.255615ZM12.0118 8.69049C12.127 8.5751 12.1918 8.41869 12.1918 8.25562C12.1918 8.09254 12.127 7.93613 12.0118 7.82074L9.55026 5.35921C9.49392 5.29874 9.42598 5.25025 9.35049 5.21662C9.27501 5.18298 9.19352 5.1649 9.11089 5.16344C9.02826 5.16198 8.94619 5.17718 8.86956 5.20813C8.79293 5.23908 8.72333 5.28515 8.66489 5.34358C8.60646 5.40202 8.56039 5.47163 8.52944 5.54825C8.49849 5.62488 8.48329 5.70695 8.48475 5.78958C8.4862 5.87221 8.50429 5.9537 8.53792 6.02918C8.57156 6.10467 8.62005 6.17261 8.68051 6.22895L10.0918 7.64023H5.42308C5.25987 7.64023 5.10334 7.70507 4.98793 7.82047C4.87253 7.93588 4.80769 8.09241 4.80769 8.25562C4.80769 8.41883 4.87253 8.57535 4.98793 8.69076C5.10334 8.80616 5.25987 8.871 5.42308 8.871H10.0918L8.68051 10.2823C8.62005 10.3386 8.57156 10.4066 8.53792 10.482C8.50429 10.5575 8.4862 10.639 8.48475 10.7216C8.48329 10.8043 8.49849 10.8864 8.52944 10.963C8.56039 11.0396 8.60646 11.1092 8.66489 11.1676C8.72333 11.2261 8.79293 11.2722 8.86956 11.3031C8.94619 11.3341 9.02826 11.3493 9.11089 11.3478C9.19352 11.3463 9.27501 11.3282 9.35049 11.2946C9.42598 11.261 9.49392 11.2125 9.55026 11.152L12.0118 8.69049Z" /> </svg> Weitere Artikel anzeigen </a> </div>  </div>  </div> </div>  <div class="news-wall"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5 lg:gap-8"> <a href="/journal/webdesign-trends-2025-part2/" class="font-sans transition-[scale] scale-100 splide__slide py-5 "> <div class="h-[330px] p-6 relative transition rounded-3xl overflow-clip text-invert shadow-tile group/newsitem"> <div class="absolute inset-0 transition group-hover/newsitem:scale-110 after:content-[''] after:w-full after:h-full after:absolute after:inset-0 after:bg-[radial-gradient(circle,rgba(255,255,255,0)_0%,rgba(0,0,0,0.6783088235294117)_100%)]">  <picture class=""> <source srcset=" /img/containers/files/images/pages/journal/2025-02_webdesign-trends/webdesign-trends-2025-part2-title.jpg/3a37566e2b776aa533c5a3ff7dd8fe8a/webdesign-trends-2025-part2-title.webp 320w, /img/containers/files/images/pages/journal/2025-02_webdesign-trends/webdesign-trends-2025-part2-title.jpg/532cd90d5c0f2d24c58188d1ee292cf1/webdesign-trends-2025-part2-title.webp 480w, /img/containers/files/images/pages/journal/2025-02_webdesign-trends/webdesign-trends-2025-part2-title.jpg/62991ff15905b02e2eb535e20ffc406c/webdesign-trends-2025-part2-title.webp 768w, " sizes="(min-width: 768px) 40vw, 90vw" type="image/webp"> <source srcset=" /img/containers/files/images/pages/journal/2025-02_webdesign-trends/webdesign-trends-2025-part2-title.jpg/5f75bd5e3fe0f35e1cdec1f9ee150879/webdesign-trends-2025-part2-title.jpg 320w, /img/containers/files/images/pages/journal/2025-02_webdesign-trends/webdesign-trends-2025-part2-title.jpg/0a6f5664b357c2e5cab97df7b5260f88/webdesign-trends-2025-part2-title.jpg 480w, /img/containers/files/images/pages/journal/2025-02_webdesign-trends/webdesign-trends-2025-part2-title.jpg/af255072c703f66a79de7e9ea7b18a32/webdesign-trends-2025-part2-title.jpg 768w, " sizes="(min-width: 768px) 40vw, 90vw" type="image/jpeg"> <img class="object-cover w-full h-full " style="object-position: 50% 50%" src="/img/containers/files/images/pages/journal/2025-02_webdesign-trends/webdesign-trends-2025-part2-title.jpg/af255072c703f66a79de7e9ea7b18a32/webdesign-trends-2025-part2-title.jpg" alt="" title="" width="1440" height="963" sizes="(min-width: 768px) 40vw, 90vw" loading="lazy" > </picture>  </div> <div class="inner relative w-full h-full flex flex-col"> <div class="min-h-[45px]"> <span class="font-sans text-sm hover:text-white text-white bg-primary-middle px-2.5 py-0.5 rounded-full">Webdesign</span> </div> <div class="relative grow flex flex-col justify-end"> <p class="text-2xl absolute top-full -translate-y-full group-hover/newsitem:top-0 group-hover/newsitem:translate-y-0 transition-all font-bold max-w text-white"> Webdesign Trends 2025 – Part II: Typografie, Bewegung & kreative Ausdrucksformen </p> <div class="text-base grow flex flex-col justify-end font-bold text-white transition-all translate-y-full opacity-0 group-hover/newsitem:opacity-100 group-hover/newsitem:translate-y-0"> <p>Von mutigen Schriftbildern über Videos bis hin zu individuellen Illustrationen – entdecke die Webdesign-Trends 2025, die Kreativität und Interaktion in den Mittelpunkt stellen.</p> <p> von Richard Albrecht - 18.02.2025</p> </div> </div> </div> </div> </a> <a href="/journal/webdesign-trends-2025-part1/" class="font-sans transition-[scale] scale-100 splide__slide py-5 "> <div class="h-[330px] p-6 relative transition rounded-3xl overflow-clip text-invert shadow-tile group/newsitem"> <div class="absolute inset-0 transition group-hover/newsitem:scale-110 after:content-[''] after:w-full after:h-full after:absolute after:inset-0 after:bg-[radial-gradient(circle,rgba(255,255,255,0)_0%,rgba(0,0,0,0.6783088235294117)_100%)]">  <picture class=""> <source srcset=" /img/containers/files/images/pages/journal/2025-02_webdesign-trends/webdesign-trends-2025-part1-title.jpg/7caada1838512a746c50fe4077e06fe0/webdesign-trends-2025-part1-title.webp 320w, /img/containers/files/images/pages/journal/2025-02_webdesign-trends/webdesign-trends-2025-part1-title.jpg/df738e613926341cebdfc7e34575eaa6/webdesign-trends-2025-part1-title.webp 480w, /img/containers/files/images/pages/journal/2025-02_webdesign-trends/webdesign-trends-2025-part1-title.jpg/4ab6d52bbd543a1347c90ebe5dfdaad8/webdesign-trends-2025-part1-title.webp 768w, " sizes="(min-width: 768px) 40vw, 90vw" type="image/webp"> <source srcset=" /img/containers/files/images/pages/journal/2025-02_webdesign-trends/webdesign-trends-2025-part1-title.jpg/234b3af3beed2f22a7d3f656c50b169f/webdesign-trends-2025-part1-title.jpg 320w, /img/containers/files/images/pages/journal/2025-02_webdesign-trends/webdesign-trends-2025-part1-title.jpg/f2819cfd0c7bae27be2cc101c49bcf68/webdesign-trends-2025-part1-title.jpg 480w, /img/containers/files/images/pages/journal/2025-02_webdesign-trends/webdesign-trends-2025-part1-title.jpg/41c68ce92b5a40850b0dfe53e5c94bcf/webdesign-trends-2025-part1-title.jpg 768w, " sizes="(min-width: 768px) 40vw, 90vw" type="image/jpeg"> <img class="object-cover w-full h-full " style="object-position: 50% 50%" src="/img/containers/files/images/pages/journal/2025-02_webdesign-trends/webdesign-trends-2025-part1-title.jpg/41c68ce92b5a40850b0dfe53e5c94bcf/webdesign-trends-2025-part1-title.jpg" alt="" title="" width="1440" height="963" sizes="(min-width: 768px) 40vw, 90vw" loading="lazy" > </picture>  </div> <div class="inner relative w-full h-full flex flex-col"> <div class="min-h-[45px]"> <span class="font-sans text-sm hover:text-white text-white bg-primary-middle px-2.5 py-0.5 rounded-full">Webdesign</span> </div> <div class="relative grow flex flex-col justify-end"> <p class="text-2xl absolute top-full -translate-y-full group-hover/newsitem:top-0 group-hover/newsitem:translate-y-0 transition-all font-bold max-w text-white"> Webdesign Trends 2025 – Part I: Minimalismus, Tiefe & visuelle Hierarchie </p> <div class="text-base grow flex flex-col justify-end font-bold text-white transition-all translate-y-full opacity-0 group-hover/newsitem:opacity-100 group-hover/newsitem:translate-y-0"> <p>Minimalismus trifft auf Tiefe und starke visuelle Kontraste – entdecke die Webdesign-Trends 2025, die mit Klarheit, Transparenz und Hierarchie arbeiten.</p> <p> von Richard Albrecht - 11.02.2025</p> </div> </div> </div> </div> </a> <a href="/journal/bfsg-2025/" class="font-sans transition-[scale] scale-100 splide__slide py-5 "> <div class="h-[330px] p-6 relative transition rounded-3xl overflow-clip text-invert shadow-tile group/newsitem"> <div class="absolute inset-0 transition group-hover/newsitem:scale-110 after:content-[''] after:w-full after:h-full after:absolute after:inset-0 after:bg-[radial-gradient(circle,rgba(255,255,255,0)_0%,rgba(0,0,0,0.6783088235294117)_100%)]">  <picture class=""> <source srcset=" /img/containers/files/images/pages/journal/2025-01_bfsg/bfsg-title.jpg/49b7ca9e98136308de6771d73d31cede/bfsg-title.webp 320w, /img/containers/files/images/pages/journal/2025-01_bfsg/bfsg-title.jpg/9b145fcbdb23963b3b94aacdb17463c2/bfsg-title.webp 480w, /img/containers/files/images/pages/journal/2025-01_bfsg/bfsg-title.jpg/982617e418c636eec077c238bd5154d4/bfsg-title.webp 768w, " sizes="(min-width: 768px) 40vw, 90vw" type="image/webp"> <source srcset=" /img/containers/files/images/pages/journal/2025-01_bfsg/bfsg-title.jpg/aad8e926da89c13990696d9801bd1e32/bfsg-title.jpg 320w, /img/containers/files/images/pages/journal/2025-01_bfsg/bfsg-title.jpg/1f67562be34044658053bf84ff2f7825/bfsg-title.jpg 480w, /img/containers/files/images/pages/journal/2025-01_bfsg/bfsg-title.jpg/5bb90efd457b36f7aff596bdd8cd80d0/bfsg-title.jpg 768w, " sizes="(min-width: 768px) 40vw, 90vw" type="image/jpeg"> <img class="object-cover w-full h-full " style="object-position: 50% 50%" src="/img/containers/files/images/pages/journal/2025-01_bfsg/bfsg-title.jpg/5bb90efd457b36f7aff596bdd8cd80d0/bfsg-title.jpg" alt="" title="" width="1024" height="685" sizes="(min-width: 768px) 40vw, 90vw" loading="lazy" > </picture>  </div> <div class="inner relative w-full h-full flex flex-col"> <div class="min-h-[45px]"> <span class="font-sans text-sm hover:text-white text-white bg-primary-middle px-2.5 py-0.5 rounded-full">Barrierefreiheit</span> </div> <div class="relative grow flex flex-col justify-end"> <p class="text-2xl absolute top-full -translate-y-full group-hover/newsitem:top-0 group-hover/newsitem:translate-y-0 transition-all font-bold max-w text-white"> Barrierefreiheitsstärkungsgesetz 2025 (BFSG) </p> <div class="text-base grow flex flex-col justify-end font-bold text-white transition-all translate-y-full opacity-0 group-hover/newsitem:opacity-100 group-hover/newsitem:translate-y-0"> <p>Was du als Website-Betreiber wissen und umsetzen musst.</p> <p> von Richard Albrecht - 04.02.2025</p> </div> </div> </div> </div> </a> </div> </div> </div> </section> </main>   <footer class="w-full pb-5 mt-auto pt-9 md:pt-36 bg-hero-gradient text-invert"> <div class="flex flex-col items-center justify-center gap-8 fluid-container"> <div class="flex flex-wrap items-center justify-center mb-5 gap-default gap-y-16 md:gap-y-9 md:mb-20"> <div> <img class="w-full max-h-[70px] max-w-[180px] object-contain" src="/files/images/footer/klima-neutrales-hosting.svg" alt="Klima Neutrales Hosting Icon" /> </div> <div> <img class="w-full max-h-[70px] max-w-[180px] object-contain" src="/files/images/footer/dsgvo.svg" alt="DSGVO Icon" /> </div> <div> <img class="w-full max-h-[70px] max-w-[180px] object-contain" src="/files/images/footer/made-in-germany.svg" alt="Webdesign Made in Germany Icon" /> </div> <div> <img class="w-full max-h-[70px] max-w-[180px] object-contain" src="/files/images/footer/t3-goldmember.svg" alt="TYP3 Gold Member Icon" /> </div> <div> <img class="w-full max-h-[70px] max-w-[180px] object-contain" src="/files/images/footer/wordpressbadge.svg" alt="WordPress Entwicklungs-Agentur Icon" /> </div> </div> <div class="mb-5 md:mb-20 w-full">  <div class="flex flex-wrap items-center justify-center gap-x-default gap-y-medium"> <img src="/files/badges/hk-hamburg_badge_white.svg" alt="" class="w-auto h-auto max-w-[150px] max-h-[130px]" /> <div>  <a class="block w-32 m-auto mb-1" href="https://www.provenexpert.com/homepage-helden-gmbh/?utm_source=Widget&utm_medium=Widget&utm_campaign=Widget" title="Kundenbewertungen & Erfahrungen zu Homepage Helden GmbH. Mehr Infos anzeigen." target="_blank" style="text-decoration:none;" rel="noopener noreferrer"> <img src="https://images.provenexpert.com/c9/4b/5b4f8638ec20f7431d9dd14634a2/widget_landscape_180_de_0.png" alt="Erfahrungen & Bewertungen zu Homepage Helden GmbH" width="120" height="auto" style="border:0" loading="lazy" /> </a> <style>@font-face{font-family:ProvenExpertStars;src:url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAhkABEAAAAAErQAAAgFAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGiAGVgCCUggKCZZwEQgKUGEBNgIkAxQLDAAEIAWEfgc5DHs/d2ViZgYbjBFRlGxSg+xngbt3LygG2EnDD067I9KEz3Hyda0vg/jeptXvzx9pJF7iMbEsE8mEsLK8B4DxhVsXsXVAERBGgDlBAwS0Iof/T90nFWXCbq7yErYcokV9SniXpaD8YYt6izLjrjpy2Cyd3TmAoJED2qIO7bh/wM7o/7f2at9MUiJhezrn1MjGuuybv5t/532ibUq7P0RbAhSGHCpAcCRUhK039TUYm/3hKsDKYTTaW/ufBAjA21UX3wN82PbpXUb5ka+4c/3A8Q1QCIIm7CHuaz4l92KizYPmfevMOePvG5+xoIKgMA3oF/UsNS4QSfnnJ453/nvHM9UZXhOiGzCU7OmA6hDZJDUhYLEBBZD5mP//t3q/dB7XRVwEiCPPqiiRt6H/S8LfL/s5QPAdR0l6+4/u+1scn58ihSvS//OJusGI0vZ/546jbGbTyjn4B9qwxzvm4BFgxyceBc3F8zvo8FOf7t0czUZ7n6MzV3UjomcnOiKpEqXWUOl/UokRtXPS/b4nFKFViVAieh6qwTq3t8L9FnPA2XzntnQxFRdyoj+tQiwlg7e4SMljQCOhtZ0LkzsRUwIOCXVfNyGxR8NEWl7zYqZB3FTJrK0L8WiGcXW8BtWx5P6ylVAlpUn32415p2r3UrQUEUb2485VDfIrfZTHBE7e6Qm6BQ73j0gwgYQWlZ4gGRJjXj1OqIbreTj7p12qzDGRnMLLeUieZqF3thxH4bbr6OO40PEZdwEvEjMgWrNGXVIyCLaXSqx6chR7RaRvVsJQa4f5H4wnbZHkDEexatY2B/L+QpDQe5qlKLrKXLrtPD4UFUQstEOPH0gs4eUbyTMHJCR8HvWhfCt6AhDB7ujXP+2yKv8YfmZ1M8IvwTxBvD2IRefDdBVfYaeeA3i7G9/u3yhWbt9yaP6DKPR4mA5oL0aSQMASEKWheFXlexAyNWHoTiwd14/W0A0tl7na1RmSOJkqiuOXlZ6QWoGJ6JhwtjNMOzN4zyi4MzZECLdeqB2ncXAIS0UQHUQCEjTCIwG3QByUkeR3sL9M171CN1MOVrOI3qmuJM9hFEZ3PEdQxKCjWtExbdBxremENumkdtAp7aTT2qIz2tU4iyUcbquFOqe2ymaCBDCQCAaSwEAyGEgBA6lgIA0MpIPRzIDW5hJlJjPBWANzy6C/Y4nJmFB9WSDT5Ftz9WRDmqirY2uf2Wtq5yO9ubLUk9P/G8qU7CsyudewfXJ7ZDu3m3nQYxGvIYQlinK+MGIlMi9m+gt63+GGPSt5/shtT36bT0YTEfuA7TPcpjCaC2uegngRwlncFxSiKDe9pkYTkCnb97q7fWIsahWnbX4/REJf4GVy9ranCDBFq2zD74uLdxZdrkhrXTF7FYeV1WwHhJaQYKGYuZPXjuzGn2q/alfaS8LVkykEExbVJSW8ShtnNB+RoSzEXuL3Ucxzw2A7D4sU28px+emy3eTrtiahQxuPG6zwaIxS3VZwwqyVM8C4yEaEqa2y3RheYdwa0Rp4Wmbn+bVVNXHylLQ/LboYM8QKtvbMU3orwpLAT4/BJfFISVl3ce393lyXr9hozVwVCPZeTlt1d9Ghnn1ev1dTg7TDWeuPiifeYk955TkOi8uf3e02LxjGgQqYmh5723gvai01JcsfvuOpvNVmZz9VCXccfeVqUGQ5JmpAsXWl8kTxBN0BeQqaDVnmicyuoGd5Yq1qWlNjz/K6uWvrYpU1TMN/YjLzuO78Simu2XNj67GuuiSeq+uIoO26vups7beho7mqITO5M0s9j+AtOdOQf/U08vqa6oJ3FQmvouaaQp1a1mU6MjUadwL4m1JrPRWLtJwSbXWvGag1VbsW6pgqqE4boK45UIduaKEeEaAXFtQ3B6rRDy00IAIMwoKG5kAEw9BCIyLAKCxobA7UYxxaaEIEmIQFTc2BGkxDC82IALOw6J2r90u62M27ivsVVsuCqpTFueQRVUVL+dKEbhkWsmIxZBV8obVJZW79aiEbEkM2waCtSeVu+2ohOxJDzoOxWrR+3KXVT9EDQta+tbhvJPecfkr6cxDkH0kpABUTFTf/P4wfOGE04EgIot1CNr5iMrozHQ1MT2b8mN4oX79a9Vzpc1+/8NFHvtn3eyT+Bo/XRHKykMtDeeUb3TkdqPzVOmdd7RKuw9js/zJnm2MGlk4spRZfqYTtEdtfCs0wrYp6QMSmc4OUBItN3AmfpoCgXeB4ExYf8kvENlpOiZhhcTdBoDMFDhzW408wEO0C1jgJI2huNAq4dUEDmgUwJkfdaRwoLho3Q9xvPKT6y7zO0WzzBqGKzZtYsjTvLbyy9SNfGJzs8muWtrdiixsb23bfYnlvYzZqDy/mgu97DfVss8NlRFllmRVi2NK398tgCwvJV3TCXORi23aC5CpbzLKBFWfZI8YKF7tIRrAtsb0JYywCG1KYa54MbpLrGgVDhBPKapLQlk8Q2qhm2TrLbMb8QpXhLhc2YViMyVLhEi3sfLamajptO/wN11hknhi5rUnG2KFcHtspsUaHWWQuIhAn2ymcdBfDHCnT+kPKhZ12nF2otI/CdRZZ5w6xPkFUye8Kt66tn/PssbqRaNXB8v4kDqNrmYCghD3PcO5trYaLmgZ6NzYbZTn8iNf7RuIid48iH+mNd+KYdXHINNpalzwLuKwPMWiIJ8utvXE/8mOkGAsN8VTPg56zrkV05Nb5g5FwjNIPi+PNfEb+vwl9V1zRgAwl/zcB) format("woff2"),url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAq4ABEAAAAAErQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAccNMoOEdERUYAAAGcAAAAHAAAACAAMgAET1MvMgAAAbgAAABEAAAAVol+UxljbWFwAAAB/AAAAEMAAAFSJhHr02N2dCAAAAJAAAAACgAAAAoAAAAAZnBnbQAAAkwAAAWUAAALcIiQkFlnYXNwAAAH4AAAAAgAAAAIAAAAEGdseWYAAAfoAAAAUAAAAFDBkP3DaGVhZAAACDgAAAAvAAAANgsSqExoaGVhAAAIaAAAAB0AAAAkDtEG02htdHgAAAiIAAAAFAAAABQWFgAlbG9jYQAACJwAAAAMAAAADAAIAChtYXhwAAAIqAAAACAAAAAgAJIAIm5hbWUAAAjIAAABVgAAAn5sMm1pcG9zdAAACiAAAAAmAAAAObE8KhJwcmVwAAAKSAAAAGUAAAB73WsDhXdlYmYAAAqwAAAABgAAAAb+XVYkAAAAAQAAAADMPaLPAAAAANJK1o0AAAAA0kqu23jaY2BkYGDgA2IJBhBgYmAEQhYwBvEYAAR2ADd42mNgZN3GOIGBlYGFVYh1FgMDozyEZr7OkMIkwMDAxMDKzIAVBKS5pjA4qP55wcB29t9Zhh1sCQzHgcKMIDkAvO4MaXjaY2BgYGaAYBkGRgYQ8AHyGMF8FgYDIM0BhEwgCdU/Lxj+/0dm3WKXYIHqAgNGNgY4lxGkh4kBFTAyDHsAACevCfAAAAAAAAAAAAAAAAAAeNqtVmlzE0cQndVhyzY+gg8SNoFZxnKMdlaYywgQxuxKFuAc8pXsQo5dS3bui0/8Bv2aXpFUkW/8tLweHdhgJ1VUKEr9pvftTPfrnl6T0JLEXliPpNx8Kaa2Nmlk50lIN2xajuJD2dkLKVNM/i6Igmi11L7tOCQiEoGqdYUlgtj3yNIk40OPMlq2Jb1qUm7pSXfZGg/qrfr209BRjt0JJTWboUPrkS2pwqgSRTLtkZI2LcPVX0la4ecrzHzVDCWC6CSSxpthDI/kZ+OMVhmtxnYcRZFNlhtFikQzPIgij7JaYp9cMUFA+aAZUl75NKJ8hB+RFXuU0wpxyXaa3/clP+kdzr8k4nqLsiUH/kB2ZAd7pyv5ItLaCuOmnWxHoYrwdH0nxCObk+qf7FFe02jgdkWmJ80IlspXkFj5CWX2D8lq4XzKlzwa1ZKDnAhaL3NiX/IOtB5HTIlrJsiC7o5OiKDul5yh2GP6uPjjvV0sFyEEyDiW9Y5KuBBGKWGzmiRtBDmIkrJFldR6R0yc8jot4i1hv07t6EtntEmoOzGerYeOrZyo5Hg0qdNMpk7tpObRlAZRSjoTPObXAZQf0SSvtrGaxMqjaWwzYySRUKCFc2kqiGUnljQF0Tya0Zu7YZpr16JFmjxQzz16T29uhZs7PaftwD9r/Gd1KqaDvTCdng7ISnyadrlJ0bp+eoZ/JvFD1gIqkS02w5TFQ7Z+B+XlY0uOwmsDbPee8yvoffZEyKSB+BvwHi/VKQVMhZhVUAvdtNa1LMvUalaLVGTquyFNK1/WaQJNOQ59Y1/GOP6vmRlLTAnf78Tp2RGXnrn2Jcg0h9xmXY/mdWqxXYDObM/pNMv2fZ3m2H6g0zzb8zodYWvrdJTthzotsP1Ip2NsL2hBk+47BHIRgVzABhKBsHUQCNtLCIStQiBsFxEI2yICYbuEQNh+jEDYLiMQtpe1rJp+KmkcOxPLAEWIA6M57shlbipXU8mlEq6LRqc25Clyq6SieFb9KwP94pE3rIG1QLpE1vyKSa58VJXjj65oedPEuQKOVX97c1yfEw9lv1j4U/C/2pqqpFeseWRyFXkj0JPjRNcmFY+u6fK5qkfX/4uKDmuBfgOlEAtFWZYNvpmQ8FGn01ANXOUQMxszD9f1umXNz+H8mxghC+h+/DcUGgvcg05ZSVntYK/V149lubcH5bAnWJJivszrW+GLjMxK+0VmKXs+8nnAFTAqlWGrDVyt4M17EvOQ6U3yTBC3FWWDpI3HmSCxgWMeMG++kyAkTF21gdopnLCBvGDMKdjvhENUb5TlcHuhfR6NlH9rV+zIGRVNEPht9kbY67NQ8lusgYQnv9TXQFUhTcW4qYBLI+WGavBhXK3bRjJOoK+o2A3LsooPH0fcd0qOZSD5SBGrR0c/rb1CndS5/coobt87/QiCQWli/va+meKglHe1kmVWbQNTtxqVU9eaw8WrDt3No+57x9knctY03XRP3PS+plW3g4O5WRDt2xyUpUwuqOvDDhuoy82l0OplXJLedg8wLDCg36EVG/9X93H4PFeqCqPjSL2dqB+jz2IM8g84f0f1BejnMUy5hpTne5cTn27cw9kyXcVdrJ/i38CsteZm6RpwQ9MNmIesWh26yg18pwY6PdLcjvQQ8LHuCvEAYBPAYvCJ7lrG8ymA8XzGHB/gc+YwaDKHwRZzGGwzZw1ghzkMdpnDYI85DL5gzjrAl8xhEDKHQcQcBk+YEwA8ZQ6Dr5jD4GvmMPiGOfcBvmUOg5g5DBLmMNjXdGsoc4sXdBeobVAV6MD0Exb3sDjUVBmyv+OFYX9vELN/MIipP2q6PaT+xAtD/dkgpv5iEFN/1XRnSP2NF4b6u0FM/cMgpj7TL8ZymcFfRr5LhQPKLjaf8/fE+wfCGkC2AAEAAf//AA8AAQAAAAAAAAAAAAMAADkDAAEAJf85B0oGYAAJAAazBwEBLSsBEwkBEwEhGwEhBRfd/cL9x939ywKu4+YCrgIA/TkBu/5FAskBsAKu/VIAAHjaY2BkYGAA4quPWHzj+W2+MshzMIDAJa91txH0f0t2L7YEIJeDgQkkCgA/wAsUAHjaY2BkYGA7++8sww4OBhBg92JgZEAFrABpLwO3AAAACAAAAAAAAAACqgAABAAAAAdsACUAAAAAAAAAAAAIACgAAQAAAAUACgABAAAAAAACAAAAEABzAAAAGAAGAAAAAHjadZC9TsMwFIWPm1DxtyFV0MkTgiWECBB0QkKCCSGB1M5JSdqUkECaIsGShYGBp0A8DD9PwCvwCEwcO25UIRHLvp/Pvb7HMYAVfENAfbNrQ8eKLU0V21itucm4xqywF7gboW1YsOrRcIOZJ8PWDNscU55DC8+GmzzxYngRXbwaXsI6fgy/oSWk4Xe4Ys/wB+ZFZPgTyyKt+MtCWzyUUZYWYZJk8jwcTBI/l70wUFqJI2S4wT1yxBhgiAISG1Q3GT242MYuKWCFZGVVFSOFj4SKjwlPDHVmzP0hZ8RdSjVkRUJ20Od6zVjq2WVGVce6TtLBoU+JE+qpzvn69GXtO8YdXT2qBbsrh1x3lDj+4yX5Lyo3otKn7ug/Kqh2sMXx3916VII6O73Tqbnhme6l1AO9uuzmkTvYwf7MO12xS0ivQr9LzjmubyhxgVsqMfVc+f8CjWtaHwAAeNpjYGKAABEG7IAViBkZmBiZGJnZS/MyjUzdnFmKSxKLAB+EBCcAAHjaY/DewXAiKGIjI2Nf5AbGnRwMHAzJBRsZWJ02MjBoQWgOFHonAwMDJzKLmcFlowpjR2DEBoeOiI3MKS4b1UC8XRwNDIwsDh3JIREgJZFAsJGBR2sH4//WDSy9G5kYXAAH0yK4AAAAAAFWJP5cAAA=) format("woff");font-weight:400;font-style:normal;font-display:swap}#pe_rating{display:inline-block;font-size:16px;text-align:center;color:#c8b274;border:none;text-decoration:none;outline:none;font-size-adjust:.5}#pe_rating,#pe_rating *{box-sizing:border-box}#pe_rating #pe_additional_info{overflow:hidden;height:20px;margin:-20px;line-height:200px;padding-top:20px}#pe_rating.pe_g #pe_name{overflow:hidden;position:absolute;height:10px;line-height:50px;padding-top:50px}#pe_rating.pe_g #pe_name img{display:block}#pe_rating.pe_g .pe_u{display:block;margin:0 0 .3em;font-size:.8em;line-height:1.2em}#pe_rating.pe_g.pe_l>span>span{margin-left:.1em;margin-right:.1em}#pe_rating.pe_g.pe_l>span>span.pe_u{vertical-align:.0781249988358466em}#pe_rating.pe_t.pe_b>span>span:first-of-type{display:inline}#pe_rating.pe_t #pe_name,#pe_rating.pe_t>span>span{font-size:.8em;line-height:1.2em}#pe_rating.pe_t>span>span{display:block}#pe_rating.pe_l>span>.pe_u,#pe_rating.pe_l>span>span{display:inline-block}#pe_rating>span>.pe_u{text-decoration:underline}#pe_rating>span>.pe_u:hover{text-decoration:none}#pe_stars{display:inline-block;position:relative;overflow:hidden;width:5em;height:1.1em;margin:0!important;line-height:1em;font-size:1em;text-align:left}#pe_stars:before{font-family:ProvenExpertStars,Arial,Helvetica,sans-serif;content:"\2605\2605\2605\2605\2605";letter-spacing:0;color:#ccc}#pe_stars:before,#pe_stars>span{position:absolute;top:.1em;left:0}#pe_stars>span{display:block;overflow:hidden;padding-top:1.2em}#pe_stars>span:before{font-family:ProvenExpertStars,Arial,Helvetica,sans-serif;content:"\2605\2605\2605\2605\2605";position:absolute;top:0;left:0;letter-spacing:0;color:#c8b274}</style> <a id="pe_rating" title="Kundenbewertungen & Erfahrungen zu Homepage Helden GmbH. Mehr Infos anzeigen." target="_blank" href="https://www.provenexpert.com/homepage-helden-gmbh/" class="pe_g pe_b"> <span id="pe_name"> <span>Homepage Helden GmbH</span> </span> <span> <span id="pe_stars"> <span style="width: 100%;"> <span></span> hat <span><span>4,80</span> von <span>5</span> Sternen<span></span></span> </span> </span> <span class="pe_u"> <span>156</span> Bewertungen auf ProvenExpert.com </span> </span> </a> <script type="application/ld+json"> {"@context":"https:\/\/schema.org\/","@type":"Product","name":"Homepage Helden GmbH","description":"Webdesign, Web Agentur","image":"https:\/\/images.provenexpert.com\/c9\/4b\/5b4f8638ec20f7431d9dd14634a2\/homepage-helden-gmbh_full_1631884140.jpg","aggregateRating":{"@type":"AggregateRating","reviewCount":156,"ratingValue":4.8,"bestRating":5,"worstRating":1}}</script> </div> <img src="/files/badges/german-web-award-2024-siegel-white.svg" alt="" class="w-auto h-auto max-w-[150px] max-h-[130px]" /> <div class="max-w-[230px] cursor-pointer shadow-tile " @click="$dispatch('toggle-google-reviews')"> <svg class="w-full" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 219 68"> <path fill="#fff" d="M0 0h219v68H0z" /> <path fill="#34A853" d="M0 0h219v7H0z" /> <path fill="#3E3E3E" d="M65.98 49.44v-1.6l5.66-8.93h1.26v2.35h-.8l-4.04 6.4v.1h7.75v1.68h-9.83ZM72.2 52v-3.04l.01-.73V38.9h1.88V52H72.2Zm7.86-1.79-.1.7a11.2 11.2 0 0 1-.33 1.6 24.7 24.7 0 0 1-.85 2.69h-1.36l.23-1.08.3-1.5c.08-.55.15-1.12.2-1.7l.07-.71h1.84Zm6.86-11.48c.59 0 1.16.11 1.73.32.57.2 1.08.55 1.53 1.02a5 5 0 0 1 1.1 1.92 12.33 12.33 0 0 1 .08 6.05 6.9 6.9 0 0 1-.99 2.26 4.34 4.34 0 0 1-1.55 1.4c-.61.32-1.3.48-2.06.48-.78 0-1.47-.15-2.08-.46a3.96 3.96 0 0 1-2.19-3.15h1.95c.13.56.4 1.02.78 1.37.4.34.91.51 1.54.51.96 0 1.7-.41 2.24-1.25.54-.84.81-2.01.81-3.52h-.1a3.74 3.74 0 0 1-3.25 1.78c-.75 0-1.44-.18-2.05-.55a4.1 4.1 0 0 1-1.48-1.53 4.42 4.42 0 0 1-.55-2.22 4.28 4.28 0 0 1 2.15-3.85 4.6 4.6 0 0 1 2.4-.58Zm.01 1.66c-.5 0-.95.13-1.35.37a2.79 2.79 0 0 0-1.28 2.37c0 .51.1.97.33 1.38.23.41.53.74.92.98.4.24.84.36 1.34.36a2.54 2.54 0 0 0 1.9-.82c.24-.26.43-.55.57-.88a2.71 2.71 0 0 0-.14-2.38 2.69 2.69 0 0 0-.93-1 2.5 2.5 0 0 0-1.36-.38Z" /> <path fill="#000" d="M72.58 28.14a4.35 4.35 0 0 1-4.05-2.44 6.21 6.21 0 0 1-.58-2.79c0-1.08.2-2.01.58-2.8a4.35 4.35 0 0 1 3.98-2.43 4.65 4.65 0 0 1 2.8.93 3.9 3.9 0 0 1 1.43 2.42h-1.58c-.1-.3-.22-.57-.38-.8a2.47 2.47 0 0 0-1.33-1.01c-.28-.1-.59-.14-.93-.14a2.81 2.81 0 0 0-2.65 1.74c-.27.57-.4 1.26-.4 2.09 0 .82.13 1.52.4 2.09a3 3 0 0 0 1.11 1.3c.47.29 1 .44 1.6.44a3 3 0 0 0 1.44-.34c.41-.23.73-.55.96-.96.23-.4.34-.9.34-1.45l.4.07h-2.9V22.8h4v1.16c0 .86-.18 1.6-.55 2.22a3.67 3.67 0 0 1-1.5 1.45c-.64.35-1.37.52-2.19.52Zm8.82.02a3.33 3.33 0 0 1-3.12-1.87 4.7 4.7 0 0 1-.43-2.07c0-.8.14-1.49.43-2.08a3.32 3.32 0 0 1 3.13-1.88 3.32 3.32 0 0 1 3.12 1.88c.3.6.45 1.29.45 2.08a4.5 4.5 0 0 1-.45 2.06 3.33 3.33 0 0 1-3.12 1.88Zm0-1.25c.48 0 .87-.13 1.17-.37.3-.25.53-.57.68-.98.15-.41.22-.86.22-1.34 0-.5-.07-.94-.22-1.35a2.16 2.16 0 0 0-.68-.99 1.8 1.8 0 0 0-1.16-.37c-.47 0-.85.13-1.16.37-.3.25-.52.58-.67.99a3.9 3.9 0 0 0-.23 1.35c0 .48.08.93.23 1.34.15.4.37.73.67.98.3.24.7.37 1.16.37Zm8 1.25a3.33 3.33 0 0 1-3.12-1.87c-.3-.6-.45-1.29-.45-2.07 0-.8.15-1.49.44-2.08a3.32 3.32 0 0 1 3.13-1.88 3.32 3.32 0 0 1 3.12 1.88c.3.6.44 1.29.44 2.08a4.5 4.5 0 0 1-.44 2.06 3.33 3.33 0 0 1-3.12 1.88Zm0-1.25c.47 0 .85-.13 1.16-.37.3-.25.53-.57.68-.98.15-.41.22-.86.22-1.34 0-.5-.07-.94-.22-1.35a2.16 2.16 0 0 0-.68-.99 1.8 1.8 0 0 0-1.16-.37c-.47 0-.85.13-1.16.37-.3.25-.53.58-.68.99a3.9 3.9 0 0 0-.22 1.35c0 .48.07.93.22 1.34.15.4.38.73.68.98.3.24.7.37 1.16.37Zm7.96 4.11c-.9 0-1.63-.17-2.15-.51a2.77 2.77 0 0 1-1.09-1.22l1.27-.52c.1.14.22.3.37.46.15.16.36.3.62.42.26.11.6.17 1 .17.56 0 1.03-.14 1.4-.41.37-.27.55-.7.55-1.3v-1.5h-.1a2.46 2.46 0 0 1-1.07 1.06c-.29.14-.67.21-1.14.21-.6 0-1.14-.14-1.63-.42-.47-.29-.86-.7-1.14-1.26a4.5 4.5 0 0 1-.43-2.05c0-.81.14-1.5.42-2.08a2.98 2.98 0 0 1 2.8-1.8 2.22 2.22 0 0 1 1.84.78c.16.2.29.4.38.55h.1v-1.24h1.45v7.81c0 .66-.15 1.2-.46 1.61-.3.42-.71.73-1.23.93-.52.2-1.1.31-1.76.31Zm-.01-4.37c.64 0 1.13-.22 1.48-.67.34-.44.52-1.06.52-1.85 0-.51-.08-.97-.23-1.35a2 2 0 0 0-.67-.92 1.8 1.8 0 0 0-1.1-.33c-.45 0-.82.11-1.12.34-.3.23-.52.54-.67.94-.15.4-.23.83-.23 1.32 0 .5.08.94.23 1.32a1.83 1.83 0 0 0 1.79 1.2Zm6.5-8.84V28h-1.48V17.81h1.48Zm4.85 10.35c-.75 0-1.4-.16-1.94-.49a3.25 3.25 0 0 1-1.27-1.37 4.5 4.5 0 0 1-.44-2.07c0-.78.15-1.47.43-2.07.3-.6.7-1.06 1.23-1.4a3.8 3.8 0 0 1 3.12-.3 3.04 3.04 0 0 1 1.85 1.87c.2.5.3 1.08.3 1.77v.53h-6.09v-1.11h5.32l-.7.36c0-.46-.07-.88-.21-1.24a1.82 1.82 0 0 0-.66-.84 1.8 1.8 0 0 0-1.07-.3c-.43 0-.8.1-1.1.3a2 2 0 0 0-.7.81c-.15.34-.23.71-.23 1.11v.76c0 .52.09.97.27 1.33a1.95 1.95 0 0 0 1.9 1.12c.28 0 .54-.04.77-.12a1.58 1.58 0 0 0 .98-.98l1.4.27c-.1.41-.3.77-.6 1.08-.28.31-.64.55-1.08.72-.43.17-.93.26-1.48.26Zm7.82-.16V17.81h3.74a4 4 0 0 1 1.79.36c.47.24.83.56 1.06.96a2.7 2.7 0 0 1 .11 2.43c-.15.3-.36.52-.62.7-.26.17-.55.3-.86.38v.1c.34.01.67.12 1 .32.32.2.59.49.8.86.21.36.32.81.32 1.34a2.5 2.5 0 0 1-1.49 2.38c-.5.24-1.16.36-1.95.36h-3.9Zm1.54-1.31h2.21c.74 0 1.27-.15 1.59-.43.31-.29.47-.65.47-1.08a1.7 1.7 0 0 0-.94-1.52c-.3-.16-.65-.24-1.06-.24h-2.27v3.27Zm0-4.47h2.06c.34 0 .65-.06.93-.2a1.5 1.5 0 0 0 .9-1.42c0-.4-.15-.76-.44-1.04-.3-.29-.74-.43-1.35-.43h-2.1v3.1Zm10.34 5.94c-.74 0-1.39-.16-1.93-.49a3.25 3.25 0 0 1-1.27-1.37 4.64 4.64 0 0 1-.44-2.07c0-.78.15-1.47.43-2.07.3-.6.7-1.06 1.23-1.4a3.8 3.8 0 0 1 3.12-.3 3.04 3.04 0 0 1 1.86 1.87c.19.5.28 1.08.28 1.77v.53h-6.08v-1.11h5.32l-.7.36c0-.46-.07-.88-.21-1.24a1.82 1.82 0 0 0-.66-.84 1.8 1.8 0 0 0-1.07-.3c-.43 0-.8.1-1.1.3a2 2 0 0 0-.7.81c-.15.34-.23.71-.23 1.11v.76c0 .52.09.97.27 1.33a1.95 1.95 0 0 0 1.9 1.12c.28 0 .54-.04.77-.12a1.58 1.58 0 0 0 .98-.98l1.41.27c-.11.41-.31.77-.6 1.08-.29.31-.65.55-1.09.72-.43.17-.93.26-1.48.26Zm5.88-.16-2.25-7.64h1.54l1.5 5.61h.08l1.5-5.61h1.53l1.48 5.59h.08l1.49-5.6h1.53L140.52 28H139l-1.56-5.51h-.1L135.79 28h-1.51Zm12.51.16c-.75 0-1.4-.16-1.94-.49a3.25 3.25 0 0 1-1.27-1.37 4.64 4.64 0 0 1-.43-2.07c0-.78.14-1.47.43-2.07.29-.6.7-1.06 1.22-1.4a3.8 3.8 0 0 1 3.12-.3 3.03 3.03 0 0 1 1.86 1.87c.19.5.28 1.08.28 1.77v.53H144v-1.11h5.3l-.68.36c0-.46-.08-.88-.22-1.24a1.82 1.82 0 0 0-.66-.84 1.8 1.8 0 0 0-1.07-.3c-.43 0-.8.1-1.1.3a2 2 0 0 0-.7.81c-.15.34-.23.71-.23 1.11v.76c0 .52.1.97.27 1.33a2 2 0 0 0 .76.84c.33.19.71.28 1.14.28.29 0 .54-.04.77-.12a1.58 1.58 0 0 0 .98-.98l1.41.27c-.11.41-.31.77-.6 1.08-.29.31-.65.55-1.09.72-.43.17-.92.26-1.48.26Zm4.45-.16v-7.64h1.43v1.22h.08c.15-.4.4-.73.74-.97a2.1 2.1 0 0 1 1.2-.36 4.45 4.45 0 0 1 .63.03v1.42a3.8 3.8 0 0 0-.78-.08c-.35 0-.66.08-.94.23a1.7 1.7 0 0 0-.65.6c-.15.26-.23.56-.23.9V28h-1.48Zm8.95-7.64v1.2h-4.17v-1.2h4.17Zm-3.06-1.82h1.49v7.22c0 .35.07.6.21.77.15.16.38.24.7.24a2.37 2.37 0 0 0 .53-.06l.28 1.24a2.98 2.98 0 0 1-1.03.15 2.2 2.2 0 0 1-1.58-.55c-.4-.37-.6-.87-.6-1.5v-7.51Zm9.1 6.3v-4.48h1.48V28h-1.45v-1.33h-.08a2.38 2.38 0 0 1-2.28 1.42c-.5 0-.93-.1-1.3-.32a2.21 2.21 0 0 1-.9-.96 3.6 3.6 0 0 1-.3-1.6v-4.85h1.47v4.69c0 .51.15.92.44 1.23.29.31.67.47 1.13.46a1.83 1.83 0 0 0 1.51-.83c.2-.28.28-.64.28-1.07Zm4.52-1.37V28h-1.48v-7.64h1.44v1.26h.1c.17-.42.44-.75.81-.99.37-.25.85-.37 1.43-.37.51 0 .97.11 1.36.33.39.21.7.54.9.96.22.43.33.96.33 1.6V28h-1.47v-4.68c0-.55-.15-.98-.44-1.3-.3-.31-.69-.47-1.19-.47-.34 0-.65.07-.92.23-.27.15-.48.37-.64.65-.15.28-.23.63-.23 1.04Zm9.65 7.55a3.9 3.9 0 0 1-2.16-.51 2.77 2.77 0 0 1-1.09-1.22l1.27-.52c.1.14.21.3.37.46.15.16.36.3.62.42.26.11.6.17 1 .17.56 0 1.03-.14 1.4-.41.37-.27.55-.7.55-1.3v-1.5h-.1a3 3 0 0 1-.38.54c-.17.2-.4.37-.69.52-.3.14-.67.21-1.14.21a3.2 3.2 0 0 1-1.63-.42c-.48-.29-.86-.7-1.15-1.26a4.49 4.49 0 0 1-.42-2.05c0-.81.14-1.5.42-2.08a2.99 2.99 0 0 1 2.8-1.8 2.22 2.22 0 0 1 1.84.78c.16.2.28.4.38.55h.1v-1.24h1.45v7.81c0 .66-.16 1.2-.46 1.61-.3.42-.71.73-1.23.93-.52.2-1.1.31-1.76.31Zm-.02-4.37c.64 0 1.13-.22 1.47-.67a2.9 2.9 0 0 0 .52-1.85c0-.51-.07-.97-.22-1.35a2 2 0 0 0-.67-.92 1.8 1.8 0 0 0-1.1-.33c-.45 0-.82.11-1.12.34-.3.23-.52.54-.67.94-.15.4-.23.83-.23 1.32 0 .5.08.94.23 1.32.15.38.37.67.67.88.3.21.68.32 1.12.32Z" /> <path fill="#FBBC04" d="m109 50.06 4.94 2.94-1.3-5.55 4.36-3.73-5.75-.49L109 38l-2.25 5.23-5.75.49 4.37 3.73-1.31 5.55 4.94-2.94Zm21 0 4.94 2.94-1.3-5.55 4.36-3.73-5.75-.49L130 38l-2.25 5.23-5.75.49 4.37 3.73-1.31 5.55 4.94-2.94Zm21 0 4.94 2.94-1.3-5.55 4.36-3.73-5.75-.49L151 38l-2.25 5.23-5.75.49 4.37 3.73-1.31 5.55 4.94-2.94Zm21 0 4.94 2.94-1.3-5.55 4.36-3.73-5.75-.49L172 38l-2.25 5.23-5.75.49 4.37 3.73-1.31 5.55 4.94-2.94Zm21 0 4.94 2.94-1.3-5.55 4.36-3.73-5.75-.49L193 38l-2.25 5.23-5.75.49 4.37 3.73-1.31 5.55 4.94-2.94Z" /> <path fill="#4285F4" fill-rule="evenodd" d="M54.3 38c0-1.54-.14-3.02-.4-4.44H33.5v8.38h11.66a10 10 0 0 1-4.32 6.54v5.43h7c4.1-3.77 6.46-9.32 6.46-15.92Z" clip-rule="evenodd" /> <path fill="#34A853" fill-rule="evenodd" d="M33.5 59.16c5.85 0 10.75-1.94 14.34-5.24l-7-5.44a13.02 13.02 0 0 1-7.34 2.07 12.91 12.91 0 0 1-12.12-8.93h-7.24v5.61A21.65 21.65 0 0 0 33.5 59.16Z" clip-rule="evenodd" /> <path fill="#FBBC05" fill-rule="evenodd" d="M21.38 41.62a13.02 13.02 0 0 1 0-8.24v-5.61h-7.24a21.66 21.66 0 0 0 0 19.46l7.24-5.61Z" clip-rule="evenodd" /> <path fill="#EA4335" fill-rule="evenodd" d="M33.5 24.45c3.18 0 6.04 1.1 8.28 3.24L48 21.48a20.83 20.83 0 0 0-14.5-5.64c-8.47 0-15.8 4.85-19.36 11.93l7.24 5.61a12.91 12.91 0 0 1 12.12-8.93Z" clip-rule="evenodd" /> </svg> </div> <img src="/files/badges/kununu-topcompanybadge-2025-white.svg" alt="" class="w-auto h-auto max-w-[150px] max-h-[130px]" /> </div>  </div> <ul class="flex flex-wrap justify-center gap-4 mb-5 md:gap-12"> <li class="marker:content-none"> <a href="/preise/" class="text-white text-sm md:text-base hover:border-white border-b-2 border-transparent transition-all hover:text-white !no-underline border-transparent"> Preise </a> </li> <li class="marker:content-none"> <a href="/sitemap/" class="text-white text-sm md:text-base hover:border-white border-b-2 border-transparent transition-all hover:text-white !no-underline border-transparent"> Sitemap </a> </li> <li class="marker:content-none"> <a href="/impressum/" class="text-white text-sm md:text-base hover:border-white border-b-2 border-transparent transition-all hover:text-white !no-underline border-transparent"> Impressum </a> </li> <li class="marker:content-none"> <a href="/datenschutz/" class="text-white text-sm md:text-base hover:border-white border-b-2 border-transparent transition-all hover:text-white !no-underline border-transparent"> Datenschutz </a> </li> </ul> <p class="text-xs text-white/60"> © 2023 - 2025 Homepage Helden </p> </div> </footer> <div x-cloak x-show="scrollBackTop" x-on:scroll.window="scrollBackTop = (window.pageYOffset > window.outerHeight * 0.5) ? true : false" x-data="{ scrollBackTop: false, scrollToTop() { window.scrollTo({ top: 0, behavior: 'smooth' }) } }" @click="scrollToTop()" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 scale-90" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-90" class="fixed z-30 items-center justify-center hidden w-12 h-12 mr-1 transition border border-white rounded-full cursor-pointer sidebar:flex backtotop bottom-5 right-5 shadow-tile bg-white/80 backdrop-blur-xl hover:scale-110 hover:-translate-y-2"> <svg class="w-4 -rotate-90 opacity-50" xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="currentColor"><g clip-path="url(#clip0_1120_8678)"><path d="M5.71878 1.2418C5.5787 1.38187 5.50006 1.57137 5.50006 1.76945C5.50006 1.96754 5.5787 2.15703 5.71878 2.29711L8.17662 4.75495L1.02145 4.75495C0.75461 4.75495 0.508397 4.89718 0.375198 5.12792C0.241998 5.35867 0.241998 5.64354 0.375198 5.87429C0.508397 6.10504 0.755039 6.24726 1.02145 6.24726L8.17662 6.24812L5.71878 8.70596C5.53229 8.89458 5.4601 9.16873 5.52928 9.42483C5.59846 9.68092 5.79869 9.88158 6.05521 9.95076C6.3113 10.0199 6.58545 9.94775 6.77408 9.76126L10.5064 6.0294C10.6465 5.88933 10.7251 5.69983 10.7251 5.50174C10.7251 5.30366 10.6465 5.11374 10.5064 4.97408L6.77408 1.24178C6.63444 1.10171 6.44451 1.02307 6.24642 1.02307C6.04834 1.02307 5.85886 1.10171 5.71878 1.2418Z" fill="#32363D"/></g><defs><clipPath id="clip0_1120_8678"><rect width="11" height="11" fill="white" transform="translate(11 11) rotate(180)"/></clipPath></defs></svg> </div>  <div x-data id="cart-button" class="fixed top-1/4 right-5 z-[440]"> <template x-if="$store.cart.isNotEmpty() && !$store.cart.hidden"> <a href="/anfrage/" class="cart-item bg-white shadow-xl p-3 rounded-full flex items-center justify-center"><span class="animate-ping absolute bg-red-500 rounded-full w-4 h-4 top-0 right-0 opacity-75"></span> <div x-text="$store.cart.toCartInfoList().length" class="cart-counter absolute top-0 right-0 shadow text-xs text-white bg-red-500 rounded-full w-4 h-4 text-center font-bold"> </div> <svg class="w-7 h-7 text-neutral-400" width="100%" height="100%" viewBox="0 0 93 132" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M92.5 116.161V38.8173C92.5 36.3695 90.5208 34.4163 88.0729 34.4163H72.1876V26.2132C72.1876 11.9425 60.7813 0.327866 46.6663 0.327866C32.5512 0.327866 21.1449 11.9424 21.1449 26.2132V34.4163H5.2596C2.81174 34.4163 0.832535 36.3693 0.832535 38.8173V116.161C0.832535 124.338 7.4992 131.031 15.6765 131.031H77.6552C85.8323 131.031 92.5 124.338 92.5 116.161ZM30 26.2133C30 16.8123 37.4219 9.18267 46.6667 9.18267C55.9115 9.18267 63.3333 16.8389 63.3333 26.2133V34.4164H30V26.2133ZM83.6453 116.161C83.6453 119.469 80.9631 122.177 77.6557 122.177H15.6771C12.3697 122.177 9.68747 119.469 9.68747 116.161V43.2707H21.1459V55.5363C21.1459 57.9841 23.1251 59.9633 25.5729 59.9633C28.0208 59.9633 30 57.9841 30 55.5363V43.2707H63.3333V55.5363C63.3333 57.9841 65.3125 59.9633 67.7604 59.9633C70.2083 59.9633 72.1875 57.9841 72.1875 55.5363V43.2707H83.6459L83.6453 116.161Z" fill="currentColor"/> </svg> </a> </template> </div> </div> </body> </html>

CINXE.COM

Website erstellen lassen - High Performance