- OpenStreetMap Integration mit Leaflet.js in Contact Section - Vollständiges Impressum mit IHK- und VersVermV-Informationen - DSGVO-konforme Datenschutzerklärung - Footer-Links zu rechtlichen Seiten auf allen Seiten - Neues weißes AXA-Logo für bessere Sichtbarkeit - Responsive Map-Design mit Custom Marker
156 lines
6.8 KiB
HTML
156 lines
6.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<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>
|
|
|
|
<!-- Favicons -->
|
|
<link rel="icon" type="image/svg+xml" href="favicon.svg">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
|
|
<link rel="manifest" href="site.webmanifest">
|
|
<meta name="theme-color" content="#213683">
|
|
|
|
<!-- Leaflet CSS -->
|
|
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin=""/>
|
|
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<!-- Hero Section -->
|
|
<header class="hero">
|
|
<div class="container">
|
|
<div class="hero-content">
|
|
<div class="hero-image">
|
|
<img src="img/Andreas_Guttenberger.jpg" alt="Andreas Guttenberger" class="portrait">
|
|
</div>
|
|
<div class="hero-text">
|
|
<img src="img/AXA_Logo_FR.svg" alt="AXA" class="logo">
|
|
<h1>Andreas Guttenberger</h1>
|
|
<p class="subtitle">Versicherungsfachmann (IHK)</p>
|
|
<p class="tagline">Ihre persönliche Beratung für alle Versicherungsfragen</p>
|
|
<div class="cta-buttons">
|
|
<a href="#kontakt" class="btn btn-primary">Kontakt aufnehmen</a>
|
|
<a href="tel:+4915174483560" class="btn btn-secondary">Jetzt anrufen</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Services Section -->
|
|
<section class="services">
|
|
<div class="container">
|
|
<h2>Meine Leistungen</h2>
|
|
<div class="services-grid">
|
|
<div class="service-card">
|
|
<div class="icon">🏠</div>
|
|
<h3>Privatkunden</h3>
|
|
<p>Individuelle Absicherung für Sie und Ihre Familie - von Kranken- bis Lebensversicherung</p>
|
|
</div>
|
|
<div class="service-card">
|
|
<div class="icon">🏢</div>
|
|
<h3>Gewerbekunden</h3>
|
|
<p>Maßgeschneiderte Lösungen für Ihr Unternehmen und Ihre betrieblichen Risiken</p>
|
|
</div>
|
|
<div class="service-card">
|
|
<div class="icon">💼</div>
|
|
<h3>Altersvorsorge</h3>
|
|
<p>Sichere Planung Ihrer finanziellen Zukunft mit passenden Vorsorgelösungen</p>
|
|
</div>
|
|
<div class="service-card">
|
|
<div class="icon">🤝</div>
|
|
<h3>Beratung vor Ort</h3>
|
|
<p>Persönliche Betreuung in Kallmünz und Umgebung - kompetent und zuverlässig</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- About Section -->
|
|
<section class="about">
|
|
<div class="container">
|
|
<h2>Warum ich?</h2>
|
|
<div class="about-content">
|
|
<div class="about-item">
|
|
<h3>✓ Kompetenz</h3>
|
|
<p>Als geprüfter Versicherungsfachmann (IHK) verfüge ich über fundiertes Fachwissen</p>
|
|
</div>
|
|
<div class="about-item">
|
|
<h3>✓ Nähe</h3>
|
|
<p>Persönlicher Ansprechpartner in Ihrer Region mit schneller Erreichbarkeit</p>
|
|
</div>
|
|
<div class="about-item">
|
|
<h3>✓ AXA Partner</h3>
|
|
<p>Starke Produkte eines der führenden Versicherungsunternehmen weltweit</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Contact Section -->
|
|
<section id="kontakt" class="contact">
|
|
<div class="container">
|
|
<h2>Kontakt</h2>
|
|
<div class="contact-grid">
|
|
<div class="contact-info">
|
|
<h3>Andreas Guttenberger</h3>
|
|
<p class="contact-title">Versicherungsfachmann (IHK)</p>
|
|
|
|
<div class="contact-item">
|
|
<strong>📍 Adresse</strong>
|
|
<p>Am Fallgatter 6<br>93183 Kallmünz / Traidendorf</p>
|
|
</div>
|
|
|
|
<div class="contact-item">
|
|
<strong>📧 E-Mail</strong>
|
|
<p><a href="mailto:andreas.guttenberger@axa.de">andreas.guttenberger@axa.de</a></p>
|
|
</div>
|
|
|
|
<div class="contact-item">
|
|
<strong>📞 Telefon</strong>
|
|
<p>
|
|
Festnetz: <a href="tel:+4994717184">+49 9471 7184</a><br>
|
|
Mobil: <a href="tel:+4915174483560">+49 151 74483560</a><br>
|
|
Fax: +49 9471 8795
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="contact-cta">
|
|
<h3>Vereinbaren Sie einen Termin</h3>
|
|
<p>Gerne berate ich Sie persönlich zu Ihren Versicherungsfragen. Kontaktieren Sie mich für ein unverbindliches Gespräch.</p>
|
|
<div class="contact-buttons">
|
|
<a href="mailto:andreas.guttenberger@axa.de" class="btn btn-primary">E-Mail schreiben</a>
|
|
<a href="tel:+4915174483560" class="btn btn-secondary">Anrufen</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Map Section -->
|
|
<div class="map-container">
|
|
<div id="map"></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<p>© 2026 Andreas Guttenberger - Versicherungsfachmann (IHK)</p>
|
|
<p class="legal">
|
|
<a href="impressum.html">Impressum</a> |
|
|
<a href="datenschutz.html">Datenschutzerklärung</a> |
|
|
<a href="https://www.axa-betreuer.de/martin_goetz/ueber-uns/filialen-und-team#overlayNotification-XTOOZB" target="_blank" rel="noopener">Informationen gem. VersVermV</a>
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Leaflet JS -->
|
|
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html> |