07c290a453
- zoesch.de - blitzkiste.net - gruene-hassberge (norbert.zoesch.de) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
260 lines
12 KiB
HTML
260 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Kreistagswahl 2026 - Landkreis Haßberge | Bündnis 90/Die Grünen</title>
|
|
<meta name="description" content="Norbert Zösch kandidiert als Landrat - Gemeinsam mit 60 engagierten Kandidierenden für den Kreistag Haßberge 2026.">
|
|
|
|
<!-- Favicons -->
|
|
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
|
|
|
|
<link rel="stylesheet" href="css/styles.css">
|
|
<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=PT+Sans:wght@400;700&display=swap" rel="stylesheet">
|
|
<style>
|
|
/* Offizielle GrueneType Neue Font - Lokal gehostet */
|
|
@font-face {
|
|
font-family: 'GrueneType Neue';
|
|
src: url('fonts/GrueneTypeNeue-Regular.woff') format('woff');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- Navigation -->
|
|
<nav class="navbar">
|
|
<div class="container">
|
|
<div class="nav-content">
|
|
<div class="logo">
|
|
<img src="images/logo-sonnenblume.png" alt="Grüne Sonnenblume" class="logo-image">
|
|
<div class="logo-text-container">
|
|
<span class="logo-text">BÜNDNIS 90/DIE GRÜNEN</span>
|
|
<span class="logo-subtitle">Landkreis Haßberge</span>
|
|
</div>
|
|
</div>
|
|
<div class="nav-links">
|
|
<a href="#landrat">Unser Landratskandidat</a>
|
|
<a href="#kandidaten">Kandidierende</a>
|
|
<a href="#programm">Programm</a>
|
|
<a href="#kontakt" class="btn-nav">Kontakt</a>
|
|
</div>
|
|
<button class="mobile-menu-toggle" aria-label="Menü öffnen">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Hero Section / Jumbotron -->
|
|
<section class="hero">
|
|
<div class="hero-image">
|
|
<img src="https://images.unsplash.com/photo-1529156069898-49953e39b3ac?w=1600&h=800&fit=crop"
|
|
alt="Gemeinsam für den Landkreis Haßberge - Unser Team für die Kreistagswahl 2026"
|
|
loading="eager">
|
|
<div class="hero-overlay"></div>
|
|
</div>
|
|
<div class="hero-content">
|
|
<div class="container">
|
|
<h1 class="hero-title">Gemeinsam für den Landkreis Haßberge</h1>
|
|
<p class="hero-subtitle">Kreistagswahl 2026 - Für eine grüne, lebenswerte Zukunft</p>
|
|
<div class="hero-cta">
|
|
<a href="#landrat" class="btn-hero">Norbert Zösch kennenlernen</a>
|
|
<a href="#kandidaten" class="btn-hero-secondary">Alle Kandidierenden</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Landrat Section -->
|
|
<section id="landrat" class="landrat-section">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<span class="section-label">Kandidat für das Landratsamt</span>
|
|
<h2>Norbert Zösch</h2>
|
|
<p class="section-intro">Mit Erfahrung, Kompetenz und grünen Werten für unseren Landkreis</p>
|
|
</div>
|
|
|
|
<div class="landrat-content">
|
|
<div class="landrat-image">
|
|
<img src="images/DSC09400.jpg"
|
|
alt="Norbert Zösch - Kandidat für das Landratsamt">
|
|
<div class="landrat-badge">Ihr Landrat 2026</div>
|
|
</div>
|
|
<div class="landrat-text">
|
|
<h3>Für einen Landkreis, der zusammenhält</h3>
|
|
<p>Als langjähriger Kommunalpolitiker und engagierter Bürger des Landkreises Haßberge kenne ich die Herausforderungen und Chancen unserer Region. Gemeinsam mit unserem starken Team möchte ich den Landkreis in eine nachhaltige, soziale und innovative Zukunft führen.</p>
|
|
|
|
<div class="landrat-highlights">
|
|
<div class="highlight-item">
|
|
<div class="highlight-icon">🌱</div>
|
|
<h4>Klimaschutz vor Ort</h4>
|
|
<p>Erneuerbare Energien ausbauen und CO₂-Neutralität bis 2035 erreichen</p>
|
|
</div>
|
|
<div class="highlight-item">
|
|
<div class="highlight-icon">🚌</div>
|
|
<h4>Mobilität für alle</h4>
|
|
<p>Besserer ÖPNV, sichere Radwege und zukunftsfähige Verkehrskonzepte</p>
|
|
</div>
|
|
<div class="highlight-item">
|
|
<div class="highlight-icon">🏘️</div>
|
|
<h4>Lebendige Orte</h4>
|
|
<p>Dörfer und Städte stärken - mit guter Infrastruktur und Nahversorgung</p>
|
|
</div>
|
|
<div class="highlight-item">
|
|
<div class="highlight-icon">👨👩👧👦</div>
|
|
<h4>Soziale Gerechtigkeit</h4>
|
|
<p>Bezahlbarer Wohnraum, gute Bildung und Unterstützung für Familien</p>
|
|
</div>
|
|
</div>
|
|
|
|
<a href="#kontakt" class="btn-primary">Kontakt aufnehmen</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Spitzenkandidaten Grid Section -->
|
|
<section id="kandidaten" class="spitzenkandidaten-section">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<span class="section-label">Unsere Spitzenkandidierenden</span>
|
|
<h2>Die Top 3 für den Landkreis Haßberge</h2>
|
|
<p class="section-intro">Lernen Sie unsere Spitzenkandidierenden kennen - engagiert, kompetent und nah an den Menschen</p>
|
|
</div>
|
|
|
|
<div class="spitzenkandidaten-grid">
|
|
<!-- Grid wird dynamisch per JavaScript befüllt -->
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Alle Kandidaten Slider Section -->
|
|
<section class="alle-kandidaten-section">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<span class="section-label">Unser Team</span>
|
|
<h2>Alle 60 Kandidierenden für den Kreistag</h2>
|
|
<p class="section-intro">Gemeinsam stark für Haßberge - hier finden Sie alle unsere Kandidierenden</p>
|
|
</div>
|
|
|
|
<div class="alle-slider-container">
|
|
<!-- Slider Wrapper -->
|
|
<div class="alle-slider-wrapper">
|
|
<!-- Prev Button -->
|
|
<button class="alle-slider-btn alle-slider-btn-prev" aria-label="Vorherige Kandidierende">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path d="M15 18L9 12L15 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
</svg>
|
|
</button>
|
|
|
|
<!-- Slider Track -->
|
|
<div class="alle-slider-track">
|
|
<div class="alle-slider-content">
|
|
<!-- Slides werden per JavaScript erstellt -->
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Next Button -->
|
|
<button class="alle-slider-btn alle-slider-btn-next" aria-label="Nächste Kandidierende">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Slider Controls -->
|
|
<div class="alle-slider-controls">
|
|
<!-- Dots Navigation -->
|
|
<div class="alle-slider-dots" role="tablist" aria-label="Kandidierende Navigation"></div>
|
|
|
|
<!-- Counter -->
|
|
<div class="alle-slider-counter">
|
|
<span class="alle-current-slide">1</span> / <span class="alle-total-slides">15</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Call to Action Section -->
|
|
<section class="cta-section">
|
|
<div class="container">
|
|
<div class="cta-content">
|
|
<h2>Gemeinsam gestalten wir die Zukunft</h2>
|
|
<p>Unterstützen Sie uns auf dem Weg zu einem grünen, nachhaltigen und gerechten Landkreis Haßberge</p>
|
|
<div class="cta-buttons">
|
|
<a href="#kontakt" class="btn-hero">Jetzt engagieren</a>
|
|
<a href="#programm" class="btn-hero-secondary">Unser Programm</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<div class="footer-content">
|
|
<div class="footer-column">
|
|
<h3>BÜNDNIS 90/DIE GRÜNEN</h3>
|
|
<p>Kreisverband Haßberge</p>
|
|
<p class="footer-tagline">Wir gestalten Zukunft - gemeinsam mit Ihnen</p>
|
|
</div>
|
|
<div class="footer-column">
|
|
<h4>Navigation</h4>
|
|
<ul>
|
|
<li><a href="#landrat">Unser Landrat</a></li>
|
|
<li><a href="#kandidaten">Kandidierende</a></li>
|
|
<li><a href="#programm">Programm</a></li>
|
|
<li><a href="#kontakt">Kontakt</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="footer-column">
|
|
<h4>Rechtliches</h4>
|
|
<ul>
|
|
<li><a href="impressum.html">Impressum</a></li>
|
|
<li><a href="datenschutz.html">Datenschutz</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="footer-column">
|
|
<h4>Folgen Sie uns</h4>
|
|
<div class="social-links">
|
|
<a href="#" aria-label="Facebook">Facebook</a>
|
|
<a href="#" aria-label="Instagram">Instagram</a>
|
|
<a href="#" aria-label="Twitter">Twitter</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<p>© 2026 BÜNDNIS 90/DIE GRÜNEN Landkreis Haßberge. Kreistagswahl 2026.</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Modal für Kandidierenden-Details -->
|
|
<div id="kandidat-modal" class="modal" aria-hidden="true">
|
|
<div class="modal-overlay"></div>
|
|
<div class="modal-container">
|
|
<button class="modal-close" aria-label="Modal schließen">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path d="M18 6L6 18M6 6l12 12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
|
|
</svg>
|
|
</button>
|
|
<div class="modal-content">
|
|
<!-- Wird dynamisch befüllt -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="js/script.js?v=2.0"></script>
|
|
</body>
|
|
</html>
|