endpoints.path: /
endpoints.endpoint_type: HTTP
endpoints.scan_time: 2025-10-02T15:07:36.026574
endpoints.uri: https://www.hc-thaur.at/
endpoints.protocol: HTTP/1.1
endpoints.status_reason: OK
endpoints.key: ETag
endpoints.headers: "11c86-6401efa35f11f-gzip"
endpoints.key: Content-Length
endpoints.headers: 13172
endpoints.key: Connection
endpoints.headers: Upgrade
endpoints.key: Server
endpoints.headers: Apache
endpoints.key: Last-Modified
endpoints.headers: Wed, 01 Oct 2025 20:47:31 GMT
endpoints.key: Content-Encoding
endpoints.headers: gzip
endpoints.key: Vary
endpoints.headers: Accept-Encoding,User-Agent
endpoints.key: Accept-Ranges
endpoints.headers: bytes
endpoints.key: Content-Type
endpoints.headers: text/html
endpoints.key: Upgrade
endpoints.headers: h2,h2c
endpoints.key: Date
endpoints.headers: <REDACTED>
endpoints.html_tags: <title>HC Thaur - Offizielle Homepage</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Expires" content="0">
endpoints.body: <!DOCTYPE html>
  <html lang="de">
  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>HC Thaur - Offizielle Homepage</title>
      <script src="https://cdn.tailwindcss.com"></script>
      <link rel="preconnect" href="https://fonts.googleapis.com">
      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
      <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&display=swap" rel="stylesheet">
      <link rel="icon" href="images/favicon.ico" type="image/x-icon">
      <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
      <meta http-equiv="Pragma" content="no-cache">
      <meta http-equiv="Expires" content="0">
      <style>
          body {
              font-family: 'Inter', sans-serif;
              background-color: #f0f2f5;
          }
          /* Custom Club Colors */
          .hc-red { color: #fc0612; }
          .bg-hc-red { background-color: #fc0612; }
          .border-hc-red { border-color: #fc0612; }
          .hover\:bg-hc-red-dark:hover { background-color: #d30510; }
  
          /* Smooth scroll for anchor links */
          html {
              scroll-behavior: smooth;
          }
  
          /* Sponsor scrollbar styling */
          .sponsor-carousel::-webkit-scrollbar {
              height: 8px;
          }
          .sponsor-carousel::-webkit-scrollbar-track {
              background: #e0e0e0;
              border-radius: 10px;
          }
          .sponsor-carousel::-webkit-scrollbar-thumb {
              background: #888;
              border-radius: 10px;
          }
          .sponsor-carousel::-webkit-scrollbar-thumb:hover {
              background: #555;
          }
  
          /* New Sponsor Carousel Styles */
          .carousel-container {
              -ms-overflow-style: none;
              scrollbar-width: none;
          }
          .carousel-container::-webkit-scrollbar {
              display: none;
          }
  
          .sponsor-card {
              opacity: 0;
              transform: translateY(20px);
              transition: opacity 0.6s ease-out, transform 0.6s ease-out;
              scroll-snap-align: center;
          }
          .sponsor-card.is-visible {
              opacity: 1;
              transform: translateY(0);
          }
  
          /* Gallery Modal Styles */
          .gallery-modal {
              display: none;
              position: fixed;
              z-index: 1000;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
              background-color: rgba(0, 0, 0, 0.9);
          }
          .gallery-modal.active {
              display: flex;
              align-items: center;
              justify-content: center;
          }
          .gallery-modal-content {
              max-width: 90%;
              max-height: 90%;
              position: relative;
          }
          .gallery-modal-content img {
              width: 100%;
              height: auto;
              border-radius: 8px;
          }
          .gallery-modal-close {
              position: absolute;
              top: 20px;
              right: 35px;
              color: #f1f1f1;
              font-size: 40px;
              font-weight: bold;
              cursor: pointer;
              background: none;
              border: none;
          }
          .gallery-modal-close:hover {
              opacity: 0.7;
          }
  
          /* Custom animations */
          @keyframes fadeInUp {
              from {
                  opacity: 0;
                  transform: translateY(30px);
              }
              to {
                  opacity: 1;
                  transform: translateY(0);
              }
          }
          .animate-fade-in-up {
              animation: fadeInUp 0.8s ease-out;
          }
  
          /* Stats component (scoped, no global overrides) */
          .fade-in { animation: fadeIn 1s ease-in-out; }
          @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
  
          /* Bars and tooltips */
          .bar-container .tooltip {
              position: absolute;
              background-color: rgba(0, 0, 0, 0.75);
              color: #fff;
              padding: 0.5rem 0.75rem;
              border-radius: 0.5rem;
              font-size: 0.875rem;
              white-space: nowrap;
              pointer-events: none;
              opacity: 0;
              transition: opacity 0.3s;
              transform: translate(-50%, -120%);
              left: 50%;
              top: 0;
          }
          .bar-container:hover .tooltip { opacity: 1; }
          .bar-goals { background-color: #fc0612; }     /* blue-500 */
          .bar-assists { background-color: #000000; }   /* green-500 */
          .bar-trainings { background-color: #fc0612; } /* amber-500 */
          .bar-trainingsall { background-color: #fc0612; } /* amber-500 */
      </style>
  </head>
  <body class="bg-gray-100">
  
      <!-- Header & Navigation -->
      <header class="bg-black text-white shadow-lg sticky top-0 z-50">
          <div class="container mx-auto px-6 py-3 flex justify-between items-center">
              <!-- Logo -->
              <a href="#" class="flex items-center space-x-2">
                  <img src="images/logo.png" alt="HC Thaur Logo" class="h-16 w-16 rounded-full object-contain">
                  <span class="text-xl font-bold tracking-wider">HC THAUR</span>
              </a>
              
              <!-- Desktop Navigation -->
              <nav class="hidden md:flex items-center space-x-6">
                  <a href="#about" class="hover:text-hc-red transition duration-300">Unser Verein</a>
                  <a href="#news" class="hover:text-hc-red transition duration-300">News</a>
                  <a href="#sponsors" class="hover:text-hc-red transition duration-300">Sponsoren</a>
                  <a href="#contact" class="hover:text-hc-red transition duration-300">Kontakt</a>
              </nav>
  
              <!-- Social Media Icons (Desktop) -->
              <div class="hidden md:flex items-center space-x-4">
                  <a href="https://www.facebook.com/HockeyClubThaur/" target="_blank" aria-label="Facebook" class="text-gray-400 hover:text-hc-red transition duration-300">
                      <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"/></svg>
                  </a>
                  <a href="https://www.instagram.com/hockeyclub_thaur/" target="_blank" aria-label="Instagram" class="text-gray-400 hover:text-hc-red transition duration-300">
                      <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.85s-.011 3.584-.069 4.85c-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07s-3.584-.012-4.85-.07c-3.252-.148-4.771-1.691-4.919-4.919-.058-1.265-.069-1.645-.069-4.85s.011-3.584.069-4.85c.149-3.225 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.85-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948s.014 3.667.072 4.947c.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072s3.667-.014 4.947-.072c4.358-.2 6.78-2.618 6.98-6.98.059-1.281.073-1.689.073-4.948s-.014-3.667-.072-4.947c-.2-4.358-2.618-6.78-6.98-6.98-1.281-.059-1.689-.073-4.948-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.162 6.162 6.162 6.162-2.759 6.162-6.162-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4s1.791-4 4-4 4 1.79 4 4-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44 1.441-.645 1.441-1.44-.645-1.44-1.441-1.44z"/></svg>
                  </a>
              </div>
  
              <!-- Mobile Menu Button -->
              <div class="md:hidden">
                  <button id="mobile-menu-button" class="text-white focus:outline-none">
                      <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path></svg>
                  </button>
              </div>
          </div>
  
          <!-- Mobile Menu -->
          <div id="mobile-menu" class="hidden md:hidden bg-black bg-opacity-95 absolute w-full">
              <a href="#about" class="block text-center py-3 text-white hover:bg-gray-800">Unser Verein</a>
              <a href="#news" class="block text-center py-3 text-white hover:bg-gray-800">News</a>
              <a href="#sponsors" class="block text-center py-3 text-white hover:bg-gray-800">Sponsoren</a>
              <a href="#contact" class="block text-center py-3 text-white hover:bg-gray-800">Kontakt</a>
          </div>
      </header>
  
      <main>
          <!-- Hero Section -->
          <section id="home" class="relative h-[60vh] md:h-[80vh] bg-cover bg-center" style="background-image: url('images/background2.jpg');">
              <div class="absolute inset-0 bg-black bg-opacity-40"></div>
              <div class="relative z-10 flex flex-col items-center h-full text-center text-white px-4 pt-8 md:pt-16">
                  <h1 class="text-4xl md:text-7xl font-black uppercase tracking-wider mb-4">Willkommen beim Hockey Club <span class="hc-red">Thaur</span></h1>
                  <div class="mt-auto mb-8 space-x-4">
                      <a href="#sponsors" class="inline-block px-8 py-4 bg-hc-red text-white font-bold uppercase rounded-lg shadow-lg hover:bg-hc-red-dark transition duration-300 transform hover:scale-105">
                          Zu unseren Sponsoren
                      </a>
                      <a href="#contact" class="inline-block px-8 py-4 bg-transparent border-2 border-white text-white font-bold uppercase rounded-lg shadow-lg hover:bg-white hover:text-black transition duration-300 transform hover:scale-105">
                          Kontakt
                      </a>
                  </div>
              </div>
          </section>
  
          <!-- About Section -->
          <section id="about" class="py-20 bg-white scroll-mt-24">
              <div class="container mx-auto px-6">
                  
                  <!-- Club Logo -->
                  <div class="text-center mb-12">
                      <div class="logo-container">
                          <img src="images/logo.png" alt="HCT Logo" class="h-32 w-32 md:h-48 md:w-48 mx-auto rounded-full shadow-lg">
                      </div>
                  </div>
  
                  <!-- Animated Statistics -->
                  <div class="stats-container max-w-6xl mx-auto mb-16">
                      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-6 text-center">
                          <div class="bg-gray-50 rounded-lg p-6 hover:shadow-lg transition duration-300">
                              <div class="text-3xl md:text-4xl font-black text-hc-red mb-2">
                                  <span class="counter" data-target="233">0</span>
                              </div>
                              <h3 class="text-lg font-bold text-gray-800 mb-1">Mitglieder Gesamt</h3>
                              <p class="text-green-600 font-semibold text-sm">(+12)</p>
                          </div>
                          <div class="bg-gray-50 rounded-lg p-6 hover:shadow-lg transition duration-300">
                              <div class="text-3xl md:text-4xl font-black text-hc-red mb-2">
                                  <span class="counter" data-target="57">0</span>
                              </div>
                              <h3 class="text-lg font-bold text-gray-800 mb-1">Kids</h3>
                              <p class="text-green-600 font-semibold text-sm">(+4)</p>
                          </div>
                          <div class="bg-gray-50 rounded-lg p-6 hover:shadow-lg transition duration-300">
                              <div class="text-3xl md:text-4xl font-black text-hc-red mb-2">
                                  <span class="counter" data-target="58">0</span>
                              </div>
                              <h3 class="text-lg font-bold text-gray-800 mb-1">Aktive Spieler</h3>
                              <p class="text-green-600 font-semibold text-sm">(+3)</p>
                          </div>
                          <div class="bg-gray-50 rounded-lg p-6 hover:shadow-lg transition duration-300">
                              <div class="text-3xl md:text-4xl font-black text-hc-red mb-2">
                                  <span class="counter" data-target="28">0</span>
                              </div>
                              <h3 class="text-lg font-bold text-gray-800 mb-1">Radlfahrer</h3>
                              <p class="text-green-600 font-semibold text-sm">(+3)</p>
                          </div>
                          <div class="bg-gray-50 rounded-lg p-6 hover:shadow-lg transition duration-300">
                              <div class="text-3xl md:text-4xl font-black text-hc-red mb-2">
                                  <span class="counter" data-target="118">0</span>
                              </div>
                              <h3 class="text-lg font-bold text-gray-800 mb-1">Fördermitglieder</h3>
                              <p class="text-green-600 font-semibold text-sm">(+5)</p>
                          </div>
                      </div>
                  </div>
  
                  <!-- Club Information -->
                  <div class="max-w-4xl mx-auto">
                      <div class="text-center animate-fade-in-up">
                          <div class="prose prose-lg mx-auto text-gray-700">
                              <p class="mb-6">Seit unserer Gründung im Jahr 2017 steht beim Hockey Club Thaur die Freude am Sport und das gemeinsame Vereinsleben im Mittelpunkt. Was als kleine Hobbyrunde begann, ist heute ein lebendiger Verein mit knapp 60 aktiven Erwachsenen und zwei Nachwuchsteams mit 55 begeisterten Spielerinnen und Spielern.</p>
                              <p class="mb-6">Im Winter dreht sich bei uns alles um Eishockey – mit Leidenschaft, Teamgeist und jeder Menge Spaß auf dem Eis. Doch auch abseits der kalten Jahreszeit sind wir sportlich aktiv: gemeinsame Rennrad- und Mountainbiketouren, die Teilnahme an Laufveranstaltungen und vieles mehr sorgen für Abwechslung und Bewegung rund ums Jahr.</p>
                              <p>Neben dem Sport ist uns die Gemeinschaft besonders wichtig. Wir sind ein Verein, in dem Geselligkeit, Zusammenhalt und Freundschaft großgeschrieben werden – sei es bei Spielen, Ausflügen oder geselligen Abenden.</p>
                          </div>
                      </div>
                  </div>
                  <!-- instagram embed
                  <div id="insta-embed"></div>
                      <script>
                      (async () => {
                          try {
                          const r = await fetch('/public/ig-latest.html', { cache: 'no-store' });
                          if (!r.ok) throw 0;
                          document.getElementById('insta-embed').innerHTML = await r.text();
                          } catch {
                          document.getElementById('insta-embed').textContent = 'Instagram unavailable.';
                          }
                      })();
                      </script> -->
  
              
                  <!-- Nachwuchs Section -->
                  <div id="youth" class="bg-gray-100 rounded-lg p-8 mt-16">
                      <div class="grid grid-cols-1 md:grid-cols-2 items-center gap-8">
                          <div>
                              <h3 class="text-2xl font-bold mb-4">Nachwuchs - Die <span class="hc-red">Zukunft</span> des Vereins</h3>
                              <p class="text-gray-700 leading-relaxed mb-6">
                                  Die Zukunft gehört unserem Nachwuchs!
                              </p>
                              <p class="text-gray-700 leading-relaxed">
                                  Im Hockey Club Thaur sind wir unglaublich stolz auf unsere Nachwuchsarbeit. Unsere zwei Nachwuchsteams mit 55 jungen, begeisterten Spielerinnen und Spielern sind das Herzstück des Vereins. Ihre Leidenschaft und ihr Teamgeist sind ansteckend und zeigen, dass die Zukunft des HCT in den besten Händen liegt. Ein großes Dankeschön an unseren Nachwuchs – ihr seid unsere Inspiration!
                              </p>
                          </div>
                          <div class="h-64 bg-cover bg-center rounded-lg" style="background-image: url('images/teams/hct_minis.jpg')">
                          </div>
                      </div>
                  </div>
  
                  <!-- Hockey Club Thaur Section -->
                  <div id="hockey-club-thaur" class="bg-gray-100 rounded-lg p-8 mt-8">
                      <div class="grid grid-cols-1 md:grid-cols-2 items-center gap-8">
                          <div class="h-64 bg-cover bg-center rounded-lg" style="background-image: url('images/teams/hct_all.jpg')">
                          </div>
                          <div>
                              <h3 class="text-2xl font-bold mb-4">Unser <span class="hc-red">HCT</span> spielt auf!</h3>
                              <p class="text-gray-700 leading-relaxed mb-6">
                                  Die Mannschaft des Hockey Club Thaur blickt auf eine spannende und sportlich intensive Saison 2024/25 zurück. Neben den 34 Trainings fanden in der heurigen Saison noch 16 Spiele statt! Somit hatten alle aktiven Spieler die Chance auf insgesamt 50 Eiszeiten.
                                  48 Spieler begaben sich unterschiedlich oft auf das Eis und sorgten für viele unvergessliche Stunden voller Teamgeist, Einsatzbereitschaft und Freude am Spiel. Ein herzliches Dankeschön an alle, die diese Saison zu etwas Besonderem gemacht haben – wir freuen uns bereits auf die kommende Saison 2025/26!
                              </p>
                          </div>
                      </div>
                  </div>
  
                  <!-- Kampfmannschaft Section -->
                  <div id="kampfmannschaft" class="bg-gray-100 rounded-lg p-8 mt-16">
                      <div class="grid grid-cols-1 md:grid-cols-2 items-center gap-8">
                          
                          <div>
                              <h3 class="text-2xl font-bold mb-4">Unsere <span class="hc-red">Kampfmannschaft</span> glänzt!</h3>
                              <p class="text-gray-700 leading-relaxed mb-6">
                                  Ein riesiger Applaus für unsere Kampfmannschaft! Sie hat in der Saison 2024/25 eine wirklich sensationelle Leistung gezeigt und sich den vierten Tabellenplatz in der 2. Division des Tiroler Hockey Cups gesichert. Dieses herausragende Ergebnis ist das Resultat von harter Arbeit, großem Einsatz und echtem Teamgeist.
                              </p>
                              <p class="text-gray-700 leading-relaxed">
                                  Mit diesem Erfolg im Rücken blicken wir voller Spannung auf die kommende Saison 2025/26. Die Mannschaft ist bereit, das Eis wieder zum Beben zu bringen. Es wird heiß hergehen und wir können es kaum erwarten!
                              </p>
                          </div>
                          <div class="h-64 bg-cover bg-center rounded-lg" style="background-image: url('images/teams/hct_kampf.jpg')">
                          </div>
                      </div>
                  </div>
  
                  <!-- Mtb Section -->
                  <div id="mtb" class="bg-gray-100 rounded-lg p-8 mt-16">
                      <div class="grid grid-cols-1 md:grid-cols-2 items-center gap-8">
                          <div class="h-64 bg-cover bg-center rounded-lg" style="background-image: url('images/teams/hct_radteam.JPEG')">
                          </div>
                          <div>
                              <h3 class="text-2xl font-bold mb-4">Unsere <span class="hc-red">Radler</span> unterwegs!</h3>
                              <p class="text-gray-700 leading-relaxed mb-6">
                                  Die Radrunde des Hockey Club Thaur blickt auf eine abwechslungsreiche und sportliche Saison 2024/25 zurück. Von April bis Ende Oktober radelte der HCT wieder regelmäßig mit dem Rennrad oder (E)MTB auf die Almen der Umgebung. Insgesamt gab es 21 HCT-Ausfahrten bzw. Wanderungen! Krönender Abschluss der Saison war das „Okasn“ auf der Thaurer Alm.
                              </p>
                              <p class="text-gray-700 leading-relaxed">
                                   Ein herzliches Dankeschön an alle, die dabei waren und viele schöne Stunden in Bewegung, Natur und Gemeinschaft ermöglicht haben!
                              </p>
                          </div>
                      </div>
                  </div>
  
              </div>
          </section>
  
          <!-- Latest News Section -->
          <section id="news" class="py-20 bg-gray-100 scroll-mt-24">
              <div class="container mx-auto px-6">
                  <h2 class="text-3xl md:text-4xl font-bold text-center mb-12">Aktuelle <span class="hc-red">News</span></h2>
                  
                  <!-- Head Sponsor Announcement -->
                  <!-- <div class="bg-white rounded-xl shadow-lg overflow-hidden mb-12 max-w-4xl mx-auto">
                      <div class="md:flex">
                          <div class="md:w-1/3 flex items-center justify-center bg-gray-50">
                              <img src="images/sponsors/drucken-tirol.jpg" alt="drucken.tirol" class="w-full max-h-64 md:max-h-full object-contain p-4">
                          </div>
                          <div class="md:w-2/3 p-8">
                              <h3 class="text-2xl md:text-3xl font-bold mb-4 text-hc-red">Herzlich Willkommen, drucken.tirol!</h3>
                              <p class="text-gray-700 mb-6 leading-relaxed">
                                  Wir freuen uns riesig, drucken.tirol als neuen Head-Sponsor des Hockey Club Thaur zu begrüßen! Eure Unterstützung ist eine enorme Wertschätzung für unsere Arbeit und hilft uns, unseren Sport mit Leidenschaft weiterzuleben. Vielen herzlichen Dank für dieses Vertrauen und eure Partnerschaft!
                              </p>
                              <a href="https://drucken.tirol" target="_blank" class="inline-flex items-center px-6 py-3 bg-hc-red text-white font-bold rounded-lg hover:bg-hc-red-dark transition duration-300">
                                  Zu unserem Sponsor
                                  <svg class="ml-2 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
                                  </svg>
                              </a>
                          </div>
                      </div>
                  </div> -->
  
                  <div class="bg-white rounded-xl shadow-lg overflow-hidden mb-12 max-w-4xl mx-auto">
                      <div class="md:flex">
                          <div class="md:w-1/3 flex items-center justify-center bg-gray-50">
                              <img src="images/news/hockey_handy.jpg" alt="HCT Logo" class="w-full max-h-64 md:max-h-full object-contain p-4">
                          </div>
                          <div class="md:w-2/3 p-8">
                              <h3 class="text-2xl md:text-3xl font-bold mb-4 text-hc-red">Die neue Hockey Saison 2025/26 steht vor der Tür!</h3>
                              <p class="text-gray-700 mb-6 leading-relaxed">
                              Am 16. Oktober 2025 startet der Hockey Club Thaur in die neue Saison! Wir freuen uns auf eine verletzungsfreie und sportliche Spielzeit mit vielen spannenden Momenten am Eis. Das Trainingslager, das am 28. November 2025 beginnt, ist bereits voll ausgebucht – ein perfekter Auftakt, um gemeinsam motiviert in die Saison 2025/26 zu starten!  
                              </p>
                          </div>
                      </div>
                  </div>
  
                  <!-- Vereinsmagazin News Section -->
                  <div class="bg-white rounded-xl shadow-lg overflow-hidden mb-12 max-w-4xl mx-auto">
                      <div class="md:flex">
                          <div class="md:w-1/3 flex items-center justify-center bg-gray-50">
                              <img src="images/logo.png" alt="HCT Logo" class="w-32 h-32 md:w-48 md:h-48 object-contain p-4 rounded-full shadow-lg">
                          </div>
                          <div class="md:w-2/3 p-8">
                              <h3 class="text-2xl md:text-3xl font-bold mb-4 text-hc-red">Unser Vereinsmagazin ist da!</h3>
                              <p class="text-gray-700 mb-6 leading-relaxed">
                                  Entdecken Sie die neueste Ausgabe unseres Vereinsmagazins! Mit spannenden Berichten, Interviews, Spielerporträts und einem Rückblick auf die Saison 2024/25. Erfahren Sie mehr über unsere Erfolge, Pläne für die Zukunft und das Leben im Hockey Club Thaur.
                              </p>
                              <button onclick="openBookletPopup()" class="inline-flex items-center px-6 py-3 bg-hc-red text-white font-bold rounded-lg hover:bg-hc-red-dark transition duration-300">
                                  Magazin ansehen
                                  <svg class="ml-2 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.746 0 3.332.477 4.5 1.253v13C19.832 18.477 18.246 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"></path>
                                  </svg>
                              </button>
                          </div>
                      </div>
                  </div>
  
                  <!-- REPLACED: Spielplan block -->
                  <div class="bg-white border-2 border-gray-200 rounded-xl shadow-lg overflow-hidden max-w-4xl mx-auto mb-12 fade-in">
                      <div class="p-6">
                          <h3 class="text-2xl md:text-3xl font-bold mb-6 text-center">Saison 2024/25 <span class="hc-red">in Zahlen</span></h3>
  
                          <div class="p-6">
                              <!-- Bar Chart for different member groups -->
                              <!-- Top Scorer Chart -->
                              <div class="bg-gray-100 p-6 rounded-lg shadow-inner mb-8">
                                  <h5 class="text-lg md:text-xl font-semibold mb-4 text-gray-800 text-center">Topscorer 2. Division Tiroler Hockey Cup</h5>
                                  <div class="space-y-6">
                                      <div class="flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-4">
                                          <span class="sm:w-1/4 md:w-1/5 text-sm font-semibold text-gray-700 text-center sm:text-left">Lukas Christler</span>
                                          <div class="flex-1 flex flex-col gap-2">
                                              <div class="w-full h-4 bg-white border border-gray-200 rounded-full overflow-hidden shadow-sm flex">
                                                  <div class="bar-goals h-full" style="width:48.6%"></div>
                                                  <div class="bar-assists h-full" style="width:51.4%"></div>
                                              </div>
                                              <div class="flex justify-between text-xs text-gray-600">
                                                  <span class="font-medium text-gray-700">17 Tore</span>
                                                  <span class="font-medium text-gray-700">18 Assists</span>
                                              </div>
                                          </div>
                                          <span class="sm:w-12 text-sm font-bold text-gray-800 text-center sm:text-right">35 Pkt</span>
                                      </div>
                                      <div class="flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-4">
                                          <span class="sm:w-1/4 md:w-1/5 text-sm font-semibold text-gray-700 text-center sm:text-left">Föger Mario</span>
                                          <div class="flex-1 flex flex-col gap-2">
                                              <div class="w-full h-4 bg-white border border-gray-200 rounded-full overflow-hidden shadow-sm flex">
                                                  <div class="bar-goals h-full" style="width:56.3%"></div>
                                                  <div class="bar-assists h-full" style="width:43.7%"></div>
                                              </div>
                                              <div class="flex justify-between text-xs text-gray-600">
                                                  <span class="font-medium text-gray-700">9 Tore</span>
                                                  <span class="font-medium text-gray-700">7 Assists</span>
                                              </div>
                                          </div>
                                          <span class="sm:w-12 text-sm font-bold text-gray-800 text-center sm:text-right">16 Pkt</span>
                                      </div>
                                      <div class="flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-4">
                                          <span class="sm:w-1/4 md:w-1/5 text-sm font-semibold text-gray-700 text-center sm:text-left">Thomas Pipal</span>
                                          <div class="flex-1 flex flex-col gap-2">
                                              <div class="w-full h-4 bg-white border border-gray-200 rounded-full overflow-hidden shadow-sm flex">
                                                  <div class="bar-goals h-full" style="width:38.5%"></div>
                                                  <div class="bar-assists h-full" style="width:61.5%"></div>
                                              </div>
                                              <div class="flex justify-between text-xs text-gray-600">
                                                  <span class="font-medium text-gray-700">5 Tore</span>
                                                  <span class="font-medium text-gray-700">8 Assists</span>
                                              </div>
                                          </div>
                                          <span class="sm:w-12 text-sm font-bold text-gray-800 text-center sm:text-right">13 Pkt</span>
                                      </div>
                                      <div class="flex flex-col items-center justify-center gap-3 pt-2 text-xs text-gray-600 sm:flex-row sm:justify-end sm:gap-6">
                                          <div class="flex items-center gap-2"><div class="w-4 h-4 rounded-full bar-goals border"></div><span>Tore</span></div>
                                          <div class="flex items-center gap-2"><div class="w-4 h-4 rounded-full bar-assists border"></div><span>Assists</span></div>
                                      </div>
                                  </div>
                              </div>
  
                              <div class="bg-gray-100 p-6 rounded-lg shadow-inner mb-8">
                                  <h5 class="text-lg md:text-xl font-semibold mb-4 text-gray-800 text-center">Fleißigsten Top 5 Spieler Trainingseinheiten</h5>
                                  <div class="space-y-6">
                                      <div class="flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-4">
                                          <span class="sm:w-1/4 md:w-1/5 text-sm font-semibold text-gray-700 text-center sm:text-left">Wolfgang Winkler</span>
                                          <div class="flex-1">
                                              <div class="w-full h-4 bg-white border border-gray-200 rounded-full overflow-hidden shadow-sm">
                                                  <div class="bar-trainings h-full" style="width:76.5%"></div>
                                              </div>
                                          </div>
                                          <span class="sm:w-10 text-sm font-bold text-gray-800 text-center sm:text-right">26/34</span>
                                      </div>
                                      <div class="flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-4">
                                          <span class="sm:w-1/4 md:w-1/5 text-sm font-semibold text-gray-700 text-center sm:text-left">Toni Plank</span>
                                          <div class="flex-1">
                                              <div class="w-full h-4 bg-white border border-gray-200 rounded-full overflow-hidden shadow-sm">
                                                  <div class="bar-trainings h-full" style="width:76.5%;"></div>
                                              </div>
                                          </div>
                                          <span class="sm:w-10 text-sm font-bold text-gray-800 text-center sm:text-right">26/34</span>
                                      </div>
                                      <div class="flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-4">
                                          <span class="sm:w-1/4 md:w-1/5 text-sm font-semibold text-gray-700 text-center sm:text-left">Gabriel Thaler</span>
                                          <div class="flex-1">
                                              <div class="w-full h-4 bg-white border border-gray-200 rounded-full overflow-hidden shadow-sm">
                                                  <div class="bar-trainings h-full" style="width:73.5%;"></div>
                                              </div>
                                          </div>
                                          <span class="sm:w-10 text-sm font-bold text-gray-800 text-center sm:text-right">25/34</span>
                                      </div>
                                      <div class="flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-4">
                                          <span class="sm:w-1/4 md:w-1/5 text-sm font-semibold text-gray-700 text-center sm:text-left">Niki Christler</span>
                                          <div class="flex-1">
                                              <div class="w-full h-4 bg-white border border-gray-200 rounded-full overflow-hidden shadow-sm">
                                                  <div class="bar-trainings h-full" style="width:70.6%;"></div>
                                              </div>
                                          </div>
                                          <span class="sm:w-10 text-sm font-bold text-gray-800 text-center sm:text-right">24/34</span>
                                      </div>
                                      <div class="flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-4">
                                          <span class="sm:w-1/4 md:w-1/5 text-sm font-semibold text-gray-700 text-center sm:text-left">Mario Föger</span>
                                          <div class="flex-1">
                                              <div class="w-full h-4 bg-white border border-gray-200 rounded-full overflow-hidden shadow-sm">
                                                  <div class="bar-trainings h-full" style="width:67.7%;"></div>
                                              </div>
                                          </div>
                                          <span class="sm:w-10 text-sm font-bold text-gray-800 text-center sm:text-right">23/34</span>
                                      </div>
                                  </div>
                              </div>
  
                              <!-- Hockey Cup Tirol Table -->
                              <div class="overflow-x-auto bg-gray-100 p-6 rounded-lg shadow-inner">
                                  <h5 class="text-lg md:text-xl font-semibold mb-4 text-gray-800 text-center">Hockey Cup Tirol Tabelle Grunddurchgang</h5>
                                  <table class="w-full text-left">
                                      <thead>
                                          <tr class="bg-gray-200 uppercase text-xs text-gray-600 font-semibold tracking-wider">
                                              <th class="py-3 px-4 rounded-tl-lg">Platz</th>
                                              <th class="py-3 px-4">Team</th>
                                              <th class="py-3 px-4 text-center">Spiele</th>
                                              <th class="py-3 px-4 text-right rounded-tr-lg">Punkte</th>
                                          </tr>
                                      </thead>
                                      <tbody>
                                          <tr class="border-b border-gray-200 last:border-b-0 hover:bg-white">
                                              <td class="py-3 px-4 text-sm font-medium text-gray-800">1</td>
                                              <td class="py-3 px-4 text-sm text-gray-700">EHC VOLDERS WHITE HAWKS</td>
                                              <td class="py-3 px-4 text-sm text-center text-gray-700">10</td>
                                              <td class="py-3 px-4 text-sm font-bold text-right text-gray-800">18</td>
                                          </tr>
                                          <tr class="bg-hc-red bg-opacity-10 border-b-2 border-hc-red last:border-b-0 hover:bg-opacity-20">
                                              <td class="py-3 px-4 text-sm font-bold text-white">2</td>
                                              <td class="py-3 px-4 text-sm font-bold text-white">HOCKEY CLUB THAUR</td>
                                              <td class="py-3 px-4 text-sm font-bold text-center text-white">10</td>
                                              <td class="py-3 px-4 text-sm font-bold text-right text-white">18</td>
                                          </tr>
                                          <tr class="border-b border-gray-200 last:border-b-0 hover:bg-white">
                                              <td class="py-3 px-4 text-sm font-medium text-gray-800">3</td>
                                              <td class="py-3 px-4 text-sm text-gray-700">EC SELLRAINTAL WOLVES</td>
                                              <td class="py-3 px-4 text-sm text-center text-gray-700">10</td>
                                              <td class="py-3 px-4 text-sm font-bold text-right text-gray-800">17</td>
                                          </tr>
                                          <tr class="border-b border-gray-200 last:border-b-0 hover:bg-white">
                                              <td class="py-3 px-4 text-sm font-medium text-gray-800">4</td>
                                              <td class="py-3 px-4 text-sm text-gray-700">TYROLEAN ICE KINGS</td>
                                              <td class="py-3 px-4 text-sm text-center text-gray-700">10</td>
                                              <td class="py-3 px-4 text-sm font-bold text-right text-gray-800">15</td>
                                          </tr>
                                          <tr class="border-b border-gray-200 last:border-b-0 hover:bg-white">
                                              <td class="py-3 px-4 text-sm font-medium text-gray-800">5</td>
                                              <td class="py-3 px-4 text-sm text-gray-700">EHC BLACK SCORPIONS STRASS</td>
                                              <td class="py-3 px-4 text-sm text-center text-gray-700">10</td>
                                              <td class="py-3 px-4 text-sm font-bold text-right text-gray-800">13</td>
                                          </tr>
                                          <tr class="border-b border-gray-200 last:border-b-0 hover:bg-white">
                                              <td class="py-3 px-4 text-sm font-medium text-gray-800">6</td>
                                              <td class="py-3 px-4 text-sm text-gray-700">EC ASCHAUER EISBÄREN</td>
                                              <td class="py-3 px-4 text-sm text-center text-gray-700">10</td>
                                              <td class="py-3 px-4 text-sm font-bold text-right text-gray-800">9</td>
                                          </tr>
                                      </tbody>
                                  </table>
                              </div>
                          </div>
                      </div>
                  </div>
  
                  <!-- Instagram Feed -->
                  <div class="bg-white rounded-xl shadow-lg p-8 max-w-4xl mx-auto mb-12">
                      <h3 class="text-2xl font-bold text-center mb-6">Folgt uns auf <span class="text-pink-600">Instagram</span></h3>
                      <div class="text-center">
                          <div class="bg-gradient-to-br from-purple-600 via-pink-600 to-yellow-500 rounded-xl p-1 inline-block mb-4">
                              <div class="bg-white rounded-lg p-6">
                                  <svg class="w-12 h-12 mx-auto text-pink-600 mb-4" fill="currentColor" viewBox="0 0 24 24">
                                      <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.79 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/>
                                  </svg>
                                  <p class="text-gray-600 mb-4">@hockeyclubthaur</p>
                                  <a href="https://instagram.com/hockeyclub_thaur" target="_blank" class="inline-flex items-center px-6 py-3 bg-gradient-to-r from-purple-600 to-pink-600 text-white font-bold rounded-lg hover:from-purple-700 hover:to-pink-700 transition duration-300">
                                      Folgen
                                      <svg class="ml-2 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
                                      </svg>
                                  </a>
                              </div>
                          </div>
                          <p class="text-gray-600 text-sm">Aktuelle Updates, Spielberichte und Behind-the-Scenes Momente</p>
                      </div>
                  </div>
              </div>
          </section>
  
          <!-- Sponsors Section -->
          <section id="sponsors" class="py-20 bg-gray-900 text-white scroll-mt-24">
              <div class="container mx-auto px-6 max-w-7xl">
                  <!-- Kopfbereich -->
                  <div class="text-center">
                      <h2 class="text-3xl md:text-4xl font-bold text-center mb-12">
                          Unsere <span class="hc-red">Sponsoren</span>
                      </h2>
                      <p class="text-lg md:text-xl text-gray-400 max-w-2xl mx-auto">
                          Vielen Dank an unsere unglaublichen Partner. Ohne Ihre Unterstützung wäre all dies nicht möglich.
                      </p>
                  </div>
  
                  <!-- Karussell-Container -->
                  <div class="relative group">
                      <!-- Navigationstasten -->
                      <button id="prev-btn" class="absolute left-0 top-1/2 transform -translate-y-1/2 -ml-12 p-3 rounded-full bg-hc-red text-white shadow-lg transition-all duration-300 opacity-0 group-hover:opacity-100 z-10 hidden sm:block">
                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6">
                              <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
                          </svg>
                      </button>
                      <button id="next-btn" class="absolute right-0 top-1/2 transform -translate-y-1/2 -mr-12 p-3 rounded-full bg-hc-red text-white shadow-lg transition-all duration-300 opacity-0 group-hover:opacity-100 z-10 hidden sm:block">
                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6">
                              <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
                          </svg>
                      </button>
  
                      <!-- Sponsorenraster im Karussell -->
                      <div id="sponsor-grid" class="carousel-container flex overflow-x-scroll snap-x snap-mandatory gap-6 p-4">
                          <!-- changed: bg-white + text-gray-900 + border-gray-200 -->
                          <div class="sponsor-card flex-none w-64 md:w-80 bg-white text-gray-900 border border-gray-200 rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-red-500/10">
                              <img src="images/sponsors/drucken-tirol.jpg" onerror="this.onerror=null; this.src='https://placehold.co/200x100/1f2937/d4d4d4?text=LOGO'" alt="Drucken Tirol" class="rounded-lg mb-2">
                          </div>
  
                          <div class="sponsor-card flex-none w-64 md:w-80 bg-white text-gray-900 border border-gray-200 rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-red-500/10">
                              <img src="images/sponsors/db_performance.png" onerror="this.onerror=null; this.src='https://placehold.co/200x100/1f2937/d4d4d4?text=LOGO'" alt="DB Performance" class="rounded-lg mb-2">
                          </div>
  
                          <div class="sponsor-card flex-none w-64 md:w-80 bg-white text-gray-900 border border-gray-200 rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-red-500/10">
                              <img src="images/sponsors/raika.png" onerror="this.onerror=null; this.src='https://placehold.co/200x100/1f2937/d4d4d4?text=LOGO'" alt="Raika" class="rounded-lg mb-2">
                          </div>
  
                          <div class="sponsor-card flex-none w-64 md:w-80 bg-white text-gray-900 border border-gray-200 rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-red-500/10">
                              <img src="images/sponsors/giner_sonnenschutz.png" onerror="this.onerror=null; this.src='https://placehold.co/200x100/1f2937/d4d4d4?text=LOGO'" alt="Sonnenschutz Giner" class="rounded-lg mb-2">
                          </div>
  
                          <div class="sponsor-card flex-none w-64 md:w-80 bg-white text-gray-900 border border-gray-200 rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-red-500/10">
                              <img src="images/sponsors/legno.png" onerror="this.onerror=null; this.src='https://placehold.co/200x100/1f2937/d4d4d4?text=LOGO'" alt="Legno" class="rounded-lg mb-2">
                          </div>
  
                          <div class="sponsor-card flex-none w-64 md:w-80 bg-white text-gray-900 border border-gray-200 rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-red-500/10">
                              <img src="images/sponsors/easydriver.png" onerror="this.onerror=null; this.src='https://placehold.co/200x100/1f2937/d4d4d4?text=LOGO'" alt="EasyDriver" class="rounded-lg mb-2">
                          </div>
  
                          <div class="sponsor-card flex-none w-64 md:w-80 bg-white text-gray-900 border border-gray-200 rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-red-500/10">
                              <img src="images/sponsors/eah.png" onerror="this.onerror=null; this.src='https://placehold.co/200x100/1f2937/d4d4d4?text=LOGO'" alt="EAH" class="rounded-lg mb-2">
                          </div>
  
                          <div class="sponsor-card flex-none w-64 md:w-80 bg-white text-gray-900 border border-gray-200 rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-red-500/10">
                              <img src="images/sponsors/eine_grafikerin.jpeg" onerror="this.onerror=null; this.src='https://placehold.co/200x100/1f2937/d4d4d4?text=LOGO'" alt="Eine Grafikerin" class="rounded-lg mb-2">
                          </div>
  
                          <div class="sponsor-card flex-none w-64 md:w-80 bg-white text-gray-900 border border-gray-200 rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-red-500/10">
                              <img src="images/sponsors/gummi_winkler.jpeg" alt="Gummi Winkler" class="rounded-lg mb-2">
                          </div>
  
                          <div class="sponsor-card flex-none w-64 md:w-80 bg-white text-gray-900 border border-gray-200 rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-red-500/10">
                              <img src="images/sponsors/generali.JPG" alt="Gummi Winkler" class="rounded-lg mb-2">
                          </div>
  
                          <div class="sponsor-card flex-none w-64 md:w-80 bg-white text-gray-900 border border-gray-200 rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-red-500/10">
                              <img src="images/sponsors/jaeger.png" onerror="this.onerror=null; this.src='https://www.gaertnerei-jaeger.at'" alt="Gärtnerei Jäger" class="rounded-lg mb-2">
                          </div>
  
                          <div class="sponsor-card flex-none w-64 md:w-80 bg-white text-gray-900 border border-gray-200 rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-red-500/10">
                              <img src="images/sponsors/plank_autohandel.png" onerror="this.onerror=null; this.src='https://placehold.co/200x100/1f2937/d4d4d4?text=LOGO'" alt="Kanal Service Plank" class="rounded-lg mb-2">
                          </div>
  
                          <div class="sponsor-card flex-none w-64 md:w-80 bg-white text-gray-900 border border-gray-200 rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-red-500/10">
                              <img src="images/sponsors/plank_kanalservice.png" onerror="this.onerror=null; this.src='https://placehold.co/200x100/1f2937/d4d4d4?text=LOGO'" alt="Kanal Service Plank" class="rounded-lg mb-2">
                          </div>
  
                          <div class="sponsor-card flex-none w-64 md:w-80 bg-white text-gray-900 border border-gray-200 rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-red-500/10">
                              <img src="images/sponsors/binder.jpeg" onerror="this.onerror=null; this.src='https://placehold.co/200x100/1f2937/d4d4d4?text=LOGO'" alt="Binder" class="rounded-lg mb-2">
                          </div>
                          <div class="sponsor-card flex-none w-64 md:w-80 bg-white text-gray-900 border border-gray-200 rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-red-500/10">
                              <img src="images/sponsors/katzenberger.png" alt="Katzenberger" class="rounded-lg mb-2">
                          </div>
                          <div class="sponsor-card flex-none w-64 md:w-80 bg-white text-gray-900 border border-gray-200 rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-red-500/10">
                              <img src="images/sponsors/hoepperger.jpg" alt="Erdbau Hoepperger" class="rounded-lg mb-2">
                          </div>
                          <div class="sponsor-card flex-none w-64 md:w-80 bg-white text-gray-900 border border-gray-200 rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-red-500/10">
                              <img src="images/sponsors/hp_dental.jpg" onerror="this.onerror=null; this.src='https://placehold.co/200x100/1f2937/d4d4d4?text=LOGO'" alt="HP Dental" class="rounded-lg mb-2">
                          </div>
                          <div class="sponsor-card flex-none w-64 md:w-80 bg-white text-gray-900 border border-gray-200 rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-red-500/10">
                              <img src="images/sponsors/plattner.png" onerror="this.onerror=null; this.src='https://placehold.co/200x100/1f2937/d4d4d4?text=LOGO'" alt="Zimmerei Plattner" class="rounded-lg mb-2">
                          </div>
                          <div class="sponsor-card flex-none w-64 md:w-80 bg-white text-gray-900 border border-gray-200 rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-red-500/10">
                              <img src="images/sponsors/spirit_of_hockey.png" onerror="this.onerror=null; this.src='https://placehold.co/200x100/1f2937/d4d4d4?text=LOGO'" alt="Zimmerei Plattner" class="rounded-lg mb-2">
                          </div>
                          <div class="sponsor-card flex-none w-64 md:w-80 bg-white text-gray-900 border border-gray-200 rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-red-500/10">
                              <img src="images/sponsors/fotobox_tirol.jpeg" onerror="this.onerror=null; this.src='https://placehold.co/200x100/1f2937/d4d4d4?text=LOGO'" alt="Fotobox Tirol" class="rounded-lg mb-2">
                          </div>
                          <div class="sponsor-card flex-none w-64 md:w-80 bg-white text-gray-900 border border-gray-200 rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-red-500/10">
                              <img src="images/sponsors/cafe_schreiner.jpeg" onerror="this.onerror=null; this.src='https://placehold.co/200x100/1f2937/d4d4d4?text=LOGO'" alt="Cafe Konditorei Schreiner" class="rounded-lg mb-2">
                          </div>
                          <div class="sponsor-card flex-none w-64 md:w-80 bg-white text-gray-900 border border-gray-200 rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-red-500/10">
                              <img src="images/sponsors/thermo_fertig.jpg" onerror="this.onerror=null; this.src='https://placehold.co/200x100/1f2937/d4d4d4?text=LOGO'" alt="Thermo Fertig" class="rounded-lg mb-2">
                          </div>
                  </div>
              </div>
          </section>
  
      </main>
      
      <!-- Footer -->
      <footer id="contact" class="bg-gray-900 text-gray-300 scroll-mt-24">
          <div class="container mx-auto px-6 py-20">
              <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
                  <div>
                      <h4 class="text-white text-lg font-bold mb-4">HC Thaur</h4>
                      <p class="text-sm">Seit unserer Gründung im Jahr 2017 steht beim Hockey Club Thaur die Freude am Sport und das gemeinsame Vereinsleben im Mittelpunkt. Ein lebendiger Verein!</p>
                  </div>
                  <div>
                      <h4 class="text-white text-lg font-bold mb-4">Quick Links</h4>
                      <ul class="space-y-2 text-sm">
                          <li><a href="#about" class="hover:text-hc-red">Unser Verein</a></li>
                          <li><a href="#news" class="hover:text-hc-red">News</a></li>
                          <li><a href="#sponsors" class="hover:text-hc-red">Sponsoren</a></li>
                      </ul>
                  </div>
                  <div>
                      <h4 class="text-white text-lg font-bold mb-4">Kontakt & Standort</h4>
                      <ul class="space-y-2 text-sm">
                          <li><a href="mailto:hockey@hc-thaur.at" class="hover:text-hc-red">hockey@hc-thaur.at</a></li>
                          <li>Sportplatzweg 1</li>
                          <li>6065 Thaur</li>
                          <li>ZVR. 993472820</li>
                          <li><a href="https://www.google.com/maps/search/?api=1&query=Sportplatzweg+1%2C+6065+Thaur" target="_blank" class="hover:text-hc-red">Auf Google Maps anzeigen</a></li>
                      </ul>
                  </div>
                  <div>
                      <h4 class="text-white text-lg font-bold mb-4">Folge uns</h4>
                      <div class="flex space-x-4">
                          <a href="https://www.facebook.com/HockeyClubThaur/" target="_blank" aria-label="Facebook" class="text-gray-400 hover:text-hc-red transition duration-300">
                              <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24"><path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"/></svg>
                          </a>
                          <a href="https://www.instagram.com/hockeyclub_thaur/" target="_blank" aria-label="Instagram" class="text-gray-400 hover:text-hc-red transition duration-300">
                              <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.85s-.011 3.584-.069 4.85c-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07s-3.584-.012-4.85-.07c-3.252-.148-4.771-1.691-4.919-4.919-.058-1.265-.069-1.645-.069-4.85s.011-3.584.069-4.85c.149-3.225 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.85-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948s.014 3.667.072 4.947c.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072s3.667-.014 4.947-.072c4.358-.2 6.78-2.618 6.98-6.98.059-1.281.073-1.689.073-4.948s-.014-3.667-.072-4.947c-.2-4.358-2.618-6.78-6.98-6.98-1.281-.059-1.689-.073-4.948-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.162 6.162 6.162 6.162-2.759 6.162-6.162-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4s1.791-4 4-4 4 1.79 4 4-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44 1.441-.645 1.441-1.44-.645-1.44-1.441-1.44z"/></svg>
                          </a>
                      </div>
                  </div>
              </div>
              <div class="mt-8 border-t border-gray-800">
                  <div class="container mx-auto px-6 py-4 text-sm text-center md:flex md:justify-between">
                      <p>&copy; <span id="current-year">2025</span> HC Thaur. Alle Rechte vorbehalten.</p>
                      <div class="mt-4 md:mt-0">
                          <a href="2025_Datenschutz.html" class="hover:text-hc-red mx-2">Datenschutz</a>
                      </div>
                  </div>
              </div>
          </div>
      </footer>
  
      <!-- Gallery Modal -->
      <div class="gallery-modal" id="gallery-modal">
          <button class="gallery-modal-close" id="gallery-modal-close">&times;</button>
          <div class="gallery-modal-content">
              <img src="" alt="Enlarged gallery image" id="gallery-modal-img">
              <div class="gallery-modal-info">
                  <h3 class="gallery-modal-title" id="gallery-modal-title"></h3>
                  <p class="gallery-modal-subtitle" id="gallery-modal-subtitle"></p>
              </div>
          </div>
      </div>
  
      <script>
          // Mobile Menu Toggle
          const mobileMenuButton = document.getElementById('mobile-menu-button');
          const mobileMenu = document.getElementById('mobile-menu');
          mobileMenuButton.addEventListener('click', () => {
              mobileMenu.classList.toggle('hidden');
          });
  
          // Close mobile menu when a link is clicked
          document.querySelectorAll('#mobile-menu a').forEach(link => {
              link.addEventListener('click', () => {
                  mobileMenu.classList.add('hidden');
              });
          });
  
          // Game Center Tabs
          const tabNext = document.getElementById('tab-next');
          const tabLast = document.getElementById('tab-last');
          const tabSchedule = document.getElementById('tab-schedule');
          const contentNext = document.getElementById('content-next');
          const contentLast = document.getElementById('content-last');
          const contentSchedule = document.getElementById('content-schedule');
  
          function switchTab(activeTab, activeContent) {
              // Hide all content
              [contentNext, contentLast, contentSchedule].forEach(content => content.classList.add('hidden'));
              // Reset all tabs
              [tabNext, tabLast, tabSchedule].forEach(tab => {
                  tab.classList.remove('bg-white', 'border-hc-red', 'text-gray-800');
                  tab.classList.add('bg-gray-50', 'text-gray-500');
              });
              // Show active content
              activeContent.classList.remove('hidden');
              // Style active tab
              activeTab.classList.add('bg-white', 'border-hc-red', 'text-gray-800');
              activeTab.classList.remove('bg-gray-50', 'text-gray-500');
          }
  
          // ADD GUARD: only wire if elements exist
          if (tabNext && tabLast && tabSchedule && contentNext && contentLast && contentSchedule) {
              tabNext.addEventListener('click', () => switchTab(tabNext, contentNext));
              tabLast.addEventListener('click', () => switchTab(tabLast, contentLast));
              tabSchedule.addEventListener('click', () => switchTab(tabSchedule, contentSchedule));
          }
  
          // Gallery Filter
          const galleryFilters = document.querySelectorAll('.gallery-filter');
          const galleryItems = document.querySelectorAll('.gallery-item');
  
          galleryFilters.forEach(filter => {
              filter.addEventListener('click', () => {
                  const filterValue = filter.getAttribute('data-filter');
                  
                  // Update active filter button
                  galleryFilters.forEach(btn => {
                      btn.classList.remove('bg-hc-red', 'text-white');
                      btn.classList.add('text-gray-600');
                  });
                  filter.classList.add('bg-hc-red', 'text-white');
                  filter.classList.remove('text-gray-600');
  
                  // Filter gallery items
                  galleryItems.forEach(item => {
                      if (filterValue === 'all' || item.getAttribute('data-category') === filterValue) {
                          item.style.display = 'block';
                      } else {
                          item.style.display = 'none';
                      }
                  });
              });
          });
  
          // Gallery Modal
          const galleryModal = document.getElementById('gallery-modal');
          const galleryModalImg = document.getElementById('gallery-modal-img');
          const galleryModalTitle = document.getElementById('gallery-modal-title');
          const galleryModalSubtitle = document.getElementById('gallery-modal-subtitle');
          const galleryModalClose = document.getElementById('gallery-modal-close');
  
          galleryItems.forEach(item => {
              item.addEventListener('click', () => {
                  const img = item.querySelector('img');
                  const title = item.querySelector('h3').textContent;
                  const subtitle = item.querySelector('p').textContent;
                  
                  galleryModalImg.src = img.src;
                  galleryModalTitle.textContent = title;
                  galleryModalSubtitle.textContent = 
endpoints.name: https://www.hc-thaur.at/images/favicon.ico
endpoints.html_title: HC Thaur - Offizielle Homepage
endpoints.supported_versions: HTTP/1.1 HTTP/2
endpoints.banner: HTTP/1.1 200 OK
  Date:  <REDACTED>
  Server: Apache
  Upgrade: h2,h2c
  Connection: Upgrade
  Last-Modified: Wed, 01 Oct 2025 20:47:31 GMT
  ETag: "11c86-6401efa35f11f-gzip"
  Accept-Ranges: bytes
  Vary: Accept-Encoding,User-Agent
  Content-Encoding: gzip
  Content-Length: 13172
  Content-Type: text/html
  
endpoints.ip: 85.13.150.248
[binary data, 7 values, 175 bytes]