PageSourceSearch

https://tus-weinsheim.de/

html tus-weinsheim.de collected 2026-10-06 13:45:57 UTC 118,780 bytes, 65 lines download raw bytes

1<!DOCTYPE html><html lang="de" class="scroll-smooth"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="generator" content="Astro v6.3.1"><!-- SEO --><title>Fußball, Tennis &amp; Gymnastik in Worms | TuS Worms-Weinsheim</title><meta name="description" content="TuS Worms-Weinsheim 1887/1916 e.V. — Fußball in Worms, Tennis, Gymnastik und Vereinsleben in Worms-Weinsheim. Grün &#38; Weiß. Ein Leben lang."><link rel="canonical" href="https://tus-weinsheim.de/"><!-- Open Graph --><meta property="og:title" content="Fußball, Tennis &#38; Gymnastik in Worms | TuS Worms-Weinsheim"><meta property="og:description" content="TuS Worms-Weinsheim 1887/1916 e.V. — Fußball in Worms, Tennis, Gymnastik und Vereinsleben in Worms-Weinsheim. Grün &#38; Weiß. Ein Leben lang."><meta property="og:image" content="https://tus-weinsheim.de/og-image.jpg"><meta property="og:url" content="https://tus-weinsheim.de/"><meta property="og:type" content="website"><meta property="og:locale" content="de_DE"><meta property="og:site_name" content="TuS Worms-Weinsheim"><!-- Twitter --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Fußball, Tennis &#38; Gymnastik in Worms | TuS Worms-Weinsheim"><meta name="twitter:description" content="TuS Worms-Weinsheim 1887/1916 e.V. — Fußball in Worms, Tennis, Gymnastik und Vereinsleben in Worms-Weinsheim. Grün &#38; Weiß. Ein Leben lang."><meta name="twitter:image" content="https://tus-weinsheim.de/og-image.jpg"><!-- Favicon --><link rel="icon" type="image/x-icon" href="/favicon.ico"><link rel="icon" type="image/png" sizes="32x32" href="/favicon.png"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><!-- Google Fonts --><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,[email protected],400;12..96,500;12..96,600;12..96,700;12..96,800&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap"><!-- Schema.org structured data -->
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"SportsClub","name":"TuS Worms-Weinsheim 1887/1916 e.V.","alternateName":"TuS Weinsheim","url":"https://tus-weinsheim.de","logo":"https://tus-weinsheim.de/Logo-clean.png","image":"https://tus-weinsheim.de/og-image.jpg","email":"[email protected]","address":{"@type":"PostalAddress","streetAddress":"Heuweg 20","addressLocality":"Worms-Weinsheim","postalCode":"67551","addressCountry":"DE"},"sport":["Fußball","Tennis","Gymnastik"],"foundingDate":"1887","sameAs":["https://www.instagram.com/tus.weinsheim.1887_1916","https://www.facebook.com/tusweinsheim/","https://www.whatsapp.com/channel/0029VaYgmzxJf05WSjcAKT2q"],"department":[{"@type":"SportsOrganization","name":"Fußball","email":"[email protected]"},{"@type":"SportsOrganization","name":"Tennis"},{"@type":"SportsOrganization","name":"Gymnastik"}]}</script>
1<link rel="stylesheet" href="/_astro/BaseLayout.MpoYq1rA.css">
2<style>.sponsor-ticker-wrap[data-astro-cid-a5d4dvd4]{background:#064e3b;overflow:hidden;position:relative}.ticker-fade[data-astro-cid-a5d4dvd4]{position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.ticker-fade-l[data-astro-cid-a5d4dvd4]{left:0;background:linear-gradient(to right,#064e3b,transparent)}.ticker-fade-r[data-astro-cid-a5d4dvd4]{right:0;background:linear-gradient(to left,#064e3b,transparent)}.ticker-track[data-astro-cid-a5d4dvd4]{display:flex;align-items:center;width:max-content;padding:18px 0;animation:ticker-ltr 65s linear infinite;animation-play-state:paused;will-change:transform;backface-visibility:hidden}@keyframes ticker-ltr{0%{transform:translate(-50%)}to{transform:translate(0)}}.ticker-item[data-astro-cid-a5d4dvd4]{display:flex;align-items:center;flex-shrink:0}.ticker-link[data-astro-cid-a5d4dvd4]{display:flex;align-items:center;justify-content:center;padding:8px 22px;text-decoration:none;border-radius:12px;transition:background .22s ease,transform .22s ease}a[data-astro-cid-a5d4dvd4].ticker-link:hover{background:#ffffff17;transform:scale(1.06)}.logo-wrap[data-astro-cid-a5d4dvd4]{height:72px;overflow:hidden;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-img[data-astro-cid-a5d4dvd4]{height:calc(72px * var(--logo-scale, 1));width:auto;display:block;flex-shrink:0}.ticker-sep[data-astro-cid-a5d4dvd4]{width:1px;height:42px;background:#ffffff1f;flex-shrink:0}@media(max-width:768px){.logo-wrap[data-astro-cid-a5d4dvd4]{height:56px}.logo-img[data-astro-cid-a5d4dvd4]{height:calc(56px * var(--logo-scale, 1))}.ticker-link[data-astro-cid-a5d4dvd4]{padding:6px 14px}.ticker-sep[data-astro-cid-a5d4dvd4]{height:34px}}@media(prefers-reduced-motion:reduce){.ticker-track[data-astro-cid-a5d4dvd4]{animation:none!important}}
3</style></head> <body class="antialiased"> <header id="navbar" class="fixed top-0 left-0 right-0 z-50 transition-all duration-300"> <!-- ── Top info strip (vollständig Inline-Style) ──────────────── --> <div class="nav-topbar" style="background:#064e3b; border-bottom:1px solid rgba(255,255,255,0.08);"> <div class="container-site" style="position:relative; display:flex; align-items:center; height:48px;"> <!-- Vereinsname — absolut zentriert über dem Logo --> <div style="position:absolute; left:0; right:0; display:flex; justify-content:center; align-items:center; pointer-events:none;"> <span style="font-size:15px; font-weight:800; color:white; letter-spacing:-0.02em; white-space:nowrap;">TuS Worms-Weinsheim 1887/1916 e.V.</span> </div> <!-- Social Icons — rechts, eingerückt passend zur Nav --> <div style="margin-left:auto; display:inline-flex; align-items:center; gap:2px; padding-right:4px; z-index:1;"> <a href="https://www.instagram.com/tus.weinsheim.1887_1916" target="_blank" rel="noopener noreferrer" style="display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:8px; color:rgba(255,255,255,0.45); transition:color 0.15s; text-decoration:none;" onmouseover="this.style.color='rgba(212,175,55,0.9)'" onmouseout="this.style.color='rgba(255,255,255,0.45)'" aria-label="TuS auf Instagram"> <svg width="14" height="14" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 
31.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"></path> </svg> </a> <a href="https://www.facebook.com/tusweinsheim/" target="_blank" rel="noopener noreferrer" style="display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:8px; color:rgba(255,255,255,0.45); transition:color 0.15s; text-decoration:none;" onmouseover="this.style.color='rgba(212,175,55,0.9)'" onmouseout="this.style.color='rgba(255,255,255,0.45)'" aria-label="TuS auf Facebook"> <svg width="14" height="14" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"></path> </svg> </a> <a href="https://www.whatsapp.com/channel/0029VaYgmzxJf05WSjcAKT2q" target="_blank" rel="noopener noreferrer" style="display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:8px; color:rgba(255,255,255,0.45); transition:color 0.15s; text-decoration:none;" onmouseover="this.style.color='rgba(212,175,55,0.9)'" onmouseout="this.style.color='rgba(255,255,255,0.45)'" aria-label="TuS auf WhatsApp"> <svg width="14" height="14" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"></path> </svg> </a> </div> </div> </div> <!-- ── Haupt-Navigation ───────────────────────────────────────── --> <div id="navbar-main" class="backdrop-blur-md border-b" style="background:rgba(244,248,245,0.97); border-color:rgba(226,235,229,0.8); overflow:visible;"> <div class="container-site" style="overflow:visible;"> <div style="display:flex; align-items:center; height:68px; overflow:visible;"> <!-- Mobile: Logo links --> <a href="/" class="nav-mobile items-center gap-3 shrink-0 mr-auto" aria-label="TuS Worms-Weinsheim Startseite"> <div style="width:46px; height:46px; border-radius:50%; background:white url('/Logo-clean.png') center 39% / 138% 138% no-repeat; border:1.5px solid rgba(255,255,255,0.35); box-shadow:0 2px 8px rgba(0,0,0,0.15); flex-shrink:0;"></div> <div> <div style="font-size:13px; font-weight:800; color:white; letter-spacing:-0.02em; line-height:1.25;">TuS Worms-Weinsheim</div> <div style="font-size:11px; font-weight:600; color:rgba(255,255,255,0.75); letter-spacing:0.01em; line-height:1.25;">1887/1916 e.V.</div> </div> </a> <!-- Desktop: Linke Nav --> <nav class="nav-desktop" style="flex:1; align-items:center; justify-content:flex-end; gap:4px; padding-right:20px;" aria-label="Navigation links"> <a href="/" class="px-4 py-2 rounded-xl text-sm font-bold text-white shadow-sm transition-all duration-150 bg-forest-700"> Start </a><div class="relative" data-nav-dropdown role="none"> <a href="/verein" class="flex items-center gap-1.5 px-4 py-2 rounded-xl text-sm font-bold text-white shadow-sm transition-all duration-150 bg-forest-900 hover:bg-forest-800" aria-haspopup="true" aria-expanded="false" data-dropdown-trigger> Verein <svg class="w-3 h-3 opacity-50 transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true" data-chevron> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path> </svg> </a> <div class="nav-dropdown-panel absolute top-full left-0 pt-1 w-56 z-50" role="menu" data-dropdown-panel> <div class="bg-white rounded-2xl py-1.5" style="border:1px solid var(--color-border); box-shadow:0 20px 40px rgba(6,78,59,0.12),0 4px 12px rgba(0,0,0,0.06);"> <a href="/verein/vorstand" class="flex items-center gap-2 px-4 py-2 text-sm transition-colors duration-100 text-gray-600 hover:text-forest-900 hover:bg-forest-50 font-medium" role="menuitem">  Vorstand </a><a href="/verein/geschichte" class="flex items-center gap-2 px-4 py-2 text-sm transition-colors duration-100 text-gray-600 hover:text-forest-900 hover:bg-forest-50 font-medium" role="menuitem">  Geschichte </a><a href="/verein/vereinsgelaende" class="flex items-center gap-2 px-4 py-2 text-sm transition-colors duration-100 text-gray-600 hover:text-forest-900 hover:bg-forest-50 font-medium" role="menuitem">  Vereinsgelände </a><a href="/verein/vereinsshop" class="flex items-center gap-2 px-4 py-2 text-sm transition-colors duration-100 text-gray-600 hover:text-forest-900 hover:bg-forest-50 font-medium" role="menuitem">  Vereinsshop </a><a href="/verein/vereinslied" class="flex items-center gap-2 px-4 py-2 text-sm transition-colors duration-100 text-gray-600 hover:text-forest-900 hover:bg-forest-50 font-medium" role="menuitem">  Vereinslied </a><a href="/verein/mitgliedschaft" class="flex items-center gap-2 px-4 py-2 text-sm transition-colors duration-100 text-gray-600 hover:text-forest-900 hover:bg-forest-50 font-medium" role="menuitem">  Mitgliedschaft </a><a href="/verein/downloadcenter" class="flex items-center gap-2 px-4 py-2 text-sm transition-colors duration-100 text-gray-600 hover:text-forest-900 hover:bg-forest-50 font-medium" role="menuitem">  Downloadcenter </a><a href="/verein/wiederaufbau-sporthalle" class="flex items-center gap-2 px-4 py-2 text-sm transition-colors duration-100 text-gray-600 hover:text-forest-900 hover:bg-forest-50 font-medium" role="menuitem">  Wiederaufbau Sporthalle </a> </div> </div> </div><div class="relative" data-nav-dropdown role="none"> <a href="/fussball" class="flex items-center gap-1.5 px-4 py-2 rounded-xl text-sm font-bold text-white shadow-sm transition-all duration-150 bg-forest-900 hover:bg-forest-800" aria-haspopup="true" aria-expanded="false" data-dropdown-trigger> Fußball <svg class="w-3 h-3 opacity-50 transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true" data-chevron> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path> </svg> </a> <div class="nav-dropdown-panel absolute top-full left-0 pt-1 w-56 z-50" role="menu" data-dropdown-panel> <div class="bg-white rounded-2xl py-1.5" style="border:1px solid var(--color-border); box-shadow:0 20px 40px rgba(6,78,59,0.12),0 4px 12px rgba(0,0,0,0.06);"> <div class="desktop-sub-acc"> <div class="flex items-center"> <a href="/fussball/herren" class="flex-1 px-4 py-2 text-sm transition-colors duration-100 text-gray-600 hover:text-forest-900 hover:bg-forest-50 font-medium"> Herren </a> <button class="desktop-sub-btn pr-4 py-2 text-gray-400 hover:text-forest-700 transition-colors" aria-expanded="false"> <svg class="desktop-sub-chevron w-3 h-3 opacity-40 transition-transform duration-200 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path> </svg> </button> </div> <div class="desktop-sub-items hidden"> <a href="/fussball/erste-mannschaft" class="flex items-center gap-2 pl-7 pr-4 py-1.5 text-sm transition-colors duration-100 text-gray-500 hover:text-forest-900 hover:bg-forest-50 font-medium" role="menuitem">  1. Mannschaft </a><a href="/fussball/ue40" class="flex items-center gap-2 pl-7 pr-4 py-1.5 text-sm transition-colors duration-100 text-gray-500 hover:text-forest-900 hover:bg-forest-50 font-medium" role="menuitem">  Ü40 </a><a href="/fussball/ue50" class="flex items-center gap-2 pl-7 pr-4 py-1.5 text-sm transition-colors duration-100 text-gray-500 hover:text-forest-900 hover:bg-forest-50 font-medium" role="menuitem">  Ü50 </a> </div> </div><div class="desktop-sub-acc"> <div class="flex items-center"> <a href="/fussball/jugend" class="flex-1 px-4 py-2 text-sm transition-colors duration-100 text-gray-600 hover:text-forest-900 hover:bg-forest-50 font-medium"> Jugend </a> <button class="desktop-sub-btn pr-4 py-2 text-gray-400 hover:text-forest-700 transition-colors" aria-expanded="false"> <svg class="desktop-sub-chevron w-3 h-3 opacity-40 transition-transform duration-200 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path> </svg> </button> </div> <div class="desktop-sub-items hidden"> <a href="/fussball/d-jugend" class="flex items-center gap-2 pl-7 pr-4 py-1.5 text-sm transition-colors duration-100 text-gray-500 hover:text-forest-900 hover:bg-forest-50 font-medium" role="menuitem">  D-Jugend </a><a href="/fussball/e-jugend" class="flex items-center gap-2 pl-7 pr-4 py-1.5 text-sm transition-colors duration-100 text-gray-500 hover:text-forest-900 hover:bg-forest-50 font-medium" role="menuitem">  E-Jugend </a><a href="/fussball/f-jugend" class="flex items-center gap-2 pl-7 pr-4 py-1.5 text-sm transition-colors duration-100 text-gray-500 hover:text-forest-900 hover:bg-forest-50 font-medium" role="menuitem">  F-Jugend </a><a href="/fussball/g-jugend-bambini" class="flex items-center gap-2 pl-7 pr-4 py-1.5 text-sm transition-colors duration-100 text-gray-500 hover:text-forest-900 hover:bg-forest-50 font-medium" role="menuitem">  G-Jugend / Bambini </a> </div> </div><a href="/fussball/trainingszeiten" class="flex items-center gap-2 px-4 py-2 text-sm transition-colors duration-100 text-gray-600 hover:text-forest-900 hover:bg-forest-50 font-medium" role="menuitem">  Trainingszeiten </a><div class="desktop-sub-acc"> <div class="flex items-center"> <a href="/fussball/schiedsrichter" class="flex-1 px-4 py-2 text-sm transition-colors duration-100 text-gray-600 hover:text-forest-900 hover:bg-forest-50 font-medium"> Schiedsrichter </a> <button class="desktop-sub-btn pr-4 py-2 text-gray-400 hover:text-forest-700 transition-colors" aria-expanded="false"> <svg class="desktop-sub-chevron w-3 h-3 opacity-40 transition-transform duration-200 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path> </svg> </button> </div> <div class="desktop-sub-items hidden"> <a href="/fussball/schiedsrichter/mesut-demirag" class="flex items-center gap-2 pl-7 pr-4 py-1.5 text-sm transition-colors duration-100 text-gray-500 hover:text-forest-900 hover:bg-forest-50 font-medium" role="menuitem">  Mesut Demirag </a> </div> </div> </div> </div> </div><div class="relative" data-nav-dropdown role="none"> <a href="/tennis" class="flex items-center gap-1.5 px-4 py-2 rounded-xl text-sm font-bold text-white shadow-sm transition-all duration-150 bg-forest-900 hover:bg-forest-800" aria-haspopup="true" aria-expanded="false" data-dropdown-trigger> Tennis <svg class="w-3 h-3 opacity-50 transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true" data-chevron> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path> </svg> </a> <div class="nav-dropdown-panel absolute top-full left-0 pt-1 w-56 z-50" role="menu" data-dropdown-panel> <div class="bg-white rounded-2xl py-1.5" style="border:1px solid var(--color-border); box-shadow:0 20px 40px rgba(6,78,59,0.12),0 4px 12px rgba(0,0,0,0.06);"> <a href="/tennis/mannschaften" class="flex items-center gap-2 px-4 py-2 text-sm transition-colors duration-100 text-gray-600 hover:text-forest-900 hover:bg-forest-50 font-medium" role="menuitem">  Mannschaften </a><a href="/tennis/platz-buchen" class="flex items-center gap-2 px-4 py-2 text-sm transition-colors duration-100 text-gray-600 hover:text-forest-900 hover:bg-forest-50 font-medium" role="menuitem">
3  Tennisplatz buchen </a> </div> </div> </div> </nav> <!-- Desktop: Zentrales Logo — ragt in den Hero-Bereich --> <!-- max-width:none auf img überschreibt Tailwind-Preflight max-width:100% --> <a href="/" class="nav-desktop shrink-0" style="position:relative; top:20px; z-index:60; flex-shrink:0; width:88px; height:88px; border-radius:50%; overflow:hidden; background-color:white; border:3px solid rgba(6,78,59,0.12); box-shadow:0 8px 28px rgba(0,0,0,0.18), 0 2px 8px rgba(6,78,59,0.10);" aria-label="TuS Worms-Weinsheim Startseite"> <img src="/Logo-clean.png" alt="" aria-hidden="true" width="107" height="107" style="position:absolute; width:107px; height:107px; max-width:none; left:-12.5px; top:-8.5px; display:block;"> </a> <!-- Desktop: Rechte Nav --> <nav class="nav-desktop" style="flex:1; align-items:center; justify-content:flex-start; gap:4px; padding-left:20px;" aria-label="Navigation rechts"> <a href="/gymnastik" class="px-4 py-2 rounded-xl text-sm font-bold text-white shadow-sm transition-all duration-150 bg-forest-900 hover:bg-forest-800"> Gymnastik </a><div class="relative" data-nav-dropdown role="none"> <a href="/gaststaette" class="flex items-center gap-1.5 px-4 py-2 rounded-xl text-sm font-bold text-white shadow-sm transition-all duration-150 bg-forest-900 hover:bg-forest-800" aria-haspopup="true" aria-expanded="false" data-dropdown-trigger> Gaststätte <svg class="w-3 h-3 opacity-50 transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true" data-chevron> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path> </svg> </a> <div class="nav-dropdown-panel absolute top-full left-0 pt-1 w-56 z-50" role="menu" data-dropdown-panel> <div class="bg-white rounded-2xl py-1.5" style="border:1px solid var(--color-border); box-shadow:0 20px 40px rgba(6,78,59,0.12),0 4px 12px rgba(0,0,0,0.06);"> <a href="/gaststaette/speisekarte" class="flex items-center gap-2 px-4 py-2 text-sm transition-colors duration-100 text-gray-600 hover:text-forest-900 hover:bg-forest-50 font-medium" role="menuitem">  Speisekarte </a><a href="/gaststaette/hallennutzung" class="flex items-center gap-2 px-4 py-2 text-sm transition-colors duration-100 text-gray-600 hover:text-forest-900 hover:bg-forest-50 font-medium" role="menuitem">  Hallennutzung </a> </div> </div> </div><div class="relative" data-nav-dropdown role="none"> <a href="/sponsoren" class="flex items-center gap-1.5 px-4 py-2 rounded-xl text-sm font-bold text-white shadow-sm transition-all duration-150 bg-forest-900 hover:bg-forest-800" aria-haspopup="true" aria-expanded="false" data-dropdown-trigger> Sponsoren <svg class="w-3 h-3 opacity-50 transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true" data-chevron> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path> </svg> </a> <div class="nav-dropdown-panel absolute top-full left-0 pt-1 w-56 z-50" role="menu" data-dropdown-panel> <div class="bg-white rounded-2xl py-1.5" style="border:1px solid var(--color-border); box-shadow:0 20px 40px rgba(6,78,59,0.12),0 4px 12px rgba(0,0,0,0.06);"> <a href="/sponsoren/partner" class="flex items-center gap-2 px-4 py-2 text-sm transition-colors duration-100 text-gray-600 hover:text-forest-900 hover:bg-forest-50 font-medium" role="menuitem">  Unsere Partner </a><a href="/sponsoren/sponsor-werden" class="flex items-center gap-2 px-4 py-2 text-sm transition-colors duration-100 text-gray-600 hover:text-forest-900 hover:bg-forest-50 font-medium" role="menuitem">  Sponsor werden </a> </div> </div> </div><a href="/kontakt" class="px-4 py-2 rounded-xl text-sm font-bold text-white shadow-sm transition-all duration-150 bg-forest-900 hover:bg-forest-800"> Kontakt </a> </nav> <!-- Burger (mobile) --> <button id="burger-btn" class="nav-mobile flex-col gap-1.5 p-2.5 rounded-xl hover:bg-white/10 transition-colors shrink-0" aria-label="Navigation öffnen" aria-expanded="false" aria-controls="mobile-menu"> <span class="burger-line block w-5 h-0.5 rounded-full bg-white transition-all duration-300 origin-center"></span> <span class="burger-line block w-5 h-0.5 rounded-full bg-white transition-all duration-300"></span> <span class="burger-line block w-5 h-0.5 rounded-full bg-white transition-all duration-300 origin-center"></span> </button> </div> </div> </div> </header> <!-- Mobile Menu --> <div id="mobile-menu" class="fixed inset-0 z-[60] transform translate-x-full transition-transform duration-300 ease-in-out" aria-hidden="true" role="dialog" aria-label="Mobile Navigation"> <div class="h-full flex flex-col" style="background:#f4f8f5;"> <!-- Grüner Header --> <div style="background:#064e3b; padding:14px 20px; flex-shrink:0;" class="flex items-center justify-between"> <a href="/" class="flex items-center gap-3" onclick="document.getElementById('mobile-menu').classList.add('translate-x-full'); document.getElementById('mobile-menu').classList.remove('translate-x-0'); document.body.style.overflow='';"> <div style="width:46px; height:46px; border-radius:50%; background:white url('/Logo-clean.png') center 39% / 138% 138% no-repeat; border:1.5px solid rgba(255,255,255,0.35); box-shadow:0 2px 8px rgba(0,0,0,0.15); flex-shrink:0;"></div> <div> <div style="color:white; font-size:14px; font-weight:800; letter-spacing:-0.02em; line-height:1.25;">TuS Worms-Weinsheim</div> <div style="color:rgba(255,255,255,0.75); font-size:11px; font-weight:600; letter-spacing:0.01em; line-height:1.25;">1887/1916 e.V.</div> </div> </a> <button id="mobile-close" style="padding:8px; border-radius:10px; background:rgba(255,255,255,0.10); border:none; cursor:pointer; color:white;" aria-label="Menü schließen"> <svg width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> <!-- Navigation --> <nav class="flex-1 px-4 py-3 space-y-1 overflow-y-auto" aria-label="Mobile Navigation"> <a href="/" class="mobile-nav-link flex items-center px-4 py-3.5 rounded-xl text-sm font-bold transition-colors text-forest-900 bg-forest-50"> Start </a><div class="mobile-accordion"> <div class="flex items-center rounded-xl "> <a href="/verein" class="mobile-nav-link flex-1 px-4 py-3.5 text-sm font-bold transition-colors text-gray-700">Verein</a> <button class="mobile-accordion-btn px-4 py-3.5 hover:text-forest-900 transition-colors" aria-expanded="false"> <svg class="accordion-chevron w-4 h-4 transition-transform duration-200 opacity-40" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path> </svg> </button> </div> <div class="accordion-content hidden pl-3 pt-1 pb-2 space-y-0.5"> <a href="/verein/vorstand" class="mobile-nav-link flex items-center gap-2 px-4 py-2.5 rounded-xl text-sm transition-colors text-gray-600 font-medium hover:text-forest-900 hover:bg-forest-50"> Vorstand </a><a href="/verein/geschichte" class="mobile-nav-link flex items-center gap-2 px-4 py-2.5 rounded-xl text-sm transition-colors text-gray-600 font-medium hover:text-forest-900 hover:bg-forest-50"> Geschichte </a><a href="/verein/vereinsgelaende" class="mobile-nav-link flex items-center gap-2 px-4 py-2.5 rounded-xl text-sm transition-colors text-gray-600 font-medium hover:text-forest-900 hover:bg-forest-50"> Vereinsgelände </a><a href="/verein/vereinsshop" class="mobile-nav-link flex items-center gap-2 px-4 py-2.5 rounded-xl text-sm transition-colors text-gray-600 font-medium hover:text-forest-900 hover:bg-forest-50"> Vereinsshop </a><a href="/verein/vereinslied" class="mobile-nav-link flex items-center gap-2 px-4 py-2.5 rounded-xl text-sm transition-colors text-gray-600 font-medium hover:text-forest-900 hover:bg-forest-50"> Vereinslied </a><a href="/verein/mitgliedschaft" class="mobile-nav-link flex items-center gap-2 px-4 py-2.5 rounded-xl text-sm transition-colors text-gray-600 font-medium hover:text-forest-900 hover:bg-forest-50"> Mitgliedschaft </a><a href="/verein/downloadcenter" class="mobile-nav-link flex items-center gap-2 px-4 py-2.5 rounded-xl text-sm transition-colors text-gray-600 font-medium hover:text-forest-900 hover:bg-forest-50"> Downloadcenter </a><a href="/verein/wiederaufbau-sporthalle" class="mobile-nav-link flex items-center gap-2 px-4 py-2.5 rounded-xl text-sm transition-colors text-gray-600 font-medium hover:text-forest-900 hover:bg-forest-50"> Wiederaufbau Sporthalle </a> </div> </div><div class="mobile-accordion"> <div class="flex items-center rounded-xl "> <a href="/fussball" class="mobile-nav-link flex-1 px-4 py-3.5 text-sm font-bold transition-colors text-gray-700">Fußball</a> <button class="mobile-accordion-btn px-4 py-3.5 hover:text-forest-900 transition-colors" aria-expanded="false"> <svg class="accordion-chevron w-4 h-4 transition-transform duration-200 opacity-40" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path> </svg> </button> </div> <div class="accordion-content hidden pl-3 pt-1 pb-2 space-y-0.5"> <div class="mobile-sub-accordion"> <div class="flex items-center rounded-xl "> <a href="/fussball/herren" class="mobile-nav-link flex-1 px-4 py-2.5 text-sm transition-colors text-gray-600 font-medium hover:text-forest-900">Herren</a> <button class="mobile-sub-btn px-4 py-2.5 text-gray-400 hover:text-forest-700 transition-colors" aria-expanded="false">
3 <svg class="mobile-sub-chevron w-3.5 h-3.5 opacity-40 transition-transform duration-200 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path> </svg> </button> </div> <div class="mobile-sub-items hidden pl-3 space-y-0.5"> <a href="/fussball/erste-mannschaft" class="mobile-nav-link flex items-center gap-2 px-4 py-2 rounded-xl text-sm transition-colors text-gray-500 font-medium hover:text-forest-900 hover:bg-forest-50"> 1. Mannschaft </a><a href="/fussball/ue40" class="mobile-nav-link flex items-center gap-2 px-4 py-2 rounded-xl text-sm transition-colors text-gray-500 font-medium hover:text-forest-900 hover:bg-forest-50"> Ü40 </a><a href="/fussball/ue50" class="mobile-nav-link flex items-center gap-2 px-4 py-2 rounded-xl text-sm transition-colors text-gray-500 font-medium hover:text-forest-900 hover:bg-forest-50"> Ü50 </a> </div> </div><div class="mobile-sub-accordion"> <div class="flex items-center rounded-xl "> <a href="/fussball/jugend" class="mobile-nav-link flex-1 px-4 py-2.5 text-sm transition-colors text-gray-600 font-medium hover:text-forest-900">Jugend</a> <button class="mobile-sub-btn px-4 py-2.5 text-gray-400 hover:text-forest-700 transition-colors" aria-expanded="false"> <svg class="mobile-sub-chevron w-3.5 h-3.5 opacity-40 transition-transform duration-200 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path> </svg> </button> </div> <div class="mobile-sub-items hidden pl-3 space-y-0.5"> <a href="/fussball/d-jugend" class="mobile-nav-link flex items-center gap-2 px-4 py-2 rounded-xl text-sm transition-colors text-gray-500 font-medium hover:text-forest-900 hover:bg-forest-50"> D-Jugend </a><a href="/fussball/e-jugend" class="mobile-nav-link flex items-center gap-2 px-4 py-2 rounded-xl text-sm transition-colors text-gray-500 font-medium hover:text-forest-900 hover:bg-forest-50"> E-Jugend </a><a href="/fussball/f-jugend" class="mobile-nav-link flex items-center gap-2 px-4 py-2 rounded-xl text-sm transition-colors text-gray-500 font-medium hover:text-forest-900 hover:bg-forest-50"> F-Jugend </a><a href="/fussball/g-jugend-bambini" class="mobile-nav-link flex items-center gap-2 px-4 py-2 rounded-xl text-sm transition-colors text-gray-500 font-medium hover:text-forest-900 hover:bg-forest-50"> G-Jugend / Bambini </a> </div> </div><a href="/fussball/trainingszeiten" class="mobile-nav-link flex items-center gap-2 px-4 py-2.5 rounded-xl text-sm transition-colors text-gray-600 font-medium hover:text-forest-900 hover:bg-forest-50"> Trainingszeiten </a><div class="mobile-sub-accordion"> <div class="flex items-center rounded-xl "> <a href="/fussball/schiedsrichter" class="mobile-nav-link flex-1 px-4 py-2.5 text-sm transition-colors text-gray-600 font-medium hover:text-forest-900">Schiedsrichter</a> <button class="mobile-sub-btn px-4 py-2.5 text-gray-400 hover:text-forest-700 transition-colors" aria-expanded="false"> <svg class="mobile-sub-chevron w-3.5 h-3.5 opacity-40 transition-transform duration-200 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path> </svg> </button> </div> <div class="mobile-sub-items hidden pl-3 space-y-0.5"> <a href="/fussball/schiedsrichter/mesut-demirag" class="mobile-nav-link flex items-center gap-2 px-4 py-2 rounded-xl text-sm transition-colors text-gray-500 font-medium hover:text-forest-900 hover:bg-forest-50"> Mesut Demirag </a> </div> </div> </div> </div><div class="mobile-accordion"> <div class="flex items-center rounded-xl "> <a href="/tennis" class="mobile-nav-link flex-1 px-4 py-3.5 text-sm font-bold transition-colors text-gray-700">Tennis</a> <button class="mobile-accordion-btn px-4 py-3.5 hover:text-forest-900 transition-colors" aria-expanded="false"> <svg class="accordion-chevron w-4 h-4 transition-transform duration-200 opacity-40" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path> </svg> </button> </div> <div class="accordion-content hidden pl-3 pt-1 pb-2 space-y-0.5"> <a href="/tennis/mannschaften" class="mobile-nav-link flex items-center gap-2 px-4 py-2.5 rounded-xl text-sm transition-colors text-gray-600 font-medium hover:text-forest-900 hover:bg-forest-50"> Mannschaften </a><a href="/tennis/platz-buchen" class="mobile-nav-link flex items-center gap-2 px-4 py-2.5 rounded-xl text-sm transition-colors text-gray-600 font-medium hover:text-forest-900 hover:bg-forest-50">
3 Tennisplatz buchen </a> </div> </div><a href="/gymnastik" class="mobile-nav-link flex items-center px-4 py-3.5 rounded-xl text-sm font-bold transition-colors text-gray-700 hover:bg-gray-100 hover:text-forest-900"> Gymnastik </a><div class="mobile-accordion"> <div class="flex items-center rounded-xl "> <a href="/gaststaette" class="mobile-nav-link flex-1 px-4 py-3.5 text-sm font-bold transition-colors text-gray-700">Gaststätte</a> <button class="mobile-accordion-btn px-4 py-3.5 hover:text-forest-900 transition-colors" aria-expanded="false"> <svg class="accordion-chevron w-4 h-4 transition-transform duration-200 opacity-40" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path> </svg> </button> </div> <div class="accordion-content hidden pl-3 pt-1 pb-2 space-y-0.5"> <a href="/gaststaette/speisekarte" class="mobile-nav-link flex items-center gap-2 px-4 py-2.5 rounded-xl text-sm transition-colors text-gray-600 font-medium hover:text-forest-900 hover:bg-forest-50"> Speisekarte </a><a href="/gaststaette/hallennutzung" class="mobile-nav-link flex items-center gap-2 px-4 py-2.5 rounded-xl text-sm transition-colors text-gray-600 font-medium hover:text-forest-900 hover:bg-forest-50"> Hallennutzung </a> </div> </div><div class="mobile-accordion"> <div class="flex items-center rounded-xl "> <a href="/sponsoren" class="mobile-nav-link flex-1 px-4 py-3.5 text-sm font-bold transition-colors text-gray-700">Sponsoren</a> <button class="mobile-accordion-btn px-4 py-3.5 hover:text-forest-900 transition-colors" aria-expanded="false"> <svg class="accordion-chevron w-4 h-4 transition-transform duration-200 opacity-40" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path> </svg> </button> </div> <div class="accordion-content hidden pl-3 pt-1 pb-2 space-y-0.5"> <a href="/sponsoren/partner" class="mobile-nav-link flex items-center gap-2 px-4 py-2.5 rounded-xl text-sm transition-colors text-gray-600 font-medium hover:text-forest-900 hover:bg-forest-50"> Unsere Partner </a><a href="/sponsoren/sponsor-werden" class="mobile-nav-link flex items-center gap-2 px-4 py-2.5 rounded-xl text-sm transition-colors text-gray-600 font-medium hover:text-forest-900 hover:bg-forest-50"> Sponsor werden </a> </div> </div><a href="/kontakt" class="mobile-nav-link flex items-center px-4 py-3.5 rounded-xl text-sm font-bold transition-colors text-gray-700 hover:bg-gray-100 hover:text-forest-900"> Kontakt </a> </nav> <!-- Footer: CTA + Social --> <div class="px-5 pt-4 pb-8 border-t border-gray-200 space-y-4" style="flex-shrink:0;"> <a href="/kontakt" class="btn-primary w-full justify-center">
4Kontakt aufnehmen
5<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path> </svg> </a> <div class="flex items-center justify-center gap-3"> <a href="https://www.instagram.com/tus.weinsheim.1887_1916" target="_blank" rel="noopener noreferrer" class="w-10 h-10 rounded-xl flex items-center justify-center transition-colors" style="background:rgba(6,78,59,0.08); color:#064e3b;" aria-label="Instagram"> <svg width="16" height="16" fill="currentColor" viewBox="0 0 24 24"><path d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 
51.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"></path></svg> </a> <a href="https://www.facebook.com/tusweinsheim/" target="_blank" rel="noopener noreferrer" class="w-10 h-10 rounded-xl flex items-center justify-center transition-colors" style="background:rgba(6,78,59,0.08); color:#064e3b;" aria-label="Facebook"> <svg width="16" height="16" fill="currentColor" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"></path></svg> </a> <a href="https://www.whatsapp.com/channel/0029VaYgmzxJf05WSjcAKT2q" target="_blank" rel="noopener noreferrer" class="w-10 h-10 rounded-xl flex items-center justify-center transition-colors" style="background:rgba(6,78,59,0.08); color:#064e3b;" aria-label="WhatsApp"> <svg width="16" height="16" fill="currentColor" viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"></path></svg> </a> </div> </div> </div> </div> 
5<script type="module">const v=document.getElementById("navbar"),d=document.getElementById("burger-btn"),y=document.getElementById("mobile-close"),r=document.getElementById("mobile-menu"),l=Array.from(d.querySelectorAll(".burger-line"));let i=!1;function b(){v.classList.toggle("shadow-sm",window.scrollY>10)}window.addEventListener("scroll",b,{passive:!0});b();function g(){i=!0,d.setAttribute("aria-expanded","true"),r.setAttribute("aria-hidden","false"),r.classList.remove("translate-x-full"),r.classList.add("translate-x-0"),document.body.style.overflow="hidden",l[0].classList.add("rotate-45","translate-y-2"),l[1].classList.add("opacity-0","scale-x-0"),l[2].classList.add("-rotate-45","-translate-y-2")}function c(){i=!1,d.setAttribute("aria-expanded","false"),r.setAttribute("aria-hidden","true"),r.classList.add("translate-x-full"),r.classList.remove("translate-x-0"),document.body.style.overflow="",l[0].classList.remove("rotate-45","translate-y-2"),l[1].classList.remove("opacity-0","scale-x-0"),l[2].classList.remove("-rotate-45","-translate-y-2")}d.addEventListener("click",()=>i?c():g());y.addEventListener("click",c);r.querySelectorAll(".mobile-nav-link").forEach(e=>e.addEventListener("click",c));r.querySelectorAll(".mobile-accordion").forEach(e=>{const t=e.querySelector(".mobile-accordion-btn"),o=e.querySelector(".accordion-content"),n=e.querySelector(".accordion-chevron");t?.addEventListener("click",()=>{const s=t.getAttribute("aria-expanded")==="true";t.setAttribute("aria-expanded",String(!s)),o?.classList.toggle("hidden",s),n?.classList.toggle("rotate-180",!s)})});r.querySelectorAll(".mobile-sub-accordion").forEach(e=>{const t=e.querySelector(".mobile-sub-btn"),o=e.querySelector(".mobile-sub-items"),n=e.querySelector(".mobile-sub-chevron");t?.addEventListener("click",s=>{s.stopPropagation();const a=t.getAttribute("aria-expanded")==="true";t.setAttribute("aria-expanded",String(!a)),o?.classList.toggle("hidden",a),n?.classList.toggle("rotate-180",!a)})});document.querySelectorAll(".desktop-sub-acc").forEach(e=>{const t=e.querySelector(".desktop-sub-btn"),o=e.querySelector(".desktop-sub-items"),n=e.querySelector(".desktop-sub-chevron");t?.addEventListener("click",()=>{const s=t.getAttribute("aria-expanded")==="true";t.setAttribute("aria-expanded",String(!s)),o?.classList.toggle("hidden",s),n?.classList.toggle("rotate-180",!s)})});document.addEventListener("keydown",e=>{e.key==="Escape"&&i&&c()});document.querySelectorAll("[data-nav-dropdown]").forEach(e=>{const t=e.querySelector(".nav-dropdown-panel"),o=e.querySelector("[data-dropdown-trigger]"),n=e.querySelector("[data-chevron]");if(!t)return;let s;function a(){clearTimeout(s),t.classList.add("is-open"),o?.setAttribute("aria-expanded","true"),n?.classList.add("rotate-180")}function u(){s=setTimeout(()=>{t.classList.remove("is-open"),o?.setAttribute("aria-expanded","false"),n?.classList.remove("rotate-180")},150)}e.addEventListener("mouseenter",a),e.addEventListener("mouseleave",u),e.addEventListener("focusin",a),e.addEventListener("focusout",m=>{e.contains(m.relatedTarget)||u()})});</script>
5 <main id="main-content">     <section class="relative overflow-hidden" style="height: 80vh; min-height: 560px; max-height: 960px; background-color: #064e3b;"> <!-- Background aerial photo — Ken Burns zoom --> <img src="/Gelaende.jpg" alt="" aria-hidden="true" class="absolute inset-0 w-full h-full object-cover object-center hero-bg-zoom" loading="eager" fetchpriority="high" width="1920" height="1080"> <!-- Very light base darkening — photo stays bright and inviting --> <div class="absolute inset-0" style="background: rgba(0,0,0,0.15);" aria-hidden="true"></div> <!-- Bottom-heavy gradient — bright sky visible, dark base for text --> <div class="absolute inset-0" aria-hidden="true" style="background: linear-gradient(180deg, transparent 0%, transparent 28%, rgba(2,18,10,0.48) 62%, rgba(1,10,5,0.88) 100%);"></div> <!-- Warm amber glow at base --> <div class="absolute inset-0 pointer-events-none" aria-hidden="true" style="background: radial-gradient(ellipse 70% 35% at 50% 100%, rgba(180,130,30,0.13) 0%, transparent 55%);"></div> <!-- Content — zentriert, etwas nach unten verschoben --> <div class="absolute inset-0 flex items-center justify-center z-10 pt-24"> <div class="container-site"> <div class="hero-stagger text-center"> <!-- Main headline --> <h1 class="font-black text-white leading-none tracking-tight" style="font-family: var(--font-display); font-size: clamp(2.4rem, 6.5vw, 5.5rem);">
6Grün &amp; Weiß.
7<span class="block">Ein Leben lang.</span> </h1> </div> </div> </div> </section>    <div class="sponsor-ticker-wrap" aria-label="Partner & Sponsoren" data-astro-cid-a5d4dvd4> <div class="ticker-fade ticker-fade-l" aria-hidden="true" data-astro-cid-a5d4dvd4></div> <div class="ticker-fade ticker-fade-r" aria-hidden="true" data-astro-cid-a5d4dvd4></div> <div class="ticker-track" data-astro-cid-a5d4dvd4> <!-- Set A --> <div class="ticker-item" data-astro-cid-a5d4dvd4> <a href="https://www.physiobase-worms.de/" target="_blank" rel="noopener noreferrer" title="Physiobase Worms" class="ticker-link" data-astro-cid-a5d4dvd4> <div class="logo-wrap" data-astro-cid-a5d4dvd4> <img src="/Physiobase-w.png" alt="Physiobase Worms" class="logo-img" loading="eager" decoding="async" style="--logo-scale:1.4" data-astro-cid-a5d4dvd4> </div> </a> <div class="ticker-sep" aria-hidden="true" data-astro-cid-a5d4dvd4></div> </div><div class="ticker-item" data-astro-cid-a5d4dvd4> <a href="https://www.rheinhessen-sparkasse.de" target="_blank" rel="noopener noreferrer" title="Rheinhessen Sparkasse" class="ticker-link" data-astro-cid-a5d4dvd4> <div class="logo-wrap" data-astro-cid-a5d4dvd4> <img src="/Sparkasse-w.png" alt="Rheinhessen Sparkasse" class="logo-img" loading="eager" decoding="async" style="--logo-scale:1.4" data-astro-cid-a5d4dvd4> </div> </a> <div class="ticker-sep" aria-hidden="true" data-astro-cid-a5d4dvd4></div> </div><div class="ticker-item" data-astro-cid-a5d4dvd4> <a href="https://www.dewetech.de" target="_blank" rel="noopener noreferrer" title="Dewetech" class="ticker-link" data-astro-cid-a5d4dvd4> <div class="logo-wrap" data-astro-cid-a5d4dvd4> <img src="/Dewetech.png" alt="Dewetech" class="logo-img" loading="eager" decoding="async" style="--logo-scale:0.82" data-astro-cid-a5d4dvd4> </div> </a> <div class="ticker-sep" aria-hidden="true" data-astro-cid-a5d4dvd4></div> </div><div class="ticker-item" data-astro-cid-a5d4dvd4> <a href="https://www.gutachten24-gmbh.de/" target="_blank" rel="noopener noreferrer" title="Gutachten24" class="ticker-link" data-astro-cid-a5d4dvd4> <div class="logo-wrap" data-astro-cid-a5d4dvd4> <img src="/Gutachten24-w.png" alt="Gutachten24" class="logo-img" loading="eager" decoding="async" style="--logo-scale:0.88" data-astro-cid-a5d4dvd4> </div> </a> <div class="ticker-sep" aria-hidden="true" data-astro-cid-a5d4dvd4></div> </div><div class="ticker-item" data-astro-cid-a5d4dvd4> <a href="https://union-bauzentrum.com/standort/worms" target="_blank" rel="noopener noreferrer" title="Union Bauzentrum Hornbach" class="ticker-link" data-astro-cid-a5d4dvd4> <div class="logo-wrap" data-astro-cid-a5d4dvd4> <img src="/Union-w.png" alt="Union Bauzentrum Hornbach" class="logo-img" loading="eager" decoding="async" style="--logo-scale:1.9" data-astro-cid-a5d4dvd4> </div> </a> <div class="ticker-sep" aria-hidden="true" data-astro-cid-a5d4dvd4></div> </div><div class="ticker-item" data-astro-cid-a5d4dvd4> <a href="https://www.ewr.de" target="_blank" rel="noopener noreferrer" title="EWR" class="ticker-link" data-astro-cid-a5d4dvd4> <div class="logo-wrap" data-astro-cid-a5d4dvd4> <img src="/EWR-w.png" alt="EWR" class="logo-img" loading="eager" decoding="async" style="--logo-scale:0.75" data-astro-cid-a5d4dvd4> </div> </a> <div class="ticker-sep" aria-hidden="true" data-astro-cid-a5d4dvd4></div> </div><div class="ticker-item" data-astro-cid-a5d4dvd4> <a href="/sponsoren/partner" title="BFT" class="ticker-link" data-astro-cid-a5d4dvd4> <div class="logo-wrap" data-astro-cid-a5d4dvd4>
7 <img src="/BFT-w.png" alt="BFT" class="logo-img" loading="eager" decoding="async" style="--logo-scale:1.9" data-astro-cid-a5d4dvd4> </div> </a> <div class="ticker-sep" aria-hidden="true" data-astro-cid-a5d4dvd4></div> </div><div class="ticker-item" data-astro-cid-a5d4dvd4> <a href="https://www.rebenich-worms.de/" target="_blank" rel="noopener noreferrer" title="Rebenich-Tiesler Immobilien" class="ticker-link" data-astro-cid-a5d4dvd4> <div class="logo-wrap" data-astro-cid-a5d4dvd4> <img src="/Tiesler-w.png" alt="Rebenich-Tiesler Immobilien" class="logo-img" loading="eager" decoding="async" style="--logo-scale:2" data-astro-cid-a5d4dvd4> </div> </a> <div class="ticker-sep" aria-hidden="true" data-astro-cid-a5d4dvd4></div> </div><div class="ticker-item" data-astro-cid-a5d4dvd4> <a href="https://www.gegros.de/" target="_blank" rel="noopener noreferrer" title="Gegros Trink-Paradies" class="ticker-link" data-astro-cid-a5d4dvd4> <div class="logo-wrap" data-astro-cid-a5d4dvd4> <img src="/Gegros-w.png" alt="Gegros Trink-Paradies" class="logo-img" loading="eager" decoding="async" style="--logo-scale:1.7" data-astro-cid-a5d4dvd4> </div> </a> <div class="ticker-sep" aria-hidden="true" data-astro-cid-a5d4dvd4></div> </div><div class="ticker-item" data-astro-cid-a5d4dvd4> <a href="https://heydasch.haendler-nissan.de/" target="_blank" rel="noopener noreferrer" title="Autohaus Heydasch" class="ticker-link" data-astro-cid-a5d4dvd4> <div class="logo-wrap" data-astro-cid-a5d4dvd4> <img src="/Heydasch-w.png" alt="Autohaus Heydasch" class="logo-img" loading="eager" decoding="async" style="--logo-scale:2" data-astro-cid-a5d4dvd4> </div> </a> <div class="ticker-sep" aria-hidden="true" data-astro-cid-a5d4dvd4></div> </div><div class="ticker-item" data-astro-cid-a5d4dvd4> <a href="https://www.sfb-bauen.de" target="_blank" rel="noopener noreferrer" title="SFB Projektabwicklung GmbH" class="ticker-link" data-astro-cid-a5d4dvd4> <div class="logo-wrap" data-astro-cid-a5d4dvd4> <img src="/SFB-w.png" alt="SFB Projektabwicklung GmbH" class="logo-img" loading="eager" decoding="async" style="--logo-scale:1.9" data-astro-cid-a5d4dvd4> </div> </a> <div class="ticker-sep" aria-hidden="true" data-astro-cid-a5d4dvd4></div> </div><div class="ticker-item" data-astro-cid-a5d4dvd4> <a href="/sponsoren/partner" title="Optik Kraft" class="ticker-link" data-astro-cid-a5d4dvd4> <div class="logo-wrap" data-astro-cid-a5d4dvd4> <img src="/OptikKraft-w.png" alt="Optik Kraft" class="logo-img" loading="eager" decoding="async" style="--logo-scale:2" data-astro-cid-a5d4dvd4> </div> </a> <div class="ticker-sep" aria-hidden="true" data-astro-cid-a5d4dvd4></div> </div><div class="ticker-item" data-astro-cid-a5d4dvd4> <a href="https://armbruester-worms.de/" target="_blank" rel="noopener noreferrer" title="Armbrüster Malerbetrieb" class="ticker-link" data-astro-cid-a5d4dvd4> <div class="logo-wrap" data-astro-cid-a5d4dvd4> <img src="/Armbruester-w.png" alt="Armbrüster Malerbetrieb" class="logo-img" loading="eager" decoding="async" style="--logo-scale:2" data-astro-cid-a5d4dvd4> </div> </a> <div class="ticker-sep" aria-hidden="true" data-astro-cid-a5d4dvd4></div> </div><div class="ticker-item" data-astro-cid-a5d4dvd4> <a href="/sponsoren/sponsor-werden" title="Hier könnte Ihr Logo stehen" class="ticker-link" data-astro-cid-a5d4dvd4> <div class="logo-wrap" data-astro-cid-a5d4dvd4> <img src="/sponsor-placeholder.svg" alt="Hier könnte Ihr Logo stehen" class="logo-img" loading="eager" decoding="async" style data-astro-cid-a5d4dvd4> </div> </a> <div class="ticker-sep" aria-hidden="true" data-astro-cid-a5d4dvd4></div> </div> <!-- Set B — aria-hidden für nahtlose Schleife --> <div class="ticker-item" aria-hidden="true" data-astro-cid-a5d4dvd4> <a href="https://www.physiobase-worms.de/" target="_blank" rel="noopener noreferrer" tabindex="-1" class="ticker-link" data-astro-cid-a5d4dvd4> <div class="logo-wrap" data-astro-cid-a5d4dvd4> <img src="/Physiobase-w.png" alt="" class="logo-img" loading="eager" decoding="async" style="--logo-scale:1.4" data-astro-cid-a5d4dvd4> </div> </a> <div class="ticker-sep" aria-hidden="true" data-astro-cid-a5d4dvd4></div> </div><div class="ticker-item" aria-hidden="true" data-astro-cid-a5d4dvd4> <a href="https://www.rheinhessen-sparkasse.de" target="_blank" rel="noopener noreferrer" tabindex="-1" class="ticker-link" data-astro-cid-a5d4dvd4> <div class="logo-wrap" data-astro-cid-a5d4dvd4> <img src="/Sparkasse-w.png" alt="" class="logo-img" loading="eager" decoding="async" style="--logo-scale:1.4" data-astro-cid-a5d4dvd4> </div> </a> <div class="ticker-sep" aria-hidden="true" data-astro-cid-a5d4dvd4></div> </div><div class="ticker-item" aria-hidden="true" data-astro-cid-a5d4dvd4> <a href="https://www.dewetech.de" target="_blank" rel="noopener noreferrer" tabindex="-1" class="ticker-link" data-astro-cid-a5d4dvd4> <div class="logo-wrap" data-astro-cid-a5d4dvd4> <img src="/Dewetech.png" alt="" class="logo-img" loading="eager" decoding="async" style="--logo-scale:0.82" data-astro-cid-a5d4dvd4> </div> </a> <div class="ticker-sep" aria-hidden="true" data-astro-cid-a5d4dvd4></div> </div><div class="ticker-item" aria-hidden="true" data-astro-cid-a5d4dvd4> <a href="https://www.gutachten24-gmbh.de/" target="_blank" rel="noopener noreferrer" tabindex="-1" class="ticker-link" data-astro-cid-a5d4dvd4> <div class="logo-wrap" data-astro-cid-a5d4dvd4> <img src="/Gutachten24-w.png" alt="" class="logo-img" loading="eager" decoding="async" style="--logo-scale:0.88" data-astro-cid-a5d4dvd4> </div> </a> <div class="ticker-sep" aria-hidden="true" data-astro-cid-a5d4dvd4></div> </div><div class="ticker-item" aria-hidden="true" data-astro-cid-a5d4dvd4> <a href="https://union-bauzentrum.com/standort/worms" target="_blank" rel="noopener noreferrer" tabindex="-1" class="ticker-link" data-astro-cid-a5d4dvd4> <div class="logo-wrap" data-astro-cid-a5d4dvd4> <img src="/Union-w.png" alt="" class="logo-img" loading="eager" decoding="async" style="--logo-scale:1.9" data-astro-cid-a5d4dvd4> </div> </a> <div class="ticker-sep" aria-hidden="true" data-astro-cid-a5d4dvd4></div> </div><div class="ticker-item" aria-hidden="true" data-astro-cid-a5d4dvd4> <a href="https://www.ewr.de" target="_blank" rel="noopener noreferrer" tabindex="-1" class="ticker-link" data-astro-cid-a5d4dvd4> <div class="logo-wrap" data-astro-cid-a5d4dvd4> <img src="/EWR-w.png" alt="" class="logo-img" loading="eager" decoding="async" style="--logo-scale:0.75" data-astro-cid-a5d4dvd4> </div> </a> <div class="ticker-sep" aria-hidden="true" data-astro-cid-a5d4dvd4></div> </div><div class="ticker-item" aria-hidden="true" data-astro-cid-a5d4dvd4> <a href="/sponsoren/partner" tabindex="-1" class="ticker-link" data-astro-cid-a5d4dvd4> <div class="logo-wrap" data-astro-cid-a5d4dvd4>
7 <img src="/BFT-w.png" alt="" class="logo-img" loading="eager" decoding="async" style="--logo-scale:1.9" data-astro-cid-a5d4dvd4> </div> </a> <div class="ticker-sep" aria-hidden="true" data-astro-cid-a5d4dvd4></div> </div><div class="ticker-item" aria-hidden="true" data-astro-cid-a5d4dvd4> <a href="https://www.rebenich-worms.de/" target="_blank" rel="noopener noreferrer" tabindex="-1" class="ticker-link" data-astro-cid-a5d4dvd4> <div class="logo-wrap" data-astro-cid-a5d4dvd4> <img src="/Tiesler-w.png" alt="" class="logo-img" loading="eager" decoding="async" style="--logo-scale:2" data-astro-cid-a5d4dvd4> </div> </a> <div class="ticker-sep" aria-hidden="true" data-astro-cid-a5d4dvd4></div> </div><div class="ticker-item" aria-hidden="true" data-astro-cid-a5d4dvd4> <a href="https://www.gegros.de/" target="_blank" rel="noopener noreferrer" tabindex="-1" class="ticker-link" data-astro-cid-a5d4dvd4> <div class="logo-wrap" data-astro-cid-a5d4dvd4> <img src="/Gegros-w.png" alt="" class="logo-img" loading="eager" decoding="async" style="--logo-scale:1.7" data-astro-cid-a5d4dvd4> </div> </a> <div class="ticker-sep" aria-hidden="true" data-astro-cid-a5d4dvd4></div> </div><div class="ticker-item" aria-hidden="true" data-astro-cid-a5d4dvd4> <a href="https://heydasch.haendler-nissan.de/" target="_blank" rel="noopener noreferrer" tabindex="-1" class="ticker-link" data-astro-cid-a5d4dvd4> <div class="logo-wrap" data-astro-cid-a5d4dvd4> <img src="/Heydasch-w.png" alt="" class="logo-img" loading="eager" decoding="async" style="--logo-scale:2" data-astro-cid-a5d4dvd4> </div> </a> <div class="ticker-sep" aria-hidden="true" data-astro-cid-a5d4dvd4></div> </div><div class="ticker-item" aria-hidden="true" data-astro-cid-a5d4dvd4> <a href="https://www.sfb-bauen.de" target="_blank" rel="noopener noreferrer" tabindex="-1" class="ticker-link" data-astro-cid-a5d4dvd4> <div class="logo-wrap" data-astro-cid-a5d4dvd4> <img src="/SFB-w.png" alt="" class="logo-img" loading="eager" decoding="async" style="--logo-scale:1.9" data-astro-cid-a5d4dvd4> </div> </a> <div class="ticker-sep" aria-hidden="true" data-astro-cid-a5d4dvd4></div> </div><div class="ticker-item" aria-hidden="true" data-astro-cid-a5d4dvd4> <a href="/sponsoren/partner" tabindex="-1" class="ticker-link" data-astro-cid-a5d4dvd4> <div class="logo-wrap" data-astro-cid-a5d4dvd4> <img src="/OptikKraft-w.png" alt="" class="logo-img" loading="eager" decoding="async" style="--logo-scale:2" data-astro-cid-a5d4dvd4> </div> </a> <div class="ticker-sep" aria-hidden="true" data-astro-cid-a5d4dvd4></div> </div><div class="ticker-item" aria-hidden="true" data-astro-cid-a5d4dvd4> <a href="https://armbruester-worms.de/" target="_blank" rel="noopener noreferrer" tabindex="-1" class="ticker-link" data-astro-cid-a5d4dvd4> <div class="logo-wrap" data-astro-cid-a5d4dvd4> <img src="/Armbruester-w.png" alt="" class="logo-img" loading="eager" decoding="async" style="--logo-scale:2" data-astro-cid-a5d4dvd4> </div> </a> <div class="ticker-sep" aria-hidden="true" data-astro-cid-a5d4dvd4></div> </div><div class="ticker-item" aria-hidden="true" data-astro-cid-a5d4dvd4> <a href="/sponsoren/sponsor-werden" tabindex="-1" class="ticker-link" data-astro-cid-a5d4dvd4> <div class="logo-wrap" data-astro-cid-a5d4dvd4> <img src="/sponsor-placeholder.svg" alt="" class="logo-img" loading="eager" decoding="async" style data-astro-cid-a5d4dvd4> </div> </a> <div class="ticker-sep" aria-hidden="true" data-astro-cid-a5d4dvd4></div> </div> </div> </div>  
7<script type="module">const n=document.querySelector(".sponsor-ticker-wrap"),e=document.querySelector(".ticker-track"),s=Array.from(e.querySelectorAll("img"));let o=!1;function a(){o||(e.style.animationPlayState="running")}function l(){e.style.animationPlayState="paused"}function u(){o=!1,e.style.animationPlayState="running"}let i=s.filter(t=>!t.complete).length;i===0?a():s.forEach(t=>{if(!t.complete){const r=()=>{i--,i<=0&&a()};t.addEventListener("load",r,{once:!0}),t.addEventListener("error",r,{once:!0})}});n.addEventListener("mouseenter",l);n.addEventListener("mouseleave",()=>{o||a()});let c;n.addEventListener("touchstart",()=>{clearTimeout(c),l()},{passive:!0});n.addEventListener("touchend",()=>{c=setTimeout(u,1200)},{passive:!0});document.addEventListener("visibilitychange",()=>{document.hidden||(e.style.animation="none",e.offsetWidth,e.style.animation="",e.style.animationPlayState="running")});</script>
7    <section class="pt-3 pb-14 md:pt-4 md:pb-20 bg-white"> <div class="container-site"> <div class="text-center mb-8"> <p class="section-label mb-3 block" style="font-size:1.15rem; letter-spacing:0.2em;">Social Media</p> <h2 class="section-title mb-2">Aktuelles vom <span class="text-forest-700">TuS</span></h2> </div> <div style="height: 650px;"> <iframe src="https://widget.taggbox.com/292364?website=1" style="width:100%;height:100%;overflow:auto;border:none;" title="TuS Worms-Weinsheim Instagram Feed" loading="lazy"></iframe> </div> </div> </section>    <section class="py-16 md:py-20" style="background: var(--color-surface);"> <div class="container-site"> <div class="text-center mb-10"> <p class="section-label mb-3 block">Entdecke deinen Bereich</p> <h2 class="section-title mb-3">Was interessiert <span class="text-forest-700">dich?</span></h2> <p class="section-subtitle mx-auto text-center text-base">Von Fußball bis Gaststätte — alles auf einen Blick.</p> </div> <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-4"> <a href="/fussball" class="group relative flex flex-col items-center text-center p-5 pt-7 pb-6 rounded-2xl transition-all duration-300 hover:-translate-y-1.5 hover:shadow-xl" style="background: white; border: 1px solid var(--color-border);" onmouseover="this.style.background='#064e3b'; this.style.borderColor='#064e3b';" onmouseout="this.style.background='white'; this.style.borderColor='var(--color-border)';"> <!-- Icon container --> <div class="w-12 h-12 rounded-xl flex items-center justify-center mb-4 transition-all duration-300" style="background: var(--color-forest-50); border: 1px solid var(--color-forest-100);" data-icon-wrap> <div class="w-6 h-6 transition-colors duration-300" style="color: #064e3b;" data-icon> <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm76.52,147.42H170.9l-9.26-12.76,12.63-36.78,15-4.89,26.24,20.13A87.38,87.38,0,0,1,204.52,171.42Zm-164-34.3L66.71,117l15,4.89,12.63,36.78L85.1,171.42H51.48A87.38,87.38,0,0,1,40.47,137.12Zm10-50.64,5.51,18.6L40.71,116.77A87.33,87.33,0,0,1,50.43,86.48ZM109,152,97.54,118.65,128,97.71l30.46,20.94L147,152Zm91.07-46.92,5.51-18.6a87.33,87.33,0,0,1,9.72,30.29Zm-6.2-35.38-9.51,32.08-15.07,4.89L136,83.79V68.21l29.09-20A88.58,88.58,0,0,1,193.86,69.7ZM146.07,41.87,128,54.29,109.93,41.87a88.24,88.24,0,0,1,36.14,0ZM90.91,48.21l29.09,20V83.79L86.72,106.67l-15.07-4.89L62.14,69.7A88.58,88.58,0,0,1,90.91,48.21ZM63.15,187.42H83.52l7.17,20.27A88.4,88.4,0,0,1,63.15,187.42ZM110,214.13,98.12,180.71,107.35,168h41.3l9.23,12.71-11.83,33.42a88,88,0,0,1-36.1,0Zm55.36-6.44,7.17-20.27h20.37A88.4,88.4,0,0,1,165.31,207.69Z"></path></svg> </div> </div> <!-- Title --> <h3 class="font-bold text-sm leading-tight transition-colors duration-300" style="color: var(--color-ink);" data-title> Fußball </h3>  <!-- Gold underline on hover --> <div class="mt-3 h-px w-6 rounded-full transition-all duration-300 opacity-0 group-hover:opacity-100 group-hover:w-10" style="background: #d4af37;" aria-hidden="true"></div> </a> 
7<script type="module">document.querySelectorAll("[data-icon-wrap]")?.forEach(l=>{const o=l.closest("a");if(!o)return;const e=l,r=l.querySelector("[data-icon]"),t=o.querySelector("[data-title]"),c=o.querySelector("[data-desc]");o.addEventListener("mouseenter",()=>{e.style.background="rgba(255,255,255,0.12)",e.style.borderColor="rgba(255,255,255,0.2)",r&&(r.style.color="white"),t&&(t.style.color="white"),c&&(c.style.color="rgba(255,255,255,0.65)")}),o.addEventListener("mouseleave",()=>{e.style.background="var(--color-forest-50)",e.style.borderColor="var(--color-forest-100)",r&&(r.style.color="#064e3b"),t&&(t.style.color="var(--color-ink)"),c&&(c.style.color="var(--color-ink-muted)")})});</script>
7 <a href="/tennis" class="group relative flex flex-col items-center text-center p-5 pt-7 pb-6 rounded-2xl transition-all duration-300 hover:-translate-y-1.5 hover:shadow-xl" style="background: white; border: 1px solid var(--color-border);" onmouseover="this.style.background='#064e3b'; this.style.borderColor='#064e3b';" onmouseout="this.style.background='white'; this.style.borderColor='var(--color-border)';"> <!-- Icon container --> <div class="w-12 h-12 rounded-xl flex items-center justify-center mb-4 transition-all duration-300" style="background: var(--color-forest-50); border: 1px solid var(--color-forest-100);" data-icon-wrap> <div class="w-6 h-6 transition-colors duration-300" style="color: #064e3b;" data-icon> <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M201.57,54.46a104,104,0,1,0,0,147.08A103.4,103.4,0,0,0,201.57,54.46ZM65.75,65.77a87.63,87.63,0,0,1,53.66-25.31A87.31,87.31,0,0,1,94,94.06a87.42,87.42,0,0,1-53.62,25.35A87.58,87.58,0,0,1,65.75,65.77ZM40.33,135.48a103.29,103.29,0,0,0,65-30.11,103.24,103.24,0,0,0,30.13-65,87.78,87.78,0,0,1,80.18,80.14,104,104,0,0,0-95.16,95.1,87.78,87.78,0,0,1-80.18-80.14Zm149.92,54.75a87.69,87.69,0,0,1-53.66,25.31,88,88,0,0,1,79-78.95A87.58,87.58,0,0,1,190.25,190.23Z"></path></svg> </div> </div> <!-- Title --> <h3 class="font-bold text-sm leading-tight transition-colors duration-300" style="color: var(--color-ink);" data-title> Tennis </h3>  <!-- Gold underline on hover --> <div class="mt-3 h-px w-6 rounded-full transition-all duration-300 opacity-0 group-hover:opacity-100 group-hover:w-10" style="background: #d4af37;" aria-hidden="true"></div> </a>  <a href="/gymnastik" class="group relative flex flex-col items-center text-center p-5 pt-7 pb-6 rounded-2xl transition-all duration-300 hover:-translate-y-1.5 hover:shadow-xl" style="background: white; border: 1px solid var(--color-border);" onmouseover="this.style.background='#064e3b'; this.style.borderColor='#064e3b';" onmouseout="this.style.background='white'; this.style.borderColor='var(--color-border)';"> <!-- Icon container --> <div class="w-12 h-12 rounded-xl flex items-center justify-center mb-4 transition-all duration-300" style="background: var(--color-forest-50); border: 1px solid var(--color-forest-100);" data-icon-wrap> <div class="w-6 h-6 transition-colors duration-300" style="color: #064e3b;" data-icon> <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M248,120h-8V88a16,16,0,0,0-16-16H208V64a16,16,0,0,0-16-16H168a16,16,0,0,0-16,16v56H104V64A16,16,0,0,0,88,48H64A16,16,0,0,0,48,64v8H32A16,16,0,0,0,16,88v32H8a8,8,0,0,0,0,16h8v32a16,16,0,0,0,16,16H48v8a16,16,0,0,0,16,16H88a16,16,0,0,0,16-16V136h48v56a16,16,0,0,0,16,16h24a16,16,0,0,0,16-16v-8h16a16,16,0,0,0,16-16V136h8a8,8,0,0,0,0-16ZM32,168V88H48v80Zm56,24H64V64H88V192Zm104,0H168V64h24V175.82c0,.06,0,.12,0,.18s0,.12,0,.18V192Zm32-24H208V88h16Z"></path></svg> </div> </div> <!-- Title --> <h3 class="font-bold text-sm leading-tight transition-colors duration-300" style="color: var(--color-ink);" data-title> Gymnastik </h3>  <!-- Gold underline on hover --> <div class="mt-3 h-px w-6 rounded-full transition-all duration-300 opacity-0 group-hover:opacity-100 group-hover:w-10" style="background: #d4af37;" aria-hidden="true"></div> </a>  <a href="/gaststaette" class="group relative flex flex-col items-center text-center p-5 pt-7 pb-6 rounded-2xl transition-all duration-300 hover:-translate-y-1.5 hover:shadow-xl" style="background: white; border: 1px solid var(--color-border);" onmouseover="this.style.background='#064e3b'; this.style.borderColor='#064e3b';" onmouseout="this.style.background='white'; this.style.borderColor='var(--color-border)';"> <!-- Icon container --> <div class="w-12 h-12 rounded-xl flex items-center justify-center mb-4 transition-all duration-300" style="background: var(--color-forest-50); border: 1px solid var(--color-forest-100);" data-icon-wrap> <div class="w-6 h-6 transition-colors duration-300" style="color: #064e3b;" data-icon> <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M72,88V40a8,8,0,0,1,16,0V88a8,8,0,0,1-16,0ZM216,40V224a8,8,0,0,1-16,0V176H152a8,8,0,0,1-8-8,268.75,268.75,0,0,1,7.22-56.88c9.78-40.49,28.32-67.63,53.63-78.47A8,8,0,0,1,216,40ZM200,53.9c-32.17,24.57-38.47,84.42-39.7,106.1H200ZM119.89,38.69a8,8,0,1,0-15.78,2.63L112,88.63a32,32,0,0,1-64,0l7.88-47.31a8,8,0,1,0-15.78-2.63l-8,48A8.17,8.17,0,0,0,32,88a48.07,48.07,0,0,0,40,47.32V224a8,8,0,0,0,16,0V135.32A48.07,48.07,0,0,0,128,88a8.17,8.17,0,0,0-.11-1.31Z"></path></svg> </div> </div> <!-- Title --> <h3 class="font-bold text-sm leading-tight transition-colors duration-300" style="color: var(--color-ink);" data-title> Gaststätte </h3>  <!-- Gold underline on hover --> <div class="mt-3 h-px w-6 rounded-full transition-all duration-300 opacity-0 group-hover:opacity-100 group-hover:w-10" style="background: #d4af37;" aria-hidden="true"></div> </a>  <a href="/verein/mitgliedschaft" class="group relative flex flex-col items-center text-center p-5 pt-7 pb-6 rounded-2xl transition-all duration-300 hover:-translate-y-1.5 hover:shadow-xl" style="background: white; border: 1px solid var(--color-border);" onmouseover="this.style.background='#064e3b'; this.style.borderColor='#064e3b';" onmouseout="this.style.background='white'; this.style.borderColor='var(--color-border)';"> <!-- Icon container --> <div class="w-12 h-12 rounded-xl flex items-center justify-center mb-4 transition-all duration-300" style="background: var(--color-forest-50); border: 1px solid var(--color-forest-100);" data-icon-wrap> <div class="w-6 h-6 transition-colors duration-300" style="color: #064e3b;" data-icon> <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M117.25,157.92a60,60,0,1,0-66.5,0A95.83,95.83,0,0,0,3.53,195.63a8,8,0,1,0,13.4,8.74,80,80,0,0,1,134.14,0,8,8,0,0,0,13.4-8.74A95.83,95.83,0,0,0,117.25,157.92ZM40,108a44,44,0,1,1,44,44A44.05,44.05,0,0,1,40,108Zm210.14,98.7a8,8,0,0,1-11.07-2.33A79.83,79.83,0,0,0,172,168a8,8,0,0,1,0-16,44,44,0,1,0-16.34-84.87,8,8,0,1,1-5.94-14.85,60,60,0,0,1,55.53,105.64,95.83,95.83,0,0,1,47.22,37.71A8,8,0,0,1,250.14,206.7Z"></path></svg> </div> </div> <!-- Title --> <h3 class="font-bold text-sm leading-tight transition-colors duration-300" style="color: var(--color-ink);" data-title> Mitglied werden </h3>  <!-- Gold underline on hover --> <div class="mt-3 h-px w-6 rounded-full transition-all duration-300 opacity-0 group-hover:opacity-100 group-hover:w-10" style="background: #d4af37;" aria-hidden="true"></div> </a>  <a href="/sponsoren/sponsor-werden" class="group relative flex flex-col items-center text-center p-5 pt-7 pb-6 rounded-2xl transition-all duration-300 hover:-translate-y-1.5 hover:shadow-xl" style="background: white; border: 1px solid var(--color-border);" onmouseover="this.style.background='#064e3b'; this.style.borderColor='#064e3b';" onmouseout="this.style.background='white'; this.style.borderColor='var(--color-border)';"> <!-- Icon container --> <div class="w-12 h-12 rounded-xl flex items-center justify-center mb-4 transition-all duration-300" style="background: var(--color-forest-50); border: 1px solid var(--color-forest-100);" data-icon-wrap> <div class="w-6 h-6 transition-colors duration-300" style="color: #064e3b;" data-icon> <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M232,64H208V48a8,8,0,0,0-8-8H56a8,8,0,0,0-8,8V64H24A16,16,0,0,0,8,80V96a40,40,0,0,0,40,40h3.65A80.13,80.13,0,0,0,120,191.61V216H96a8,8,0,0,0,0,16h64a8,8,0,0,0,0-16H136V191.58c31.94-3.23,58.44-25.64,68.08-55.58H208a40,40,0,0,0,40-40V80A16,16,0,0,0,232,64ZM48,120A24,24,0,0,1,24,96V80H48v32q0,4,.39,8Zm144-8.9c0,35.52-29,64.64-64,64.9a64,64,0,0,1-64-64V56H192ZM232,96a24,24,0,0,1-24,24h-.5a81.81,81.81,0,0,0,.5-8.9V80h24Z"></path></svg> </div> </div> <!-- Title --> <h3 class="font-bold text-sm leading-tight transition-colors duration-300" style="color: var(--color-ink);" data-title> Sponsor werden </h3>  <!-- Gold underline on hover --> <div class="mt-3 h-px w-6 rounded-full transition-all duration-300 opacity-0 group-hover:opacity-100 group-hover:w-10" style="background: #d4af37;" aria-hidden="true"></div> </a>  </div> </div> </section>    <section class="section" style="background: #fdfcf7;"> <div class="container-site"> <div class="grid lg:grid-cols-2 gap-12 lg:gap-20 items-center"> <div> <p class="section-label mb-4 block">Wer wir sind</p> <h2 class="section-title mb-6">
8Dein Verein in<br><span class="text-forest-700">Worms-Weinsheim</span> </h2> <p class="text-lg leading-relaxed mb-5" style="color: var(--color-ink-muted);">
9Der TuS Worms-Weinsheim 1887/1916 e.V. entstand aus zwei Wurzeln: der Turnabteilung von 1887 und dem „Sportverein 1916", gegründet von Franz Kloos und seinen Mitstreitern. Heute bieten wir auf der Georg-Schmitt-Sportplatzanlage Fußball, Tennis und Gymnastik für alle Generationen.
10</p> <p class="leading-relaxed mb-8" style="color: var(--color-ink-muted);">
11Seit der Eröffnung unserer Tennisanlage 1989, dem Jubiläumsjahr 2016 und dem Jugend-Neustart 2022 wächst unser Verein stetig — mit einem frisch gewählten Vorstand ab 2025 voller Schwung in die Zukunft.
12</p> <div class="flex flex-col sm:flex-row gap-4"> <a href="/verein" class="btn-primary">Über den Verein</a> <a href="/kontakt" class="btn-secondary">Kontakt aufnehmen</a> </div> </div> <div class="grid grid-cols-2 gap-4"> <!-- Feature card --> <div class="col-span-2 bg-white rounded-2xl p-6 shadow-sm" style="border: 1px solid var(--color-border); border-left: 4px solid #d4af37;"> <div class="w-10 h-10 rounded-xl bg-gold-50 border border-gold-100 flex items-center justify-center mb-3"> <svg class="w-5 h-5 text-gold-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z"></path> </svg> </div> <h3 class="font-bold text-lg mb-2 tracking-tight" style="color: var(--color-ink);">2016 — ein unvergessliches Jubeljahr</h3> <p class="text-sm leading-relaxed" style="color: var(--color-ink-muted);">
13Zum 100-jährigen Jubiläum gewann die 1. Mannschaft die Meisterschaft in der B-Klasse Worms und stieg direkt in die A-Klasse auf.
14</p> </div> <!-- Stat card --> <div class="col-span-2 bg-white rounded-2xl p-5 text-center shadow-sm" style="border: 1px solid var(--color-border);"> <div class="text-3xl font-black text-forest-900 mb-1">2022</div> <div class="text-sm font-medium" style="color: var(--color-ink-muted);">Jugend-Neustart</div> </div> </div> </div> </div> </section>    <section class="section" style="background: var(--color-surface);"> <div class="container-site"> <div class="text-center mb-12"> <p class="section-label mb-4 block">Unser Sportangebot</p> <h2 class="section-title mb-4">Drei Abteilungen — <span class="text-forest-700">ein Verein</span></h2> <p class="section-subtitle mx-auto text-center">
15Vom Bambini-Fußball bis zum Seniorensport — für jeden ist etwas dabei.
16</p> </div> <div class="grid sm:grid-cols-3 lg:grid-cols-3 gap-5"> <div class="group card-section p-0 "> <!-- Emerald top accent bar (visible on hover) --> <div class="h-[3px] w-full transition-all duration-300" style="background: linear-gradient(90deg, #064e3b, #047857);"></div> <div class="p-6 md:p-7 flex flex-col flex-1"> <div class="w-12 h-12 rounded-xl bg-forest-50 border border-forest-100 flex items-center justify-center mb-5 group-hover:bg-forest-900 group-hover:border-forest-900 transition-all duration-300"> <div class="w-6 h-6 text-forest-900 group-hover:text-white transition-colors duration-300"><svg slot="icon" class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm76.52,147.42H170.9l-9.26-12.76,12.63-36.78,15-4.89,26.24,20.13A87.38,87.38,0,0,1,204.52,171.42Zm-164-34.3L66.71,117l15,4.89,12.63,36.78L85.1,171.42H51.48A87.38,87.38,0,0,1,40.47,137.12Zm10-50.64,5.51,18.6L40.71,116.77A87.33,87.33,0,0,1,50.43,86.48ZM109,152,97.54,118.65,128,97.71l30.46,20.94L147,152Zm91.07-46.92,5.51-18.6a87.33,87.33,0,0,1,9.72,30.29Zm-6.2-35.38-9.51,32.08-15.07,4.89L136,83.79V68.21l29.09-20A88.58,88.58,0,0,1,193.86,69.7ZM146.07,41.87,128,54.29,109.93,41.87a88.24,88.24,0,0,1,36.14,0ZM90.91,48.21l29.09,20V83.79L86.72,106.67l-15.07-4.89L62.14,69.7A88.58,88.58,0,0,1,90.91,48.21ZM63.15,187.42H83.52l7.17,20.27A88.4,88.4,0,0,1,63.15,187.42ZM110,214.13,98.12,180.71,
16107.35,168h41.3l9.23,12.71-11.83,33.42a88,88,0,0,1-36.1,0Zm55.36-6.44,7.17-20.27h20.37A88.4,88.4,0,0,1,165.31,207.69Z"></path></svg></div> </div> <span class="badge mb-3 block w-fit">Hauptabteilung</span> <h3 class="font-extrabold text-xl mb-3 tracking-tight group-hover:text-forest-700 transition-colors duration-200" style="color: var(--color-ink);"> Fußball in Worms </h3> <p class="text-sm leading-relaxed mb-5 flex-1" style="color: var(--color-ink-muted);"> Drei Seniorenmannschaften (1. Mannschaft, Ü40, Ü50) und eine aktive Jugendabteilung mit D-, E-, F- und G-Jugend/Bambini. </p> <a href="/fussball" class="inline-flex items-center gap-1.5 text-sm font-bold transition-colors group/link mt-auto" style="color: #064e3b;" onmouseover="this.style.color='#022c22'" onmouseout="this.style.color='#064e3b'">
17Mehr erfahren
18<svg class="w-4 h-4 transition-transform group-hover/link:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> </svg> </a> </div> </div> <div class="group card-section p-0 "> <!-- Emerald top accent bar (visible on hover) --> <div class="h-[3px] w-full transition-all duration-300" style="background: linear-gradient(90deg, #064e3b, #047857);"></div> <div class="p-6 md:p-7 flex flex-col flex-1"> <div class="w-12 h-12 rounded-xl bg-forest-50 border border-forest-100 flex items-center justify-center mb-5 group-hover:bg-forest-900 group-hover:border-forest-900 transition-all duration-300"> <div class="w-6 h-6 text-forest-900 group-hover:text-white transition-colors duration-300"><svg slot="icon" class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M201.57,54.46a104,104,0,1,0,0,147.08A103.4,103.4,0,0,0,201.57,54.46ZM65.75,65.77a87.63,87.63,0,0,1,53.66-25.31A87.31,87.31,0,0,1,94,94.06a87.42,87.42,0,0,1-53.62,25.35A87.58,87.58,0,0,1,65.75,65.77ZM40.33,135.48a103.29,103.29,0,0,0,65-30.11,103.24,103.24,0,0,0,30.13-65,87.78,87.78,0,0,1,80.18,80.14,104,104,0,0,0-95.16,95.1,87.78,87.78,0,0,1-80.18-80.14Zm149.92,54.75a87.69,87.69,0,0,1-53.66,25.31,88,88,0,0,1,79-78.95A87.58,87.58,0,0,1,190.25,190.23Z"></path></svg></div> </div>  <h3 class="font-extrabold text-xl mb-3 tracking-tight group-hover:text-forest-700 transition-colors duration-200" style="color: var(--color-ink);"> Tennis </h3> <p class="text-sm leading-relaxed mb-5 flex-1" style="color: var(--color-ink-muted);"> Vier Mannschaften in verschiedenen Altersklassen auf unserer 3-Platz-Tennisanlage. Plätze können gebucht werden. </p> <a href="/tennis" class="inline-flex items-center gap-1.5 text-sm font-bold transition-colors group/link mt-auto" style="color: #064e3b;" onmouseover="this.style.color='#022c22'" onmouseout="this.style.color='#064e3b'">
19Mehr erfahren
20<svg class="w-4 h-4 transition-transform group-hover/link:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> </svg> </a> </div> </div> <div class="group card-section p-0 "> <!-- Emerald top accent bar (visible on hover) --> <div class="h-[3px] w-full transition-all duration-300" style="background: linear-gradient(90deg, #064e3b, #047857);"></div> <div class="p-6 md:p-7 flex flex-col flex-1"> <div class="w-12 h-12 rounded-xl bg-forest-50 border border-forest-100 flex items-center justify-center mb-5 group-hover:bg-forest-900 group-hover:border-forest-900 transition-all duration-300"> <div class="w-6 h-6 text-forest-900 group-hover:text-white transition-colors duration-300"><svg slot="icon" class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M248,120h-8V88a16,16,0,0,0-16-16H208V64a16,16,0,0,0-16-16H168a16,16,0,0,0-16,16v56H104V64A16,16,0,0,0,88,48H64A16,16,0,0,0,48,64v8H32A16,16,0,0,0,16,88v32H8a8,8,0,0,0,0,16h8v32a16,16,0,0,0,16,16H48v8a16,16,0,0,0,16,16H88a16,16,0,0,0,16-16V136h48v56a16,16,0,0,0,16,16h24a16,16,0,0,0,16-16v-8h16a16,16,0,0,0,16-16V136h8a8,8,0,0,0,0-16ZM32,168V88H48v80Zm56,24H64V64H88V192Zm104,0H168V64h24V175.82c0,.06,0,.12,0,.18s0,.12,0,.18V192Zm32-24H208V88h16Z"></path></svg></div> </div>  <h3 class="font-extrabold text-xl mb-3 tracking-tight group-hover:text-forest-700 transition-colors duration-200" style="color: var(--color-ink);"> Gymnastik </h3> <p class="text-sm leading-relaxed mb-5 flex-1" style="color: var(--color-ink-muted);"> Die Gymnastikabteilung bietet vielseitige Angebote für alle, die sich fit halten möchten — für alle Altersgruppen. </p> <a href="/gymnastik" class="inline-flex items-center gap-1.5 text-sm font-bold transition-colors group/link mt-auto" style="color: #064e3b;" onmouseover="this.style.color='#022c22'" onmouseout="this.style.color='#064e3b'">
21Mehr erfahren
22<svg class="w-4 h-4 transition-transform group-hover/link:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> </svg> </a> </div> </div> </div> </div> </section>    <section class="section relative overflow-hidden" style="background-color: #064e3b;">
22 <!-- Background: Geländefoto deutlich sichtbarer + warmer Gradient --> <div class="absolute inset-0 pointer-events-none overflow-hidden" aria-hidden="true"> <img src="/Gelaende.jpg" alt="" class="absolute inset-0 w-full h-full object-cover opacity-[0.22]"> <div class="absolute inset-0" style="background: linear-gradient(135deg, rgba(6,78,59,0.88) 0%, rgba(6,78,59,0.75) 50%, rgba(6,78,59,0.88) 100%);"></div> <!-- Warm gold glow top-right for atmosphere --> <div class="absolute inset-0" style="background: radial-gradient(ellipse 60% 50% at 85% 15%, rgba(180,130,30,0.10) 0%, transparent 60%);"></div> </div> <div class="container-site relative z-10"> <div class="grid lg:grid-cols-2 gap-12 lg:gap-20 items-center"> <div> <div class="flex items-center gap-3 mb-5"> <div class="h-px w-6" style="background: rgba(212,175,55,0.70);"></div> <p class="text-xs font-bold tracking-[0.2em] uppercase" style="color: #e0c44a;">Unsere Heimat</p> </div> <h2 class="text-3xl md:text-4xl lg:text-5xl font-black text-white leading-tight tracking-tight mb-6">
23Georg Schmitt<br><span style="color: #e0c44a;">Sportplatzanlage</span> </h2> <p class="leading-relaxed mb-5 text-base" style="color: rgba(255,255,255,0.72);">
24Am Heuweg 20 in Worms-Weinsheim liegt das Herzstück unseres Vereins. Hier trainieren unsere Mannschaften, finden Heimspiele statt und trifft sich die Vereinsgemeinschaft.
25</p> <p class="leading-relaxed mb-8" style="color: rgba(255,255,255,0.65);">
26Mit zwei Großfeldern, einem Trainingsplatz, drei Tennisplätzen, dem Vereinsheim und einer Gaststätte bieten wir optimale Bedingungen.
27</p> <div class="flex flex-wrap gap-4"> <a href="/verein/vereinsgelaende" class="btn-white">Gelände entdecken</a> <a href="https://maps.google.com/?q=Heuweg+20+67551+Worms" target="_blank" rel="noopener noreferrer" class="btn-outline-white">
28Google Maps
29<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <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 class="grid grid-cols-2 gap-3"> <div class="rounded-xl p-4 transition-colors hover:bg-white/10" style="background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.14);"> <div class="text-white text-sm font-semibold leading-tight mb-0.5">„Grüner Teppich&quot;</div> <div class="text-xs" style="color: rgba(224,196,74,0.80);">Großfeld Rasen</div> </div><div class="rounded-xl p-4 transition-colors hover:bg-white/10" style="background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.14);"> <div class="text-white text-sm font-semibold leading-tight mb-0.5">„Rote Erde&quot;</div> <div class="text-xs" style="color: rgba(224,196,74,0.80);">Großfeld Hartplatz</div> </div><div class="rounded-xl p-4 transition-colors hover:bg-white/10" style="background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.14);"> <div class="text-white text-sm font-semibold leading-tight mb-0.5">Trainingsplatz</div> <div class="text-xs" style="color: rgba(224,196,74,0.80);">Kleinfeld Rasen</div> </div><div class="rounded-xl p-4 transition-colors hover:bg-white/10" style="background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.14);"> <div class="text-white text-sm font-semibold leading-tight mb-0.5">3 Tennisplätze</div> <div class="text-xs" style="color: rgba(224,196,74,0.80);">mit Buchungssystem</div> </div><div class="rounded-xl p-4 transition-colors hover:bg-white/10" style="background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.14);"> <div class="text-white text-sm font-semibold leading-tight mb-0.5">Vereinsheim</div> <div class="text-xs" style="color: rgba(224,196,74,0.80);">mit Festhalle</div> </div><div class="rounded-xl p-4 transition-colors hover:bg-white/10" style="background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.14);"> <div class="text-white text-sm font-semibold leading-tight mb-0.5">Gaststätte</div> <div class="text-xs" style="color: rgba(224,196,74,0.80);">mit Terrasse &amp; Biergarten</div> </div> </div> </div> </div> </section>    <section class="section" style="background: #fdfcf7;"> <div class="container-site"> <div class="text-center mb-12"> <p class="section-label mb-4 block">Mannschaften</p> <h2 class="section-title mb-4">Unsere <span class="text-forest-700">Teams</span></h2> <p class="section-subtitle mx-auto text-center">
30Drei Seniorenmannschaften, vier Jugendteams und vier Tennismannschaften.
31</p> </div> <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-5 mb-10"> <div class="group card-section overflow-hidden flex flex-col"> <!-- Top accent bar --> <div class="h-[3px] w-full" style="background: linear-gradient(90deg, #064e3b, #047857);"></div> <div class="p-6 flex flex-col flex-1"> <span class="badge mb-3 block w-fit">Senioren</span> <div class="text-xs font-bold uppercase tracking-[0.15em] mb-1.5" style="color: var(--color-gold-600);">Fußball · Senioren</div> <h3 class="font-extrabold text-xl mb-2 tracking-tight group-hover:text-forest-700 transition-colors" style="color: var(--color-ink);">1. Mannschaft</h3> <p class="text-sm leading-relaxed mb-4 flex-1" style="color: var(--color-ink-muted);">Unsere erste Mannschaft spielt in der C-Klasse Alzey-Worms Süd. Trainer Torsten Lottermann führt das Team.</p> <div class="rounded-xl p-3.5 mb-4" style="background: var(--color-surface); border: 1px solid var(--color-border);"> <div class="text-xs font-bold uppercase tracking-widest mb-2 flex items-center gap-1.5" style="color: #064e3b;"> <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path> </svg>
32Training
33</div> <div class="text-sm font-semibold" style="color: var(--color-ink);">Dienstag &amp; Donnerstag</div> <div class="text-sm" style="color: var(--color-ink-muted);">
3319:00–20:30 Uhr</div> </div> <div class="space-y-2 text-xs" style="color: var(--color-ink-muted);"> <div class="flex items-center gap-2"> <svg class="w-3.5 h-3.5 text-forest-700 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path> </svg> <span class="font-medium">Torsten Lottermann</span> </div> <div class="flex items-center gap-2"> <svg class="w-3.5 h-3.5 text-forest-700 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path> </svg> <a href="tel:+49 1525 5977676" class="hover:text-forest-700 transition-colors">+49 1525 5977676</a> </div>  </div> <a href="/fussball/erste-mannschaft" class="mt-5 inline-flex items-center gap-1.5 text-sm font-bold text-forest-700 hover:text-forest-900 transition-colors group/link" aria-label="Mehr über 1. Mannschaft">
34Mehr erfahren
35<svg class="w-4 h-4 transition-transform group-hover/link:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> </svg> </a> </div> </div> <div class="group card-section overflow-hidden flex flex-col"> <!-- Top accent bar --> <div class="h-[3px] w-full" style="background: linear-gradient(90deg, #064e3b, #047857);"></div> <div class="p-6 flex flex-col flex-1">  <div class="text-xs font-bold uppercase tracking-[0.15em] mb-1.5" style="color: var(--color-gold-600);">Fußball · Senioren</div> <h3 class="font-extrabold text-xl mb-2 tracking-tight group-hover:text-forest-700 transition-colors" style="color: var(--color-ink);">Ü40 &amp; Ü50</h3> <p class="text-sm leading-relaxed mb-4 flex-1" style="color: var(--color-ink-muted);">Weil Fußball kein Alter kennt — unsere Traditionsmannschaften trainieren und spielen mit Freude und Kameradschaft.</p> <div class="rounded-xl p-3.5 mb-4" style="background: var(--color-surface); border: 1px solid var(--color-border);"> <div class="text-xs font-bold uppercase tracking-widest mb-2 flex items-center gap-1.5" style="color: #064e3b;"> <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path> </svg>
36Training
37</div> <div class="text-sm font-semibold" style="color: var(--color-ink);">Mo. (Ü40) · Mi. (Ü50)</div> <div class="text-sm" style="color: var(--color-ink-muted);">19:00–20:30 Uhr</div> </div> <div class="space-y-2 text-xs" style="color: var(--color-ink-muted);">    </div> <a href="/fussball/herren" class="mt-5 inline-flex items-center gap-1.5 text-sm font-bold text-forest-700 hover:text-forest-900 transition-colors group/link" aria-label="Mehr über Ü40 &#38; Ü50">
38Mehr erfahren
39<svg class="w-4 h-4 transition-transform group-hover/link:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> </svg> </a> </div> </div> <div class="group card-section overflow-hidden flex flex-col"> <!-- Top accent bar --> <div class="h-[3px] w-full" style="background: linear-gradient(90deg, #064e3b, #047857);"></div> <div class="p-6 flex flex-col flex-1"> <span class="badge mb-3 block w-fit">Nachwuchs</span> <div class="text-xs font-bold uppercase tracking-[0.15em] mb-1.5" style="color: var(--color-gold-600);">Fußball · Jugend</div> <h3 class="font-extrabold text-xl mb-2 tracking-tight group-hover:text-forest-700 transition-colors" style="color: var(--color-ink);">Jugend (D bis Bambini)</h3> <p class="text-sm leading-relaxed mb-4 flex-1" style="color: var(--color-ink-muted);">2022 neu aufgebaut und wachsend — die Jugendabteilung sucht motivierte Kicker. Alle Altersgruppen willkommen!</p> <div class="rounded-xl p-3.5 mb-4" style="background: var(--color-surface); border: 1px solid var(--color-border);"> <div class="text-xs font-bold uppercase tracking-widest mb-2 flex items-center gap-1.5" style="color: #064e3b;"> <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path> </svg>
40Training
41</div> <div class="text-sm font-semibold" style="color: var(--color-ink);">Dienstag &amp; Donnerstag</div> <div class="text-sm" style="color: var(--color-ink-muted);">17:30–19:00 Uhr</div> </div> <div class="space-y-2 text-xs" style="color: var(--color-ink-muted);"> <div class="flex items-center gap-2"> <svg class="w-3.5 h-3.5 text-forest-700 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path> </svg> <span class="font-medium">Jochen Hub &amp; Tanja Peter</span> </div>  <div class="flex items-center gap-2"> <svg class="w-3.5 h-3.5 text-forest-700 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path> </svg> <a href="mailto:[email protected]" class="hover:text-forest-700 transition-colors truncate">[email protected]</a> </div> </div> <a href="/fussball/jugend" class="mt-5 inline-flex items-center gap-1.5 text-sm font-bold text-forest-700 hover:text-forest-900 transition-colors group/link" aria-label="Mehr über Jugend (D bis Bambini)">
42Mehr erfahren
43<svg class="w-4 h-4 transition-transform group-hover/link:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> </svg> </a> </div> </div> </div> <!-- Youth schedule grid --> <div class="rounded-2xl p-6 md:p-8 mb-8" style="background: var(--color-surface); border: 1px solid var(--color-border);"> <p class="text-xs font-bold tracking-[0.15em] uppercase mb-5" style="color: var(--color-gold-600);">Jugend-Trainingszeiten</p> <div class="grid sm:grid-cols-2 md:grid-cols-4 gap-3"> <div class="flex items-start gap-3 p-4 bg-white rounded-xl" style="border: 1px solid var(--color-border);"> <div class="w-1.5 h-1.5 rounded-full shrink-0 mt-2" style="background: #d4af37;"></div> <div> <div class="text-xs font-bold uppercase tracking-wider" style="color: var(--color-gold-600);">Ab 3 Jahren</div> <div class="text-forest-900 font-semibold text-sm mt-0.5">G-Jugend / Bambini</div> <div class="text-xs mt-0.5" style="color: var(--color-ink-muted);">Di &amp; Do 17:30–18:30</div> </div> </div><div class="flex items-start gap-3 p-4 bg-white rounded-xl" style="border: 1px solid var(--color-border);"> <div class="w-1.5 h-1.5 rounded-full shrink-0 mt-2" style="background: #d4af37;"></div> <div> <div class="text-xs font-bold uppercase tracking-wider" style="color: var(--color-gold-600);">U8 / U9</div> <div class="text-forest-900 font-semibold text-sm mt-0.5">F-Jugend</div> <div class="text-xs mt-0.5" style="color: var(--color-ink-muted);">Di &amp; Do 17:30–19:00</div> </div> </div><div class="flex items-start gap-3 p-4 bg-white rounded-xl" style="border: 1px solid var(--color-border);"> <div class="w-1.5 h-1.5 rounded-full shrink-0 mt-2" style="background: #d4af37;"></div> <div> <div class="text-xs font-bold uppercase tracking-wider" style="color: var(--color-gold-600);">U10 / U11</div> <div class="text-forest-900 font-semibold text-sm mt-0.5">E-Jugend</div> <div class="text-xs mt-0.5" style="color: var(--color-ink-muted);">Di &amp; Do 17:30–19:00</div> </div> </div><div class="flex items-start gap-3 p-4 bg-white rounded-xl" style="border: 1px solid var(--color-border);"> <div class="w-1.5 h-1.5 rounded-full shrink-0 mt-2" style="background: #d4af37;"></div> <div> <div class="text-xs font-bold uppercase tracking-wider" style="color: var(--color-gold-600);">U12 / U13</div> <div class="text-forest-900 font-semibold text-sm mt-0.5">D-Jugend</div> <div class="text-xs mt-0.5" style="color: var(--color-ink-muted);">Di &amp; Do 17:30–19:00</div> </div> </div> </div> </div> <div class="text-center"> <a href="/fussball" class="btn-secondary">
44Alle Teams &amp; Trainingszeiten
45<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> </svg> </a> </div> </div> </section>    <section class="section" style="background: var(--color-surface);"> <div class="container-site"> <div class="grid lg:grid-cols-2 gap-8"> <!-- Mitgliedschaft --> <div class="bg-white rounded-2xl p-8" style="border: 1px solid var(--color-border); border-left: 4px solid #d4af37;"> <p class="section-label mb-3 block">Mitglied werden</p> <h2 class="text-2xl md:text-3xl font-black tracking-tight mb-4" style="color: var(--color-ink);">
46Teil der <span class="text-forest-700">Familie</span> werden
47</h2> <p class="text-sm leading-relaxed mb-5" style="color: var(--color-ink-muted);">
48Fußball, Tennis oder Gymnastik — für jedes Alter und jede Tasche. Mitgliedschaft bereits ab 6,50 € / Monat.
49</p> <ul class="space-y-2.5 mb-6"> <li class="flex items-center gap-2.5 text-sm" style="color: var(--color-ink);"> <svg class="w-4 h-4 shrink-0 text-gold-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path> </svg>
49 Nutzung aller Vereinsangebote </li><li class="flex items-center gap-2.5 text-sm" style="color: var(--color-ink);"> <svg class="w-4 h-4 shrink-0 text-gold-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path> </svg> Teil der Gemeinschaft </li><li class="flex items-center gap-2.5 text-sm" style="color: var(--color-ink);"> <svg class="w-4 h-4 shrink-0 text-gold-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path> </svg> Günstige Beiträge </li><li class="flex items-center gap-2.5 text-sm" style="color: var(--color-ink);"> <svg class="w-4 h-4 shrink-0 text-gold-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path> </svg> Jugend-Sonderkonditionen </li> </ul> <a href="/verein/mitgliedschaft" class="btn-primary">
50Alle Beiträge ansehen
51<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path> </svg> </a> </div> <!-- Sponsoren --> <div class="bg-white rounded-2xl p-8" style="border: 1px solid var(--color-border);"> <p class="section-label mb-3 block">Sponsoren</p> <h2 class="text-2xl md:text-3xl font-black tracking-tight mb-4" style="color: var(--color-ink);">
52Werden Sie unser <span class="text-forest-700">Partner</span> </h2> <p class="text-sm leading-relaxed mb-5" style="color: var(--color-ink-muted);">
53Als Sponsor investieren Sie in die lokale Gemeinschaft und profitieren von Sichtbarkeit auf Trikots, Website und Social Media.
54</p> <div class="grid grid-cols-2 gap-3 mb-6"> <div class="p-3 rounded-xl" style="background: var(--color-surface); border: 1px solid var(--color-border);"> <div class="font-bold text-sm" style="color: var(--color-ink);">Hauptsponsor</div> <div class="text-xs mt-0.5" style="color: var(--color-ink-muted);">Maximale Sichtbarkeit</div> </div><div class="p-3 rounded-xl" style="background: var(--color-surface); border: 1px solid var(--color-border);"> <div class="font-bold text-sm" style="color: var(--color-ink);">Goldsponsor</div> <div class="text-xs mt-0.5" style="color: var(--color-ink-muted);">Hochwertige Präsenz</div> </div><div class="p-3 rounded-xl" style="background: var(--color-surface); border: 1px solid var(--color-border);"> <div class="font-bold text-sm" style="color: var(--color-ink);">Silbersponsor</div> <div class="text-xs mt-0.5" style="color: var(--color-ink-muted);">Solide Markenpräsenz</div> </div><div class="p-3 rounded-xl" style="background: var(--color-surface); border: 1px solid var(--color-border);"> <div class="font-bold text-sm" style="color: var(--color-ink);">Partner</div> <div class="text-xs mt-0.5" style="color: var(--color-ink-muted);">Lokaler Einstieg</div> </div> </div> <div class="flex gap-3"> <a href="/sponsoren/sponsor-werden" class="btn-primary flex-1 justify-center">
55Sponsor werden
56</a> <a href="/sponsoren/partner" class="btn-secondary">
57Partner
58</a> </div> </div> </div> </div> </section>    <section class="relative overflow-hidden py-20 md:py-28" style="background-color: #064e3b;"> <!-- Decorative glows --> <div class="absolute inset-0 pointer-events-none overflow-hidden" aria-hidden="true">  <div class="absolute -top-20 -right-20 w-96 h-96 rounded-full opacity-15 blur-3xl" style="background: #b8963e;"></div> <div class="absolute -bottom-10 -left-10 w-64 h-64 rounded-full opacity-10 blur-3xl" style="background: #1a5c3a;"></div>  </div> <div class="container-site relative z-10 text-center"> <div class="flex items-center gap-3 justify-center mb-5"> <span class="w-8 h-px rounded-full" style="background: rgba(184,150,62,0.6);"></span> <p class="text-xs font-bold tracking-[0.18em] uppercase" style="color: #cead57;">Dabei sein</p> <span class="w-8 h-px rounded-full" style="background: rgba(184,150,62,0.6);"></span> </div> <h2 class="text-3xl md:text-4xl lg:text-5xl font-black leading-tight tracking-tight mb-6 mx-auto max-w-3xl" style="color: white;"> Grün &amp; Weiß. Ein Leben lang. </h2> <p class="text-lg leading-relaxed mx-auto mb-10 max-w-2xl" style="color: rgba(255,255,255,0.55);"> Sport, Gemeinschaft und Vereinsleben seit 1887 — wir freuen uns auf dich. </p> <div class="flex flex-col sm:flex-row items-center justify-center gap-4"> <a href="/kontakt" class="btn-white text-base py-4 px-8"> Kontakt aufnehmen <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path> </svg> </a> <a href="/verein/mitgliedschaft" class="btn-outline-white text-base py-4 px-8">Mitglied werden</a> </div> </div> </section>  </main> <footer style="background-color: #0e2a1a; color: white;"> <div class="container-site py-16">
58 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-10"> <!-- Brand column --> <div class="lg:col-span-2"> <a href="/" class="flex items-center gap-3 mb-5 w-fit group"> <div class="w-10 h-10 rounded-xl overflow-hidden bg-white shadow-md"> <img src="/Logo-clean.png" alt="TuS Worms-Weinsheim Logo" class="w-full h-full object-contain" width="40" height="40"> </div> <div> <div class="text-white font-extrabold text-base leading-tight tracking-tight">TuS Worms-Weinsheim</div> <div class="text-xs font-semibold" style="color: var(--color-gold-400);">1887 / 1916 e.V.</div> </div> </a> <p class="text-sm leading-relaxed max-w-xs mb-6" style="color: rgba(255,255,255,0.45);">
59Grün & Weiß. Ein Leben lang.<br>
60Sportverein mit Tradition und Herz — seit über 130 Jahren in Worms-Weinsheim.
61</p> <!-- Gold separator --> <div class="w-10 h-px mb-6" style="background: rgba(184,150,62,0.3);"></div> <!-- Address --> <address class="not-italic text-sm mb-6 space-y-1" style="color: rgba(255,255,255,0.4);"> <div class="font-semibold" style="color: rgba(255,255,255,0.65);">Georg Schmitt Sportplatzanlage</div> <div>Heuweg 20</div> <div>67551 Worms-Weinsheim</div> <a href="mailto:[email protected]" class="mt-1 block transition-colors" style="color: rgba(206,173,87,0.7);" onmouseover="this.style.color='rgba(206,173,87,1)'" onmouseout="this.style.color='rgba(206,173,87,0.7)'">
62[email protected]
63</a> </address> <!-- Social icons --> <div class="flex items-center gap-3"> <a href="https://www.facebook.com/tusweinsheim/" target="_blank" rel="noopener noreferrer" class="w-9 h-9 rounded-xl flex items-center justify-center transition-colors" style="background: rgba(255,255,255,0.07);" onmouseover="this.style.background='rgba(184,150,62,0.2)'" onmouseout="this.style.background='rgba(255,255,255,0.07)'" aria-label="TuS Worms-Weinsheim auf Facebook"> <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24" style="color: rgba(206,173,87,0.7);" aria-hidden="true"> <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"></path> </svg> </a> <a href="https://www.instagram.com/tus.weinsheim.1887_1916" target="_blank" rel="noopener noreferrer" class="w-9 h-9 rounded-xl flex items-center justify-center transition-colors" style="background: rgba(255,255,255,0.07);" onmouseover="this.style.background='rgba(184,150,62,0.2)'" onmouseout="this.style.background='rgba(255,255,255,0.07)'" aria-label="TuS Worms-Weinsheim auf Instagram"> <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24" style="color: rgba(206,173,87,0.7);" aria-hidden="true"> <path d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058
63-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"></path> </svg> </a> </div> </div> <!-- Navigation columns --> <div> <h3 class="text-white font-bold text-xs uppercase tracking-[0.15em] mb-5">Verein</h3> <ul class="space-y-3"> <li> <a href="/verein" class="text-sm transition-colors inline-block hover:translate-x-0.5" style="color: rgba(255,255,255,0.4);" onmouseover="this.style.color='rgba(255,255,255,0.85)'" onmouseout="this.style.color='rgba(255,255,255,0.4)'"> Über den Verein </a> </li><li> <a href="/verein/vorstand" class="text-sm transition-colors inline-block hover:translate-x-0.5" style="color: rgba(255,255,255,0.4);" onmouseover="this.style.color='rgba(255,255,255,0.85)'" onmouseout="this.style.color='rgba(255,255,255,0.4)'"> Vorstand </a> </li><li> <a href="/verein/geschichte" class="text-sm transition-colors inline-block hover:translate-x-0.5" style="color: rgba(255,255,255,0.4);" onmouseover="this.style.color='rgba(255,255,255,0.85)'" onmouseout="this.style.color='rgba(255,255,255,0.4)'"> Geschichte </a> </li><li> <a href="/verein/mitgliedschaft" class="text-sm transition-colors inline-block hover:translate-x-0.5" style="color: rgba(255,255,255,0.4);" onmouseover="this.style.color='rgba(255,255,255,0.85)'" onmouseout="this.style.color='rgba(255,255,255,0.4)'"> Mitgliedschaft </a> </li><li> <a href="/verein/downloadcenter" class="text-sm transition-colors inline-block hover:translate-x-0.5" style="color: rgba(255,255,255,0.4);" onmouseover="this.style.color='rgba(255,255,255,0.85)'" onmouseout="this.style.color='rgba(255,255,255,0.4)'"> Downloadcenter </a> </li> </ul> </div><div> <h3 class="text-white font-bold text-xs uppercase tracking-[0.15em] mb-5">Sport</h3> <ul class="space-y-3"> <li> <a href="/fussball" class="text-sm transition-colors inline-block hover:translate-x-0.5" style="color: rgba(255,255,255,0.4);" onmouseover="this.style.color='rgba(255,255,255,0.85)'" onmouseout="this.style.color='rgba(255,255,255,0.4)'"> Fußball </a> </li><li> <a href="/fussball/trainingszeiten" class="text-sm transition-colors inline-block hover:translate-x-0.5" style="color: rgba(255,255,255,0.4);" onmouseover="this.style.color='rgba(255,255,255,0.85)'" onmouseout="this.style.color='rgba(255,255,255,0.4)'"> Trainingszeiten </a> </li><li> <a href="/fussball/jugend" class="text-sm transition-colors inline-block hover:translate-x-0.5" style="color: rgba(255,255,255,0.4);" onmouseover="this.style.color='rgba(255,255,255,0.85)'" onmouseout="this.style.color='rgba(255,255,255,0.4)'"> Jugend </a> </li><li> <a href="/tennis" class="text-sm transition-colors inline-block hover:translate-x-0.5" style="color: rgba(255,255,255,0.4);" onmouseover="this.style.color='rgba(255,255,255,0.85)'" onmouseout="this.style.color='rgba(255,255,255,0.4)'"> Tennis </a> </li><li> <a href="/gymnastik" class="text-sm transition-colors inline-block hover:translate-x-0.5" style="color: rgba(255,255,255,0.4);" onmouseover="this.style.color='rgba(255,255,255,0.85)'" onmouseout="this.style.color='rgba(255,255,255,0.4)'"> Gymnastik </a> </li> </ul> </div><div> <h3 class="text-white font-bold text-xs uppercase tracking-[0.15em] mb-5">Anlage &amp; Service</h3> <ul class="space-y-3"> <li> <a href="/verein/vereinsgelaende" class="text-sm transition-colors inline-block hover:translate-x-0.5" style="color: rgba(255,255,255,0.4);" onmouseover="this.style.color='rgba(255,255,255,0.85)'" onmouseout="this.style.color='rgba(255,255,255,0.4)'"> Vereinsgelände </a> </li><li> <a href="/gaststaette" class="text-sm transition-colors inline-block hover:translate-x-0.5" style="color: rgba(255,255,255,0.4);" onmouseover="this.style.color='rgba(255,255,255,0.85)'" onmouseout="this.style.color='rgba(255,255,255,0.4)'"> Gaststätte </a> </li><li> <a href="/tennis/platz-buchen" class="text-sm transition-colors inline-block hover:translate-x-0.5" style="color: rgba(255,255,255,0.4);" onmouseover="this.style.color='rgba(255,255,255,0.85)'" onmouseout="this.style.color='rgba(255,255,255,0.4)'">
63 Tennisplatz buchen </a> </li><li> <a href="/gaststaette/hallennutzung" class="text-sm transition-colors inline-block hover:translate-x-0.5" style="color: rgba(255,255,255,0.4);" onmouseover="this.style.color='rgba(255,255,255,0.85)'" onmouseout="this.style.color='rgba(255,255,255,0.4)'"> Hallennutzung </a> </li><li> <a href="/sponsoren" class="text-sm transition-colors inline-block hover:translate-x-0.5" style="color: rgba(255,255,255,0.4);" onmouseover="this.style.color='rgba(255,255,255,0.85)'" onmouseout="this.style.color='rgba(255,255,255,0.4)'"> Sponsoren </a> </li> </ul> </div> </div> </div> <!-- Bottom bar --> <div class="border-t" style="border-color: rgba(255,255,255,0.06);"> <div class="container-site py-5 flex flex-col sm:flex-row items-center justify-between gap-4"> <p class="text-xs text-center sm:text-left" style="color: rgba(255,255,255,0.3);">
64© 2026 TuS Worms-Weinsheim 1887/1916 e.V. Alle Rechte vorbehalten.
65</p> <div class="flex items-center gap-5 flex-wrap justify-center"> <a href="/impressum" class="text-xs transition-colors" style="color: rgba(255,255,255,0.3);" onmouseover="this.style.color='rgba(206,173,87,0.8)'" onmouseout="this.style.color='rgba(255,255,255,0.3)'"> Impressum </a><a href="/datenschutz" class="text-xs transition-colors" style="color: rgba(255,255,255,0.3);" onmouseover="this.style.color='rgba(206,173,87,0.8)'" onmouseout="this.style.color='rgba(255,255,255,0.3)'"> Datenschutz </a><a href="/kontakt" class="text-xs transition-colors" style="color: rgba(255,255,255,0.3);" onmouseover="this.style.color='rgba(206,173,87,0.8)'" onmouseout="this.style.color='rgba(255,255,255,0.3)'"> Kontakt </a><a href="https://www.tus-weinsheim.de" class="text-xs transition-colors" style="color: rgba(255,255,255,0.3);" onmouseover="this.style.color='rgba(206,173,87,0.8)'" onmouseout="this.style.color='rgba(255,255,255,0.3)'" target="_blank" rel="noopener noreferrer"> Alte Website </a> </div> </div> </div> </footer> <vercel-analytics data-props="{}" data-params="{}" data-pathname="/"></vercel-analytics> 
65<script type="module">var v=()=>{window.va||(window.va=function(...i){window.vaq||(window.vaq=[]),window.vaq.push(i)})},w="@vercel/analytics",b="2.0.1";function f(){return typeof window<"u"}function p(){try{const e="production"}catch{}return"production"}function h(e="auto"){if(e==="auto"){window.vam=p();return}window.vam=e}function y(){return(f()?window.vam:p())||"production"}function d(){return y()==="development"}function m(e,i){if(!e||!i)return e;let n=e;try{const t=Object.entries(i);for(const[r,s]of t)if(!Array.isArray(s)){const o=u(s);o.test(n)&&(n=n.replace(o,`/[${r}]`))}for(const[r,s]of t)if(Array.isArray(s)){const o=u(s.join("/"));o.test(n)&&(n=n.replace(o,`/[...${r}]`))}return n}catch{return e}}function u(e){return new RegExp(`/${g(e)}(?=[/?#]|$)`)}function g(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function E(e){return e.scriptSrc?a(e.scriptSrc):d()?"https://va.vercel-scripts.com/v1/script.debug.js":e.basePath?a(`${e.basePath}/insights/script.js`):"/_vercel/insights/script.js"}function S(e,i){var n;let t=e;if(i)try{t={...(n=JSON.parse(i))==null?void 0:n.analytics,...e}}catch{}h(t.mode);const r={sdkn:w+(t.framework?`/${t.framework}`:""),sdkv:b};return t.disableAutoTrack&&(r.disableAutoTrack="1"),t.viewEndpoint&&(r.viewEndpoint=a(t.viewEndpoint)),t.eventEndpoint&&(r.eventEndpoint=a(t.eventEndpoint)),t.sessionEndpoint&&(r.sessionEndpoint=a(t.sessionEndpoint)),d()&&t.debug===!1&&(r.debug="false"),t.dsn&&(r.dsn=t.dsn),t.endpoint?r.endpoint=t.endpoint:t.basePath&&(r.endpoint=a(`${t.basePath}/insights`)),{beforeSend:t.beforeSend,src:E(t),dataset:r}}function a(e){return e.startsWith("http://")||e.startsWith("https://")||e.startsWith("/")?e:`/${e}`}function k(e={debug:!0},i){var n;if(!f())return;const{beforeSend:t,src:r,dataset:s}=S(e,i);if(v(),t&&((n=window.va)==null||n.call(window,"beforeSend",t)),document.head.querySelector(`script[src*="${r}"]`))return;const o=document.createElement("script");o.src=r;for(const[c,l]of Object.entries(s))o.dataset[c]=l;o.defer=!0,o.onerror=()=>{const c=d()?"Please check if any ad blockers are enabled and try again.":"Be sure to enable Web Analytics for your project and deploy again. See https://vercel.com/docs/analytics/quickstart for more information.";console.log(`[Vercel Web Analytics] Failed to load script from ${r}. ${c}`)},document.head.appendChild(o)}function $({route:e,path:i}){var n;(n=window.va)==null||n.call(window,"pageview",{route:e,path:i})}function A(){try{return}catch{}}function j(){try{return'{"analytics":{"scriptSrc":"1109ced49ae0b156/script.js","viewEndpoint":"1109ced49ae0b156/view","eventEndpoint":"1109ced49ae0b156/event","sessionEndpoint":"1109ced49ae0b156/session"},"speedInsights":{"scriptSrc":"dd2af8d44594e46b/script.js","endpoint":"dd2af8d44594e46b/vitals"}}'}catch{}}customElements.define("vercel-analytics",class extends HTMLElement{constructor(){super();try{const i=JSON.parse(this.dataset.props??"{}"),n=JSON.parse(this.dataset.params??"{}");k({...i,disableAutoTrack:!0,framework:"astro",basePath:A(),beforeSend:window.webAnalyticsBeforeSend},j());const t=this.dataset.pathname;$({route:m(t??"",n),path:t})}catch(i){throw new Error(`Failed to parse WebAnalytics properties: ${i}`)}}});</script>
65 </body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.