<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Silvan Mundorf – Freelancer für SEO, Webdesign & E-Commerce Beratung | Köln</title>
  <meta name="description" content="Silvan Mundorf aus Köln: Freelancer für SEO, Webdesign & E-Commerce Beratung. 13+ Jahre Erfahrung, 140+ Projekte. Direkt mit dem Experten – keine Agentur." />
  <meta name="robots" content="index, follow" />
  <link rel="canonical" href="https://www.silvanmundorf.de/" />

  <!-- Open Graph -->
  <meta property="og:type" content="website" />
  <meta property="og:title" content="Silvan Mundorf – Freelancer für SEO, Webdesign & E-Commerce | Köln" />
  <meta property="og:description" content="SEO, Webdesign & E-Commerce Beratung aus Köln. 13+ Jahre Erfahrung, 140+ Projekte. Direkt mit dem Experten arbeiten – keine Agentur." />
  <meta property="og:url" content="https://www.silvanmundorf.de/" />
  <meta property="og:locale" content="de_DE" />
  <meta property="og:image" content="https://www.silvanmundorf.de/silvan-mundorf.jpg" />
  <meta property="og:image:width" content="1200" />
  <meta property="og:image:height" content="630" />

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="Silvan Mundorf – Freelancer für SEO, Webdesign & E-Commerce | Köln" />
  <meta name="twitter:description" content="SEO, Webdesign & E-Commerce Beratung aus Köln. 13+ Jahre Erfahrung, 140+ Projekte. Direkt mit dem Experten arbeiten – keine Agentur." />
  <meta name="twitter:image" content="https://www.silvanmundorf.de/silvan-mundorf.jpg" />

  <!-- Structured Data -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Person",
    "name": "Silvan Mundorf",
    "@id": "https://www.silvanmundorf.de/#person",
    "jobTitle": "Freelancer für SEO, Webdesign & E-Commerce Beratung",
    "url": "https://www.silvanmundorf.de",
    "description": "Freelancer aus Köln mit 13+ Jahren Erfahrung in SEO, Webdesign und E-Commerce Beratung. 140+ abgeschlossene Kundenprojekte.",
    "address": {
      "@type": "PostalAddress",
      "addressLocality": "Köln",
      "addressRegion": "Nordrhein-Westfalen",
      "addressCountry": "DE"
    },
    "areaServed": {
      "@type": "Country",
      "name": "Deutschland"
    },
    "knowsAbout": ["SEO", "Webdesign", "E-Commerce Beratung", "E-Mail-Marketing", "Suchmaschinenoptimierung"],
    "hasOfferCatalog": {
      "@type": "OfferCatalog",
      "name": "Leistungen",
      "itemListElement": [
        {
          "@type": "Offer",
          "itemOffered": {
            "@type": "Service",
            "name": "SEO",
            "url": "https://www.silvanmundorf.de/seo.html"
          }
        },
        {
          "@type": "Offer",
          "itemOffered": {
            "@type": "Service",
            "name": "Webdesign",
            "url": "https://www.silvanmundorf.de/webdesign.html"
          }
        },
        {
          "@type": "Offer",
          "itemOffered": {
            "@type": "Service",
            "name": "E-Commerce Beratung",
            "url": "https://www.silvanmundorf.de/ecommerce.html"
          }
        },
        {
          "@type": "Offer",
          "itemOffered": {
            "@type": "Service",
            "name": "E-Mail-Marketing",
            "url": "https://www.silvanmundorf.de/emailmarketing.html"
          }
        }
      ]
    }
  }
  </script>

  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "LocalBusiness",
    "@id": "https://www.silvanmundorf.de/#business",
    "name": "Silvan Mundorf – SEO, Webdesign & E-Commerce Beratung",
    "url": "https://www.silvanmundorf.de",
    "telephone": "+49173436637",
    "email": "silvan@silvanmundorf.de",
    "image": "https://www.silvanmundorf.de/silvan-mundorf.jpg",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "Concordiaplatz 13",
      "addressLocality": "Köln",
      "postalCode": "51143",
      "addressRegion": "Nordrhein-Westfalen",
      "addressCountry": "DE"
    },
    "aggregateRating": {
      "@type": "AggregateRating",
      "ratingValue": "5",
      "reviewCount": "11",
      "bestRating": "5",
      "worstRating": "1"
    }
  }
  </script>

  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@500;600&display=swap" rel="stylesheet" />
  <link rel="icon" type="image/svg+xml" href="favicon.svg" />
  <link rel="apple-touch-icon" href="apple-touch-icon.png" />
  <link rel="stylesheet" href="style.css?v=3" />
</head>
<body>

  <!-- Navigation -->
  <nav class="nav" id="nav">
    <div class="nav__inner">
      <a href="#hero" class="nav__logo"><svg width="22" height="20" viewBox="0 0 23 20" fill="none" aria-hidden="true"><rect x="0" y="13" width="5" height="7" rx="1.5" fill="#c8a86b" fill-opacity="0.38"/><rect x="9" y="7" width="5" height="13" rx="1.5" fill="#c8a86b" fill-opacity="0.65"/><rect x="18" y="1" width="5" height="19" rx="1.5" fill="#c8a86b"/></svg>Silvan Mundorf</a>
      <ul class="nav__links">
        <li class="nav__item">
          <a href="#services">Leistungen <svg viewBox="0 0 12 12" fill="none"><path d="M2 4l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a>
          <div class="nav__dropdown">
            <div class="nav__dropdown__item--has-sub">
              <a href="seo.html"><svg viewBox="0 0 24 24" fill="none"><circle cx="10" cy="10" r="6" stroke="currentColor" stroke-width="2"/><path d="M15 15l5 5" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>SEO<svg class="nav__dropdown__chevron" viewBox="0 0 12 12" fill="none"><path d="M4 2l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a>
              <div class="nav__subdropdown">
                <a href="seo-zweitmeinung.html">SEO Zweitmeinung</a>
                <a href="shopware-seo.html">Shopware SEO</a>
                <a href="shopify-seo.html">Shopify SEO</a>
                <a href="seo-sparringspartner.html">SEO Sparringspartner</a>
              </div>
            </div>
            <a href="webdesign.html"><svg viewBox="0 0 24 24" fill="none"><rect x="3" y="4" width="18" height="13" rx="2" stroke="currentColor" stroke-width="2"/><path d="M8 20h8M12 17v3" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>Webdesign</a>
            <a href="ecommerce.html"><svg viewBox="0 0 24 24" fill="none"><path d="M4 7h16l-2 9H6L4 7z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/><circle cx="9" cy="20" r="1.5" stroke="currentColor" stroke-width="1.5"/><circle cx="15" cy="20" r="1.5" stroke="currentColor" stroke-width="1.5"/><path d="M3 4h2l1 3" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>E-Commerce Beratung</a>
            <a href="emailmarketing.html"><svg viewBox="0 0 24 24" fill="none"><rect x="2" y="4" width="20" height="16" rx="2" stroke="currentColor" stroke-width="2"/><path d="M2 8l10 7 10-7" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>E-Mail-Marketing</a>
          </div>
        </li>
        <li><a href="ueber-mich.html">Über mich</a></li>
        <li><a href="#contact" class="nav__cta">Kontakt</a></li>
      </ul>
      <button class="nav__burger" id="burger" aria-label="Menü öffnen">
        <span></span><span></span><span></span>
      </button>
    </div>
  </nav>

  <!-- Mobile Menu -->
  <div class="mobile-menu" id="mobileMenu">
    <ul>
      <li class="mobile-item--has-sub">
        <button class="mobile-link--toggle" aria-expanded="false">
          Leistungen
          <svg viewBox="0 0 12 12" fill="none"><path d="M2 4l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </button>
        <ul class="mobile-submenu">
          <li class="mobile-item--has-sub2">
            <button class="mobile-link--sub mobile-link--sub-toggle" aria-expanded="false">SEO<svg viewBox="0 0 12 12" fill="none"><path d="M2 4l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></button>
            <ul class="mobile-submenu2">
              <li><a href="seo.html" class="mobile-link--sub2">SEO Übersicht</a></li>
              <li><a href="seo-zweitmeinung.html" class="mobile-link--sub2">SEO Zweitmeinung</a></li>
              <li><a href="shopware-seo.html" class="mobile-link--sub2">Shopware SEO</a></li>
              <li><a href="shopify-seo.html" class="mobile-link--sub2">Shopify SEO</a></li>
              <li><a href="seo-sparringspartner.html" class="mobile-link--sub2">SEO Sparringspartner</a></li>
            </ul>
          </li>
          <li><a href="webdesign.html" class="mobile-link--sub">Webdesign</a></li>
          <li><a href="ecommerce.html" class="mobile-link--sub">E-Commerce</a></li>
          <li><a href="emailmarketing.html" class="mobile-link--sub">E-Mail-Marketing</a></li>
        </ul>
      </li>
      <li><a href="ueber-mich.html" class="mobile-link">Über mich</a></li>
      <li><a href="#contact" class="mobile-link">Kontakt</a></li>
    </ul>
  </div>

  <!-- Sticky CTA -->
  <div class="sticky-cta" id="stickyCta" role="complementary" aria-label="Kontakt-Leiste">
    <div class="sticky-cta__inner">
      <div class="sticky-cta__text">
        <strong>Kostenloses Erstgespräch anfragen</strong>
        <span>Unverbindlich · Köln &amp; deutschlandweit · 24h Antwort</span>
      </div>
      <div class="sticky-cta__actions">
        <a href="#contact" class="btn btn--primary">Jetzt anfragen</a>
        <button class="sticky-cta__dismiss" id="stickyDismiss" aria-label="Leiste schließen">✕</button>
      </div>
    </div>
  </div>

  <!-- Hero -->
  <section class="hero" id="hero">
    <div class="hero__bg"></div>
    <div class="hero__split">
      <div class="hero__content">
        <span class="hero__eyebrow">Freelancer für digitales Wachstum · Köln</span>
        <h1 class="hero__title">Gefunden.<br /><em>Gekauft. Gebunden.</em></h1>
        <p class="hero__sub">
          Ich entwerfe deinen Onlineshop, bringe ihn bei Google nach oben,
          sorge dafür, dass Besucher zu Kunden werden –
          und binde sie per E-Mail-Marketing langfristig an dein Unternehmen.
          Alles aus einer Hand.
        </p>
        <div class="hero__actions">
          <a href="#services" class="btn btn--primary">Wie ich helfen kann</a>
          <a href="#contact" class="btn btn--ghost">Kostenloses Erstgespräch</a>
        </div>
      </div>
      <div class="hero__visual">
        <div class="hero__photo-wrap">
          <img src="silvan-mundorf.jpg" alt="Silvan Mundorf – Freelancer für SEO, Webdesign und E-Commerce aus Köln" />
        </div>
        <ul class="hero__usps">
          <li><span class="hero__usp-icon">✓</span> Keine Agentur – du arbeitest direkt mit dem Experten</li>
          <li><span class="hero__usp-icon">✓</span> E-Mail-Marketing auf 100&nbsp;% Provisionsbasis</li>
          <li><span class="hero__usp-icon">✓</span> Ergebnisse aus 140+ Projekten &amp; 13 Jahren Erfahrung</li>
          <li><span class="hero__usp-icon">✓</span> Antwort garantiert innerhalb von 24 Stunden</li>
        </ul>
      </div>
    </div>
    <div class="hero__scroll">
      <span>Scroll</span>
      <div class="hero__scroll-line"></div>
    </div>
  </section>

  <!-- Stats -->
  <section class="stats-section">
    <div class="container">
      <div class="hero-stats">
        <div class="hero-stats__item stat">
          <span class="hero-stats__value" data-target="140" data-suffix="+">140+</span>
          <span class="hero-stats__label">Kundenprojekte</span>
        </div>
        <div class="hero-stats__divider" aria-hidden="true"></div>
        <div class="hero-stats__item stat">
          <span class="hero-stats__value" data-target="13" data-suffix="+">13+</span>
          <span class="hero-stats__label">Jahre Erfahrung</span>
        </div>
        <div class="hero-stats__divider" aria-hidden="true"></div>
        <div class="hero-stats__item stat">
          <span class="hero-stats__value" data-target="24" data-suffix=" h">24 h</span>
          <span class="hero-stats__label">Reaktionszeit</span>
        </div>
      </div>
    </div>
  </section>

  <!-- Services -->
  <section class="services" id="services">
    <div class="container">
      <div class="section-header">
        <span class="section-tag">Leistungen</span>
        <h2>Was ich für dich tue</h2>
        <p>Vier Disziplinen, ein Ziel: nachhaltiges digitales Wachstum für dein Business.</p>
      </div>

      <div class="services__list">

        <a href="webdesign.html" class="service-row">
          <div class="service-row__icon">
            <svg viewBox="0 0 48 48" fill="none"><rect x="6" y="8" width="36" height="26" rx="3" stroke="currentColor" stroke-width="2.5"/><path d="M16 40h16M24 34v6" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/><path d="M14 22l6 5 14-10" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
          </div>
          <div class="service-row__content">
            <h3>Webdesign &amp; Onlineshop</h3>
            <p>Ich entwerfe deinen Auftritt von Grund auf – schnell, mobil, auf Conversion optimiert.</p>
          </div>
          <div class="service-row__tags">
            <span>UX / UI</span>
            <span>Responsive</span>
            <span>Shopify &amp; WooCommerce</span>
          </div>
          <span class="service-row__cta">→</span>
        </a>

        <a href="seo.html" class="service-row">
          <div class="service-row__icon">
            <svg viewBox="0 0 48 48" fill="none"><circle cx="20" cy="20" r="13" stroke="currentColor" stroke-width="2.5"/><path d="M30 30L42 42" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/><path d="M14 20h12M20 14v12" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/></svg>
          </div>
          <div class="service-row__content">
            <h3>SEO</h3>
            <p>Ich bringe deinen Shop bei Google nach oben – nachhaltig, messbar und ohne bezahlte Werbung.</p>
          </div>
          <div class="service-row__tags">
            <span>On-Page</span>
            <span>Off-Page</span>
            <span>Technisches SEO</span>
            <span>SEO Zweitmeinung</span>
          </div>
          <span class="service-row__cta">→</span>
        </a>

        <a href="ecommerce.html" class="service-row">
          <div class="service-row__icon">
            <svg viewBox="0 0 48 48" fill="none"><path d="M8 14h32l-4 18H12L8 14z" stroke="currentColor" stroke-width="2.5" stroke-linejoin="round"/><circle cx="17" cy="40" r="2.5" stroke="currentColor" stroke-width="2.5"/><circle cx="31" cy="40" r="2.5" stroke="currentColor" stroke-width="2.5"/><path d="M6 8h4l2 6" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
          </div>
          <div class="service-row__content">
            <h3>E-Commerce Beratung</h3>
            <p>Ich sorge dafür, dass Besucher zu Käufern werden – durch Conversion-Optimierung, UX und Strategie.</p>
          </div>
          <div class="service-row__tags">
            <span>CRO</span>
            <span>Checkout-Optimierung</span>
            <span>Analytics</span>
          </div>
          <span class="service-row__cta">→</span>
        </a>

        <a href="emailmarketing.html" class="service-row">
          <div class="service-row__icon">
            <svg viewBox="0 0 48 48" fill="none"><rect x="4" y="8" width="40" height="32" rx="3" stroke="currentColor" stroke-width="2.5"/><path d="M4 16l20 14 20-14" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
          </div>
          <div class="service-row__content">
            <h3>E-Mail-Marketing</h3>
            <p>Ich binde deine Kunden langfristig – auf 100 % Provisionsbasis. Du zahlst nur, wenn es funktioniert.</p>
          </div>
          <div class="service-row__tags">
            <span>100 % Provision</span>
            <span>Flows &amp; Automation</span>
            <span>Kein Risiko</span>
          </div>
          <span class="service-row__cta">→</span>
        </a>

      </div>
    </div>
  </section>

  <!-- About -->
  <section class="about" id="about">
    <div class="container">
      <div class="about__inner">
        <div class="about__visual">
          <div class="about__avatar">
            <img src="silvan-mundorf.jpg" alt="Silvan Mundorf – digitaler Stratege und Freelancer aus Köln" />
          </div>
          <div class="about__badge">
            <span>Köln</span>
            <span>·</span>
            <span>Freelancer</span>
          </div>
        </div>
        <div class="about__text">
          <span class="section-tag">Über mich</span>
          <h2>Silvan Mundorf</h2>
          <p class="lead">Digitaler Stratege. Kölner.</p>
          <p>
            Ich bin Freelancer mit dem Fokus auf digitales Wachstum – SEO, Webdesign
            und E-Commerce-Beratung für Unternehmen, die online mehr erreichen wollen.
            Meine Arbeit ist datengetrieben, mein Anspruch ist hoch.
          </p>
          <div class="about__values">
            <div class="value"><span class="value__icon">→</span> Direkt & transparent</div>
            <div class="value"><span class="value__icon">→</span> Ergebnisorientiert</div>
            <div class="value"><span class="value__icon">→</span> Langfristig denkend</div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- Process -->
  <section class="process" id="process">
    <div class="container">
      <div class="section-header">
        <span class="section-tag">Zusammenarbeit</span>
        <h2>So arbeiten wir zusammen</h2>
        <p>Einfach, transparent und ohne Umwege – von der ersten Anfrage bis zum Ergebnis.</p>
      </div>
      <div class="process__grid">
        <div class="process__step">
          <div class="process__num">01</div>
          <h3>Erstgespräch</h3>
          <p>Kostenlos &amp; unverbindlich. Wir besprechen dein Projekt, deine Ziele und ob wir zusammenpassen.</p>
        </div>
        <div class="process__step">
          <div class="process__num">02</div>
          <h3>Analyse &amp; Strategie</h3>
          <p>Ich analysiere den Ist-Zustand und entwickle eine maßgeschneiderte Strategie für dein Business.</p>
        </div>
        <div class="process__step">
          <div class="process__num">03</div>
          <h3>Umsetzung</h3>
          <p>Ich übernehme die Ausführung – zuverlässig, schnell und in engem Austausch mit dir.</p>
        </div>
        <div class="process__step">
          <div class="process__num">04</div>
          <h3>Ergebnisse &amp; Wachstum</h3>
          <p>Messbare Resultate. Wir schauen gemeinsam auf die Zahlen und optimieren kontinuierlich.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- Testimonials -->
  <section class="subpage-section subpage-section--alt" id="testimonials">
    <div class="container">
      <div class="section-header">
        <span class="section-tag">Referenzen</span>
        <h2>Was Kunden sagen</h2>
        <p>Vertrauen entsteht durch Ergebnisse – nicht durch Versprechen.</p>
      </div>
      <div class="testimonial-slider" id="testimonialSlider">
        <div class="testimonial-track" id="testimonialTrack">

          <div class="testimonial-slide">
            <div class="testimonial-card">
              <div class="testimonial-card__quote">"</div>
              <p class="testimonial-card__text">Silvan hat unsere Position als Marktführer durch seine regelmäßige Arbeit im SEO und SEA Bereich in unserem Unternehmen sehr stark ausgebaut. Wer Silvan engagiert, erhöht seinen Umsatz und erhält einen Fachmann, der mit Rat und Tat zuverlässig und vor allem auch schnell hilft. Nach 5 Jahren Zusammenarbeit hoffen wir, dass noch viele weitere folgen.</p>
              <div class="testimonial-card__footer">
                <div class="testimonial-card__client">
                  <strong><a href="https://freieredner-ausbildung.com/" target="_blank" rel="noopener">Freie Redner Ausbildung</a></strong>
                  <span>Kunde · 5 Jahre Zusammenarbeit</span>
                </div>
                <div class="testimonial-card__kpi">
                  <span class="testimonial-card__kpi-value">10x Umsatz</span>
                  <span class="testimonial-card__kpi-label">Onlineumsatz verzehnfacht</span>
                  <span class="testimonial-card__kpi-sub">bei gleichzeitig reduzierten Kosten</span>
                </div>
              </div>
            </div>
          </div>

          <div class="testimonial-slide">
            <div class="testimonial-card">
              <div class="testimonial-card__quote">"</div>
              <p class="testimonial-card__text">Als Performance Marketer fragen meine Kunden sehr regelmäßig nach einem SEO-Experten. Ich habe Silvan oft empfohlen und in all den vielen Jahren war ausnahmslos jeder Kunde von seiner Art, der Kompetenz und den Ergebnissen überzeugt. Bisher konnte für jede Herausforderung eine Lösung gefunden werden und die interdisziplinäre Zusammenarbeit ist produktiv und stets im Sinne des Kunden.</p>
              <div class="testimonial-card__footer">
                <div class="testimonial-card__client">
                  <strong>Alexander Holzhammer</strong>
                  <span>Performance Marketer</span>
                </div>
                <div class="testimonial-card__kpi">
                  <span class="testimonial-card__kpi-value">10+ Kunden</span>
                  <span class="testimonial-card__kpi-label">siebenstellige SEO-Umsätze</span>
                </div>
              </div>
            </div>
          </div>

          <div class="testimonial-slide">
            <div class="testimonial-card">
              <div class="testimonial-card__quote">"</div>
              <p class="testimonial-card__text">Silvan hat uns mit seiner E-Commerce Beratung wirklich weitergeholfen. Er hat individuelle und praxisnahe Strategien &amp; Empfehlungen ausgearbeitet. Als zuverlässiger Ansprechpartner steht er uns immer Rat &amp; Tat zur Seite. Wir können ihn auf jeden Fall weiterempfehlen!</p>
              <div class="testimonial-card__footer">
                <div class="testimonial-card__client">
                  <strong><a href="https://www.cake-company.de/" target="_blank" rel="noopener">Jacobi Decor</a></strong>
                  <span>Kunde</span>
                </div>
                <div class="testimonial-card__kpi">
                  <span class="testimonial-card__kpi-value">&lt;5k → &gt;100k €</span>
                  <span class="testimonial-card__kpi-label">monatlicher Onlineumsatz</span>
                </div>
              </div>
            </div>
          </div>

          <div class="testimonial-slide">
            <div class="testimonial-card">
              <div class="testimonial-card__quote">"</div>
              <p class="testimonial-card__text">Die Zusammenarbeit mit Silvan Mundorf ist von einem offenen und fairen Umgang, ehrlichen Gesprächen und gegenseitigem Respekt geprägt. Endlich verstehen wir von <a href="https://www.ufkb.de/" target="_blank" rel="noopener">ufkb.de</a> einige Geheimnisse der Suchmaschinenplatzierung. Das schönste ist, dass es nicht bei theoretischem Wissen bleibt. Die Verbesserungsvorschläge sind einfach in der Praxis anzuwenden.</p>
              <div class="testimonial-card__footer">
                <div class="testimonial-card__client">
                  <strong>Alexander Koch</strong>
                  <span>ufkb.de – Ungebundener Versicherungsmakler</span>
                </div>
                <div class="testimonial-card__kpi">
                  <span class="testimonial-card__kpi-value">500 → 9.500</span>
                  <span class="testimonial-card__kpi-label">organische Besucher / Monat</span>
                </div>
              </div>
            </div>
          </div>

          <div class="testimonial-slide">
            <div class="testimonial-card">
              <div class="testimonial-card__quote">"</div>
              <p class="testimonial-card__text">Es gibt viele selbst ernannte Experten im Online-Marketing. Und dann gibt es Silvan, der nicht behauptet er sei Experte, sondern demonstriert, dass er ein Experte ist. Mit Referenzen, Wissen und natürlich mit einer mehr als „sehr guten" Arbeit am eigenen Projekt. Früher wusste ich nicht, wer mir hier helfen sollte – heute würde ich das niemanden anderen mehr machen lassen.</p>
              <div class="testimonial-card__footer">
                <div class="testimonial-card__client">
                  <strong>Benjamin Oltmann</strong>
                  <span>Kunde</span>
                </div>
              </div>
            </div>
          </div>

          <div class="testimonial-slide">
            <div class="testimonial-card">
              <div class="testimonial-card__quote">"</div>
              <p class="testimonial-card__text">Mit Silvan betreibe ich seit einigen Jahren partnerschaftlich Websites und Shops. Er versteht es, Traffic zu generieren und aus diesem Umsatz zu erwirtschaften. Ich kann ihn als E-Commerce Berater sehr empfehlen.</p>
              <div class="testimonial-card__footer">
                <div class="testimonial-card__client">
                  <strong>Jessica Ebert</strong>
                  <span>Kooperationspartnerin</span>
                </div>
              </div>
            </div>
          </div>

          <div class="testimonial-slide">
            <div class="testimonial-card">
              <div class="testimonial-card__quote">"</div>
              <p class="testimonial-card__text">Silvan hat uns in den Bereichen Onpage- und Offpage tatkräftig mit seinem Fachwissen unterstützt. Ein Freelancer, der jederzeit gut erreichbar ist und weiß, wovon er spricht.</p>
              <div class="testimonial-card__footer">
                <div class="testimonial-card__client">
                  <strong>Philip Hauberg</strong>
                  <span>Betreiber des Sport Outlets <a href="https://www.picksport.de/" target="_blank" rel="noopener">picksport.de</a></span>
                </div>
              </div>
            </div>
          </div>

          <div class="testimonial-slide">
            <div class="testimonial-card">
              <div class="testimonial-card__quote">"</div>
              <p class="testimonial-card__text">Nach der Zusammenarbeit habe ich in kürzester Zeit spürbar mehr Aufträge erhalten.</p>
              <div class="testimonial-card__footer">
                <div class="testimonial-card__client">
                  <strong><a href="https://www.feinhieb.de/" target="_blank" rel="noopener">Feinhieb</a></strong>
                  <span>Kunde</span>
                </div>
                <div class="testimonial-card__kpi">
                  <span class="testimonial-card__kpi-value">Top 3</span>
                  <span class="testimonial-card__kpi-label">in 2 Monaten</span>
                  <span class="testimonial-card__kpi-sub">Traffic von 0 auf 350+ / Monat</span>
                </div>
              </div>
            </div>
          </div>

        </div>
        <div class="testimonial-controls">
          <button class="testimonial-btn" id="testimonialPrev" aria-label="Vorherige Referenz">
            <svg viewBox="0 0 24 24" fill="none"><path d="M15 18l-6-6 6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
          </button>
          <div class="testimonial-dots" id="testimonialDots">
            <button class="testimonial-dot active" data-index="0" aria-label="Referenz 1 anzeigen"></button>
            <button class="testimonial-dot" data-index="1" aria-label="Referenz 2 anzeigen"></button>
            <button class="testimonial-dot" data-index="2" aria-label="Referenz 3 anzeigen"></button>
            <button class="testimonial-dot" data-index="3" aria-label="Referenz 4 anzeigen"></button>
            <button class="testimonial-dot" data-index="4" aria-label="Referenz 5 anzeigen"></button>
            <button class="testimonial-dot" data-index="5" aria-label="Referenz 6 anzeigen"></button>
            <button class="testimonial-dot" data-index="6" aria-label="Referenz 7 anzeigen"></button>
            <button class="testimonial-dot" data-index="7" aria-label="Referenz 8 anzeigen"></button>
          </div>
          <button class="testimonial-btn" id="testimonialNext" aria-label="Nächste Referenz">
            <svg viewBox="0 0 24 24" fill="none"><path d="M9 18l6-6-6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
          </button>
        </div>
      </div>
    </div>
  </section>

  <!-- Contact -->
  <section class="contact" id="contact">
    <div class="container">
      <div class="section-header">
        <span class="section-tag">Kontakt</span>
        <h2>Lass uns reden</h2>
        <p>Projekt oder einfach Austausch – ich freue mich über jede Nachricht.</p>
      </div>
      <div class="contact__inner">
        <form class="contact__form" id="contactForm">
          <div class="form__row">
            <div class="form__group">
              <label for="name">Name</label>
              <input type="text" id="name" name="name" placeholder="Dein Name" required />
            </div>
            <div class="form__group">
              <label for="email">E-Mail</label>
              <input type="email" id="email" name="email" placeholder="deine@email.de" required />
            </div>
          </div>
          <div class="form__group">
            <label for="subject">Betreff</label>
            <select id="subject" name="subject">
              <option value="">Thema wählen …</option>
              <option value="seo">SEO</option>
              <option value="webdesign">Webdesign</option>
              <option value="ecommerce">E-Commerce Beratung</option>
              <option value="emailmarketing">E-Mail-Marketing</option>
              <option value="sonstiges">Sonstiges</option>
            </select>
          </div>
          <div class="form__group">
            <label for="message">Nachricht</label>
            <textarea id="message" name="message" rows="5" placeholder="Deine Nachricht …" required></textarea>
          </div>
          <button type="submit" class="btn btn--primary btn--full">Nachricht senden</button>
          <p class="form__hint">Ich antworte in der Regel innerhalb von 24 Stunden.</p>
        </form>
        <div class="contact__info">
          <div class="contact__photo">
            <img src="silvan-mundorf.jpg" alt="Silvan Mundorf – direkt erreichbar für dein Projekt" />
          </div>
          <div class="contact__info-item">
            <div class="contact__info-icon">
              <svg viewBox="0 0 24 24" fill="none"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 1112 6.5a2.5 2.5 0 010 5z" fill="currentColor"/></svg>
            </div>
            <div>
              <strong>Standort</strong>
              <span>Concordiaplatz 13, 51143 Köln</span>
            </div>
          </div>
          <div class="contact__info-item">
            <div class="contact__info-icon">
              <svg viewBox="0 0 24 24" fill="none"><path d="M20 4H4a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 00-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z" fill="currentColor"/></svg>
            </div>
            <div>
              <strong>E-Mail</strong>
              <span><a href="mailto:silvan@silvanmundorf.de">silvan@silvanmundorf.de</a></span>
            </div>
          </div>
          <div class="contact__info-item">
            <div class="contact__info-icon">
              <svg viewBox="0 0 24 24" fill="none"><path d="M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 011 1V20a1 1 0 01-1 1C10.18 21 3 13.82 3 5a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.46.57 3.58a1 1 0 01-.25 1.01l-2.2 2.2z" fill="currentColor"/></svg>
            </div>
            <div>
              <strong>Telefon</strong>
              <span><a href="tel:+49173436637">0173 436 637</a></span>
            </div>
          </div>
          <div class="contact__info-availability">
            <div class="availability-dot"></div>
            <span>Aktuell verfügbar für neue Projekte</span>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- Footer -->
  <footer class="footer">
    <div class="container">
      <div class="footer__inner">
        <p class="footer__name">Silvan Mundorf</p>
        <nav class="footer__nav">
          <a href="#services">Leistungen</a>
          <a href="ueber-mich.html">Über mich</a>
          <a href="#contact">Kontakt</a>
          <a href="impressum.html">Impressum</a>
        </nav>
        <div class="footer__social">
          <a href="https://www.linkedin.com/in/silvanmundorf/" target="_blank" rel="noopener" aria-label="LinkedIn">
            <svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
          </a>
          <a href="https://www.youtube.com/@die.automatisierer" target="_blank" rel="noopener" aria-label="YouTube">
            <svg viewBox="0 0 24 24" fill="currentColor"><path d="M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
          </a>
        </div>
        <div class="footer__rating">
          <span class="footer__stars" aria-label="5 von 5 Sternen">★★★★★</span>
          <span class="footer__rating-text"><strong>5,0</strong> / 5 &nbsp;·&nbsp; 11 Kundenbewertungen</span>
        </div>
        <p class="footer__legal">
          &copy; <span id="year"></span> Silvan Mundorf &nbsp;·&nbsp;
          <a href="impressum.html">Impressum</a> &nbsp;·&nbsp; <a href="datenschutz.html">Datenschutz</a> &nbsp;·&nbsp; <a href="https://www.immobilien-mundorf.de/" title="Immobilienankauf Köln" target="_blank" rel="noopener">Immobilienankauf Köln</a>
        </p>
      </div>
    </div>
  </footer>

  <script src="script.js"></script>

  <!-- Sticky CTA logic -->
  <script>
  (function () {
    var bar = document.getElementById('stickyCta');
    var dismiss = document.getElementById('stickyDismiss');
    if (!bar) return;
    var shown = false;
    var dismissed = false;
    window.addEventListener('scroll', function () {
      if (dismissed) return;
      if (!shown && window.scrollY > 420) {
        bar.classList.add('visible');
        shown = true;
      }
    }, { passive: true });
    if (dismiss) {
      dismiss.addEventListener('click', function () {
        bar.classList.remove('visible');
        dismissed = true;
      });
    }
  })();
  </script>

</body>
</html>
