Unsere Sponsoren<\/title>\n<style>\n :root{\n --blue:#0b4dbf; \/* Vereinsblau *\/\n --blue-dark:#083b92;\n --blue-verylight:#eaf1ff; \/* zartes Blau f\u00fcr Hintergr\u00fcnde *\/\n --white:#ffffff;\n --text:#0d1b2a;\n --muted:#5f6b7a;\n --ring: rgba(11,77,191,.25);\n --card:#ffffff;\n --shadow: 0 8px 24px rgba(0,0,0,.08);\n --radius: 16px;\n }\n\n \/* Reset \/ Basics *\/\n *{box-sizing:border-box}\n body{\n margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,\"Helvetica Neue\",Arial,sans-serif;\n color:var(--text); background:linear-gradient(180deg,var(--blue-verylight),#fff 35%);\n }\n a{color:var(--blue); text-decoration:underline}\n img{max-width:100%; height:auto; display:block}\n .container{max-width:1200px; margin:0 auto; padding:clamp(16px,2vw,28px)}\n\n \/* Hero *\/\n .hero{\n background: radial-gradient(1200px 1200px at 110% -10%, rgba(11,77,191,.10), transparent 60%),\n linear-gradient(135deg, var(--blue), var(--blue-dark));\n color:var(--white);\n border-bottom: 4px solid var(--white);\n }\n .hero-inner{max-width:1200px; margin:0 auto; padding: clamp(28px,5vw,56px) clamp(16px,3vw,28px)}\n .eyebrow{letter-spacing:.12em; text-transform:uppercase; opacity:.9; font-weight:600; font-size:.8rem}\n h1{margin:.25rem 0 0; font-size:clamp(1.8rem, 3vw, 2.6rem)}\n .lead{\n margin: .75rem 0 0;\n font-size: clamp(1rem, 1.5vw, 1.15rem);\n max-width: 70ch; line-height:1.6; opacity:.95\n }\n .cta-row{display:flex; gap:12px; flex-wrap:wrap; margin-top:18px}\n .btn{\n appearance:none; border:0; cursor:pointer; text-decoration:none;\n padding:12px 18px; border-radius:999px; font-weight:700; display:inline-flex; align-items:center; gap:8px\n }\n .btn-primary{background:var(--white); color:var(--blue)}\n .btn-primary:hover{filter:brightness(.96)}\n .btn-ghost{background:transparent; color:var(--white); border:1.5px solid rgba(255,255,255,.6)}\n .btn-ghost:hover{background:rgba(255,255,255,.08)}\n\n \/* Toolbar \/ Filter *\/\n .toolbar{\n background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow);\n padding:12px; display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:-28px\n }\n .filters{display:flex; gap:8px; flex-wrap:wrap}\n .chip{\n border:1.5px solid var(--blue); color:var(--blue); background:#fff;\n padding:8px 12px; border-radius:999px; cursor:pointer; font-weight:600; font-size:.95rem\n }\n .chip[aria-pressed=\"true\"]{background:var(--blue); color:#fff}\n .search{flex:1; min-width:220px; display:flex; align-items:center; gap:8px; background:#fff;\n border:1.5px solid var(--blue); border-radius:999px; padding:8px 12px}\n .search input{border:0; outline:0; width:100%; font-size:1rem}\n\n \/* Grid *\/\n .grid{display:grid; gap:16px; grid-template-columns:repeat(12,1fr); margin:22px 0}\n .card{\n grid-column: span 12;\n background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow);\n padding: clamp(16px, 2vw, 22px); display:flex; align-items:center; justify-content:center; min-height:120px;\n transition: transform .12s ease, box-shadow .12s ease;\n }\n .card:hover{transform: translateY(-2px); box-shadow: 0 10px 28px rgba(0,0,0,.12)}\n .card figure{margin:0; width:100%; display:flex; align-items:center; justify-content:center; gap:12px}\n .card img{max-height:56px; object-fit:contain; filter: saturate(1) contrast(1.05)}\n .card figcaption{font-size:.9rem; color:var(--muted); text-align:center}\n\n \/* Tiers *\/\n .tier-badge{\n position:absolute; top:10px; left:10px; background:var(--blue); color:#fff; font-size:.75rem;\n padding:6px 10px; border-radius:999px; font-weight:700; box-shadow: var(--shadow)\n }\n .card-wrap{position:relative}\n \/* Responsive spans *\/\n @media (min-width:640px){\n .span-3{grid-column: span 6}\n }\n @media (min-width:900px){\n .span-3{grid-column: span 3}\n .span-4{grid-column: span 4}\n .span-6{grid-column: span 6}\n }\n\n \/* Info + Kontakt *\/\n .info{\n background:#fff; border:1px solid #e8eefc; border-left:6px solid var(--blue);\n border-radius:12px; padding:16px 18px; line-height:1.65\n }\n .contact{\n display:grid; gap:16px; grid-template-columns:1fr; margin-top:6px\n }\n .contact .field{display:flex; flex-direction:column; gap:6px}\n .contact input, .contact textarea{\n padding:12px 14px; border-radius:12px; border:1.5px solid #cfe0ff; outline: none;\n }\n .contact input:focus, .contact textarea:focus{box-shadow:0 0 0 6px var(--ring); border-color:var(--blue)}\n .contact button{\n justify-self:start; background:var(--blue); color:#fff; border:0; padding:12px 18px; border-radius:12px; font-weight:700; cursor:pointer\n }\n .note{font-size:.9rem; color:var(--muted)}\n footer{margin:28px 0 8px; text-align:center; color:var(--muted); font-size:.9rem}\n<\/style>\n<\/head>\n<body>\n\n \n <section class=\"hero\" role=\"banner\">\n <div class=\"hero-inner\">\n <div class=\"eyebrow\">Blau & Wei\u00df<\/div>\n <h1>Unsere Sponsoren<\/h1>\n <p class=\"lead\">\n Gemeinsam f\u00fcr unseren Verein: Dank unserer Partner k\u00f6nnen wir Woche f\u00fcr Woche Kinder, Jugendliche\n und Erwachsene f\u00fcr Fu\u00dfball begeistern. Hier findest du alle Unterst\u00fctzer \u2013 von Hauptsponsoren\n bis zu regionalen Partnern.\n <\/p>\n <div class=\"cta-row\">\n <a class=\"btn btn-primary\" href=\"#sponsoren\">Sponsoren ansehen<\/a>\n <a class=\"btn btn-ghost\" href=\"#sponsoring\">Sponsor werden<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <main class=\"container\" id=\"sponsoren\" aria-labelledby=\"title-sponsoren\">\n \n <div class=\"toolbar\" aria-label=\"Filter und Suche\">\n <div class=\"filters\" role=\"group\" aria-label=\"Sponsoren-Kategorien\">\n <button class=\"chip\" aria-pressed=\"true\" data-filter=\"all\">Alle<\/button>\n <button class=\"chip\" aria-pressed=\"false\" data-filter=\"haupt\">Hauptsponsor<\/button>\n <button class=\"chip\" aria-pressed=\"false\" data-filter=\"premium\">Premium<\/button>\n <button class=\"chip\" aria-pressed=\"false\" data-filter=\"partner\">Partner A\u2013Z<\/button>\n <\/div>\n <label class=\"search\" aria-label=\"Sponsoren suchen\">\n \ud83d\udd0e\n <input type=\"search\" placeholder=\"Suchen nach Name\u2026\" id=\"searchInput\" \/>\n <\/label>\n <\/div>\n\n \n <section class=\"grid\" aria-live=\"polite\">\n \n <article class=\"card-wrap span-6\" data-tier=\"haupt\" data-name=\"Beispiel AG\">\n <span class=\"tier-badge\">Hauptsponsor<\/span>\n <a class=\"card\" href=\"https:\/\/example.com\" target=\"_blank\" rel=\"noopener\">\n <figure>\n <img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/via.placeholder.com\/420x160?text=Logo+Hauptsponsor\" alt=\"Beispiel AG Logo\" width=\"420\" height=\"160\">\n <figcaption>Beispiel AG<\/figcaption>\n <\/figure>\n <\/a>\n <\/article>\n\n \n <article class=\"card-wrap span-4\" data-tier=\"premium\" data-name=\"Premium GmbH\">\n <span class=\"tier-badge\">Premium<\/span>\n <a class=\"card\" href=\"https:\/\/example.com\" target=\"_blank\" rel=\"noopener\">\n <figure>\n <img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/via.placeholder.com\/360x140?text=Logo+Premium\" alt=\"Premium GmbH Logo\" width=\"360\" height=\"140\">\n <figcaption>Premium GmbH<\/figcaption>\n <\/figure>\n <\/a>\n <\/article>\n\n <article class=\"card-wrap span-4\" data-tier=\"premium\" data-name=\"Top W\u00e4rme GmbH\">\n <span class=\"tier-badge\">Premium<\/span>\n <a class=\"card\" href=\"https:\/\/example.com\" target=\"_blank\" rel=\"noopener\">\n <figure>\n <img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/via.placeholder.com\/360x140?text=Logo+Premium\" alt=\"Top W\u00e4rme GmbH Logo\" width=\"360\" height=\"140\">\n <figcaption>Top W\u00e4rme GmbH<\/figcaption>\n <\/figure>\n <\/a>\n <\/article>\n\n \n <article class=\"card-wrap span-3\" data-tier=\"partner\" data-name=\"Autohaus Marnet\">\n <a class=\"card\" href=\"https:\/\/example.com\" target=\"_blank\" rel=\"noopener\">\n <figure>\n <img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/via.placeholder.com\/260x110?text=Logo\" alt=\"Autohaus Marnet Logo\" width=\"260\" height=\"110\">\n <figcaption>Autohaus Marnet<\/figcaption>\n <\/figure>\n <\/a>\n <\/article>\n\n <article class=\"card-wrap span-3\" data-tier=\"partner\" data-name=\"Sparkasse Oberhessen\">\n <a class=\"card\" href=\"https:\/\/example.com\" target=\"_blank\" rel=\"noopener\">\n <figure>\n <img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/via.placeholder.com\/260x110?text=Logo\" alt=\"Sparkasse Oberhessen Logo\" width=\"260\" height=\"110\">\n <figcaption>Sparkasse Oberhessen<\/figcaption>\n <\/figure>\n <\/a>\n <\/article>\n\n <article class=\"card-wrap span-3\" data-tier=\"partner\" data-name=\"Volksbank Mittelhessen\">\n <a class=\"card\" href=\"https:\/\/example.com\" target=\"_blank\" rel=\"noopener\">\n <figure>\n <img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/via.placeholder.com\/260x110?text=Logo\" alt=\"Volksbank Mittelhessen Logo\" width=\"260\" height=\"110\">\n <figcaption>Volksbank Mittelhessen<\/figcaption>\n <\/figure>\n <\/a>\n <\/article>\n\n <article class=\"card-wrap span-3\" data-tier=\"partner\" data-name=\"Fahrschule Dreier\">\n <a class=\"card\" href=\"https:\/\/example.com\" target=\"_blank\" rel=\"noopener\">\n <figure>\n <img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/via.placeholder.com\/260x110?text=Logo\" alt=\"Fahrschule Dreier Logo\" width=\"260\" height=\"110\">\n <figcaption>Fahrschule Dreier<\/figcaption>\n <\/figure>\n <\/a>\n <\/article>\n\n \n <\/section>\n\n \n <section id=\"sponsoring\" class=\"info\" aria-labelledby=\"sponsoring-title\">\n <h2 id=\"sponsoring-title\">Sponsor werden<\/h2>\n <p>\n Ihr Unternehmen m\u00f6chte unseren blau-wei\u00dfen Weg unterst\u00fctzen?\n Wir bieten individuelle Pakete (z. B. Trikot, Bandenwerbung, Website, Nachwuchs).\n Schreibt uns \u2013 wir melden uns zeitnah:\n <\/p>\n <form class=\"contact\" action=\"mailto:info@deinverein.de\" method=\"post\" enctype=\"text\/plain\">\n <div class=\"field\">\n <label for=\"name\">Name \/ Firma<\/label>\n <input id=\"name\" name=\"name\" placeholder=\"Max Mustermann, Muster GmbH\" required>\n <\/div>\n <div class=\"field\">\n <label for=\"email\">E-Mail<\/label>\n <input id=\"email\" type=\"email\" name=\"email\" placeholder=\"beispiel@firma.de\" required>\n <\/div>\n <div class=\"field\">\n <label for=\"msg\">Nachricht<\/label>\n <textarea id=\"msg\" name=\"message\" rows=\"4\" placeholder=\"Worum geht\u2019s?\"><\/textarea>\n <\/div>\n <button type=\"submit\">Kontakt aufnehmen<\/button>\n <p class=\"note\">Hinweis: Das Formular \u00f6ffnet dein E-Mail-Programm. F\u00fcr ein echtes WP-Formular nutze z. B. \u201eContact Form 7\u201c und ersetze dieses Formular.<\/p>\n <\/form>\n <\/section>\n\n <footer>\n Danke an alle Partner f\u00fcr ihre Unterst\u00fctzung \u2013 Blau & Wei\u00df ein Leben lang!\n <\/footer>\n <\/main>\n\n<script>\n \/\/ Einfache Filter- & Suchlogik\n (function(){\n const chips = document.querySelectorAll('.chip');\n const cards = document.querySelectorAll('.card-wrap');\n const input = document.getElementById('searchInput');\n let active = 'all';\n\n function apply(){\n const q = (input.value || '').trim().toLowerCase();\n cards.forEach(el=>{\n const tier = el.getAttribute('data-tier');\n const name = el.getAttribute('data-name').toLowerCase();\n const matchTier = (active==='all' || tier===active);\n const matchSearch = (!q || name.includes(q));\n el.style.display = (matchTier && matchSearch) ? '' : 'none';\n });\n }\n\n chips.forEach(btn=>{\n btn.addEventListener('click', ()=>{\n chips.forEach(b=>b.setAttribute('aria-pressed','false'));\n btn.setAttribute('aria-pressed','true');\n active = btn.dataset.filter;\n apply();\n });\n });\n\n input.addEventListener('input', apply);\n })();\n<\/script>\n<\/body>\n<\/html>\n<\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Unsere Sponsoren Blau & Wei\u00df Unsere Sponsoren Gemeinsam f\u00fcr unseren Verein: Dank unserer Partner k\u00f6nnen wir Woche f\u00fcr Woche Kinder, Jugendliche und Erwachsene f\u00fcr Fu\u00dfball begeistern. Hier findest du alle […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"footnotes":""},"class_list":["post-9815","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Sponsoren26 - Spielvereinigung 08 eV.<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.spielvereinigung08.de\/index.php\/sponsoren26\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sponsoren26 - Spielvereinigung 08 eV.\" \/>\n<meta property=\"og:description\" content=\"Unsere Sponsoren Blau & Wei\u00df Unsere Sponsoren Gemeinsam f\u00fcr unseren Verein: Dank unserer Partner k\u00f6nnen wir Woche f\u00fcr Woche Kinder, Jugendliche und Erwachsene f\u00fcr Fu\u00dfball begeistern. Hier findest du alle […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.spielvereinigung08.de\/index.php\/sponsoren26\/\" \/>\n<meta property=\"og:site_name\" content=\"Spielvereinigung 08 eV.\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"3\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.spielvereinigung08.de\/index.php\/sponsoren26\/\",\"url\":\"https:\/\/www.spielvereinigung08.de\/index.php\/sponsoren26\/\",\"name\":\"Sponsoren26 - Spielvereinigung 08 eV.\",\"isPartOf\":{\"@id\":\"https:\/\/www.spielvereinigung08.de\/#website\"},\"datePublished\":\"2025-09-29T14:29:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.spielvereinigung08.de\/index.php\/sponsoren26\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.spielvereinigung08.de\/index.php\/sponsoren26\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.spielvereinigung08.de\/index.php\/sponsoren26\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/www.spielvereinigung08.de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sponsoren26\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.spielvereinigung08.de\/#website\",\"url\":\"https:\/\/www.spielvereinigung08.de\/\",\"name\":\"Spielvereinigung 08 eV.\",\"description\":\"Fussball mit Herz und Seele\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.spielvereinigung08.de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"}]}<\/script>\n","yoast_head_json":{"title":"Sponsoren26 - Spielvereinigung 08 eV.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.spielvereinigung08.de\/index.php\/sponsoren26\/","og_locale":"de_DE","og_type":"article","og_title":"Sponsoren26 - Spielvereinigung 08 eV.","og_description":"Unsere Sponsoren Blau & Wei\u00df Unsere Sponsoren Gemeinsam f\u00fcr unseren Verein: Dank unserer Partner k\u00f6nnen wir Woche f\u00fcr Woche Kinder, Jugendliche und Erwachsene f\u00fcr Fu\u00dfball begeistern. Hier findest du alle […]","og_url":"https:\/\/www.spielvereinigung08.de\/index.php\/sponsoren26\/","og_site_name":"Spielvereinigung 08 eV.","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"3\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.spielvereinigung08.de\/index.php\/sponsoren26\/","url":"https:\/\/www.spielvereinigung08.de\/index.php\/sponsoren26\/","name":"Sponsoren26 - Spielvereinigung 08 eV.","isPartOf":{"@id":"https:\/\/www.spielvereinigung08.de\/#website"},"datePublished":"2025-09-29T14:29:45+00:00","breadcrumb":{"@id":"https:\/\/www.spielvereinigung08.de\/index.php\/sponsoren26\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.spielvereinigung08.de\/index.php\/sponsoren26\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.spielvereinigung08.de\/index.php\/sponsoren26\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.spielvereinigung08.de\/"},{"@type":"ListItem","position":2,"name":"Sponsoren26"}]},{"@type":"WebSite","@id":"https:\/\/www.spielvereinigung08.de\/#website","url":"https:\/\/www.spielvereinigung08.de\/","name":"Spielvereinigung 08 eV.","description":"Fussball mit Herz und Seele","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.spielvereinigung08.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"_links":{"self":[{"href":"https:\/\/www.spielvereinigung08.de\/index.php\/wp-json\/wp\/v2\/pages\/9815","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.spielvereinigung08.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.spielvereinigung08.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.spielvereinigung08.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.spielvereinigung08.de\/index.php\/wp-json\/wp\/v2\/comments?post=9815"}],"version-history":[{"count":2,"href":"https:\/\/www.spielvereinigung08.de\/index.php\/wp-json\/wp\/v2\/pages\/9815\/revisions"}],"predecessor-version":[{"id":9817,"href":"https:\/\/www.spielvereinigung08.de\/index.php\/wp-json\/wp\/v2\/pages\/9815\/revisions\/9817"}],"wp:attachment":[{"href":"https:\/\/www.spielvereinigung08.de\/index.php\/wp-json\/wp\/v2\/media?parent=9815"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n\n\nUnsere Sponsoren<\/title>\n<style>\n :root{\n --blue:#0b4dbf; \/* Vereinsblau *\/\n --blue-dark:#083b92;\n --blue-verylight:#eaf1ff; \/* zartes Blau f\u00fcr Hintergr\u00fcnde *\/\n --white:#ffffff;\n --text:#0d1b2a;\n --muted:#5f6b7a;\n --ring: rgba(11,77,191,.25);\n --card:#ffffff;\n --shadow: 0 8px 24px rgba(0,0,0,.08);\n --radius: 16px;\n }\n\n \/* Reset \/ Basics *\/\n *{box-sizing:border-box}\n body{\n margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,\"Helvetica Neue\",Arial,sans-serif;\n color:var(--text); background:linear-gradient(180deg,var(--blue-verylight),#fff 35%);\n }\n a{color:var(--blue); text-decoration:underline}\n img{max-width:100%; height:auto; display:block}\n .container{max-width:1200px; margin:0 auto; padding:clamp(16px,2vw,28px)}\n\n \/* Hero *\/\n .hero{\n background: radial-gradient(1200px 1200px at 110% -10%, rgba(11,77,191,.10), transparent 60%),\n linear-gradient(135deg, var(--blue), var(--blue-dark));\n color:var(--white);\n border-bottom: 4px solid var(--white);\n }\n .hero-inner{max-width:1200px; margin:0 auto; padding: clamp(28px,5vw,56px) clamp(16px,3vw,28px)}\n .eyebrow{letter-spacing:.12em; text-transform:uppercase; opacity:.9; font-weight:600; font-size:.8rem}\n h1{margin:.25rem 0 0; font-size:clamp(1.8rem, 3vw, 2.6rem)}\n .lead{\n margin: .75rem 0 0;\n font-size: clamp(1rem, 1.5vw, 1.15rem);\n max-width: 70ch; line-height:1.6; opacity:.95\n }\n .cta-row{display:flex; gap:12px; flex-wrap:wrap; margin-top:18px}\n .btn{\n appearance:none; border:0; cursor:pointer; text-decoration:none;\n padding:12px 18px; border-radius:999px; font-weight:700; display:inline-flex; align-items:center; gap:8px\n }\n .btn-primary{background:var(--white); color:var(--blue)}\n .btn-primary:hover{filter:brightness(.96)}\n .btn-ghost{background:transparent; color:var(--white); border:1.5px solid rgba(255,255,255,.6)}\n .btn-ghost:hover{background:rgba(255,255,255,.08)}\n\n \/* Toolbar \/ Filter *\/\n .toolbar{\n background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow);\n padding:12px; display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:-28px\n }\n .filters{display:flex; gap:8px; flex-wrap:wrap}\n .chip{\n border:1.5px solid var(--blue); color:var(--blue); background:#fff;\n padding:8px 12px; border-radius:999px; cursor:pointer; font-weight:600; font-size:.95rem\n }\n .chip[aria-pressed=\"true\"]{background:var(--blue); color:#fff}\n .search{flex:1; min-width:220px; display:flex; align-items:center; gap:8px; background:#fff;\n border:1.5px solid var(--blue); border-radius:999px; padding:8px 12px}\n .search input{border:0; outline:0; width:100%; font-size:1rem}\n\n \/* Grid *\/\n .grid{display:grid; gap:16px; grid-template-columns:repeat(12,1fr); margin:22px 0}\n .card{\n grid-column: span 12;\n background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow);\n padding: clamp(16px, 2vw, 22px); display:flex; align-items:center; justify-content:center; min-height:120px;\n transition: transform .12s ease, box-shadow .12s ease;\n }\n .card:hover{transform: translateY(-2px); box-shadow: 0 10px 28px rgba(0,0,0,.12)}\n .card figure{margin:0; width:100%; display:flex; align-items:center; justify-content:center; gap:12px}\n .card img{max-height:56px; object-fit:contain; filter: saturate(1) contrast(1.05)}\n .card figcaption{font-size:.9rem; color:var(--muted); text-align:center}\n\n \/* Tiers *\/\n .tier-badge{\n position:absolute; top:10px; left:10px; background:var(--blue); color:#fff; font-size:.75rem;\n padding:6px 10px; border-radius:999px; font-weight:700; box-shadow: var(--shadow)\n }\n .card-wrap{position:relative}\n \/* Responsive spans *\/\n @media (min-width:640px){\n .span-3{grid-column: span 6}\n }\n @media (min-width:900px){\n .span-3{grid-column: span 3}\n .span-4{grid-column: span 4}\n .span-6{grid-column: span 6}\n }\n\n \/* Info + Kontakt *\/\n .info{\n background:#fff; border:1px solid #e8eefc; border-left:6px solid var(--blue);\n border-radius:12px; padding:16px 18px; line-height:1.65\n }\n .contact{\n display:grid; gap:16px; grid-template-columns:1fr; margin-top:6px\n }\n .contact .field{display:flex; flex-direction:column; gap:6px}\n .contact input, .contact textarea{\n padding:12px 14px; border-radius:12px; border:1.5px solid #cfe0ff; outline: none;\n }\n .contact input:focus, .contact textarea:focus{box-shadow:0 0 0 6px var(--ring); border-color:var(--blue)}\n .contact button{\n justify-self:start; background:var(--blue); color:#fff; border:0; padding:12px 18px; border-radius:12px; font-weight:700; cursor:pointer\n }\n .note{font-size:.9rem; color:var(--muted)}\n footer{margin:28px 0 8px; text-align:center; color:var(--muted); font-size:.9rem}\n<\/style>\n<\/head>\n<body>\n\n \n <section class=\"hero\" role=\"banner\">\n <div class=\"hero-inner\">\n <div class=\"eyebrow\">Blau & Wei\u00df<\/div>\n <h1>Unsere Sponsoren<\/h1>\n <p class=\"lead\">\n Gemeinsam f\u00fcr unseren Verein: Dank unserer Partner k\u00f6nnen wir Woche f\u00fcr Woche Kinder, Jugendliche\n und Erwachsene f\u00fcr Fu\u00dfball begeistern. Hier findest du alle Unterst\u00fctzer \u2013 von Hauptsponsoren\n bis zu regionalen Partnern.\n <\/p>\n <div class=\"cta-row\">\n <a class=\"btn btn-primary\" href=\"#sponsoren\">Sponsoren ansehen<\/a>\n <a class=\"btn btn-ghost\" href=\"#sponsoring\">Sponsor werden<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <main class=\"container\" id=\"sponsoren\" aria-labelledby=\"title-sponsoren\">\n \n <div class=\"toolbar\" aria-label=\"Filter und Suche\">\n <div class=\"filters\" role=\"group\" aria-label=\"Sponsoren-Kategorien\">\n <button class=\"chip\" aria-pressed=\"true\" data-filter=\"all\">Alle<\/button>\n <button class=\"chip\" aria-pressed=\"false\" data-filter=\"haupt\">Hauptsponsor<\/button>\n <button class=\"chip\" aria-pressed=\"false\" data-filter=\"premium\">Premium<\/button>\n <button class=\"chip\" aria-pressed=\"false\" data-filter=\"partner\">Partner A\u2013Z<\/button>\n <\/div>\n <label class=\"search\" aria-label=\"Sponsoren suchen\">\n \ud83d\udd0e\n <input type=\"search\" placeholder=\"Suchen nach Name\u2026\" id=\"searchInput\" \/>\n <\/label>\n <\/div>\n\n \n <section class=\"grid\" aria-live=\"polite\">\n \n <article class=\"card-wrap span-6\" data-tier=\"haupt\" data-name=\"Beispiel AG\">\n <span class=\"tier-badge\">Hauptsponsor<\/span>\n <a class=\"card\" href=\"https:\/\/example.com\" target=\"_blank\" rel=\"noopener\">\n <figure>\n <img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/via.placeholder.com\/420x160?text=Logo+Hauptsponsor\" alt=\"Beispiel AG Logo\" width=\"420\" height=\"160\">\n <figcaption>Beispiel AG<\/figcaption>\n <\/figure>\n <\/a>\n <\/article>\n\n \n <article class=\"card-wrap span-4\" data-tier=\"premium\" data-name=\"Premium GmbH\">\n <span class=\"tier-badge\">Premium<\/span>\n <a class=\"card\" href=\"https:\/\/example.com\" target=\"_blank\" rel=\"noopener\">\n <figure>\n <img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/via.placeholder.com\/360x140?text=Logo+Premium\" alt=\"Premium GmbH Logo\" width=\"360\" height=\"140\">\n <figcaption>Premium GmbH<\/figcaption>\n <\/figure>\n <\/a>\n <\/article>\n\n <article class=\"card-wrap span-4\" data-tier=\"premium\" data-name=\"Top W\u00e4rme GmbH\">\n <span class=\"tier-badge\">Premium<\/span>\n <a class=\"card\" href=\"https:\/\/example.com\" target=\"_blank\" rel=\"noopener\">\n <figure>\n <img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/via.placeholder.com\/360x140?text=Logo+Premium\" alt=\"Top W\u00e4rme GmbH Logo\" width=\"360\" height=\"140\">\n <figcaption>Top W\u00e4rme GmbH<\/figcaption>\n <\/figure>\n <\/a>\n <\/article>\n\n \n <article class=\"card-wrap span-3\" data-tier=\"partner\" data-name=\"Autohaus Marnet\">\n <a class=\"card\" href=\"https:\/\/example.com\" target=\"_blank\" rel=\"noopener\">\n <figure>\n <img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/via.placeholder.com\/260x110?text=Logo\" alt=\"Autohaus Marnet Logo\" width=\"260\" height=\"110\">\n <figcaption>Autohaus Marnet<\/figcaption>\n <\/figure>\n <\/a>\n <\/article>\n\n <article class=\"card-wrap span-3\" data-tier=\"partner\" data-name=\"Sparkasse Oberhessen\">\n <a class=\"card\" href=\"https:\/\/example.com\" target=\"_blank\" rel=\"noopener\">\n <figure>\n <img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/via.placeholder.com\/260x110?text=Logo\" alt=\"Sparkasse Oberhessen Logo\" width=\"260\" height=\"110\">\n <figcaption>Sparkasse Oberhessen<\/figcaption>\n <\/figure>\n <\/a>\n <\/article>\n\n <article class=\"card-wrap span-3\" data-tier=\"partner\" data-name=\"Volksbank Mittelhessen\">\n <a class=\"card\" href=\"https:\/\/example.com\" target=\"_blank\" rel=\"noopener\">\n <figure>\n <img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/via.placeholder.com\/260x110?text=Logo\" alt=\"Volksbank Mittelhessen Logo\" width=\"260\" height=\"110\">\n <figcaption>Volksbank Mittelhessen<\/figcaption>\n <\/figure>\n <\/a>\n <\/article>\n\n <article class=\"card-wrap span-3\" data-tier=\"partner\" data-name=\"Fahrschule Dreier\">\n <a class=\"card\" href=\"https:\/\/example.com\" target=\"_blank\" rel=\"noopener\">\n <figure>\n <img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/via.placeholder.com\/260x110?text=Logo\" alt=\"Fahrschule Dreier Logo\" width=\"260\" height=\"110\">\n <figcaption>Fahrschule Dreier<\/figcaption>\n <\/figure>\n <\/a>\n <\/article>\n\n \n <\/section>\n\n \n <section id=\"sponsoring\" class=\"info\" aria-labelledby=\"sponsoring-title\">\n <h2 id=\"sponsoring-title\">Sponsor werden<\/h2>\n <p>\n Ihr Unternehmen m\u00f6chte unseren blau-wei\u00dfen Weg unterst\u00fctzen?\n Wir bieten individuelle Pakete (z. B. Trikot, Bandenwerbung, Website, Nachwuchs).\n Schreibt uns \u2013 wir melden uns zeitnah:\n <\/p>\n <form class=\"contact\" action=\"mailto:info@deinverein.de\" method=\"post\" enctype=\"text\/plain\">\n <div class=\"field\">\n <label for=\"name\">Name \/ Firma<\/label>\n <input id=\"name\" name=\"name\" placeholder=\"Max Mustermann, Muster GmbH\" required>\n <\/div>\n <div class=\"field\">\n <label for=\"email\">E-Mail<\/label>\n <input id=\"email\" type=\"email\" name=\"email\" placeholder=\"beispiel@firma.de\" required>\n <\/div>\n <div class=\"field\">\n <label for=\"msg\">Nachricht<\/label>\n <textarea id=\"msg\" name=\"message\" rows=\"4\" placeholder=\"Worum geht\u2019s?\"><\/textarea>\n <\/div>\n <button type=\"submit\">Kontakt aufnehmen<\/button>\n <p class=\"note\">Hinweis: Das Formular \u00f6ffnet dein E-Mail-Programm. F\u00fcr ein echtes WP-Formular nutze z. B. \u201eContact Form 7\u201c und ersetze dieses Formular.<\/p>\n <\/form>\n <\/section>\n\n <footer>\n Danke an alle Partner f\u00fcr ihre Unterst\u00fctzung \u2013 Blau & Wei\u00df ein Leben lang!\n <\/footer>\n <\/main>\n\n<script>\n \/\/ Einfache Filter- & Suchlogik\n (function(){\n const chips = document.querySelectorAll('.chip');\n const cards = document.querySelectorAll('.card-wrap');\n const input = document.getElementById('searchInput');\n let active = 'all';\n\n function apply(){\n const q = (input.value || '').trim().toLowerCase();\n cards.forEach(el=>{\n const tier = el.getAttribute('data-tier');\n const name = el.getAttribute('data-name').toLowerCase();\n const matchTier = (active==='all' || tier===active);\n const matchSearch = (!q || name.includes(q));\n el.style.display = (matchTier && matchSearch) ? '' : 'none';\n });\n }\n\n chips.forEach(btn=>{\n btn.addEventListener('click', ()=>{\n chips.forEach(b=>b.setAttribute('aria-pressed','false'));\n btn.setAttribute('aria-pressed','true');\n active = btn.dataset.filter;\n apply();\n });\n });\n\n input.addEventListener('input', apply);\n })();\n<\/script>\n<\/body>\n<\/html>\n<\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Unsere Sponsoren Blau & Wei\u00df Unsere Sponsoren Gemeinsam f\u00fcr unseren Verein: Dank unserer Partner k\u00f6nnen wir Woche f\u00fcr Woche Kinder, Jugendliche und Erwachsene f\u00fcr Fu\u00dfball begeistern. Hier findest du alle […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"footnotes":""},"class_list":["post-9815","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Sponsoren26 - Spielvereinigung 08 eV.<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.spielvereinigung08.de\/index.php\/sponsoren26\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sponsoren26 - Spielvereinigung 08 eV.\" \/>\n<meta property=\"og:description\" content=\"Unsere Sponsoren Blau & Wei\u00df Unsere Sponsoren Gemeinsam f\u00fcr unseren Verein: Dank unserer Partner k\u00f6nnen wir Woche f\u00fcr Woche Kinder, Jugendliche und Erwachsene f\u00fcr Fu\u00dfball begeistern. Hier findest du alle […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.spielvereinigung08.de\/index.php\/sponsoren26\/\" \/>\n<meta property=\"og:site_name\" content=\"Spielvereinigung 08 eV.\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"3\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.spielvereinigung08.de\/index.php\/sponsoren26\/\",\"url\":\"https:\/\/www.spielvereinigung08.de\/index.php\/sponsoren26\/\",\"name\":\"Sponsoren26 - Spielvereinigung 08 eV.\",\"isPartOf\":{\"@id\":\"https:\/\/www.spielvereinigung08.de\/#website\"},\"datePublished\":\"2025-09-29T14:29:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.spielvereinigung08.de\/index.php\/sponsoren26\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.spielvereinigung08.de\/index.php\/sponsoren26\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.spielvereinigung08.de\/index.php\/sponsoren26\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/www.spielvereinigung08.de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sponsoren26\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.spielvereinigung08.de\/#website\",\"url\":\"https:\/\/www.spielvereinigung08.de\/\",\"name\":\"Spielvereinigung 08 eV.\",\"description\":\"Fussball mit Herz und Seele\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.spielvereinigung08.de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"}]}<\/script>\n","yoast_head_json":{"title":"Sponsoren26 - Spielvereinigung 08 eV.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.spielvereinigung08.de\/index.php\/sponsoren26\/","og_locale":"de_DE","og_type":"article","og_title":"Sponsoren26 - Spielvereinigung 08 eV.","og_description":"Unsere Sponsoren Blau & Wei\u00df Unsere Sponsoren Gemeinsam f\u00fcr unseren Verein: Dank unserer Partner k\u00f6nnen wir Woche f\u00fcr Woche Kinder, Jugendliche und Erwachsene f\u00fcr Fu\u00dfball begeistern. Hier findest du alle […]","og_url":"https:\/\/www.spielvereinigung08.de\/index.php\/sponsoren26\/","og_site_name":"Spielvereinigung 08 eV.","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"3\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.spielvereinigung08.de\/index.php\/sponsoren26\/","url":"https:\/\/www.spielvereinigung08.de\/index.php\/sponsoren26\/","name":"Sponsoren26 - Spielvereinigung 08 eV.","isPartOf":{"@id":"https:\/\/www.spielvereinigung08.de\/#website"},"datePublished":"2025-09-29T14:29:45+00:00","breadcrumb":{"@id":"https:\/\/www.spielvereinigung08.de\/index.php\/sponsoren26\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.spielvereinigung08.de\/index.php\/sponsoren26\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.spielvereinigung08.de\/index.php\/sponsoren26\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.spielvereinigung08.de\/"},{"@type":"ListItem","position":2,"name":"Sponsoren26"}]},{"@type":"WebSite","@id":"https:\/\/www.spielvereinigung08.de\/#website","url":"https:\/\/www.spielvereinigung08.de\/","name":"Spielvereinigung 08 eV.","description":"Fussball mit Herz und Seele","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.spielvereinigung08.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"_links":{"self":[{"href":"https:\/\/www.spielvereinigung08.de\/index.php\/wp-json\/wp\/v2\/pages\/9815","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.spielvereinigung08.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.spielvereinigung08.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.spielvereinigung08.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.spielvereinigung08.de\/index.php\/wp-json\/wp\/v2\/comments?post=9815"}],"version-history":[{"count":2,"href":"https:\/\/www.spielvereinigung08.de\/index.php\/wp-json\/wp\/v2\/pages\/9815\/revisions"}],"predecessor-version":[{"id":9817,"href":"https:\/\/www.spielvereinigung08.de\/index.php\/wp-json\/wp\/v2\/pages\/9815\/revisions\/9817"}],"wp:attachment":[{"href":"https:\/\/www.spielvereinigung08.de\/index.php\/wp-json\/wp\/v2\/media?parent=9815"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}