PageSourceSearch

https://feelweb.de/website-erstellen-lassen

html feelweb.de collected 2026-10-07 05:03:18 UTC 58,039 bytes, 3 lines download raw bytes

1<!DOCTYPE html><html lang="de"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/__l5e/assets-v1/f3c2fea5-fd7a-423f-a9ad-c20789b997f1/feelweb-logo.png"/><link rel="preload" as="image" href="/__l5e/assets-v1/3e57b4df-809b-4090-8c6b-282284b923ca/website-erstellen-lassen-hero.jpg" fetchPriority="high"/><link rel="stylesheet" href="/assets/styles-D_IMvbo_.css" data-precedence="default"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,[email protected],200..500&amp;family=Inter:wght@300;400;500&amp;display=swap" data-precedence="default"/><title>Website erstellen lassen: Marke, Text &amp; Design | feelweb</title><meta name="author" content="Heike Gosling · feelweb designstudio"/><meta name="publisher" content="feelweb designstudio"/><meta name="theme-color" content="#ff8442"/><meta name="format-detection" content="telephone=no"/><meta name="google-site-verification" content="DPdrC1WTEQZ50qPi4S-YAoz_Hl9u_B34IE_KDdh1tLU"/><meta name="description" content="Website erstellen lassen mit Strategie: Du bekommst Markenklarheit, überzeugende Texte und ein Design, das Vertrauen aufbaut und aus Besuchern Anfragen macht."/><meta property="og:site_name" content="feelweb designstudio"/><meta property="og:locale" content="de_DE"/><meta property="og:type" content="website"/><meta property="og:url" content="https://feelweb.de/website-erstellen-lassen"/><meta property="og:title" content="Eine Website, die den Menschen hinter dem Bildschirm überzeugt"/><meta property="og:description" content="Strategie, Text und Design aus einer Hand – für Websites, die begeistern und echte Anfragen bringen."/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Eine Website, die den Menschen hinter dem Bildschirm überzeugt"/><meta name="twitter:description" content="Strategie, Text und Design aus einer Hand – für Websites, die begeistern und echte Anfragen bringen."/><meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1"/><link rel="modulepreload" href="/assets/index-ChlgGWuv.js"/><link rel="modulepreload" href="/assets/jsx-runtime-DGeXAQPT.js"/><link rel="modulepreload" href="/assets/react-vt4WmSOl.js"/><link rel="modulepreload" href="/assets/website-erstellen-lassen-BgC_wEAI.js"/><link rel="modulepreload" href="/assets/check-upJ5oer0.js"/><link rel="modulepreload" href="/assets/star-CiSjma7T.js"/><link rel="modulepreload" href="/assets/LogoMarquee-fkxmMV_I.js"/><link rel="modulepreload" href="/assets/cta-dark-DJ74Xyoc.js"/><link rel="modulepreload" href="/assets/services-dark-vLzbKU6Y.js"/><link rel="modulepreload" href="/assets/website-erstellen-lassen-hero.jpg.asset-C4elcfNN.js"/><link rel="modulepreload" href="/assets/FaqSection-CgvXr9xJ.js"/><link rel="modulepreload" href="/assets/Hero-DdGEDesD.js"/><link rel="modulepreload" href="/assets/Reveal-DRi96zxc.js"/><link rel="modulepreload" href="/assets/Section-CrzfEQTZ.js"/><link rel="icon" href="/favicon.png" type="image/png"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="canonical" href="https://feelweb.de/website-erstellen-lassen"/>
1<script>window.dataLayer = window.dataLayer || [];
2function gtag(){dataLayer.push(arguments);}
3gtag('consent', 'default', {ad_storage:'denied',ad_user_data:'denied',ad_personalization:'denied',analytics_storage:'denied',wait_for_update:500});</script>
3<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":["Organization","ProfessionalService"],"@id":"https://feelweb.de/#organization","name":"feelweb designstudio","alternateName":"feelweb","url":"https://feelweb.de/","description":"feelweb designstudio gestaltet Websites, Marken und Räume für Personal Brands sowie kleine und mittelständische Unternehmen – strategisch, editorial und deutschlandweit.","founder":{"@type":"Person","@id":"https://feelweb.de/ueber-mich#heike-gosling","name":"Heike Gosling","jobTitle":"Web- & Brand Designerin"},"email":"[email protected]","telephone":"+4915678887393","vatID":"DE353911111","address":{"@type":"PostalAddress","streetAddress":"Jägerskamp 47a","postalCode":"48683","addressLocality":"Ahaus","addressRegion":"Nordrhein-Westfalen","addressCountry":"DE"},"areaServed":[{"@type":"Country","name":"Deutschland"},{"@type":"Country","name":"Österreich"},{"@type":"Country","name":"Schweiz"}],"knowsAbout":["Webdesign","Branding","Corporate Design","Logodesign","Personal Branding","Neurowebdesign","Interior Branding"],"knowsLanguage":["de","en"],"sameAs":["https://www.instagram.com/feelweb.de","https://share.google/U8b7tdzW7OBTMC5jK"]},{"@type":"WebSite","@id":"https://feelweb.de/#website","url":"https://feelweb.de/","name":"feelweb designstudio","inLanguage":"de-DE","publisher":{"@id":"https://feelweb.de/#organization"}}]}</script>
3<script type="application/ld+json">{"@context":"https://schema.org","@type":"Service","name":"Website erstellen lassen","description":"Individuelles Webdesign inklusive Markenstrategie, Textkonzept, Umsetzung und Betreuung für Personal Brands und mittelständische Unternehmen.","serviceType":"Webdesign & Webentwicklung","url":"https://feelweb.de/website-erstellen-lassen","provider":{"@id":"https://feelweb.de/#organization"},"areaServed":{"@type":"Country","name":"Deutschland"},"availableChannel":{"@type":"ServiceChannel","serviceUrl":"https://feelweb.de/website-erstellen-lassen"}}</script>
3<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Muss ich schon fertige Texte haben?","acceptedAnswer":{"@type":"Answer","text":"Nein. Wir entwickeln die Struktur gemeinsam und erarbeiten, welche Inhalte wirklich gebraucht werden."}},{"@type":"Question","name":"Kann meine bestehende Website überarbeitet werden?","acceptedAnswer":{"@type":"Answer","text":"Ja. Nicht jedes Projekt beginnt bei null. Wir schärfen, vereinfachen und entwickeln deinen Auftritt gezielt weiter."}},{"@type":"Question","name":"Mit welchem System arbeitest du?","acceptedAnswer":{"@type":"Answer","text":"Je nach Projekt wählen wir die Lösung, die langfristig am besten zu deinem Business passt."}},{"@type":"Question","name":"Wie läuft die Zusammenarbeit ab, wenn ich weit weg wohne?","acceptedAnswer":{"@type":"Answer","text":"Ortsunabhängig, per Video-Call, E-Mail und Projekttool, deutschlandweit."}}]}</script>
3<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https://feelweb.de/"},{"@type":"ListItem","position":2,"name":"Website erstellen lassen","item":"https://feelweb.de/website-erstellen-lassen"}]}</script>
3<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script>
3<meta property="og:image" content="https://pub-bb2e103a32db4e198524a2e9ed8f35b4.r2.dev/lovp_5abmzzw6aa8v2b1t7qngwv4jdp/8e23a94434c96fdf8587b12efc822a33_1791025050430.png"><meta name="twitter:image" content="https://pub-bb2e103a32db4e198524a2e9ed8f35b4.r2.dev/lovp_5abmzzw6aa8v2b1t7qngwv4jdp/8e23a94434c96fdf8587b12efc822a33_1791025050430.png"></head><body><div class="flex min-h-screen flex-col"><header class="glass-header sticky top-0 z-50 border-b border-border/60"><div class="container-page flex h-[72px] items-center justify-between gap-8"><a class="flex items-end gap-1.5" href="/"><img src="/__l5e/assets-v1/f3c2fea5-fd7a-423f-a9ad-c20789b997f1/feelweb-logo.png" alt="feelweb designstudio" class="h-6 w-auto"/><span class="text-primary leading-none text-2xl">.</span></a><nav class="hidden items-center gap-8 lg:flex"><div class="relative"><button class="text-[13px] tracking-wide text-foreground/70 transition-colors hover:text-foreground flex items-center gap-1">Webdesign<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-3.5" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="absolute left-1/2 top-full w-64 -translate-x-1/2 pt-4 transition-all invisible opacity-0"><div class="glass-light overflow-hidden rounded-xl p-2 shadow-[var(--shadow-soft)]"><a class="block rounded-lg px-3 py-2.5 text-[13px] text-foreground/75 transition-colors hover:bg-muted hover:text-foreground active" href="/website-erstellen-lassen" data-status="active" aria-current="page">Website erstellen lassen</a><a class="block rounded-lg px-3 py-2.5 text-[13px] text-foreground/75 transition-colors hover:bg-muted hover:text-foreground" href="/webdesign-ahaus">Webdesign Ahaus</a><a class="block rounded-lg px-3 py-2.5 text-[13px] text-foreground/75 transition-colors hover:bg-muted hover:text-foreground" href="/website-selbst-erstellen">Website selbst erstellen</a><a class="block rounded-lg px-3 py-2.5 text-[13px] text-foreground/75 transition-colors hover:bg-muted hover:text-foreground" href="/website-check">Website Check</a></div></div></div><a class="text-[13px] tracking-wide text-foreground/70 transition-colors hover:text-foreground" href="/branddesign">Branddesign</a><a class="text-[13px] tracking-wide text-foreground/70 transition-colors hover:text-foreground" href="/design-partner">Design Partner</a><a class="text-[13px] tracking-wide text-foreground/70 transition-colors hover:text-foreground" href="/portfolio">Portfolio</a><a class="text-[13px] tracking-wide text-foreground/70 transition-colors hover:text-foreground" href="/ueber-mich">Über mich</a></nav><div class="flex items-center gap-3"><a class="items-center justify-center gap-2 whitespace-nowrap cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 rounded-[100px] border border-primary bg-transparent text-primary uppercase tracking-[0.16em] text-[11px] font-medium hover:bg-primary hover:text-primary-foreground h-10 px-6 hidden sm:inline-flex" href="/kontakt">Projekt anfragen</a><button class="lg:hidden" aria-label="Menü öffnen"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu size-5" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></div></header><main class="flex-1"><!--$--><section class="relative isolate overflow-hidden min-h-[calc(100vh-72px)]"><img src="/__l5e/assets-v1/3e57b4df-809b-4090-8c6b-282284b923ca/website-erstellen-lassen-hero.jpg" alt="Heike Gosling – Webdesignerin für Personal Brands und Unternehmen im Münsterland" loading="eager" fetchPriority="high" decoding="async" class="photo-bw absolute inset-0 size-full object-cover object-[72%_28%] sm:object-[68%_25%]" aria-hidden="false"/><div class="overlay-glass absolute inset-0" aria-hidden="true"></div><div class="container-page relative flex flex-col justify-center py-32 min-h-[calc(100vh-72px)]"><div class="glass-dark max-w-2xl rounded-[2rem] p-8 sm:p-12"><p class="eyebrow text-primary">Strategisches Webdesign für Personal Brands und Unternehmen</p><h1 class="mt-5 font-display text-3xl text-ink-foreground sm:text-4xl md:text-[3.15rem]">Eine Website, die den Menschen hinter dem Bildschirm überzeugt.</h1>
3<p class="mt-6 text-sm leading-relaxed text-ink-foreground/75 sm:text-base">Genau das entwickeln wir gemeinsam auf Basis deiner Marke, deiner Ziele und der Menschen, die du erreichen möchtest.</p><div class="mt-9 flex flex-wrap gap-3"><a class="inline-flex items-center justify-center gap-2 whitespace-nowrap cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 rounded-[100px] bg-primary text-primary-foreground uppercase tracking-[0.16em] text-[11px] font-medium hover:bg-primary-hover h-12 px-8" href="/kontakt">Projekt anfragen</a></div></div></div></section><section class="relative overflow-hidden py-24 bg-background"><div class="blob-orange absolute -right-20 top-1/4 size-80 opacity-50" aria-hidden="true"></div><div class="leaf-shadow absolute -left-10 bottom-0 size-96" aria-hidden="true"></div><div class="container-page relative"><div class="grid items-center gap-14 lg:grid-cols-2"><div><p class="eyebrow text-primary">Mehr als ein schönes Design</p><h2 class="mt-4 font-display text-3xl sm:text-4xl">Viele Websites scheitern nicht daran, dass sie schlecht gestaltet sind.</h2><div class="mt-6 space-y-5 text-sm leading-relaxed text-muted-foreground"><p>Sie scheitern daran, dass sie keine Richtung geben. Besucher müssen zu lange überlegen, finden wichtige Informationen nicht.</p><p>Eine gute Website nimmt Menschen an die Hand, schafft Orientierung, baut Vertrauen auf und macht es leicht, den nächsten Schritt zu gehen.</p></div></div><div class="relative"><img src="/__l5e/assets-v1/c6225702-006e-435f-94e1-4cd82d56e8dd/website-erstellen-lassen-heike-feelweb.jpg" alt="Heike Gosling von feelweb designstudio, die Websites individuell für Kundinnen erstellt" loading="lazy" decoding="async" width="1024" height="1280" class="photo-bw w-full rounded-2xl object-cover object-[57%_28%]"/><div class="glass-light absolute -bottom-6 -left-6 max-w-[250px] rounded-2xl p-5 shadow-[var(--shadow-soft)]"><p class="font-display text-2xl text-primary">3 Sek.</p><p class="mt-1 text-[13px] leading-relaxed text-muted-foreground">um zu verstehen, wer du bist und was du anbietest</p></div></div></div></div></section><section class="relative overflow-hidden bg-surface py-24"><div class="blob-orange absolute -right-20 top-1/3 size-96 opacity-50" aria-hidden="true"></div><div class="container-page relative text-center"><p class="eyebrow text-primary">Was du stattdessen bekommst</p><h2 class="mx-auto mt-4 max-w-2xl font-display text-3xl sm:text-4xl">Stell dir vor, jemand landet auf deiner Website.</h2><p class="mx-auto mt-5 max-w-2xl text-sm leading-relaxed text-muted-foreground whitespace-pre-line">Innerhalb weniger Sekunden versteht die Person, worum es geht. Beim Scrollen entsteht immer mehr Vertrauen.</p><div class="mt-14 grid gap-6 text-left md:grid-cols-2"><div class="glass-light rounded-2xl p-8"><p class="eyebrow text-muted-foreground">Vorher</p><ul class="mt-6 space-y-3 text-sm leading-relaxed text-muted-foreground"><li>Besucher müssen zu lange überlegen</li><li>Wichtige Informationen fehlen oder sind versteckt</li><li>Das Angebot wirkt beliebig</li></ul></div><div class="glass-light rounded-2xl p-8 shadow-[var(--shadow-soft)]"><p class="eyebrow text-primary">Nachher</p><ul class="mt-6 space-y-3"><li class="flex gap-3 text-sm leading-relaxed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-primary" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>Sie versteht sofort, wer du bist und was du anbietest</span></li><li class="flex gap-3 text-sm leading-relaxed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-primary" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>Sie spürt, dass hinter deiner Marke ein klares Konzept steckt</span></li><li class="flex gap-3 text-sm leading-relaxed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-primary" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>Sie klickt auf „Kontakt“, weil sie mit dir arbeiten möchte</span></li></ul></div></div></div></section><section class="relative isolate overflow-hidden py-28"><img src="/assets/services-dark-Ca9riak4.jpg" alt="" loading="lazy" decoding="async" class="photo-bw absolute inset-0 size-full object-cover object-[62%_32%] sm:object-center" aria-hidden="true"/><div class="overlay-cta absolute inset-0" aria-hidden="true"></div><div class="container-page relative"><p class="eyebrow text-primary">Der Ablauf</p><h2 class="mt-4 max-w-xl font-display text-3xl text-ink-foreground sm:text-4xl">Von der Strategie bis zum Launch</h2>
3<ol class="mt-14 max-w-2xl border-l border-ink-foreground/20 pl-8"><div style="transition-delay:0ms" class="transition-all duration-700 ease-out motion-reduce:transition-none translate-y-8 opacity-0 relative pb-12 last:pb-0"><span class="absolute -left-[38px] top-1.5 size-2.5 rounded-full bg-primary"></span><p class="eyebrow text-primary">Schritt 01<!-- --> · <!-- -->Strategie</p><p class="mt-3 text-sm leading-relaxed text-ink-foreground/75">Bevor wir über Farben sprechen: Wir analysieren dein Business, schärfen deine Positionierung und entwickeln eine klare Nutzerführung. Gutes Design beginnt mit Klarheit.</p></div><div style="transition-delay:100ms" class="transition-all duration-700 ease-out motion-reduce:transition-none translate-y-8 opacity-0 relative pb-12 last:pb-0"><span class="absolute -left-[38px] top-1.5 size-2.5 rounded-full bg-primary"></span><p class="eyebrow text-primary">Schritt 02<!-- --> · <!-- -->Inhalte</p><p class="mt-3 text-sm leading-relaxed text-ink-foreground/75">Die Struktur deiner Website: Welche Seiten brauchst du wirklich? Welche Informationen erwarten deine Besucher – und welche helfen ihnen, eine Entscheidung zu treffen?</p></div><div style="transition-delay:200ms" class="transition-all duration-700 ease-out motion-reduce:transition-none translate-y-8 opacity-0 relative pb-12 last:pb-0"><span class="absolute -left-[38px] top-1.5 size-2.5 rounded-full bg-primary"></span><p class="eyebrow text-primary">Schritt 03<!-- --> · <!-- -->Design</p><p class="mt-3 text-sm leading-relaxed text-ink-foreground/75">Deine Marke bekommt ein Gesicht: Ein individuelles Design, das professionell wirkt, deine Persönlichkeit widerspiegelt und sich langfristig trägt. Nicht trendig. Sondern zeitlos.</p></div><div style="transition-delay:300ms" class="transition-all duration-700 ease-out motion-reduce:transition-none translate-y-8 opacity-0 relative pb-12 last:pb-0"><span class="absolute -left-[38px] top-1.5 size-2.5 rounded-full bg-primary"></span><p class="eyebrow text-primary">Schritt 04<!-- --> · <!-- -->Umsetzung</p><p class="mt-3 text-sm leading-relaxed text-ink-foreground/75">Technik, die einfach funktioniert: Ich setze deine Website technisch um, optimiere sie für alle Endgeräte und bereite den Launch vor.</p></div></ol></div></section><section class="bg-ink py-24"><div class="container-page text-center"><p class="mx-auto max-w-3xl font-display text-2xl leading-relaxed text-ink-foreground sm:text-3xl">„Wer einen persönlichen, stimmigen und professionellen Internetauftritt braucht, ist bei Heike meines Erachtens goldrichtig.“</p><p class="mt-8 text-[13px] text-ink-foreground/60">— Peter, Mentaltrainer</p></div></section><section class="border-b border-border bg-background py-14"><p class="eyebrow container-page text-center text-muted-foreground uppercase tracking-widest">SELBSTSTÄNDIGE &amp; UNTERNEHMEN DIE AUF FEELWEB VERTRAUEN</p><div class="marquee-mask mt-10 overflow-hidden"><div class="marquee-track"><div class="flex shrink-0 items-center" aria-hidden="false"><span class="flex w-40 shrink-0 items-center justify-center px-8 sm:w-52"><img src="/__l5e/assets-v1/32010a10-4525-4a44-a881-ba2a809ef86d/BK_Design_Logo.png" alt="BK Design mit Herz" loading="lazy" decoding="async" class="max-h-14 w-full object-contain opacity-50 grayscale transition-opacity duration-300 hover:opacity-90"/></span><span class="flex w-40 shrink-0 items-center justify-center px-8 sm:w-52"><img src="/__l5e/assets-v1/40e6ba13-d60b-4fce-8800-0f57ed5343ec/LOGO-konstant-architektur-schwarz.png" alt="konstant architektur" loading="lazy" decoding="async" class="max-h-14 w-full object-contain opacity-50 grayscale transition-opacity duration-300 hover:opacity-90"/></span><span class="flex w-40 shrink-0 items-center justify-center px-8 sm:w-52"><img src="/__l5e/assets-v1/5d69bc27-206d-4e36-9e67-ac13ccd4d0db/KP_Hauptlogo_Grau.png" alt="Konzeptplace" loading="lazy" decoding="async" class="max-h-14 w-full object-contain opacity-50 grayscale transition-opacity duration-300 hover:opacity-90"/></span><span class="flex w-40 shrink-0 items-center justify-center px-8 sm:w-52"><img src="/__l5e/assets-v1/1d1b1674-e5ae-4558-bf3f-3a46d99576ca/Logo_Living-12.png" alt="Living Boutique Hotel" loading="lazy" decoding="async" class="max-h-14 w-full object-contain opacity-50 grayscale transition-opacity duration-300 hover:opacity-90"/></span><span class="flex w-40 shrink-0 items-center justify-center px-8 sm:w-52"><img src="/__l5e/assets-v1/c447edcf-940a-4183-9bae-4c7aea19818b/Maria-_Schinz-Logo-schwarz_2.png" alt="by Maria Schinz" loading="lazy" decoding="async" class="max-h-14 w-full object-contain opacity-50 grayscale transition-opacity duration-300 hover:opacity-90"/></span><span class="flex w-40 shrink-0 items-center justify-center px-8 sm:w-52"><img src="/__l5e/assets-v1/dbbc0c7f-c351-4afd-a244-974ea8f168bc/Logo_Morgenreiter-25.png" alt="Morgenreiter" loading="lazy" decoding="async" class="max-h-14 w-full object-contain opacity-50 grayscale transition-opacity duration-300 hover:opacity-90"/></span><span class="flex w-40 shrink-0 items-center justify-center px-8 sm:w-52"><img src="/__l5e/assets-v1/fa5ec6a0-7a15-4f2f-9629-302a1e48755c/Logo-heyyola.png" alt="hey.yola" loading="lazy" decoding="async" class="max-h-14 w-full object-contain opacity-50 grayscale transition-opacity duration-300 hover:opacity-90"/></span><span class="flex w-40 shrink-0 items-center justify-center px-8 sm:w-52"><img src="/__l5e/assets-v1/58a324d4-2bc6-4e94-b671-f78fee5fd4a7/PADL-17.png" alt="PADL." loading="lazy" decoding="async" class="max-h-14 w-full object-contain opacity-50 grayscale transition-opacity duration-300 hover:opacity-90"/></span></div><div class="flex shrink-0 items-center" aria-hidden="true"><span class="flex w-40 shrink-0 items-center justify-center px-8 sm:w-52"><img src="/__l5e/assets-v1/32010a10-4525-4a44-a881-ba2a809ef86d/BK_Design_Logo.png" alt="BK Design mit Herz" loading="lazy" decoding="async" class="max-h-14 w-full object-contain opacity-50 grayscale transition-opacity duration-300 hover:opacity-90"/></span><span class="flex w-40 shrink-0 items-center justify-center px-8 sm:w-52"><img src="/__l5e/assets-v1/40e6ba13-d60b-4fce-8800-0f57ed5343ec/LOGO-konstant-architektur-schwarz.png" alt="konstant architektur" loading="lazy" decoding="async" class="max-h-14 w-full object-contain opacity-50 grayscale transition-opacity duration-300 hover:opacity-90"/></span><span class="flex w-40 shrink-0 items-center justify-center px-8 sm:w-52"><img src="/__l5e/assets-v1/5d69bc27-206d-4e36-9e67-ac13ccd4d0db/KP_Hauptlogo_Grau.png" alt="Konzeptplace" loading="lazy" decoding="async" class="max-h-14 w-full object-contain opacity-50 grayscale transition-opacity duration-300 hover:opacity-90"/></span><span class="flex w-40 shrink-0 items-center justify-center px-8 sm:w-52"><img src="/__l5e/assets-v1/1d1b1674-e5ae-4558-bf3f-3a46d99576ca/Logo_Living-12.png" alt="Living Boutique Hotel" loading="lazy" decoding="async" class="max-h-14 w-full object-contain opacity-50 grayscale transition-opacity duration-300 hover:opacity-90"/></span><span class="flex w-40 shrink-0 items-center justify-center px-8 sm:w-52"><img src="/__l5e/assets-v1/c447edcf-940a-4183-9bae-4c7aea19818b/Maria-_Schinz-Logo-schwarz_2.png" alt="by Maria Schinz" loading="lazy" decoding="async" class="max-h-14 w-full object-contain opacity-50 grayscale transition-opacity duration-300 hover:opacity-90"/></span><span class="flex w-40 shrink-0 items-center justify-center px-8 sm:w-52"><img src="/__l5e/assets-v1/dbbc0c7f-c351-4afd-a244-974ea8f168bc/Logo_Morgenreiter-25.png" alt="Morgenreiter" loading="lazy" decoding="async" class="max-h-14 w-full object-contain opacity-50 grayscale transition-opacity duration-300 hover:opacity-90"/></span><span class="flex w-40 shrink-0 items-center justify-center px-8 sm:w-52"><img src="/__l5e/assets-v1/fa5ec6a0-7a15-4f2f-9629-302a1e48755c/Logo-heyyola.png" alt="hey.yola" loading="lazy" decoding="async" class="max-h-14 w-full object-contain opacity-50 grayscale transition-opacity duration-300 hover:opacity-90"/></span><span class="flex w-40 shrink-0 items-center justify-center px-8 sm:w-52"><img src="/__l5e/assets-v1/58a324d4-2bc6-4e94-b671-f78fee5fd4a7/PADL-17.png" alt="PADL." loading="lazy" decoding="async" class="max-h-14 w-full object-contain opacity-50 grayscale transition-opacity duration-300 hover:opacity-90"/></span></div></div></div></section><section class="relative overflow-hidden py-24 bg-background"><div class="container-page relative"><div class="max-w-2xl"><p class="eyebrow text-primary">Zwei Wege zur neuen Website</p><h2 class="mt-4 font-display text-3xl sm:text-4xl">Onepager oder mehrseitige Website?</h2></div><div class="mt-14 grid gap-6 md:grid-cols-2"><div class="glass-light flex flex-col rounded-2xl p-8 shadow-[var(--shadow-soft)]"><p class="eyebrow text-primary">Sinnvoll, wenn …</p><h3 class="mt-4 font-display text-2xl">Onepager</h3><ul class="mt-6 space-y-3"><li class="flex gap-3 text-sm leading-relaxed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-primary" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>du ein klares Hauptangebot hast</span></li><li class="flex gap-3 text-sm leading-relaxed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-primary" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>deine Leistungen überschaubar sind</span></li><li class="flex gap-3 text-sm leading-relaxed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-primary" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>du schnell professionell sichtbar werden möchtest</span></li></ul><p class="mt-7 rounded-xl bg-surface p-5 text-[13px] leading-relaxed text-muted-foreground"><span class="font-medium text-foreground">Enthalten:</span> <!-- -->eine strategisch aufgebaute Seite mit klarer Nutzerführung, neurowebdesign Ansätzen und individuellem Design.</p><a class="inline-flex items-center justify-center gap-2 whitespace-nowrap cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 rounded-[100px] bg-primary text-primary-foreground uppercase tracking-[0.16em] text-[11px] font-medium hover:bg-primary-hover h-12 px-8 mt-8 self-start active" href="/website-erstellen-lassen#kontakt" data-status="active" aria-current="page">Onepager anfragen</a></div><div class="glass-light flex flex-col rounded-2xl p-8 shadow-[var(--shadow-soft)]"><p class="eyebrow text-primary">Sinnvoll, wenn …</p><h3 class="mt-4 font-display text-2xl">Mehrseitige Website</h3><ul class="mt-6 space-y-3"><li class="flex gap-3 text-sm leading-relaxed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-primary" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>du mehrere Leistungen oder Produkte anbietest</span></li><li class="flex gap-3 text-sm leading-relaxed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-primary" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>dein Business gewachsen ist</span></li><li class="flex gap-3 text-sm leading-relaxed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-primary" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>du eigene Seiten für Angebote, Team oder Portfolio brauchst</span></li></ul><p class="mt-7 rounded-xl bg-surface p-5 text-[13px] leading-relaxed text-muted-foreground"><span class="font-medium text-foreground">Enthalten:</span> <!-- -->mehrere strategisch verknüpfte Unterseiten, individuelles Design und eine Struktur, die mit deinem Business mitwächst.</p><a class="inline-flex items-center justify-center gap-2 whitespace-nowrap cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 rounded-[100px] bg-primary text-primary-foreground uppercase tracking-[0.16em] text-[11px] font-medium hover:bg-primary-hover h-12 px-8 mt-8 self-start active" href="/website-erstellen-lassen#kontakt" data-status="active" aria-current="page">Mehrseitige Website anfragen</a></div></div><p class="mt-10 text-center text-[13px] text-muted-foreground">Bei beiden Wegen enthalten: Strategiegespräch, individuelles Design, technische Umsetzung &amp; Launch-Begleitung.</p></div></section><section class="relative overflow-hidden bg-surface py-24"><div class="leaf-shadow absolute -left-10 top-10 size-96" aria-hidden="true"></div><div class="container-page relative"><p class="eyebrow text-primary">Kundinnen &amp; Kunden über die Zusammenarbeit</p><h2 class="mt-4 max-w-xl font-display text-3xl sm:text-4xl">Was andere über die Zusammenarbeit sagen.</h2><div class="mt-12 grid gap-6 md:grid-cols-3"><div class="glass-light rounded-2xl p-8"><div class="flex gap-1" aria-label="5 von 5 Sternen"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5 fill-primary text-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5 fill-primary text-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5 fill-primary text-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5 fill-primary text-primary" aria-hidden="true"><pa
3th d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5 fill-primary text-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><p class="mt-5 text-sm leading-relaxed">„<!-- -->Vom Erstgespräch bis zum finalen Abschluss macht es Freude, mit ihr das Projekt ‚eigene Website‘ an den Start zu bringen. Selbst individuelle, eher ausgefallene Designwünsche realisiert sie.<!-- -->“</p><div class="mt-7 flex items-center gap-3"><span class="flex size-9 items-center justify-center rounded-full bg-muted font-display text-sm text-muted-foreground">P</span><div class="text-[13px] leading-tight"><p>Peter</p><p class="text-muted-foreground">Mentalcoach</p></div></div></div><div class="glass-light rounded-2xl p-8"><div class="flex gap-1" aria-label="5 von 5 Sternen"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5 fill-primary text-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5 fill-primary text-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5 fill-primary text-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5 fill-primary text-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5 fill-primary text-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><p class="mt-5 text-sm leading-relaxed">„<!-- -->Ich habe Heike schon für zahlreiche Aufträge engagiert, wobei meine Erwartungen jedes Mal übertroffen wurden. Sie hat meinen Internetauftritt authentisch und höchst ansprechend gestaltet!<!-- -->“</p><div class="mt-7 flex items-center gap-3"><span class="flex size-9 items-center justify-center rounded-full bg-muted font-display text-sm text-muted-foreground">K</span><div class="text-[13px] leading-tight"><p>Konstantin</p><p class="text-muted-foreground">Konstant Architektur</p></div></div></div><div class="glass-light rounded-2xl p-8"><div class="flex gap-1" aria-label="5 von 5 Sternen"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5 fill-primary text-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5 fill-primary text-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5 fill-primary text-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5 fill-primary text-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5 fill-primary text-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><p class="mt-5 text-sm leading-relaxed">„<!-- -->Wir sind einfach nur begeistert von dem Ergebnis. Heike arbeitet so schnell, hat alle unsere Wünsche umgesetzt und auch ihre eigenen Ideen eingebracht.<!-- -->“</p><div class="mt-7 flex items-center gap-3"><span class="flex size-9 items-center justify-center rounded-full bg-muted font-display text-sm text-muted-foreground">L</span><div class="text-[13px] leading-tight"><p>Lisa &amp; Joao</p><p class="text-muted-foreground">Personal Trainer</p></div></div></div></div></div></section><section class="relative overflow-hidden bg-background py-24"><div class="blob-orange absolute -left-24 top-1/4 size-96 opacity-50" aria-hidden="true"></div><div class="container-page relative"><div class="max-w-2xl"><p class="eyebrow text-primary">Nicht sicher, welcher Weg passt?</p><h2 class="mt-4 font-display text-3xl sm:text-4xl">Selbst erstellen <span class="text-primary">oder</span> erstellen lassen?</h2><p class="mt-5 text-sm leading-relaxed text-muted-foreground">Beides führt zu einer guten Website, nur der Weg dahin ist unterschiedlich. Wenn du Zeit und Lust hast, selbst umzusetzen, aber dabei Struktur möchtest, ist „Website selbst erstellen“ dein Weg. Wenn du dich lieber auf dein Business konzentrierst und die Umsetzung komplett abgeben möchtest, entwickeln wir sie gemeinsam im 1:1.</p></div><div class="mt-12 overflow-hidden rounded-2xl border border-border"><div class="grid grid-cols-2 bg-primary/10"><div class="border-r border-border p-5 font-display text-lg">Website selbst erstellen</div><div class="p-5 font-display text-lg">Website erstellen lassen</div></div><div class="grid grid-cols-2 border-t border-border"><div class="border-r border-border p-5 text-sm leading-relaxed text-muted-foreground">Du setzt deine Website selbst um.</div><div class="p-5 text-sm leading-relaxed text-muted-foreground">Ich übernehme Strategie, Design und Umsetzung.</div></div><div class="grid grid-cols-2 border-t border-border"><div class="border-r border-border p-5 text-sm leading-relaxed text-muted-foreground">Mehr Eigenzeit, geringeres Investment.</div><div class="p-5 text-sm leading-relaxed text-muted-foreground">Weniger operative Arbeit für dich.</div></div><div class="grid grid-cols-2 border-t border-border"><div class="border-r border-border p-5 text-sm leading-relaxed text-muted-foreground">Website Guide &amp; Kickstart your Website</div><div class="p-5 text-sm leading-relaxed text-muted-foreground">Individuelles Projekt</div></div><div class="grid grid-cols-2 border-t border-border"><div class="border-r border-border p-5 text-sm leading-relaxed text-muted-foreground">Du lernst den Aufbau selbst zu durchdenken.</div><div class="p-5 text-sm leading-relaxed text-muted-foreground">
3Du bekommst eine fertig durchdachte Lösung.</div></div></div><a class="inline-flex items-center justify-center gap-2 whitespace-nowrap cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 rounded-[100px] border border-foreground/20 bg-transparent text-foreground uppercase tracking-[0.16em] text-[11px] font-medium hover:border-foreground/60 h-12 px-8 mt-10" href="/website-selbst-erstellen">Website selbst erstellen ansehen</a></div></section><section class="relative overflow-hidden py-24 bg-surface"><div class="container-page relative"><p class="eyebrow text-primary">Ausgewählte Projekte</p><h2 class="mt-4 max-w-xl font-display text-3xl sm:text-4xl">So sehen fertige Markenauftritte aus</h2><div class="mt-12 grid gap-8 md:grid-cols-3"><a class="group block" href="/portfolio/maria-schinz"><div class="overflow-hidden rounded-2xl border border-border bg-background"><img src="/assets/proj-mariaschinz-B7LWZSRJ.jpg" alt="Maria Schinz – Website Redesign · Verkaufspsychologie" loading="lazy" decoding="async" class="photo-bw aspect-4/3 w-full object-cover object-top transition-transform duration-700 group-hover:scale-[1.03]"/></div><p class="eyebrow mt-5 text-primary">Brandfotografie</p><h3 class="mt-2 font-display text-xl group-hover:text-primary">Maria Schinz</h3><p class="mt-2 text-[13px] text-muted-foreground">Website Redesign · Verkaufspsychologie</p></a><a class="group block" href="/portfolio/heyyola"><div class="overflow-hidden rounded-2xl border border-border bg-background"><img src="/__l5e/assets-v1/fad3a913-3ab6-4e7c-8050-430ca403215d/proj-heyyola-2.png" alt="heyyola – Webdesign" loading="lazy" decoding="async" class="photo-bw aspect-4/3 w-full object-cover object-top transition-transform duration-700 group-hover:scale-[1.03]"/></div><p class="eyebrow mt-5 text-primary">Personal Training</p><h3 class="mt-2 font-display text-xl group-hover:text-primary">heyyola</h3><p class="mt-2 text-[13px] text-muted-foreground">Webdesign</p></a><a class="group block" href="/portfolio/bk-design-mit-herz"><div class="overflow-hidden rounded-2xl border border-border bg-background"><img src="/__l5e/assets-v1/b5e01687-3459-4c80-99e0-6fbf681bb882/proj-bkdesign-2.png" alt="BK Design mit Herz – Online-Shop · Webdesign" loading="lazy" decoding="async" class="photo-bw aspect-4/3 w-full object-cover object-top transition-transform duration-700 group-hover:scale-[1.03]"/></div><p class="eyebrow mt-5 text-primary">Handmade &amp; Workshops</p><h3 class="mt-2 font-display text-xl group-hover:text-primary">BK Design mit Herz</h3><p class="mt-2 text-[13px] text-muted-foreground">Online-Shop · Webdesign</p></a></div><a class="inline-flex items-center justify-center gap-2 whitespace-nowrap cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;
3_svg]:shrink-0 rounded-[100px] border border-foreground/20 bg-transparent text-foreground uppercase tracking-[0.16em] text-[11px] font-medium hover:border-foreground/60 h-12 px-8 mt-10" href="/portfolio">Alle Projekte ansehen</a></div></section><section class="relative overflow-hidden py-24 bg-background"><div class="container-page relative"><div class="grid items-center gap-14 lg:grid-cols-2"><div><p class="eyebrow text-primary">Warum Kundinnen mit feelweb arbeiten</p><h2 class="mt-4 font-display text-3xl sm:text-4xl">Weil sie keine Website suchen. Sondern einen<!-- --> <span class="text-primary">stimmigen</span> Auftritt.</h2><p class="mt-5 text-sm leading-relaxed text-muted-foreground">Sie möchten klarer werden und genau das entsteht, wenn alle Anteile der Marke die selbe Sprache sprechen.</p></div><div class="glass-light rounded-2xl p-8 shadow-[var(--shadow-soft)]"><p class="eyebrow text-primary">Das Ergebnis</p><ul class="mt-6 space-y-4"><li class="flex gap-3 text-sm leading-relaxed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-primary" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>Ein Auftritt, der sich stimmig anfühlt</span></li><li class="flex gap-3 text-sm leading-relaxed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-primary" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>Sprache, Design und Strategie erzählen von deiner Marke</span></li><li class="flex gap-3 text-sm leading-relaxed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-primary" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>Weniger Erklärungsbedarf, mehr Vertrauen auf den ersten Blick</span></li></ul></div></div></div></section><section class="relative overflow-hidden bg-surface py-24"><div class="leaf-shadow absolute right-0 top-10 size-96" aria-hidden="true"></div><div class="container-page relative"><p class="eyebrow text-primary">FAQ</p><h2 class="mt-4 max-w-xl font-display text-3xl sm:text-4xl">Fragen &amp; Antworten</h2><div class="mt-12 grid gap-x-16 gap-y-9 md:grid-cols-2"><div><h3 class="font-sans text-base font-medium">Muss ich schon fertige Texte haben?</h3><p class="mt-2 text-[13px] leading-relaxed text-muted-foreground">Nein. Wir entwickeln die Struktur gemeinsam und erarbeiten, welche Inhalte wirklich gebraucht werden.</p></div><div><h3 class="font-sans text-base font-medium">Kann meine bestehende Website überarbeitet werden?</h3><p class="mt-2 text-[13px] leading-relaxed text-muted-foreground">Ja. Nicht jedes Projekt beginnt bei null. Wir schärfen, vereinfachen und entwickeln deinen Auftritt gezielt weiter.</p></div><div><h3 class="font-sans text-base font-medium">Mit welchem System arbeitest du?</h3><p class="mt-2 text-[13px] leading-relaxed text-muted-foreground">Je nach Projekt wählen wir die Lösung, die langfristig am besten zu deinem Business passt.</p></div><div><h3 class="font-sans text-base font-medium">Wie läuft die Zusammenarbeit ab, wenn ich weit weg wohne?</h3><p class="mt-2 text-[13px] leading-relaxed text-muted-foreground">Ortsunabhängig, per Video-Call, E-Mail und Projekttool, deutschlandweit.</p></div></div></div></section><section id="kontakt" class="relative isolate overflow-hidden"><img src="/assets/cta-dark-BlRSEk0e.jpg" alt="" loading="lazy" decoding="async" class="photo-bw absolute inset-0 size-full object-cover object-[70%_26%] sm:object-center" aria-hidden="true"/><div class="overlay-cta absolute inset-0" aria-hidden="true"></div><div class="container-page relative py-28 text-center"><h2 class="mx-auto max-w-2xl font-display text-3xl text-ink-foreground sm:text-4xl">Lass uns über dein Projekt sprechen.</h2><p class="mx-auto mt-6 max-w-2xl text-sm leading-relaxed text-ink-foreground
3/70">Du musst noch nicht genau wissen, welche Seiten du brauchst. In einem unverbindlichen Erstgespräch finden wir gemeinsam heraus, welche Lösung zu deinem Business passt.</p><a class="inline-flex items-center justify-center gap-2 whitespace-nowrap cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 rounded-[100px] bg-primary text-primary-foreground uppercase tracking-[0.16em] text-[11px] font-medium hover:bg-primary-hover h-12 px-8 mt-9" href="/kontakt">Projekt anfragen</a></div></section>
3<script>(function(a,f){let l;try{l=JSON.parse(sessionStorage.getItem(a)||"{}")}catch{return}const n=l?.[f||history.state?.__TSR_key];let c=!1;for(const t in n){const e=n[t],o=e?.scrollX,s=e?.scrollY;if(Number.isFinite(o)&&Number.isFinite(s)){if(t==="window")scrollTo(o,s),c=!0;else if(t)try{const r=document.querySelector(t);r&&(r.scrollLeft=o,r.scrollTop=s)}catch{}}}if(c)return;const i=location.hash.slice(1);if(i){const t=history.state?.__hashScrollIntoViewOptions??!0;if(t){const e=document.getElementById(i);e&&e.scrollIntoView(t)}return}scrollTo(0,0)})("tsr-scroll-restoration-v1_3");document.currentScript.remove()</script>
3<!--/$--></main><footer class="relative overflow-hidden bg-surface"><div class="blob-orange absolute -left-24 -top-24 size-72 opacity-40" aria-hidden="true"></div><div class="container-page relative py-20"><div class="grid gap-12 md:grid-cols-3"><div class="max-w-sm"><span class="flex items-end gap-1"><img src="/__l5e/assets-v1/f3c2fea5-fd7a-423f-a9ad-c20789b997f1/feelweb-logo.png" alt="feelweb designstudio" class="h-6 w-auto"/><span class="text-primary text-xl leading-none">.</span></span><p class="mt-4 text-sm leading-relaxed text-muted-foreground">feelweb – Strategische Markenentwicklung für Personal Brands und Unternehmen.</p><a href="https://neuro-webdesign.de" target="_blank" rel="noopener noreferrer" class="mt-6 inline-block w-[150px] cursor-pointer"><img src="https://cdn.shopify.com/s/files/1/0762/4422/2284/files/Badge.png?v=1739030402" alt="Zertifizierungs-Siegel Neuro Webdesign" loading="lazy" decoding="async" class="block h-auto w-full drop-shadow-[2px_4px_6px_rgba(0,0,0,0.2)] transition-transform duration-300 ease-in-out hover:scale-105"/></a></div><div><h3 class="eyebrow text-muted-foreground">Angebote</h3><ul class="mt-5 space-y-3"><li><a class="text-sm text-foreground/75 transition-colors hover:text-primary active" href="/website-erstellen-lassen" data-status="active" aria-current="page">Website erstellen lassen</a></li><li><a class="text-sm text-foreground/75 transition-colors hover:text-primary" href="/website-selbst-erstellen">Website selbst erstellen</a></li><li><a class="text-sm text-foreground/75 transition-colors hover:text-primary" href="/website-check">Website Check</a></li><li><a class="text-sm text-foreground/75 transition-colors hover:text-primary" href="/design-partner">Design Partner</a></li></ul></div><div><h3 class="eyebrow text-muted-foreground">feelweb</h3><ul class="mt-5 space-y-3"><li><a class="text-sm text-foreground/75 transition-colors hover:text-primary" href="/ueber-mich">Über mich</a></li><li><a class="text-sm text-foreground/75 transition-colors hover:text-primary" href="/portfolio">Portfolio</a></li><li><a class="text-sm text-foreground/75 transition-colors hover:text-primary" href="/kontakt">Kontakt</a></li></ul></div></div><div class="mt-16 flex flex-col gap-3 border-t border-border pt-6 text-xs text-muted-foreground sm:flex-row sm:items-center sm:justify-between"><p>© 2026 feelweb designstudio · Heike Gosling</p><ul class="flex flex-wrap items-center gap-x-4 gap-y-2"><li><a class="transition-colors hover:text-primary" href="/impressum">Impressum</a></li><li><a class="transition-colors hover:text-primary" href="/datenschutz">Datenschutz</a></li><li><a class="transition-colors hover:text-primary" href="/agb">AGB</a></li><li><button type="button" class="transition-colors hover:text-primary">Cookie-Einstellungen</button></li></ul></div></div></footer></div>
3<script data-tsr-stream-part="">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){this.hydrated&&this.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/index-ChlgGWuv.js","/assets/jsx-runtime-DGeXAQPT.js","/assets/react-vt4WmSOl.js"],scripts:$R[5]=[$R[6]={attrs:$R[7]={type:"module",async:!0,src:"/assets/index-ChlgGWuv.js"}}]},"/website-erstellen-lassen":$R[8]={preloads:$R[9]=["/assets/website-erstellen-lassen-BgC_wEAI.js","/assets/check-upJ5oer0.js","/assets/star-CiSjma7T.js","/assets/LogoMarquee-fkxmMV_I.js","/assets/cta-dark-DJ74Xyoc.js","/assets/services-dark-vLzbKU6Y.js","/assets/website-erstellen-lassen-hero.jpg.asset-C4elcfNN.js","/assets/FaqSection-CgvXr9xJ.js","/assets/Hero-DdGEDesD.js","/assets/Reveal-DRi96zxc.js","/assets/Section-CrzfEQTZ.js"]}}},matches:$R[10]=[$R[11]={i:"__root__�",u:1791349398731,s:"success",ssr:!0},$R[12]={i:"�website-erstellen-lassen�website-erstellen-lassen",u:1791349398731,s:"success",ssr:!0}]})($R["tsr"]);$_TSR.e();{let s=document.currentScript,p;while((p=s.previousElementSibling)&&p.hasAttribute('data-tsr-stream-part'))p.remove();s.remove()}</script>
3<script type="module" async="" src="/assets/index-ChlgGWuv.js"></script>
3<script>document.currentScript.remove();/*$tsr-stream-boundary*/</script>
3</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.