
<!-- ==================== HOME.LOAD.PHP DEBUG START ==================== -->
<!-- DB_PREFIX: gilde_2_0_ -->
<!-- Database connection: OK -->
<!-- BLOG QUERY:      SELECT          b.id,          b.uuid,         b.code,         b.slug,         b.title_de as title,          b.teaser_de as excerpt,          b.featured_image,          b.publish_date as published_at,         b.status,         u.full_name as author     FROM gilde_2_0_blogs b     LEFT JOIN gilde_2_0_admin_users u ON b.author_id = u.id     WHERE b.status = 'published'     ORDER BY b.publish_date DESC      LIMIT 3  -->
<!-- BLOG RESULTS: 3 posts found -->
<!-- BLOG SAMPLE DATA: -->
<!--   Post 1: ID=4, Code=fdh, Slug=20-jahre-phan-moden-in-hann-muenden, Title='20 Jahre PHAN Moden in Hann. Münden', Status=published, Author='Viktoria Kuke' -->
<!--   Post 2: ID=5, Code=djs, Slug=zeit-fuer-abenteuer-fruehling-in-der-region, Title='Zeit für Abenteuer: Frühling in der Region', Status=published, Author='Viktoria Kuke' -->
<!--   Post 3: ID=6, Code=sfk, Slug=muendener-gilde-stellt-weichen-fuer-2026, Title='Mündener Gilde stellt Weichen für 2026', Status=published, Author='Viktoria Kuke' -->
<!-- COMPANIES QUERY:      SELECT          c.id,          c.uuid,         c.code,         c.slug,         c.company_name as name,          c.logo_path as logo,          c.category_id,         cat.name_de as category,          c.website,          c.description_de as short_description,         c.is_active     FROM gilde_2_0_companies c     LEFT JOIN gilde_2_0_categories cat ON c.category_id = cat.id     WHERE c.is_active = 1 && company_type_id <> 11     ORDER BY RAND()      LIMIT 6  -->
<!-- COMPANIES RESULTS: 6 companies found -->
<!-- COMPANIES SAMPLE DATA: -->
<!--   Company 1: ID=27, Code=yja, Slug=gebr-spanholtz-kg-29006, Name='Gebr. Spanholtz KG', Logo=NO, Category=Elektro & Media, Active=1 -->
<!--   Company 2: ID=3, Code=vsd, Slug=architekturbuero-rohrer-10103, Name='Architekturbüro Rohrer', Logo=YES, Category=Haus & Garten, Active=1 -->
<!--   Company 3: ID=47, Code=uma, Slug=hofmeister-tenter-sedelmayr-gmbh-18014, Name='Hofmeister &amp; Tenter Sedelmayr GmbH', Logo=YES, Category=NULL, Active=1 -->
<!--   Company 4: ID=62, Code=jsm, Slug=praxis-fuer-krankengymnastik-physiotherapie-10122, Name='Praxis für Krankengymnastik &amp; Physiotherapie', Logo=NO, Category=NULL, Active=1 -->
<!--   Company 5: ID=48, Code=qey, Slug=impressio-1006, Name='Impressio', Logo=YES, Category=NULL, Active=1 -->
<!--   Company 6: ID=88, Code=xqn, Slug=waldhotel-jagdhaus-heede-1002, Name='Waldhotel Jagdhaus Heede', Logo=YES, Category=NULL, Active=1 -->
<!-- COMPANIES QUERY:      SELECT          c.id,          c.uuid,         c.code,         c.slug,         c.company_name as name,          c.logo_path as logo,          c.category_id,         cat.name_de as category,          c.website,          c.description_de as short_description,         c.is_active     FROM gilde_2_0_companies c     LEFT JOIN gilde_2_0_categories cat ON c.category_id = cat.id     WHERE c.is_active = 1 && company_type_id = 11     ORDER BY RAND()      LIMIT 6  -->
<!-- COMPANIES RESULTS: 6 companies found -->
<!-- COMPANIES SAMPLE DATA: -->
<!--   Company 1: ID=23, Code=giw, Slug=frau-annette-roehrl-mueller-10129, Name='Frau Annette Röhrl-Müller', Logo=NO, Category=Privatperson, Active=1 -->
<!--   Company 2: ID=43, Code=qds, Slug=herr-10139, Name='Herr', Logo=NO, Category=Privatperson, Active=1 -->
<!--   Company 3: ID=42, Code=tpr, Slug=tobias-vogeley-10132, Name='Tobias Vogeley', Logo=YES, Category=Privatperson, Active=1 -->
<!--   Company 4: ID=39, Code=ctp, Slug=herr-10136, Name='Herr', Logo=NO, Category=Privatperson, Active=1 -->
<!--   Company 5: ID=44, Code=gdw, Slug=herr-1005, Name='Herr', Logo=NO, Category=Privatperson, Active=1 -->
<!--   Company 6: ID=37, Code=ede, Slug=herr-1012, Name='Herr', Logo=NO, Category=Privatperson, Active=1 -->
<!-- COMPANIES MAP QUERY:      SELECT          c.id,         c.code,         c.uuid,         c.slug,         c.company_name,         c.street,         c.postal_code,         c.city,         c.latitude,         c.longitude,         c.logo_path,         c.is_active,         cat.name_de as category_name     FROM gilde_2_0_companies c     LEFT JOIN gilde_2_0_categories cat ON c.category_id = cat.id     WHERE c.is_active = 1     AND c.latitude IS NOT NULL      AND c.longitude IS NOT NULL     ORDER BY c.company_name ASC  -->
<!-- COMPANIES MAP RESULTS: 42 companies with coordinates found -->
<!-- COMPANIES MAP SAMPLE: -->
<!--   Map Company 1: ID=1, Code=eie, Name='4ARTS - Wohnambiente', Lat=51.41851200, Lng=9.65331200, City=Hann. Münden -->
<!--   Map Company 2: ID=2, Code=ulv, Name='Allfinanz Deutsche Vermögensberatung', Lat=51.41720900, Lng=9.65832900, City=Hann. Münden -->
<!--   Map Company 3: ID=3, Code=vsd, Name='Architekturbüro Rohrer', Lat=51.40669800, Lng=9.65232700, City=Hann. Münden -->
<!-- STATISTICS QUERIES: -->
<!-- STATS: Active companies = 91 -->
<!-- STATS: Total companies = 91 -->
<!-- STATS: Categories used = 14 -->
<!-- STATS DEBUG: Companies with category=40, without category=51 -->
<!-- ==================== SUMMARY ==================== -->
<!-- Blog Posts: 3 loaded -->
<!-- Featured Companies: 6 loaded -->
<!-- Map Companies: 42 loaded (with coordinates) -->
<!-- Statistics: Active=91, Total=91, Categories=14 -->
<!-- ==================== HOME.LOAD.PHP DEBUG END ==================== -->

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Startseite - Mündener Gilde e.V.</title>
    <meta name="description"
          content="Mündener Gilde e.V. - Interessengemeinschaft mit über 100 Mitgliedsbetrieben in Hann. Münden">
    <meta name="keywords" content="Mündener Gilde, Hann. Münden, Wirtschaft, Gewerbe, Handel, Mitglieder">
    <meta name="author" content="Mündener Gilde e.V.">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Bootstrap Icons -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
    <script src="https://gilde-2.prototypehub.de/assets/js/jquery.min.js"></script>

    <!-- Common Styles for All Pages -->
    <style>
        :root {
            --color-primary: #3365AA;
            --color-primary-dark: #0f1e3a;
            --color-primary-light: #2c5282;
            --color-secondary: #2d3748;
            --color-gray-light: #e2e8f0;
            --color-white: #ffffff;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            color: var(--color-secondary);
            background-color: #f8f9fa;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }

        main {
            flex: 1;
        }

        .logo-header {
            height: 50px;
        }

        /* Navbar Styles */
        .navbar {
            background-color: var(--color-white);
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
            padding: 0.75rem 0;
        }

        .navbar-brand {
            font-size: 1.4rem;
            font-weight: 700;
            color: var(--color-primary);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            transition: color 0.3s;
        }

        .navbar-brand:hover {
            color: var(--color-primary-light);
        }

        .nav-link {
            color: var(--color-secondary);
            font-weight: 500;
            margin: 0 0.5rem;
            transition: color 0.3s;
            font-size: 1rem;
        }

        .nav-link:hover {
            color: var(--color-primary);
        }

        .nav-link.active {
            color: var(--color-primary);
            font-weight: 600;
        }

        /* Button Styles */
        .btn-primary {
            background-color: var(--color-primary);
            border-color: var(--color-primary);
            padding: 0.65rem 1.75rem;
            font-weight: 600;
            transition: all 0.3s;
            border-radius: 8px;
        }

        .btn-primary:hover {
            background-color: var(--color-primary-dark);
            border-color: var(--color-primary-dark);
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(26, 54, 93, 0.35);
        }

        .btn-outline-primary {
            color: var(--color-primary);
            border-color: var(--color-primary);
            border-width: 2px;
            padding: 0.6rem 1.5rem;
            font-weight: 600;
            transition: all 0.3s;
            border-radius: 8px;
        }

        .btn-outline-primary:hover {
            background-color: var(--color-primary);
            border-color: var(--color-primary);
            color: var(--color-white);
            transform: translateY(-2px);
        }

        .btn-outline-secondary {
            border-width: 2px;
            font-weight: 600;
            border-radius: 8px;
        }

        /* Page Hero Styles */
        .page-hero {
            background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
            color: var(--color-white);
            padding: 3rem 0 2.5rem 0;
            margin-bottom: 2rem;
            position: relative;
            overflow: hidden;
        }

        .page-hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: radial-gradient(circle at 30% 50%, rgba(255, 255, 255, 0.1) 0%, transparent 50%);
            pointer-events: none;
        }

        .hero-title {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 0.75rem;
            position: relative;
            z-index: 1;
        }

        .hero-subtitle {
            font-size: 1.2rem;
            opacity: 0.95;
            margin: 0;
            position: relative;
            z-index: 1;
        }

        /* Card Styles */
        .card {
            border: none;
            border-radius: 12px;
            box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
            transition: all 0.3s;
        }

        .card:hover {
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
        }

        /* Footer Styles */
        .footer {
            background-color: var(--color-primary-dark);
            color: var(--color-white);
            padding: 3.5rem 0 1.5rem 0;
            margin-top: auto;
        }

        .footer h5 {
            font-weight: 700;
            margin-bottom: 1.5rem;
            font-size: 1.2rem;
        }

        .footer a {
            color: var(--color-white);
            text-decoration: none;
            opacity: 0.85;
            transition: opacity 0.3s;
        }

        .footer a:hover {
            opacity: 1;
            color: var(--color-white);
        }

        /* Alert Styles */
        .alert {
            border-radius: 8px;
            border: none;
            padding: 1rem 1.25rem;
        }

        /* Utility Classes */
        .text-primary {
            color: var(--color-primary) !important;
        }

        .bg-primary {
            background-color: var(--color-primary) !important;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .hero-title {
                font-size: 2rem;
            }

            .hero-subtitle {
                font-size: 1rem;
            }

            .navbar-brand {
                font-size: 1.2rem;
            }
        }
    </style>

    <style>
/* Home Hero Section */
.home-hero {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
    color: var(--color-white);
    padding: 5rem 0;
    position: relative;
    overflow: hidden;
}

.home-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 20% 50%, rgba(255,255,255,0.1) 0%, transparent 50%),
                radial-gradient(circle at 80% 80%, rgba(255,255,255,0.08) 0%, transparent 50%);
    pointer-events: none;
}

.home-hero .container {
    position: relative;
    z-index: 1;
}

.home-hero h1 {
    font-size: 3.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    line-height: 1.2;
}

.home-hero .lead {
    font-size: 1.5rem;
    margin-bottom: 2.5rem;
    opacity: 0.95;
}

.home-hero .btn {
    padding: 0.9rem 2.5rem;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0.5rem;
}

/* Statistics Section */
.stats-section {
    background-color: var(--color-white);
    padding: 3rem 0;
    margin-top: -3rem;
    border-radius: 15px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    position: relative;
    z-index: 2;
}

.stat-box {
    text-align: center;
    padding: 1.5rem;
}

.stat-box .stat-icon {
    font-size: 3rem;
    color: var(--color-primary);
    margin-bottom: 1rem;
}

.stat-box .stat-number {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--color-primary);
    margin-bottom: 0.5rem;
}

.stat-box .stat-label {
    font-size: 1rem;
    color: var(--color-secondary);
    font-weight: 500;
}

/* Feature Boxes */
.feature-box {
    background: var(--color-white);
    border-radius: 12px;
    padding: 2.5rem 2rem;
    text-align: center;
    box-shadow: 0 3px 15px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    height: 100%;
    border: 2px solid transparent;
}

.feature-box:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
    border-color: var(--color-primary);
}

.feature-box .feature-icon {
    font-size: 3.5rem;
    color: var(--color-primary);
    margin-bottom: 1.5rem;
    display: inline-block;
}

.feature-box h3 {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-primary);
    margin-bottom: 1rem;
}

.feature-box p {
    color: var(--color-secondary);
    margin-bottom: 0;
    line-height: 1.6;
}

/* Company Cards */
.company-card {
    background: var(--color-white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 3px 15px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.company-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.company-card .company-logo {
    width: 100%;
    height: 200px;
    object-fit: contain;
    padding: 1.5rem;
    background-color: #f8f9fa;
}

.company-card .privat-image {
    width: 200px;
    height: 200px;
    margin-right: auto;
    margin-left: auto;
    object-fit: cover;
    padding: 1.5rem;
    background-color: #ffffff;
    border-radius: 50%;
    display: block;
}

.company-card .company-body {
    padding: 1.5rem;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.company-card .company-name {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-primary);
    margin-bottom: 0.5rem;
}

.company-card .company-category {
    font-size: 0.9rem;
    color: #6c757d;
    margin-bottom: 1rem;
}

.company-card .company-description {
    font-size: 0.95rem;
    color: var(--color-secondary);
    margin-bottom: 1rem;
    flex: 1;
}

.company-card .btn {
    margin-top: auto;
}

/* Blog Post Cards */
.blog-card {
    background: var(--color-white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 3px 15px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.blog-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.blog-card .blog-image {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.blog-card .blog-body {
    padding: 1.5rem;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.blog-card .blog-date {
    font-size: 0.85rem;
    color: #6c757d;
    margin-bottom: 0.75rem;
}

.blog-card .blog-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--color-primary);
    margin-bottom: 0.75rem;
    line-height: 1.3;
}

.blog-card .blog-excerpt {
    font-size: 0.95rem;
    color: var(--color-secondary);
    margin-bottom: 1rem;
    flex: 1;
}

.blog-card .btn {
    margin-top: auto;
}

/* Call to Action Section */
.cta-section {
    background: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary) 100%);
    color: var(--color-white);
    padding: 4rem 0;
    margin: 4rem 0;
    border-radius: 15px;
    text-align: center;
}

.cta-section h2 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.cta-section p {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.cta-section .btn-light {
    background-color: var(--color-white);
    color: var(--color-primary);
    padding: 0.9rem 2.5rem;
    font-size: 1.1rem;
    font-weight: 600;
    border: none;
}

.cta-section .btn-light:hover {
    background-color: var(--color-gray-light);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.2);
}

/* Section Headings */
.section-heading {
    text-align: center;
    margin-bottom: 3rem;
}

.section-heading h2 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--color-primary);
    margin-bottom: 1rem;
}

.section-heading p {
    font-size: 1.1rem;
    color: var(--color-secondary);
}

/* Responsive */
@media (max-width: 768px) {
    .home-hero h1 {
        font-size: 2.5rem;
    }
    
    .home-hero .lead {
        font-size: 1.2rem;
    }
    
    .home-hero .btn {
        padding: 0.75rem 1.5rem;
        font-size: 1rem;
        display: block;
        margin: 0.5rem 0;
    }
    
    .stat-box .stat-number {
        font-size: 2rem;
    }
    
    .section-heading h2 {
        font-size: 2rem;
    }
    
    .cta-section h2 {
        font-size: 2rem;
    }
    
    .feature-box {
        margin-bottom: 1.5rem;
    }
}
</style>
</head>
<body>

<!--
<nav class="navbar navbar-expand-lg sticky-top">
    <div class="container">
        <a class="navbar-brand d-flex align-items-center" href="https://gilde-2.prototypehub.de">
            <img src="https://gilde-2.prototypehub.de/logo-muendener-gilde.svg" alt="Mündener Gilde e.V." class="logo-header">
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav ms-auto">
                <li class="nav-item">
                    <a class="nav-link " href="https://gilde-2.prototypehub.de">
                        <i class="bi bi-house-door me-1"></i>Home
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link " href="https://gilde-2.prototypehub.de/mitglied">
                        <i class="bi bi-building me-1"></i>Mitglieder
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="https://hann.muenden-erlebnisregion.de/veranstaltungen">
                        <i class="bi bi-calendar-event me-1"></i>Veranstaltungen
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link " href="https://gilde-2.prototypehub.de/blog">
                        <i class="bi bi-newspaper me-1"></i>Aktuelles
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link " href="https://gilde-2.prototypehub.de/gilde">
                        <i class="bi bi-info-circle me-1"></i>Über uns
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link " href="https://gilde-2.prototypehub.de/kontakt">
                        <i class="bi bi-envelope me-1"></i>Kontakt
                    </a>
                </li>
                <li class="nav-item">
                    <a class="btn btn-primary ms-3" href="https://gilde-2.prototypehub.de/login">
                        <i class="bi bi-box-arrow-in-right me-2"></i>Login
                    </a>
                </li>
            </ul>
        </div>
    </div>
</nav>
-->


<style>
    .mg_hover {
        position: relative;
        transition: color 0.25s ease;
    }

    .mg_hover:hover {
        color: #0d6efd;
    }

    .mg_hover::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 0;
        height: 2px;
        background-color: #0d6efd;
        transition: width 0.25s ease;
    }

    .mg_hover:hover::after {
        width: 100%;
    }

    @media (min-width: 992px) {
        .navbar .nav-item.dropdown:hover .dropdown-menu {
            display: block;
            margin-top: 0;
        }
    }


    navbar {
        background-color: #fff;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        padding: 0.8rem 0;
        transition: all 0.3s ease;
    }

    .navbar-brand img {
        height: 50px;
        transition: transform 0.3s ease;
    }

    .navbar-brand:hover img {
        transform: scale(1.05);
    }

    /* Style dla linków nawigacyjnych */
    .nav-link {
        position: relative;
        font-weight: 500;
        padding: 0.5rem 1rem !important;
        margin: 0 0.2rem;
        color: #333 !important;
        transition: all 0.3s ease;
        border-radius: 4px;
    }

    .nav-link:hover {
        color: #0d6efd !important;
        background-color: rgba(13, 110, 253, 0.05);
    }

    /* Podkreślenie dla linków */
    .nav-link::after {
        content: '';
        position: absolute;
        width: 0;
        height: 2px;
        bottom: 0;
        left: 50%;
        background-color: #0d6efd;
        transition: all 0.3s ease;
        transform: translateX(-50%);
    }

    .nav-link:hover::after,
    .nav-link.active::after {
        width: 80%;
    }

    .nav-link.active {
        color: #0d6efd !important;
        font-weight: 600;
    }

    /* Style dla dropdownów */
    .dropdown-menu {
        border: none;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
        padding: 0.5rem 0;
        opacity: 0;
        transform: translateY(10px);
        display: block;
        visibility: hidden;
        transition: all 0.3s ease;
    }

    .dropdown:hover .dropdown-menu {
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
    }

    .dropdown-item {
        padding: 0.6rem 1.5rem;
        transition: all 0.2s ease;
        position: relative;
    }

    .dropdown-item::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 0;
        background-color: rgba(13, 110, 253, 0.1);
        transition: width 0.3s ease;
    }

    .dropdown-item:hover {
        background-color: transparent;
        color: #0d6efd;
        padding-left: 2rem;
    }

    .dropdown-item:hover::before {
        width: 4px;
    }

    /* Przycisk logowania */
    .btn-primary {
        border-radius: 50px;
        padding: 0.5rem 1.5rem;
        font-weight: 500;
        transition: all 0.3s ease;
        box-shadow: 0 4px 6px rgba(13, 110, 253, 0.2);
    }

    .btn-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 12px rgba(13, 110, 253, 0.3);
    }

    /* Przycisk toggler */
    .navbar-toggler {
        border: none;
        padding: 0.25rem 0.5rem;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    /* Responsywność */
    @media (max-width: 991.98px) {
        .navbar-nav {
            padding: 1rem 0;
        }

        .nav-item {
            margin: 0.2rem 0;
        }

        .dropdown-menu {
            opacity: 1;
            transform: none;
            visibility: visible;
            box-shadow: none;
            border-radius: 0;
            padding-left: 1rem;
            margin-top: 0;
        }

        .btn-primary {
            margin-top: 1rem;
            margin-left: 0 !important;
        }
    }
</style>


<nav class="navbar navbar-expand-lg sticky-top">
    <div class="container">
        <a class="navbar-brand d-flex align-items-center" href="https://gilde-2.prototypehub.de">
            <img src="https://gilde-2.prototypehub.de/logo-muendener-gilde.svg" alt="Mündener Gilde e.V." class="logo-header">
        </a>

        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
                aria-controls="navbarNav" aria-expanded="false" aria-label="Navigation umschalten">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav ms-auto">

                <!-- Startseite -->
                <li class="nav-item">
                    <a class="nav-link mg_hover "
                       href="https://gilde-2.prototypehub.de">
                        <i class="bi bi-house-door me-1"></i>
                        <span>Startseite</span>
                    </a>
                </li>

                <!-- Aktuelles -->
                <li class="nav-item">
                    <a class="nav-link mg_hover "
                       href="https://gilde-2.prototypehub.de/aktuelles/">
                        <i class="bi bi-newspaper me-1"></i>
                        <span>Aktuelles</span>
                    </a>
                </li>

                <!-- Veranstaltungen -->
                <li class="nav-item">
                    <a class="nav-link mg_hover"
                       href="https://hann.muenden-erlebnisregion.de/veranstaltungen"
                       target="_blank" rel="noopener noreferrer">
                        <i class="bi bi-calendar-event me-1"></i>
                        <span>Veranstaltungen</span>
                    </a>
                </li>

                <!-- Die Mündener Gilde e.V. -->
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle mg_hover"
                       href="https://gilde-2.prototypehub.de/gilde"
                       id="navGilde" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        <i class="bi bi-people me-1"></i>
                        <span>Die Mündener Gilde e.V.</span>
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="navGilde">
                        <li><a class="dropdown-item" href="https://gilde-2.prototypehub.de/der-vorstand/">Der Vorstand</a></li>
                        <li><a class="dropdown-item" href="https://gilde-2.prototypehub.de/mitglieder-der-muendener-gilde/">Mitglieder der Mündener Gilde</a></li>
                        <li><a class="dropdown-item" href="https://gilde-2.prototypehub.de/foerderer-der-muendener-gilde/">Förderer der Mündener Gilde</a></li>
                    </ul>
                </li>

                <!-- Kontakt -->
                <li class="nav-item">
                    <a class="nav-link mg_hover "
                       href="hhttps://gilde-2.prototypehub.de/kontakt/">
                        <i class="bi bi-envelope me-1"></i>
                        <span>Kontakt</span>
                    </a>
                </li>

            </ul>
        </div>
    </div>
</nav>


<main>


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">

<style>
    .glide_hero {
        position: relative;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .glide_hero_bg_slider {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -2;
    }

    .glide_hero_bg_slider .owl-carousel,
    .glide_hero_bg_slider .owl-stage-outer,
    .glide_hero_bg_slider .owl-stage,
    .glide_hero_bg_slider .owl-item {
        height: 100%;
    }

    .hero_slide_item {
        height: 100vh;
        background-size: cover;
        background-position: center;
        position: relative;
    }

    .hero_slide_item::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(
                45deg,
                rgba(0,0,0,0.1) 0%,
                rgba(0,0,0,0) 50%,
                rgba(0,0,0,0.1) 100%
        );
        z-index: 1;
    }

    .hero_slide_item::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.03);
        z-index: 2;
    }

    .glide_hero_overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        z-index: -1;
    }

    .glide_hero_content {
        text-align: center;
        color: #ffffff;
        z-index: 10;
        max-width: 800px;
        padding: 0 20px;
    }

    .hero-logo-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 2rem;
    }

    .hero-logo-animated {
        max-width: 400px;
        height: auto;
        filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.2));
    }

    #svgCity {
        animation: cityPulse 8s ease-in-out infinite;
        transform-origin: center;
    }

    #svgSlogan polygon,
    #svgSlogan path {
        animation: sloganWave 3s ease-in-out infinite;
        transform-origin: center;
    }

    #svgSlogan polygon:nth-child(1),
    #svgSlogan path:nth-child(1) {
        animation-delay: 0s;
    }

    #svgSlogan polygon:nth-child(2),
    #svgSlogan path:nth-child(2) {
        animation-delay: 0.15s;
    }

    #svgSlogan polygon:nth-child(3),
    #svgSlogan path:nth-child(3) {
        animation-delay: 0.3s;
    }

    #svgSlogan polygon:nth-child(4),
    #svgSlogan path:nth-child(4) {
        animation-delay: 0.45s;
    }

    #svgSlogan polygon:nth-child(5),
    #svgSlogan path:nth-child(5) {
        animation-delay: 0.6s;
    }

    #svgSlogan polygon:nth-child(6),
    #svgSlogan path:nth-child(6) {
        animation-delay: 0.75s;
    }

    #svgSlogan polygon:nth-child(7),
    #svgSlogan path:nth-child(7) {
        animation-delay: 0.9s;
    }

    #svgSlogan polygon:nth-child(8),
    #svgSlogan path:nth-child(8) {
        animation-delay: 1.05s;
    }

    #svgSlogan polygon:nth-child(9),
    #svgSlogan path:nth-child(9) {
        animation-delay: 1.2s;
    }

    #svgSlogan polygon:nth-child(10),
    #svgSlogan path:nth-child(10) {
        animation-delay: 1.35s;
    }

    #svgGilde > g:nth-child(1) {
        animation: gildeTextFloat 6s ease-in-out infinite;
        transform-origin: center;
    }

    #svgGilde > g:nth-child(1) > *:nth-child(1) {
        animation: letterFloat 4s ease-in-out infinite;
        animation-delay: 0s;
        transform-origin: center;
    }

    #svgGilde > g:nth-child(1) > *:nth-child(2) {
        animation: letterFloat 4s ease-in-out infinite;
        animation-delay: 0.2s;
        transform-origin: center;
    }

    #svgGilde > g:nth-child(1) > *:nth-child(3) {
        animation: letterFloat 4s ease-in-out infinite;
        animation-delay: 0.4s;
        transform-origin: center;
    }

    #svgGilde > g:nth-child(1) > *:nth-child(4) {
        animation: letterFloat 4s ease-in-out infinite;
        animation-delay: 0.6s;
        transform-origin: center;
    }

    #svgGilde > g:nth-child(1) > *:nth-child(5) {
        animation: letterFloat 4s ease-in-out infinite;
        animation-delay: 0.8s;
        transform-origin: center;
    }

    #svgGilde > g:nth-child(1) > *:nth-child(6) {
        animation: letterFloat 4s ease-in-out infinite;
        animation-delay: 1s;
        transform-origin: center;
    }

    #svgGilde > g:nth-child(1) > *:nth-child(7) {
        animation: letterFloat 4s ease-in-out infinite;
        animation-delay: 1.2s;
        transform-origin: center;
    }

    #svgGilde > g:nth-child(1) > *:nth-child(8) {
        animation: letterFloat 4s ease-in-out infinite;
        animation-delay: 1.4s;
        transform-origin: center;
    }

    #svgGilde > g:nth-child(1) > *:nth-child(9) {
        animation: letterFloat 4s ease-in-out infinite;
        animation-delay: 1.6s;
        transform-origin: center;
    }

    #svgGilde > g:nth-child(1) > *:nth-child(10) {
        animation: letterFloat 4s ease-in-out infinite;
        animation-delay: 1.8s;
        transform-origin: center;
    }

    #svgGilde > g:nth-child(2) {
        animation: gildeSubtitleScale 5s ease-in-out infinite;
        transform-origin: center;
    }

    #svgGilde > g:nth-child(2) > *:nth-child(1) {
        animation: letterScale 5s ease-in-out infinite;
        animation-delay: 0s;
        transform-origin: center;
    }

    #svgGilde > g:nth-child(2) > *:nth-child(2) {
        animation: letterScale 5s ease-in-out infinite;
        animation-delay: 0.3s;
        transform-origin: center;
    }

    #svgGilde > g:nth-child(2) > *:nth-child(3) {
        animation: letterScale 5s ease-in-out infinite;
        animation-delay: 0.6s;
        transform-origin: center;
    }

    #svgGilde > g:nth-child(2) > *:nth-child(4) {
        animation: letterScale 5s ease-in-out infinite;
        animation-delay: 0.9s;
        transform-origin: center;
    }

    #svgGilde > g:nth-child(2) > *:nth-child(5) {
        animation: letterScale 5s ease-in-out infinite;
        animation-delay: 1.2s;
        transform-origin: center;
    }

    #svgGilde > path {
        animation: evDotPulse 3s ease-in-out infinite;
        transform-origin: center;
    }

    #svgRiverWave {
        filter: drop-shadow(0 2px 6px rgba(0, 100, 200, 0.3));
    }

    #svgRiverWave path:nth-child(1) {
        animation: riverWave1 8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
        transform-origin: center;
    }

    #svgRiverWave path:nth-child(2) {
        animation: riverWave2 8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
        animation-delay: 0.5s;
        transform-origin: center;
    }

    @keyframes cityPulse {
        0%, 100% {
            opacity: 1;
            transform: scale(1);
        }
        50% {
            opacity: 0.95;
            transform: scale(1.01);
        }
    }

    @keyframes sloganWave {
        0%, 100% {
            fill: #3365AA;
            transform: translateY(0);
        }
        20% {
            fill: #E8E8E8;
            transform: translateY(-2px);
        }
        30% {
            fill: #EDEDED;
            transform: translateY(-3px);
        }
        40% {
            fill: #F2F2F2;
            transform: translateY(-4px);
        }
        50% {
            fill: #F7F7F7;
            transform: translateY(-3px);
        }
        60% {
            fill: #FBFBFB;
            transform: translateY(-2px);
        }
        70% {
            fill: #FFFFFF;
            transform: translateY(-1px);
        }
        80% {
            fill: #3365AA;
            transform: translateY(0);
        }
    }

    @keyframes gildeTextFloat {
        0%, 100% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-5px);
        }
    }

    @keyframes letterFloat {
        0%, 100% {
            transform: translateY(0) scale(1);
            opacity: 1;
        }
        50% {
            transform: translateY(-8px) scale(1.02);
            opacity: 0.95;
        }
    }

    @keyframes gildeSubtitleScale {
        0%, 100% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.01);
        }
    }

    @keyframes letterScale {
        0%, 100% {
            transform: scale(1);
            opacity: 1;
        }
        50% {
            transform: scale(1.03);
            opacity: 0.9;
        }
    }

    @keyframes evDotPulse {
        0%, 100% {
            opacity: 1;
            transform: scale(1);
        }
        50% {
            opacity: 0.7;
            transform: scale(1.1);
        }
    }

    @keyframes riverWave1 {
        0%, 100% {
            fill: #33A3E3;
            transform: translateY(0) scaleY(1);
        }
        25% {
            fill: #5CB8ED;
            transform: translateY(-3px) scaleY(1.02);
        }
        50% {
            fill: #85CDF7;
            transform: translateY(-5px) scaleY(1.03);
        }
        75% {
            fill: #5CB8ED;
            transform: translateY(-3px) scaleY(1.02);
        }
    }

    @keyframes riverWave2 {
        0%, 100% {
            fill: #BDDDF5;
            transform: translateY(0) scaleY(1);
        }
        25% {
            fill: #D4E9F9;
            transform: translateY(-2px) scaleY(1.01);
        }
        50% {
            fill: #EBF5FC;
            transform: translateY(-4px) scaleY(1.02);
        }
        75% {
            fill: #D4E9F9;
            transform: translateY(-2px) scaleY(1.01);
        }
    }

    .glide_hero h1 {
        font-size: 3.5rem;
        font-weight: 700;
        margin-bottom: 1.5rem;
        text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
        animation: fadeInUp 2.2s ease-out 1.1s both;
    }

    .glide_hero .lead {
        font-size: 1.2rem;
        margin-bottom: 2rem;
        text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
        animation: fadeInUp 2.4s ease-out 1.3s both;
    }

    .glide_hero .btn {
        margin: 0.5rem;
        padding: 0.75rem 2rem;
        font-weight: 600;
        border-radius: 30px;
        transition: all 0.3s ease;
        animation: fadeInUp 2.6s ease-out 1.5s both;
    }

    .glide_hero .btn-light {
        background-color: #ffffff;
        border-color: #ffffff;
        color: #3365AA;
    }

    .glide_hero .btn-light:hover {
        background-color: #e2e8f0;
        border-color: #e2e8f0;
        transform: translateY(-3px);
        box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    }

    .glide_hero .btn-outline-light {
        border-width: 2px;
    }

    .glide_hero .btn-outline-light:hover {
        background-color: #ffffff;
        color: #3365AA;
        transform: translateY(-3px);
        box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    }

    .glide_hero_mask {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 110%;
        height: 171px;
        background: #ffffff;
        border-radius: 100% 100% 0 0;
        z-index: 5;
    }

    .glide_hero_bg_slider .owl-nav {
        display: none;
    }

    .glide_hero_bg_slider .owl-dots {
        display: none;
    }

    @keyframes fadeInUp {
        0% {
            opacity: 0;
            transform: translateY(20px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @media (max-width: 992px) {
        .glide_hero h1 {
            font-size: 3rem;
        }

        .glide_hero .lead {
            font-size: 1.15rem;
        }
    }

    @media (max-width: 768px) {
        .glide_hero {
            height: 80vh;
        }

        .hero_slide_item {
            height: 80vh;
        }

        .hero-logo-animated {
            max-width: 280px;
        }

        .glide_hero h1 {
            font-size: 2.5rem;
        }

        .glide_hero .lead {
            font-size: 1.1rem;
        }

        .glide_hero_mask {
            height: 100px;
        }
    }

    @media (max-width: 576px) {
        .glide_hero h1 {
            font-size: 2rem;
        }

        .glide_hero .lead {
            font-size: 1rem;
        }

        .glide_hero .btn {
            display: block;
            width: 100%;
            margin: 0.5rem 0;
        }
    }
</style>

<section class="glide_hero">
    <div class="glide_hero_bg_slider">
        <div class="owl-carousel owl-theme" id="heroSlider">
            <div class="hero_slide_item" style="background-image: url('assets/images/hann-muenden.webp');"></div>
            <div class="hero_slide_item" style="background-image: url('assets/images/hann-muenden2.webp');"></div>
            <div class="hero_slide_item" style="background-image: url('assets/images/hann-muenden3.webp');"></div>
            <div class="hero_slide_item" style="background-image: url('assets/images/hann-muenden4.webp');"></div>
        </div>
    </div>
    <div class="glide_hero_overlay"></div>
    <div class="glide_hero_content">
        <div class="hero-logo-wrapper">
            <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg class="hero-logo-animated" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="3181px" height="1634px" version="1.1" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"
viewBox="0 0 3181 1633.52"
 xmlns:xlink="http://www.w3.org/1999/xlink">
 <g id="Ebene_x0020_1">
  <path id="svgCity" fill="#3365AA" d="M2320.77 478.18c-5.57,0.26 -8.32,12.05 -9.37,15.66 -7.67,26.99 4.98,41.21 1.44,50.19 -3.6,9.04 -19.46,20.31 -6.09,46.12 11.59,29.16 -15.14,60.94 -31.06,82.43 -9.24,11.92 -15.92,16.38 -30.07,29.15 -12,10.82 -13.11,22.08 -24.97,34.47 -9.37,9.76 -34,52.22 -61.07,55.95 -27.06,3.74 -92.12,1.45 -134.31,0.33 -50.46,-1.31 -87.02,9.89 -61.33,-51.76 -5.9,-10.09 -8.52,-6.49 -10.49,-18.74 -3.47,-21.69 4.2,-81.38 1.51,-82.75 -2.62,-1.38 -12.12,3.53 -8.32,-7.67 2.49,-7.21 4.98,-15.66 4.98,-20.31 0,-6.36 -5.7,-10.16 -11.73,-14.55 -1.9,-1.37 -1.77,-5.37 -0.13,-6.94 5.18,-4.72 10.29,-9.63 10.29,-16.84 0,-8.19 -5.11,-11.07 -9.05,-18.02 -6.74,-12.06 -4.65,-22.34 -11.07,-22.34 -6.49,0 -4.39,10.28 -11.14,22.34 -3.86,6.95 -9.04,9.83 -9.04,18.02 0,7.21 5.18,12.12 10.29,16.84 1.64,1.57 1.77,5.57 -0.13,6.94 -6.03,4.39 -11.73,8.19 -11.73,14.55 0,7.8 3.93,13.95 6.55,18.67 4.91,8.78 5.18,12.58 -33.09,12.65l-124.03 0.06c-27.13,-25.35 -18.48,-4.78 -50.91,-7.93 -7.73,-10.02 -11.66,0.53 -13.1,-5.57 -3.48,-14.15 -10.95,-16.77 -23.59,-26.01 -1.64,-23.85 14.54,-19.72 6.22,-42.06 -3.47,-9.37 -14.74,-29.09 -20.18,-33.75 -5.44,4.66 -16.71,24.38 -20.18,33.75 -8.32,22.34 7.86,18.21 6.22,42.06 -12.38,9.04 -19.98,12.65 -23.52,26.01 -3.14,11.8 -15.26,1.45 -33.74,0.99 -10.35,-0.2 -15.46,2.88 -27.98,3.08 -29.88,0.46 -102.08,16.64 -116.04,-11.01 -8.19,-19.66 -19.33,-12.97 -19.13,-30.08 0.33,-20.18 29.62,-4.12 30.66,-30.4 0.99,-26.34 -37.02,-21.69 -38.59,-53.53 -1.37,-27.91 -10.02,-55.36 -16.64,-80.33 -14.35,-53.99 -43.77,-53.79 -62.57,-81.05 -29.88,-43.31 -4.39,-34.92 -4.53,-54.38 -0.19,-19.39 -15.39,-23.65 -36.03,-24.18 -20.71,0.53 -35.91,4.79 -36.04,24.18 -0.13,19.46 25.36,11.07 -4.59,54.38 -18.8,27.26 -48.16,27.06 -62.57,81.05 -6.62,24.97 -15.27,52.42 -16.64,80.33 -1.51,31.85 -39.51,27.19 -38.53,53.53 0.98,26.28 30.34,10.22 30.6,30.4 0.26,16.97 -10.81,10.49 -18.94,29.69 -7.66,13.82 -5.24,19.19 -30.92,25.35 -10.55,2.56 -18.55,9.04 -18.48,20.25 0.07,11.2 10.62,9.76 24.96,16.84 10.36,5.24 9.77,23.19 5.57,31.12 -2.03,3.87 -12.25,12.06 -2.68,34.92 9.83,23.39 2.88,40.17 -24.97,30.93 -6.29,-2.1 -1.11,-9.44 -9.43,-8.19 -8.26,1.18 -2.75,4.85 -9.37,11.01 -6.62,6.09 -7.47,6.35 -15.99,-0.46 -60.34,-48.23 -7.67,-71.49 -29.75,-134.19l-22.93 -6.22c-18.08,-1.05 -26.08,-9.77 -43.64,-6.69 -25.75,4.52 -15.92,6.62 -36.43,-5.04 -0.26,-1.25 -0.52,-2.49 -0.72,-3.74 0.07,-7.73 0.13,-15.59 0.13,-23.59 0,-100.11 -5.3,-181.23 -11.86,-181.23 -3.66,0 -6.94,25.69 -9.17,65.98l-1.11 11.4c-0.79,11.27 -0.85,23.66 -0.72,36.17 -0.53,20.97 -0.85,43.77 -0.85,67.69 0,7.53 0.06,14.93 0.13,22.21 -1.84,4.98 -6.16,3.21 -16.71,6.61 -9.5,3.02 -8.78,13.24 -12.65,24.18 -5.96,16.91 -12.71,31.26 -32.43,34.33 -33.41,5.25 -15.46,-16.97 -27.65,-40.42 -8.58,-1.71 -90.88,11.73 -106.34,39.7 -3.47,8.59 3.15,98.42 1.9,118.01 -1.11,17.88 -2.23,38 -3.34,56.93 -4.52,77.58 42.59,52.95 -157.91,118.4 -250.22,82.3 -440.96,188.05 -546.45,426.74 264.06,-261.56 432.9,-247.34 780.5,-138.51 655.34,205.21 810.82,316.27 1531.95,187.98 286.2,-50.91 576,-150.57 767.52,-382.84l93.57 -138.64c-80.86,27.32 -362.99,88.12 -522.41,104.5 -48.02,4.92 -36.23,3.54 -33.94,-48.42 4.46,-99.52 3.21,-84.98 -100.7,-84.13 -58.25,0.46 -46.33,4.13 -50.85,-54.05 9.31,-11.4 36.3,-20.12 27.85,-41.8 -5.31,-13.63 -116.04,-116.5 -139.17,-148.02 -14.35,-19.46 -38.2,-48.61 -27.06,-76.72 13.43,-25.82 -2.49,-37.09 -6.03,-46.13 -3.6,-8.98 9.05,-23.19 1.38,-50.19 -1.05,-3.6 -3.73,-15.4 -9.3,-15.66l0 0.01z"/>
  <g id="svgSlogan">
   <polygon fill="#3365AA" fill-rule="nonzero" points="3049.76,838.87 3037.51,847.72 3016.08,817.9 2932.35,878.18 2922.45,864.42 3006.19,804.14 2984.76,774.4 2996.95,765.55 3049.76,838.87 "/>
   <polygon fill="#3365AA" fill-rule="nonzero" points="2867.09,790.71 2856.6,777.48 2949.32,704.03 2988.24,753.23 2974.87,760.64 2948.01,726.63 2920.95,748.12 2948.27,782.33 2936.48,791.7 2909.15,757.43 2867.09,790.71 "/>
   <polygon fill="#3365AA" fill-rule="nonzero" points="2867.09,790.71 2856.6,777.48 2949.32,704.03 2988.24,753.23 2974.87,760.64 2948.01,726.63 2920.95,748.12 2948.27,782.33 2936.48,791.7 2909.15,757.43 2867.09,790.71 "/>
   <path fill="#3365AA" fill-rule="nonzero" d="M2836.62 752.06l14.35 -29.1 -39.77 -45.67 -30.8 10.23 -10.81 -12.39 122.4 -39.57 11.79 13.56 -56.48 115.19 -10.68 -12.26 0 0.01zm-11.27 -80.2l32.69 37.54 27.39 -56.87 -60.08 19.33z"/>
   <polygon fill="#3365AA" fill-rule="nonzero" points="2842.32,580.59 2756.95,662.42 2745.09,650.1 2783.94,612.82 2744.95,572.2 2706.1,609.41 2694.44,597.23 2779.75,515.33 2791.48,527.58 2755.7,561.85 2794.69,602.54 2830.46,568.2 2842.32,580.59 "/>
   <path fill="#3365AA" fill-rule="nonzero" d="M2739.12 475.55c3.08,2.95 5.9,5.9 8.26,8.98 2.42,3.02 4.46,5.77 6.22,8.19 1.9,2.88 3.61,5.7 5.11,8.32l-9.82 10.49c-2.76,-4.46 -5.84,-8.85 -9.18,-13.24 -3.34,-4.32 -7.01,-8.19 -11,-11.53 -3.94,-3.34 -8.2,-6.03 -12.78,-7.99 -4.59,-2.03 -9.3,-2.89 -14.28,-2.75 -4.98,0.19 -10.23,1.63 -15.66,4.32 -5.44,2.75 -11.08,7.14 -16.84,13.3 -5.83,6.16 -9.96,12.06 -12.39,17.63 -2.42,5.63 -3.6,10.94 -3.54,15.92 0.14,4.98 1.32,9.69 3.61,14.08 2.29,4.39 5.17,8.46 8.84,12.19 3.61,3.74 7.67,7.14 12.13,10.29 4.45,3.14 9.04,5.96 13.76,8.38l-9.57 10.09c-2.88,-1.24 -5.83,-2.68 -8.85,-4.45 -2.55,-1.51 -5.44,-3.41 -8.65,-5.64 -3.14,-2.22 -6.29,-4.78 -9.43,-7.73 -2.75,-2.62 -5.5,-5.7 -8.06,-9.17 -2.62,-3.47 -4.85,-7.27 -6.68,-11.4 -1.84,-4.13 -3.08,-8.58 -3.8,-13.37 -0.66,-4.78 -0.53,-9.83 0.45,-15.13 0.92,-5.24 2.95,-10.75 6.03,-16.45 3.08,-5.76 7.47,-11.6 13.11,-17.56 8.45,-8.91 16.77,-15 24.9,-18.21 8.19,-3.21 15.85,-4.59 23.06,-4.07 7.21,0.53 13.76,2.43 19.79,5.64 5.96,3.28 11.07,6.88 15.26,10.88l0 -0.01z"/>
   <path fill="#3365AA" fill-rule="nonzero" d="M2664.56 423.4l-13.63 7.67c-1.51,-5.05 -3.73,-9.9 -6.68,-14.55 -2.95,-4.72 -6.42,-8.58 -10.42,-11.73 -4.85,-3.73 -9.37,-5.89 -13.63,-6.61 -4.19,-0.73 -7.99,1.11 -11.4,5.5 -2.55,3.34 -3.47,6.94 -2.75,10.94 0.72,3.93 2.16,8.12 4.32,12.58 2.1,4.46 4.59,9.11 7.47,14.02 2.82,4.85 5.11,9.83 6.75,14.81 1.71,5.05 2.49,10.16 2.23,15.33 -0.2,5.11 -2.29,10.29 -6.23,15.33 -3.6,4.79 -7.66,8.19 -12.12,10.23 -4.45,2.03 -8.97,3.08 -13.63,2.94 -4.58,-0.06 -9.24,-1.04 -13.95,-2.94 -4.65,-1.9 -9.04,-4.46 -13.11,-7.61 -6.16,-4.71 -11.33,-10.54 -15.46,-17.36 -4.13,-6.81 -6.62,-14.02 -7.34,-21.56l13.37 -7.01c0.78,6.75 2.88,13.17 6.35,19.33 3.41,6.16 7.67,11.21 12.78,15.07 5.11,3.93 10.22,6.1 15.4,6.42 5.11,0.33 9.5,-1.83 13.17,-6.55 2.75,-3.6 3.93,-7.47 3.47,-11.66 -0.46,-4.2 -1.77,-8.58 -3.87,-13.17 -2.16,-4.52 -4.58,-9.24 -7.34,-14.09 -2.75,-4.78 -5.04,-9.7 -6.87,-14.61 -1.84,-4.91 -2.76,-9.83 -2.82,-14.74 0,-4.98 1.7,-9.76 5.17,-14.48 3.54,-4.72 7.34,-8 11.47,-9.9 4.13,-1.83 8.45,-2.62 12.84,-2.35 4.46,0.26 8.85,1.37 13.24,3.34 4.39,1.96 8.52,4.45 12.45,7.53 5.17,4 9.56,8.59 13.17,13.83 3.53,5.24 6.09,10.61 7.6,16.05l0 0z"/>
   <polygon fill="#3365AA" fill-rule="nonzero" points="2601.73,361.55 2593.14,373.93 2562.94,353.03 2504.23,437.88 2490.34,428.25 2549.05,343.4 2518.84,322.5 2527.42,310.11 2601.72,361.55 "/>
   <path fill="#3365AA" fill-rule="nonzero" d="M2458.04 404.07l-15.53 -9.57 6.81 -44.29c0,0 0.07,-0.65 0.26,-1.83 0.14,-1.25 0.14,-2.69 -0.06,-4.46 -0.26,-1.7 -0.72,-3.47 -1.57,-5.37 -0.79,-1.9 -2.23,-3.47 -4.26,-4.72l-15.53 -9.56 -27.46 44.48 -14.41 -8.91 62.05 -100.64 26.4 16.25c4,2.49 8.13,5.24 12.39,8.26 4.26,2.95 7.66,6.48 10.29,10.55 2.55,4.06 3.93,8.78 3.99,14.15 0.07,5.31 -2.03,11.53 -6.35,18.54 -3.02,4.85 -6.49,8.06 -10.49,9.57 -3.99,1.57 -7.73,2.29 -11.27,2.23 -4.26,-0.27 -8.51,-1.18 -12.84,-2.76 1.9,1.84 3.6,4 5.18,6.49 1.5,2.42 2.03,5.77 1.64,9.83l-9.24 51.76zm-9.18 -84.78c2.69,1.7 5.38,3.21 8,4.65 2.62,1.44 5.24,2.29 7.79,2.49 2.56,0.26 5.05,-0.26 7.54,-1.58 2.49,-1.31 4.85,-3.86 7.21,-7.6 2.35,-3.86 3.53,-7.2 3.67,-10.02 0.13,-2.88 -0.59,-5.44 -2.04,-7.67 -1.5,-2.22 -3.6,-4.26 -6.29,-6.09 -2.68,-1.9 -5.57,-3.8 -8.64,-5.64l-11.21 -6.94 -18.87 30.53 12.84 7.86 0 0.01z"/>
   <polygon fill="#3365AA" fill-rule="nonzero" points="2418.2,240.53 2361.65,344.38 2346.78,336.32 2403.33,232.47 "/>
   <polygon fill="#3365AA" fill-rule="nonzero" points="2369.06,211.44 2385.44,219.17 2302.03,310.51 2281.85,300.94 2302.68,196.63 2235.26,278.8 2214.43,268.97 2232.9,146.83 2249.09,154.5 2232.12,258.61 2297.84,177.63 2320.64,188.44 2300.26,290.98 "/>
   <path fill="#3365AA" fill-rule="nonzero" d="M2133.38 234.31l-17.3 -5.9 -3.15 -44.69c0,0 -0.06,-0.65 -0.13,-1.83 -0.13,-1.25 -0.45,-2.69 -1.04,-4.33 -0.59,-1.63 -1.51,-3.27 -2.69,-4.91 -1.25,-1.7 -2.95,-2.88 -5.18,-3.67l-17.3 -5.9 -16.9 49.47 -16.05 -5.5 38.26 -111.91 29.29 10.02c4.52,1.51 9.11,3.28 13.96,5.31 4.78,1.97 8.91,4.65 12.31,8.06 3.48,3.41 5.77,7.67 7.08,12.84 1.24,5.24 0.52,11.73 -2.1,19.53 -1.9,5.44 -4.58,9.3 -8.12,11.73 -3.54,2.35 -7.08,3.86 -10.55,4.58 -4.19,0.72 -8.52,0.79 -13.1,0.2 2.29,1.38 4.45,3.08 6.48,5.11 2.03,2.1 3.28,5.18 3.8,9.3l2.43 52.49 0 0zm-27.72 -80.6c3.02,0.99 5.97,1.9 8.85,2.69 2.88,0.85 5.57,1.05 8.12,0.79 2.56,-0.33 4.92,-1.44 7.01,-3.28 2.17,-1.83 3.93,-4.85 5.31,-8.98 1.51,-4.25 1.97,-7.79 1.44,-10.61 -0.59,-2.82 -1.77,-5.11 -3.73,-7.01 -1.9,-1.83 -4.39,-3.34 -7.47,-4.59 -3.02,-1.24 -6.23,-2.42 -9.63,-3.6l-12.52 -4.26 -11.6 33.94 14.22 4.91z"/>
   <polygon fill="#3365AA" fill-rule="nonzero" points="1995.59,134.32 1985.23,171.6 2032.8,184.84 2028.81,199.19 1964.92,181.43 1996.57,67.49 2060.32,85.18 2053.83,99 2008.82,86.56 1999.58,119.77 2042.83,131.77 2038.76,146.31 1995.59,134.32 "/>
   <polygon fill="#3365AA" fill-rule="nonzero" points="1934.98,174.35 1914.14,169.83 1881.58,63.56 1861.2,158.5 1844.63,154.96 1869.52,39.31 1892.33,44.23 1923.38,147.82 1943.3,55.17 1959.81,58.71 1934.98,174.35 "/>
   <polygon fill="#3365AA" fill-rule="nonzero" points="1777.07,91.8 1771.18,130.13 1820.05,137.6 1817.76,152.34 1752.24,142.31 1770.13,25.36 1835.52,35.38 1830.73,49.86 1784.54,42.79 1779.36,76.92 1823.66,83.74 1821.36,98.61 1777.07,91.8 "/>
   <path fill="#3365AA" fill-rule="nonzero" d="M1628.27 136.68l3.61 -118.2 34.85 1.05c8.65,0.26 16.78,1.83 24.31,4.71 7.54,2.89 14.03,6.95 19.59,12.13 5.51,5.17 9.83,11.4 12.98,18.67 3.08,7.27 4.52,15.46 4.26,24.57 -0.27,8.45 -1.84,16.32 -4.72,23.59 -2.89,7.21 -6.82,13.43 -11.93,18.67 -5.04,5.18 -11.07,9.24 -18.15,12.13 -7.01,2.88 -14.87,4.19 -23.52,3.93l-41.28 -1.25 0 0zm17.37 -14.22l24.37 0.79c5.18,0.13 10.16,-0.92 14.87,-3.15 4.79,-2.23 8.98,-5.31 12.65,-9.24 3.67,-3.93 6.62,-8.65 8.78,-14.15 2.23,-5.44 3.41,-11.34 3.6,-17.63 0.2,-6.42 -0.65,-12.31 -2.49,-17.69 -1.9,-5.37 -4.52,-9.96 -7.99,-13.89 -3.41,-3.86 -7.4,-6.94 -12.06,-9.24 -4.58,-2.29 -9.5,-3.47 -14.67,-3.67l-24.38 -0.72 -2.68 88.59 0 0z"/>
   <polygon fill="#3365AA" fill-rule="nonzero" points="1599.38,136.02 1578.02,136.68 1520.95,41.28 1523.9,138.38 1506.99,138.84 1503.39,20.64 1526.78,19.92 1581.75,113.09 1578.87,18.35 1595.78,17.82 1599.38,136.02 "/>
   <path fill="#3365AA" fill-rule="nonzero" d="M1382.04 108.24l-6.94 -75.67 16.84 -1.51 7.01 76c0.32,3.67 1.18,7.21 2.62,10.62 1.44,3.34 3.47,6.29 6.09,8.78 2.62,2.49 5.83,4.39 9.63,5.63 3.8,1.31 8.19,1.71 13.24,1.25 5.11,-0.46 9.3,-1.64 12.77,-3.61 3.48,-1.96 6.23,-4.39 8.26,-7.27 2.03,-2.95 3.47,-6.16 4.19,-9.76 0.79,-3.54 0.99,-7.21 0.66,-10.94l-7.01 -75.94 16.84 -1.58 6.94 75.68c0.66,7.27 -0.06,13.83 -2.16,19.66 -2.16,5.76 -5.18,10.68 -9.17,14.74 -4,4.06 -8.72,7.27 -14.09,9.63 -5.37,2.36 -10.94,3.8 -16.71,4.33 -5.7,0.52 -11.4,0.13 -17.1,-1.25 -5.63,-1.37 -10.74,-3.67 -15.33,-6.94 -4.52,-3.21 -8.32,-7.54 -11.34,-12.85 -3.08,-5.37 -4.78,-11.66 -5.24,-19l0 0z"/>
   <polygon fill="#3365AA" fill-rule="nonzero" points="1426.79,1.38 1441.6,0 1443.17,16.71 1428.3,18.02 "/>
   <polygon fill="#3365AA" fill-rule="nonzero" points="1395.61,4.19 1410.48,2.88 1411.99,19.53 1397.18,20.9 "/>
   <path fill="#3365AA" fill-rule="nonzero" d="M1231.28 62.12l56.87 88.32 15.59 -103.92 26.61 -5.7 -26.61 5.7 26.61 -5.7 24.9 115.58 -16.58 3.6 -21.36 -99.59c-0.85,5.37 -1.64,10.94 -2.49,16.77 -0.72,5.12 -1.57,10.88 -2.43,17.24 -0.85,6.35 -1.83,12.97 -2.75,19.72 -2.29,15.85 -4.85,33.74 -7.66,53.73l-19.2 4.12 -58.12 -91.66 21.36 99.59 -16.71 3.54 -24.83 -115.58 26.8 -5.76 0 0z"/>
   <path fill="#3365AA" fill-rule="nonzero" d="M1164.84 203.05l-17.3 5.96 -29.81 -33.48c0,0 -0.39,-0.39 -1.24,-1.31 -0.86,-0.92 -2.04,-1.83 -3.48,-2.75 -1.44,-0.98 -3.14,-1.7 -5.17,-2.29 -1.97,-0.59 -4.07,-0.46 -6.29,0.32l-17.3 5.9 16.9 49.47 -15.98 5.44 -38.27 -111.91 29.29 -10.03c4.46,-1.5 9.24,-2.95 14.22,-4.32 5.04,-1.31 9.96,-1.7 14.74,-1.18 4.78,0.59 9.24,2.55 13.43,5.9 4.2,3.34 7.6,8.91 10.29,16.7 1.83,5.44 2.09,10.16 0.72,14.22 -1.38,4 -3.15,7.4 -5.5,10.09 -2.82,3.15 -6.23,5.83 -10.23,8.13 2.62,-0.27 5.38,-0.27 8.26,0.13 2.88,0.39 5.76,2.09 8.65,4.98l34.07 40.03 0 0zm-71.22 -46.78c3.01,-1.05 5.83,-2.1 8.65,-3.21 2.75,-1.11 5.04,-2.62 6.88,-4.46 1.83,-1.77 3.01,-4.06 3.53,-6.81 0.59,-2.75 0.14,-6.23 -1.31,-10.35 -1.44,-4.33 -3.21,-7.41 -5.37,-9.24 -2.16,-1.9 -4.52,-3.02 -7.21,-3.28 -2.62,-0.33 -5.57,0 -8.71,0.92 -3.15,0.92 -6.42,1.9 -9.83,3.08l-12.51 4.26 11.66 33.94 14.22 -4.85 0 0z"/>
   <polygon fill="#3365AA" fill-rule="nonzero" points="995.01,209.15 1009.62,245.05 1055.42,226.38 1060.99,240.2 999.6,265.23 954.98,155.68 1016.24,130.72 1019.58,145.65 976.34,163.21 989.37,195.19 1030.85,178.28 1036.55,192.24 995.01,209.14 "/>
   <path fill="#3365AA" fill-rule="nonzero" d="M887.68 318.63l-50.71 -106.8 31.52 -14.94c7.79,-3.73 15.72,-6.02 23.78,-6.88 7.99,-0.91 15.66,-0.26 22.93,1.84 7.34,2.09 14.03,5.63 20.05,10.68 6.1,5.04 11.14,11.66 15.01,19.92 3.67,7.66 5.83,15.39 6.55,23.13 0.79,7.73 0.07,15.13 -2.03,22.08 -2.16,6.94 -5.7,13.3 -10.62,19.06 -4.98,5.77 -11.33,10.55 -19.19,14.22l-37.29 17.69 0 0zm8.98 -20.51l22.02 -10.48c4.65,-2.23 8.64,-5.37 11.86,-9.5 3.21,-4.19 5.5,-8.85 7.01,-14.02 1.44,-5.18 1.9,-10.75 1.37,-16.58 -0.52,-5.9 -2.16,-11.66 -4.85,-17.36 -2.75,-5.83 -6.16,-10.68 -10.28,-14.61 -4.13,-3.94 -8.59,-6.82 -13.43,-8.72 -4.79,-1.9 -9.83,-2.82 -14.94,-2.75 -5.18,0.13 -10.09,1.24 -14.75,3.47l-22.01 10.42 38 80.13 0 0z"/>
   <path fill="#3365AA" fill-rule="nonzero" d="M753.36 325.38l35.39 -21.82 31.84 51.89c-3.87,4.13 -8.45,8.52 -13.76,13.17 -5.31,4.66 -11.07,8.91 -17.3,12.65 -6.22,3.8 -12.77,6.68 -19.65,8.78 -6.95,2.03 -13.83,2.55 -20.84,1.51 -7.01,-1.05 -14.02,-4.07 -20.97,-8.98 -6.94,-4.92 -13.56,-12.45 -19.78,-22.67 -6.23,-10.09 -10.03,-19.33 -11.34,-27.78 -1.31,-8.52 -0.92,-16.19 1.25,-23.07 2.09,-6.88 5.56,-12.9 10.41,-18.15 4.92,-5.24 10.36,-9.69 16.38,-13.43 6.36,-3.93 12.85,-7.01 19.53,-9.3 6.68,-2.23 12.97,-3.8 18.8,-4.59l8.72 14.09c-4.85,0.32 -10.09,1.18 -15.73,2.62 -5.7,1.44 -11.2,3.47 -16.44,6.09 -5.31,2.62 -10.09,5.83 -14.35,9.63 -4.26,3.8 -7.4,8.39 -9.37,13.63 -2.03,5.24 -2.56,11.27 -1.64,18.09 0.98,6.74 4,14.35 9.17,22.67 4.33,7.01 8.85,12.51 13.57,16.38 4.71,3.93 9.5,6.55 14.35,7.86 4.84,1.31 9.76,1.44 14.61,0.46 4.85,-1.05 9.63,-2.95 14.22,-5.83 3.66,-2.23 6.74,-4.2 9.23,-5.9 2.56,-1.7 4.66,-3.14 6.23,-4.39 1.9,-1.44 3.54,-2.75 4.85,-3.8l-19.07 -30.99 -21.03 12.97 -7.27 -11.79 -0.01 0z"/>
   <polygon fill="#3365AA" fill-rule="nonzero" points="719.95,424.38 703.04,437.42 600.9,393.59 660.19,470.51 646.83,480.8 574.56,387.17 593.03,372.95 692.17,416.13 634.31,341.1 647.68,330.75 719.95,424.38 "/>
   <path fill="#3365AA" fill-rule="nonzero" d="M526.2 526.92l-49.47 -57.79 12.85 -11 49.73 58.05c2.42,2.88 5.17,5.24 8.32,7.14 3.14,1.96 6.48,3.14 10.02,3.67 3.54,0.52 7.28,0.2 11.08,-0.92 3.86,-1.18 7.73,-3.34 11.59,-6.68 3.87,-3.28 6.62,-6.75 8.32,-10.35 1.64,-3.54 2.49,-7.15 2.49,-10.68 0,-3.61 -0.72,-7.02 -2.22,-10.42 -1.45,-3.34 -3.34,-6.42 -5.77,-9.24l-49.73 -58.12 12.84 -11.01 49.47 57.86c4.78,5.57 7.99,11.33 9.63,17.3 1.58,5.96 1.97,11.79 1.05,17.36 -0.92,5.63 -2.88,10.94 -5.96,15.99 -3.02,5.04 -6.69,9.43 -11.07,13.17 -4.39,3.73 -9.24,6.68 -14.68,8.91 -5.44,2.16 -10.94,3.21 -16.51,3.21 -5.57,-0.07 -11.21,-1.38 -16.71,-3.93 -5.57,-2.63 -10.68,-6.75 -15.27,-12.52l0 0z"/>
   <path fill="#3365AA" fill-rule="nonzero" d="M457.27 562.04l30.27 -28.56 41.74 44.35c-2.95,4.79 -6.55,9.96 -10.81,15.66 -4.26,5.64 -9.04,11.01 -14.41,15.93 -5.31,4.97 -11.14,9.17 -17.43,12.58 -6.36,3.4 -13.04,5.3 -20.12,5.7 -7.07,0.39 -14.48,-1.12 -22.27,-4.52 -7.8,-3.41 -15.86,-9.44 -24.05,-18.15 -8.13,-8.59 -13.69,-16.91 -16.71,-24.9 -3.01,-8.06 -4.19,-15.6 -3.54,-22.8 0.72,-7.15 2.89,-13.83 6.56,-19.92 3.66,-6.1 8.12,-11.6 13.3,-16.52 5.37,-5.11 11.13,-9.43 17.23,-13.03 6.09,-3.61 11.92,-6.36 17.43,-8.39l11.4 12.06c-4.66,1.31 -9.63,3.27 -14.88,5.83 -5.24,2.55 -10.22,5.63 -14.87,9.24 -4.65,3.67 -8.65,7.79 -12.06,12.38 -3.4,4.59 -5.5,9.7 -6.42,15.27 -0.85,5.57 -0.13,11.53 2.16,18.02 2.3,6.42 6.82,13.23 13.57,20.37 5.63,5.97 11.2,10.36 16.57,13.24 5.44,2.88 10.68,4.46 15.73,4.78 4.98,0.26 9.76,-0.59 14.35,-2.55 4.52,-1.97 8.78,-4.85 12.71,-8.59 3.14,-2.95 5.77,-5.5 7.93,-7.66 2.09,-2.17 3.86,-4.07 5.17,-5.57 1.58,-1.84 2.89,-3.41 3.94,-4.72l-24.97 -26.41 -17.95 16.97 -9.57 -10.09 0 0z"/>
   <polygon fill="#3365AA" fill-rule="nonzero" points="360.3,584.98 445.68,666.88 433.95,679.06 348.64,597.16 360.3,584.98 "/>
   <polygon fill="#3365AA" fill-rule="nonzero" points="414.23,701.6 400.2,717.66 291.44,694.66 364.69,758.48 353.55,771.25 264.38,693.54 279.71,675.92 385.4,698.92 313.98,636.61 325.05,623.89 414.23,701.6 "/>
   <polygon fill="#3365AA" fill-rule="nonzero" points="243.28,722.11 335.99,795.56 325.44,808.8 232.8,735.41 "/>
   <polygon fill="#3365AA" fill-rule="nonzero" points="236.6,839.07 268.05,861.74 296.94,821.64 309,830.29 270.28,884.15 174.29,815.02 212.94,761.36 223.69,772.24 196.37,810.11 224.41,830.29 250.62,793.86 262.81,802.71 236.6,839.07 "/>
   <path fill="#3365AA" fill-rule="nonzero" d="M258.15 901.25l-10.02 15.33 -44.1 -7.99c0,0 -0.58,-0.13 -1.83,-0.33 -1.18,-0.2 -2.69,-0.2 -4.39,0 -1.7,0.13 -3.54,0.59 -5.44,1.37 -1.9,0.79 -3.54,2.17 -4.85,4.13l-9.96 15.27 43.77 28.63 -9.24 14.16 -99.07 -64.67 16.97 -25.95c2.56,-3.93 5.44,-7.99 8.59,-12.19 3.08,-4.13 6.68,-7.47 10.81,-9.96 4.13,-2.49 8.91,-3.73 14.22,-3.67 5.37,0.07 11.46,2.36 18.34,6.88 4.85,3.15 7.93,6.69 9.37,10.75 1.45,3.99 2.03,7.8 1.9,11.33 -0.32,4.2 -1.37,8.46 -3.08,12.71 1.9,-1.83 4.13,-3.53 6.62,-4.97 2.49,-1.45 5.77,-1.9 9.89,-1.38l51.5 10.55 0 0zm-84.98 6.94c1.71,-2.62 3.34,-5.24 4.85,-7.86 1.51,-2.56 2.36,-5.18 2.69,-7.73 0.32,-2.56 -0.13,-5.05 -1.38,-7.54 -1.24,-2.55 -3.73,-4.98 -7.4,-7.4 -3.8,-2.43 -7.14,-3.8 -9.96,-3.93 -2.88,-0.2 -5.44,0.39 -7.67,1.83 -2.29,1.44 -4.39,3.47 -6.29,6.1 -1.96,2.62 -3.93,5.5 -5.89,8.51l-7.21 11.01 30.01 19.66 8.25 -12.65 0 0z"/>
   <polygon fill="#3365AA" fill-rule="nonzero" points="127.24,1009.29 160.59,1029.01 185.75,986.49 198.53,994.09 164.85,1051.16 63.03,991.01 96.64,934.07 108.31,943.9 84.59,984.13 114.27,1001.63 137.07,963.04 150.04,970.7 "/>
   <polygon fill="#3365AA" fill-rule="nonzero" points="43.57,1026.26 52.09,1010.28 135.43,1105.48 125.28,1124.41 0,1108.1 8.45,1092.24 116.96,1107.71 43.57,1026.26 "/>
  </g>
  <g id="svgGilde">
   <g>
    <path fill="white" fill-rule="nonzero" d="M2107.76 1037.47l-40.89 0 -16.12 -49.21c-0.85,-2.03 -1.9,-3.8 -3.01,-5.44 -1.18,-1.31 -2.55,-2.49 -4.06,-3.67 -1.51,-1.18 -3.54,-1.77 -5.96,-1.77l-17.89 0 0 60.09 -40.43 0 0 -152.08 53.53 0c7.8,0 15.73,0.2 23.79,0.66 8.05,0.39 15.33,1.83 21.88,4.19 6.55,2.42 11.86,6.23 15.99,11.47 4.12,5.17 6.22,12.58 6.22,22.14 0,9.63 -1.64,16.97 -4.91,22.21 -3.28,5.25 -6.88,9.05 -10.88,11.47 -4,2.36 -7.6,3.8 -10.88,4.19 -3.27,0.46 -4.91,0.66 -4.91,0.66 3.67,0 6.68,0.85 9.17,2.49 2.43,1.7 4.46,3.54 5.97,5.57 1.5,2.03 2.55,3.86 3.14,5.57 0.59,1.64 0.92,2.49 0.92,2.49l19.33 58.97 0 0zm-75.48 -88.78c3.47,0 6.88,-0.14 10.22,-0.33 3.34,-0.2 6.29,-0.92 8.91,-2.1 2.62,-1.11 4.72,-2.88 6.29,-5.31 1.64,-2.35 2.42,-5.7 2.42,-9.89 0,-4.19 -0.72,-7.47 -2.16,-9.76 -1.5,-2.36 -3.4,-4 -5.89,-5.05 -2.49,-0.98 -5.44,-1.57 -8.85,-1.7 -3.41,-0.2 -7.01,-0.26 -10.94,-0.26l-12.45 0 0 34.4 12.45 0 0 0z"/>
    <polygon fill="white" fill-rule="nonzero" points="1889.44,1008.77 1958.63,1008.77 1958.63,1037.47 1849.21,1037.47 1848.75,885.39 1956.21,885.39 1951.23,914.09 1889.44,914.09 1889.44,945.41 1953.65,945.41 1953.65,974.37 1889.44,974.37 1889.44,1008.77 "/>
    <polygon fill="white" fill-rule="nonzero" points="1823.66,885.39 1823.66,1037.47 1772.75,1037.47 1719.61,933.48 1719.61,1037.47 1683.7,1037.47 1683.7,885.39 1735.92,885.39 1786.64,988.72 1786.64,885.39 "/>
    <polygon fill="white" fill-rule="nonzero" points="1593.74,1008.77 1662.93,1008.77 1662.93,1037.47 1553.51,1037.47 1553.05,885.39 1660.58,885.39 1655.6,914.09 1593.74,914.09 1593.74,945.41 1657.96,945.41 1657.96,974.37 1593.74,974.37 1593.74,1008.77 "/>
    <path fill="white" fill-rule="nonzero" d="M1387.61 1037.47l0 -152.08 72.27 0c11.14,0 21.23,1.9 30.21,5.77 9.04,3.8 16.64,9.17 23,15.99 6.29,6.81 11.14,14.87 14.54,24.11 3.41,9.3 5.11,19.39 5.11,30.27 0,10.87 -1.7,20.96 -5.11,30.27 -3.4,9.24 -8.25,17.3 -14.54,23.98 -6.36,6.75 -13.96,12.05 -23,15.92 -8.98,3.86 -19.07,5.77 -30.21,5.77l-72.27 0 0 0zm40.69 -30.01l19.59 0c13.76,0 24.44,-4.06 31.91,-12.19 7.47,-8.12 11.2,-19.39 11.2,-33.74 0,-14.48 -3.73,-25.82 -11.2,-33.81 -7.47,-8.06 -18.15,-12.12 -31.91,-12.12l-19.59 0 0 91.86z"/>
    <polygon fill="white" fill-rule="nonzero" points="1361.4,885.39 1361.4,1037.47 1310.49,1037.47 1257.42,933.48 1257.42,1037.47 1221.52,1037.47 1221.52,885.39 1273.74,885.39 1324.45,988.72 1324.45,885.39 "/>
    <path fill="white" fill-rule="nonzero" d="M1132.67 1039.83c-9.57,0 -18.48,-1.45 -26.67,-4.46 -8.19,-2.95 -15.27,-7.08 -21.23,-12.25 -5.96,-5.24 -10.55,-11.34 -13.89,-18.41 -3.34,-7.02 -5.04,-14.62 -5.04,-22.74l0 -96.58 40.49 0 0 93.11c0,4.06 0.13,7.93 0.46,11.66 0.26,3.67 1.24,6.88 2.88,9.63 1.7,2.82 4.32,4.98 7.86,6.55 3.54,1.58 8.59,2.43 15.14,2.43 6.48,0 11.53,-0.92 15,-2.62 3.48,-1.77 6.03,-4.07 7.6,-7.01 1.58,-2.89 2.56,-6.23 2.82,-9.96 0.33,-3.8 0.46,-7.73 0.46,-11.8l0 -91.99 40.69 0 0 96.58c0,8.12 -1.7,15.72 -4.98,22.74 -3.34,7.07 -7.99,13.16 -13.82,18.41 -5.9,5.17 -12.91,9.3 -21.04,12.25 -8.12,3.01 -17.03,4.46 -26.73,4.46l0 0z"/>
    <polygon fill="white" fill-rule="nonzero" points="1091.98,846.21 1123.3,846.21 1123.3,877.53 1091.98,877.53 "/>
    <polygon fill="white" fill-rule="nonzero" points="1141.58,846.21 1172.9,846.21 1172.9,877.53 1141.58,877.53 "/>
    <polygon fill="white" fill-rule="nonzero" points="982.23,885.39 1043.56,885.39 1043.56,1037.47 1004.18,1037.47 1004.18,920.84 965.26,1037.47 928.24,1037.47 891.88,920.84 891.88,1037.47 851.65,1037.47 851.65,885.39 915.4,885.39 948.03,986.56 "/>
   </g>
   <g>
    <polygon fill="white" fill-rule="nonzero" points="2163.91,1301.58 2281.85,1301.58 2281.85,1350.53 2095.24,1350.53 2094.52,1091.26 2277.79,1091.26 2269.2,1140.2 2163.91,1140.2 2163.91,1193.61 2273.33,1193.61 2273.33,1242.94 2163.91,1242.94 2163.91,1301.58 "/>
    <path fill="white" fill-rule="nonzero" d="M1813.7 1350.53l0 -259.27 123.18 0c19,0 36.23,3.28 51.56,9.83 15.34,6.55 28.37,15.59 39.12,27.25 10.75,11.6 19.07,25.36 24.83,41.15 5.84,15.86 8.78,33.03 8.78,51.57 0,18.54 -2.95,35.77 -8.78,51.56 -5.76,15.86 -14.08,29.49 -24.83,41.02 -10.75,11.47 -23.78,20.51 -39.12,27.06 -15.33,6.55 -32.56,9.83 -51.56,9.83l-123.18 0zm69.39 -51.17l33.35 0c23.52,0 41.67,-6.95 54.38,-20.77 12.71,-13.83 19.07,-33.03 19.07,-57.53 0,-24.7 -6.36,-43.97 -19.07,-57.66 -12.71,-13.76 -30.86,-20.57 -54.38,-20.57l-33.35 0 0 156.53z"/>
    <polygon fill="white" fill-rule="nonzero" points="1789.26,1350.53 1615.63,1350.53 1615.63,1091.26 1685.34,1091.26 1685.34,1299.36 1789.26,1299.36 "/>
    <polygon fill="white" fill-rule="nonzero" points="1570.02,1091.26 1570.02,1350.53 1499.92,1350.53 1499.92,1091.26 "/>
    <path fill="white" fill-rule="nonzero" d="M1345.94 1199.17l107.26 0 0 133.54c-6.42,3.47 -14.35,6.55 -23.78,9.1 -9.38,2.63 -19.2,4.92 -29.49,6.88 -10.22,1.97 -20.25,3.48 -30.01,4.46 -9.76,0.98 -18.15,1.51 -25.03,1.51 -8.45,0 -17.75,-0.85 -28.04,-2.43 -10.29,-1.64 -20.57,-4.32 -30.99,-8.19 -10.36,-3.8 -20.51,-9.04 -30.4,-15.59 -9.9,-6.55 -18.68,-14.74 -26.34,-24.64 -7.67,-9.89 -13.76,-21.69 -18.35,-35.44 -4.59,-13.7 -6.88,-29.62 -6.88,-47.64 0,-27.45 4.91,-49.93 14.68,-67.35 9.76,-17.43 22.21,-31.06 37.48,-40.83 15.2,-9.76 32.03,-16.44 50.58,-19.98 18.54,-3.6 36.76,-5.44 54.58,-5.44 8.38,0 17.1,0.66 26.14,1.9 9.04,1.25 17.3,2.56 24.83,4.07 7.54,1.5 13.76,2.81 18.55,4.06 4.84,1.24 7.27,1.9 7.27,1.9l0 53.01c0,0 -2.29,-0.72 -6.88,-2.23 -4.59,-1.44 -10.55,-3.02 -17.82,-4.59 -7.27,-1.64 -15.53,-3.21 -24.64,-4.65 -9.17,-1.51 -18.34,-2.23 -27.45,-2.23 -12.91,0 -24.57,1.05 -35.06,3.15 -10.54,2.09 -19.59,6.09 -27.12,12.05 -7.54,5.9 -13.3,14.29 -17.43,25.03 -4.06,10.75 -6.09,24.77 -6.09,42.13 0,15.53 1.77,28.5 5.37,38.72 3.6,10.29 8.45,18.55 14.61,24.9 6.23,6.29 13.56,10.75 22.08,13.3 8.58,2.62 17.63,3.93 27.32,3.93 10.09,0 17.96,-0.45 23.53,-1.31 5.57,-0.85 9.69,-1.9 12.44,-3.14 2.95,-1.25 4.79,-2.82 5.57,-4.85l0 -44.09 -40.49 0 0 -49.01 0 -0.01z"/>
   </g>
   <path fill="white" fill-rule="nonzero" d="M2424.56 1352.3c-11.21,0 -20.45,-1.44 -27.72,-4.33 -7.34,-2.88 -13.11,-6.55 -17.43,-11.07 -4.26,-4.59 -7.27,-9.7 -8.98,-15.4 -1.7,-5.7 -2.55,-11.4 -2.55,-17.03 0,-5.64 0.85,-11.34 2.55,-17.04 1.71,-5.7 4.46,-10.88 8.26,-15.53 3.86,-4.65 8.85,-8.45 15.07,-11.34 6.16,-2.88 13.69,-4.32 22.47,-4.32 9.11,0 16.71,1.44 22.8,4.32 6.16,2.89 11.01,6.69 14.68,11.34 3.67,4.65 6.23,9.83 7.73,15.53 1.58,5.7 2.36,11.4 2.36,17.04l0 8.84 -63.62 0c0.13,1.38 0.66,3.15 1.7,5.18 0.99,2.09 2.56,3.99 4.66,5.83 2.09,1.83 4.84,3.41 8.19,4.72 3.4,1.24 7.47,1.9 12.31,1.9 4.46,0 8.59,-0.4 12.26,-1.12 3.73,-0.78 6.88,-1.63 9.43,-2.55 3.08,-1.18 5.77,-2.49 7.99,-3.93l0 21.55c0,0.13 -0.91,0.59 -2.75,1.31 -1.83,0.79 -4.26,1.64 -7.27,2.49 -3.01,0.92 -6.42,1.71 -10.29,2.49 -3.93,0.79 -7.86,1.12 -11.86,1.12l0.01 0zm10.61 -57.01c0,-2.03 -0.33,-4.12 -0.92,-6.35 -0.59,-2.23 -1.57,-4.33 -3.01,-6.23 -1.38,-1.83 -3.21,-3.4 -5.44,-4.65 -2.23,-1.24 -5.05,-1.83 -8.32,-1.83 -3.28,0 -6.03,0.59 -8.32,1.83 -2.23,1.25 -4,2.82 -5.24,4.65 -1.32,1.9 -2.3,4 -2.89,6.23 -0.59,2.23 -0.85,4.32 -0.85,6.35l34.99 0zm29.94 26.47l29.68 0 0 28.64 -29.68 0 0 -28.64zm116.04 -94.87l33.55 0 -42.07 123.51 -40.42 0 -41.35 -123.51 34.99 0 27.59 100.18 27.71 -100.18zm13.7 94.87l29.68 0 0 28.64 -29.68 0 0 -28.64z"/>
  </g>
  <g id="svgRiverWave">
   <path fill="#33A3E3" d="M7.47 1529.27c238.96,-289.74 446.66,-270.41 790.19,-170.03 645.58,188.77 808.93,297.14 1516.29,184.05 403.03,-64.47 604.18,-160.85 867.05,-486.04l-93.56 138.65c-191.52,232.27 -481.32,331.93 -767.52,382.84 -721.13,128.29 -876.61,17.23 -1531.96,-187.98 -347.59,-108.83 -516.44,-123.05 -780.49,138.51z"/>
   <path fill="#BDDDF5" d="M7.47 1470.04c238.96,-289.74 446.66,-270.41 790.19,-170.03 645.58,188.77 808.93,297.14 1516.29,184.05 403.03,-64.47 604.18,-160.85 867.05,-486.04l-93.56 138.65c-191.52,232.27 -481.32,331.93 -767.52,382.84 -721.13,128.29 -876.61,17.23 -1531.96,-187.98 -347.59,-108.83 -516.44,-123.05 -780.49,138.51z"/>
  </g>
 </g>
</svg>        </div>
        <h1>Willkommen bei der Mündener Gilde e.V.</h1>
        <p class="lead">
            Ihre starke Interessengemeinschaft für Gewerbe, Handel und Dienstleistungen in Hann. Münden
        </p>
        <div class="mt-4">
            <a href="mitglied" class="btn btn-light btn-lg">
                <i class="bi bi-building me-2"></i>Unsere Mitglieder
            </a>
            <a href="gilde" class="btn btn-outline-light btn-lg">
                <i class="bi bi-info-circle me-2"></i>Mehr erfahren
            </a>
        </div>
    </div>
    <div class="glide_hero_mask"></div>
</section>

<script>
    if (typeof jQuery === 'undefined') {
        const jQueryScript = document.createElement('script');
        jQueryScript.src = 'https://code.jquery.com/jquery-3.6.0.min.js';
        jQueryScript.onload = function() {
            loadOwlCarousel();
        };
        document.head.appendChild(jQueryScript);
    } else {
        loadOwlCarousel();
    }

    function loadOwlCarousel() {
        if (typeof jQuery.fn.owlCarousel === 'undefined') {
            const owlScript = document.createElement('script');
            owlScript.src = 'https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js';
            owlScript.onload = function() {
                initHeroSlider();
            };
            document.head.appendChild(owlScript);
        } else {
            initHeroSlider();
        }
    }

    function initHeroSlider() {
        jQuery(document).ready(function($) {
            $('#heroSlider').owlCarousel({
                items: 1,
                loop: true,
                autoplay: true,
                autoplayTimeout: 5000,
                autoplayHoverPause: false,
                animateOut: 'fadeOut',
                animateIn: 'fadeIn',
                smartSpeed: 1000,
                nav: false,
                dots: false,
                mouseDrag: false,
                touchDrag: false,
                pullDrag: false,
                freeDrag: false
            });
        });
    }
</script>
<!-- Statistics Section -->
<div class="container">
    <div class="stats-section">
        <div class="row">
            <div class="col-md-4">
                <div class="stat-box">
                    <div class="stat-icon">
                        <i class="bi bi-building"></i>
                    </div>
                    <div class="stat-number">91+</div>
                    <div class="stat-label">Aktive Mitgliedsbetriebe</div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="stat-box">
                    <div class="stat-icon">
                        <i class="bi bi-grid-3x3"></i>
                    </div>
                    <div class="stat-number">14+</div>
                    <div class="stat-label">Branchen vertreten</div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="stat-box">
                    <div class="stat-icon">
                        <i class="bi bi-calendar-check"></i>
                    </div>
                    <div class="stat-number">1999</div>
                    <div class="stat-label">Gegründet</div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Features Section -->
<section class="py-5 mt-5">
    <div class="container">
        <div class="section-heading">
            <h2>Was uns auszeichnet</h2>
            <p>Die Mündener Gilde e.V. - Ihr Partner für lokales Gewerbe</p>
        </div>
        <div class="row">
            <div class="col-md-4 mb-4">
                <div class="feature-box">
                    <div class="feature-icon">
                        <i class="bi bi-people-fill"></i>
                    </div>
                    <h3>Starke Gemeinschaft</h3>
                    <p>Über 100 Mitgliedsbetriebe aus verschiedenen Branchen bilden ein starkes Netzwerk für Handel, Gewerbe und Dienstleistungen in Hann. Münden.</p>
                </div>
            </div>
            <div class="col-md-4 mb-4">
                <div class="feature-box">
                    <div class="feature-icon">
                        <i class="bi bi-shield-check"></i>
                    </div>
                    <h3>Neutralität</h3>
                    <p>Wir sind standes- und parteipolitisch neutral und setzen uns ausschließlich für die Interessen unserer Mitgliedsbetriebe ein.</p>
                </div>
            </div>
            <div class="col-md-4 mb-4">
                <div class="feature-box">
                    <div class="feature-icon">
                        <i class="bi bi-graph-up-arrow"></i>
                    </div>
                    <h3>Tradition & Innovation</h3>
                    <p>Seit 1999 verbinden wir traditionelle Werte mit modernen Ansätzen für die Entwicklung der lokalen Wirtschaft.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Featured Companies Section -->
<section class="py-5 bg-light">
    <div class="container">
        <div class="section-heading">
            <h2>Unsere Mitgliedsbetriebe</h2>
            <p>Entdecken Sie die Vielfalt unserer Mitglieder</p>
        </div>
        
                <div class="row">
                        <div class="col-md-4 col-lg-4 mb-4">
                <div class="company-card">
                                            <div class="company-logo d-flex align-items-center justify-content-center" style="background-color: var(--color-gray-light);">
                            <i class="bi bi-building" style="font-size: 4rem; color: var(--color-primary);"></i>
                        </div>
                                        <div class="company-body">
                        <a href="https://gilde-2.prototypehub.de/mitglieder-der-muendener-gilde/yja/gebr-spanholtz-kg-29006"
                           >
                            <h3 class="company-name">Gebr. Spanholtz KG</h3>
                        </a>
                                                    <div class="company-category">
                                <i class="bi bi-tag me-1"></i>
                                Elektro &amp; Media                            </div>
                                                                            <p class="company-description">
                                Ansprechpartner: z.H. Ulrike Waldmann                                                            </p>
                                                <a href="https://gilde-2.prototypehub.de/mitglieder-der-muendener-gilde/yja/gebr-spanholtz-kg-29006"
                           class="btn btn-outline-primary btn-sm">
                            <i class="bi bi-arrow-right me-1"></i>Details anzeigen
                        </a>
                    </div>
                </div>
            </div>
                        <div class="col-md-4 col-lg-4 mb-4">
                <div class="company-card">
                                            <a href="https://gilde-2.prototypehub.de/mitglieder-der-muendener-gilde/vsd/architekturbuero-rohrer-10103"
                           >
                            <img src="uploads/logos/d5000a6b-3dbe-41ba-834c-8578c4be3b28/69026e5407ca9_1761766996.png"
                             alt="Architekturbüro Rohrer"
                             class="company-logo">
                        </a>
                                        <div class="company-body">
                        <a href="https://gilde-2.prototypehub.de/mitglieder-der-muendener-gilde/vsd/architekturbuero-rohrer-10103"
                           >
                            <h3 class="company-name">Architekturbüro Rohrer</h3>
                        </a>
                                                    <div class="company-category">
                                <i class="bi bi-tag me-1"></i>
                                Haus &amp; Garten                            </div>
                                                                            <p class="company-description">
                                Ansprechpartner: z.H. Constantin Lechner                                                            </p>
                                                <a href="https://gilde-2.prototypehub.de/mitglieder-der-muendener-gilde/vsd/architekturbuero-rohrer-10103"
                           class="btn btn-outline-primary btn-sm">
                            <i class="bi bi-arrow-right me-1"></i>Details anzeigen
                        </a>
                    </div>
                </div>
            </div>
                        <div class="col-md-4 col-lg-4 mb-4">
                <div class="company-card">
                                            <a href="https://gilde-2.prototypehub.de/mitglieder-der-muendener-gilde/uma/hofmeister-tenter-sedelmayr-gmbh-18014"
                           >
                            <img src="uploads/logos/1c31b872-a7fb-47bd-bdeb-8d0eb77b2af9/6915fac444801_1763048132.jpg"
                             alt="Hofmeister &amp; Tenter Sedelmayr GmbH"
                             class="company-logo">
                        </a>
                                        <div class="company-body">
                        <a href="https://gilde-2.prototypehub.de/mitglieder-der-muendener-gilde/uma/hofmeister-tenter-sedelmayr-gmbh-18014"
                           >
                            <h3 class="company-name">Hofmeister &amp; Tenter Sedelmayr GmbH</h3>
                        </a>
                                                                            <p class="company-description">
                                Ansprechpartner: z.H. Guido Passero                                                            </p>
                                                <a href="https://gilde-2.prototypehub.de/mitglieder-der-muendener-gilde/uma/hofmeister-tenter-sedelmayr-gmbh-18014"
                           class="btn btn-outline-primary btn-sm">
                            <i class="bi bi-arrow-right me-1"></i>Details anzeigen
                        </a>
                    </div>
                </div>
            </div>
                        <div class="col-md-4 col-lg-4 mb-4">
                <div class="company-card">
                                            <div class="company-logo d-flex align-items-center justify-content-center" style="background-color: var(--color-gray-light);">
                            <i class="bi bi-building" style="font-size: 4rem; color: var(--color-primary);"></i>
                        </div>
                                        <div class="company-body">
                        <a href="https://gilde-2.prototypehub.de/mitglieder-der-muendener-gilde/jsm/praxis-fuer-krankengymnastik-physiotherapie-10122"
                           >
                            <h3 class="company-name">Praxis für Krankengymnastik &amp; Physiotherapie</h3>
                        </a>
                                                                            <p class="company-description">
                                Ansprechpartner: z.H. Annette Hartung                                                            </p>
                                                <a href="https://gilde-2.prototypehub.de/mitglieder-der-muendener-gilde/jsm/praxis-fuer-krankengymnastik-physiotherapie-10122"
                           class="btn btn-outline-primary btn-sm">
                            <i class="bi bi-arrow-right me-1"></i>Details anzeigen
                        </a>
                    </div>
                </div>
            </div>
                        <div class="col-md-4 col-lg-4 mb-4">
                <div class="company-card">
                                            <a href="https://gilde-2.prototypehub.de/mitglieder-der-muendener-gilde/qey/impressio-1006"
                           >
                            <img src="uploads/logos/50d8d9fa-f1aa-4022-b274-a90b33cdacc6/6915f6c03ac71_1763047104.png"
                             alt="Impressio"
                             class="company-logo">
                        </a>
                                        <div class="company-body">
                        <a href="https://gilde-2.prototypehub.de/mitglieder-der-muendener-gilde/qey/impressio-1006"
                           >
                            <h3 class="company-name">Impressio</h3>
                        </a>
                                                                            <p class="company-description">
                                Ansprechpartner: z.H. Eson Krusha                                                            </p>
                                                <a href="https://gilde-2.prototypehub.de/mitglieder-der-muendener-gilde/qey/impressio-1006"
                           class="btn btn-outline-primary btn-sm">
                            <i class="bi bi-arrow-right me-1"></i>Details anzeigen
                        </a>
                    </div>
                </div>
            </div>
                        <div class="col-md-4 col-lg-4 mb-4">
                <div class="company-card">
                                            <a href="https://gilde-2.prototypehub.de/mitglieder-der-muendener-gilde/xqn/waldhotel-jagdhaus-heede-1002"
                           >
                            <img src="uploads/logos/0d23d440-1d8d-48b2-9a48-7cdb0e282631/691b064d1d3be_1763378765.jpg"
                             alt="Waldhotel Jagdhaus Heede"
                             class="company-logo">
                        </a>
                                        <div class="company-body">
                        <a href="https://gilde-2.prototypehub.de/mitglieder-der-muendener-gilde/xqn/waldhotel-jagdhaus-heede-1002"
                           >
                            <h3 class="company-name">Waldhotel Jagdhaus Heede</h3>
                        </a>
                                                                            <p class="company-description">
                                Ansprechpartner: z.H. Torsten Heede                                                            </p>
                                                <a href="https://gilde-2.prototypehub.de/mitglieder-der-muendener-gilde/xqn/waldhotel-jagdhaus-heede-1002"
                           class="btn btn-outline-primary btn-sm">
                            <i class="bi bi-arrow-right me-1"></i>Details anzeigen
                        </a>
                    </div>
                </div>
            </div>
                    </div>
        <div class="text-center mt-4">
            <a href="https://gilde-2.prototypehub.de/mitglieder-der-muendener-gilde" class="btn btn-primary btn-lg">
                <i class="bi bi-building me-2"></i>Alle Mitglieder anzeigen
            </a>
        </div>
        
                
    </div>
</section>

<!-- Featured Companies Section -->
<section class="py-5 bg-light">
    <div class="container">
        <div class="section-heading">
            <h2>Förderer der Mündener Gilde</h2>
            <p>Hinter dem Mündener Gilde e.V. stehen viele Förderer, die es uns ermöglichen, unsere Arbeit auch in den kommenden Jahren voller Tatendrang angehen zu können. Deswegen geht unser großer Dank an all unserer Förderer, die uns immer wieder unterstützen!</p>
        </div>

                    <div class="row">
                                    <div class="col-md-4 col-lg-4 mb-4">
                        <div class="company-card">
                                                            <div class="company-logo d-flex align-items-center justify-content-center" style="background-color: var(--color-gray-light);">
                                    <i class="bi bi-person" style="font-size: 4rem; color: var(--color-primary);"></i>
                                </div>
                                                        <div class="company-body">
                                <a href="/mitglied/giw/frau-annette-roehrl-mueller-10129"
                                >
                                    <h3 class="company-name">Frau Annette Röhrl-Müller</h3>
                                </a>
                                                                    <div class="company-category">
                                        <i class="bi bi-tag me-1"></i>
                                        Privatperson                                    </div>
                                                                                                    <p class="company-description">
                                        Ansprechpartner: Annette Röhrl-Müller                                                                            </p>
                                                                <a href="/mitglied/giw/frau-annette-roehrl-mueller-10129"
                                   class="btn btn-outline-primary btn-sm">
                                    <i class="bi bi-arrow-right me-1"></i>Details anzeigen
                                </a>
                            </div>
                        </div>
                    </div>
                                    <div class="col-md-4 col-lg-4 mb-4">
                        <div class="company-card">
                                                            <div class="company-logo d-flex align-items-center justify-content-center" style="background-color: var(--color-gray-light);">
                                    <i class="bi bi-person" style="font-size: 4rem; color: var(--color-primary);"></i>
                                </div>
                                                        <div class="company-body">
                                <a href="/mitglied/qds/herr-10139"
                                >
                                    <h3 class="company-name">Herr</h3>
                                </a>
                                                                    <div class="company-category">
                                        <i class="bi bi-tag me-1"></i>
                                        Privatperson                                    </div>
                                                                                                    <p class="company-description">
                                        Ansprechpartner: Tobias Dannenberg                                                                            </p>
                                                                <a href="/mitglied/qds/herr-10139"
                                   class="btn btn-outline-primary btn-sm">
                                    <i class="bi bi-arrow-right me-1"></i>Details anzeigen
                                </a>
                            </div>
                        </div>
                    </div>
                                    <div class="col-md-4 col-lg-4 mb-4">
                        <div class="company-card">
                                                            <a href="/mitglied/tpr/tobias-vogeley-10132"
                                >
                                    <img src="uploads/logos/1bcb0fe9-6585-4fc7-8e0d-e6eb7fa78e66/691b818a4c2bc_1763410314.jpg"
                                         alt="Tobias Vogeley"
                                         class="privat-image">
                                </a>
                                                        <div class="company-body">
                                <a href="/mitglied/tpr/tobias-vogeley-10132"
                                >
                                    <h3 class="company-name">Tobias Vogeley</h3>
                                </a>
                                                                    <div class="company-category">
                                        <i class="bi bi-tag me-1"></i>
                                        Privatperson                                    </div>
                                                                                                    <p class="company-description">
                                        Göttingen, Niedersachsen, Deutschland                                                                             </p>
                                                                <a href="/mitglied/tpr/tobias-vogeley-10132"
                                   class="btn btn-outline-primary btn-sm">
                                    <i class="bi bi-arrow-right me-1"></i>Details anzeigen
                                </a>
                            </div>
                        </div>
                    </div>
                                    <div class="col-md-4 col-lg-4 mb-4">
                        <div class="company-card">
                                                            <div class="company-logo d-flex align-items-center justify-content-center" style="background-color: var(--color-gray-light);">
                                    <i class="bi bi-person" style="font-size: 4rem; color: var(--color-primary);"></i>
                                </div>
                                                        <div class="company-body">
                                <a href="/mitglied/ctp/herr-10136"
                                >
                                    <h3 class="company-name">Herr</h3>
                                </a>
                                                                    <div class="company-category">
                                        <i class="bi bi-tag me-1"></i>
                                        Privatperson                                    </div>
                                                                                                    <p class="company-description">
                                        Ansprechpartner: Kevin Barth                                                                            </p>
                                                                <a href="/mitglied/ctp/herr-10136"
                                   class="btn btn-outline-primary btn-sm">
                                    <i class="bi bi-arrow-right me-1"></i>Details anzeigen
                                </a>
                            </div>
                        </div>
                    </div>
                                    <div class="col-md-4 col-lg-4 mb-4">
                        <div class="company-card">
                                                            <div class="company-logo d-flex align-items-center justify-content-center" style="background-color: var(--color-gray-light);">
                                    <i class="bi bi-person" style="font-size: 4rem; color: var(--color-primary);"></i>
                                </div>
                                                        <div class="company-body">
                                <a href="/mitglied/gdw/herr-1005"
                                >
                                    <h3 class="company-name">Herr</h3>
                                </a>
                                                                    <div class="company-category">
                                        <i class="bi bi-tag me-1"></i>
                                        Privatperson                                    </div>
                                                                                                    <p class="company-description">
                                        Ansprechpartner: Andreas Sadowsky                                                                            </p>
                                                                <a href="/mitglied/gdw/herr-1005"
                                   class="btn btn-outline-primary btn-sm">
                                    <i class="bi bi-arrow-right me-1"></i>Details anzeigen
                                </a>
                            </div>
                        </div>
                    </div>
                                    <div class="col-md-4 col-lg-4 mb-4">
                        <div class="company-card">
                                                            <div class="company-logo d-flex align-items-center justify-content-center" style="background-color: var(--color-gray-light);">
                                    <i class="bi bi-person" style="font-size: 4rem; color: var(--color-primary);"></i>
                                </div>
                                                        <div class="company-body">
                                <a href="/mitglied/ede/herr-1012"
                                >
                                    <h3 class="company-name">Herr</h3>
                                </a>
                                                                    <div class="company-category">
                                        <i class="bi bi-tag me-1"></i>
                                        Privatperson                                    </div>
                                                                                                    <p class="company-description">
                                        Ansprechpartner: Ulrich Böhmer                                                                            </p>
                                                                <a href="/mitglied/ede/herr-1012"
                                   class="btn btn-outline-primary btn-sm">
                                    <i class="bi bi-arrow-right me-1"></i>Details anzeigen
                                </a>
                            </div>
                        </div>
                    </div>
                            </div>
            <div class="text-center mt-4">
                <a href="/foerderer-der-muendener-gilde" class="btn btn-primary btn-lg">
                    <i class="bi bi-building me-2"></i>Alle Förderer anzeigen
                </a>
            </div>

        
    </div>
</section>

<style>
    /* Map Section Styles */
    #mapSection {
        transition: all 0.5s ease;
    }

    #mapCTA {
        transition: opacity 0.3s ease;
    }

    #mapCTA.hidden {
        display: none;
    }

    #mapContainer {
        opacity: 0;
        display: none;
        transition: opacity 0.5s ease;
    }

    #mapContainer.visible {
        opacity: 1;
        display: block;
    }

    .map-cta-box {
        background: linear-gradient(135deg, #3365AA 0%, #0f1e3a 100%);
        border-radius: 16px;
        padding: 80px 40px;
        text-align: center;
        box-shadow: 0 10px 30px rgba(0,0,0,0.15);
        position: relative;
        overflow: hidden;
    }

    .map-cta-box::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
        animation: pulse 3s ease-in-out infinite;
    }

    @keyframes pulse {
        0%, 100% { transform: scale(1); opacity: 0.5; }
        50% { transform: scale(1.1); opacity: 0.3; }
    }

    .map-cta-icon {
        font-size: 80px;
        color: #ffffff;
        margin-bottom: 30px;
        animation: bounce 2s ease-in-out infinite;
    }

    @keyframes bounce {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-10px); }
    }

    .map-cta-title {
        font-size: 36px;
        font-weight: 700;
        color: #ffffff;
        margin-bottom: 20px;
        text-shadow: 0 2px 4px rgba(0,0,0,0.2);
    }

    .map-cta-text {
        font-size: 18px;
        color: rgba(255,255,255,0.9);
        margin-bottom: 30px;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }

    .map-cta-button {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        padding: 20px 50px;
        font-size: 20px;
        font-weight: 600;
        background-color: #ffffff;
        color: #3365AA;
        border: none;
        border-radius: 50px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.2);
        cursor: pointer;
        transition: all 0.3s ease;
        position: relative;
        z-index: 1;
    }

    .map-cta-button:hover {
        transform: translateY(-3px);
        box-shadow: 0 6px 20px rgba(0,0,0,0.3);
        background-color: #e2e8f0;
    }

    .map-cta-button:active {
        transform: translateY(-1px);
    }

    .map-cta-stats {
        margin-top: 30px;
        color: rgba(255,255,255,0.8);
        font-size: 16px;
    }

    /* Loading Spinner */
    .map-loading {
        text-align: center;
        padding: 80px 20px;
    }

    .map-loading-spinner {
        display: inline-block;
        width: 50px;
        height: 50px;
        border: 5px solid #e2e8f0;
        border-top-color: #3365AA;
        border-radius: 50%;
        animation: spin 1s linear infinite;
    }

    @keyframes spin {
        to { transform: rotate(360deg); }
    }

    .map-loading-text {
        margin-top: 20px;
        color: #2d3748;
        font-size: 18px;
    }

    /* Map Marker Styles */
    .company-marker {
        background-color: #3365AA;
        border: 3px solid #ffffff;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 2px 8px rgba(0,0,0,0.3);
        overflow: hidden;
    }

    .company-marker img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    .company-marker-icon {
        color: #ffffff;
        font-size: 24px;
    }

    /* Popup Styles */
    .leaflet-popup-content-wrapper {
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }

    .leaflet-popup-content {
        margin: 16px;
        min-width: 280px;
    }

    .map-popup-logo {
        width: 80px;
        height: 80px;
        object-fit: contain;
        margin: 0 auto 12px;
        display: block;
        background-color: #e2e8f0;
        padding: 8px;
        border-radius: 8px;
    }

    .map-popup-title {
        font-size: 16px;
        font-weight: 600;
        color: #0f1e3a;
        margin-bottom: 8px;
        text-align: center;
    }

    .map-popup-category {
        font-size: 13px;
        color: #2d3748;
        margin-bottom: 8px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
    }

    .map-popup-address {
        font-size: 12px;
        color: #666;
        margin-bottom: 12px;
        text-align: center;
    }

    .map-popup-link {
        display: inline-block;
        width: 100%;
        text-align: center;
        padding: 8px 16px;
        background-color: #3365AA;
        color: #ffffff;
        text-decoration: none;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 500;
        transition: background-color 0.3s;
    }

    .map-popup-link:hover {
        background-color: #0f1e3a;
        color: #ffffff;
    }

    /* Cluster Styles */
    .marker-cluster-small,
    .marker-cluster-medium,
    .marker-cluster-large {
        background-color: rgba(26, 54, 93, 0.6);
    }

    .marker-cluster-small div,
    .marker-cluster-medium div,
    .marker-cluster-large div {
        background-color: #3365AA;
        color: #ffffff;
        font-weight: 600;
    }
</style>

<!-- Map Section -->
<section class="py-5" id="mapSection">
    <div class="container-fluid px-4">

        <!-- CTA Box (shown by default) -->
        <div id="mapCTA">
            <div class="map-cta-box">
                <div class="map-cta-icon">
                    <i class="bi bi-geo-alt-fill"></i>
                </div>
                <h2 class="map-cta-title">Unsere Mitglieder auf der Karte</h2>
                <p class="map-cta-text">
                    Entdecken Sie unsere Mitgliedsbetriebe in Ihrer Nähe.
                    Klicken Sie auf die Karte, um alle Standorte zu sehen.
                </p>
                <button id="loadMapBtn" class="map-cta-button">
                    <i class="bi bi-map"></i>
                    <span>Karte anzeigen</span>
                </button>
                                    <div class="map-cta-stats">
                        <i class="bi bi-pin-map-fill me-2"></i>
                        42 Mitgliedsbetriebe mit Standort
                    </div>
                            </div>
        </div>

        <!-- Map Container (hidden by default) -->
        <div id="mapContainer">
            <div class="section-heading text-center mb-4">
                <h2>Unsere Mitglieder auf der Karte</h2>
                <p>Klicken Sie auf einen Marker für weitere Informationen</p>
            </div>

            <div class="row">
                <div class="col-12">
                    <div id="companyMap" style="height: 600px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);"></div>
                </div>
            </div>

            <div class="text-center mt-4">
                <a href="/firmen" class="btn btn-primary btn-lg">
                    <i class="bi bi-building me-2"></i>Alle Mitglieder anzeigen
                </a>
            </div>
        </div>

    </div>
</section>

<script>
    (function() {
        'use strict';

        // Company data from PHP
        var companiesData = [{"code":"eie","name":"4ARTS - Wohnambiente","slug":"4arts-wohnambiente-1007","category":"Wohnen, Kunst & Dekoration","logo":"\/uploads\/logos\/e7f7bb94-dcec-401e-8310-93d74e4a2be5\/69015452d9db9_1761694802.png","street":"Sydekumstr. 15","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41851199999999977308107190765440464019775390625,"lng":9.653311999999999670762917958199977874755859375},{"code":"ulv","name":"Allfinanz Deutsche Verm\u00f6gensberatung","slug":"allfinanz-deutsche-vermoegensberatung-10078","category":"Geld & Versicherungen","logo":"\/uploads\/logos\/4018dfa6-7e5c-45e2-953c-0d2cf84366c3\/69015467bdab5_1761694823.png","street":"Parkstr. 1","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.4172089999999997189661371521651744842529296875,"lng":9.6583290000000001640501068322919309139251708984375},{"code":"vsd","name":"Architekturb\u00fcro Rohrer","slug":"architekturbuero-rohrer-10103","category":"Haus & Garten","logo":"\/uploads\/logos\/d5000a6b-3dbe-41ba-834c-8578c4be3b28\/69026e5407ca9_1761766996.png","street":"Armes\u00fcndergasse 39","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.40669799999999867168298806063830852508544921875,"lng":9.6523269999999996571204974316060543060302734375},{"code":"kpv","name":"Architekturb\u00fcro Volkmer","slug":"architekturbuero-volkmer-10069","category":"Haus & Garten","logo":"\/uploads\/logos\/16cae6f6-31cd-4abb-a4a6-35ad4cb707ec\/69026e0188f7a_1761766913.png","street":"Am Wittenborn 70","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.401961000000000012732925824820995330810546875,"lng":9.663824999999999221245161606930196285247802734375},{"code":"jju","name":"ARFLOW GmbH &amp; Co. KG","slug":"arflow-gmbh-amp-co-kg-10096","category":"Elektro & Media","logo":"\/uploads\/logos\/b7e91fd9-5142-4d80-9fd0-6f08a2416933\/69026f1dcfa0e_1761767197.png","street":"Am Rodland 1","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41669999999999873807610129006206989288330078125,"lng":9.6500000000000003552713678800500929355621337890625},{"code":"tjo","name":"Ariane Becker &amp; Sven Drath GbR","slug":"ariane-becker-amp-sven-drath-gbr-10031","category":"Wohnen, Kunst & Dekoration","logo":"\/uploads\/logos\/00788446-3d6b-40df-92ed-48dee0afbc03\/69026eaa356c6_1761767082.png","street":"G\u00f6ttinger Str. 46\/48","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41669999999999873807610129006206989288330078125,"lng":9.6500000000000003552713678800500929355621337890625},{"code":"tcf","name":"Atelier AF Kunst und Wohnen","slug":"atelier-af-kunst-und-wohnen-10125","category":"Wohnen, Kunst & Dekoration","logo":"\/uploads\/logos\/3a3b94d2-7f9d-464c-a83a-b3ca6a7fab12\/6902f7567885d_1761802070.png","street":"Sydekumstr. 15","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41851199999999977308107190765440464019775390625,"lng":9.653311999999999670762917958199977874755859375},{"code":"ujj","name":"B\u00e4ckerei Mengel","slug":"baeckerei-mengel-23001","category":"B\u00e4ckereien","logo":"\/uploads\/logos\/5175ba6c-8873-4cc5-ac00-62b276005ef1\/690274d080525_1761768656.png","street":"Burgstr. 51","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41669999999999873807610129006206989288330078125,"lng":9.6500000000000003552713678800500929355621337890625},{"code":"trd","name":"Balance Gesundheitspark GmbH","slug":"balance-gesundheitspark-gmbh-10112","category":"Gesundheit & Wellness","logo":"\/uploads\/logos\/546a1190-de4f-42f6-bfd3-a7d3f87ebc95\/6902f749e4f2e_1761802057.png","street":"Vor der Bahn 61","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41669999999999873807610129006206989288330078125,"lng":9.6500000000000003552713678800500929355621337890625},{"code":"rzu","name":"Berndt Die Optik GmbH","slug":"berndt-die-optik-gmbh-14106","category":"Gesundheit & Wellness","logo":"\/uploads\/logos\/e666c3e2-e271-4cd3-9003-87a7701556e2\/6902f7caf253a_1761802186.png","street":"Lange Str. 100","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41493200000000030058799893595278263092041015625,"lng":9.6508749999999992041921359486877918243408203125},{"code":"bzs","name":"Bierverlag Roeper GmbH","slug":"bierverlag-roeper-gmbh-28011","category":"Feinkost & Lebensmittel","logo":"\/uploads\/logos\/c773b910-f78c-470f-b540-d7d3d2ef3395\/69148a6fed12c_1762953839.png","street":"Graseweg 10","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41669999999999873807610129006206989288330078125,"lng":9.6500000000000003552713678800500929355621337890625},{"code":"qbk","name":"Boutique La Lanka","slug":"boutique-la-lanka-10020","category":"Mode","logo":"","street":"Marktstr. 16","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41669999999999873807610129006206989288330078125,"lng":9.6500000000000003552713678800500929355621337890625},{"code":"vwu","name":"Caf\u00e9 am Sandmarkt","slug":"caf-am-sandmarkt-10028","category":"Eisdielen & Caf\u00e9s","logo":"\/uploads\/logos\/580bde4f-f1a6-426f-9e9c-d7d1c1cf15e4\/69148f8e20390_1762955150.png","street":"Lange Str. 4","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41669999999999873807610129006206989288330078125,"lng":9.6500000000000003552713678800500929355621337890625},{"code":"lvu","name":"Computer Centrum M\u00fcnden","slug":"computer-centrum-muenden-10087","category":"Elektro & Media","logo":"\/uploads\/logos\/80e2439a-78a2-4a6e-86b6-4826448f99df\/69149055d7fc9_1762955349.png","street":"Beethovenstr. 12","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41669999999999873807610129006206989288330078125,"lng":9.6500000000000003552713678800500929355621337890625},{"code":"maq","name":"DOS Software-System GmbH","slug":"dos-software-system-gmbh-10065","category":"Elektro & Media","logo":"\/uploads\/logos\/55d07720-5ae1-476f-848a-28ece1012d78\/691491407e975_1762955584.png","street":"Berliner Ring 35","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41669999999999873807610129006206989288330078125,"lng":9.6500000000000003552713678800500929355621337890625},{"code":"dtj","name":"Dreyer Baumarkt GmbH","slug":"dreyer-baumarkt-gmbh-14014","category":"Haus & Garten","logo":"\/uploads\/logos\/3fda659c-d093-4c1b-99c1-7db9c9a13ced\/691491702cf37_1762955632.png","street":"Auefeld 4","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41669999999999873807610129006206989288330078125,"lng":9.6500000000000003552713678800500929355621337890625},{"code":"pyw","name":"Erlebnisregion Hann. M\u00fcnden e. V.","slug":"erlebnisregion-hann-muenden-e-v-34003","category":"Sonstige Dienstleistungen","logo":"\/uploads\/logos\/2816be53-42b2-4e97-a3c8-d2257c564f58\/691492f15f25c_1762956017.png","street":"Lotzestr. 2","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41669999999999873807610129006206989288330078125,"lng":9.6500000000000003552713678800500929355621337890625},{"code":"ocw","name":"EXOR Trading GmbH","slug":"exor-trading-gmbh-10101","category":"Sonstige Dienstleistungen","logo":"","street":"Sydekumstr. 17","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41846699999999970032149576582014560699462890625,"lng":9.6534420000000000783302311901934444904327392578125},{"code":"aor","name":"Feinb\u00e4ckerei Thiele GmbH","slug":"feinbaeckerei-thiele-gmbh-28012","category":"B\u00e4ckereien","logo":"\/uploads\/logos\/18118692-3237-4a72-a09b-647c18ae5fc1\/691495746ae34_1762956660.png","street":"Robert-Bosch-Breite 10","postal_code":"37079","city":"G\u00f6ttingen","lat":51.54956399999999661076799384318292140960693359375,"lng":9.8952849999999994423660609754733741283416748046875},{"code":"tuo","name":"Feinkostfleischerei Schumann &amp; Sohn GmbH","slug":"feinkostfleischerei-schumann-amp-sohn-gmbh-30005","category":"Feinkost & Lebensmittel","logo":"\/uploads\/logos\/d5697ad4-f652-43ba-bbf7-81ab2a86ba65\/6914964d8315e_1762956877.jpg","street":"Lange Str. 29","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.4176470000000023219399736262857913970947265625,"lng":9.6520419999999997884287950000725686550140380859375},{"code":"msb","name":"Fielmann AG &amp; Co. OHG","slug":"fielmann-ag-amp-co-ohg-10138","category":"Optik & Akustik","logo":"\/uploads\/logos\/28df76c4-8f58-4e70-be76-440b11c686cc\/69149749b0f55_1762957129.png","street":"Lange Str. 34","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.4174560000000013815224519930779933929443359375,"lng":9.65167100000000033332980819977819919586181640625},{"code":"dpp","name":"Fleischerei Feinkost K\u00f6hler","slug":"fleischerei-feinkost-koehler-10118","category":"Feinkost & Lebensmittel","logo":"\/uploads\/logos\/04cff366-c5ce-4745-adf6-95e2920482c2\/691498cc95f7d_1762957516.png","street":"Bahnhofstr. 2","postal_code":"34369","city":"Hofgeismar","lat":51.49401999999999901547198533080518245697021484375,"lng":9.3842569999999998486828189925290644168853759765625},{"code":"giw","name":"Frau Annette R\u00f6hrl-M\u00fcller","slug":"frau-annette-roehrl-mueller-10129","category":"Privatperson","logo":"","street":"Tannenkamp 27","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.409526999999997087797964923083782196044921875,"lng":9.6616189999999999571400621789507567882537841796875},{"code":"kmc","name":"Frau Erika Maschke","slug":"frau-erika-maschke-23008","category":"Privatperson","logo":"\/uploads\/logos\/51820d82-51cf-4156-8ecd-9deb45ddacb2\/691b7ba65b128_1763408806.jpg","street":"Wildemannschlucht 27","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41163900000000097634256235323846340179443359375,"lng":9.6407690000000005881020115339197218418121337890625},{"code":"bav","name":"Fred Stemmer GmbH","slug":"fred-stemmer-gmbh-31011","category":"Sonstige Dienstleistungen","logo":"","street":"G\u00f6ttinger Str. 50","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.43039399999999972123987390659749507904052734375,"lng":9.6489489999999999980673237587325274944305419921875},{"code":"fod","name":"Gasthaus Zum Weserstein","slug":"gasthaus-zum-weserstein-36005","category":"Restaurants & Imbisse","logo":"","street":"Tanzwerder 5","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41781900000000149475454236380755901336669921875,"lng":9.648149000000000086174622992984950542449951171875},{"code":"yja","name":"Gebr. Spanholtz KG","slug":"gebr-spanholtz-kg-29006","category":"Elektro & Media","logo":"","street":"Markt 1","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41759400000000113095666165463626384735107421875,"lng":9.6517079999999992878656485117971897125244140625},{"code":"zwk","name":"Gemeinn\u00fctziger Bauverein in M\u00fcnden e.G.","slug":"gemeinnuetziger-bauverein-in-muenden-e-g-10085","category":"Haus & Garten","logo":"\/uploads\/logos\/53023819-72f4-4f1b-bcb4-efb44b3f9098\/69149c25aedb0_1762958373.png","street":"Wiersh\u00e4user Weg 17","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.418756000000001904481905512511730194091796875,"lng":9.6737599999999996924771039630286395549774169921875},{"code":"imj","name":"Genuss &amp; k\u00f6stlich Katrin&#039;s Feinkost","slug":"genuss-amp-koestlich-katrin-039-s-feinkost-10145","category":"Feinkost & Lebensmittel","logo":"\/uploads\/logos\/8d04c6d8-21a9-498c-ad0c-fe318c0002e3\/691588d03ad4a_1763018960.webp","street":"Marktstr. 20","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41669999999999873807610129006206989288330078125,"lng":9.6500000000000003552713678800500929355621337890625},{"code":"lel","name":"Gessner Inh. Nitschmann OHG","slug":"gessner-inh-nitschmann-ohg-17003","category":"Haus & Garten","logo":"\/uploads\/logos\/3f6ff588-063d-4506-a749-a155fa0f6579\/6915896c75cd8_1763019116.webp","street":"Lange Str. 16","postal_code":"34347","city":"Hann. M\u00fcnden","lat":51.4183809999999965612005325965583324432373046875,"lng":9.6518479999999993168557921308092772960662841796875},{"code":"ede","name":"Herr","slug":"herr-1012","category":"Privatperson","logo":"","street":"Wiersh\u00e4user Weg 98","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41669999999999873807610129006206989288330078125,"lng":9.6500000000000003552713678800500929355621337890625},{"code":"koo","name":"Herr","slug":"herr-1013","category":"Privatperson","logo":"","street":"Friedrich-Ebert-Str. 37","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41669999999999873807610129006206989288330078125,"lng":9.6500000000000003552713678800500929355621337890625},{"code":"ctp","name":"Herr","slug":"herr-10136","category":"Privatperson","logo":"","street":"Bonaforther Str. 32","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41669999999999873807610129006206989288330078125,"lng":9.6500000000000003552713678800500929355621337890625},{"code":"qja","name":"Herr","slug":"herr-10100","category":"Privatperson","logo":"","street":"Bl\u00fcmer Hang 16","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41669999999999873807610129006206989288330078125,"lng":9.6500000000000003552713678800500929355621337890625},{"code":"ays","name":"Herr","slug":"herr-10119","category":"Privatperson","logo":"","street":"H\u00f6lderlinweg 5","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41669999999999873807610129006206989288330078125,"lng":9.6500000000000003552713678800500929355621337890625},{"code":"qds","name":"Herr","slug":"herr-10139","category":"Privatperson","logo":"","street":"Berliner Ring 59","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41669999999999873807610129006206989288330078125,"lng":9.6500000000000003552713678800500929355621337890625},{"code":"gdw","name":"Herr","slug":"herr-1005","category":"Privatperson","logo":"","street":"Beethovenstr. 22","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41669999999999873807610129006206989288330078125,"lng":9.6500000000000003552713678800500929355621337890625},{"code":"alc","name":"Herr","slug":"herr-10140","category":"Privatperson","logo":"","street":"Heinrich-Heine-Str. 21","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41669999999999873807610129006206989288330078125,"lng":9.6500000000000003552713678800500929355621337890625},{"code":"qkf","name":"Mundus Marketing &amp; Interactive GmbH","slug":"mundus-marketing-amp-interactive-gmbh-10084","category":"Zeitungen & Werbeagenturen","logo":"\/uploads\/logos\/42572c8c-8732-477a-9bdd-cd5496c7fab4\/690294a59a212_1761776805.png","street":"Sichelnsteiner Weg 2","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.40572900000000089448803919367492198944091796875,"lng":9.65071400000000068075678427703678607940673828125},{"code":"gta","name":"Radziwinski&#039;s Men-Shop","slug":"radziwinski-039-s-men-shop-25001","category":"","logo":"\/uploads\/logos\/6f901074-ec7e-475d-b86f-f0b5a0c1982d\/69023e882e2dc_1761754760.png","street":"Lange Str. 71","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41602499999999764668245916254818439483642578125,"lng":9.6516690000000000537738742423243820667266845703125},{"code":"tpr","name":"Tobias Vogeley","slug":"tobias-vogeley-10132","category":"Privatperson","logo":"\/uploads\/logos\/1bcb0fe9-6585-4fc7-8e0d-e6eb7fa78e66\/691b818a4c2bc_1763410314.jpg","street":"Feldstr. 30","postal_code":"37213","city":"Witzenhausen","lat":51.41669999999999873807610129006206989288330078125,"lng":9.6500000000000003552713678800500929355621337890625},{"code":"jfx","name":"Tscha Tscha Events","slug":"tscha-tscha-events-10111","category":"","logo":"\/uploads\/logos\/aa68df97-fd83-45f0-a671-c294e29bb419\/6915f597bd528_1763046807.webp","street":"Bonaforther Str. 32","postal_code":"34346","city":"Hann. M\u00fcnden","lat":51.41669999999999873807610129006206989288330078125,"lng":9.6500000000000003552713678800500929355621337890625}];

        var mapLoaded = false;
        var mapInitialized = false;

        // Load external resources dynamically
        function loadMapResources(callback) {
            if (mapLoaded) {
                callback();
                return;
            }

            var resourcesLoaded = 0;
            var totalResources = 4;

            function checkAllLoaded() {
                resourcesLoaded++;
                if (resourcesLoaded === totalResources) {
                    mapLoaded = true;
                    callback();
                }
            }

            // Load Leaflet CSS
            var leafletCSS = document.createElement('link');
            leafletCSS.rel = 'stylesheet';
            leafletCSS.href = 'https://unpkg.com/leaflet@1.9.4/dist/leaflet.css';
            leafletCSS.crossOrigin = '';
            leafletCSS.onload = checkAllLoaded;
            document.head.appendChild(leafletCSS);

            // Load MarkerCluster CSS
            var clusterCSS = document.createElement('link');
            clusterCSS.rel = 'stylesheet';
            clusterCSS.href = 'https://unpkg.com/leaflet.markercluster@1.5.3/dist/MarkerCluster.css';
            clusterCSS.crossOrigin = '';
            clusterCSS.onload = checkAllLoaded;
            document.head.appendChild(clusterCSS);

            var clusterDefaultCSS = document.createElement('link');
            clusterDefaultCSS.rel = 'stylesheet';
            clusterDefaultCSS.href = 'https://unpkg.com/leaflet.markercluster@1.5.3/dist/MarkerCluster.Default.css';
            clusterDefaultCSS.crossOrigin = '';
            clusterDefaultCSS.onload = checkAllLoaded;
            document.head.appendChild(clusterDefaultCSS);

            // Load Leaflet JS
            var leafletJS = document.createElement('script');
            leafletJS.src = 'https://unpkg.com/leaflet@1.9.4/dist/leaflet.js';
            leafletJS.crossOrigin = '';
            leafletJS.onload = function() {
                // Load MarkerCluster JS after Leaflet
                var clusterJS = document.createElement('script');
                clusterJS.src = 'https://unpkg.com/leaflet.markercluster@1.5.3/dist/leaflet.markercluster.js';
                clusterJS.crossOrigin = '';
                clusterJS.onload = checkAllLoaded;
                document.body.appendChild(clusterJS);
            };
            document.body.appendChild(leafletJS);
        }

        function initializeMap() {
            if (mapInitialized) return;

            // Check if Leaflet is loaded
            if (typeof L === 'undefined') {
                console.error('Leaflet library not loaded');
                document.getElementById('companyMap').innerHTML = '<div class="alert alert-danger m-4">Karte konnte nicht geladen werden.</div>';
                return;
            }

            try {
                // Initialize map centered on Hann. Münden
                var map = L.map('companyMap').setView([51.4169, 9.6503], 13);

                // Add OpenStreetMap tiles
                L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
                    attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>',
                    maxZoom: 19
                }).addTo(map);

                // If no companies with coordinates, show message
                if (companiesData.length === 0) {
                    document.getElementById('companyMap').innerHTML = '<div class="alert alert-info m-4 text-center"><i class="bi bi-info-circle me-2"></i>Aktuell sind noch keine Standorte auf der Karte verfügbar.</div>';
                    mapInitialized = true;
                    return;
                }

                // Create marker cluster group
                var markers = L.markerClusterGroup({
                    maxClusterRadius: 50,
                    spiderfyOnMaxZoom: true,
                    showCoverageOnHover: false,
                    zoomToBoundsOnClick: true
                });

                // Add markers for each company
                companiesData.forEach(function(company) {
                    var iconHtml = '';
                    if (company.logo) {
                        iconHtml = '<div class="company-marker"><img src="' + company.logo + '" alt="' + company.name + '"></div>';
                    } else {
                        iconHtml = '<div class="company-marker"><i class="bi bi-building company-marker-icon"></i></div>';
                    }

                    var customIcon = L.divIcon({
                        html: iconHtml,
                        className: 'custom-map-icon',
                        iconSize: [50, 50],
                        iconAnchor: [25, 50],
                        popupAnchor: [0, -50]
                    });

                    var popupContent = '<div class="map-popup">';

                    if (company.logo) {
                        popupContent += '<img src="' + company.logo + '" alt="' + company.name + '" class="map-popup-logo">';
                    }

                    popupContent += '<div class="map-popup-title">' + company.name + '</div>';

                    if (company.category) {
                        popupContent += '<div class="map-popup-category"><i class="bi bi-tag"></i> ' + company.category + '</div>';
                    }

                    if (company.street || company.city) {
                        popupContent += '<div class="map-popup-address">';
                        if (company.street) popupContent += company.street + '<br>';
                        if (company.postal_code || company.city) {
                            popupContent += (company.postal_code ? company.postal_code + ' ' : '') + (company.city || '');
                        }
                        popupContent += '</div>';
                    }

                    popupContent += '<a href="/mitglied/' + company.code + '/' + company.slug + '" class="map-popup-link">';
                    popupContent += '<i class="bi bi-arrow-right me-1"></i>Zum Profil</a></div>';

                    var marker = L.marker([company.lat, company.lng], { icon: customIcon })
                        .bindPopup(popupContent);

                    markers.addLayer(marker);
                });

                map.addLayer(markers);

                if (companiesData.length > 0) {
                    var bounds = markers.getBounds();
                    if (bounds.isValid()) {
                        map.fitBounds(bounds, { padding: [50, 50], maxZoom: 15 });
                    }
                }

                mapInitialized = true;

            } catch (error) {
                console.error('Error initializing map:', error);
                document.getElementById('companyMap').innerHTML = '<div class="alert alert-danger m-4">Fehler beim Laden der Karte.</div>';
            }
        }

        // Button click handler
        document.getElementById('loadMapBtn').addEventListener('click', function() {
            var ctaBox = document.getElementById('mapCTA');
            var mapContainer = document.getElementById('mapContainer');

            // Show loading state
            this.innerHTML = '<span class="spinner-border spinner-border-sm me-2"></span>Karte wird geladen...';
            this.disabled = true;

            // Load resources and initialize map
            loadMapResources(function() {
                // Hide CTA with fade
                ctaBox.style.opacity = '0';

                setTimeout(function() {
                    ctaBox.classList.add('hidden');
                    mapContainer.style.display = 'block';

                    // Small delay before fade in
                    setTimeout(function() {
                        mapContainer.classList.add('visible');

                        // Initialize map after animation
                        setTimeout(function() {
                            initializeMap();
                        }, 100);
                    }, 50);
                }, 300);
            });
        });
    })();
</script>
<!-- Latest Blog Posts Section -->
<section class="py-5">
    <div class="container">
        <div class="section-heading">
            <h2>Aktuelles</h2>
            <p>Neuigkeiten aus der Mündener Gilde</p>
        </div>

                    <div class="row">
                                    <div class="col-md-4 mb-4">
                        <div class="blog-card">
                                                            <a href="/aktuelles/fdh/20-jahre-phan-moden-in-hann-muenden"
                                   class="">
                                    <img src="../uploads/blogs/90f04ceb-3f1e-4299-81d1-3fe7e652e494/featured_20251119124511_6e5e7baa.png"
                                         alt="20 Jahre PHAN Moden in Hann. Münden"
                                         class="blog-image">
                                </a>
                                                        <div class="blog-body">
                                <div class="blog-date">
                                    <i class="bi bi-calendar3 me-1"></i>
                                    19.11.2025                                                                            <span class="ms-2">
                                    <i class="bi bi-person me-1"></i>
                                    Viktoria Kuke                                </span>
                                                                    </div>
                                <a href="/aktuelles/fdh/20-jahre-phan-moden-in-hann-muenden"
                                   class="">
                                    <h3 class="blog-title">20 Jahre PHAN Moden in Hann. Münden</h3>
                                </a>
                                                                <a href="/aktuelles/fdh/20-jahre-phan-moden-in-hann-muenden"
                                   class="btn btn-outline-primary btn-sm">
                                    <i class="bi bi-arrow-right me-1"></i>Weiterlesen
                                </a>
                            </div>
                        </div>
                    </div>
                                    <div class="col-md-4 mb-4">
                        <div class="blog-card">
                                                            <a href="/aktuelles/djs/zeit-fuer-abenteuer-fruehling-in-der-region"
                                   class="">
                                    <img src="../uploads/blogs/2f5e417f-033d-43ab-ab6a-771145dfe7f2/featured_20251119124753_2671d928.jpg"
                                         alt="Zeit für Abenteuer: Frühling in der Region"
                                         class="blog-image">
                                </a>
                                                        <div class="blog-body">
                                <div class="blog-date">
                                    <i class="bi bi-calendar3 me-1"></i>
                                    19.11.2025                                                                            <span class="ms-2">
                                    <i class="bi bi-person me-1"></i>
                                    Viktoria Kuke                                </span>
                                                                    </div>
                                <a href="/aktuelles/djs/zeit-fuer-abenteuer-fruehling-in-der-region"
                                   class="">
                                    <h3 class="blog-title">Zeit für Abenteuer: Frühling in der Region</h3>
                                </a>
                                                                    <p class="blog-excerpt">
                                        Hann. Münden lockt im Frühling mit einem verkaufsoffenen Sonntag, kleinem Frühlingsmarkt auf dem Kirchplatz und einem Ostervolksfest.                                                                            </p>
                                                                <a href="/aktuelles/djs/zeit-fuer-abenteuer-fruehling-in-der-region"
                                   class="btn btn-outline-primary btn-sm">
                                    <i class="bi bi-arrow-right me-1"></i>Weiterlesen
                                </a>
                            </div>
                        </div>
                    </div>
                                    <div class="col-md-4 mb-4">
                        <div class="blog-card">
                                                            <div class="blog-image d-flex align-items-center justify-content-center"
                                     style="background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);">
                                    <i class="bi bi-newspaper" style="font-size: 4rem; color: white;"></i>
                                </div>
                                                        <div class="blog-body">
                                <div class="blog-date">
                                    <i class="bi bi-calendar3 me-1"></i>
                                    03.11.2025                                                                            <span class="ms-2">
                                    <i class="bi bi-person me-1"></i>
                                    Viktoria Kuke                                </span>
                                                                    </div>
                                <a href="/aktuelles/sfk/muendener-gilde-stellt-weichen-fuer-2026"
                                   class="">
                                    <h3 class="blog-title">Mündener Gilde stellt Weichen für 2026</h3>
                                </a>
                                                                <a href="/aktuelles/sfk/muendener-gilde-stellt-weichen-fuer-2026"
                                   class="btn btn-outline-primary btn-sm">
                                    <i class="bi bi-arrow-right me-1"></i>Weiterlesen
                                </a>
                            </div>
                        </div>
                    </div>
                            </div>
            <div class="text-center mt-4">
                <a href="/aktuelles" class="btn btn-primary btn-lg">
                    <i class="bi bi-newspaper me-2"></i>Alle Beiträge anzeigen
                </a>
            </div>

        
    </div>
</section>

<!-- Call to Action Section -->
<section class="py-5">
    <div class="container">
        <div class="cta-section">
            <h2>Werden Sie Teil unserer Gemeinschaft!</h2>
            <p>Profitieren Sie von einem starken Netzwerk und gemeinsamen Aktivitäten</p>
            <a href="contact.html" class="btn btn-light btn-lg">
                <i class="bi bi-envelope me-2"></i>Jetzt Kontakt aufnehmen
            </a>
        </div>
    </div>
</section>
</main>

<footer class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-4 mb-4">
                <h5>Mündener Gilde e.V.</h5>
                <p>
                    Tradition trifft Innovation.<br>
                    Ihr starker Partner für lokales Gewerbe<br>
                    seit 1999.
                </p>
                <p class="mt-3">
                    <strong>Über 100 Mitgliedsbetriebe</strong><br>
                    Standes- und parteipolitisch neutral
                </p>
            </div>
            <div class="col-md-4 mb-4">
                <h5>Schnelllinks</h5>
                <ul class="list-unstyled">
                    <li class="mb-2">
                        <a href="https://gilde-2.prototypehub.de/">
                            <i class="bi bi-chevron-right me-2"></i>Home
                        </a>
                    </li>
                    <li class="mb-2">
                        <a href="https://gilde-2.prototypehub.de/mitglied">
                            <i class="bi bi-chevron-right me-2"></i>Mitglieder
                        </a>
                    </li>
                    <li class="mb-2">
                        <a href="https://gilde-2.prototypehub.de/aktuelles">
                            <i class="bi bi-chevron-right me-2"></i>Aktuelles
                        </a>
                    </li>
                    <li class="mb-2">
                        <a href="https://gilde-2.prototypehub.de/gilde">
                            <i class="bi bi-chevron-right me-2"></i>Über uns
                        </a>
                    </li>
                    <li class="mb-2">
                        <a href="https://gilde-2.prototypehub.de/kontakt">
                            <i class="bi bi-chevron-right me-2"></i>Kontakt
                        </a>
                    </li>
                    <li class="mb-2">
                        <a href="https://gilde-2.prototypehub.de/login">
                            <i class="bi bi-chevron-right me-2"></i>Login
                        </a>
                    </li>
                </ul>
            </div>
            <div class="col-md-4 mb-4">
                <h5>Kontakt</h5>
                <p>
                    <i class="bi bi-geo-alt-fill me-2"></i>
                    Lange Straße 47<br>
                    <span class="ms-4">34346 Hann. Münden</span>
                </p>
                <p>
                    <i class="bi bi-envelope-fill me-2"></i>
                    <a href="mailto:info@muendener-gilde.de">info@muendener-gilde.de</a>
                </p>
                <p>
                    <i class="bi bi-telephone-fill me-2"></i>
                    <a href="tel:+49555199999">+49 5551 99999</a>
                </p>
                <div class="mt-4" style="font-size: 1.6rem;">
                    <a href="https://www.facebook.com/muendener.gilde" target="_blank" class="me-3" title="Facebook" rel="noopener">
                        <i class="bi bi-facebook"></i>
                    </a>
                    <a href="https://www.instagram.com/muendener_gilde" target="_blank" title="Instagram" rel="noopener">
                        <i class="bi bi-instagram"></i>
                    </a>
                </div>
            </div>
        </div>
        <hr style="border-color: rgba(255,255,255,0.2); margin: 2rem 0 1.5rem 0;">
        <div class="row">
            <div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
                <p class="mb-0">&copy; 2026 Mündener Gilde e.V. Alle Rechte vorbehalten.</p>
            </div>
            <div class="col-md-6 text-center text-md-end">
                <a href="https://gilde-2.prototypehub.de/datenschutz" class="me-3">Datenschutz</a>
                <a href="https://gilde-2.prototypehub.de/impressum">Impressum</a>
            </div>
        </div>
    </div>
</footer>

<!-- Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>

<!-- Common JavaScript for all pages -->
<script>
// Auto-hide alerts after 5 seconds
document.addEventListener('DOMContentLoaded', function() {
    const alerts = document.querySelectorAll('.alert:not(.alert-permanent)');
    alerts.forEach(function(alert) {
        setTimeout(function() {
            const bsAlert = new bootstrap.Alert(alert);
            bsAlert.close();
        }, 5000);
    });
});
</script>


    <style>


        /* Vertical right side icon panel - NEW PREFIX */
        .gilde-right-menu-container {
            position: fixed;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 1.5rem;
            padding: 2rem 1rem;
            background: transparent;
            z-index: 1000;
            border-radius: 20px 0 0 20px;
        }

        .gilde-right-menu-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-decoration: none;
            color: #333;
            transition: all 0.3s ease;
            position: relative;
        }

        .gilde-right-menu-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-color: white;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
            position: relative;
        }

        .gilde-right-menu-item:hover .gilde-right-menu-icon {
            background-color: #3365AA;
            transform: translateY(-3px) scale(1.1);
            box-shadow: none;
        }

        .gilde-right-menu-item:hover .gilde-right-menu-icon i {
            color: white;
        }

        .gilde-right-menu-icon i {
            font-size: 1.2rem;
            color: #333;
            transition: all 0.3s ease;
        }

        .gilde-right-menu-label {
            position: absolute;
            right: 60px;
            top: 50%;
            transform: translateY(-50%);
            background-color: #333;
            color: white;
            padding: 0.5rem 1rem;
            border-radius: 6px;
            font-size: 0.8rem;
            white-space: nowrap;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            box-shadow: none;
        }

        .gilde-right-menu-label::after {
            content: '';
            position: absolute;
            right: -5px;
            top: 50%;
            transform: translateY(-50%);
            width: 0;
            height: 0;
            border-left: 5px solid #333;
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
        }

        .gilde-right-menu-item:hover .gilde-right-menu-label {
            opacity: 1;
            visibility: visible;
            right: 65px;
        }

        .gilde-right-menu-badge {
            position: absolute;
            top: -5px;
            right: -5px;
            font-size: 0.7rem;
        }

        /* Dropdown for icons */
        .gilde-right-menu-dropdown .dropdown-menu {
            position: absolute;
            right: 60px;
            top: 50%;
            transform: translateY(-50%);
            min-width: 200px;
            margin-top: 0;
        }

        .gilde-right-menu-dropdown:hover .dropdown-menu {
            opacity: 1;
            transform: translateY(-50%);
            visibility: visible;
        }

        /* Login button in vertical menu */
        .gilde-right-menu-login {
            border-radius: 25px;
            padding: 0.7rem 1.2rem;
            font-weight: 500;
            transition: all 0.3s ease;
            box-shadow: 0 4px 12px rgba(13, 110, 253, 0.2);
            background-color: #0d6efd;
            border: none;
            color: white;
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 0.5rem;
            font-size: 0.9rem;
        }

        .gilde-right-menu-login:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(13, 110, 253, 0.4);
            color: white;
            background-color: #0b5ed7;
        }

        @media (max-width: 991.98px) {
            .gilde-right-menu-container {
                display: none;
            }
        }

    </style>


<div class="gilde-right-menu-container">
    <div class="gilde-right-menu-item gilde-right-menu-dropdown dropdown">
        <div class="gilde-right-menu-icon" data-bs-toggle="dropdown" aria-expanded="false">
            <i class="bi bi-file-earmark-text"></i>
        </div>
        <span class="gilde-right-menu-label">Dokumente & Downloads</span>
        <ul class="dropdown-menu">
            <li><h6 class="dropdown-header">Dokumente & Downloads</h6></li>
            <li><a class="dropdown-item" href="https://gilde-2.prototypehub.de/mitglied-werden/">Mitglied werden</a></li>
            <li><a class="dropdown-item" href="https://gilde-2.prototypehub.de/#">Imagebroschüre</a></li>
            <li><hr class="dropdown-divider"></li>
            <li><a class="dropdown-item" href="https://gilde-2.prototypehub.de/#">Satzung</a></li>
            <li><a class="dropdown-item" href="https://gilde-2.prototypehub.de/#">Antragsformulare</a></li>
        </ul>
    </div>
    <a class="gilde-right-menu-item" href="https://gilde-2.prototypehub.de/#" aria-label="Kontakt" title="Kontakt">
        <div class="gilde-right-menu-icon"><i class="bi bi-envelope"></i></div>
        <span class="gilde-right-menu-label">Kontakt</span>
    </a>
    <a class="gilde-right-menu-item" href="https://gilde-2.prototypehub.de/#" aria-label="Suche" title="Suche">
        <div class="gilde-right-menu-icon"><i class="bi bi-search"></i></div>
        <span class="gilde-right-menu-label">Suche</span>
    </a>
    <a class="gilde-right-menu-item" href="https://gilde-2.prototypehub.de/#" aria-label="Benachrichtigungen" title="Benachrichtigungen">
        <div class="gilde-right-menu-icon"><i class="bi bi-bell"></i></div>
        <span class="gilde-right-menu-label">Benachrichtigungen</span>
    </a>
    <a class="gilde-right-menu-login" href="https://gilde-2.prototypehub.de/login">
        <i class="bi bi-box-arrow-in-right"></i>
        <span>Login</span>
    </a>
</div>


</body>
</html>