From 4af47e19768c9a35ab94fefd8bae0e8cb97448fd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20K=C3=B6hler?= <kontakt@webfarben.net>
Date: Tue, 10 Feb 2026 23:16:57 +0100
Subject: [PATCH] =?UTF-8?q?F=C3=BCge=20Navigation=20und=20umfassende=20SEO?=
 =?UTF-8?q?-Optimierung=20hinzu?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Sticky Navigation mit Logo und Menü-Links
- Mobile Hamburger-Menü mit Smooth Scroll
- Back-to-Top Button mit Scroll-Effekt
- Umfassende SEO Meta-Tags (Keywords, Description, Geo)
- Open Graph und Twitter Card Tags für Social Media
- Schema.org strukturierte Daten (InsuranceAgency, Person)
- robots.txt und sitemap.xml für Suchmaschinen
- Canonical URLs auf allen Seiten
- Local SEO Optimierung für Kallmünz/Regensburg
---
 datenschutz.html |   5 +-
 impressum.html   |   5 +-
 index.html       | 146 +++++++++++++++++++++++++++++++++++--
 robots.txt       |  20 ++++++
 script.js        |  52 ++++++++++++++
 sitemap.xml      |  31 ++++++++
 style.css        | 182 +++++++++++++++++++++++++++++++++++++++++++++++
 7 files changed, 434 insertions(+), 7 deletions(-)
 create mode 100644 robots.txt
 create mode 100644 sitemap.xml
diff --git a/datenschutz.html b/datenschutz.html
index 7ce7bc4..58aa5ff 100644
--- a/datenschutz.html
+++ b/datenschutz.html
@@ -3,7 +3,10 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Datenschutzerklärung - Andreas Guttenberger</title>
+    <meta name="description" content="Datenschutzerklärung von Andreas Guttenberger. Informationen zum Datenschutz und zur Verarbeitung personenbezogener Daten.">
+    <meta name="robots" content="noindex, follow">
+    <link rel="canonical" href="https://www.andreas-guttenberger.de/datenschutz.html">
+    <title>Datenschutzerklärung - Andreas Guttenberger | Versicherungsfachmann (IHK)</title>
     
     <!-- Favicons -->
     <link rel="icon" type="image/svg+xml" href="favicon.svg">
diff --git a/impressum.html b/impressum.html
index 80a5914..964f976 100644
--- a/impressum.html
+++ b/impressum.html
@@ -3,7 +3,10 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Impressum - Andreas Guttenberger</title>
+    <meta name="description" content="Impressum von Andreas Guttenberger, Versicherungsfachmann (IHK) in Kallmünz. Rechtliche Angaben und Kontaktinformationen.">
+    <meta name="robots" content="noindex, follow">
+    <link rel="canonical" href="https://www.andreas-guttenberger.de/impressum.html">
+    <title>Impressum - Andreas Guttenberger | Versicherungsfachmann (IHK)</title>
     
     <!-- Favicons -->
     <link rel="icon" type="image/svg+xml" href="favicon.svg">
diff --git a/index.html b/index.html
index 70482bb..c43c96f 100644
--- a/index.html
+++ b/index.html
@@ -3,8 +3,35 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="Andreas Guttenberger - Ihr Versicherungsfachmann (IHK) in Kallmünz. Persönliche Beratung für alle Versicherungsfragen.">
-    <title>Andreas Guttenberger - Versicherungsfachmann (IHK)</title>
+    
+    <!-- SEO Meta Tags -->
+    <meta name="description" content="Andreas Guttenberger - Ihr Versicherungsfachmann (IHK) in Kallmünz. Persönliche Beratung für alle Versicherungsfragen. ✓ Kompetent ✓ Persönlich ✓ AXA Partner">
+    <meta name="keywords" content="Versicherung Kallmünz, Versicherungsmakler, Versicherungsfachmann IHK, AXA Versicherung, Krankenversicherung, Lebensversicherung, Altersvorsorge, Betriebsversicherung, Traidendorf, Regensburg">
+    <meta name="author" content="Andreas Guttenberger">
+    <meta name="robots" content="index, follow">
+    <meta name="language" content="de">
+    <meta name="geo.region" content="DE-BY">
+    <meta name="geo.placename" content="Kallmünz">
+    <meta name="geo.position" content="49.1617;11.9619">
+    <meta name="ICBM" content="49.1617, 11.9619">
+    <link rel="canonical" href="https://www.andreas-guttenberger.de/">
+    
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.andreas-guttenberger.de/">
+    <meta property="og:title" content="Andreas Guttenberger - Versicherungsfachmann (IHK) Kallmünz">
+    <meta property="og:description" content="Ihr persönlicher Versicherungsfachmann in Kallmünz. Kompetente Beratung für Privat- und Gewerbekunden. AXA Partner.">
+    <meta property="og:image" content="https://www.andreas-guttenberger.de/img/Andreas_Guttenberger.jpg">
+    <meta property="og:locale" content="de_DE">
+    <meta property="og:site_name" content="Andreas Guttenberger Versicherungen">
+    
+    <!-- Twitter -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="Andreas Guttenberger - Versicherungsfachmann (IHK)">
+    <meta name="twitter:description" content="Ihr persönlicher Versicherungsfachmann in Kallmünz. Kompetente Beratung für alle Versicherungsfragen.">
+    <meta name="twitter:image" content="https://www.andreas-guttenberger.de/img/Andreas_Guttenberger.jpg">
+    
+    <title>Andreas Guttenberger - Versicherungsfachmann (IHK) | Kallmünz</title>
     
     <!-- Favicons -->
     <link rel="icon" type="image/svg+xml" href="favicon.svg">
@@ -20,8 +47,31 @@
     <link rel="stylesheet" href="style.css">
 </head>
 <body>
+    <!-- Navigation -->
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <div class="nav-content">
+                <a href="#" class="nav-logo">
+                    <img src="img/AXA_Logo_FR.svg" alt="AXA" class="nav-logo-img">
+                    <span>Andreas Guttenberger</span>
+                </a>
+                <button class="nav-toggle" id="navToggle" aria-label="Navigation umschalten">
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                </button>
+                <ul class="nav-menu" id="navMenu">
+                    <li><a href="#home" class="nav-link">Start</a></li>
+                    <li><a href="#leistungen" class="nav-link">Leistungen</a></li>
+                    <li><a href="#ueber-mich" class="nav-link">Über mich</a></li>
+                    <li><a href="#kontakt" class="nav-link">Kontakt</a></li>
+                </ul>
+            </div>
+        </div>
+    </nav>
+
     <!-- Hero Section -->
-    <header class="hero">
+    <header class="hero" id="home">
         <div class="container">
             <div class="hero-content">
                 <div class="hero-image">
@@ -42,7 +92,7 @@
     </header>
 
     <!-- Services Section -->
-    <section class="services">
+    <section class="services" id="leistungen">
         <div class="container">
             <h2>Meine Leistungen</h2>
             <div class="services-grid">
@@ -71,7 +121,7 @@
     </section>
 
     <!-- About Section -->
-    <section class="about">
+    <section class="about" id="ueber-mich">
         <div class="container">
             <h2>Warum ich?</h2>
             <div class="about-content">
@@ -137,6 +187,13 @@
         </div>
     </section>
 
+    <!-- Back to Top Button -->
+    <button id="backToTop" class="back-to-top" aria-label="Nach oben scrollen">
+        <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">
+            <polyline points="18 15 12 9 6 15"></polyline>
+        </svg>
+    </button>
+
     <!-- Footer -->
     <footer class="footer">
         <div class="container">
@@ -151,6 +208,85 @@
 
     <!-- Leaflet JS -->
     <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
+    
+    <!-- Schema.org Structured Data -->
+    <script type="application/ld+json">
+    {
+      "@context": "https://schema.org",
+      "@type": "InsuranceAgency",
+      "name": "Andreas Guttenberger - Versicherungsfachmann (IHK)",
+      "image": "https://www.andreas-guttenberger.de/img/Andreas_Guttenberger.jpg",
+      "@id": "https://www.andreas-guttenberger.de",
+      "url": "https://www.andreas-guttenberger.de",
+      "telephone": "+4915174483560",
+      "email": "andreas.guttenberger@axa.de",
+      "address": {
+        "@type": "PostalAddress",
+        "streetAddress": "Am Fallgatter 6",
+        "addressLocality": "Kallmünz",
+        "addressRegion": "Bayern",
+        "postalCode": "93183",
+        "addressCountry": "DE"
+      },
+      "geo": {
+        "@type": "GeoCoordinates",
+        "latitude": 49.1617,
+        "longitude": 11.9619
+      },
+      "openingHoursSpecification": {
+        "@type": "OpeningHoursSpecification",
+        "dayOfWeek": [
+          "Monday",
+          "Tuesday",
+          "Wednesday",
+          "Thursday",
+          "Friday"
+        ],
+        "opens": "09:00",
+        "closes": "18:00"
+      },
+      "sameAs": [
+        "https://www.axa-betreuer.de/martin_goetz/ueber-uns/filialen-und-team"
+      ],
+      "priceRange": "$$",
+      "areaServed": {
+        "@type": "GeoCircle",
+        "geoMidpoint": {
+          "@type": "GeoCoordinates",
+          "latitude": 49.1617,
+          "longitude": 11.9619
+        },
+        "geoRadius": "50000"
+      },
+      "description": "Versicherungsfachmann (IHK) in Kallmünz. Persönliche Beratung für Privat- und Gewerbekunden in allen Versicherungsfragen. AXA Partner."
+    }
+    </script>
+    
+    <script type="application/ld+json">
+    {
+      "@context": "https://schema.org",
+      "@type": "Person",
+      "name": "Andreas Guttenberger",
+      "jobTitle": "Versicherungsfachmann (IHK)",
+      "telephone": "+4915174483560",
+      "email": "andreas.guttenberger@axa.de",
+      "url": "https://www.andreas-guttenberger.de",
+      "image": "https://www.andreas-guttenberger.de/img/Andreas_Guttenberger.jpg",
+      "address": {
+        "@type": "PostalAddress",
+        "streetAddress": "Am Fallgatter 6",
+        "addressLocality": "Kallmünz",
+        "addressRegion": "Bayern",
+        "postalCode": "93183",
+        "addressCountry": "DE"
+      },
+      "worksFor": {
+        "@type": "Organization",
+        "name": "AXA"
+      }
+    }
+    </script>
+    
     <script src="script.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/robots.txt b/robots.txt
new file mode 100644
index 0000000..0976ddd
--- /dev/null
+++ b/robots.txt
@@ -0,0 +1,20 @@
+User-agent: *
+Allow: /
+
+# Sitemaps
+Sitemap: https://www.andreas-guttenberger.de/sitemap.xml
+
+# Disallow admin pages if any
+User-agent: *
+Disallow: /admin/
+Disallow: /*.pdf$
+
+# Allow all search engines
+User-agent: Googlebot
+Allow: /
+
+User-agent: Bingbot
+Allow: /
+
+# Crawl-delay
+Crawl-delay: 0
\ No newline at end of file
diff --git a/script.js b/script.js
index 687d87b..f23a30a 100644
--- a/script.js
+++ b/script.js
@@ -1,3 +1,37 @@
+// Mobile Navigation Toggle
+const navToggle = document.getElementById('navToggle');
+const navMenu = document.getElementById('navMenu');
+const navLinks = document.querySelectorAll('.nav-link');
+
+navToggle.addEventListener('click', () => {
+    navToggle.classList.toggle('active');
+    navMenu.classList.toggle('active');
+});
+
+// Close mobile menu when clicking on a link
+navLinks.forEach(link => {
+    link.addEventListener('click', () => {
+        navToggle.classList.remove('active');
+        navMenu.classList.remove('active');
+    });
+});
+
+// Navbar scroll effect
+const navbar = document.getElementById('navbar');
+let lastScroll = 0;
+
+window.addEventListener('scroll', () => {
+    const currentScroll = window.pageYOffset;
+    
+    if (currentScroll > 50) {
+        navbar.classList.add('scrolled');
+    } else {
+        navbar.classList.remove('scrolled');
+    }
+    
+    lastScroll = currentScroll;
+});
+
 // Smooth scrolling for anchor links
 document.querySelectorAll('a[href^="#"]').forEach(anchor => {
     anchor.addEventListener('click', function (e) {
@@ -12,6 +46,24 @@ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
     });
 });
 
+// Back to Top Button
+const backToTopButton = document.getElementById('backToTop');
+
+window.addEventListener('scroll', () => {
+    if (window.pageYOffset > 300) {
+        backToTopButton.classList.add('visible');
+    } else {
+        backToTopButton.classList.remove('visible');
+    }
+});
+
+backToTopButton.addEventListener('click', () => {
+    window.scrollTo({
+        top: 0,
+        behavior: 'smooth'
+    });
+});
+
 // Add animation on scroll
 const observerOptions = {
     threshold: 0.1,
diff --git a/sitemap.xml b/sitemap.xml
new file mode 100644
index 0000000..84e00fb
--- /dev/null
+++ b/sitemap.xml
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+        xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
+        http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
+    
+    <!-- Homepage -->
+    <url>
+        <loc>https://www.andreas-guttenberger.de/</loc>
+        <lastmod>2026-02-10</lastmod>
+        <changefreq>weekly</changefreq>
+        <priority>1.0</priority>
+    </url>
+    
+    <!-- Impressum -->
+    <url>
+        <loc>https://www.andreas-guttenberger.de/impressum.html</loc>
+        <lastmod>2026-02-10</lastmod>
+        <changefreq>monthly</changefreq>
+        <priority>0.3</priority>
+    </url>
+    
+    <!-- Datenschutz -->
+    <url>
+        <loc>https://www.andreas-guttenberger.de/datenschutz.html</loc>
+        <lastmod>2026-02-10</lastmod>
+        <changefreq>monthly</changefreq>
+        <priority>0.3</priority>
+    </url>
+    
+</urlset>
\ No newline at end of file
diff --git a/style.css b/style.css
index 0807b66..3900cbe 100644
--- a/style.css
+++ b/style.css
@@ -26,6 +26,110 @@ body {
     line-height: 1.6;
     color: var(--text-dark);
     background-color: var(--white);
+    padding-top: 70px;
+}
+
+/* Navigation */
+.navbar {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    background-color: var(--white);
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+    z-index: 1000;
+    transition: all 0.3s ease;
+}
+
+.navbar.scrolled {
+    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
+}
+
+.nav-content {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 15px 0;
+}
+
+.nav-logo {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    text-decoration: none;
+    color: var(--primary-color);
+    font-weight: 700;
+    font-size: 1.1rem;
+}
+
+.nav-logo-img {
+    height: 40px;
+    width: auto;
+}
+
+.nav-menu {
+    display: flex;
+    list-style: none;
+    gap: 35px;
+    margin: 0;
+}
+
+.nav-link {
+    text-decoration: none;
+    color: var(--text-dark);
+    font-weight: 600;
+    font-size: 1rem;
+    transition: color 0.3s ease;
+    position: relative;
+}
+
+.nav-link::after {
+    content: '';
+    position: absolute;
+    bottom: -5px;
+    left: 0;
+    width: 0;
+    height: 2px;
+    background-color: var(--primary-color);
+    transition: width 0.3s ease;
+}
+
+.nav-link:hover {
+    color: var(--primary-color);
+}
+
+.nav-link:hover::after {
+    width: 100%;
+}
+
+.nav-toggle {
+    display: none;
+    flex-direction: column;
+    gap: 5px;
+    background: none;
+    border: none;
+    cursor: pointer;
+    padding: 5px;
+}
+
+.nav-toggle span {
+    width: 25px;
+    height: 3px;
+    background-color: var(--primary-color);
+    transition: all 0.3s ease;
+    border-radius: 3px;
+}
+
+.nav-toggle.active span:nth-child(1) {
+    transform: rotate(45deg) translate(8px, 8px);
+}
+
+.nav-toggle.active span:nth-child(2) {
+    opacity: 0;
+}
+
+.nav-toggle.active span:nth-child(3) {
+    transform: rotate(-45deg) translate(7px, -7px);
 }
 
 .container {
@@ -346,6 +450,45 @@ body {
     height: 450px;
 }
 
+/* Back to Top Button */
+.back-to-top {
+    position: fixed;
+    bottom: 30px;
+    right: 30px;
+    width: 50px;
+    height: 50px;
+    background-color: var(--primary-color);
+    color: var(--white);
+    border: none;
+    border-radius: 50%;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: var(--shadow-lg);
+    opacity: 0;
+    visibility: hidden;
+    transform: translateY(20px);
+    transition: all 0.3s ease;
+    z-index: 1000;
+}
+
+.back-to-top.visible {
+    opacity: 1;
+    visibility: visible;
+    transform: translateY(0);
+}
+
+.back-to-top:hover {
+    background-color: var(--secondary-color);
+    transform: translateY(-3px);
+    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.2);
+}
+
+.back-to-top:active {
+    transform: translateY(-1px);
+}
+
 /* Footer */
 .footer {
     background-color: var(--primary-color);
@@ -375,6 +518,45 @@ body {
 
 /* Responsive Design */
 @media (max-width: 968px) {
+    .nav-toggle {
+        display: flex;
+    }
+    
+    .nav-menu {
+        position: fixed;
+        top: 70px;
+        left: -100%;
+        flex-direction: column;
+        background-color: var(--white);
+        width: 100%;
+        text-align: center;
+        transition: left 0.3s ease;
+        box-shadow: 0 10px 27px rgba(0, 0, 0, 0.1);
+        padding: 20px 0;
+        gap: 0;
+    }
+    
+    .nav-menu.active {
+        left: 0;
+    }
+    
+    .nav-menu li {
+        padding: 15px 0;
+        border-bottom: 1px solid #f0f0f0;
+    }
+    
+    .nav-menu li:last-child {
+        border-bottom: none;
+    }
+    
+    .nav-link::after {
+        display: none;
+    }
+    
+    body {
+        padding-top: 70px;
+    }
+    
     .hero-content {
         grid-template-columns: 1fr;
         gap: 40px;
