PageSourceSearch

https://www.degraafschap.nl/

html degraafschap.nl collected 2026-10-02 03:17:46 UTC 448,565 bytes, 4,113 lines download raw bytes

1            <!doctype html>
2    <html id="app" class="antialiased smooth-scroll" lang="nl">
3        <head>
4        <meta charset="utf-8">
5    <meta http-equiv="x-ua-compatible" content="ie=edge">
6    <meta name="viewport" content="width=device-width, initial-scale=1">
7    
8    <link rel="icon" type="image/png" href="https://www.degraafschap.nl/favicon-48x48.png" sizes="48x48" />
9<link rel="icon" type="image/svg+xml" href="https://www.degraafschap.nl/favicon.svg" />
10<link rel="shortcut icon" href="https://www.degraafschap.nl/favicon.ico" />
11<link rel="apple-touch-icon" sizes="180x180" href="https://www.degraafschap.nl/apple-touch-icon.png" />
12<link rel="manifest" href="https://www.degraafschap.nl/site.webmanifest" />    <link rel="alternate" type="application/rss+xml" href="https://www.degraafschap.nl/feeds/news.rss">
13
14        
14<script>
vendor: 375 bytes, lines 14-18
14(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
15                new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
16            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
17            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
18        })(window,document,'script','dataLayer','
18GTM-KZ7QFZ97
vendor: 3 bytes, line 18
18');
18</script>
18
19    
20        
20<script>
21        var SITE_URL = 'https://www.degraafschap.nl/';
22        var CSRF = 'I-KZUqv9VxuN5QcymkYwt2Z_LwFYftsmPngKQ5KCjTWwEUttsaLbYlmr9hzctAZoxatlC8wSfNoSTRYwaiy3En0ffyH82t1biXYfFYbJ7gw=';
23        var URLS = {};
24    </script>
24
25
26    
27    
27<script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script>
vendor: 2 bytes, line 27
27
28<script type="module" src="https://www.degraafschap.nl/dist/assets/app-cd1e6395.js" crossorigin onload="e=new CustomEvent(&#039;vite-script-loaded&#039;, {detail:{path: &#039;resources/scripts/app.js&#039;}});document.dispatchEvent(e);"></script>
28
29<link href="https://www.degraafschap.nl/dist/assets/scrollAnimations-71ab8341.js" rel="modulepreload" crossorigin>
30<link href="https://www.degraafschap.nl/dist/assets/app-ff99c6a1.css" rel="stylesheet">
31    
31<script type="module" src="https://www.degraafschap.nl/dist/assets/plugins-d43683e2.js" crossorigin onload="e=new CustomEvent(&#039;vite-script-loaded&#039;, {detail:{path: &#039;resources/scripts/plugins.js&#039;}});document.dispatchEvent(e);"></script>
31
32<title>De Graafschap | Homepage</title><meta name="generator" content="SEOmatic">
33<meta name="keywords" content="de graafschap,degraafschap,vijverberg,voetbal,eredivisie,voetballen,voetbalclub,keukenkampioen">
34<meta name="description" content="Voetballen op hoog niveau met spektakel én saamhorigheid tussen club en supporters. De Superboeren zijn de Achterhoekse trots met de kernwaarden: D&#039;RAN,…">
35<meta name="referrer" content="no-referrer-when-downgrade">
36<meta name="robots" content="all">
37<meta content="nl" property="og:locale">
38<meta content="De Graafschap" property="og:site_name">
39<meta content="website" property="og:type">
40<meta content="https://www.degraafschap.nl/" property="og:url">
41<meta content="Homepage" property="og:title">
42<meta content="Voetballen op hoog niveau met spektakel én saamhorigheid tussen club en supporters. De Superboeren zijn de Achterhoekse trots met de kernwaarden: D&#039;RAN,…" property="og:description">
43<meta content="https://www.degraafschap.nl/assets/images/_1200x630_fit_center-center_82_none/og-de-graafschap.png?mtime=1736257055" property="og:image">
44<meta content="1200" property="og:image:width">
45<meta content="630" property="og:image:height">
46<meta content="De Graafschap logo" property="og:image:alt">
47<meta name="twitter:card" content="summary_large_image">
48<meta name="twitter:creator" content="@">
49<meta name="twitter:title" content="Homepage">
50<meta name="twitter:description" content="Voetballen op hoog niveau met spektakel én saamhorigheid tussen club en supporters. De Superboeren zijn de Achterhoekse trots met de kernwaarden: D&#039;RAN,…">
51<meta name="twitter:image" content="https://www.degraafschap.nl/assets/images/_1200x630_fit_center-center_82_none/og-de-graafschap.png?mtime=1736257055">
52<meta name="twitter:image:width" content="1200">
53<meta name="twitter:image:height" content="630">
54<meta name="twitter:image:alt" content="De Graafschap logo">
55<link href="https://www.degraafschap.nl/" rel="canonical">
56<link href="https://www.degraafschap.nl/" rel="home">
57<link type="text/plain" href="https://www.degraafschap.nl/humans.txt" rel="author">
58<script>URLS['cart_url'] = 'https://www.degraafschap.nl/';URLS['summary_url'] = 'https://www.degraafschap.nl/';URLS['address_url'] = 'https://www.degraafschap.nl/';URLS['checkout_url'] = 'https://www.degraafschap.nl/';URLS['account_url'] = 'https://www.degraafschap.nl/';</script>
58</head>
59        
60        
61        <body class="flex flex-col min-h-screen font-body overflow-x-hidden m-0 ">
vendor: 92 bytes, lines 61-62
61
62                        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
62GTM-KZ7QFZ97
vendor: 137 bytes, lines 62-64
62"
63                              height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
64                        
64<a class="sr-only focus-visible:not-sr-only focus-visible:absolute focus-visible:left-1 focus-visible:top-1 focus-visible:z-[200] focus-visible:bg-gray-100 focus-visible:px-4 focus-visible:py-1 focus-visible:text-black"
65               href="#skip-to-content-anchor" tabindex="1">
66                Skip to content
67            </a>
68
69                <!-- Site/Header -->
70    <!-- Template: _includes/components/header.twig -->
71
72<div class="header-menu__backdrop fixed z-20 inset-0 bg-black/50 pointer-events-none transition-opacity 2xl:hidden backdrop"></div>
73<header id="header"
74        class="fixed top-0 z-50 left-0 right-0 flex flex-col justify-center bg-primary shadow-sm shadow-black/10 transition-all"
75>
76
77        <div class="relative">
78        <div class="container-fluid flex items-center justify-between gap-x-4 h-[70px] px-4 sm:px-5
79            2xl:px-8 2xl:h-[100px]"
80        >
81            <button class="menu-button--toggle relative z-10 h-10 px-5 font-heading uppercase text-[19px] text-white rounded-full border border-white ring-0 2xl:hidden"
82        aria-label="Main menu"
83        aria-expanded="false">
84    <span class="menu-button__label--open items-center justify-center gap-2">
85        <svg class="w-4 h-4 ml-auto fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 88C0 74.7 10.7 64 24 64l400 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L24 112C10.7 112 0 101.3 0 88zM0 248c0-13.3 10.7-24 24-24l400 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L24 272c-13.3 0-24-10.7-24-24zM448 408c0 13.3-10.7 24-24 24L24 432c-13.3 0-24-10.7-24-24s10.7-24 24-24l400 0c13.3 0 24 10.7 24 24z"/></svg>
86        <span>Menu</span>
87    </span>
88    <span class="menu-button__label--close items-center justify-center gap-2">
89        <svg class="w-4 h-4 ml-auto fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg>
90        <span>Sluiten</span>
91    </span>
92</button>            <!-- Template: _includes/components/header/menu-main.twig -->
93
94            <nav class="js-main-menu custom-scrollbar overflow-y-auto fixed z-40 top-[70px] left-0 flex flex-col w-full max-w-lg bottom-0 max-2xl:-translate-x-full py-16 px-10 bg-gradient-to-r from-primary-dark to-primary transition-transform
95        2xl:static 2xl:overflow-visible 2xl:z-auto 2xl:top-auto 2xl:block 2xl:w-auto 2xl:max-w-full 2xl:h-auto 2xl:p-0 2xl:bg-transparent 2xl:bg-none main-menu"
96    >
97                        <ul class="menu menu--main flex flex-col w-full
98            2xl:flex-row 2xl:justify-center 2xl:w-auto 2xl:min-w-full">
99                                            <li class="menu__item group/menuitem relative border-b-2 border-white/30 transition-colors 2xl:static                        2xl:border-none">
100                    <span class="relative flex items-center w-full 2xl:group-hover/menuitem:bg-primary-hover">
101                        <a class="relative flex items-center gap-1.5 py-3 text-white text-[19px] font-heading font-bold uppercase transition-colors ring-0
102                                max-2xl:group-hover/menuitem:text-white/75
103                                2xl:whitespace-nowrap 2xl:h-[100px] 2xl:2xl:pl-4  2xl:pr-6                                 focus-visible:!-outline-offset-2"
104                           href="https://www.degraafschap.nl/teams"
105                           target=""
106                        >
107                                                            
108    <svg class="shrink-0 w-6 h-6 fill-white/50 text-white/50" width="39" height="30" viewBox="0 0 39 30" fill="none" xmlns="http://www.w3.org/2000/svg">
109<path d="M38.4081 9.25781C38.5282 10.0195 38.2879 10.7227 37.6273 11.3086L34.6244 14.9414C33.6634 16.1133 31.8617 16.2891 30.6004 15.3516L28.6786 13.8867V26.25C28.6786 28.3594 26.9969 30 24.8949 30H12.4627C10.3607 30 9.63999 28.3594 9.63999 26.25V13.8867L7.65805 15.3516C6.45688 16.2891 4.65512 16.1133 3.63413 14.9414L0.631196 11.3086C0.150727 10.7227 -0.0895072 10.0195 0.0306099 9.25781C0.0906685 8.49609 0.511079 7.85156 1.11166 7.38281L9.21957 1.11328C10.1205 0.410156 11.3216 0 12.5228 0H25.9159C27.117 0 28.3182 0.410156 29.2191 1.11328L37.327 7.38281C37.9276 7.85156 38.348 8.49609 38.4081 9.25781ZM22.9129 1.875H15.5257C15.9461 3.51562 17.4476 4.6875 19.2494 4.6875C20.9911 4.6875 22.4925 3.51562 22.9129 1.875ZM36.306 10.1367C36.4862 9.96094 36.5462 9.72656 36.4862 9.49219C36.4862 9.25781 36.3661 9.02344 36.1859 8.84766L28.078 2.63672C27.4774 2.16797 26.6966 1.875 25.9159 1.875H24.8949C24.4144 4.57031 22.0721 6.5625 19.2494 6.5625C16.3665 6.5625 14.0243 4.57031 13.5438 1.875H12.5228C11.742 1.875 10.9613 2.16797 10.3607 2.63672L2.25278 8.84766C2.0726 9.02344 1.95248 9.19922 1.95248 9.49219C1.89243 9.72656 1.95248 9.96094 2.13266 10.1367L5.13559 13.7695C5.43588 14.1211 6.09653 14.1797 6.51694 13.8867L11.5619 10.0195V26.25C11.5619 27.3047 11.4417 28.125 12.5228 28.125H25.015C26.036 28.125 26.9369 27.3047 26.9369 26.25V10.0195L31.9818 13.8867C32.3421 14.1797 33.0028 14.1211 33.3031 13.7695L36.306 10.1367Z" fill="currentColor"/>
110<rect x="10.25" y="10" width="18.45" height="4" fill="currentColor"/>
111<path d="M6.15039 4H16.4004L19.4754 6V8H6.15039V4Z" fill="currentColor"/>
112<path d="M22.5496 4H32.7996V8H19.4746V6L22.5496 4Z" fill="currentColor"/>
113<rect width="7.93049" height="4.06508" transform="matrix(0.602756 0.797926 -0.811918 0.583772 7.39844 4)" fill="currentColor"/>
114<rect width="7.93189" height="4.06438" transform="matrix(-0.608697 0.793403 -0.807599 -0.589733 34.7617 6.39697)" fill="currentColor"/>
115<rect x="10.25" y="16" width="18.45" height="4" fill="currentColor"/>
116<rect x="10.25" y="22" width="18.45" height="4" fill="currentColor"/>
117</svg>
118
119                                                        Teams
120                        </a>
121                                                    <button aria-label="Submenu openen/sluiten"
122                                    data-id="345"
123                                    class="submenu-button absolute z-10 right-0 top-1 shrink-0 flex ml-auto items-center justify-center w-11 h-11 ring-0 transition-transform text-white
124                                        2xl:top-1/2 2xl:-translate-y-1/2 2xl:w-6 2xl:h-6 2xl:ml-auto">
125                                <svg class="w-2.5 h-2.5 fill-current 2xl:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"/></svg>
126                            </button>
127                                            </span>
128
129                                                                                                                                                                        <ul class="submenu submenu--mega relative bg-transparent pb-4
130                                    2xl:flex-col 2xl:absolute 2xl:z-10 2xl:top-full 2xl:left-0 2xl:pt-20 2xl:pb-20 2xl:max-h-[80vh] 2xl:!overflow-y-scroll 2xl:w-screen 2xl:hidden"
131                                data-id="345">
132                                <li class="submenu__item">
133                                    <ul class="container-fluid
134                                        2xl:grid 2xl:grid-cols-4 2xl:gap-8 22xl:gap-x-16 2xl:px-8">
135                                                                                                                                                                                                                                                                    <li class="submenu__item relative group/megasubmenuitem">
136                                                <span class="relative flex items-center w-full pl-7 pr-11 2xl:px-0">
137                                                    <a class="relative flex items-center py-2.5 text-white font-normal font-heading text-[19px] transition-colors ring-0 hover:text-white/75
138                                                        max-2xl:group-hover/megasubmenuitem:text-white/75
139                                                        2xl:flex 2xl:mr-auto 2xl:py-1.5 2xl:whitespace-nowrap 2xl:border-b-2 2xl:border-white/30 2xl:uppercase"
140                                                       href="https://www.degraafschap.nl/teams/eerste-elftal"
141                                                       target="">
142                                                        Eerste selectie
143                                                    </a>
144                                                                                                            <button aria-label="Submenu openen/sluiten" class="absolute z-10 right-0 top-0 flex items-center justify-center w-11 h-11 ring-0 rotate-180 transition-transform 2xl:hidden subsubmenu-button" data-id="6629">
145                                                            <svg class="absolute top-4 left-4 w-2.5 h-2.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>
146                                                        </button>
147                                                                                                    </span>
148
149                                                                                                                                                                                                    <ul class="submenu relative bg-transparent pl-7 2xl:pl-0
150                                                        2xl:bg-transparent 2xl:mt-4  2xl:flex 2xl:flex-col "
151                                                        data-id="6629">
152                                                                                                                    <li class="relative group/megasusubbmenuitem">
153                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
154                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
155                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
156                                                                   href="https://www.degraafschap.nl/teams/eerste-elftal"
157                                                                   target="">
158                                                                    Spelers
159                                                                </a>
160                                                            </li>
161                                                                                                                    <li class="relative group/megasusubbmenuitem">
162                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
163                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
164                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
165                                                                   href="https://www.degraafschap.nl/uitslagen"
166                                                                   target="">
167                                                                    Uitslagen
168                                                                </a>
169                                                            </li>
170                                                                                                                    <li class="relative group/megasusubbmenuitem">
171                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
172                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
173                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
174                                                                   href="https://www.degraafschap.nl/wedstrijdschema"
175                                                                   target="">
176                                                                    Speelschema
177                                                                </a>
178                                                            </li>
179                                                                                                                    <li class="relative group/megasusubbmenuitem">
180                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
181                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
182                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
183                                                                   href="https://www.degraafschap.nl/stand"
184                                                                   target="">
185                                                                    Stand
186                                                                </a>
187                                                            </li>
188                                                                                                                    <li class="relative group/megasusubbmenuitem">
189                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
190                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
191                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
192                                                                   href="https://www.degraafschap.nl/agenda"
193                                                                   target="">
194                                                                    Agenda
195                                                                </a>
196                                                            </li>
197                                                                                                            </ul>
198                                                                                            </li>
199                                                                                                                                                                                                                                                                    <li class="submenu__item relative group/megasubmenuitem">
200                                                <span class="relative flex items-center w-full pl-7 pr-11 2xl:px-0">
201                                                    <a class="relative flex items-center py-2.5 text-white font-normal font-heading text-[19px] transition-colors ring-0 hover:text-white/75
202                                                        max-2xl:group-hover/megasubmenuitem:text-white/75
203                                                        2xl:flex 2xl:mr-auto 2xl:py-1.5 2xl:whitespace-nowrap 2xl:border-b-2 2xl:border-white/30 2xl:uppercase"
204                                                       href="https://www.degraafschap.nl/teams/de-graafschap-vrouwen"
205                                                       target="">
206                                                        De Graafschap Vrouwen
207                                                    </a>
208                                                                                                            <button aria-label="Submenu openen/sluiten" class="absolute z-10 right-0 top-0 flex items-center justify-center w-11 h-11 ring-0 rotate-180 transition-transform 2xl:hidden subsubmenu-button" data-id="7378">
209                                                            <svg class="absolute top-4 left-4 w-2.5 h-2.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>
210                                                        </button>
211                                                                                                    </span>
212
213                                                                                                                                                                                                    <ul class="submenu relative bg-transparent pl-7 2xl:pl-0
214                                                        2xl:bg-transparent 2xl:mt-4  2xl:flex 2xl:flex-col "
215                                                        data-id="7378">
216                                                                                                                    <li class="relative group/megasusubbmenuitem">
217                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
218                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
219                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
220                                                                   href="https://www.degraafschap.nl/teams/de-graafschap-vrouwen"
221                                                                   target="">
222                                                                    Speelsters
223                                                                </a>
224                                                            </li>
225                                                                                                                    <li class="relative group/megasusubbmenuitem">
226                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
227                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
228                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
229                                                                   href="https://www.degraafschap.nl/stand-de-graafschap-vrouwen"
230                                                                   target="">
231                                                                    Stand De Graafschap Vrouwen
232                                                                </a>
233                                                            </li>
234                                                                                                                    <li class="relative group/megasusubbmenuitem">
235                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
236                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
237                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
238                                                                   href="https://www.degraafschap.nl/programma-de-graafschap-vrouwen"
239                                                                   target="">
240                                                                    Programma De Graafschap Vrouwen
241                                                                </a>
242                                                            </li>
243                                                                                                                    <li class="relative group/megasusubbmenuitem">
244                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
245                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
246                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
247                                                                   href="https://www.degraafschap.nl/nieuws?page=1&amp;categories=5334"
248                                                                   target="">
249                                                                    Nieuws
250                                                                </a>
251                                                            </li>
252                                                                                                                    <li class="relative group/megasusubbmenuitem">
253                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
254                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
255                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
256                                                                   href="https://www.degraafschap.nl/mvva"
257                                                                   target="">
258                                                                    MVVA
259                                                                </a>
260                                                            </li>
261                                                                                                                    <li class="relative group/megasusubbmenuitem">
262                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
263                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
264                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
265                                                                   href="https://degraafschapvrouwen.nl/"
266                                                                   target="_blank">
267                                                                    Sponsoring
268                                                                </a>
269                                                            </li>
270                                                                                                            </ul>
271                                                                                            </li>
272                                                                                                                                                                                                                                                                    <li class="submenu__item relative group/megasubmenuitem">
273                                                <span class="relative flex items-center w-full pl-7 pr-11 2xl:px-0">
274                                                    <a class="relative flex items-center py-2.5 text-white font-normal font-heading text-[19px] transition-colors ring-0 hover:text-white/75
275                                                        max-2xl:group-hover/megasubmenuitem:text-white/75
276                                                        2xl:flex 2xl:mr-auto 2xl:py-1.5 2xl:whitespace-nowrap 2xl:border-b-2 2xl:border-white/30 2xl:uppercase"
277                                                       href="https://www.degraafschap.nl/jeugdopleidingen"
278                                                       target="">
279                                                        Jeugdopleiding
280                                                    </a>
281                                                                                                            <button aria-label="Submenu openen/sluiten" class="absolute z-10 right-0 top-0 flex items-center justify-center w-11 h-11 ring-0 rotate-180 transition-transform 2xl:hidden subsubmenu-button" data-id="7301">
282                                                            <svg class="absolute top-4 left-4 w-2.5 h-2.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>
283                                                        </button>
284                                                                                                    </span>
285
286                                                                                                                                                                                                    <ul class="submenu relative bg-transparent pl-7 2xl:pl-0
287                                                        2xl:bg-transparent 2xl:mt-4  2xl:flex 2xl:flex-col "
288                                                        data-id="7301">
289                                                                                                                    <li class="relative group/megasusubbmenuitem">
290                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
291                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
292                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
293                                                                   href="https://www.degraafschap.nl/teams"
294                                                                   target="">
295                                                                    Teams
296                                                                </a>
297                                                            </li>
298                                                                                                                    <li class="relative group/megasusubbmenuitem">
299                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
300                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
301                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
302                                                                   href="https://www.degraafschap.nl/jeugdopleidingen/supertalentenmuur"
303                                                                   target="">
304                                                                    SuperTalentenmuur
305                                                                </a>
306                                                            </li>
307                                                                                                                    <li class="relative group/megasusubbmenuitem">
308                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
309                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
310                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
311                                                                   href="https://www.degraafschap.nl/jeugdopleidingen/organisatie-jeugdopleidingen-seizoen-2024-2025"
312                                                                   target="">
313                                                                    Organisatie
314                                                                </a>
315                                                            </li>
316                                                                                                                    <li class="relative group/megasusubbmenuitem">
317                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
318                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
319                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
320                                                                   href="/nieuws?page=1&amp;categories=3309604"
321                                                                   target="">
322                                                                    Nieuws
323                                                                </a>
324                                                            </li>
325                                                                                                            </ul>
326                                                                                            </li>
327                                                                            </ul>
328                                </li>
329                            </ul>
330                                                            </li>
331                                            <li class="menu__item group/menuitem relative border-b-2 border-white/30 transition-colors 2xl:static                        2xl:border-none">
332                    <span class="relative flex items-center w-full 2xl:group-hover/menuitem:bg-primary-hover">
333                        <a class="relative flex items-center gap-1.5 py-3 text-white text-[19px] font-heading font-bold uppercase transition-colors ring-0
334                                max-2xl:group-hover/menuitem:text-white/75
335                                2xl:whitespace-nowrap 2xl:h-[100px] 2xl:2xl:pl-4  2xl:pr-6                                 focus-visible:!-outline-offset-2"
336                           href="https://www.degraafschap.nl/wedstrijdschema"
337                           target=""
338                        >
339                                                            
340    <svg class="shrink-0 w-6 h-6 fill-white/50 text-white/50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M32 64l0 64 64 0 32 0 0 32 0 192 0 32-32 0-64 0 0 64 272 0 0-97.3c-45.4-7.6-80-47.1-80-94.7s34.6-87.1 80-94.7L304 64 32 64zM336 350.7l0 97.3 272 0 0-64-64 0-32 0 0-32 0-192 0-32 32 0 64 0 0-64L336 64l0 97.3c45.4 7.6 80 47.1 80 94.7s-34.6 87.1-80 94.7zM336 194l0 124c27.6-7.1 48-32.2 48-62s-20.4-54.9-48-62zm-32 0c-27.6 7.1-48 32.2-48 62s20.4 54.9 48 62l0-124zM32 160l0 192 64 0 0-192-64 0zM544 352l64 0 0-192-64 0 0 192zM0 32l32 0 576 0 32 0 0 32 0 384 0 32-32 0L32 480 0 480l0-32L0 64 0 32z"/></svg>
341                                                        Wedstrijden
342                        </a>
343                                                    <button aria-label="Submenu openen/sluiten"
344                                    data-id="1731"
345                                    class="submenu-button absolute z-10 right-0 top-1 shrink-0 flex ml-auto items-center justify-center w-11 h-11 ring-0 transition-transform text-white
346                                        2xl:top-1/2 2xl:-translate-y-1/2 2xl:w-6 2xl:h-6 2xl:ml-auto">
347                                <svg class="w-2.5 h-2.5 fill-current 2xl:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"/></svg>
348                            </button>
349                                            </span>
350
351                                                                                                                                                                        <ul class="submenu submenu--mega relative bg-transparent pb-4
352                                    2xl:flex-col 2xl:absolute 2xl:z-10 2xl:top-full 2xl:left-0 2xl:pt-20 2xl:pb-20 2xl:max-h-[80vh] 2xl:!overflow-y-scroll 2xl:w-screen 2xl:hidden"
353                                data-id="1731">
354                                <li class="submenu__item">
355                                    <ul class="container-fluid
356                                        2xl:grid 2xl:grid-cols-4 2xl:gap-8 22xl:gap-x-16 2xl:px-8">
357                                                                                                                                                                                                                                                                    <li class="submenu__item relative group/megasubmenuitem">
358                                                <span class="relative flex items-center w-full pl-7 pr-11 2xl:px-0">
359                                                    <a class="relative flex items-center py-2.5 text-white font-normal font-heading text-[19px] transition-colors ring-0 hover:text-white/75
360                                                        max-2xl:group-hover/megasubmenuitem:text-white/75
361                                                        2xl:flex 2xl:mr-auto 2xl:py-1.5 2xl:whitespace-nowrap 2xl:border-b-2 2xl:border-white/30 2xl:uppercase"
362                                                       href="https://www.degraafschap.nl/stand"
363                                                       target="">
364                                                        Keuken Kampioen Divisie
365                                                    </a>
366                                                                                                            <button aria-label="Submenu openen/sluiten" class="absolute z-10 right-0 top-0 flex items-center justify-center w-11 h-11 ring-0 rotate-180 transition-transform 2xl:hidden subsubmenu-button" data-id="3483">
367                                                            <svg class="absolute top-4 left-4 w-2.5 h-2.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>
368                                                        </button>
369                                                                                                    </span>
370
371                                                                                                                                                                                                    <ul class="submenu relative bg-transparent pl-7 2xl:pl-0
372                                                        2xl:bg-transparent 2xl:mt-4  2xl:flex 2xl:flex-col "
373                                                        data-id="3483">
374                                                                                                                    <li class="relative group/megasusubbmenuitem">
375                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
376                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
377                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
378                                                                   href="https://www.degraafschap.nl/wedstrijdschema"
379                                                                   target="">
380                                                                    Speelschema
381                                                                </a>
382                                                            </li>
383                                                                                                                    <li class="relative group/megasusubbmenuitem">
384                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
385                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
386                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
387                                                                   href="https://www.degraafschap.nl/uitslagen"
388                                                                   target="">
389                                                                    Uitslagen
390                                                                </a>
391                                                            </li>
392                                                                                                                    <li class="relative group/megasusubbmenuitem">
393                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
394                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
395                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
396                                                                   href="https://www.degraafschap.nl/stand"
397                                                                   target="">
398                                                                    Stand
399                                                                </a>
400                                                            </li>
401                                                                                                            </ul>
402                                                                                            </li>
403                                                                                                                                                                                                                                                                    <li class="submenu__item relative group/megasubmenuitem">
404                                                <span class="relative flex items-center w-full pl-7 pr-11 2xl:px-0">
405                                                    <a class="relative flex items-center py-2.5 text-white font-normal font-heading text-[19px] transition-colors ring-0 hover:text-white/75
406                                                        max-2xl:group-hover/megasubmenuitem:text-white/75
407                                                        2xl:flex 2xl:mr-auto 2xl:py-1.5 2xl:whitespace-nowrap 2xl:border-b-2 2xl:border-white/30 2xl:uppercase"
408                                                       href="https://www.degraafschap.nl/wedstrijden"
409                                                       target="">
410                                                        Kaartverkoop
411                                                    </a>
412                                                                                                            <button aria-label="Submenu openen/sluiten" class="absolute z-10 right-0 top-0 flex items-center justify-center w-11 h-11 ring-0 rotate-180 transition-transform 2xl:hidden subsubmenu-button" data-id="3433">
413                                                            <svg class="absolute top-4 left-4 w-2.5 h-2.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>
414                                                        </button>
415                                                                                                    </span>
416
417                                                                                                                                                                                                    <ul class="submenu relative bg-transparent pl-7 2xl:pl-0
418                                                        2xl:bg-transparent 2xl:mt-4  2xl:flex 2xl:flex-col "
419                                                        data-id="3433">
420                                                                                                                    <li class="relative group/megasusubbmenuitem">
421                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
422                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
423                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
424                                                                   href="https://www.degraafschap.nl/wedstrijden/competitieduels/de-graafschap-jong-fc-utrecht"
425                                                                   target="">
426                                                                    De Graafschap - Jong FC Utrecht
427                                                                </a>
428                                                            </li>
429                                                                                                                    <li class="relative group/megasusubbmenuitem">
430                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
431                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
432                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
433                                                                   href="https://www.degraafschap.nl/wedstrijden/competitieduels/fc-eindhoven-de-graafschap"
434                                                                   target="">
435                                                                    FC Eindhoven - De Graafschap
436                                                                </a>
437                                                            </li>
438                                                                                                                    <li class="relative group/megasusubbmenuitem">
439                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
440                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
441                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
442                                                                   href="https://www.degraafschap.nl/seizoenkaart"
443                                                                   target="">
444                                                                    Seizoenkaart
445                                                                </a>
446                                                            </li>
447                                                                                                                    <li class="relative group/megasusubbmenuitem">
448                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
449                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
450                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
451                                                                   href="https://www.degraafschap.nl/wedstrijden/seizoenkaart
451-de-graafschap-vrouwen"
452                                                                   target="">
453                                                                    Seizoenkaart De Graafschap Vrouwen
454                                                                </a>
455                                                            </li>
456                                                                                                                    <li class="relative group/megasusubbmenuitem">
457                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
458                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
459                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
460                                                                   href="https://www.degraafschap.nl/wedstrijden/groundhopkaarten"
461                                                                   target="">
462                                                                    Groundhopkaarten
463                                                                </a>
464                                                            </li>
465                                                                                                                    <li class="relative group/megasusubbmenuitem">
466                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
467                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
468                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
469                                                                   href="https://www.degraafschap.nl/wedstrijden/clubkaart"
470                                                                   target="">
471                                                                    Clubkaart
472                                                                </a>
473                                                            </li>
474                                                                                                                    <li class="relative group/megasusubbmenuitem">
475                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
476                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
477                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
478                                                                   href="https://www.degraafschap.nl/wedstrijden/prijzen-losse-kaarten"
479                                                                   target="">
480                                                                    Prijzen losse kaarten
481                                                                </a>
482                                                            </li>
483                                                                                                            </ul>
484                                                                                            </li>
485                                                                                                                                                                                                                                                                    <li class="submenu__item relative group/megasubmenuitem">
486                                                <span class="relative flex items-center w-full pl-7 pr-11 2xl:px-0">
487                                                    <a class="relative flex items-center py-2.5 text-white font-normal font-heading text-[19px] transition-colors ring-0 hover:text-white/75
488                                                        max-2xl:group-hover/megasubmenuitem:text-white/75
489                                                        2xl:flex 2xl:mr-auto 2xl:py-1.5 2xl:whitespace-nowrap 2xl:border-b-2 2xl:border-white/30 2xl:uppercase"
490                                                       href="nieuws?page=1&amp;categories=83"
491                                                       target="">
492                                                        Wedstrijdverslagen
493                                                    </a>
494                                                                                                            <button aria-label="Submenu openen/sluiten" class="absolute z-10 right-0 top-0 flex items-center justify-center w-11 h-11 ring-0 rotate-180 transition-transform 2xl:hidden subsubmenu-button" data-id="5394">
495                                                            <svg class="absolute top-4 left-4 w-2.5 h-2.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>
496                                                        </button>
497                                                                                                    </span>
498
499                                                                                                                                                                                                    <ul class="submenu relative bg-transparent pl-7 2xl:pl-0
500                                                        2xl:bg-transparent 2xl:mt-4  2xl:flex 2xl:flex-col "
501                                                        data-id="5394">
502                                                                                                                    <li class="relative group/megasusubbmenuitem">
503                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
504                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
505                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
506                                                                   href="https://www.degraafschap.nl/nieuws/de-graafschap-knokt-zich-naar-eerste-thuiszege-van-het-seizoen-1-0"
507                                                                   target="">
508                                                                    De Graafschap knokt zich tegen FC Den Bosch naar eerste thuiszege van het seizoen: 1-0
509                                                                </a>
510                                                            </li>
511                                                                                                                    <li class="relative group/megasusubbmenuitem">
512                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
513                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
514                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
515                                                                   href="https://www.degraafschap.nl/nieuws/de-graafschap-komt-tekort-tegen-nac-breda-1-2"
516                                                                   target="">
517                                                                    De Graafschap komt tekort tegen NAC Breda: 1-2
518                                                                </a>
519                                                            </li>
520                                                                                                                    <li class="relative group/megasusubbmenuitem">
521                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
522                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
523                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
524                                                                   href="https://www.degraafschap.nl/nieuws/de-graafschap-pakt-voor-het-eerst-dit-seizoen-de-volle-buit-bij-fc-emmen-1-2"
525                                                                   target="">
526                                                                    De Graafschap pakt voor het eerst dit seizoen de volle buit bij FC Emmen: 1-2
527                                                                </a>
528                                                            </li>
529                                                                                                                    <li class="relative group/megasusubbmenuitem">
530                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
531                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
532                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
533                                                                   href="https://www.degraafschap.nl/nieuws/de-graafschap-gaat-hard-onderuit-in-almelo-5-0"
534                                                                   target="">
535                                                                    De Graafschap gaat hard onderuit in Almelo: 5-0
536                                                                </a>
537                                                            </li>
538                                                                                                            </ul>
539                                                                                            </li>
540                                                                            </ul>
541                                </li>
542                            </ul>
543                                                            </li>
544                                            <li class="menu__item group/menuitem relative border-b-2 border-white/30 transition-colors 2xl:static                        2xl:border-none">
545                    <span class="relative flex items-center w-full 2xl:group-hover/menuitem:bg-primary-hover">
546                        <a class="relative flex items-center gap-1.5 py-3 text-white text-[19px] font-heading font-bold uppercase transition-colors ring-0
547                                max-2xl:group-hover/menuitem:text-white/75
548                                2xl:whitespace-nowrap 2xl:h-[100px] 2xl:2xl:pl-4  2xl:pr-6                                 focus-visible:!-outline-offset-2"
549                           href="https://www.degraafschap.nl/club"
550                           target=""
551                        >
552                                                            
553    <svg class="shrink-0 w-6 h-6 fill-white/50 text-white/50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 375.006 375.006">
554  <path d="M187.50301 0C84.07632 0 1e-7 83.946018 0 187.30228 1e-7 290.65854 84.07632 374.6027 187.50301 374.6027c103.42668 0 187.503-83.94416 187.503-187.30042C375.00601 83.946018 290.92969 0 187.50301 0Zm0 18.265837c93.62565 0 169.29084 75.59358 169.29084 169.036443 0 93.44286-75.66519 169.03459-169.29084 169.03459-93.625653 0-169.292692-75.59173-169.292692-169.03459 0-93.442863 75.667039-169.036443 169.292692-169.036443z" fill="currentColor"/>
555  <path fill="currentColor" d="M161.63198 304.37264h-.11405l1.20282-.0576c-.13403.0141-.74662.027-1.08877.0576m63.12533-86.15065c-20.34924 37.92364-50.44335 61.29817-63.23938 61.29817h-.38448l-.62669.0423c-1.11111.0705-4.71723-.15873-6.63964-1.94592-1.81658-1.70606-2.21517-5.12876-2.2234-7.77309 1.90242-10.07409 34.51976-34.48566 73.11359-51.62149m-105.31705-66.59385c0-17.17816 42.07767-40.86545 72.61505-40.86545 15.92243 0 52.98187 2.81482 52.98187 28.90188 0 25.99769-55.86723 36.52681-79.15593 36.52681-16.19756 0-46.44099-7.21812-46.44099-24.56324m-24.926561 0c0 35.9883 43.774331 49.41572 71.365201 49.41572 15.68845 0 48.22701-3.8789 72.80083-16.8948-.2281.7819-.51499 1.50618-.74191 2.28807-55.47218 18.72667-111.24535 56.77847-111.24535 83.20767 0 14.00944 5.70724 22.11174 10.48797 26.43039 9.41918 8.52558 21.14642 8.46679 24.45154 8.29866 26.92421-.11405 73.66268-39.51565 95.892-98.11422 13.50031-3.8648 26.89716-6.30807 39.25227-6.30807v-24.86542c-9.6755 0-20.26341 1.42035-31.20758 3.72253 2.72899-12.50443 4.4033-25.54385 4.4033-39.14175 0-33.66261-29.12527-53.760233-77.91783-53.760233-38.51506-.0024-97.540441 29.452133-97.540441 65.721453"/>
556</svg>
557
558                                                        Club
559                        </a>
560                                                    <button aria-label="Submenu openen/sluiten"
561                                    data-id="3429"
562                                    class="submenu-button absolute z-10 right-0 top-1 shrink-0 flex ml-auto items-center justify-center w-11 h-11 ring-0 transition-transform text-white
563                                        2xl:top-1/2 2xl:-translate-y-1/2 2xl:w-6 2xl:h-6 2xl:ml-auto">
564                                <svg class="w-2.5 h-2.5 fill-current 2xl:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"/></svg>
565                            </button>
566                                            </span>
567
568                                                                                                                                                                        <ul class="submenu submenu--mega relative bg-transparent pb-4
569                                    2xl:flex-col 2xl:absolute 2xl:z-10 2xl:top-full 2xl:left-0 2xl:pt-20 2xl:pb-20 2xl:max-h-[80vh] 2xl:!overflow-y-scroll 2xl:w-screen 2xl:hidden"
570                                data-id="3429">
571                                <li class="submenu__item">
572                                    <ul class="container-fluid
573                                        2xl:grid 2xl:grid-cols-4 2xl:gap-8 22xl:gap-x-16 2xl:px-8">
574                                                                                                                                                                                                                                                                    <li class="submenu__item relative group/megasubmenuitem">
575                                                <span class="relative flex items-center w-full pl-7 pr-11 2xl:px-0">
576                                                    <a class="relative flex items-center py-2.5 text-white font-normal font-heading text-[19px] transition-colors ring-0 hover:text-white/75
577                                                        max-2xl:group-hover/megasubmenuitem:text-white/75
578                                                        2xl:flex 2xl:mr-auto 2xl:py-1.5 2xl:whitespace-nowrap 2xl:border-b-2 2xl:border-white/30 2xl:uppercase"
579                                                       href="https://www.degraafschap.nl/club"
580                                                       target="">
581                                                        Club
582                                                    </a>
583                                                                                                            <button aria-label="Submenu openen/sluiten" class="absolute z-10 right-0 top-0 flex items-center justify-center w-11 h-11 ring-0 rotate-180 transition-transform 2xl:hidden subsubmenu-button" data-id="4697">
584                                                            <svg class="absolute top-4 left-4 w-2.5 h-2.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>
585                                                        </button>
586                                                                                                    </span>
587
588                                                                                                                                                                                                    <ul class="submenu relative bg-transparent pl-7 2xl:pl-0
589                                                        2xl:bg-transparent 2xl:mt-4  2xl:flex 2xl:flex-col "
590                                                        data-id="4697">
591                                                                                                                    <li class="relative group/megasusubbmenuitem">
592                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
593                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
594                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
595                                                                   href="/nieuws?page=1&amp;categories=6"
596                                                                   target="">
597                                                                    Nieuws
598                                                                </a>
599                                                            </li>
600                                                                                                                    <li class="relative group/megasusubbmenuitem">
601                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
602                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
603                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
604                                                                   href="https://www.degraafschap.nl/vacatures"
605                                                                   target="">
606                                                                    Werken bij
607                                                                </a>
608                                                            </li>
609                                                                                                                    <li class="relative group/megasusubbmenuitem">
610                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
611                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
612                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
613                                                                   href="https://www.degraafschap.nl/club/pers-media"
614                                                                   target="">
615                                                                    Pers
616                                                                </a>
617                                                            </li>
618                                                                                                                    <li class="relative group/megasusubbmenuitem">
619                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
620                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
621                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
622                                                                   href="https://www.degraafschap.nl/club/vereniging-betaald-voetbal-de-graafschap"
623                                                                   target="_blank">
624                                                                    Vereniging Betaald Voetbal De Graafschap
625                                                                </a>
626                                                            </li>
627                                                                                                                    <li class="relative group/megasusubbmenuitem">
628                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
629                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
630                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
631                                                                   href="https://www.degraafschap.nl/downloads"
632                                                                   target="">
633                                                                    Downloads
634                                                                </a>
635                                                            </li>
636                                                                                                                    <li class="relative group/megasusubbmenuitem">
637                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
638                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
639                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
640                                                                   href="https://www.degraafschap.nl/contact"
641                                                                   target="">
642                                                                    Contact
643                                                                </a>
644                                                            </li>
645                                                                                                            </ul>
646                                                                                            </li>
647                                                                                                                                                                                                                                                                    <li class="submenu__item relative group/megasubmenuitem">
648                                                <span class="relative flex items-center w-full pl-7 pr-11 2xl:px-0">
649                                                    <a class="relative flex items-center py-2.5 text-white font-normal font-heading text-[19px] transition-colors ring-0 hover:text-white/75
650                                                        max-2xl:group-hover/megasubmenuitem:text-white/75
651                                                        2xl:flex 2xl:mr-auto 2xl:py-1.5 2xl:whitespace-nowrap 2xl:border-b-2 2xl:border-white/30 2xl:uppercase"
652                                                       href="https://www.degraafschap.nl/club/de-graafschap-verbindt"
653                                                       target="">
654                                                        De Graafschap Verbindt
655                                                    </a>
656                                                                                                            <button aria-label="Submenu openen/sluiten" class="absolute z-10 right-0 top-0 flex items-center justify-center w-11 h-11 ring-0 rotate-180 transition-transform 2xl:hidden subsubmenu-button" data-id="4511">
657                                                            <svg class="absolute top-4 left-4 w-2.5 h-2.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>
658                                                        </button>
659                                                                                                    </span>
660
661                                                                                                                                                                                                    <ul class="submenu relative bg-transparent pl-7 2xl:pl-0
662                                                        2xl:bg-transparent 2xl:mt-4  2xl:flex 2xl:flex-col "
663                                                        data-id="4511">
664                                                                                                                    <li class="relative group/megasusubbmenuitem">
665                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
666                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
667                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
668                                                                   href="https://www.degraafschap.nl/club/de-graafschap-verbindt/over-de-stichting"
669                                                                   target="">
670                                                                    Over De Graafschap Verbindt
671                                                                </a>
672                                                            </li>
673                                                                                                                    <li class="relative group/megasusubbmenuitem">
674                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
675                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
676                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
677                                                                   href="https://www.degraafschap.nl/club/de-graafschap-verbindt/organisatie"
678                                                                   target="">
679                                                                    Organisatie
680                                                                </a>
681                                                            </li>
682                                                                                                                    <li class="relative group/megasusubbmenuitem">
683                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
684                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
685                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
686                                                                   href="https://www.degraafschap.nl/club/de-graafschap-verbindt/programmas"
687                                                                   target="">
688                                                                    Programma&#039;s
689                                                                </a>
690                                                            </li>
691                                                                                                                    <li class="relative group/megasusubbmenuitem">
692                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
693                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
694                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
695                                                                   href="https://www.degraafschap.nl/club/de-graafschap-verbindt/in-de-publiciteit"
696                                                                   target="">
697                                                                    In de publiciteit
698                                                                </a>
699                                                            </li>
700                                                                                                            </ul>
701                                                                                            </li>
702                                                                                                                                                                                                                                                                    <li class="submenu__item relative group/megasubmenuitem">
703                                                <span class="relative flex items-center w-full pl-7 pr-11 2xl:px-0">
704                                                    <a class="relative flex items-center py-2.5 text-white font-normal font-heading text-[19px] transition-colors ring-0 hover:text-white/75
705                                                        max-2xl:group-hover/megasubmenuitem:text-white/75
706                                                        2xl:flex 2xl:mr-auto 2xl:py-1.5 2xl:whitespace-nowrap 2xl:border-b-2 2xl:border-white/30 2xl:uppercase"
707                                                       href="https://www.degraafschap.nl/club/stadion"
708                                                       target="">
709                                                        Stadion
710                                                    </a>
711                                                                                                            <button aria-label="Submenu openen/sluiten" class="absolute z-10 right-0 top-0 flex items-center justify-center w-11 h-11 ring-0 rotate-180 transition-transform 2xl:hidden subsubmenu-button" data-id="3430">
712                                                            <svg class="absolute top-4 left-4 w-2.5 h-2.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>
713                                                        </button>
714                                                                                                    </span>
715
716                                                                                                                                                                                                    <ul class="submenu relative bg-transparent pl-7 2xl:pl-0
717                                                        2xl:bg-transparent 2xl:mt-4  2xl:flex 2xl:flex-col "
718                                                        data-id="3430">
719                                                                                                                    <li class="relative group/megasusubbmenuitem">
720                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
721                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
722                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
723                                                                   href="https://www.degraafschap.nl/club/stadion/trainingsaccomodatie"
724                                                                   target="">
725                                                                    Trainingsaccommodatie
726                                                                </a>
727                                                            </li>
728                                                                                                                    <li class="relative group/megasusubbmenuitem">
729                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
730                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
731                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
732                                                                   href="https://degraafschaphetmuseum.nl/"
733                                                                   target="_blank">
734                                                                    De Graafschap HET Museum
735                                                                </a>
736                                                            </li>
737                                                                                                                    <li class="relative group/megasusubbmenuitem">
738                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
739                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
740                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
741                                                                   href="https://www.degraafschap.nl/club/stadion/rondleiding"
742                                                                   target="">
743                                                                    Rondleiding
744                                                                </a>
745                                                            </li>
746                                                                                                                    <li class="relative group/megasusubbmenuitem">
747                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
748                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
749                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
750                                                                   href="https://www.degraafschap.nl/club/stadion/routebeschrijving"
751                                                                   target="">
752                                                                    Routebeschrijving
753                                                                </a>
754                                                            </li>
755                                                                                                                    <li class="relative group/megasusubbmenuitem">
756                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
757                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
758                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
759                                                                   href="https://www.degraafschap.nl/club/stadion/parkeer-en-reisinformatie"
760                                                                   target="">
761                                                                    Parkeer- en reisinformatie
762                                                                </a>
763                                                            </li>
764                                                                                                            </ul>
765                                                                                            </li>
766                                                                                                                                                                                                                                                                    <li class="submenu__item relative group/megasubmenuitem">
767                                                <span class="relative flex items-center w-full pl-7 pr-11 2xl:px-0">
768                                                    <a class="relative flex items-center py-2.5 text-white font-normal font-heading text-[19px] transition-colors ring-0 hover:text-white/75
769                                                        max-2xl:group-hover/megasubmenuitem:text-white/75
770                                                        2xl:flex 2xl:mr-auto 2xl:py-1.5 2xl:whitespace-nowrap 2xl:border-b-2 2xl:border-white/30 2xl:uppercase"
771                                                       href="https://degraafshop.nl/"
772                                                       target="_blank">
773                                                        Fanshop
774                                                    </a>
775                                                                                                            <button aria-label="Submenu openen/sluiten" class="absolute z-10 right-0 top-0 flex items-center justify-center w-11 h-11 ring-0 rotate-180 transition-transform 2xl:hidden subsubmenu-button" data-id="3440">
776                                                            <svg class="absolute top-4 left-4 w-2.5 h-2.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>
777                                                        </button>
778                                                                                                    </span>
779
780                                                                                                                                                                                                    <ul class="submenu relative bg-transparent pl-7 2xl:pl-0
781                                                        2xl:bg-transparent 2xl:mt-4  2xl:flex 2xl:flex-col "
782                                                        data-id="3440">
783                                                                                                                    <li class="relative group/megasusubbmenuitem">
784                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
785                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
786                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
787                                                                   href="https://degraafshop.nl/products/de-graafschap-sjaal-achterhoekse-trots"
788                                                                   target="_blank">
789                                                                    Sjaal Achterhoekse trots
790                                                                </a>
791                                                            </li>
792                                                                                                            </ul>
793                                                                                            </li>
794                                                                            </ul>
795                                </li>
796                            </ul>
797                                                            </li>
798                                            <li class="menu__item group/menuitem relative border-b-2 border-white/30 transition-colors 2xl:static                        2xl:border-none">
799                    <span class="relative flex items-center w-full 2xl:group-hover/menuitem:bg-primary-hover">
800                        <a class="relative flex items-center gap-1.5 py-3 text-white text-[19px] font-heading font-bold uppercase transition-colors ring-0
801                                max-2xl:group-hover/menuitem:text-white/75
802                                2xl:whitespace-nowrap 2xl:h-[100px] 2xl:2xl:pl-4  2xl:pr-6                                 focus-visible:!-outline-offset-2"
803                           href="https://www.degraafschap.nl/supporters"
804                           target=""
805                        >
806                                                            
807    <svg class="shrink-0 w-6 h-6 fill-white/50 text-white/50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M32 16C32 7.2 24.8 0 16 0S0 7.2 0 16L0 64 0 367l0 33 0 96c0 8.8 7.2 16 16 16s16-
8077.2 16-16l0-104 96.3-24.1c41.1-10.3 84.6-5.5 122.5 13.4c44.2 22.1 95.5 24.8 141.7 7.4l34.7-13c12.5-4.7 20.8-16.6 20.8-30l0-279.7c0-23-24.2-38-44.8-27.7l-9.6 4.8c-46.3 23.2-100.8 23.2-147.1 0c-35.1-17.6-75.4-22-113.5-12.5L32 56l0-40zm0 73L140.7 61.8c30.7-7.7 63.1-4.1 91.4 10c55.3 27.7 120.4 27.7 175.8 0l8.1-4.1 0 278-34.7 13c-37.9 14.2-80 12-116.2-6.1c-44.7-22.4-96-28-144.5-15.9L32 359 32 89z"/></svg>
808                                                        Supporters
809                        </a>
810                                                    <button aria-label="Submenu openen/sluiten"
811                                    data-id="3562"
812                                    class="submenu-button absolute z-10 right-0 top-1 shrink-0 flex ml-auto items-center justify-center w-11 h-11 ring-0 transition-transform text-white
813                                        2xl:top-1/2 2xl:-translate-y-1/2 2xl:w-6 2xl:h-6 2xl:ml-auto">
814                                <svg class="w-2.5 h-2.5 fill-current 2xl:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"/></svg>
815                            </button>
816                                            </span>
817
818                                                                                                                                                                        <ul class="submenu submenu--mega relative bg-transparent pb-4
819                                    2xl:flex-col 2xl:absolute 2xl:z-10 2xl:top-full 2xl:left-0 2xl:pt-20 2xl:pb-20 2xl:max-h-[80vh] 2xl:!overflow-y-scroll 2xl:w-screen 2xl:hidden"
820                                data-id="3562">
821                                <li class="submenu__item">
822                                    <ul class="container-fluid
823                                        2xl:grid 2xl:grid-cols-4 2xl:gap-8 22xl:gap-x-16 2xl:px-8">
824                                                                                                                                                                                                                                                                    <li class="submenu__item relative group/megasubmenuitem">
825                                                <span class="relative flex items-center w-full pl-7 pr-11 2xl:px-0">
826                                                    <a class="relative flex items-center py-2.5 text-white font-normal font-heading text-[19px] transition-colors ring-0 hover:text-white/75
827                                                        max-2xl:group-hover/megasubmenuitem:text-white/75
828                                                        2xl:flex 2xl:mr-auto 2xl:py-1.5 2xl:whitespace-nowrap 2xl:border-b-2 2xl:border-white/30 2xl:uppercase"
829                                                       href="https://www.degraafschap.nl/supporters"
830                                                       target="">
831                                                        Supporters
832                                                    </a>
833                                                                                                            <button aria-label="Submenu openen/sluiten" class="absolute z-10 right-0 top-0 flex items-center justify-center w-11 h-11 ring-0 rotate-180 transition-transform 2xl:hidden subsubmenu-button" data-id="7373">
834                                                            <svg class="absolute top-4 left-4 w-2.5 h-2.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>
835                                                        </button>
836                                                                                                    </span>
837
838                                                                                                                                                                                                    <ul class="submenu relative bg-transparent pl-7 2xl:pl-0
839                                                        2xl:bg-transparent 2xl:mt-4  2xl:flex 2xl:flex-col "
840                                                        data-id="7373">
841                                                                                                                    <li class="relative group/megasusubbmenuitem">
842                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
843                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
844                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
845                                                                   href="https://degraafschaphetmuseum.nl/"
846                                                                   target="_blank">
847                                                                    De Graafschap HET Museum
848                                                                </a>
849                                                            </li>
850                                                                                                                    <li class="relative group/megasusubbmenuitem">
851                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
852                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
853                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
854                                                                   href="https://anhangersraod.nl/"
855                                                                   target="_blank">
856                                                                    Anhangersraod
857                                                                </a>
858                                                            </li>
859                                                                                                                    <li class="relative group/megasusubbmenuitem">
860                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
861                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
862                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
863                                                                   href="https://www.superboeren.nl/"
864                                                                   target="_blank">
865                                                                    SV Superboeren
866                                                                </a>
867                                                            </li>
868                                                                                                                    <li class="relative group/megasusubbmenuitem">
869                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
870                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
871                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
872                                                                   href="https://www.brigata-tifosi.nl/"
873                                                                   target="_blank">
874                                                                    Brigata Tifosi
875                                                                </a>
876                                                            </li>
877                                                                                                                    <li class="relative group/megasusubbmenuitem">
878                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
879                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
880                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
881                                                                   href="https://www.degraafschap.nl/club/superboertjes"
882                                                                   target="">
883                                                                    Superboertjes
884                                                                </a>
885                                                            </li>
886                                                                                                            </ul>
887                                                                                            </li>
888                                                                                                                                                                                                                                                                    <li class="submenu__item relative group/megasubmenuitem">
889                                                <span class="relative flex items-center w-full pl-7 pr-11 2xl:px-0">
890                                                    <a class="relative flex items-center py-2.5 text-white font-normal font-heading text-[19px] transition-colors ring-0 hover:text-white/75
891                                                        max-2xl:group-hover/megasubmenuitem:text-white/75
892                                                        2xl:flex 2xl:mr-auto 2xl:py-1.5 2xl:whitespace-nowrap 2xl:border-b-2 2xl:border-white/30 2xl:uppercase"
893                                                       href="https://degraafshop.nl"
894                                                       target="_blank">
895                                                        Fanshop
896                                                    </a>
897                                                                                                            <button aria-label="Submenu openen/sluiten" class="absolute z-10 right-0 top-0 flex items-center justify-center w-11 h-11 ring-0 rotate-180 transition-transform 2xl:hidden subsubmenu-button" data-id="3288667">
898                                                            <svg class="absolute top-4 left-4 w-2.5 h-2.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>
899                                                        </button>
900                                                                                                    </span>
901
902                                                                                                                                                                                                    <ul class="submenu relative bg-transparent pl-7 2xl:pl-0
903                                                        2xl:bg-transparent 2xl:mt-4  2xl:flex 2xl:flex-col "
904                                                        data-id="3288667">
905                                                                                                                    <li class="relative group/megasusubbmenuitem">
906                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
907                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
908                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
909                                                                   href="https://degraafshop.nl/products/de-graafschap-sjaal-alles-voor-die-ene-g"
910                                                                   target="_blank">
911                                                                    Sjaal alles voor die ene G
912                                                                </a>
913                                                            </li>
914                                                                                                                    <li class="relative group/megasusubbmenuitem">
915                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
916                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
917                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
918                                                                   href="https://degraafshop.nl/products/de-graafschap-voetbal-supportersbal"
919                                                                   target="_blank">
920                                                                    De Graafschap bal
921                                                                </a>
922                                                            </li>
923                                                                                                                    <li class="relative group/megasusubbmenuitem">
924                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
925                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
926                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
927                                                                   href="https://degraafshop.nl/products/de-graafschap-supportersvlag"
928                                                                   target="_blank">
929                                                                    Supportersvlag
930                                                                </a>
931                                                            </li>
932                                                                                                            </ul>
933                                                                                            </li>
934                                                                                                                                                                                                                                                                    <li class="submenu__item relative group/megasubmenuitem">
935                                                <span class="relative flex items-center w-full pl-7 pr-11 2xl:px-0">
936                                                    <a class="relative flex items-center py-2.5 text-white font-normal font-heading text-[19px] transition-colors ring-0 hover:text-white/75
937                                                        max-2xl:group-hover/megasubmenuitem:text-white/75
938                                                        2xl:flex 2xl:mr-auto 2xl:py-1.5 2xl:whitespace-nowrap 2xl:border-b-2 2xl:border-white/30 2xl:uppercase"
939                                                       href="https://www.degraafschap.nl/club/superboertjes"
940                                                       target="">
941                                                        Superboertjes
942                                                    </a>
943                                                                                                            <button aria-label="Submenu openen/sluiten" class="absolute z-10 right-0 top-0 flex items-center justify-center w-11 h-11 ring-0 rotate-180 transition-transform 2xl:hidden subsubmenu-button" data-id="5429">
944                                                            <svg class="absolute top-4 left-4 w-2.5 h-2.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>
945                                                        </button>
946                                                                                                    </span>
947
948                                                                                                                                                                                                    <ul class="submenu relative bg-transparent pl-7 2xl:pl-0
949                                                        2xl:bg-transparent 2xl:mt-4  2xl:flex 2xl:flex-col "
950                                                        data-id="5429">
951                                                                                                                    <li class="relative group/megasusubbmenuitem">
952                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
953                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
954                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
955                                                                   href="https://www.degraafschap.nl/club/superboertjes/kalender-superboertjes-2024-2025"
956                                                                   target="">
957                                                                    Kalender Superboertjes 2025-2026
958                                                                </a>
959                                                            </li>
960                                                                                                                    <li class="relative group/megasusubbmenuitem">
961                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
962                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
963                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
964                                                                   href="https://www.degraafschap.nl/club/superboertjes/fotoalbum-kidsclub"
965                                                                   target="">
966                                                                    Fotoalbum Kidsclub
967                                                                </a>
968                                                            </li>
969                                                                                                                    <li class="relative group/megasusubbmenuitem">
970                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
971                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
972                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
973                                                                   href="https://www.degraafschap.nl/club/superboertjes/alles-voor-jouw-spreekbeurt"
974                                                                   target="">
975                                                                    Spreekbeurt
976                                                                </a>
977                                                            </li>
978                                                                                                                    <li class="relative group/megasusubbmenuitem">
979                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
980                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
981                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
982                                                                   href="https://www.degraafschap.nl/club/superboertjes/word-nu-lid"
983                                                                   target="">
984                                                                    Word nu lid
985                                                                </a>
986                                                            </li>
987                                                                                                                    <li class="relative group/megasusubbmenuitem">
988                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
989                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
990                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
991                                                                   href="https://www.degraafschap.nl/club/superboertjes/fomulier-lidmaatschap-superboertjes"
992                                                                   target="">
993                                                                    Algemene voorwaarden lidmaatschap
994                                                                </a>
995                                                            </li>
996                                                                                                            </ul>
997                                                                                            </li>
998                                                                            </ul>
999                                </li>
1000                            </ul>
1001                                                            </li>
1002                                            <li class="menu__item group/menuitem relative border-b-2 border-white/30 transition-colors 2xl:static                        2xl:border-none">
1003                    <span class="relative flex items-center w-full 2xl:group-hover/menuitem:bg-primary-hover">
1004                        <a class="relative flex items-center gap-1.5 py-3 text-white text-[19px] font-heading font-bold uppercase transition-colors ring-0
1005                                max-2xl:group-hover/menuitem:text-white/75
1006                                2xl:whitespace-nowrap 2xl:h-[100px] 2xl:2xl:pl-4  2xl:pr-6                                 focus-visible:!-outline-offset-2"
1007                           href="https://www.degraafschap.nl/zakelijk"
1008                           target=""
1009                        >
1010                                                            
1011    <svg class="shrink-0 w-6 h-6 fill-white/50 text-white/50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M160 48l0 48 192 0 0-48c0-8.8-7.2-16-16-16L176 32c-8.8 0-16 7.2-16 16zM128 96l0-48c0-26.5 21.5-48 48-48L336 0c26.5 0 48 21.5 48 48l0 48 64 0c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 160c0-35.3 28.7-64 64-64l64 0zm240 32l-224 0-80 0c-17.7 0-32 14.3-32 32l0 256c0 17.7 14.3 32 32 32l384 0c17.7 0 32-14.3 32-32l0-256c0-17.7-14.3-32-32-32l-80 0z"/></svg>
1012                                                        Zakelijk
1013                        </a>
1014                                                    <button aria-label="Submenu openen/sluiten"
1015                                    data-id="322099"
1016                                    class="submenu-button absolute z-10 right-0 top-1 shrink-0 flex ml-auto items-center justify-center w-11 h-11 ring-0 transition-transform text-white
1017                                        2xl:top-1/2 2xl:-translate-y-1/2 2xl:w-6 2xl:h-6 2xl:ml-auto">
1018                                <svg class="w-2.5 h-2.5 fill-current 2xl:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"/></svg>
1019                            </button>
1020                                            </span>
1021
1022                                                                                                                                                                        <ul class="submenu submenu--mega relative bg-transparent pb-4
1023                                    2xl:flex-col 2xl:absolute 2xl:z-10 2xl:top-full 2xl:left-0 2xl:pt-20 2xl:pb-20 2xl:max-h-[80vh] 2xl:!overflow-y-scroll 2xl:w-screen 2xl:hidden"
1024                                data-id="322099">
1025                                <li class="submenu__item">
1026                                    <ul class="container-fluid
1027                                        2xl:grid 2xl:grid-cols-4 2xl:gap-8 22xl:gap-x-16 2xl:px-8">
1028                                                                                                                                                                                                                                                                    <li class="submenu__item relative group/megasubmenuitem">
1029                                                <span class="relative flex items-center w-full pl-7 pr-11 2xl:px-0">
1030                                                    <a class="relative flex items-center py-2.5 text-white font-normal font-heading text-[19px] transition-colors ring-0 hover:text-white/75
1031                                                        max-2xl:group-hover/megasubmenuitem:text-white/75
1032                                                        2xl:flex 2xl:mr-auto 2xl:py-1.5 2xl:whitespace-nowrap 2xl:border-b-2 2xl:border-white/30 2xl:uppercase"
1033                                                       href="https://www.degraafschap.nl/zakelijk/business-club"
1034                                                       target="">
1035                                                        Business club
1036                                                    </a>
1037                                                                                                            <button aria-label="Submenu openen/sluiten" class="absolute z-10 right-0 top-0 flex items-center justify-center w-11 h-11 ring-0 rotate-180 transition-transform 2xl:hidden subsubmenu-button" data-id="4310">
1038                                                            <svg class="absolute top-4 left-4 w-2.5 h-2.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>
1039                                                        </button>
1040                                                                                                    </span>
1041
1042                                                                                                                                                                                                    <ul class="submenu relative bg-transparent pl-7 2xl:pl-0
1043                                                        2xl:bg-transparent 2xl:mt-4  2xl:flex 2xl:flex-col "
1044                                                        data-id="4310">
1045                                                                                                                    <li class="relative group/megasusubbmenuitem">
1046                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
1047                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
1048                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
1049                                                                   href="https://www.degraafschap.nl/zakelijk/business-club/de-heerenboeren"
1050                                                                   target="">
1051                                                                    De Heerenboeren
1052                                                                </a>
1053                                                            </li>
1054                                                                                                                    <li class="relative group/megasusubbmenuitem">
1055                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
1056                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
1057                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
1058                                                                   href="https://www.degraafschap.nl/organisatie?categories=4306"
1059                                                                   target="">
1060                                                                    Bestuur Business Club
1061                                                                </a>
1062                                                            </li>
1063                                                                                                                    <li class="relative group/megasusubbmenuitem">
1064                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
1065                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
1066                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
1067                                                                   href="/nieuws?page=1&amp;categories=106"
1068                                                                   target="">
1069                                                                    Nieuws
1070                                                                </a>
1071                                                            </li>
1072                                                                                                                    <li class="relative group/megasusubbmenuitem">
1073                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
1074                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
1075                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
1076                                                                   href="https://www.degraafschap.nl/partners"
1077                                                                   target="">
1078                                                                    Partners
1079                                                                </a>
1080                                                            </li>
1081                                                                                                                    <li class="relative group/megasusubbmenuitem">
1082                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
1083                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
1084                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
1085                                                                   href="https://www.degraafschap.nl/zakelijk/business-club/neem-contact-met-ons-op"
1086                                                                   target="">
1087                                                                    Neem contact met ons op!
1088                                                                </a>
1089                                                            </li>
1090                                                                                                            </ul>
1091                                                                                            </li>
1092                                                                                                                                                                                                                                                                    <li class="submenu__item relative group/megasubmenuitem">
1093                                                <span class="relative flex items-center w-full pl-7 pr-11 2xl:px-0">
1094                                                    <a class="relative flex items-center py-2.5 text-white font-normal font-heading text-[19px] transition-colors ring-0 hover:text-white/75
1095                                                        max-2xl:group-hover/megasubmenuitem:text-white/75
1096                                                        2xl:flex 2xl:mr-auto 2xl:py-1.5 2xl:whitespace-nowrap 2xl:border-b-2 2xl:border-white/30 2xl:uppercase"
1097                                                       href="https://www.degraafschap.nl/zakelijk/horeca"
1098                                                       target="">
1099                                                        Horeca
1100                                                    </a>
1101                                                                                                            <button aria-label="Submenu openen/sluiten" class="absolute z-10 right-0 top-0 flex items-center justify-center w-11 h-11 ring-0 rotate-180 transition-transform 2xl:hidden subsubmenu-button" data-id="4309">
1102                                                            <svg class="absolute top-4 left-4 w-2.5 h-2.5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>
1103                                                        </button>
1104                                                                                                    </span>
1105
1106                                                                                                                                                                                                    <ul class="submenu relative bg-transparent pl-7 2xl:pl-0
1107                                                        2xl:bg-transparent 2xl:mt-4  2xl:flex 2xl:flex-col "
1108                                                        data-id="4309">
1109                                                                                                                    <li class="relative group/megasusubbmenuitem">
1110                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
1111                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
1112                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
1113                                                                   href="https://www.degraafschap.nl/zakelijk/horeca/de-graafschap-als-eventmanager"
1114                                                                   target="">
1115                                                                    De Graafschap als eventmanager
1116                                                                </a>
1117                                                            </li>
1118                                                                                                                    <li class="relative group/megasusubbmenuitem">
1119                                                                <a class="relative flex items-center py-2.5 text-white text-base font-normal transition-colors ring-0 hover:text-white/75
1120                                                                    max-2xl:group-hover/megasusubbmenuitem:text-white/75
1121                                                                    2xl:inline-flex 2xl:mr-auto 2xl:py-1"
1122                                                                   href="https://www.degraafschap.nl/zakelijk/horeca/onze-horeca-locaties"
1123                                                                   target="">
1124                                                                    Onze horecalocaties
1125                                                                </a>
1126                                                            </li>
1127                                                                                                            </ul>
1128                                                                                            </li>
1129                                                                            </ul>
1130                                </li>
1131                            </ul>
1132                                                            </li>
1133                    </ul>
1134
1135                    <a href="https://degraafshop.nl/" target="_blank" class="button button--w
1135hite mt-16 mx-auto self-center 2xl:hidden">
1136                <svg class="shrink-0 w-auto h-4 fill-primary" width="39" height="30" viewBox="0 0 39 30" fill="none" xmlns="http://www.w3.org/2000/svg">
1137<path d="M38.4081 9.25781C38.5282 10.0195 38.2879 10.7227 37.6273 11.3086L34.6244 14.9414C33.6634 16.1133 31.8617 16.2891 30.6004 15.3516L28.6786 13.8867V26.25C28.6786 28.3594 26.9969 30 24.8949 30H12.4627C10.3607 30 9.63999 28.3594 9.63999 26.25V13.8867L7.65805 15.3516C6.45688 16.2891 4.65512 16.1133 3.63413 14.9414L0.631196 11.3086C0.150727 10.7227 -0.0895072 10.0195 0.0306099 9.25781C0.0906685 8.49609 0.511079 7.85156 1.11166 7.38281L9.21957 1.11328C10.1205 0.410156 11.3216 0 12.5228 0H25.9159C27.117 0 28.3182 0.410156 29.2191 1.11328L37.327 7.38281C37.9276 7.85156 38.348 8.49609 38.4081 9.25781ZM22.9129 1.875H15.5257C15.9461 3.51562 17.4476 4.6875 19.2494 4.6875C20.9911 4.6875 22.4925 3.51562 22.9129 1.875ZM36.306 10.1367C36.4862 9.96094 36.5462 9.72656 36.4862 9.49219C36.4862 9.25781 36.3661 9.02344 36.1859 8.84766L28.078 2.63672C27.4774 2.16797 26.6966 1.875 25.9159 1.875H24.8949C24.4144 4.57031 22.0721 6.5625 19.2494 6.5625C16.3665 6.5625 14.0243 4.57031 13.5438 1.875H12.5228C11.742 1.875 10.9613 2.16797 10.3607 2.63672L2.25278 8.84766C2.0726 9.02344 1.95248 9.19922 1.95248 9.49219C1.89243 9.72656 1.95248 9.96094 2.13266 10.1367L5.13559 13.7695C5.43588 14.1211 6.09653 14.1797 6.51694 13.8867L11.5619 10.0195V26.25C11.5619 27.3047 11.4417 28.125 12.5228 28.125H25.015C26.036 28.125 26.9369 27.3047 26.9369 26.25V10.0195L31.9818 13.8867C32.3421 14.1797 33.0028 14.1211 33.3031 13.7695L36.306 10.1367Z" fill="currentColor"/>
1138<rect x="10.25" y="10" width="18.45" height="4" fill="currentColor"/>
1139<path d="M6.15039 4H16.4004L19.4754 6V8H6.15039V4Z" fill="currentColor"/>
1140<path d="M22.5496 4H32.7996V8H19.4746V6L22.5496 4Z" fill="currentColor"/>
1141<rect width="7.93049" height="4.06508" transform="matrix(0.602756 0.797926 -0.811918 0.583772 7.39844 4)" fill="currentColor"/>
1142<rect width="7.93189" height="4.06438" transform="matrix(-0.608697 0.793403 -0.807599 -0.589733 34.7617 6.39697)" fill="currentColor"/>
1143<rect x="10.25" y="16" width="18.45" height="4" fill="currentColor"/>
1144<rect x="10.25" y="22" width="18.45" height="4" fill="currentColor"/>
1145</svg>
1146
1147                Naar de shop
1148            </a>
1149                
1150        <div class="flex items-center justify-center gap-14 my-8 sm:gap-28 2xl:hidden">
1151            <a href="https://www.degraafschap.nl//zoeken?q="
1152               class="inline-flex items-center gap-1 py-2 px-5 font-heading uppercase text-[19px] text-white transition-colors ring-0 hover:text-white/75">
1153                <svg class="shrink-0 w-auto h-4 fill-current text-white/50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z"/></svg>
1154                Zoeken
1155            </a>
1156
1157                            <a href="https://apps.apple.com/sa/app/de-graafschap-offici%C3%ABle-app/id6456039684"
1158                   target="_blank"
1159                   class="inline-flex items-center gap-1 py-2 px-5 font-heading uppercase text-[19px] text-white transition-colors ring-0 hover:text-white/75">
1160                    <svg class="shrink-0 w-auto h-4 fill-white/50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M80 48c-8.8 0-16 7.2-16 16l0 384c0 8.8 7.2 16 16 16l224 0c8.8 0 16-7.2 16-16l0-384c0-8.8-7.2-16-16-16L80 48zM16 64C16 28.7 44.7 0 80 0L304 0c35.3 0 64 28.7 64 64l0 384c0 35.3-28.7 64-64 64L80 512c-35.3 0-64-28.7-64-64L16 64zM192 392a24 24 0 1 1 0 48 24 24 0 1 1 0-48z"/></svg>
1161                    App
1162                </a>
1163                    </div>
1164    </nav>
1165            <!-- brand -->
1166<a title="De Graafschap"
1167   href="https://www.degraafschap.nl/"
1168   class="header__logo group absolute z-50 bottom-0 left-1/2 -translate-x-1/2 flex items-center h-[82px] rounded-full ring-0 transition-transform xl:h-[120px]"
1169>
1170    <img src="https://www.degraafschap.nl/dist/images/logo-de-graafschap.svg"
1171         alt="BIG FAT Internet"
1172         class="h-full max-h-full w-auto mr-1 transition-transform group-hover:scale-105"
1173    />
1174</a>
1175            <div class="flex items-center gap-4 ml-auto lg:mr-4 2xl:mr-0">
1176                                    <a href="https://apps.apple.com/sa/app/de-graafschap-offici%C3%ABle-app/id6456039684"
1177                       target="_blank"
1178                       class="hidden items-center gap-1 py-2 px-5 font-heading uppercase text-[19px] text-white transition-colors ring-0 hover:text-white/75 2xl:inline-flex focus-visible:rounded-full">
1179                        <svg class="shrink-0 w-auto h-4 fill-white/50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M80 48c-8.8 0-16 7.2-16 16l0 384c0 8.8 7.2 16 16 16l224 0c8.8 0 16-7.2 16-16l0-384c0-8.8-7.2-16-16-16L80 48zM16 64C16 28.7 44.7 0 80 0L304 0c35.3 0 64 28.7 64 64l0 384c0 35.3-28.7 64-64 64L80 512c-35.3 0-64-28.7-64-64L16 64zM192 392a24 24 0 1 1 0 48 24 24 0 1 1 0-48z"/></svg>
1180                        App
1181                    </a>
1182                
1183                        <div class="vue-live-search-container w-full relative my-0 -ml-4">
1184        <live-search search='/zoeken' q=""></live-search>
1185    </div>
1186
1187                <!-- Template: _includes/components/header/menu-tickets.twig -->
1188
1189    <nav class="js-tickets-menu relative z-50">
1190        <ul class="menu menu--tickets">
1191                                            <li class="menu__item js-tickets-menu-item relative">
1192                    <span class="relative">
1193                                                    <button class="button button--white group bg-white text-primary-dark hover:text-primary-dark hover:bg-primary-100 focus-visible:rounded-full"
1194                                    type="button"
1195                                    aria-haspopup="true" aria-expanded="false"                            >
1196                                <svg class="hidden shrink-0 w-auto h-4 fill-primary sm:inline-flex group-hover:fill-primary-dark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M64 64C28.7 64 0 92.7 0 128l0 60.1c0 10.2 6.4 19.2 16 22.6c18.7 6.6 32 24.4 32 45.3s-13.3 38.7-32 45.3c-9.6 3.4-16 12.5-16 22.6L0 384c0 35.3 28.7 64 64 64l448 0c35.3 0 64-28.7 64-64l0-60.1c0-10.2-6.4-19.2-16-22.6c-18.7-6.6-32-24.4-32-45.3s13.3-38.7 32-45.3c9.6-3.4 16-12.5 16-22.6l0-60.1c0-35.3-28.7-64-64-64L64 64zM48 128c0-8.8 7.2-16 16-16l448 0c8.8 0 16 7.2 16 16l0 44.9c-28.7 16.6-48 47.6-48 83.1s19.3 66.6 48 83.1l0 44.9c0 8.8-7.2 16-16 16L64 400c-8.8 0-16-7.2-16-16l0-44.9c28.7-16.6 48-47.6 48-83.1s-19.3-66.6-48-83.1L48 128zM400 304l-224 0 0-96 224 0 0 96zM128 192l0 128c0 17.7 14.3 32 32 32l256 0c17.7 0 32-14.3 32-32l0-128c0-17.7-14.3-32-32-32l-256 0c-17.7 0-32 14.3-32 32z"/></svg>
1197                                Tickets
1198                            </button>
1199                                            </span>
1200
1201                                                <ul class="absolute top-full right-0 lg:right-auto lg:left-0 pt-1.5 min-w-full hidden js-tickets-submenu"
1202                                aria-hidden="true"
1203                                data-id="3205425">
1204                                <li>
1205                                    <ul class="bg-white rounded-[10px] lg:rounded-[20px] overflow-hidden shadow lg:shadow-lg"
1206                                        data-id="3205425">
1207                                                                                                                                <li class="submenu__item relative group/submenuitem first:pt-2 last:pb-2 bg-white">
1208                                                <a class="flex items-start gap-2 pl-4 pr-6 py-1.5 whitespace-nowrap text-primary-dark transition-colors font-medium hover:text-primary"
1209                                                   href="https://kaartverkoop.degraafschap.nl/dashboard"
1210                                                   target="_blank">
1211                                                    <svg class="w-2.5 h-2.5 fill-current mt-1.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>
1212                                                    <span class="2xl:group-hover/submenuitem:translate-x-1 transition-transform">
1213                                                        Tickets mannen
1214                                                    </span>
1215                                                </a>
1216                                            </li>
1217                                                                                                                                <li class="submenu__item relative group/submenuitem first:pt-2 last:pb-2 bg-white">
1218                                                <a class="flex items-start gap-2 pl-4 pr-6 py-1.5 whitespace-nowrap text-primary-dark transition-colors font-medium hover:text-primary"
1219                                                   href="https://reserveren.degraafschap.nl/Shop/Overview/BB0677194AE25DAC3F5A48AFD68C33E0"
1220                                                   target="_blank">
1221                                                    <svg class="w-2.5 h-2.5 fill-current mt-1.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>
1222                                                    <span class="2xl:group-hover/submenuitem:translate-x-1 transition-transform">
1223                                                        Tickets vrouwen
1224                                                    </span>
1225                                                </a>
1226                                            </li>
1227                                                                            </ul>
1228                                </li>
1229                            </ul>
1230                                    </li>
1231                    </ul>
1232    </nav>
1233                
1234                                    <a href="https://degraafshop.nl/" target="_blank" class="button button--white hidden 2xl:inline-flex">
1235                        <svg class="shrink-0 w-auto h-4 fill-primary" width="39" height="30" viewBox="0 0 39 30" fill="none" xmlns="http://www.w3.org/2000/svg">
1236<path d="M38.4081 9.25781C38.5282 10.0195 38.2879 10.7227 37.6273 11.3086L34.6244 14.9414C33.6634 16.1133 31.8617 16.2891 30.6004 15.3516L28.6786 13.8867V26.25C28.6786 28.3594 26.9969 30 24.8949 30H12.4627C10.3607 30 9.63999 28.3594 9.63999 26.25V13.8867L7.65805 15.3516C6.45688 16.2891 4.65512 16.1133 3.63413 14.9414L0.631196 11.3086C0.150727 10.7227 -0.0895072 10.0195 0.0306099 9.25781C0.0906685 8.49609 0.511079 7.85156 1.11166 7.38281L9.21957 1.11328C10.1205 0.410156 11.3216 0 12.5228 0H25.9159C27.117 0 28.3182 0.410156 29.2191 1.11328L37.327 7.38281C37.9276 7.85156 38.348 8.49609 38.4081 9.25781ZM22.9129 1.875H15.5257C15.9461 3.51562 17.4476 4.6875 19.2494 4.6875C20.9911 4.6875 22.4925 3.51562 22.9129 1.875ZM36.306 10.1367C36.4862 9.96094 36.5462 9.72656 36.4862 9.49219C36.4862 9.25781 36.3661 9.02344 36.1859 8.84766L28.078 2.63672C27.4774 2.16797 26.6966 1.875 25.9159 1.875H24.8949C24.4144 4.57031 22.0721 6.5625 19.2494 6.5625C16.3665 6.5625 14.0243 4.57031 13.5438 1.875H12.5228C11.742 1.875 10.9613 2.16797 10.3607 2.63672L2.25278 8.84766C2.0726 9.02344 1.95248 9.19922 1.95248 9.49219C1.89243 9.72656 1.95248 9.96094 2.13266 10.1367L5.13559 13.7695C5.43588 14.1211 6.09653 14.1797 6.51694 13.8867L11.5619 10.0195V26.25C11.5619 27.3047 11.4417 28.125 12.5228 28.125H25.015C26.036 28.125 26.9369 27.3047 26.9369 26.25V10.0195L31.9818 13.8867C32.3421 14.1797 33.0028 14.1211 33.3031 13.7695L36.306 10.1367Z" fill="currentColor"/>
1237<rect x="10.25" y="10" width="18.45" height="4" fill="currentColor"/>
1238<path d="M6.15039 4H16.4004L19.4754 6V8H6.15039V4Z" fill="currentColor"/>
1239<path d="M22.5496 4H32.7996V8H19.4746V6L22.5496 4Z" fill="currentColor"/>
1240<rect width="7.93049" height="4.06508" transform="matrix(0.602756 0.797926 -0.811918 0.583772 7.39844 4)" fill="currentColor"/>
1241<rect width="7.93189" height="4.06438" transform="matrix(-0.608697 0.793403 -0.807599 -0.589733 34.7617 6.39697)" fill="currentColor"/>
1242<rect x="10.25" y="16" width="18.45" height="4" fill="currentColor"/>
1243<rect x="10.25" y="22" width="18.45" height="4" fill="currentColor"/>
1244</svg>
1245
1246                        Shop
1247                    </a>
1248                            </div>
1249        </div>
1250    </div>
1251    </header>
1252
1253            <div class="main  mt-[70px] 2xl:mt-[100px] ">
1254                    <!-- Site/Banner -->
1255            <!-- Template: _includes/components/banner.twig -->
1256
1257    
1258                    <div>
1259                        <!-- Site/Main -->
1260    <main class="flex-grow">
1261        <div id="notifications" x-data="notifications()" class="fixed left-1/2 transform -translate-x-1/2 top-0 z-40">
1262  <template
1263      x-on:notification.window="show($event.detail)"
1264  ></template>
1265  <template x-if="visible">
1266    <div x-spread="effects"
1267         class="w-full flex justify-center pt-8">
1268      <div
1269          role="alert"
1270          class="notification rounded text-white shadow-lg px-4 py-2"
1271          :class="{ 'bg-red-600': type == 'error', 'bg-blue-500': type == 'notice' }"
1272          x-text="message">
1273      </div>
1274    </div>
1275  </template>
1276</div>
1277
1278            <!-- Template: _views/homepage/index.twig.twig -->
1279            
1280
1281                                    
1282    <!-- Template: _includes/components/banners/homepage-banner.twig -->
1283    <section class="bg-primary-light/20  -mb-36 md:-mb-28 lg:mb-0 " data-animation-section>
1284        <div class="main-banner relative bg-gradient-to-b from-primary to-primary-800"
1285                 data-animation-reveal
1286                 data-animation-reveal-type="fade">
1287            <div class="relative overflow-hidden w-full h-[400px] md:h-[560px] lg:h-[700px]"
1288                 >
1289                
1290
1291
1292    <img class="object-cover object-center w-full h-full" src="https://www.degraafschap.nl/assets/news/_1920x700_crop_center-center_none/3311179/DSC02799.webp" srcset="https://www.degraafschap.nl/assets/news/_640x234_crop_center-center_none/3311179/DSC02799.webp 640w, https://www.degraafschap.nl/assets/news/_768x280_crop_center-center_none/3311179/DSC02799.webp 768w, https://www.degraafschap.nl/assets/news/_1024x374_crop_center-center_none/3311179/DSC02799.webp 1024w, https://www.degraafschap.nl/assets/news/_1280x467_crop_center-center_none/3311179/DSC02799.webp 1280w, https://www.degraafschap.nl/assets/news/_1536x560_crop_center-center_none/3311179/DSC02799.webp 1536w, https://www.degraafschap.nl/assets/news/_1920x700_crop_center-center_none/3311179/DSC02799.webp 1920w" width="1920" height="700" alt="DSC02799" sizes="(max-width: 640px) 640px, (max-width: 768px) 768px, (max-width: 1024px) 1024px, (max-width: 1280px) 1280px, (max-width: 1536px) 1536px, (max-width: 1920px) 1920px, 1920px">
1293            </div>
1294                            <div class="main-banner__backdrop z-10 bg-gradient-to-t h-3/4 lg:h-1/2 from-[#00172B] to-primary-dark/0 absolute w-full bottom-0"
1295                     data-animation-reveal
1296                     data-animation-reveal-type="fade"></div>
1297                <div class="banner-main__content absolute z-20 inset-0 flex flex-col items-center justify-center text-white pointer-events-none"
1298                     data-animation-reveal
1299                     data-animation-reveal-type="translate"
1300                     data-animation-reveal-from="bottom">
1301                    <div class="container-fluid mx-auto absolute left-1/2 -translate-x-1/2 bottom-20 w-full pointer-events-auto md:bottom-12 lg:bottom-20">
1302                        <div class="max-w-[543px] flex flex-col gap-y-4">
1303                                                            <div class="main-banner__title">
1304                                    
1305    <h1 class="heading-default block uppercase font-heading text-left mb-0 text-3xl text-white md:text-4xl lg:text-5xl">
1306        De Graafschap knokt zich tegen FC Den Bosch naar eerste thuiszege van het seizoen: 1-0
1307    </h1>
1308                                </div>
1309                                                                                        <a href="https://www.degraafschap.nl/nieuws/de-graafschap-knokt-zich-naar-eerste-thuiszege-van-het-seizoen-1-0" class="inline-flex self-start text-primary-light flex gap-x-2 items-center ring-0 hover:underline">
1310                                    <svg class="w-4 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M299.3 475.8c.1-.8 .2-1.7 .4-2.6l21.7-85.8c1.5-5.9 1.4-12.4-2.2-17.3l-3.9-5.3c-6.6-9.1-18.5-12.2-29.7-12.2l-59.2 0c-11.3 0-23.1 3.1-29.8 12.2l-3.9 5.3c-3.6 4.9-3.7 11.4-2.2 17.3l21.7 85.8c.2 .9 .4 1.7 .4 2.6c14 2.7 28.5 4.2 43.3 4.2s29.3-1.4 43.3-4.2zm35.3-10c38.3-14.3 71.6-38.9 96.6-70.2l-72.5-4.8c-1.4-.1-2.8 .3-4 1.2s-2 2.1-2.3 3.4l-17.8 70.5zM451.7 365.1c13.9-24.9 23.2-52.7 26.7-82.3c-.8-.3-1.5-.7-2.3-1.2l-74.9-47.1c-5.1-3.2-11.3-5.1-17.1-3.3l-6.3 2c-10.7 3.5-17.3 13.8-20.8 24.5L338.8 314c-3.5 10.7-4.2 22.9 2.4 32l3.9 5.3c3.6 4.9 9.7 7 15.8 7.4l88.3 5.9c.9 .1 1.7 .2 2.6 .4zm28.1-119c-1.8-41.9-15.1-80.7-36.9-113.6l-27 67.5c-.5 1.3-.6 2.7-.2 4.1c0 0 0 .1 0 .1s0 .1 0 .1c.4 1.3 1.3 2.4 2.5 3.2l
131061.5 38.7zM420.2 103.6c-19.7-21.2-43.4-38.6-70-50.9c-.6 .6-1.2 1.3-1.9 1.8l-68 56.6c-4.7 3.9-8.4 9.2-8.4 15.3l0 6.6c0 11.2 7.8 20.7 16.9 27.3l47.9 34.8c9.1 6.6 20.5 11.1 31.2 7.6l6.3-2c5.8-1.9 9.7-7.1 11.9-12.7l32.9-82.1c.3-.8 .7-1.6 1.1-2.3zM315.7 40.1c-19-5.3-39.1-8.1-59.7-8.1s-40.7 2.8-59.7 8.1l55.8 46.5c1.1 .9 2.5 1.4 3.9 1.4s2.8-.5 3.9-1.4l55.8-46.5zm-154 12.7c-26.6 12.3-50.3 29.7-70 50.9c.4 .7 .8 1.5 1.1 2.3l32.9 82.1c2.3 5.6 6.2 10.8 11.9 12.7l6.3 2c10.7 3.5 22.1-1 31.2-7.6l47.9-34.8c9.1-6.6 16.9-16.1 16.9-27.3l0-6.6c0-6.1-3.7-11.4-8.4-15.3l-68-56.6c-.7-.6-1.3-1.2-1.9-1.8zM69.1 132.5C47.4 165.3 34 204.2 32.2 246.1l61.5-38.7c1.2-.7 2.1-1.9 2.5-3.2c0 0 0-.1 0-.1s0-.1 0-.1c.4-1.3 .4-2.8-.2-4.1l-27-67.4zM33.6 282.8c3.5 29.6 12.8 57.4 26.7 82.3c.8-.2 1.7-.3 2.6-.4l88.3-5.9c6.1-.4 12.2-2.5 15.8-7.4l3.9-5.3c6.6-9.1 5.9-21.3 2.4-32l-18.3-56.3c-3.5-10.7-10.1-21.1-20.8-24.5l-6.3-2c-5.8-1.9-12 0-17.1 3.3L35.9 281.6c-.7 .5-1.5 .9-2.3 1.2zM80.8 395.6c25 31.4 58.3 55.9 96.6 70.2l-17.8-70.5c-.3-1.4-1.2-2.6-2.3-3.4s-2.6-1.2-4-1.2l-72.5 4.8zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm241.9-69.7L194 221c-8.4 6.1-11.9 16.9-8.7 26.8l18.3 56.3c3.2 9.9 12.4 16.6 22.8 16.6l59.2 0c10.4 0 19.6-6.7 22.8-16.6l18.3-56.3c3.2-9.9-.3-20.7-8.7-26.8l-47.9-34.8c-8.4-6.1-19.8-6.1-28.2 0z"/></svg>
1311                                    <span class="font-heading text-body-size-lg/none uppercase">Wedstrijdverslag</span>
1312                                </a>
1313                                                    </div>
1314                    </div>
1315                </div>
1316                                        
1317
1318<div class="container-fluid absolute z-20 left-1/2 -translate-x-1/2 translate-y-1/2 bottom-0  max-lg:hidden ">
1319    <div class="rounded-full mx-auto bg-white shadow-[0px_0px_10px_0px_var(--tw-sha
1319dow-color)] shadow-black/25 w-max max-w-full h-32 flex items-center justify-between gap-x-2.5 px-7 py-5"
1320         data-animation-reveal
1321         data-animation-reveal-type="translate"
1322         data-animation-reveal-from="bottom">
1323        <img src="https://cdn.sportmonks.com/images/soccer/teams/0/320.png" alt="FC Eindhoven" class="max-w-16 lg:max-w-[94px]"/>
1324        <div class="flex flex-col text-center">
1325                            <span class="font-bold text-primary-dark text-sm/none mb-2.5">Volgende wedstrijd</span>
1326                                                    <span class="font-heading text-primary uppercase text-20-size/none">3 oktober</span>
1327                <span class="text-primary-dark text-sm font-bold">20:00 uur</span>
1328                    </div>
1329        <img src="https://cdn.sportmonks.com/images/soccer/teams/17/1073.png" alt="De Graafschap" class="max-w-16 lg:max-w-[94px]"/>
1330    </div>
1331</div>
1332
1333                    </div>
1334    </section>
1335    
1336    <div id="skip-to-content-anchor">
1337        
1338
1339
1340    <section class="relative z-10 overflow-hidden pointer-events-none">
1341        
1342        <div class="container-fluid pb-12 lg:pb-24 pt-16 mt-6 lg:mt-10">
1343            <div class="grid grid-cols-1 pointer-events-auto lg:grid-cols-3 lg:gap-x-8 xl:grid-cols-4">
1344                <div class="max-lg:order-2 lg:col-span-2 xl:col-span-3" data-animation-section>
1345                    <div class="swiper-container overflow-visible relative" data-slider='{"loop":false,"slidesPerView":1.25,"navigation":{"prevEl":".news-slider-swiper-button-prev","nextEl":".news-slider-swiper-button-next"},"spaceBetween":28,"simulateTouch":true,"breakpoints":{"0":{"allowTouchMove":true},"768":{"slidesPerView":2.25},"1024":{"allowTouchMove":false}}}'>
1346                        <div class="swiper-wrapper max-lg:order-2 lg:grid lg:grid-cols-2 lg:gap-x-8 lg:gap-y-10 xl:grid-cols-3 lg:!transform-none">
1347                                                            <div class="swiper-slide lg:!w-full">
1348                                        <a href="/nieuws/de-graafschap-vrouwen-verliest-in-eindhoven-van-psv-4-0"
1349       class="group relative flex flex-col overflow-hidden ring-0"
1350       data-animation-reveal
1351       data-animation-reveal-type="translate"
1352       data-animation-reveal-from="bottom">
1353                    
1354
1355
1356    <img class="relative -z-10 aspect-[9/10] h-full w-full object-cover transition-transform group-hover:scale-110 duration-300" src="https://www.degraafschap.nl/assets/news/_640x480_fit_center-center_none/3311096/2026-09-26-PSV-de-Graafschap-v1-049.webp" srcset="https://www.degraafschap.nl/assets/news/_480x321_fit_center-center_none/3311096/2026-09-26-PSV-de-Graafschap-v1-049.webp 480w, https://www.degraafschap.nl/assets/news/_648x433_fit_center-center_none/3311096/2026-09-26-PSV-de-Graafschap-v1-049.webp 648w" width="640" height="427" alt="2026 09 26 PSV de Graafschap v1 049" loading="lazy" sizes="(max-width: 480) 480, (max-width: 640) 640, 640">
1357                            <span class="bg-primary font-heading absolute left-0 top-0 flex items-center gap-x-1.5 p-3 uppercase text-white">
1358                
1359    <svg class="w-7 min-w-7 max-h-6 fill-current" width="39" height="30" viewBox="0 0 39 30" fill="none" xmlns="http://www.w3.org/2000/svg">
1360<path d="M38.4081 9.25781C38.5282 10.0195 38.2879 10.7227 37.6273 11.3086L34.6244 14.9414C33.6634 16.1133 31.8617 16.2891 30.6004 15.3516L28.6786 13.8867V26.25C28.6786 28.3594 26.9969 30 24.8949 30H12.4627C10.3607 30 9.63999 28.3594 9.63999 26.25V13.8867L7.65805 15.3516C6.45688 16.2891 4.65512 16.1133 3.63413 14.9414L0.631196 11.3086C0.150727 10.7227 -0.0895072 10.0195 0.0306099 9.25781C0.0906685 8.49609 0.511079 7.85156 1.11166 7.38281L9.21957 1.11328C10.1205 0.410156 11.3216 0 12.5228 0H25.9159C27.117 0 28.3182 0.410156 29.2191 1.11328L37.327 7.38281C37.9276 7.85156 38.348 8.49609 38.4081 9.25781ZM22.9129 1.875H15.5257C15.9461 3.51562 17.4476 4.6875 19.2494 4.6875C20.9911 4.6875 22.4925 3.51562 22.9129 1.875ZM36.306 10.1367C36.4862 9.96094 36.5462 9.72656 36.4862 9.49219C36.4862 9.25781 36.3661 9.02344 36.1859 8.84766L28.078 2.63672C27.4774 2.16797 26.6966 1.875 25.9159 1.875H24.8949C24.4144 4.57031 22.0721 6.5625 19.2494 6.5625C16.3665 6.5625 14.0243 4.57031 13.5438 1.875H12.5228C11.742 1.875 10.9613 2.16797 10.3607 2.63672L2.25278 8.84766C2.072
13606 9.02344 1.95248 9.19922 1.95248 9.49219C1.89243 9.72656 1.95248 9.96094 2.13266 10.1367L5.13559 13.7695C5.43588 14.1211 6.09653 14.1797 6.51694 13.8867L11.5619 10.0195V26.25C11.5619 27.3047 11.4417 28.125 12.5228 28.125H25.015C26.036 28.125 26.9369 27.3047 26.9369 26.25V10.0195L31.9818 13.8867C32.3421 14.1797 33.0028 14.1211 33.3031 13.7695L36.306 10.1367Z" fill="currentColor"/>
1361<rect x="10.25" y="10" width="18.45" height="4" fill="currentColor"/>
1362<path d="M6.15039 4H16.4004L19.4754 6V8H6.15039V4Z" fill="currentColor"/>
1363<path d="M22.5496 4H32.7996V8H19.4746V6L22.5496 4Z" fill="currentColor"/>
1364<rect width="7.93049" height="4.06508" transform="matrix(0.602756 0.797926 -0.811918 0.583772 7.39844 4)" fill="currentColor"/>
1365<rect width="7.93189" height="4.06438" transform="matrix(-0.608697 0.793403 -0.807599 -0.589733 34.7617 6.39697)" fill="currentColor"/>
1366<rect x="10.25" y="16" width="18.45" height="4" fill="currentColor"/>
1367<rect x="10.25" y="22" width="18.45" height="4" fill="currentColor"/>
1368</svg>
1369
1370                <span>De Graafschap Vrouwen</span>
1371                <span class="ring-primary absolute left-full h-0 w-0 rotate-0 border-b-0 border-l-0 border-r-[24px] border-t-[49px] border-solid border-[var(--tw-ring-color)_transparent_transparent_transparent]"></span>
1372            </span>
1373                <span class="bg-[#01182C] z-0 flex min-h-24 w-full"></span>
1374        <span class="to-primary-dark/0 absolute bottom-24 z-0 h-1/2 w-full bg-gradient-to-t from-[#00172B]"></span>
1375        <span class="font-heading absolute bottom-14 left-0 z-10 flex flex-col gap-y-3.5 px-8">
1376            <span class="leading-none text-primary-light uppercase">27 sep</span>
1377            <span class="text-heading6-size/none text-balance text-white">De Graafschap Vrouwen verliest in Eindhoven van PSV (4-0)</span>
1378        </span>
1379    </a>
1380                                </div>
1381                                                            <div class="swiper-slide lg:!w-full">
1382                                        <a href="/nieuws/wedstrijdinformatie-de-graafschap-fc-den-bosch-2"
1383       class="group relative flex flex-col overflow-hidden ring-0"
1384       data-animation-reveal
1385       data-animation-reveal-type="translate"
1386       data-animation-reveal-from="bottom">
1387                    
1388
1389
1390    <img class="relative -z-10 aspect-[9/10] h-full w-full object-cover transition-transform group-hover:scale-110 duration-300" src="https://www.degraafschap.nl/assets/news/_640x480_fit_center-center_none/3310863/2526-Wedstrijdvisual-DBO-email-website-horizontaal.webp" srcset="https://www.degraafschap.nl/assets/news/_480x270_fit_center-center_none/3310863/2526-Wedstrijdvisual-DBO-email-website-horizontaal.webp 480w, https://www.degraafschap.nl/assets/news/_648x365_fit_center-center_none/3310863/2526-Wedstrijdvisual-DBO-email-website-horizontaal.webp 648w" width="640" height="360" alt="2526 Wedstrijdvisual DBO email website horizontaal" loading="lazy" sizes="(max-width: 480) 480, (max-width: 640) 640, 640">
1391                            <span class="bg-primary font-heading absolute left-0 top-0 flex items-center gap-x-1.5 p-3 uppercase text-white">
1392                
1393    <svg class="w-7 min-w-7 max-h-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 375.006 375.006">
1394  <path d="M187.50301 0C84.07632 0 1e-7 83.946018 0 187.30228 1e-7 290.65854 84.07632 374.6027 187.50301 374.6027c103.42668 0 187.503-83.94416 187.503-187.30042C375.00601 83.946018 290.92969 0 187.50301 0Zm0 18.265837c93.62565 0 169.29084 75.59358 169.29084 169.036443 0 93.44286-75.66519 169.03459-169.29084 169.03459-93.625653 0-169.292692-75.59173-169.292692-169.03459 0-93.442863 75.667039-169.036443 169.292692-169.036443z" fill="currentColor"/>
1395  <path fill="currentColor" d="M161.63198 304.37264h-.11405l1.20282-.0576c-.13403.0141-.74662.027-1.08877.0576m63.12533-86.15065c-20.34924 37.92364-50.44335 61.29817-63.23938 61.29817h-.38448l-.62669.0423c-1.11111.0705-4.71723-.15873-6.63964-1.94592-1.81658-1.70606-2.21517-5.12876-2.2234-7.77309 1.90242-10.07409 34.51976-34.48566 73.11359-51.62149m-105.31705-66.59385c0-17.17816 42.07767-40.86545 72.61505-40.86545 15.92243 0 52.98187 2.81482 52.98187 28.90188 0 25.99769-55.86723 36.52681-79.15593 36.52681-16.19756 0-46.44099-7.21812-46.44099-24.56324m-24.926561 0c0 35.9883 43.774331 49.41572 71.365201 49.41572 15.68845 0 48.22701-3.8789 72.80083-16.8948-.2281.7819-.51499 1.50618-.74191 2.28807-55.47218 18.72667-111.24535 56.77847-111.24535 83.20767 0 14.00944 5.70724 22.11174 10.48797 26.43039 9.41918 8.52558 21.14642 8.46679 24.45154 8.29866 26.92421-.11405 73.66268-39.51565 95.892-98.11422 13.50031-3.8
1395648 26.89716-6.30807 39.25227-6.30807v-24.86542c-9.6755 0-20.26341 1.42035-31.20758 3.72253 2.72899-12.50443 4.4033-25.54385 4.4033-39.14175 0-33.66261-29.12527-53.760233-77.91783-53.760233-38.51506-.0024-97.540441 29.452133-97.540441 65.721453"/>
1396</svg>
1397
1398                <span>Clubnieuws</span>
1399                <span class="ring-primary absolute left-full h-0 w-0 rotate-0 border-b-0 border-l-0 border-r-[24px] border-t-[49px] border-solid border-[var(--tw-ring-color)_transparent_transparent_transparent]"></span>
1400            </span>
1401                <span class="bg-[#01182C] z-0 flex min-h-24 w-full"></span>
1402        <span class="to-primary-dark/0 absolute bottom-24 z-0 h-1/2 w-full bg-gradient-to-t from-[#00172B]"></span>
1403        <span class="font-heading absolute bottom-14 left-0 z-10 flex flex-col gap-y-3.5 px-8">
1404            <span class="leading-none text-primary-light uppercase">25 sep</span>
1405            <span class="text-heading6-size/none text-balance text-white">Wedstrijdinformatie De Graafschap - FC Den Bosch</span>
1406        </span>
1407    </a>
1408                                </div>
1409                                                            <div class="swiper-slide lg:!w-full">
1410                                        <a href="/nieuws/mark-diemers-keert-terug-bij-de-graafschap"
1411       class="group relative flex flex-col overflow-hidden ring-0"
1412       data-animation-reveal
1413       data-animation-reveal-type="translate"
1414       data-animation-reveal-from="bottom">
1415                    
1416
1417
1418    <img class="relative -z-10 aspect-[9/10] h-full w-full object-cover transition-transform group-hover:scale-110 duration-300" src="https://www.degraafschap.nl/assets/news/_640x480_fit_center-center_none/3310813/10-DSC01689.webp" srcset="https://www.degraafschap.nl/assets/news/_480x321_fit_center-center_none/3310813/10-DSC01689.webp 480w, https://www.degraafschap.nl/assets/news/_648x433_fit_center-center_none/3310813/10-DSC01689.webp 648w" width="640" height="427" alt="10 DSC01689" loading="lazy" sizes="(max-width: 480) 480, (max-width: 640) 640, 640">
1419                            <span class="bg-primary font-heading absolute left-0 top-0 flex items-center gap-x-1.5 p-3 uppercase text-white">
1420                
1421    <svg class="w-7 min-w-7 max-h-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 375.006 375.006">
1422  <path d="M187.50301 0C84.07632 0 1e-7 83.946018 0 187.30228 1e-7 290.65854 84.07632 374.6027 187.50301 374.6027c103.42668 0 187.503-83.94416 187.503-187.30042C375.00601 83.946018 290.92969 0 187.50301 0Zm0 18.265837c93.62565 0 169.29084 75.59358 169.29084 169.036443 0 93.44286-75.66519 169.03459-169.29084 169.03459-93.625653 0-169.292692-75.59173-169.292692-169.03459 0-93.442863 75.667039-169.036443 169.292692-169.036443z" fill="currentColor"/>
1423  <path fill="currentColor" d="M161.63198 304.37264h-.11405l1.20282-.0576c-.13403.0141-.74662.027-1.08877.0576m63.12533-86.15065c-20.34924 37.92364-50.44335 61.29817-63.23938 61.29817h-.38448l-.62669.0423c-1.11111.0705-4.71723-.15873-6.63964-1.94592-1.81658-1.70606-2.21517-5.12876-2.2234-7.77309 1.90242-10.07409 34.51976-34.48566 73.11359-51.62149m-105.31705-66.59385c0-17.17816 42.07767-40.86545 72.61505-40.86545 15.92243 0 52.98187 2.81482 52.98187 28.90188 0 25.99769-55.86723 36.52681-79.15593 36.52681-16.19756 0-46.44099-7.21812-46.44099-24.56324m-24.926561 0c0 35.9883 43.774331 49.41572 71.365201 49.41572 15.68845 0 48.22701-3.8789 72.80083-16.8948-.2281.7819-.51499 1.50618-.74191 2.28807-55.47218 18.72667-111.24535 56.77847-111.24535 83.20767 0 14.00944 5.70724 22.11174 10.48797 26.43039 9.41918 8.52558 21.14642 8.46679 24.45154 8.29866 26.92421-.11405 73.66268-39.51565 95.892-98.11422 13.50031-3.8648 26.89716-6.30807 39.25227-6.30807v-24.86542c-9.6755 0-20.26341 1.42035-31.20758 3.72253 2.72899-12.50443 4.4033-25.54385 4.4033-39.14175 0-33.66261-29.12527-53.760233-77.91783-53.760233-38.51506-.0024-97.540441 29.452133-97.540441 65.721453"/>
1424</svg>
1425
1426                <span>Clubnieuws</span>
1427                <span class="ring-primary absolute left-full h-0 w-0 rotate-0 border-b-0 border-l-0 border-r-[24px] border-t-[49px] border-solid border-[var(--tw-ring-color)_transparent_transparent_transparent]"></span>
1428            </span>
1429                <span class="bg-[#01182C] z-0 flex min-h-24 w-full"></span>
1430        <span class="to-primary-dark/0 absolute bottom-24 z-0 h-1/2 w-full bg-gradient-to-t from-[#00172B]"></span>
1431        <span class="font-heading absolute bottom-14 left-0 z-10 flex flex-col gap-y-3.5 px-8">
1432            <span class="leading-none text-primary-light uppercase">24 sep</span>
1433            <span class="text-heading6-size/none text-balance text-white">Mark Diemers keert terug bij De Graafschap</span>
1434        </span>
1435    </a>
1436                                </div>
1437                                                            <div class="swiper-slide lg:!w-full">
1438                                        <a href="/nieuws/voetbalschool-2026"
1439       class="group relative flex flex-col overflow-hidden ring-0"
1440       data-animation-reveal
1441       data-animation-reveal-type="translate"
1442       data-animation-reveal-from="bottom">
1443                    
1444
1445
1446    <img class="relative -z-10 aspect-[9/10] h-full w-full object-cover transition-transform group-hover:scale-110 duration-300" src="https://www.degraafschap.nl/assets/news/_640x480_fit_center-center_none/3310518/AFB-GRA-2026-1.webp" srcset="https://www.degraafschap.nl/assets/news/_480x321_fit_center-center_none/3310518/AFB-GRA-2026-1.webp 480w, https://www.degraafschap.nl/assets/news/_648x433_fit_center-center_none/3310518/AFB-GRA-2026-1.webp 648w" width="640" height="427" alt="AFB GRA 2026 1" loading="lazy" sizes="(max-width: 480) 480, (max-width: 640) 640, 640">
1447                            <span class="bg-primary font-heading absolute left-0 top-0 flex items-center gap-x-1.5 p-3 uppercase text-white">
1448                
1449    <svg class="w-7 min-w-7 max-h-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 375.006 375.006">
1450  <path d="M187.50301 0C84.07632 0 1e-7 83.946018 0 187.30228 1e-7 290.65854 84.07632 374.6027 187.50301 374.6027c103.42668 0 187.503-83.94416 187.503-187.30042C375.00601 83.946018 290.92969 0 187.50301 0Zm0 18.265837c93.62565 0 169.29084 75.59358 169.29084 169.036443 0 93.44286-75.66519 169.03459-169.29084 169.03459-93.625653 0-169.292692-75.59173-169.292692-169.03459 0-93.442863 75.667039-169.036443 169.292692-169.036443z" fill="currentColor"/>
1451  <path fill="currentColor" d="M161.63198 304.37264h-.11405l1.20282-.0576c-.13403.0141-.74662.027-1.08877.0576m63.12533-86.15065c-20.34924 37.92364-50.44335 61.29817-63.23938 61.29817h-.38448l-.62669.0423c-1.11111.0705-4.71723-.15873-6.63964-1.94592-1.81658-1.70606-2.21517-5.12876-2.2234-7.77309 1.90242-10.07409 34.51976-34.48566 73.11359-51.62149m-105.31705-66.59385c0-17.17816 42.07767-40.86545 72.61505-40.86545 15.92243 0 52.98187 2.81482 52.98187 28.90188 0 25.99769-55.86723 36.52681-79.15593 36.52681-16.19756 0-46.44099-7.21812-46.44099-24.56324m-24.926561 0c0 35.9883 43.774331 49.41572 71.365201 49.41572 15.68845 0 48.22701-3.8789 72.80083-16.8948-.2281.7819-.51499 1.50618-.74191 2.28807-55.47218 18.72667-111.24535 56.77847-111.24535 83.20767 0 14.00944 5.70724 22.11174 10.48797 26.43039 9.41918 8.52558 21.14642 8.46679 24.45154 8.29866 26.92421-.11405 73.66268-39.51565 95.892-98.11422 13.50031-3.8648 26.89716-6.30807 39.25227-6.30807v-24.86542c-9.6755 0-20.26341 1.42035-31.20758 3.72253 2.72899-12.50443 4.4033-25.54385 4.4033-39.14175 0-33.66261-29.12527-53.760233-77.91783-53.760233-38.51506-.0024-97.540441 29.452133-97.540441 65.721453"/>
1452</svg>
1453
1454                <span>Clubnieuws</span>
1455                <span class="ring-primary absolute left-full h-0 w-0 rotate-0 border-b-0 border-l-0 border-r-[24px] border-t-[49px] border-solid border-[var(--tw-ring-color)_transparent_transparent_transparent]"></span>
1456            </span>
1457                <span class="bg-[#01182C] z-0 flex min-h-24 w-full"></span>
1458        <span class="to-primary-dark/0 absolute bottom-24 z-0 h-1/2 w-full bg-gradient-to-t from-[#00172B]"></span>
1459        <span class="font-heading absolute bottom-14 left-0 z-10 flex flex-col gap-y-3.5 px-8">
1460            <span class="leading-none text-primary-light uppercase">23 sep</span>
1461            <span class="text-heading6-size/none text-balance text-white">Dit najaar volop voetbalplezier voor jonge voetballers bij De Graafschap</span>
1462        </span>
1463    </a>
1464                                </div>
1465                                                            <div class="swiper-slide lg:!w-full">
1466                                        <a href="/nieuws/de-graafschap-vrouwen-boeken-knappe-overwinning-in-zwolle-2-3"
1467       class="group relative flex flex-col overflow-hidden ring-0"
1468       data-animation-reveal
1469       data-animation-reveal-type="translate"
1470       data-animation-reveal-from="bottom">
1471                    
1472
1473
1474    <img class="relative -z-10 aspect-[9/10] h-full w-full object-cover transition-transform group-hover:scale-110 duration-300" src="https://www.degraafschap.nl/assets/news/_640x480_fit_center-center_none/3310469/023_2026-09-21-091324_elwz.webp" srcset="https://www.degraafschap.nl/assets/news/_480x321_fit_center-center_none/3310469/023_2026-09-21-091324_elwz.webp 480w, https://www.degraafschap.nl/assets/news/_648x433_fit_center-center_none/3310469/023_2026-09-21-091324_elwz.webp 648w" width="640" height="427" alt="023" loading="lazy" sizes="(max-width: 480) 480, (max-width: 640) 640, 640">
1475                            <span class="bg-primary font-heading absolute left-0 top-0 flex items-center gap-x-1.5 p-3 uppercase text-white">
1476                
1477    <svg class="w-7 min-w-7 max-h-6 fill-current" width="39" height="30" viewBox="0 0 39 30" fill="none" xmlns="http://www.w3.org/2000/svg">
1478<path d="M38.4081 9.25781C38.5282 10.0195 38.2879 10.7227 37.6273 11.3086L34.6244 14.9414C33.6634 16.1133 31.8617 16.2891 30.6004 15.3516L28.6786 13.8867V26.25C28.6786 28.3594 26.9969 30 24.8949 30H12.4627C10.3607 30 9.63999 28.3594 9.63999 26.25V13.8867L7.65805 15.3516C6.45688 16.2891 4.65512 16.1133 3.63413 14.9414L0.631196 11.3086C0.150727 10.7227 -0.0895072 10.0195 0.0306099 9.25781C0.0906685 8.49609 0.511079 7.85156 1.11166 7.38281L9.21957 1.11328C10.1205 0.410156 11.3216 0 12.5228 0H25.9159C27.117 0 28.3182 0.410156 29.2191 1.11328L37.327 7.38281C37.9276 7.85156 38.348 8.49609 38.4081 9.25781ZM22.9129 1.875H15.5257C15.9461 3.51562 17.4476 4.6875 19.2494 4.6875C20.9911 4.6875 22.4925 3.51562 22.9129 1.875ZM36.306 10.1367C36.4862 9.96094 36.5462 9.72656 36.4862 9.49219C36.4862 9.25781 36.3661 9.02344 36.1859 8.84766L28.078 2.63672C27.4774 2.16797 26.6966 1.875 25.9159 1.875H24.8949C24.4144 4.57031 22.0721 6.5625 19.2494 6.5625C16.3665 6.5625 14.0243 4.57031 13.5438 1.875H12.5228C11.742 1.875 10.9613 2.16797 10.3607 2.63672L2.25278 8.84766C2.0726 9.02344 1.95248 9.19922 1.95248 9.49219C1.89243 9.72656 1.95248 9.96094 2.13266 10.1367L5.13559 13.7695C5.43588 14.1211 6.09653 14.1797 6.51694 13.8867L11.5619 10.0195V26.25C11.5619 27.3047 11.4417 28.125 12.5228 28.125H25.015C26.036 28.125 26.9369 27.3047 26.9369 26.25V10.0195L31.9818 13.8867C32.3421 14.1797 33.0028 14.1211 33.3031 13.7695L36.306 10.1367Z" fill="currentColor"/>
1479<rect x="10.25" y="10" width="18.45" height="4" fill="currentColor"/>
1480<path d="M6.15039 4H16.4004L19.4754 6V8H6.15039V4Z" fill="currentColor"/>
1481<path d="M22.5496 4H32.7996V8H19.4746V6L22.5496 4Z" fill="currentColor"/>
1482<rect width="7.93049" height="4.06508" transform="matrix(0.602756 0.797926 -0.811918 0.583772 7.39844 4)" fill="currentColor"/>
1483<rect width="7.93189" height="4.06438" transform="matrix(-0.608697 0.793403 -0.807599 -0.589733 34.7617 6.39697)" fill="currentColor"/>
1484<rect x="10.25" y="16" width="18.45" height="4" fill="currentColor"/>
1485<rect x="10.25" y="22" width="18.45" height="4" fill="currentColor"/>
1486</svg>
1487
1488                <span>De Graafschap Vrouwen</span>
1489                <span class="ring-primary absolute left-full h-0 w-0 rotate-0 border-b-0 border-l-0 border-r-[24px] border-t-[49px] border-solid border-[var(--tw-ring-color)_transparent_transparent_transparent]"></span>
1490            </span>
1491                <span class="bg-[#01182C] z-0 flex min-h-24 w-full"></span>
1492        <span class="to-primary-dark/0 absolute bottom-24 z-0 h-1/2 w-full bg-gradient-to-t from-[#00172B]"></span>
1493        <span class="font-heading absolute bottom-14 left-0 z-10 flex flex-col gap-y-3.5 px-8">
1494            <span class="leading-none text-primary-light uppercase">21 sep</span>
1495            <span class="text-heading6-size/none text-balance text-white">De Graafschap Vrouwen boekt knappe overwinning in Zwolle (2-3)</span>
1496        </span>
1497    </a>
1498                                </div>
1499                                                            <div class="swiper-slide lg:!w-full">
1500                                        <a href="/nieuws/de-graafschap-komt-tekort-tegen-nac-breda-1-2"
1501       class="group relative flex flex-col overflow-hidden ring-0"
1502       data-animation-reveal
1503       data-animation-reveal-type="translate"
1504       data-animation-reveal-from="bottom">
1505                    
1506
1507
1508    <img class="relative -z-10 aspect-[9/10] h-full w-full object-cover transition-transform group-hover:scale-110 duration-300" src="https://www.degraafschap.nl/assets/news/_640x480_fit_center-center_none/3310289/DSC01514.webp" srcset="https://www.degraafschap.nl/assets/news/_480x321_fit_center-center_none/3310289/DSC01514.webp 480w, https://www.degraafschap.nl/assets/news/_648x433_fit_center-center_none/3310289/DSC01514.webp 648w" width="640" height="427" alt="DSC01514" loading="lazy" sizes="(max-width: 480) 480, (max-width: 640) 640, 640">
1509                            <span class="bg-primary font-heading absolute left-0 top-0 flex items-center gap-x-1.5 p-3 uppercase text-white">
1510                
1511    <svg class="w-7 min-w-7 max-h-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 375.006 375.006">
1512  <path d="M187.50301 0C84.07632 0 1e-7 83.946018 0 187.30228 1e-7 290.65854 84.07632 374.6027 187.50301 374.6027c103.42668 0 187.503-83.94416 187.503-187.30042C375.00601 83.946018 290.92969 0 187.50301 0Zm0 18.265837c93.62565 0 169.29084 75.59358 169.29084 169.036443 0 93.44286-75.66519 169.03459-169.29084 169.03459-93.625653 0-169.292692-75.59173-169.292692-169.03459 0-93.442863 75.667039-169.036443 169.292692-169.036443z" fill="currentColor"/>
1513  <path fill="currentColor" d="M161.63198 304.37264h-.11405l1.20282-.0576c-.13403.0141-.74662.027-1.08877.0576m63.12533-86.15065c-20.34924 37.92364-50.44335 61.29817-63.23938 61.29817h-.38448l-.62669.0423c-1.11111.0705-4.71723-.15873-6.63964-1.94592-1.81658-1.70606-2.21517-5.12876-2.2234-7.77309 1.90242-10.07409 34.51976-34.48566 73.11359-51.62149m-105.31705-66.59385c0-17.17816 42.07767-40.86545 72.61505-40.86545 15.92243 0 52.98187 2.81482 52.98187 28.90188 0 25.99769-55.86723 36.52681-79.15593 36.52681-16.19756 0-46.44099-7.21812-46.44099-24.56324m-24.926561 0c0 35.9883 43.774331 49.41572 71.365201 49.41572 15.68845 0 48.22701-3.8789 72.80083-16.8948-.2281.7819-.51499 1.50618-.74191 2.28807-55.47218 18.72667-111.24535 56.77847-111.24535 83.20767 0 14.00944 5.70724 22.11174 10.48797 26.43039 9.41918 8.52558 21.14642 8.46679 24.45154 8.29866 26.92421-.11405 73.66268-39.51565 95.892-98.11422 13.50031-3.8648 26.89716-6.30807 39.25227-6.30807v-24.86542c-9.6755 0-20.26341 1.42035-31.20758 3.72253 2.72899-12.50443 4.4033-25.54385 4.4033-39.14175 0-33.66261-29.12527-53.760233-77.91783-53.760233-38.51506-.0024-97.540441 29.452133-97.540441 65.721453"/>
1514</svg>
1515
1516                <span>Wedstrijdverslag</span>
1517                <span class="ring-primary absolute left-full h-0 w-0 rotate-0 border-b-0 border-l-0 border-r-[24px] border-t-[49px] border-solid border-[var(--tw-ring-color)_transparent_transparent_transparent]"></span>
1518            </span>
1519                <span class="bg-[#01182C] z-0 flex min-h-24 w-full"></span>
1520        <span class="to-primary-dark/0 absolute bottom-24 z-0 h-1/2 w-full bg-gradient-to-t from-[#00172B]"></span>
1521        <span class="font-heading absolute bottom-14 left-0 z-10 flex flex-col gap-y-3.5 px-8">
1522            <span class="leading-none text-primary-light uppercase">20 sep</span>
1523            <span class="text-heading6-size/none text-balance text-white">De Graafschap komt tekort tegen NAC Breda: 1-2</span>
1524        </span>
1525    </a>
1526                                </div>
1527                                                    </div>
1528                        <button aria-label="Vorige slide"
1529                                class="news-slider-swiper-button-prev text-primary-light absolute -left-4 top-0 z-20 flex h-full w-[75px] items-center justify-center transition-all ring-0 hover:text-white md:-left-8 lg:hidden [&.swiper-button-disabled]:pointer-events-none [&.swiper-button-disabled]:!opacity-0"
1530                                data-animation-reveal
1531                                data-animation-reveal-type="fade">
1532                            <svg class="fill-current w-6 min-w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M20.7 267.3c-6.2-6.2-6.2-16.4 0-22.6l192-192c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L54.6 256 235.3 436.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0l-192-192z"/></svg>
1533                        </button>
1534
1535                        <button aria-label="Volgende slide"
1536                                class="news-slider-swiper-button-next text-primary-light absolute -right-4 top-0 z-20 flex h-full w-[75px] items-center justify-center transition-all ring-0 hover:text-white md:-right-8 lg:hidden [&.swiper-button-disabled]:pointer-events-none [&.swiper-button-disabled]:!opacity-0"
1537                                data-animation-reveal
1538                                data-animation-reveal-type="fade">
1539                            <svg class="fill-current w-6 min-w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M299.3 244.7c6.2 6.2 6.2 16.4 0 22.6l-192 192c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L265.4 256 84.7 75.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l192 192z"/></svg>
1540                        </button>
1541                    </div>
1542                </div>
1543                <div class="grid auto-rows-fr max-lg:order-1" data-animation-section>
1544                                    
1545
1546            <div class="js-countdown relative z-10 bg-white shadow-[0px_0px_10px_0px_var(--tw-sha
1546dow-color)] shadow-black/25 mb-5 py-7"
1547             data-countdown-date="2026-10-03 20:00:00"
1548             data-animation-reveal
1549             data-animation-reveal-type="translate"
1550             data-animation-reveal-from="right">
1551            <svg class="w-full absolute bottom-full max-lg:hidden" width="360" height="9" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360 9" fill="none">
1552    <path d="M357.5 0L360 8.05882H0L357.5 0Z" fill="#0093D0"/>
1553</svg>
1554            <div class="text-primary-dark font-bold flex flex-col h-full justify-center items-center px-8">
1555                <span class="text-sm">Volgende wedstrijd</span>
1556                <span class="text-heading5-size/none">3 oktober</span>
1557                <div class="grid grid-cols-2 my-2 max-w-56 lg:max-w-64">
1558                    <div class="p-4">
1559                        <img src="https://cdn.sportmonks.com/images/soccer/teams/0/320.png"
1560                             alt="FC Eindhoven"
1561                        />
1562                    </div>
1563                    <div class="p-4">
1564                        <img src="https://cdn.sportmonks.com/images/soccer/teams/17/1073.png"
1565                             alt="De Graafschap"
1566                        />
1567                    </div>
1568                </div>
1569                <div class="flex gap-x-4 justify-center">
1570                    <div class="flex flex-col uppercase font-heading text-center min-w-12">
1571                        <span class="js-countdown-days text-heading4-size/none text-primary-dark">00</span>
1572                        <span class="text-body-size-lg/none text-primary">dagen</span>
1573                    </div>
1574                    <div class="flex flex-col uppercase font-heading text-center min-w-12">
1575                        <span class="js-countdown-hours text-heading4-size/none text-primary-dark">00</span>
1576                        <span class="text-body-size-lg/none text-primary">uren</span>
1577                    </div>
1578                    <div class="flex flex-col uppercase font-heading text-center min-w-12">
1579                        <span class="js-countdown-minutes text-heading4-size/none text-primary-dark">00</span>
1580                        <span class="text-body-size-lg/none text-primary">min.</span>
1581                    </div>
1582                    <div class="flex flex-col uppercase font-heading text-center min-w-12">
1583                        <span class="js-countdown-seconds text-heading4-size/none text-primary-dark">00</span>
1584                        <span class="text-body-size-lg/none text-primary">sec.</span>
1585                    </div>
1586                </div>
1587                <div class="flex flex-col gap-y-3.5 mt-7">
1588                                            <a href="https://kaartverkoop.degraafschap.nl/dashboard" target="_blank"
1589                           class="js-countdown-tickets-button button button--secondary transition-all opacity-50 pointer-events-none">
1590                            <svg class="w-6 min-w-6 fill-current opacity-50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M64 64C28.7 64 0 92.7 0 128l0 60.1c0 10.2 6.4 19.2 16 22.6c18.7 6.6 32 24.4 32 45.3s-13.3 38.7-32 45.3c-9.6 3.4-16 12.5-16 22.6L0 384c0 35.3 28.7 64 64 64l448 0c35.3 0 64-28.7 64-64l0-60.1c0-10.2-6.4-19.2-16-22.6c-18.7-6.6-32-24.4-32-45.3s13.3-38.7 32-45.3c9.6-3.4 16-12.5 16-22.6l0-60.1c0-35.3-28.7-64-64-64L64 64zM48 128c0-8.8 7.2-16 16-16l448 0c8.8 0 16 7.2 16 16l0 44.9c-28.7 16.6-48 47.6-48 83.1s19.3 66.6 48 83.1l0 44.9c0 8.8-7.2 16-16 16L64 400c-8.8 0-16-7.2-16-16l0-44.9c28.7-16.6 48-47.6 48-83.1s-19.3-66.6-48-83.1L48 128zM400 304l-224 0 0-96 224 0 0 96zM128 192l0 128c0 17.7 14.3 32 32 32l256 0c17.7 0 32-14.3 32-32l0-128c0-17.7-14.3-32-32-32l-256 0c-17.7 0-32 14.3-32 32z"/></svg>
1591                            Koop nu tickets
1592                        </a>
1593                                                                <a href="https://www.degraafschap.nl/wedstrijdschema" target="_self"
1594                           class="button button--primary">
1595                            Meer wedstrijden
1596                        </a>
1597                                    </div>
1598            </div>
1599        </div>
1600                        
1601
1602
1603
1604                                                                                                                                                                                                                                                                                                                                                                                                
1605
1606
1607<div class="bg-primary-light/20 max-lg:hidden relative pt-10 lg:-mt-5"
1608     data-animation-reveal
1609     data-animation-reveal-type="translate"
1610     data-animation-reveal-from="right">
1611    <div class="flex h-full flex-col px-10 pb-5">
1612        <div class="flex justify-between items-center gap-x-5">
1613            <div class="text-heading5-size/none uppercase font-heading text-primary-dark mb-1.5">
1614                Agenda
1615            </div>
1616                            <a href="https://www.degraafschap.nl/agenda" class="button button--primary bg-transparent hover:bg-primary"
1617           data-animation-reveal
1618           data-animation-reveal-type="fade">
1619            Bekijken
1620        </a>
1621            </div>
1622        <div>
1623                                                <div class="flex flex-col gap-y-2 border-b border-b-[#A6D8EC] py-5 text-sm/none last:border-b-0">
1624                                                    <span class="text-primary font-bold">Vrijdag 2 oktober</span>
1625                                                                            <span class="text-primary-dark font-medium">11.00 uur training op Sportcomplex De Bezelhorst</span>
1626                                            </div>
1627                                    <div class="flex flex-col gap-y-2 border-b border-b-[#A6D8EC] py-5 text-sm/none last:border-b-0">
1628                                                    <span class="text-primary font-bold">Zaterdag 3 oktober</span>
1629                                                                            <span class="text-primary-dark font-medium">20.00 uur FC Eindhoven - De Graafschap</span>
1630                                            </div>
1631                                    <div class="flex flex-col gap-y-2 border-b border-b-[#A6D8EC] py-5 text-sm/none last:border-b-0">
1632                                                    <span class="text-primary font-bold">Zaterdag 3 oktober</span>
1633                                                                    </div>
1634                                    <div class="flex flex-col gap-y-2 border-b border-b-[#A6D8EC] py-5 text-sm/none last:border-b-0">
1635                                                    <span class="text-primary font-bold">Zondag 4 oktober</span>
1636                                                                            <span class="text-primary-dark font-medium">12.15 uur training op Sportcomplex De Bezelhorst</span>
1637                                            </div>
1638                                    <div class="flex flex-col gap-y-2 border-b border-b-[#A6D8EC] py-5 text-sm/none last:border-b-0">
1639                                                    <span class="text-primary font-bold">Maandag 5 oktober</span>
1640                                                                            <span class="text-primary-dark font-medium">Rust/herstel</span>
1641                                            </div>
1642                                    </div>
1643        <span class="text-primary-dark mt-auto text-right text-xs italic">*wijzigingen onder voorbehoud</span>
1644    </div>
1645    <svg class="w-full absolute top-full max-lg:hidden" width="360" height="9" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360 9" fill="none">
1646  <path d="M357.5 8.05884L360 1.43051e-05H0L357.5 8.05884Z" fill="#0093D0"/>
1647</svg>
1648</div>
1649                </div>
1650                <div class="order-4 lg:hidden mt-5" data-animation-section>
1651                    
1652
1653
1654
1655                                                                                                                                                                                                                                                                                                                                                                                                
1656
1657
1658<div class="bg-primary-light/20  relative pt-10 lg:-mt-5"
1659     data-animation-reveal
1660     data-animation-reveal-type="translate"
1661     data-animation-reveal-from="right">
1662    <div class="flex h-full flex-col px-10 pb-5">
1663        <div class="flex justify-between items-center gap-x-5">
1664            <div class="text-heading5-size/none uppercase font-heading text-primary-dark mb-1.5">
1665                Agenda
1666            </div>
1667                            <a href="https://www.degraafschap.nl/agenda" class="button button--primary bg-transparent hover:bg-primary"
1668           data-animation-reveal
1669           data-animation-reveal-type="fade">
1670            Bekijken
1671        </a>
1672            </div>
1673        <div>
1674                                                <div class="flex flex-col gap-y-2 border-b border-b-[#A6D8EC] py-5 text-sm/none last:border-b-0">
1675                                                    <span class="text-primary font-bold">Vrijdag 2 oktober</span>
1676                                                                            <span class="text-primary-dark font-medium">11.00 uur training op Sportcomplex De Bezelhorst</span>
1677                                            </div>
1678                                    <div class="flex flex-col gap-y-2 border-b border-b-[#A6D8EC] py-5 text-sm/none last:border-b-0">
1679                                                    <span class="text-primary font-bold">Zaterdag 3 oktober</span>
1680                                                                            <span class="text-primary-dark font-medium">20.00 uur FC Eindhoven - De Graafschap</span>
1681                                            </div>
1682                                    <div class="flex flex-col gap-y-2 border-b border-b-[#A6D8EC] py-5 text-sm/none last:border-b-0">
1683                                                    <span class="text-primary font-bold">Zaterdag 3 oktober</span>
1684                                                                    </div>
1685                                    <div class="flex flex-col gap-y-2 border-b border-b-[#A6D8EC] py-5 text-sm/none last:border-b-0">
1686                                                    <span class="text-primary font-bold">Zondag 4 oktober</span>
1687                                                                            <span class="text-primary-dark font-medium">12.15 uur training op Sportcomplex De Bezelhorst</span>
1688                                            </div>
1689                                    <div class="flex flex-col gap-y-2 border-b border-b-[#A6D8EC] py-5 text-sm/none last:border-b-0">
1690                                                    <span class="text-primary font-bold">Maandag 5 oktober</span>
1691                                                                            <span class="text-primary-dark font-medium">Rust/herstel</span>
1692                                            </div>
1693                                    </div>
1694        <span class="text-primary-dark mt-auto text-right text-xs italic">*wijzigingen onder voorbehoud</span>
1695    </div>
1696    <svg class="w-full absolute top-full max-lg:hidden" width="360" height="9" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360 9" fill="none">
1697  <path d="M357.5 8.05884L360 1.43051e-05H0L357.5 8.05884Z" fill="#0093D0"/>
1698</svg>
1699</div>
1700                </div>
1701                <div class="mt-5 lg:mt-10 col-span-full max-lg:order-3" data-animation-section>
1702                                    <a href="https://www.degraafschap.nl/nieuws" class="button button--primary w-max"
1703           data-animation-reveal
1704           data-animation-reveal-type="fade">
1705            Meer nieuws
1706        </a>
1707                    </div>
1708            </div>
1709        </div>
1710    </section>
1711
1712        
1713    
1714
1715    <div class="bg-gradient-background">
1716        <div class="bg-gradient-background relative flex overflow-hidden pt-12 max-lg:flex-col lg:pt-24 max-w-[2200px] mx-auto" data-animation-section>
1717                            <div class="relative z-10 mx-auto w-full max-w-screen-2xl lg:pb-24 2xl:max-w-[1600px]"
1718                     data-animation-reveal
1719                     data-animation-reveal-type="translate"
1720                     data-animation-reveal-from="left">
1721                    <div class="font-heading flex h-full flex-row flex-wrap justify-between gap-4 px-4 md:px-8 min-[1600px]:pl-16 lg:flex-col">
1722                        <span class="text-84-size/none text-primary uppercase">Eerste selectie</span>
1723                        <div class="flex">
1724                            <a href="https://www.degraafschap.nl/teams/eerste-elftal"
1725                               class="border-primary hover:text-primary-dark flex items-center gap-x-2.5 rounded-full border px-6 py-1 uppercase text-white transition-all hover:bg-white">
1726                                <svg class="w-6 min-w-6 fill-current opacity-50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M211.4 0c-27.7 0-54.5 9.6-76 27.1L56.3 91.9 12.9 127.4c-13.7 11.2-15.7 31.4-4.5 45l70.9 86.7c11.2 13.7 31.4 15.7 45 4.5L160 234.4 160 456c0 30.9 25.1 56 56 56l208 0c30.9 0 56-25.1 56-56l0-221.6 35.6 29.1c13.7 11.2 33.8 9.2 45-4.5l70.9-86.7c11.2-13.7 9.2-33.8-4.5-45L583.7 91.9 504.6 27.1C483.1 9.6 456.3 0 428.6 0l-6.3 0c-1.3 0-2.5 .1-3.7 .2c-.8-.1-1.7-.2-2.6-.2L224 0c-.9 0-1.7 .1-2.6 .2c-1.2-.1-2.4-.2-3.7-.2l-6.3 0zm40.7 32l135.8 0C378 60 351.3 80 320 80s-58-20-67.9-48zM155.7 51.9C171.4 39 191.1 32 211.4 32l6.3 0s0 0 0 0c0 0 .2 .1 .4 .3c.5 .4 1 1.2 1.3 2.2C231.1 79.1 271.7 112 320 112s88.9-32.9 100.6-77.5c.3-1 .8-1.8 1.3-2.2c.2-.2 .4-.2 .4-.3c0 0 0 0 0 0l6.3 0c20.3 0 40 7 55.7 19.9l79.2 64.8 43.3 35.5-70.9 86.7-43.3-35.5-18.4-15.1c-4.8-3.9-11.4-4.7-17-2.1s-9.1 8.3-9.1 14.5L448 456c0 13.3-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24l0-255.3c0-6.2-3.6-11.8-9.1-14.5s-12.2-1.8-17 2.1l-18.4 15.1-43.3 35.5L33.2 152.1l43.3-35.5 79.2-64.8z"/></svg>
1727                                <span class="max-lg:hidden uppercase">Bekijk het team</span>
1728                                <span class="lg:hidden">Team</span>
1729                            </a>
1730                        </div>
1731                    </div>
1732                </div>
1733                        <div id="slider-864765335" class="relative ml-auto w-full lg:w-3/4 lg:shrink-0" data-spring-slider>
1734                <button aria-label="Vorige slide"
1735                        class="spring-slider-swiper-button-prev text-primary-light absolute left-5 z-20 transition-all ring-0 hover:text-white max-lg:bottom-11 lg:left-0 lg:top-1/2 lg:-mt-12 lg:-translate-y-1/2 [&.swiper-button-disabled]:pointer-events-none [&.swiper-button-disabled]:!opacity-0"
1736                        data-animation-reveal
1737                        data-animation-reveal-type="fade">
1738                    <svg class="fill-current w-6 min-w-6 lg:w-11 lg:min-w-11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M20.7 267.3c-6.2-6.2-6.2-16.4 0-22.6l192-192c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L54.6 256 235.3 436.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0l-192-192z"/></svg>
1739                </button>
1740
1741                <button aria-label="Volgende slide"
1742                        class="spring-slider-swiper-button-next text-primary-light absolute right-5 z-20 transition-all ring-0 hover:text-white max-lg:bottom-11 lg:right-12 lg:top-1/2 lg:-mt-12 lg:-translate-y-1/2 [&.swiper-button-disabled]:pointer-events-none [&.swiper-button-disabled]:!opacity-0"
1743                        data-animation-reveal
1744                        data-animation-reveal-type="fade">
1745                    <svg class="fill-current w-6 min-w-6 lg:w-11 lg:min-w-11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M299.3 244.7c6.2 6.2 6.2 16.4 0 22.6l-192 192c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L265.4 256 84.7 75.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l192 192z"/></svg>
1746                </button>
1747                <div class="swiper">
1748                    <div class="swiper-wrapper">
1749                                                    <div class="swiper-slide !z-auto !overflow-visible">
1750                                
1751                                                        
1752    <a href="https://www.degraafschap.nl/teams/eerste-elftal/toivo-mero"
1753       title="Toivo Mero"
1754       class="group flex h-full ring-0 focus-visible:!-outline-offset-2 focus-visible:rounded-md"
1755       data-animation-reveal
1756       data-animation-reveal-type="translate"
1757       data-animation-reveal-from="bottom"
1758    >
1759                    
1760
1761
1762    <img class="relative z-20 transition-transform group-hover:translate-x-5" src="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1024_fit_center-center_none/3309509/ToivoMero.webp" srcset="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_640x993_fit_center-center_none/3309509/ToivoMero.webp 640w, https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1192_fit_center-center_none/3309509/ToivoMero.webp 768w" width="660" height="1024" alt="Toivo Mero" loading="lazy" sizes="(max-width: 640px) 640px, (max-width: 768px) 768px, 768px">
1763        
1764        <span class="font-heading -ml-8 flex flex-col uppercase">
1765                            <span class="text-stroke text-150-size/none mb-8 ring-white/50 transition-transform group-hover:-translate-x-5 group-hover:scale-110">
1766                    11
1767                </span>
1768                        <span class="text-40-size/none lg:min-w-[200px] mb-6 text-balance font-bold text-white transition-transform group-hover:-translate-x-5">
1769                Toivo Mero
1770            </span>
1771                            <span class="text-primary-light flex items-center gap-x-2.5 transition-transform group-hover:-translate-x-5">
1772                    <svg class="w-6 min-w-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M211.4 0c-27.7 0-54.5 9.6-76 27.1L56.3 91.9 12.9 127.4c-13.7 11.2-15.7 31.4-4.5 45l70.9 86.7c11.2 13.7 31.4 15.7 45 4.5L160 234.4 160 456c0 30.9 25.1 56 56 56l208 0c30.9 0 56-25.1 56-56l0-221.6 35.6 29.1c13.7 11.2 33.8 9.2 45-4.5l70.9-86.7c11.2-13.7 9.2-33.8-4.5-45L583.7 91.9 504.6 27.1C483.1 9.6 456.3 0 428.6 0l-6.3 0c-1.3 0-2.5 .1-3.7 .2c-.8-.1-1.7-.2-2.6-.2L224 0c-.9 0-1.7 .1-2.6 .2c-1.2-.1-2.4-.2-3.7-.2l-6.3 0zm40.7 32l135.8 0C378 60 351.3 80 320 80s-58-20-67.9-48zM155.7 51.9C171.4 39 191.1 32 211.4 32l6.3 0s0 0 0 0c0 0 .2 .1 .4 .3c.5 .4 1 1.2 1.3 2.2C231.1 79.1 271.7 112 320 112s88.9-32.9 100.6-77.5c.3-1 .8-1.8 1.3-2.2c.2-.2 .4-.2 .4-.3c0 0 0 0 0 0l6.3 0c20.3 0 40 7 55.7 19.9l79.2 64.8 43.3 35.5-70.9 86.7-43.3-35.5-18.4-15.1c-4.8-3.9-11.4-4.7-17-2.1s-9.1 8.3-9.1 14.5L448 456c0 13.3-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24l0-255.3c0-6.2-3.6-11.8-9.1-14.5s-12.2-1.8-17 2.1l-18.4 15.1-43.3 35.5L33.2 152.1l43.3-35.5 79.2-64.8z"/></svg>
1773                    <span class="text-18-size/none font-bold">-</span>
1774                </span>
1775                    </span>
1776        <svg class="absolute bottom-0 right-0 translate-y-1/2 translate-x-1/2 group-hover:translate-y-[65%] group-hover:translate-x-[35%] transition-transform" width="471" height="358" viewBox="0 0 471 358" fill="none" xmlns="http://www.w3.org/2000/svg">
1777<rect x="229.874" y="0.00195312" width="37.8893" height="325.09" transform="rotate(45 229.874 0.00195312)" fill="url(#paint0_linear_5_108)" fill-opacity="0.08"/>
1778<rect x="283.457" y="53.5856" width="37.8893" height="325.09" transform="rotate(45 283.457 53.5856)" fill="url(#paint1_linear_5_108)" fill-opacity="0.08"/>
1779<rect x="337.041" y="107.169" width="37.8893" height="325.09" transform="rotate(45 337.041 107.169)" fill="url(#paint2_linear_5_108)" fill-opacity="0.08"/>
1780<rect x="390.624" y="160.753" width="37.8893" height="325.09" transform="rotate(45 390.624 160.753)" fill="url(#paint3_linear_5_108)" fill-opacity="0.08"/>
1781<rect x="444.208" y="214.336" width="37.8893" height="325.09" transform="rotate(45 444.208 214.336)" fill="url(#paint4_linear_5_108)" fill-opacity="0.08"/>
1782<defs>
1783<linearGradient id="paint0_linear_5_108" x1="248.818" y1="0.00195312" x2="248.818" y2="325.092" gradientUnits="userSpaceOnUse">
1784<stop stop-color="white"/>
1785<stop offset="1" stop-color="white" stop-opacity="0"/>
1786</linearGradient>
1787<linearGradient id="paint1_linear_5_108" x1="302.402" y1="53.5856" x2="302.402" y2="378.676" gradientUnits="userSpaceOnUse">
1788<stop stop-color="white"/>
1789<stop offset="1" stop-color="white" stop-opacity="0"/>
1790</linearGradient>
1791<linearGradient id="paint2_linear_5_108" x1="355.986" y1="107.169" x2="355.986" y2="432.26" gradientUnits="userSpaceOnUse">
1792<stop stop-color="white"/>
1793<stop offset="1" stop-color="white" stop-opacity="0"/>
1794</linearGradient>
1795<linearGradient id="paint3_linear_5_108" x1="409.569" y1="160.753" x2="409.569" y2="485.843" gradientUnits="userSpaceOnUse">
1796<stop stop-color="white"/>
1797<stop offset="1" stop-color="white" stop-opacity="0"/>
1798</linearGradient>
1799<linearGradient id="paint4_linear_5_108" x1="463.153" y1="214.336" x2="463.153" y2="539.427" gradientUnits="userSpaceOnUse">
1800<stop stop-color="white"/>
1801<stop offset="1" stop-color="white" stop-opacity="0"/>
1802</linearGradient>
1803</defs>
1804</svg>
1805
1806    </a>
1807                            </div>
1808                                                    <div class="swiper-slide !z-auto !overflow-visible">
1809                                
1810                                                        
1811    <a href="https://www.degraafschap.nl/teams/eerste-elftal/clint-leemans"
1812       title="Clint Leemans"
1813       class="group flex h-full ring-0 focus-visible:!-outline-offset-2 focus-visible:rounded-md"
1814       data-animation-reveal
1815       data-animation-reveal-type="translate"
1816       data-animation-reveal-from="bottom"
1817    >
1818                    
1819
1820
1821    <img class="relative z-20 transition-transform group-hover:translate-x-5" src="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1024_fit_center-center_none/3309398/ClintLeemans.webp" srcset="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_640x1059_fit_center-center_none/3309398/ClintLeemans.webp 640w, https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1271_fit_center-center_none/3309398/ClintLeemans.webp 768w" width="619" height="1024" alt="Clint Leemans" loading="lazy" sizes="(max-width: 640px) 640px, (max-width: 768px) 768px, 768px">
1822        
1823        <span class="font-heading -ml-8 flex flex-col uppercase">
1824                            <span class="text-stroke text-150-size/none mb-8 ring-white/50 transition-transform group-hover:-translate-x-5 group-hover:scale-110">
1825                    6
1826                </span>
1827                        <span class="text-40-size/none lg:min-w-[200px] mb-6 text-balance font-bold text-white transition-transform group-hover:-translate-x-5">
1828                Clint Leemans
1829            </span>
1830                            <span class="text-primary-light flex items-center gap-x-2.5 transition-transform group-hover:-translate-x-5">
1831                    <svg class="w-6 min-w-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M211.4 0c-27.7 0-54.5 9.6-76 27.1L56.3 91.9 12.9 127.4c-13.7 11.2-15.7 31.4-4.5 45l70.9 86.7c11.2 13.7 31.4 15.7 45 4.5L160 234.4 160 456c0 30.9 25.1 56 56 56l208 0c30.9 0 56-25.1 56-56l0-221.6 35.6 29.1c13.7 11.2 33.8 9.2 45-4.5l70.9-86.7c11.2-13.7 9.2-33.8-4.5-45L583.7 91.9 504.6 27.1C483.1 9.6 456.3 0 428.6 0l-6.3 0c-1.3 0-2.5 .1-3.7 .2c-.8-.1-1.7-.2-2.6-.2L224 0c-.9 0-1.7 .1-2.6 .2c-1.2-.1-2.4-.2-3.7-.2l-6.3 0zm40.7 32l135.8 0C378 60 351.3 80 320 80s-58-20-67.9-48zM155.7 51.9C171.4 39 191.1 32 211.4 32l6.3 0s0 0 0 0c0 0 .2 .1 .4 .3c.5 .4 1 1.2 1.3 2.2C231.1 79.1 271.7 112 320 112s88.9-32.9 100.6-77.5c.3-1 .8-1.8 1.3-2.2c.2-.2 .4-.2 .4-.3c0 0 0 0 0 0l6.3 0c20.3 0 40 7 55.7 19.9l79.2 64.8 43.3 35.5-70.9 86.7-43.3-35.5-18.4-15.1c-4.8-3.9-11.4-4.7-17-2.1s-9.1 8.3-9.1 14.5L448 456c0 13.3-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24l0-255.3c0-6.2-3.6-11.8-9.1-14.5s-12.2-1.8-17 2.1l-18.4 15.1-43.3 35.5L33.2 152.1l43.3-35.5 79.2-64.8z"/></svg>
1832                    <span class="text-18-size/none font-bold">Middenvelder</span>
1833                </span>
1834                    </span>
1835        <svg class="absolute bottom-0 right-0 translate-y-1/2 translate-x-1/2 group-hover:translate-y-[65%] group-hover:translate-x-[35%] transition-transform" width="471" height="358" viewBox="0 0 471 358" fill="none" xmlns="http://www.w3.org/2000/svg">
1836<rect x="229.874" y="0.00195312" width="37.8893" height="325.09" transform="rotate(45 229.874 0.00195312)" fill="url(#paint0_linear_5_108)" fill-opacity="0.08"/>
1837<rect x="283.457" y="53.5856" width="37.8893" height="325.09" transform="rotate(45 283.457 53.5856)" fill="url(#paint1_linear_5_108)" fill-opacity="0.08"/>
1838<rect x="337.041" y="107.169" width="37.8893" height="325.09" transform="rotate(45 337.041 107.169)" fill="url(#paint2_linear_5_108)" fill-opacity="0.08"/>
1839<rect x="390.624" y="160.753" width="37.8893" height="325.09" transform="rotate(45 390.624 160.753)" fill="url(#paint3_linear_5_108)" fill-opacity="0.08"/>
1840<rect x="444.208" y="214.336" width="37.8893" height="325.09" transform="rotate(45 444.208 214.336)" fill="url(#paint4_linear_5_108)" fill-opacity="0.08"/>
1841<defs>
1842<linearGradient id="paint0_linear_5_108" x1="248.818" y1="0.00195312" x2="248.818" y2="325.092" gradientUnits="userSpaceOnUse">
1843<stop stop-color="white"/>
1844<stop offset="1" stop-color="white" stop-opacity="0"/>
1845</linearGradient>
1846<linearGradient id="paint1_linear_5_108" x1="302.402" y1="53.5856" x2="302.402" y2="378.676" gradientUnits="userSpaceOnUse">
1847<stop stop-color="white"/>
1848<stop offset="1" stop-color="white" stop-opacity="0"/>
1849</linearGradient>
1850<linearGradient id="paint2_linear_5_108" x1="355.986" y1="107.169" x2="355.986" y2="432.26" gradientUnits="userSpaceOnUse">
1851<stop stop-color="white"/>
1852<stop offset="1" stop-color="white" stop-opacity="0"/>
1853</linearGradient>
1854<linearGradient id="paint3_linear_5_108" x1="409.569" y1="160.753" x2="409.569" y2="485.843" gradientUnits="userSpaceOnUse">
1855<stop stop-color="white"/>
1856<stop offset="1" stop-color="white" stop-opacity="0"/>
1857</linearGradient>
1858<linearGradient id="paint4_linear_5_108" x1="463.153" y1="214.336" x2="463.153" y2="539.427" gradientUnits="userSpaceOnUse">
1859<stop stop-color="white"/>
1860<stop offset="1" stop-color="white" stop-opacity="0"/>
1861</linearGradient>
1862</defs>
1863</svg>
1864
1865    </a>
1866                            </div>
1867                                                    <div class="swiper-slide !z-auto !overflow-visible">
1868                                
1869                                                                                    
1870    <a href="https://www.degraafschap.nl/teams/eerste-elftal/jason-meerstadt"
1871       title="Jason Meerstadt"
1872       class="group flex h-full ring-0 focus-visible:!-outline-offset-2 focus-visible:rounded-md"
1873       data-animation-reveal
1874       data-animation-reveal-type="translate"
1875       data-animation-reveal-from="bottom"
1876    >
1877                    
1878
1879
1880    <img class="relative z-20 transition-transform group-hover:translate-x-5" src="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1024_fit_center-center_none/3309480/JasonMeerstadt.webp" srcset="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_640x1111_fit_center-center_none/3309480/JasonMeerstadt.webp 640w, https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1333_fit_center-center_none/3309480/JasonMeerstadt.webp 768w" width="590" height="1024" alt="Jason Meerstadt" loading="lazy" sizes="(max-width: 640px) 640px, (max-width: 768px) 768px, 768px">
1881        
1882        <span class="font-heading -ml-8 flex flex-col uppercase">
1883                            <span class="text-stroke text-150-size/none mb-8 ring-white/50 transition-transform group-hover:-translate-x-5 group-hover:scale-110">
1884                    24
1885                </span>
1886                        <span class="text-40-size/none lg:min-w-[200px] mb-6 text-balance font-bold text-white transition-transform group-hover:-translate-x-5">
1887                Jason Meerstadt
1888            </span>
1889                            <span class="text-primary-light flex items-center gap-x-2.5 transition-transform group-hover:-translate-x-5">
1890                    <svg class="w-6 min-w-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M211.4 0c-27.7 0-54.5 9.6-76 27.1L56.3 91.9 12.9 127.4c-13.7 11.2-15.7 31.4-4.5 45l70.9 86.7c11.2 13.7 31.4 15.7 45 4.5L160 234.4 160 456c0 30.9 25.1 56 56 56l208 0c30.9 0 56-25.1 56-56l0-221.6 35.6 29.1c13.7 11.2 33.8 9.2 45-4.5l70.9-86.7c11.2-13.7 9.2-33.8-4.5-45L583.7 91.9 504.6 27.1C483.1 9.6 456.3 0 428.6 0l-6.3 0c-1.3 0-2.5 .1-3.7 .2c-.8-.1-1.7-.2-2.6-.2L224 0c-.9 0-1.7 .1-2.6 .2c-1.2-.1-2.4-.2-3.7-.2l-6.3 0zm40.7 32l135.8 0C378 60 351.3 80 320 80s-58-20-67.9-48zM155.7 51.9C171.4 39 191.1 32 211.4 32l6.3 0s0 0 0 0c0 0 .2 .1 .4 .3c.5 .4 1 1.2 1.3 2.2C231.1 79.1 271.7 112 320 112s88.9-32.9 100.6-77.5c.3-1 .8-1.8 1.3-2.2c.2-.2 .4-.2 .4-.3c0 0 0 0 0 0l6.3 0c20.3 0 40 7 55.7 19.9l79.2 64.8 43.3 35.5-70.9 86.7-43.3-35.5-18.4-15.1c-4.8-3.9-11.4-4.7-17-2.1s-9.1 8.3-9.1 14.5L448 456c0 13.3-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24l0-255.3c0-6.2-3.6-11.8-9.1-14.5s-12.2-1.8-17 2.1l-18.4 15.1-43.3 35.5L33.2 152.1l43.3-35.5 79.2-64.8z"/></svg>
1891                    <span class="text-18-size/none font-bold">Middenvelder</span>
1892                </span>
1893                    </span>
1894        <svg class="absolute bottom-0 right-0 translate-y-1/2 translate-x-1/2 group-hover:translate-y-[65%] group-hover:translate-x-[35%] transition-transform" width="471" height="358" viewBox="0 0 471 358" fill="none" xmlns="http://www.w3.org/2000/svg">
1895<rect x="229.874" y="0.00195312" width="37.8893" height="325.09" transform="rotate(45 229.874 0.00195312)" fill="url(#paint0_linear_5_108)" fill-opacity="0.08"/>
1896<rect x="283.457" y="53.5856" width="37.8893" height="325.09" transform="rotate(45 283.457 53.5856)" fill="url(#paint1_linear_5_108)" fill-opacity="0.08"/>
1897<rect x="337.041" y="107.169" width="37.8893" height="325.09" transform="rotate(45 337.041 107.169)" fill="url(#paint2_linear_5_108)" fill-opacity="0.08"/>
1898<rect x="390.624" y="160.753" width="37.8893" height="325.09" transform="rotate(45 390.624 160.753)" fill="url(#paint3_linear_5_108)" fill-opacity="0.08"/>
1899<rect x="444.208" y="214.336" width="37.8893" height="325.09" transform="rotate(45 444.208 214.336)" fill="url(#paint4_linear_5_108)" fill-opacity="0.08"/>
1900<defs>
1901<linearGradient id="paint0_linear_5_108" x1="248.818" y1="0.00195312" x2="248.818" y2="325.092" gradientUnits="userSpaceOnUse">
1902<stop stop-color="white"/>
1903<stop offset="1" stop-color="white" stop-opacity="0"/>
1904</linearGradient>
1905<linearGradient id="paint1_linear_5_108" x1="302.402" y1="53.5856" x2="302.402" y2="378.676" gradientUnits="userSpaceOnUse">
1906<stop stop-color="white"/>
1907<stop offset="1" stop-color="white" stop-opacity="0"/>
1908</linearGradient>
1909<linearGradient id="paint2_linear_5_108" x1="355.986" y1="107.169" x2="355.986" y2="432.26" gradientUnits="userSpaceOnUse">
1910<stop stop-color="white"/>
1911<stop offset="1" stop-color="white" stop-opacity="0"/>
1912</linearGradient>
1913<linearGradient id="paint3_linear_5_108" x1="409.569" y1="160.753" x2="409.569" y2="485.843" gradientUnits="userSpaceOnUse">
1914<stop stop-color="white"/>
1915<stop offset="1" stop-color="white" stop-opacity="0"/>
1916</linearGradient>
1917<linearGradient id="paint4_linear_5_108" x1="463.153" y1="214.336" x2="463.153" y2="539.427" gradientUnits="userSpaceOnUse">
1918<stop stop-color="white"/>
1919<stop offset="1" stop-color="white" stop-opacity="0"/>
1920</linearGradient>
1921</defs>
1922</svg>
1923
1924    </a>
1925                            </div>
1926                                                    <div class="swiper-slide !z-auto !overflow-visible">
1927                                
1928                                                        
1929    <a href="https://www.degraafschap.nl/teams/eerste-elftal/bjorn-van-zijl"
1930       title="Bjorn van Zijl"
1931       class="group flex h-full ring-0 focus-visible:!-outline-offset-2 focus-visible:rounded-md"
1932       data-animation-reveal
1933       data-animation-reveal-type="translate"
1934       data-animation-reveal-from="bottom"
1935    >
1936                    
1937
1938
1939    <img class="relative z-20 transition-transform group-hover:translate-x-5" src="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1024_fit_center-center_none/3309401/BjornvanZijl.webp" srcset="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_640x1080_fit_center-center_none/3309401/BjornvanZijl.webp 640w, https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1296_fit_center-center_none/3309401/BjornvanZijl.webp 768w" width="607" height="1024" alt="Bjornvan Zijl" loading="lazy" sizes="(max-width: 640px) 640px, (max-width: 768px) 768px, 768px">
1940        
1941        <span class="font-heading -ml-8 flex flex-col uppercase">
1942                            <span class="text-stroke text-150-size/none mb-8 ring-white/50 transition-transform group-hover:-translate-x-5 group-hover:scale-110">
1943                    7
1944                </span>
1945                        <span class="text-40-size/none lg:min-w-[200px] mb-6 text-balance font-bold text-white transition-transform group-hover:-translate-x-5">
1946                Bjorn van Zijl
1947            </span>
1948                            <span class="text-primary-light flex items-center gap-x-2.5 transition-transform group-hover:-translate-x-5">
1949                    <svg class="w-6 min-w-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M211.4 0c-27.7 0-54.5 9.6-76 27.1L56.3 91.9 12.9 127.4c-13.7 11.2-15.7 31.4-4.5 45l70.9 86.7c11.2 13.7 31.4 15.7 45 4.5L160 234.4 160 456c0 30.9 25.1 56 56 56l208 0c30.9 0 56-25.1 56-56l0-221.6 35.6 29.1c13.7 11.2 33.8 9.2 45-4.5l70.9-86.7c11.2-13.7 9.2-33.8-4.5-45L583.7 91.9 504.6 27.1C483.1 9.6 456.3 0 428.6 0l-6.3 0c-1.3 0-2.5 .1-3.7 .2c-.8-.1-1.7-.2-2.6-.2L224 0c-.9 0-1.7 .1-2.6 .2c-1.2-.1-2.4-.2-3.7-.2l-6.3 0zm40.7 32l135.8 0C378 60 351.3 80 320 80s-58-20-67.9-48zM155.7 51.9C171.4 39 191.1 32 211.4 32l6.3 0s0 0 0 0c0 0 .2 .1 .4 .3c.5 .4 1 1.2 1.3 2.2C231.1 79.1 271.7 112 320 112s88.9-32.9 100.6-77.5c.3-1 .8-1.8 1.3-2.2c.2-.2 .4-.2 .4-.3c0 0 0 0 0 0l6.3 0c20.3 0 40 7 55.7 19.9l79.2 64.8 43.3 35.5-70.9 86.7-43.3-35.5-18.4-15.1c-4.8-3.9-11.4-4.7-17-2.1s-9.1 8.3-9.1 14.5L448 456c0 13.3-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24l0-255.3c0-6.2-3.6-11.8-9.1-14.5s-12.2-1.8-17 2.1l-18.4 15.1-43.3 35.5L33.2 152.1l43.3-35.5 79.2-64.8z"/></svg>
1950                    <span class="text-18-size/none font-bold">Aanvaller</span>
1951                </span>
1952                    </span>
1953        <svg class="absolute bottom-0 right-0 translate-y-1/2 translate-x-1/2 group-hover:translate-y-[65%] group-hover:translate-x-[35%] transition-transform" width="471" height="358" viewBox="0 0 471 358" fill="none" xmlns="http://www.w3.org/2000/svg">
1954<rect x="229.874" y="0.00195312" width="37.8893" height="325.09" transform="rotate(45 229.874 0.00195312)" fill="url(#paint0_linear_5_108)" fill-opacity="0.08"/>
1955<rect x="283.457" y="53.5856" width="37.8893" height="325.09" transform="rotate(45 283.457 53.5856)" fill="url(#paint1_linear_5_108)" fill-opacity="0.08"/>
1956<rect x="337.041" y="107.169" width="37.8893" height="325.09" transform="rotate(45 337.041 107.169)" fill="url(#paint2_linear_5_108)" fill-opacity="0.08"/>
1957<rect x="390.624" y="160.753" width="37.8893" height="325.09" transform="rotate(45 390.624 160.753)" fill="url(#paint3_linear_5_108)" fill-opacity="0.08"/>
1958<rect x="444.208" y="214.336" width="37.8893" height="325.09" transform="rotate(45 444.208 214.336)" fill="url(#paint4_linear_5_108)" fill-opacity="0.08"/>
1959<defs>
1960<linearGradient id="paint0_linear_5_108" x1="248.818" y1="0.00195312" x2="248.818" y2="325.092" gradientUnits="userSpaceOnUse">
1961<stop stop-color="white"/>
1962<stop offset="1" stop-color="white" stop-opacity="0"/>
1963</linearGradient>
1964<linearGradient id="paint1_linear_5_108" x1="302.402" y1="53.5856" x2="302.402" y2="378.676" gradientUnits="userSpaceOnUse">
1965<stop stop-color="white"/>
1966<stop offset="1" stop-color="white" stop-opacity="0"/>
1967</linearGradient>
1968<linearGradient id="paint2_linear_5_108" x1="355.986" y1="107.169" x2="355.986" y2="432.26" gradientUnits="userSpaceOnUse">
1969<stop stop-color="white"/>
1970<stop offset="1" stop-color="white" stop-opacity="0"/>
1971</linearGradient>
1972<linearGradient id="paint3_linear_5_108" x1="409.569" y1="160.753" x2="409.569" y2="485.843" gradientUnits="userSpaceOnUse">
1973<stop stop-color="white"/>
1974<stop offset="1" stop-color="white" stop-opacity="0"/>
1975</linearGradient>
1976<linearGradient id="paint4_linear_5_108" x1="463.153" y1="214.336" x2="463.153" y2="539.427" gradientUnits="userSpaceOnUse">
1977<stop stop-color="white"/>
1978<stop offset="1" stop-color="white" stop-opacity="0"/>
1979</linearGradient>
1980</defs>
1981</svg>
1982
1983    </a>
1984                            </div>
1985                                                    <div class="swiper-slide !z-auto !overflow-visible">
1986                                
1987                                                        
1988    <a href="https://www.degraafschap.nl/teams/eerste-elftal/milan-smits"
1989       title="Milan Smits"
1990       class="group flex h-full ring-0 focus-visible:!-outline-offset-2 focus-visible:rounded-md"
1991       data-animation-reveal
1992       data-animation-reveal-type="translate"
1993       data-animation-reveal-from="bottom"
1994    >
1995                    
1996
1997
1998    <img class="relative z-20 transition-transform group-hover:translate-x-5" src="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1024_fit_center-center_none/3309502/MilanSmits.webp" srcset="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_640x1098_fit_center-center_none/3309502/MilanSmits.webp 640w, https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1318_fit_center-center_none/3309502/MilanSmits.webp 768w" width="597" height="1024" alt="Milan Smits" loading="lazy" sizes="(max-width: 640px) 640px, (max-width: 768px) 768px, 768px">
1999        
2000        <span class="font-heading -ml-8 flex flex-col uppercase">
2001                            <span class="text-stroke text-150-size/none mb-8 ring-white/50 transition-transform group-hover:-translate-x-5 group-hover:scale-110">
2002                    38
2003                </span>
2004                        <span class="text-40-size/none lg:min-w-[200px] mb-6 text-balance font-bold text-white transition-transform group-hover:-translate-x-5">
2005                Milan Smits
2006            </span>
2007                            <span class="text-primary-light flex items-center gap-x-2.5 transition-transform group-hover:-translate-x-5">
2008                    <svg class="w-6 min-w-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M211.4 0c-27.7 0-54.5 9.6-76 27.1L56.3 91.9 12.9 127.4c-13.7 11.2-15.7 31.4-4.5 45l70.9 86.7c11.2 13.7 31.4 15.7 45 4.5L160 234.4 160 456c0 30.9 25.1 56 56 56l208 0c30.9 0 56-25.1 56-56l0-221.6 35.6 29.1c13.7 11.2 33.8 9.2 45-4.5l70.9-86.7c11.2-13.7 9.2-33.8-4.5-45L583.7 91.9 504.6 27.1C483.1 9.6 456.3 0 428.6 0l-6.3 0c-1.3 0-2.5 .1-3.7 .2c-.8-.1-1.7-.2-2.6-.2L224 0c-.9 0-1.7 .1-2.6 .2c-1.2-.1-2.4-.2-3.7-.2l-6.3 0zm40.7 32l135.8 0C378 60 351.3 80 320 80s-58-20-67.9-48zM155.7 51.9C171.4 39 191.1 32 211.4 32l6.3 0s0 0 0 0c0 0 .2 .1 .4 .3c.5 .4 1 1.2 1.3 2.2C231.1 79.1 271.7 112 320 112s88.9-32.9 100.6-77.5c.3-1 .8-1.8 1.3-2.2c.2-.2 .4-.2 .4-.3c0 0 0 0 0 0l6.3 0c20.3 0 40 7 55.7 19.9l79.2 64.8 43.3 35.5-70.9 86.7-43.3-35.5-18.4-15.1c-4.8-3.9-11.4-4.7-17-2.1s-9.1 8.3-9.1 14.5L448 456c0 13.3-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24l0-255.3c0-6.2-3.6-11.8-9.1-14.5s-12.2-1.8-17 2.1l-18.4 15.1-43.3 35.5L33.2 152.1l43.3-35.5 79.2-64.8z"/></svg>
2009                    <span class="text-18-size/none font-bold">Middenvelder</span>
2010                </span>
2011                    </span>
2012        <svg class="absolute bottom-0 right-0 translate-y-1/2 translate-x-1/2 group-hover:translate-y-[65%] group-hover:translate-x-[35%] transition-transform" width="471" height="358" viewBox="0 0 471 358" fill="none" xmlns="http://www.w3.org/2000/svg">
2013<rect x="229.874" y="0.00195312" width="37.8893" height="325.09" transform="rotate(45 229.874 0.00195312)" fill="url(#paint0_linear_5_108)" fill-opacity="0.08"/>
2014<rect x="283.457" y="53.5856" width="37.8893" height="325.09" transform="rotate(45 283.457 53.5856)" fill="url(#paint1_linear_5_108)" fill-opacity="0.08"/>
2015<rect x="337.041" y="107.169" width="37.8893" height="325.09" transform="rotate(45 337.041 107.169)" fill="url(#paint2_linear_5_108)" fill-opacity="0.08"/>
2016<rect x="390.624" y="160.753" width="37.8893" height="325.09" transform="rotate(45 390.624 160.753)" fill="url(#paint3_linear_5_108)" fill-opacity="0.08"/>
2017<rect x="444.208" y="214.336" width="37.8893" height="325.09" transform="rotate(45 444.208 214.336)" fill="url(#paint4_linear_5_108)" fill-opacity="0.08"/>
2018<defs>
2019<linearGradient id="paint0_linear_5_108" x1="248.818" y1="0.00195312" x2="248.818" y2="325.092" gradientUnits="userSpaceOnUse">
2020<stop stop-color="white"/>
2021<stop offset="1" stop-color="white" stop-opacity="0"/>
2022</linearGradient>
2023<linearGradient id="paint1_linear_5_108" x1="302.402" y1="53.5856" x2="302.402" y2="378.676" gradientUnits="userSpaceOnUse">
2024<stop stop-color="white"/>
2025<stop offset="1" stop-color="white" stop-opacity="0"/>
2026</linearGradient>
2027<linearGradient id="paint2_linear_5_108" x1="355.986" y1="107.169" x2="355.986" y2="432.26" gradientUnits="userSpaceOnUse">
2028<stop stop-color="white"/>
2029<stop offset="1" stop-color="white" stop-opacity="0"/>
2030</linearGradient>
2031<linearGradient id="paint3_linear_5_108" x1="409.569" y1="160.753" x2="409.569" y2="485.843" gradientUnits="userSpaceOnUse">
2032<stop stop-color="white"/>
2033<stop offset="1" stop-color="white" stop-opacity="0"/>
2034</linearGradient>
2035<linearGradient id="paint4_linear_5_108" x1="463.153" y1="214.336" x2="463.153" y2="539.427" gradientUnits="userSpaceOnUse">
2036<stop stop-color="white"/>
2037<stop offset="1" stop-color="white" stop-opacity="0"/>
2038</linearGradient>
2039</defs>
2040</svg>
2041
2042    </a>
2043                            </div>
2044                                                    <div class="swiper-slide !z-auto !overflow-visible">
2045                                
2046                                                        
2047    <a href="https://www.degraafschap.nl/teams/eerste-elftal/mark-pabai"
2048       title="Mark Pabai"
2049       class="group flex h-full ring-0 focus-visible:!-outline-offset-2 focus-visible:rounded-md"
2050       data-animation-reveal
2051       data-animation-reveal-type="translate"
2052       data-animation-reveal-from="bottom"
2053    >
2054                    
2055
2056
2057    <img class="relative z-20 transition-transform group-hover:translate-x-5" src="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1024_fit_center-center_none/3309483/MarkPabai.webp" srcset="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_640x1071_fit_center-center_none/3309483/MarkPabai.webp 640w, https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1286_fit_center-center_none/3309483/MarkPabai.webp 768w" width="612" height="1024" alt="Mark Pabai" loading="lazy" sizes="(max-width: 640px) 640px, (max-width: 768px) 768px, 768px">
2058        
2059        <span class="font-heading -ml-8 flex flex-col uppercase">
2060                            <span class="text-stroke text-150-size/none mb-8 ring-white/50 transition-transform group-hover:-translate-x-5 group-hover:scale-110">
2061                    25
2062                </span>
2063                        <span class="text-40-size/none lg:min-w-[200px] mb-6 text-balance font-bold text-white transition-transform group-hover:-translate-x-5">
2064                Mark Pabai
2065            </span>
2066                            <span class="text-primary-light flex items-center gap-x-2.5 transition-transform group-hover:-translate-x-5">
2067                    <svg class="w-6 min-w-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M211.4 0c-27.7 0-54.5 9.6-76 27.1L56.3 91.9 12.9 127.4c-13.7 11.2-15.7 31.4-4.5 45l70.9 86.7c11.2 13.7 31.4 15.7 45 4.5L160 234.4 160 456c0 30.9 25.1 56 56 56l208 0c30.9 0 56-25.1 56-56l0-221.6 35.6 29.1c13.7 11.2 33.8 9.2 45-4.5l70.9-86.7c11.2-13.7 9.2-33.8-4.5-45L583.7 91.9 504.6 27.1C483.1 9.6 456.3 0 428.6 0l-6.3 0c-1.3 0-2.5 .1-3.7 .2c-.8-.1-1.7-.2-2.6-.2L224 0c-.9 0-1.7 .1-2.6 .2c-1.2-.1-2.4-.2-3.7-.2l-6.3 0zm40.7 32l135.8 0C378 60 351.3 80 320 80s-58-20-67.9-48zM155.7 51.9C171.4 39 191.1 32 211.4 32l6.3 0s0 0 0 0c0 0 .2 .1 .4 .3c.5 .4 1 1.2 1.3 2.2C231.1 79.1 271.7 112 320 112s88.9-32.9 100.6-77.5c.3-1 .8-1.8 1.3-2.2c.2-.2 .4-.2 .4-.3c0 0 0 0 0 0l6.3 0c20.3 0 40 7 55.7 19.9l79.2 64.8 43.3 35.5-70.9 86.7-43.3-35.5-18.4-15.1c-4.8-3.9-11.4-4.7-17-2.1s-9.1 8.3-9.1 14.5L448 456c0 13.3-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24l0-255.3c0-6.2-3.6-11.8-9.1-14.5s-12.2-1.8-17 2.1l-18.4 15.1-43.3 35.5L33.2 152.1l43.3-35.5 79.2-64.8z"/></svg>
2068                    <span class="text-18-size/none font-bold">Verdediger</span>
2069                </span>
2070                    </span>
2071        <svg class="absolute bottom-0 right-0 translate-y-1/2 translate-x-1/2 group-hover:translate-y-[65%] group-hover:translate-x-[35%] transition-transform" width="471" height="358" viewBox="0 0 471 358" fill="none" xmlns="http://www.w3.org/2000/svg">
2072<rect x="229.874" y="0.00195312" width="37.8893" height="325.09" transform="rotate(45 229.874 0.00195312)" fill="url(#paint0_linear_5_108)" fill-opacity="0.08"/>
2073<rect x="283.457" y="53.5856" width="37.8893" height="325.09" transform="rotate(45 283.457 53.5856)" fill="url(#paint1_linear_5_108)" fill-opacity="0.08"/>
2074<rect x="337.041" y="107.169" width="37.8893" height="325.09" transform="rotate(45 337.041 107.169)" fill="url(#paint2_linear_5_108)" fill-opacity="0.08"/>
2075<rect x="390.624" y="160.753" width="37.8893" height="325.09" transform="rotate(45 390.624 160.753)" fill="url(#paint3_linear_5_108)" fill-opacity="0.08"/>
2076<rect x="444.208" y="214.336" width="37.8893" height="325.09" transform="rotate(45 444.208 214.336)" fill="url(#paint4_linear_5_108)" fill-opacity="0.08"/>
2077<defs>
2078<linearGradient id="paint0_linear_5_108" x1="248.818" y1="0.00195312" x2="248.818" y2="325.092" gradientUnits="userSpaceOnUse">
2079<stop stop-color="white"/>
2080<stop offset="1" stop-color="white" stop-opacity="0"/>
2081</linearGradient>
2082<linearGradient id="paint1_linear_5_108" x1="302.402" y1="53.5856" x2="302.402" y2="378.676" gradientUnits="userSpaceOnUse">
2083<stop stop-color="white"/>
2084<stop offset="1" stop-color="white" stop-opacity="0"/>
2085</linearGradient>
2086<linearGradient id="paint2_linear_5_108" x1="355.986" y1="107.169" x2="355.986" y2="432.26" gradientUnits="userSpaceOnUse">
2087<stop stop-color="white"/>
2088<stop offset="1" stop-color="white" stop-opacity="0"/>
2089</linearGradient>
2090<linearGradient id="paint3_linear_5_108" x1="409.569" y1="160.753" x2="409.569" y2="485.843" gradientUnits="userSpaceOnUse">
2091<stop stop-color="white"/>
2092<stop offset="1" stop-color="white" stop-opacity="0"/>
2093</linearGradient>
2094<linearGradient id="paint4_linear_5_108" x1="463.153" y1="214.336" x2="463.153" y2="539.427" gradientUnits="userSpaceOnUse">
2095<stop stop-color="white"/>
2096<stop offset="1" stop-color="white" stop-opacity="0"/>
2097</linearGradient>
2098</defs>
2099</svg>
2100
2101    </a>
2102                            </div>
2103                                                    <div class="swiper-slide !z-auto !overflow-visible">
2104                                
2105                                                                                    
2106    <a href="https://www.degraafschap.nl/teams/eerste-elftal/kyano-kwint"
2107       title="Kyano Kwint"
2108       class="group flex h-full ring-0 focus-visible:!-outline-offset-2 focus-visible:rounded-md"
2109       data-animation-reveal
2110       data-animation-reveal-type="translate"
2111       data-animation-reveal-from="bottom"
2112    >
2113                    
2114
2115
2116    <img class="relative z-20 transition-transform group-hover:translate-x-5" src="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1024_fit_center-center_none/3309505/KyanoKwint.webp" srcset="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_640x1064_fit_center-center_none/3309505/KyanoKwint.webp 640w, https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1277_fit_center-center_none/3309505/KyanoKwint.webp 768w" width="616" height="1024" alt="Kyano Kwint" loading="lazy" sizes="(max-width: 640px) 640px, (max-width: 768px) 768px, 768px">
2117        
2118        <span class="font-heading -ml-8 flex flex-col uppercase">
2119                            <span class="text-stroke text-150-size/none mb-8 ring-white/50 transition-transform group-hover:-translate-x-5 group-hover:scale-110">
2120                    40
2121                </span>
2122                        <span class="text-40-size/none lg:min-w-[200px] mb-6 text-balance font-bold text-white transition-transform group-hover:-translate-x-5">
2123                Kyano Kwint 
2124            </span>
2125                            <span class="text-primary-light flex items-center gap-x-2.5 transition-transform group-hover:-translate-x-5">
2126                    <svg class="w-6 min-w-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M211.4 0c-27.7 0-54.5 9.6-76 27.1L56.3 91.9 12.9 127.4c-13.7 11.2-15.7 31.4-4.5 45l70.9 86.7c11.2 13.7 31.4 15.7 45 4.5L160 234.4 160 456c0 30.9 25.1 56 56 56l208 0c30.9 0 56-25.1 56-56l0-221.6 35.6 29.1c13.7 11.2 33.8 9.2 45-4.5l70.9-86.7c11.2-13.7 9.2-33.8-4.5-45L583.7 91.9 504.6 27.1C483.1 9.6 456.3 0 428.6 0l-6.3 0c-1.3 0-2.5 .1-3.7 .2c-.8-.1-1.7-.2-2.6-.2L224 0c-.9 0-1.7 .1-2.6 .2c-1.2-.1-2.4-.2-3.7-.2l-6.3 0zm40.7 32l135.8 0C378 60 351.3 80 320 80s-58-20-67.9-48zM155.7 51.9C171.4 39 191.1 32 211.4 32l6.3 0s0 0 0 0c0 0 .2 .1 .4 .3c.5 .4 1 1.2 1.3 2.2C231.1 79.1 271.7 112 320 112s88.9-32.9 100.6-77.5c.3-1 .8-1.8 1.3-2.2c.2-.2 .4-.2 .4-.3c0 0 0 0 0 0l6.3 0c20.3 0 40 7 55.7 19.9l79.2 64.8 43.3 35.5-70.9 86.7-43.3-35.5-18.4-15.1c-4.8-3.9-11.4-4.7-17-2.1s-9.1 8.3-9.1 14.5L448 456c0 13.3-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24l0-255.3c0-6.2-3.6-11.8-9.1-14.5s-12.2-1.8-17 2.1l-18.4 15.1-43.3 35.5L33.2 152.1l43.3-35.5 79.2-64.8z"/></svg>
2127                    <span class="text-18-size/none font-bold">Aanvaller</span>
2128                </span>
2129                    </span>
2130        <svg class="absolute bottom-0 right-0 translate-y-1/2 translate-x-1/2 group-hover:translate-y-[65%] group-hover:translate-x-[35%] transition-transform" width="471" height="358" viewBox="0 0 471 358" fill="none" xmlns="http://www.w3.org/2000/svg">
2131<rect x="229.874" y="0.00195312" width="37.8893" height="325.09" transform="rotate(45 229.874 0.00195312)" fill="url(#paint0_linear_5_108)" fill-opacity="0.08"/>
2132<rect x="283.457" y="53.5856" width="37.8893" height="325.09" transform="rotate(45 283.457 53.5856)" fill="url(#paint1_linear_5_108)" fill-opacity="0.08"/>
2133<rect x="337.041" y="107.169" width="37.8893" height="325.09" transform="rotate(45 337.041 107.169)" fill="url(#paint2_linear_5_108)" fill-opacity="0.08"/>
2134<rect x="390.624" y="160.753" width="37.8893" height="325.09" transform="rotate(45 390.624 160.753)" fill="url(#paint3_linear_5_108)" fill-opacity="0.08"/>
2135<rect x="444.208" y="214.336" width="37.8893" height="325.09" transform="rotate(45 444.208 214.336)" fill="url(#paint4_linear_5_108)" fill-opacity="0.08"/>
2136<defs>
2137<linearGradient id="paint0_linear_5_108" x1="248.818" y1="0.00195312" x2="248.818" y2="325.092" gradientUnits="userSpaceOnUse">
2138<stop stop-color="white"/>
2139<stop offset="1" stop-color="white" stop-opacity="0"/>
2140</linearGradient>
2141<linearGradient id="paint1_linear_5_108" x1="302.402" y1="53.5856" x2="302.402" y2="378.676" gradientUnits="userSpaceOnUse">
2142<stop stop-color="white"/>
2143<stop offset="1" stop-color="white" stop-opacity="0"/>
2144</linearGradient>
2145<linearGradient id="paint2_linear_5_108" x1="355.986" y1="107.169" x2="355.986" y2="432.26" gradientUnits="userSpaceOnUse">
2146<stop stop-color="white"/>
2147<stop offset="1" stop-color="white" stop-opacity="0"/>
2148</linearGradient>
2149<linearGradient id="paint3_linear_5_108" x1="409.569" y1="160.753" x2="409.569" y2="485.843" gradientUnits="userSpaceOnUse">
2150<stop stop-color="white"/>
2151<stop offset="1" stop-color="white" stop-opacity="0"/>
2152</linearGradient>
2153<linearGradient id="paint4_linear_5_108" x1="463.153" y1="214.336" x2="463.153" y2="539.427" gradientUnits="userSpaceOnUse">
2154<stop stop-color="white"/>
2155<stop offset="1" stop-color="white" stop-opacity="0"/>
2156</linearGradient>
2157</defs>
2158</svg>
2159
2160    </a>
2161                            </div>
2162                                                    <div class="swiper-slide !z-auto !overflow-visible">
2163                                
2164                                                                                    
2165    <a href="https://www.degraafschap.nl/teams/eerste-elftal/levi-schoppema"
2166       title="Levi Schoppema"
2167       class="group flex h-full ring-0 focus-visible:!-outline-offset-2 focus-visible:rounded-md"
2168       data-animation-reveal
2169       data-animation-reveal-type="translate"
2170       data-animation-reveal-from="bottom"
2171    >
2172                    
2173
2174
2175    <img class="relative z-20 transition-transform group-hover:translate-x-5" src="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1024_fit_center-center_none/3309395/LeviSchoppema.webp" srcset="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_640x1169_fit_center-center_none/3309395/LeviSchoppema.webp 640w, https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1402_fit_center-center_none/3309395/LeviSchoppema.webp 768w" width="561" height="1024" alt="Levi Schoppema" loading="lazy" sizes="(max-width: 640px) 640px, (max-width: 768px) 768px, 768px">
2176        
2177        <span class="font-heading -ml-8 flex flex-col uppercase">
2178                            <span class="text-stroke text-150-size/none mb-8 ring-white/50 transition-transform group-hover:-translate-x-5 group-hover:scale-110">
2179                    5
2180                </span>
2181                        <span class="text-40-size/none lg:min-w-[200px] mb-6 text-balance font-bold text-white transition-transform group-hover:-translate-x-5">
2182                Levi Schoppema
2183            </span>
2184                            <span class="text-primary-light flex items-center gap-x-2.5 transition-transform group-hover:-translate-x-5">
2185                    <svg class="w-6 min-w-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M211.4 0c-27.7 0-54.5 9.6-76 27.1L56.3 91.9 12.9 127.4c-13.7 11.2-15.7 31.4-4.5 45l70.9 86.7c11.2 13.7 31.4 15.7 45 4.5L160 234.4 160 456c0 30.9 25.1 56 56 56l208 0c30.9 0 56-25.1 56-56l0-221.6 35.6 29.1c13.7 11.2 33.8 9.2 45-4.5l70.9-86.7c11.2-13.7 9.2-33.8-4.5-45L583.7 91.9 504.6 27.1C483.1 9.6 456.3 0 428.6 0l-6.3 0c-1.3 0-2.5 .1-3.7 .2c-.8-.1-1.7-.2-2.6-.2L224 0c-.9 0-1.7 .1-2.6 .2c-1.2-.1-2.4-.2-3.7-.2l-6.3 0zm40.7 32l135.8 0C378 60 351.3 80 320 80s-58-20-67.9-48zM155.7 51.9C171.4 39 191.1 32 211.4 32l6.3 0s0 0 0 0c0 0 .2 .1 .4 .3c.5 .4 1 1.2 1.3 2.2C231.1 79.1 271.7 112 320 112s88.9-32.9 100.6-77.5c.3-1 .8-1.8 1.3-2.2c.2-.2 .4-.2 .4-.3c0 0 0 0 0 0l6.3 0c20.3 0 40 7 55.7 19.9l79.2 64.8 43.3 35.5-70.9 86.7-43.3-35.5-18.4-15.1c-4.8-3.9-11.4-4.7-17-2.1s-9.1 8.3-9.1 14.5L448 456c0 13.3-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24l0-255.3c0-6.2-3.6-11.8-9.1-14.5s-12.2-1.8-17 2.1l-18.4 15.1-43.3 35.5L33.2 152.1l43.3-35.5 79.2-64.8z"/></svg>
2186                    <span class="text-18-size/none font-bold">Verdediger</span>
2187                </span>
2188                    </span>
2189        <svg class="absolute bottom-0 right-0 translate-y-1/2 translate-x-1/2 group-hover:translate-y-[65%] group-hover:translate-x-[35%] transition-transform" width="471" height="358" viewBox="0 0 471 358" fill="none" xmlns="http://www.w3.org/2000/svg">
2190<rect x="229.874" y="0.00195312" width="37.8893" height="325.09" transform="rotate(45 229.874 0.00195312)" fill="url(#paint0_linear_5_108)" fill-opacity="0.08"/>
2191<rect x="283.457" y="53.5856" width="37.8893" height="325.09" transform="rotate(45 283.457 53.5856)" fill="url(#paint1_linear_5_108)" fill-opacity="0.08"/>
2192<rect x="337.041" y="107.169" width="37.8893" height="325.09" transform="rotate(45 337.041 107.169)" fill="url(#paint2_linear_5_108)" fill-opacity="0.08"/>
2193<rect x="390.624" y="160.753" width="37.8893" height="325.09" transform="rotate(45 390.624 160.753)" fill="url(#paint3_linear_5_108)" fill-opacity="0.08"/>
2194<rect x="444.208" y="214.336" width="37.8893" height="325.09" transform="rotate(45 444.208 214.336)" fill="url(#paint4_linear_5_108)" fill-opacity="0.08"/>
2195<defs>
2196<linearGradient id="paint0_linear_5_108" x1="248.818" y1="0.00195312" x2="248.818" y2="325.092" gradientUnits="userSpaceOnUse">
2197<stop stop-color="white"/>
2198<stop offset="1" stop-color="white" stop-opacity="0"/>
2199</linearGradient>
2200<linearGradient id="paint1_linear_5_108" x1="302.402" y1="53.5856" x2="302.402" y2="378.676" gradientUnits="userSpaceOnUse">
2201<stop stop-color="white"/>
2202<stop offset="1" stop-color="white" stop-opacity="0"/>
2203</linearGradient>
2204<linearGradient id="paint2_linear_5_108" x1="355.986" y1="107.169" x2="355.986" y2="432.26" gradientUnits="userSpaceOnUse">
2205<stop stop-color="white"/>
2206<stop offset="1" stop-color="white" stop-opacity="0"/>
2207</linearGradient>
2208<linearGradient id="paint3_linear_5_108" x1="409.569" y1="160.753" x2="409.569" y2="485.843" gradientUnits="userSpaceOnUse">
2209<stop stop-color="white"/>
2210<stop offset="1" stop-color="white" stop-opacity="0"/>
2211</linearGradient>
2212<linearGradient id="paint4_linear_5_108" x1="463.153" y1="214.336" x2="463.153" y2="539.427" gradientUnits="userSpaceOnUse">
2213<stop stop-color="white"/>
2214<stop offset="1" stop-color="white" stop-opacity="0"/>
2215</linearGradient>
2216</defs>
2217</svg>
2218
2219    </a>
2220                            </div>
2221                                                    <div class="swiper-slide !z-auto !overflow-visible">
2222                                
2223                                                        
2224    <a href="https://www.degraafschap.nl/teams/eerste-elftal/joran-hardeman"
2225       title="Joran Hardeman"
2226       class="group flex h-full ring-0 focus-visible:!-outline-offset-2 focus-visible:rounded-md"
2227       data-animation-reveal
2228       data-animation-reveal-type="translate"
2229       data-animation-reveal-from="bottom"
2230    >
2231                    
2232
2233
2234    <img class="relative z-20 transition-transform group-hover:translate-x-5" src="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1024_fit_center-center_none/3309392/Joran
2234Hardeman.webp" srcset="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_640x1093_fit_center-center_none/3309392/JoranHardeman.webp 640w, https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1311_fit_center-center_none/3309392/JoranHardeman.webp 768w" width="600" height="1024" alt="Joran Hardeman" loading="lazy" sizes="(max-width: 640px) 640px, (max-width: 768px) 768px, 768px">
2235        
2236        <span class="font-heading -ml-8 flex flex-col uppercase">
2237                            <span class="text-stroke text-150-size/none mb-8 ring-white/50 transition-transform group-hover:-translate-x-5 group-hover:scale-110">
2238                    4
2239                </span>
2240                        <span class="text-40-size/none lg:min-w-[200px] mb-6 text-balance font-bold text-white transition-transform group-hover:-translate-x-5">
2241                Joran Hardeman
2242            </span>
2243                            <span class="text-primary-light flex items-center gap-x-2.5 transition-transform group-hover:-translate-x-5">
2244                    <svg class="w-6 min-w-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M211.4 0c-27.7 0-54.5 9.6-76 27.1L56.3 91.9 12.9 127.4c-13.7 11.2-15.7 31.4-4.5 45l70.9 86.7c11.2 13.7 31.4 15.7 45 4.5L160 234.4 160 456c0 30.9 25.1 56 56 56l208 0c30.9 0 56-25.1 56-56l0-221.6 35.6 29.1c13.7 11.2 33.8 9.2 45-4.5l70.9-86.7c11.2-13.7 9.2-33.8-4.5-45L583.7 91.9 504.6 27.1C483.1 9.6 456.3 0 428.6 0l-6.3 0c-1.3 0-2.5 .1-3.7 .2c-.8-.1-1.7-.2-2.6-.2L224 0c-.9 0-1.7 .1-2.6 .2c-1.2-.1-2.4-.2-3.7-.2l-6.3 0zm40.7 32l135.8 0C378 60 351.3 80 320 80s-58-20-67.9-48zM155.7 51.9C171.4 39 191.1 32 211.4 32l6.3 0s0 0 0 0c0 0 .2 .1 .4 .3c.5 .4 1 1.2 1.3 2.2C231.1 79.1 271.7 112 320 112s88.9-32.9 100.6-77.5c.3-1 .8-1.8 1.3-2.2c.2-.2 .4-.2 .4-.3c0 0 0 0 0 0l6.3 0c20.3 0 40 7 55.7 19.9l79.2 64.8 43.3 35.5-70.9 86.7-43.3-35.5-18.4-15.1c-4.8-3.9-11.4-4.7-17-2.1s-9.1 8.3-9.1 14.5L448 456c0 13.3-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24l0-255.3c0-6.2-3.6-11.8-9.1-14.5s-12.2-1.8-17 2.1l-18.4 15.1-43.3 35.5L33.2 152.1l43.3-35.5 79.2-64.8z"/></svg>
2245                    <span class="text-18-size/none font-bold">Verdediger</span>
2246                </span>
2247                    </span>
2248        <svg class="absolute bottom-0 right-0 translate-y-1/2 translate-x-1/2 group-hover:translate-y-[65%] group-hover:translate-x-[35%] transition-transform" width="471" height="358" viewBox="0 0 471 358" fill="none" xmlns="http://www.w3.org/2000/svg">
2249<rect x="229.874" y="0.00195312" width="37.8893" height="325.09" transform="rotate(45 229.874 0.00195312)" fill="url(#paint0_linear_5_108)" fill-opacity="0.08"/>
2250<rect x="283.457" y="53.5856" width="37.8893" height="325.09" transform="rotate(45 283.457 53.5856)" fill="url(#paint1_linear_5_108)" fill-opacity="0.08"/>
2251<rect x="337.041" y="107.169" width="37.8893" height="325.09" transform="rotate(45 337.041 107.169)" fill="url(#paint2_linear_5_108)" fill-opacity="0.08"/>
2252<rect x="390.624" y="160.753" width="37.8893" height="325.09" transform="rotate(45 390.624 160.753)" fill="url(#paint3_linear_5_108)" fill-opacity="0.08"/>
2253<rect x="444.208" y="214.336" width="37.8893" height="325.09" transform="rotate(45 444.208 214.336)" fill="url(#paint4_linear_5_108)" fill-opacity="0.08"/>
2254<defs>
2255<linearGradient id="paint0_linear_5_108" x1="248.818" y1="0.00195312" x2="248.818" y2="325.092" gradientUnits="userSpaceOnUse">
2256<stop stop-color="white"/>
2257<stop offset="1" stop-color="white" stop-opacity="0"/>
2258</linearGradient>
2259<linearGradient id="paint1_linear_5_108" x1="302.402" y1="53.5856" x2="302.402" y2="378.676" gradientUnits="userSpaceOnUse">
2260<stop stop-color="white"/>
2261<stop offset="1" stop-color="white" stop-opacity="0"/>
2262</linearGradient>
2263<linearGradient id="paint2_linear_5_108" x1="355.986" y1="107.169" x2="355.986" y2="432.26" gradientUnits="userSpaceOnUse">
2264<stop stop-color="white"/>
2265<stop offset="1" stop-color="white" stop-opacity="0"/>
2266</linearGradient>
2267<linearGradient id="paint3_linear_5_108" x1="409.569" y1="160.753" x2="409.569" y2="485.843" gradientUnits="userSpaceOnUse">
2268<stop stop-color="white"/>
2269<stop offset="1" stop-color="white" stop-opacity="0"/>
2270</linearGradient>
2271<linearGradient id="paint4_linear_5_108" x1="463.153" y1="214.336" x2="463.153" y2="539.427" gradientUnits="userSpaceOnUse">
2272<stop stop-color="white"/>
2273<stop offset="1" stop-color="white" stop-opacity="0"/>
2274</linearGradient>
2275</defs>
2276</svg>
2277
2278    </a>
2279                            </div>
2280                                                    <div class="swiper-slide !z-auto !overflow-visible">
2281                                
2282                                                        
2283    <a href="https://www.degraafschap.nl/teams/eerste-elftal/gabriele-finocchiaro"
2284       title="Gabriele Finocchiaro"
2285       class="group flex h-full ring-0 focus-visible:!-outline-offset-2 focus-visible:rounded-md"
2286       data-animation-reveal
2287       data-animation-reveal-type="translate"
2288       data-animation-reveal-from="bottom"
2289    >
2290                    
2291
2292
2293    <img class="relative z-20 transition-transform group-hover:translate-x-5" src="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1024_fit_center-center_none/3309467/GabrieleFinocchiaro.webp" srcset="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_640x1119_fit_center-center_none/3309467/GabrieleFinocchiaro.webp 640w, https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1343_fit_center-center_none/3309467/GabrieleFinocchiaro.webp 768w" width="586" height="1024" alt="Gabriele Finocchiaro" loading="lazy" sizes="(max-width: 640px) 640px, (max-width: 768px) 768px, 768px">
2294        
2295        <span class="font-heading -ml-8 flex flex-col uppercase">
2296                            <span class="text-stroke text-150-size/none mb-8 ring-white/50 transition-transform group-hover:-translate-x-5 group-hover:scale-110">
2297                    20
2298                </span>
2299                        <span class="text-40-size/none lg:min-w-[200px] mb-6 text-balance font-bold text-white transition-transform group-hover:-translate-x-5">
2300                Gabriele Finocchiaro
2301            </span>
2302                            <span class="text-primary-light flex items-center gap-x-2.5 transition-transform group-hover:-translate-x-5">
2303                    <svg class="w-6 min-w-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M211.4 0c-27.7 0-54.5 9.6-76 27.1L56.3 91.9 12.9 127.4c-13.7 11.2-15.7 31.4-4.5 45l70.9 86.7c11.2 13.7 31.4 15.7 45 4.5L160 234.4 160 456c0 30.9 25.1 56 56 56l208 0c30.9 0 56-25.1 56-56l0-221.6 35.6 29.1c13.7 11.2 33.8 9.2 45-4.5l70.9-86.7c11.2-13.7 9.2-33.8-4.5-45L583.7 91.9 504.6 27.1C483.1 9.6 456.3 0 428.6 0l-6.3 0c-1.3 0-2.5 .1-3.7 .2c-.8-.1-1.7-.2-2.6-.2L224 0c-.9 0-1.7 .1-2.6 .2c-1.2-.1-2.4-.2-3.7-.2l-6.3 0zm40.7 32l135.8 0C378 60 351.3 80 320 80s-58-20-67.9-48zM155.7 51.9C171.4 39 191.1 32 211.4 32l6.3 0s0 0 0 0c0 0 .2 .1 .4 .3c.5 .4 1 1.2 1.3 2.2C231.1 79.1 271.7 112 320 112s88.9-32.9 100.6-77.5c.3-1 .8-1.8 1.3-2.2c.2-.2 .4-.2 .4-.3c0 0 0 0 0 0l6.3 0c20.3 0 40 7 55.7 19.9l79.2 64.8 43.3 35.5-70.9 86.7-43.3-35.5-18.4-15.1c-4.8-3.9-11.4-4.7-17-2.1s-9.1 8.3-9.1 14.5L448 456c0 13.3-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24l0-255.3c0-6.2-3.6-11.8-9.1-14.5s-12.2-1.8-17 2.1l-18.4 15.1-43.3 35.5L33.2 152.1l43.3-35.5 79.2-64.8z"/></svg>
2304                    <span class="text-18-size/none font-bold">Aanvaller</span>
2305                </span>
2306                    </span>
2307        <svg class="absolute bottom-0 right-0 translate-y-1/2 translate-x-1/2 group-hover:translate-y-[65%] group-hover:translate-x-[35%] transition-transform" width="471" height="358" viewBox="0 0 471 358" fill="none" xmlns="http://www.w3.org/2000/svg">
2308<rect x="229.874" y="0.00195312" width="37.8893" height="325.09" transform="rotate(45 229.874 0.00195312)" fill="url(#paint0_linear_5_108)" fill-opacity="0.08"/>
2309<rect x="283.457" y="53.5856" width="37.8893" height="325.09" transform="rotate(45 283.457 53.5856)" fill="url(#paint1_linear_5_108)" fill-opacity="0.08"/>
2310<rect x="337.041" y="107.169" width="37.8893" height="325.09" transform="rotate(45 337.041 107.169)" fill="url(#paint2_linear_5_108)" fill-opacity="0.08"/>
2311<rect x="390.624" y="160.753" width="37.8893" height="325.09" transform="rotate(45 390.624 160.753)" fill="url(#paint3_linear_5_108)" fill-opacity="0.08"/>
2312<rect x="444.208" y="214.336" width="37.8893" height="325.09" transform="rotate(45 444.208 214.336)" fill="url(#paint4_linear_5_108)" fill-opacity="0.08"/>
2313<defs>
2314<linearGradient id="paint0_linear_5_108" x1="248.818" y1="0.00195312" x2="248.818" y2="325.092" gradientUnits="userSpaceOnUse">
2315<stop stop-color="white"/>
2316<stop offset="1" stop-color="white" stop-opacity="0"/>
2317</linearGradient>
2318<linearGradient id="paint1_linear_5_108" x1="302.402" y1="53.5856" x2="302.402" y2="378.676" gradientUnits="userSpaceOnUse">
2319<stop stop-color="white"/>
2320<stop offset="1" stop-color="white" stop-opacity="0"/>
2321</linearGradient>
2322<linearGradient id="paint2_linear_5_108" x1="355.986" y1="107.169" x2="355.986" y2="432.26" gradientUnits="userSpaceOnUse">
2323<stop stop-color="white"/>
2324<stop offset="1" stop-color="white" stop-opacity="0"/>
2325</linearGradient>
2326<linearGradient id="paint3_linear_5_108" x1="409.569" y1="160.753" x2="409.569" y2="485.843" gradientUnits="userSpaceOnUse">
2327<stop stop-color="white"/>
2328<stop offset="1" stop-color="white" stop-opacity="0"/>
2329</linearGradient>
2330<linearGradient id="paint4_linear_5_108" x1="463.153" y1="214.336" x2="463.153" y2="539.427" gradientUnits="userSpaceOnUse">
2331<stop stop-color="white"/>
2332<stop offset="1" stop-color="white" stop-opacity="0"/>
2333</linearGradient>
2334</defs>
2335</svg>
2336
2337    </a>
2338                            </div>
2339                                                    <div class="swiper-slide !z-auto !overflow-visible">
2340                                
2341                                                        
2342    <a href="https://www.degraafschap.nl/teams/eerste-elftal/nathan-kaninda"
2343       title="Nathan Kaninda"
2344       class="group flex h-full ring-0 focus-visible:!-outline-offset-2 focus-visible:rounded-md"
2345       data-animation-reveal
2346       data-animation-reveal-type="translate"
2347       data-animation-reveal-from="bottom"
2348    >
2349                    
2350
2351
2352    <img class="relative z-20 transition-transform group-hover:translate-x-5" src="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1024_fit_center-center_none/3309419/NathanKaninda.webp" srcset="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_640x850_fit_center-center_none/3309419/NathanKaninda.webp 640w, https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1019_fit_center-center_none/3309419/NathanKaninda.webp 768w" width="768" height="1019" alt="Nathan Kaninda" loading="lazy" sizes="(max-width: 640px) 640px, (max-width: 768px) 768px, 768px">
2353        
2354        <span class="font-heading -ml-8 flex flex-col uppercase">
2355                            <span class="text-stroke text-150-size/none mb-8 ring-white/50 transition-transform group-hover:-translate-x-5 group-hover:scale-110">
2356                    17
2357                </span>
2358                        <span class="text-40-size/none lg:min-w-[200px] mb-6 text-balance font-bold text-white transition-transform group-hover:-translate-x-5">
2359                Nathan Kaninda
2360            </span>
2361                            <span class="text-primary-light flex items-center gap-x-2.5 transition-transform group-hover:-translate-x-5">
2362                    <svg class="w-6 min-w-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M211.4 0c-27.7 0-54.5 9.6-76 27.1L56.3 91.9 12.9 127.4c-13.7 11.2-15.7 31.4-4.5 45l70.9 86.7c11.2 13.7 31.4 15.7 45 4.5L160 234.4 160 456c0 30.9 25.1 56 56 56l208 0c30.9 0 56-25.1 56-56l0-221.6 35.6 29.1c13.7 11.2 33.8 9.2 45-4.5l70.9-86.7c11.2-13.7 9.2-33.8-4.5-45L583.7 91.9 504.6 27.1C483.1 9.6 456.3 0 428.6 0l-6.3 0c-1.3 0-2.5 .1-3.7 .2c-.8-.1-1.7-.2-2.6-.2L224 0c-.9 0-1.7 .1-2.6 .2c-1.2-.1-2.4-.2-3.7-.2l-6.3 0zm40.7 32l135.8 0C378 60 351.3 80 320 80s-58-20-67.9-48zM155.7 51.9C171.4 39 191.1 32 211.4 32l6.3 0s0 0 0 0c0 0 .2 .1 .4 .3c.5 .4 1 1.2 1.3 2.2C231.1 79.1 271.7 112 320 112s88.9-32.9 100.6-77.5c.3-1 .8-1.8 1.3-2.2c.2-.2 .4-.2 .4-.3c0 0 0 0 0 0l6.3 0c20.3 0 40 7 55.7 19.9l79.2 64.8 43.3 35.5-70.9 86.7-43.3-35.5-18.4-15.1c-4.8-3.9-11.4-4.7-17-2.1s-9.1 8.3-9.1 14.5L448 456c0 13.3-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24l0-255.3c0-6.2-3.6-11.8-9.1-14.5s-12.2-1.8-17 2.1l-18.4 15.1-43.3 35.5L33.2 152.1l43.3-35.5 79.2-64.8z"/></svg>
2363                    <span class="text-18-size/none font-bold">Aanvaller</span>
2364                </span>
2365                    </span>
2366        <svg class="absolute bottom-0 right-0 translate-y-1/2 translate-x-1/2 group-hover:translate-y-[65%] group-hover:translate-x-[35%] transition-transform" width="471" height="358" viewBox="0 0 471 358" fill="none" xmlns="http://www.w3.org/2000/svg">
2367<rect x="229.874" y="0.00195312" width="37.8893" height="325.09" transform="rotate(45 229.874 0.00195312)" fill="url(#paint0_linear_5_108)" fill-opacity="0.08"/>
2368<rect x="283.457" y="53.5856" width="37.8893" height="325.09" transform="rotate(45 283.457 53.5856)" fill="url(#paint1_linear_5_108)" fill-opacity="0.08"/>
2369<rect x="337.041" y="107.169" width="37.8893" height="325.09" transform="rotate(45 337.041 107.169)" fill="url(#paint2_linear_5_108)" fill-opacity="0.08"/>
2370<rect x="390.624" y="160.753" width="37.8893" height="325.09" transform="rotate(45 390.624 160.753)" fill="url(#paint3_linear_5_108)" fill-opacity="0.08"/>
2371<rect x="444.208" y="214.336" width="37.8893" height="325.09" transform="rotate(45 444.208 214.336)" fill="url(#paint4_linear_5_108)" fill-opacity="0.08"/>
2372<defs>
2373<linearGradient id="paint0_linear_5_108" x1="248.818" y1="0.00195312" x2="248.818" y2="325.092" gradientUnits="userSpaceOnUse">
2374<stop stop-color="white"/>
2375<stop offset="1" stop-color="white" stop-opacity="0"/>
2376</linearGradient>
2377<linearGradient id="paint1_linear_5_108" x1="302.402" y1="53.5856" x2="302.402" y2="378.676" gradientUnits="userSpaceOnUse">
2378<stop stop-color="white"/>
2379<stop offset="1" stop-color="white" stop-opacity="0"/>
2380</linearGradient>
2381<linearGradient id="paint2_linear_5_108" x1="355.986" y1="107.169" x2="355.986" y2="432.26" gradientUnits="userSpaceOnUse">
2382<stop stop-color="white"/>
2383<stop offset="1" stop-color="white" stop-opacity="0"/>
2384</linearGradient>
2385<linearGradient id="paint3_linear_5_108" x1="409.569" y1="160.753" x2="409.569" y2="485.843" gradientUnits="userSpaceOnUse">
2386<stop stop-color="white"/>
2387<stop offset="1" stop-color="white" stop-opacity="0"/>
2388</linearGradient>
2389<linearGradient id="paint4_linear_5_108" x1="463.153" y1="214.336" x2="463.153" y2="539.427" gradientUnits="userSpaceOnUse">
2390<stop stop-color="white"/>
2391<stop offset="1" stop-color="white" stop-opacity="0"/>
2392</linearGradient>
2393</defs>
2394</svg>
2395
2396    </a>
2397                            </div>
2398                                                    <div class="swiper-slide !z-auto !overflow-visible">
2399                                
2400                                                        
2401    <a href="https://www.degraafschap.nl/teams/eerste-elftal/rick-jonkers"
2402       title="Rick Jonkers"
2403       class="group flex h-full ring-0 focus-visible:!-outline-offset-2 focus-visible:rounded-md"
2404       data-animation-reveal
2405       data-animation-reveal-type="translate"
2406       data-animation-reveal-from="bottom"
2407    >
2408                    
2409
2410
2411    <img class="relative z-20 transition-transform group-hover:translate-x-5" src="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1024_fit_center-center_none/3309474/Rickjonkers.webp" srcset="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_640x1095_fit_center-center_none/3309474/Rickjonkers.webp 640w, https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1313_fit_center-center_none/3309474/Rickjonkers.webp 768w" width="599" height="1024" alt="Rickjonkers" loading="lazy" sizes="(max-width: 640px) 640px, (max-width: 768px) 768px, 768px">
2412        
2413        <span class="font-heading -ml-8 flex flex-col uppercase">
2414                            <span class="text-stroke text-150-size/none mb-8 ring-white/50 transition-transform group-hover:-translate-x-5 group-hover:scale-110">
2415                    33
2416                </span>
2417                        <span class="text-40-size/none lg:min-w-[200px] mb-6 text-balance font-bold text-white transition-transform group-hover:-translate-x-5">
2418                Rick Jonkers
2419            </span>
2420                            <span class="text-primary-light flex items-center gap-x-2.5 transition-transform group-hover:-translate-x-5">
2421                    <svg class="w-6 min-w-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M211.4 0c-27.7 0-54.5 9.6-76 27.1L56.3 91.9 12.9 127.4c-13.7 11.2-15.7 31.4-4.5 45l70.9 86.7c11.2 13.7 31.4 15.7 45 4.5L160 234.4 160 456c0 30.9 25.1 56 56 56l208 0c30.9 0 56-25.1 56-56l0-221.6 35.6 29.1c13.7 11.2 33.8 9.2 45-4.5l70.9-86.7c11.2-13.7 9.2-33.8-4.5-45L583.7 91.9 504.6 27.1C483.1 9.6 456.3 0 428.6 0l-6.3 0c-1.3 0-2.5 .1-3.7 .2c-.8-.1-1.7-.2-2.6-.2L224 0c-.9 0-1.7 .1-2.6 .2c-1.2-.1-2.4-.2-3.7-.2l-6.3 0zm40.7 32l135.8 0C378 60 351.3 80 320 80s-58-20-67.9-48zM155.7 51.9C171.4 39 191.1 32 211.4 32l6.3 0s0 0 0 0c0 0 .2 .1 .4 .3c.5 .4 1 1.2 1.3 2.2C231.1 79.1 271.7 112 320 112s88.9-32.9 100.6-77.5c.3-1 .8-1.8 1.3-2.2c.2-.2 .4-.2 .4-.3c0 0 0 0 0 0l6.3 0c20.3 0 40 7 55.7 19.9l79.2 64.8 43.3 35.5-70.9 86.7-43.3-35.5-18.4-15.1c-4.8-3.9-11.4-4.7-17-2.1s-9.1 8.3-9.1 14.5L448 456c0 13.3-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24l0-255.3c0-6.2-3.6-11.8-9.1-14.5s-12.2-1.8-17 2.1l-18.4 15.1-43.3 35.5L33.2 152.1l43.3-35.5 79.2-64.8z"/></svg>
2422                    <span class="text-18-size/none font-bold">Keeper</span>
2423                </span>
2424                    </span>
2425        <svg class="absolute bottom-0 right-0 translate-y-1/2 translate-x-1/2 group-hover:translate-y-[65%] group-hover:translate-x-[35%] transition-transform" width="471" height="358" viewBox="0 0 471 358" fill="none" xmlns="http://www.w3.org/2000/svg">
2426<rect x="229.874" y="0.00195312" width="37.8893" height="325.09" transform="rotate(45 229.874 0.00195312)" fill="url(#paint0_linear_5_108)" fill-opacity="0.08"/>
2427<rect x="283.457" y="53.5856" width="37.8893" height="325.09" transform="rotate(45 283.457 53.5856)" fill="url(#paint1_linear_5_108)" fill-opacity="0.08"/>
2428<rect x="337.041" y="107.169" width="37.8893" height="325.09" transform="rotate(45 337.041 107.169)" fill="url(#paint2_linear_5_108)" fill-opacity="0.08"/>
2429<rect x="390.624" y="160.753" width="37.8893" height="325.09" transform="rotate(45 390.624 160.753)" fill="url(#paint3_linear_5_108)" fill-opacity="0.08"/>
2430<rect x="444.208" y="214.336" width="37.8893" height="325.09" transform="rotate(45 444.208 214.336)" fill="url(#paint4_linear_5_108)" fill-opacity="0.08"/>
2431<defs>
2432<linearGradient id="paint0_linear_5_108" x1="248.818" y1="0.00195312" x2="248.818" y2="325.092" gradientUnits="userSpaceOnUse">
2433<stop stop-color="white"/>
2434<stop offset="1" stop-color="white" stop-opacity="0"/>
2435</linearGradient>
2436<linearGradient id="paint1_linear_5_108" x1="302.402" y1="53.5856" x2="302.402" y2="378.676" gradientUnits="userSpaceOnUse">
2437<stop stop-color="white"/>
2438<stop offset="1" stop-color="white" stop-opacity="0"/>
2439</linearGradient>
2440<linearGradient id="paint2_linear_5_108" x1="355.986" y1="107.169" x2="355.986" y2="432.26" gradientUnits="userSpaceOnUse">
2441<stop stop-color="white"/>
2442<stop offset="1" stop-color="white" stop-opacity="0"/>
2443</linearGradient>
2444<linearGradient id="paint3_linear_5_108" x1="409.569" y1="160.753" x2="409.569" y2="485.843" gradientUnits="userSpaceOnUse">
2445<stop stop-color="white"/>
2446<stop offset="1" stop-color="white" stop-opacity="0"/>
2447</linearGradient>
2448<linearGradient id="paint4_linear_5_108" x1="463.153" y1="214.336" x2="463.153" y2="539.427" gradientUnits="userSpaceOnUse">
2449<stop stop-color="white"/>
2450<stop offset="1" stop-color="white" stop-opacity="0"/>
2451</linearGradient>
2452</defs>
2453</svg>
2454
2455    </a>
2456                            </div>
2457                                                    <div class="swiper-slide !z-auto !overflow-visible">
2458                                
2459                                                        
2460    <a href="https://www.degraafschap.nl/teams/eerste-elftal/gijs-bolk"
2461       title="Gijs Bolk"
2462       class="group flex h-full ring-0 focus-visible:!-outline-offset-2 focus-visible:rounded-md"
2463       data-animation-reveal
2464       data-animation-reveal-type="translate"
2465       data-animation-reveal-from="bottom"
2466    >
2467                    
2468
2469
2470    <img class="relative z-20 transition-transform group-hover:translate-x-5" src="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1024_fit_center-center_none/3309416/GijsBolk.webp" srcset="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_640x1075_fit_center-center_none/3309416/GijsBolk.webp 640w, https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1290_fit_center-center_none/3309416/GijsBolk.webp 768w" width="610" height="1024" alt="Gijs Bolk" loading="lazy" sizes="(max-width: 640px) 640px, (max-width: 768px) 768px, 768px">
2471        
2472        <span class="font-heading -ml-8 flex flex-col uppercase">
2473                            <span class="text-stroke text-150-size/none mb-8 ring-white/50 transition-transform group-hover:-translate-x-5 group-hover:scale-110">
2474                    14
2475                </span>
2476                        <span class="text-40-size/none lg:min-w-[200px] mb-6 text-balance font-bold text-white transition-transform group-hover:-translate-x-5">
2477                Gijs Bolk
2478            </span>
2479                            <span class="text-primary-light flex items-center gap-x-2.5 transition-transform group-hover:-translate-x-5">
2480                    <svg class="w-6 min-w-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M211.4 0c-27.7 0-54.5 9.6-76 27.1L56.3 91.9 12.9 127.4c-13.7 11.2-15.7 31.4-4.5 45l70.9 86.7c11.2 13.7 31.4 15.7 45 4.5L160 234.4 160 456c0 30.9 25.1 56 56 56l208 0c30.9 0 56-25.1 56-56l0-221.6 35.6 29.1c13.7 11.2 33.8 9.2 45-4.5l70.9-86.7c11.2-13.7 9.2-33.8-4.5-45L583.7 91.9 504.6 27.1C483.1 9.6 456.3 0 428.6 0l-6.3 0c-1.3 0-2.5 .1-3.7 .2c-.8-.1-1.7-.2-2.6-.2L224 0c-.9 0-1.7 .1-2.6 .2c-1.2-.1-2.4-.2-3.7-.2l-6.3 0zm40.7 32l135.8 0C378 60 351.3 80 320 80s-58-20-67.9-48zM155.7 51.9C171.4 39 191.1 32 211.4 32l6.3 0s0 0 0 0c0 0 .2 .1 .4 .3c.5 .4 1 1.2 1.3 2.2C231.1 79.1 271.7 112 320 112s88.9-32.9 100.6-77.5c.3-1 .8-1.8 1.3-2.2c.2-.2 .4-.2 .4-.3c0 0 0 0 0 0l6.3 0c20.3 0 40 7 55.7 19.9l79.2 64.8 43.3 35.5-70.9 86.7-43.3-35.5-18.4-15.1c-4.8-3.9-11.4-4.7-17-2.1s-9.1 8.3-9.1 14.5L448 456c0 13.3-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24l0-255.3c0-6.2-3.6-11.8-9.1-14.5s-12.2-1.8-17 2.1l-18.4 15.1-43.3 35.5L33.2 152.1l43.3-35.5 79.2-64.8z"/></svg>
2481                    <span class="text-18-size/none font-bold">Verdediger</span>
2482                </span>
2483                    </span>
2484        <svg class="absolute bottom-0 right-0 translate-y-1/2 translate-x-1/2 group-hover:translate-y-[65%] group-hover:translate-x-[35%] transition-transform" width="471" height="358" viewBox="0 0 471 358" fill="none" xmlns="http://www.w3.org/2000/svg">
2485<rect x="229.874" y="0.00195312" width="37.8893" height="325.09" transform="rotate(45 229.874 0.00195312)" fill="url(#paint0_linear_5_108)" fill-opacity="0.08"/>
2486<rect x="283.457" y="53.5856" width="37.8893" height="325.09" transform="rotate(45 283.457 53.5856)" fill="url(#paint1_linear_5_108)" fill-opacity="0.08"/>
2487<rect x="337.041" y="107.169" width="37.8893" height="325.09" transform="rotate(45 337.041 107.169)" fill="url(#paint2_linear_5_108)" fill-opacity="0.08"/>
2488<rect x="390.624" y="160.753" width="37.8893" height="325.09" transform="rotate(45 390.624 160.753)" fill="url(#paint3_linear_5_108)" fill-opacity="0.08"/>
2489<rect x="444.208" y="214.336" width="37.8893" height="325.09" transform="rotate(45 444.208 214.336)" fill="url(#paint4_linear_5_108)" fill-opacity="0.08"/>
2490<defs>
2491<linearGradient id="paint0_linear_5_108" x1="248.818" y1="0.00195312" x2="248.818" y2="325.092" gradientUnits="userSpaceOnUse">
2492<stop stop-color="white"/>
2493<stop offset="1" stop-color="white" stop-opacity="0"/>
2494</linearGradient>
2495<linearGradient id="paint1_linear_5_108" x1="302.402" y1="53.5856" x2="302.402" y2="378.676" gradientUnits="userSpaceOnUse">
2496<stop stop-color="white"/>
2497<stop offset="1" stop-color="white" stop-opacity="0"/>
2498</linearGradient>
2499<linearGradient id="paint2_linear_5_108" x1="355.986" y1="107.169" x2="355.986" y2="432.26" gradientUnits="userSpaceOnUse">
2500<stop stop-color="white"/>
2501<stop offset="1" stop-color="white" stop-opacity="0"/>
2502</linearGradient>
2503<linearGradient id="paint3_linear_5_108" x1="409.569" y1="160.753" x2="409.569" y2="485.843" gradientUnits="userSpaceOnUse">
2504<stop stop-color="white"/>
2505<stop offset="1" stop-color="white" stop-opacity="0"/>
2506</linearGradient>
2507<linearGradient id="paint4_linear_5_108" x1="463.153" y1="214.336" x2="463.153" y2="539.427" gradientUnits="userSpaceOnUse">
2508<stop stop-color="white"/>
2509<stop offset="1" stop-color="white" stop-opacity="0"/>
2510</linearGradient>
2511</defs>
2512</svg>
2513
2514    </a>
2515                            </div>
2516                                                    <div class="swiper-slide !z-auto !overflow-visible">
2517                                
2518                                                        
2519    <a href="https://www.degraafschap.nl/teams/eerste-elftal/nart-ahmeti-grainca"
2520       title="Nart Ahmeti-Grainca"
2521       class="group flex h-full ring-0 focus-visible:!-outline-offset-2 focus-visible:rounded-md"
2522       data-animation-reveal
2523       data-animation-reveal-type="translate"
2524       data-animation-reveal-from="bottom"
2525    >
2526                    
2527
2528
2529    <img class="relative z-20 transition-transform group-hover:translate-x-5" src="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1024_fit_center-center_none/3309486/NartAhmetiGrainca.webp" srcset="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_640x1181_fit_center-center_none/3309486/NartAhmetiGrainca.webp 640w, https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1417_fit_center-center_none/3309486/NartAhmetiGrainca.webp 768w" width="555" height="1024" alt="Nart Ahmeti Grainca" loading="lazy" sizes="(max-width: 640px) 640px, (max-width: 768px) 768px, 768px">
2530        
2531        <span class="font-heading -ml-8 flex flex-col uppercase">
2532                            <span class="text-stroke text-150-size/none mb-8 ring-white/50 transition-transform group-hover:-translate-x-5 group-hover:scale-110">
2533                    27
2534                </span>
2535                        <span class="text-40-size/none lg:min-w-[200px] mb-6 text-balance font-bold text-white transition-transform group-hover:-translate-x-5">
2536                Nart Ahmeti-Grainca
2537            </span>
2538                            <span class="text-primary-light flex items-center gap-x-2.5 transition-transform group-hover:-translate-x-5">
2539                    <svg class="w-6 min-w-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M211.4 0c-27.7 0-54.5 9.6-76 27.1L56.3 91.9 12.9 127.4c-13.7 11.2-15.7 31.4-4.5 45l70.9 86.7c11.2 13.7 31.4 15.7 45 4.5L160 234.4 160 456c0 30.9 25.1 56 56 56l208 0c30.9 0 56-25.1 56-56l0-221.6 35.6 29.1c13.7 11.2 33.8 9.2 45-4.5l70.9-86.7c11.2-13.7 9.2-33.8-4.5-45L583.7 91.9 504.6 27.1C483.1 9.6 456.3 0 428.6 0l-6.3 0c-1.3 0-2.5 .1-3.7 .2c-.8-.1-1.7-.2-2.6-.2L224 0c-.9 0-1.7 .1-2.6 .2c-1.2-.1-2.4-.2-3.7-.2l-6.3 0zm40.7 32l135.8 0C378 60 351.3 80 320 80s-58-20-67.9-48zM155.7 51.9C171.4 39 191.1 32 211.4 32l6.3 0s0 0 0 0c0 0 .2 .1 .4 .3c.5 .4 1 1.2 1.3 2.2C231.1 79.1 271.7 112 320 112s88.9-32.9 100.6-77.5c.3-1 .8-1.8 1.3-2.2c.2-.2 .4-.2 .4-.3c0 0 0 0 0 0l6.3 0c20.3 0 40 7 55.7 19.9l79.2 64.8 43.3 35.5-70.9 86.7-43.3-35.5-18.4-15.1c-4.8-3.9-11.4-4.7-17-2.1s-9.1 8.3-9.1 14.5L448 456c0 13.3-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24l0-255.3c0-6.2-3.6-11.8-9.1-14.5s-12.2-1.8-17 2.1l-18.4 15.1-43.3 35.5L33.2 152.1l43.3-35.5 79.2-64.8z"/></svg>
2540                    <span class="text-18-size/none font-bold">Middenvelder</span>
2541                </span>
2542                    </span>
2543        <svg class="absolute bottom-0 right-0 translate-y-1/2 translate-x-1/2 group-hover:translate-y-[65%] group-hover:translate-x-[35%] transition-transform" width="471" height="358" viewBox="0 0 471 358" fill="none" xmlns="http://www.w3.org/2000/svg">
2544<rect x="229.874" y="0.00195312" width="37.8893" height="325.09" transform="rotate(45 229.874 0.00195312)" fill="url(#paint0_linear_5_108)" fill-opacity="0.08"/>
2545<rect x="283.457" y="53.5856" width="37.8893" height="325.09" transform="rotate(45 283.457 53.5856)" fill="url(#paint1_linear_5_108)" fill-opacity="0.08"/>
2546<rect x="337.041" y="107.169" width="37.8893" height="325.09" transform="rotate(45 337.041 107.169)" fill="url(#paint2_linear_5_108)" fill-opacity="0.08"/>
2547<rect x="390.624" y="160.753" width="37.8893" height="325.09" transform="rotate(45 390.624 160.753)" fill="url(#paint3_linear_5_108)" fill-opacity="0.08"/>
2548<rect x="444.208" y="214.336" width="37.8893" height="325.09" transform="rotate(45 444.208 214.336)" fill="url(#paint4_linear_5_108)" fill-opacity="0.08"/>
2549<defs>
2550<linearGradient id="paint0_linear_5_108" x1="248.818" y1="0.00195312" x2="248.818" y2="325.092" gradientUnits="userSpaceOnUse">
2551<stop stop-color="white"/>
2552<stop offset="1" stop-color="white" stop-opacity="0"/>
2553</linearGradient>
2554<linearGradient id="paint1_linear_5_108" x1="302.402" y1="53.5856" x2="302.402" y2="378.676" gradientUnits="userSpaceOnUse">
2555<stop stop-color="white"/>
2556<stop offset="1" stop-color="white" stop-opacity="0"/>
2557</linearGradient>
2558<linearGradient id="paint2_linear_5_108" x1="355.986" y1="107.169" x2="355.986" y2="432.26" gradientUnits="userSpaceOnUse">
2559<stop stop-color="white"/>
2560<stop offset="1" stop-color="white" stop-opacity="0"/>
2561</linearGradient>
2562<linearGradient id="paint3_linear_5_108" x1="409.569" y1="160.753" x2="409.569" y2="485.843" gradientUnits="userSpaceOnUse">
2563<stop stop-color="white"/>
2564<stop offset="1" stop-color="white" stop-opacity="0"/>
2565</linearGradient>
2566<linearGradient id="paint4_linear_5_108" x1="463.153" y1="214.336" x2="463.153" y2="539.427" gradientUnits="userSpaceOnUse">
2567<stop stop-color="white"/>
2568<stop offset="1" stop-color="white" stop-opacity="0"/>
2569</linearGradient>
2570</defs>
2571</svg>
2572
2573    </a>
2574                            </div>
2575                                                    <div class="swiper-slide !z-auto !overflow-visible">
2576                                
2577                                                                                    
2578    <a href="https://www.degraafschap.nl/teams/eerste-elftal/donny-warmerdam"
2579       title="Donny Warmerdam"
2580       class="group flex h-full ring-0 focus-visible:!-outline-offset-2 focus-visible:rounded-md"
2581       data-animation-reveal
2582       data-animation-reveal-type="translate"
2583       data-animation-reveal-from="bottom"
2584    >
2585                    
2586
2587
2588    <img class="relative z-20 transition-transform group-hover:translate-x-5" src="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1024_fit_center-center_none/3309407/DonnyWarmerdam.webp" srcset="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_640x1158_fit_center-center_none/3309407/DonnyWarmerdam.webp 640w, https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1390_fit_center-center_none/3309407/DonnyWarmerdam.webp 768w" width="566" height="1024" alt="Donny Warmerdam" loading="lazy" sizes="(max-width: 640px) 640px, (max-width: 768px) 768px, 768px">
2589        
2590        <span class="font-heading -ml-8 flex flex-col uppercase">
2591                            <span class="text-stroke text-150-size/none mb-8 ring-white/50 transition-transform group-hover:-translate-x-5 group-hover:scale-110">
2592                    8
2593                </span>
2594                        <span class="text-40-size/none lg:min-w-[200px] mb-6 text-balance font-bold text-white transition-transform group-hover:-translate-x-5">
2595                Donny Warmerdam
2596            </span>
2597                            <span class="text-primary-light flex items-center gap-x-2.5 transition-transform group-hover:-translate-x-5">
2598                    <svg class="w-6 min-w-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M211.4 0c-27.7 0-54.5 9.6-76 27.1L56.3 91.9 12.9 127.4c-13.7 11.2-15.7 31.4-4.5 45l70.9 86.7c11.2 13.7 31.4 15.7 45 4.5L160 234.4 160 456c0 30.9 25.1 56 56 56l208 0c30.9 0 56-25.1 56-56l0-221.6 35.6 29.1c13.7 11.2 33.8 9.2 45-4.5l70.9-86.7c11.2-13.7 9.2-33.8-4.5-45L583.7 91.9 504.6 27.1C483.1 9.6 456.3 0 428.6 0l-6.3 0c-1.3 0-2.5 .1-3.7 .2c-.8-.1-1.7-.2-2.6-.2L224 0c-.9 0-1.7 .1-2.6 .2c-1.2-.1-2.4-.2-3.7-.2l-6.3 0zm40.7 32l135.8 0C378 60 351.3 80 320 80s-58-20-67.9-48zM155.7 51.9C171.4 39 191.1 32 211.4 32l6.3 0s0 0 0 0c0 0 .2 .1 .4 .3c.5 .4 1 1.2 1.3 2.2C231.1 79.1 271.7 112 320 112s88.9-32.9 100.6-77.5c.3-1 .8-1.8 1.3-2.2c.2-.2 .4-.2 .4-.3c0 0 0 0 0 0l6.3 0c20.3 0 40 7 55.7 19.9l79.2 64.8 43.3 35.5-70.9 86.7-43.3-35.5-18.4-15.1c-4.8-3.9-11.4-4.7-17-2.1s-9.1 8.3-9.1 14.5L448 456c0 13.3-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24l0-255.3c0-6.2-3.6-11.8-9.1-14.5s-12.2-1.8-17 2.1l-18.4 15.1-43.3 35.5L33.2 152.1l43.3-35.5 79.2-64.8z"/></svg>
2599                    <span class="text-18-size/none font-bold">Middenvelder</span>
2600                </span>
2601                    </span>
2602        <svg class="absolute bottom-0 right-0 translate-y-1/2 translate-x-1/2 group-hover:translate-y-[65%] group-hover:translate-x-[35%] transition-transform" width="471" height="358" viewBox="0 0 471 358" fill="none" xmlns="http://www.w3.org/2000/svg">
2603<rect x="229.874" y="0.00195312" width="37.8893" height="325.09" transform="rotate(45 229.874 0.00195312)" fill="url(#paint0_linear_5_108)" fill-opacity="0.08"/>
2604<rect x="283.457" y="53.5856" width="37.8893" height="325.09" transform="rotate(45 283.457 53.5856)" fill="url(#paint1_linear_5_108)" fill-opacity="0.08"/>
2605<rect x="337.041" y="107.169" width="37.8893" height="325.09" transform="rotate(45 337.041 107.169)" fill="url(#paint2_linear_5_108)" fill-opacity="0.08"/>
2606<rect x="390.624" y="160.753" width="37.8893" height="325.09" transform="rotate(45 390.624 160.753)" fill="url(#paint3_linear_5_108)" fill-opacity="0.08"/>
2607<rect x="444.208" y="214.336" width="37.8893" height="325.09" transform="rotate(45 444.208 214.336)" fill="url(#paint4_linear_5_108)" fill-opacity="0.08"/>
2608<defs>
2609<linearGradient id="paint0_linear_5_108" x1="248.818" y1="0.00195312" x2="248.818" y2="325.092" gradientUnits="userSpaceOnUse">
2610<stop stop-color="white"/>
2611<stop offset="1" stop-color="white" stop-opacity="0"/>
2612</linearGradient>
2613<linearGradient id="paint1_linear_5_108" x1="302.402" y1="53.5856" x2="302.402" y2="378.676" gradientUnits="userSpaceOnUse">
2614<stop stop-color="white"/>
2615<stop offset="1" stop-color="white" stop-opacity="0"/>
2616</linearGradient>
2617<linearGradient id="paint2_linear_5_108" x1="355.986" y1="107.169" x2="355.986" y2="432.26" gradientUnits="userSpaceOnUse">
2618<stop stop-color="white"/>
2619<stop offset="1" stop-color="white" stop-opacity="0"/>
2620</linearGradient>
2621<linearGradient id="paint3_linear_5_108" x1="409.569" y1="160.753" x2="409.569" y2="485.843" gradientUnits="userSpaceOnUse">
2622<stop stop-color="white"/>
2623<stop offset="1" stop-color="white" stop-opacity="0"/>
2624</linearGradient>
2625<linearGradient id="paint4_linear_5_108" x1="463.153" y1="214.336" x2="463.153" y2="539.427" gradientUnits="userSpaceOnUse">
2626<stop stop-color="white"/>
2627<stop offset="1" stop-color="white" stop-opacity="0"/>
2628</linearGradient>
2629</defs>
2630</svg>
2631
2632    </a>
2633                            </div>
2634                                                    <div class="swiper-slide !z-auto !overflow-visible">
2635                                
2636                                                        
2637    <a href="https://www.degraafschap.nl/teams/eerste-elftal/denzel-eijken"
2638       title="Denzel Eijken"
2639       class="group flex h-full ring-0 focus-visible:!-outline-offset-2 focus-visible:rounded-md"
2640       data-animation-reveal
2641       data-animation-reveal-type="translate"
2642       data-animation-reveal-from="bottom"
2643    >
2644                    
2645
2646
2647    <img class="relative z-20 transition-transform group-hover:translate-x-5" src="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1024_fit_center-center_none/3309422/DenzelEijken.webp" srcset="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_640x1007_fit_center-center_none/3309422/DenzelEijken.webp 640w, https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1209_fit_center-center_none/3309422/DenzelEijken.webp 768w" width="651" height="1024" alt="Denzel Eijken" loading="lazy" sizes="(max-width: 640px) 640px, (max-width: 768px) 768px, 768px">
2648        
2649        <span class="font-heading -ml-8 flex flex-col uppercase">
2650                            <span class="text-stroke text-150-size/none mb-8 ring-white/50 transition-transform group-hover:-translate-x-5 group-hover:scale-110">
2651                    18
2652                </span>
2653                        <span class="text-40-size/none lg:min-w-[200px] mb-6 text-balance font-bold text-white transition-transform group-hover:-translate-x-5">
2654                Denzel Eijken
2655            </span>
2656                            <span class="text-primary-light flex items-center gap-x-2.5 transition-transform group-hover:-translate-x-5">
2657                    <svg class="w-6 min-w-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M211.4 0c-27.7 0-54.5 9.6-76 27.1L56.3 91.9 12.9 127.4c-13.7 11.2-15.7 31.4-4.5 45l70.9 86.7c11.2 13.7 31.4 15.7 45 4.5L160 234.4 160 456c0 30.9 25.1 56 56 56l208 0c30.9 0 56-25.1 56-56l0-221.6 35.6 29.1c13.7 11.2 33.8 9.2 45-4.5l70.9-86.7c11.2-13.7 9.2-33.8-4.5-45L583.7 91.9 504.6 27.1C483.1 9.6 456.3 0 428.6 0l-6.3 0c-1.3 0-2.5 .1-3.7 .2c-.8-.1-1.7-.2-2.6-.2L224 0c-.9 0-1.7 .1-2.6 .2c-1.2-.1-2.4-.2-3.7-.2l-6.3 0zm40.7 32l135.8 0C378 60 351.3 80 320 80s-58-20-67.9-48zM155.7 51.9C171.4 39 191.1 32 211.4 32l6.3 0s0 0 0 0c0 0 .2 .1 .4 .3c.5 .4 1 1.2 1.3 2.2C231.1 79.1 271.7 112 320 112s88.9-32.9 100.6-77.5c.3-1 .8-1.8 1.3-2.2c.2-.2 .4-.2 .4-.3c0 0 0 0 0 0l6.3 0c20.3 0 40 7 55.7 19.9l79.2 64.8 43.3 35.5-70.9 86.7-43.3-35.5-18.4-15.1c-4.8-3.9-11.4-4.7-17-2.1s-9.1 8.3-9.1 14.5L448 456c0 13.3-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24l0-255.3c0-6.2-3.6-11.8-9.1-14.5s-12.2-1.8-17 2.1l-18.4 15.1-43.3 35.5L33.2 152.1l43.3-35.5 79.2-64.8z"/></svg>
2658                    <span class="text-18-size/none font-bold">Middenvelder</span>
2659                </span>
2660                    </span>
2661        <svg class="absolute bottom-0 right-0 translate-y-1/2 translate-x-1/2 group-hover:translate-y-[65%] group-hover:translate-x-[35%] transition-transform" width="471" height="358" viewBox="0 0 471 358" fill="none" xmlns="http://www.w3.org/2000/svg">
2662<rect x="229.874" y="0.00195312" width="37.8893" height="325.09" transform="rotate(45 229.874 0.00195312)" fill="url(#paint0_linear_5_108)" fill-opacity="0.08"/>
2663<rect x="283.457" y="53.5856" width="37.8893" height="325.09" transform="rotate(45 283.457 53.5856)" fill="url(#paint1_linear_5_108)" fill-opacity="0.08"/>
2664<rect x="337.041" y="107.169" width="37.8893" height="325.09" transform="rotate(45 337.041 107.169)" fill="url(#paint2_linear_5_108)" fill-opacity="0.08"/>
2665<rect x="390.624" y="160.753" width="37.8893" height="325.09" transform="rotate(45 390.624 160.753)" fill="url(#paint3_linear_5_108)" fill-opacity="0.08"/>
2666<rect x="444.208" y="214.336" width="37.8893" height="325.09" transform="rotate(45 444.208 214.336)" fill="url(#paint4_linear_5_108)" fill-opacity="0.08"/>
2667<defs>
2668<linearGradient id="paint0_linear_5_108" x1="248.818" y1="0.00195312" x2="248.818" y2="325.092" gradientUnits="userSpaceOnUse">
2669<stop stop-color="white"/>
2670<stop offset="1" stop-color="white" stop-opacity="0"/>
2671</linearGradient>
2672<linearGradient id="paint1_linear_5_108" x1="302.402" y1="53.5856" x2="302.402" y2="378.676" gradientUnits="userSpaceOnUse">
2673<stop stop-color="white"/>
2674<stop offset="1" stop-color="white" stop-opacity="0"/>
2675</linearGradient>
2676<linearGradient id="paint2_linear_5_108" x1="355.986" y1="107.169" x2="355.986" y2="432.26" gradientUnits="userSpaceOnUse">
2677<stop stop-color="white"/>
2678<stop offset="1" stop-color="white" stop-opacity="0"/>
2679</linearGradient>
2680<linearGradient id="paint3_linear_5_108" x1="409.569" y1="160.753" x2="409.569" y2="485.843" gradientUnits="userSpaceOnUse">
2681<stop stop-color="white"/>
2682<stop offset="1" stop-color="white" stop-opacity="0"/>
2683</linearGradient>
2684<linearGradient id="paint4_linear_5_108" x1="463.153" y1="214.336" x2="463.153" y2="539.427" gradientUnits="userSpaceOnUse">
2685<stop stop-color="white"/>
2686<stop offset="1" stop-color="white" stop-opacity="0"/>
2687</linearGradient>
2688</defs>
2689</svg>
2690
2691    </a>
2692                            </div>
2693                                                    <div class="swiper-slide !z-auto !overflow-visible">
2694                                
2695                                                                                    
2696    <a href="https://www.degraafschap.nl/teams/eerste-elftal/rowan-besselink"
2697       title="Rowan Besselink"
2698       class="group flex h-full ring-0 focus-visible:!-outline-offset-2 focus-visible:rounded-md"
2699       data-animation-reveal
2700       data-animation-reveal-type="translate"
2701       data-animation-reveal-from="bottom"
2702    >
2703                    
2704
2705
2706    <img class="relative z-20 transition-transform group-hover:translate-x-5" src="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1024_fit_center-center_none/3309389/RowanBesselink.webp" srcset="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_640x1098_fit_center-center_none/3309389/RowanBesselink.webp 640w, https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1318_fit_center-center_none/3309389/RowanBesselink.webp 768w" width="597" height="1024" alt="Rowan Besselink" loading="lazy" sizes="(max-width: 640px) 640px, (max-width: 768px) 768px, 768px">
2707        
2708        <span class="font-heading -ml-8 flex flex-col uppercase">
2709                            <span class="text-stroke text-150-size/none mb-8 ring-white/50 transition-transform group-hover:-translate-x-5 group-hover:scale-110">
2710                    3
2711                </span>
2712                        <span class="text-40-size/none lg:min-w-[200px] mb-6 text-balance font-bold text-white transition-transform group-hover:-translate-x-5">
2713                Rowan Besselink
2714            </span>
2715                            <span class="text-primary-light flex items-center gap-x-2.5 transition-transform group-hover:-translate-x-5">
2716                    <svg class="w-6 min-w-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M211.4 0c-27.7 0-54.5 9.6-76 27.1L56.3 91.9 12.9 127.4c-13.7 11.2-15.7 31.4-4.5 45l70.9 86.7c11.2 13.7 31.4 15.7 45 4.5L160 234.4 160 456c0 30.9 25.1 56 56 56l208 0c30.9 0 56-25.1 56-56l0-221.6 35.6 29.1c13.7 11.2 33.8 9.2 45-4.5l70.9-86.7c11.2-13.7 9.2-33.8-4.5-45L583.7 91.9 504.6 27.1C483.1 9.6 456.3 0 428.6 0l-6.3 0c-1.3 0-2.5 .1-3.7 .2c-.8-.1-1.7-.2-2.6-.2L224 0c-.9 0-1.7 .1-2.6 .2c-1.2-.1-2.4-.2-3.7-.2l-6.3 0zm40.7 32l135.8 0C378 60 351.3 80 320 80s-58-20-67.9-48zM155.7 51.9C171.4 39 191.1 32 211.4 32l6.3 0s0 0 0 0c0 0 .2 .1 .4 .3c.5 .4 1 1.2 1.3 2.2C231.1 79.1 271.7 112 320 112s88.9-32.9 100.6-77.5c.3-1 .8-1.8 1.3-2.2c.2-.2 .4-.2 .4-.3c0 0 0 0 0 0l6.3 0c20.3 0 40 7 55.7 19.9l79.2 64.8 43.3 35.5-70.9 86.7-43.3-35.5-18.4-15.1c-4.8-3.9-11.4-4.7-17-2.1s-9.1 8.3-9.1 14.5L448 456c0 13.3-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24l0-255.3c0-6.2-3.6-11.8-9.1-14.5s-12.2-1.8-17 2.1l-18.4 15.1-43.3 35.5L33.2 152.1l43.3-35.5 79.2-64.8z"/></svg>
2717                    <span class="text-18-size/none font-bold">Verdediger</span>
2718                </span>
2719                    </span>
2720        <svg class="absolute bottom-0 right-0 translate-y-1/2 translate-x-1/2 group-hover:translate-y-[65%] group-hover:translate-x-[35%] transition-transform" width="471" height="358" viewBox="0 0 471 358" fill="none" xmlns="http://www.w3.org/2000/svg">
2721<rect x="229.874" y="0.00195312" width="37.8893" height="325.09" transform="rotate(45 229.874 0.00195312)" fill="url(#paint0_linear_5_108)" fill-opacity="0.08"/>
2722<rect x="283.457" y="53.5856" width="37.8893" height="325.09" transform="rotate(45 283.457 53.5856)" fill="url(#paint1_linear_5_108)" fill-opacity="0.08"/>
2723<rect x="337.041" y="107.169" width="37.8893" height="325.09" transform="rotate(45 337.041 107.169)" fill="url(#paint2_linear_5_108)" fill-opacity="0.08"/>
2724<rect x="390.624" y="160.753" width="37.8893" height="325.09" transform="rotate(45 390.624 160.753)" fill="url(#paint3_linear_5_108)" fill-opacity="0.08"/>
2725<rect x="444.208" y="214.336" width="37.8893" height="325.09" transform="rotate(45 444.208 214.336)" fill="url(#paint4_linear_5_108)" fill-opacity="0.08"/>
2726<defs>
2727<linearGradient id="paint0_linear_5_108" x1="248.818" y1="0.00195312" x2="248.818" y2="325.092" gradientUnits="userSpaceOnUse">
2728<stop stop-color="white"/>
2729<stop offset="1" stop-color="white" stop-opacity="0"/>
2730</linearGradient>
2731<linearGradient id="paint1_linear_5_108" x1="302.402" y1="53.5856" x2="302.402" y2="378.676" gradientUnits="userSpaceOnUse">
2732<stop stop-color="white"/>
2733<stop offset="1" stop-color="white" stop-opacity="0"/>
2734</linearGradient>
2735<linearGradient id="paint2_linear_5_108" x1="355.986" y1="107.169" x2="355.986" y2="432.26" gradientUnits="userSpaceOnUse">
2736<stop stop-color="white"/>
2737<stop offset="1" stop-color="white" stop-opacity="0"/>
2738</linearGradient>
2739<linearGradient id="paint3_linear_5_108" x1="409.569" y1="160.753" x2="409.569" y2="485.843" gradientUnits="userSpaceOnUse">
2740<stop stop-color="white"/>
2741<stop offset="1" stop-color="white" stop-opacity="0"/>
2742</linearGradient>
2743<linearGradient id="paint4_linear_5_108" x1="463.153" y1="214.336" x2="463.153" y2="539.427" gradientUnits="userSpaceOnUse">
2744<stop stop-color="white"/>
2745<stop offset="1" stop-color="white" stop-opacity="0"/>
2746</linearGradient>
2747</defs>
2748</svg>
2749
2750    </a>
2751                            </div>
2752                                                    <div class="swiper-slide !z-auto !overflow-visible">
2753                                
2754                                                                                    
2755    <a href="https://www.degraafschap.nl/teams/eerste-elftal/ties-wieggers"
2756       title="Ties Wieggers"
2757       class="group flex h-full ring-0 focus-visible:!-outline-offset-2 focus-visible:rounded-md"
2758       data-animation-reveal
2759       data-animation-reveal-type="translate"
2760       data-animation-reveal-from="bottom"
2761    >
2762                    
2763
2764
2765    <img class="relative z-20 transition-transform group-hover:translate-x-5" src="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1024_fit_center-center_none/3309373/Ties-Wieggers.webp" srcset="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_640x1167_fit_center-center_none/3309373/Ties-Wieggers.webp 640w, https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1400_fit_center-center_none/3309373/Ties-Wieggers.webp 768w" width="562" height="1024" alt="Ties Wieggers" loading="lazy" sizes="(max-width: 640px) 640px, (max-width: 768px) 768px, 768px">
2766        
2767        <span class="font-heading -ml-8 flex flex-col uppercase">
2768                            <span class="text-stroke text-150-size/none mb-8 ring-white/50 transition-transform group-hover:-translate-x-5 group-hover:scale-110">
2769                    1
2770                </span>
2771                        <span class="text-40-size/none lg:min-w-[200px] mb-6 text-balance font-bold text-white transition-transform group-hover:-translate-x-5">
2772                Ties Wieggers
2773            </span>
2774                            <span class="text-primary-light flex items-center gap-x-2.5 transition-transform group-hover:-translate-x-5">
2775                    <svg class="w-6 min-w-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M211.4 0c-27.7 0-54.5 9.6-76 27.1L56.3 91.9 12.9 127.4c-13.7 11.2-15.7 31.4-4.5 45l70.9 86.7c11.2 13.7 31.4 15.7 45 4.5L160 234.4 160 456c0 30.9 25.1 56 56 56l208 0c30.9 0 56-25.1 56-56l0-221.6 35.6 29.1c13.7 11.2 33.8 9.2 45-4.5l70.9-86.7c11.2-13.7 9.2-33.8-4.5-45L583.7 91.9 504.6 27.1C483.1 9.6 456.3 0 428.6 0l-6.3 0c-1.3 0-2.5 .1-3.7 .2c-.8-.1-1.7-.2-2.6-.2L224 0c-.9 0-1.7 .1-2.6 .2c-1.2-.1-2.4-.2-3.7-.2l-6.3 0zm40.7 32l135.8 0C378 60 351.3 80 320 80s-58-20-67.9-48zM155.7 51.9C171.4 39 191.1 32 211.4 32l6.3 0s0 0 0 0c0 0 .2 .1 .4 .3c.5 .4 1 1.2 1.3 2.2C231.1 79.1 271.7 112 320 112s88.9-32.9 100.6-77.5c.3-1 .8-1.8 1.3-2.2c.2-.2 .4-.2 .4-.3c0 0 0 0 0 0l6.3 0c20.3 0 40 7 55.7 19.9l79.2 64.8 43.3 35.5-70.9 86.7-43.3-35.5-18.4-15.1c-4.8-3.9-11.4-4.7-17-2.1s-9.1 8.3-9.1 14.5L448 456c0 13.3-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24l0-255.3c0-6.2-3.6-11.8-9.1-14.5s-12.2-1.8-17 2.1l-18.4 15.1-43.3 35.5L33.2 152.1l43.3-35.5 79.2-64.8z"/></svg>
2776                    <span class="text-18-size/none font-bold">Keeper</span>
2777                </span>
2778                    </span>
2779        <svg class="absolute bottom-0 right-0 translate-y-1/2 translate-x-1/2 group-hover:translate-y-[65%] group-hover:translate-x-[35%] transition-transform" width="471" height="358" viewBox="0 0 471 358" fill="none" xmlns="http://www.w3.org/2000/svg">
2780<rect x="229.874" y="0.00195312" width="37.8893" height="325.09" transform="rotate(45 229.874 0.00195312)" fill="url(#paint0_linear_5_108)" fill-opacity="0.08"/>
2781<rect x="283.457" y="53.5856" width="37.8893" height="325.09" transform="rotate(45 283.457 53.5856)" fill="url(#paint1_linear_5_108)" fill-opacity="0.08"/>
2782<rect x="337.041" y="107.169" width="37.8893" height="325.09" transform="rotate(45 337.041 107.169)" fill="url(#paint2_linear_5_108)" fill-opacity="0.08"/>
2783<rect x="390.624" y="160.753" width="37.8893" height="325.09" transform="rotate(45 390.624 160.753)" fill="url(#paint3_linear_5_108)" fill-opacity="0.08"/>
2784<rect x="444.208" y="214.336" width="37.8893" height="325.09" transform="rotate(45 444.208 214.336)" fill="url(#paint4_linear_5_108)" fill-opacity="0.08"/>
2785<defs>
2786<linearGradient id="paint0_linear_5_108" x1="248.818" y1="0.00195312" x2="248.818" y2="325.092" gradientUnits="userSpaceOnUse">
2787<stop stop-color="white"/>
2788<stop offset="1" stop-color="white" stop-opacity="0"/>
2789</linearGradient>
2790<linearGradient id="paint1_linear_5_108" x1="302.402" y1="53.5856" x2="302.402" y2="378.676" gradientUnits="userSpaceOnUse">
2791<stop stop-color="white"/>
2792<stop offset="1" stop-color="white" stop-opacity="0"/>
2793</linearGradient>
2794<linearGradient id="paint2_linear_5_108" x1="355.986" y1="107.169" x2="355.986" y2="432.26" gradientUnits="userSpaceOnUse">
2795<stop stop-color="white"/>
2796<stop offset="1" stop-color="white" stop-opacity="0"/>
2797</linearGradient>
2798<linearGradient id="paint3_linear_5_108" x1="409.569" y1="160.753" x2="409.569" y2="485.843" gradientUnits="userSpaceOnUse">
2799<stop stop-color="white"/>
2800<stop offset="1" stop-color="white" stop-opacity="0"/>
2801</linearGradient>
2802<linearGradient id="paint4_linear_5_108" x1="463.153" y1="214.336" x2="463.153" y2="539.427" gradientUnits="userSpaceOnUse">
2803<stop stop-color="white"/>
2804<stop offset="1" stop-color="white" stop-opacity="0"/>
2805</linearGradient>
2806</defs>
2807</svg>
2808
2809    </a>
2810                            </div>
2811                                                    <div class="swiper-slide !z-auto !overflow-visible">
2812                                
2813                                                        
2814    <a href="https://www.degraafschap.nl/teams/eerste-elftal/julian-kani"
2815       title="Julian Kania"
2816       class="group flex h-full ring-0 focus-visible:!-outline-offset-2 focus-visible:rounded-md"
2817       data-animation-reveal
2818       data-animation-reveal-type="translate"
2819       data-animation-reveal-from="bottom"
2820    >
2821                    
2822
2823
2824    <img class="relative z-20 transition-transform group-hover:translate-x-5" src="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1024_fit_center-center_none/3309410/JulianKania.webp" srcset="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_640x1086_fit_center-center_none/3309410/JulianKania.webp 640w, https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1303_fit_center-center_none/3309410/JulianKania.webp 768w" width="604" height="1024" alt="Julian Kania" loading="lazy" sizes="(max-width: 640px) 640px, (max-width: 768px) 768px, 768px">
2825        
2826        <span class="font-heading -ml-8 flex flex-col uppercase">
2827                            <span class="text-stroke text-150-size/none mb-8 ring-white/50 transition-transform group-hover:-translate-x-5 group-hover:scale-110">
2828                    9
2829                </span>
2830                        <span class="text-40-size/none lg:min-w-[200px] mb-6 text-balance font-bold text-white transition-transform group-hover:-translate-x-5">
2831                Julian Kania
2832            </span>
2833                            <span class="text-primary-light flex items-center gap-x-2.5 transition-transform group-hover:-translate-x-5">
2834                    <svg class="w-6 min-w-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M211.4 0c-27.7 0-54.5 9.6-76 27.1L56.3 91.9 12.9 127.4c-13.7 11.2-15.7 31.4-4.5 45l70.9 86.7c11.2 13.7 31.4 15.7 45 4.5L160 234.4 160 456c0 30.9 25.1 56 56 56l208 0c30.9 0 56-25.1 56-56l0-221.6 35.6 29.1c13.7 11.2 33.8 9.2 45-4.5l70.9-86.7c11.2-13.7 9.2-33.8-4.5-45L583.7 91.9 504.6 27.1C483.1 9.6 456.3 0 428.6 0l-6.3 0c-1.3 0-2.5 .1-3.7 .2c-.8-.1-1.7-.2-2.6-.2L224 0c-.9 0-1.7 .1-2.6 .2c-1.2-.1-2.4-.2-3.7-.2l-6.3 0zm40.7 32l135.8 0C378 60 351.3 80 320 80s-58-20-67.9-48zM155.7 51.9C171.4 39 191.1 32 211.4 32l6.3 0s0 0 0 0c0 0 .2 .1 .4 .3c.5 .4 1 1.2 1.3 2.2C231.1 79.1 271.7 112 320 112s88.9-32.9 100.6-77.5c.3-1 .8-1.8 1.3-2.2c.2-.2 .4-.2 .4-.3c0 0 0 0 0 0l6.3 0c20.3 0 40 7 55.7 19.9l79.2 64.8 43.3 35.5-70.9 86.7-43.3-35.5-18.4-15.1c-4.8-3.9-11.4-4.7-17-2.1s-9.1 8.3-9.1 14.5L448 456c0 13.3-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24l0-255.3c0-6.2-3.6-11.8-9.1-14.5s-12.2-1.8-17 2.1l-18.4 15.1-43.3 35.5L33.2 152.1l43.3-35.5 79.2-64.8z"/></svg>
2835                    <span class="text-18-size/none font-bold">Aanvaller</span>
2836                </span>
2837                    </span>
2838        <svg class="absolute bottom-0 right-0 translate-y-1/2 translate-x-1/2 group-hover:translate-y-[65%] group-hover:translate-x-[35%] transition-transform" width="471" height="358" viewBox="0 0 471 358" fill="none" xmlns="http://www.w3.org/2000/svg">
2839<rect x="229.874" y="0.00195312" width="37.8893" height="325.09" transform="rotate(45 229.874 0.00195312)" fill="url(#paint0_linear_5_108)" fill-opacity="0.08"/>
2840<rect x="283.457" y="53.5856" width="37.8893" height="325.09" transform="rotate(45 283.457 53.5856)" fill="url(#paint1_linear_5_108)" fill-opacity="0.08"/>
2841<rect x="337.041" y="107.169" width="37.8893" height="325.09" transform="rotate(45 337.041 107.169)" fill="url(#paint2_linear_5_108)" fill-opacity="0.08"/>
2842<rect x="390.624" y="160.753" width="37.8893" height="325.09" transform="rotate(45 390.624 160.753)" fill="url(#paint3_linear_5_108)" fill-opacity="0.08"/>
2843<rect x="444.208" y="214.336" width="37.8893" height="325.09" transform="rotate(45 444.208 214.336)" fill="url(#paint4_linear_5_108)" fill-opacity="0.08"/>
2844<defs>
2845<linearGradient id="paint0_linear_5_108" x1="248.818" y1="0.00195312" x2="248.818" y2="325.092" gradientUnits="userSpaceOnUse">
2846<stop stop-color="white"/>
2847<stop offset="1" stop-color="white" stop-opacity="0"/>
2848</linearGradient>
2849<linearGradient id="paint1_linear_5_108" x1="302.402" y1="53.5856" x2="302.402" y2="378.676" gradientUnits="userSpaceOnUse">
2850<stop stop-color="white"/>
2851<stop offset="1" stop-color="white" stop-opacity="0"/>
2852</linearGradient>
2853<linearGradient id="paint2_linear_5_108" x1="355.986" y1="107.169" x2="355.986" y2="432.26" gradientUnits="userSpaceOnUse">
2854<stop stop-color="white"/>
2855<stop offset="1" stop-color="white" stop-opacity="0"/>
2856</linearGradient>
2857<linearGradient id="paint3_linear_5_108" x1="409.569" y1="160.753" x2="409.569" y2="485.843" gradientUnits="userSpaceOnUse">
2858<stop stop-color="white"/>
2859<stop offset="1" stop-color="white" stop-opacity="0"/>
2860</linearGradient>
2861<linearGradient id="paint4_linear_5_108" x1="463.153" y1="214.336" x2="463.153" y2="539.427" gradientUnits="userSpaceOnUse">
2862<stop stop-color="white"/>
2863<stop offset="1" stop-color="white" stop-opacity="0"/>
2864</linearGradient>
2865</defs>
2866</svg>
2867
2868    </a>
2869                            </div>
2870                                                    <div class="swiper-slide !z-auto !overflow-visible">
2871                                
2872                                                        
2873    <a href="https://www.degraafschap.nl/teams/eerste-elftal/jannes-wieckhoff"
2874       title="Jannes Wieckhoff"
2875       class="group flex h-full ring-0 focus-visible:!-outline-offset-2 focus-visible:rounded-md"
2876       data-animation-reveal
2877       data-animation-reveal-type="translate"
2878       data-animation-reveal-from="bottom"
2879    >
2880                    
2881
2882
2883    <img class="relative z-20 transition-transform group-hover:translate-x-5" src="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1024_fit_center-center_none/3309386/JannesWieckhoff.webp" srcset="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_640x1123_fit_center-center_none/3309386/JannesWieckhoff.webp 640w, https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1347_fit_center-center_none/3309386/JannesWieckhoff.webp 768w" width="584" height="1024" alt="Jannes Wieckhoff" loading="lazy" sizes="(max-width: 640px) 640px, (max-width: 768px) 768px, 768px">
2884        
2885        <span class="font-heading -ml-8 flex flex-col uppercase">
2886                            <span class="text-stroke text-150-size/none mb-8 ring-white/50 transition-transform group-hover:-translate-x-5 group-hover:scale-110">
2887                    2
2888                </span>
2889                        <span class="text-40-size/none lg:min-w-[200px] mb-6 text-balance font-bold text-white transition-transform group-hover:-translate-x-5">
2890                Jannes Wieckhoff
2891            </span>
2892                            <span class="text-primary-light flex items-center gap-x-2.5 transition-transform group-hover:-translate-x-5">
2893                    <svg class="w-6 min-w-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M211.4 0c-27.7 0-54.5 9.6-76 27.1L56.3 91.9 12.9 127.4c-13.7 11.2-15.7 31.4-4.5 45l70.9 86.7c11.2 13.7 31.4 15.7 45 4.5L160 234.4 160 456c0 30.9 25.1 56 56 56l208 0c30.9 0 56-25.1 56-56l0-221.6 35.6 29.1c13.7 11.2 33.8 9.2 45-4.5l70.9-86.7c11.2-13.7 9.2-33.8-4.5-45L583.7 91.9 504.6 27.1C483.1 9.6 456.3 0 428.6 0l-6.3 0c-1.3 0-2.5 .1-3.7 .2c-.8-.1-1.7-.2-2.6-.2L224 0c-.9 0-1.7 .1-2.6 .2c-1.2-.1-2.4-.2-3.7-.2l-6.3 0zm40.7 32l135.8 0C378 60 351.3 80 320 80s-58-20-67.9-48zM155.7 51.9C171.4 39 191.1 32 211.4 32l6.3 0s0 0 0 0c0 0 .2 .1 .4 .3c.5 .4 1 1.2 1.3 2.2C231.1 79.1 271.7 112 320 112s88.9-32.9 100.6-77.5c.3-1 .8-1.8 1.3-2.2c.2-.2 .4-.2 .4-.3c0 0 0 0 0 0l6.3 0c20.3 0 40 7 55.7 19.9l79.2 64.8 43.3 35.5-70.9 86.7-43.3-35.5-18.4-15.1c-4.8-3.9-11.4-4.7-17-2.1s-9.1 8.3-9.1 14.5L448 456c0 13.3-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24l0-255.3c0-6.2-3.6-11.8-9.1-14.5s-12.2-1.8-17 2.1l-18.4 15.1-43.3 35.5L33.2 152.1l43.3-35.5 79.2-64.8z"/></svg>
2894                    <span class="text-18-size/none font-bold">Verdediger</span>
2895                </span>
2896                    </span>
2897        <svg class="absolute bottom-0 right-0 translate-y-1/2 translate-x-1/2 group-hover:translate-y-[65%] group-hover:translate-x-[35%] transition-transform" width="471" height="358" viewBox="0 0 471 358" fill="none" xmlns="http://www.w3.org/2000/svg">
2898<rect x="229.874" y="0.00195312" width="37.8893" height="325.09" transform="rotate(45 229.874 0.00195312)" fill="url(#paint0_linear_5_108)" fill-opacity="0.08"/>
2899<rect x="283.457" y="53.5856" width="37.8893" height="325.09" transform="rotate(45 283.457 53.5856)" fill="url(#paint1_linear_5_108)" fill-opacity="0.08"/>
2900<rect x="337.041" y="107.169" width="37.8893" height="325.09" transform="rotate(45 337.041 107.169)" fill="url(#paint2_linear_5_108)" fill-opacity="0.08"/>
2901<rect x="390.624" y="160.753" width="37.8893" height="325.09" transform="rotate(45 390.624 160.753)" fill="url(#paint3_linear_5_108)" fill-opacity="0.08"/>
2902<rect x="444.208" y="214.336" width="37.8893" height="325.09" transform="rotate(45 444.208 214.336)" fill="url(#paint4_linear_5_108)" fill-opacity="0.08"/>
2903<defs>
2904<linearGradient id="paint0_linear_5_108" x1="248.818" y1="0.00195312" x2="248.818" y2="325.092" gradientUnits="userSpaceOnUse">
2905<stop stop-color="white"/>
2906<stop offset="1" stop-color="white" stop-opacity="0"/>
2907</linearGradient>
2908<linearGradient id="paint1_linear_5_108" x1="302.402" y1="53.5856" x2="302.402" y2="378.676" gradientUnits="userSpaceOnUse">
2909<stop stop-color="white"/>
2910<stop offset="1" stop-color="white" stop-opacity="0"/>
2911</linearGradient>
2912<linearGradient id="paint2_linear_5_108" x1="355.986" y1="107.169" x2="355.986" y2="432.26" gradientUnits="userSpaceOnUse">
2913<stop stop-color="white"/>
2914<stop offset="1" stop-color="white" stop-opacity="0"/>
2915</linearGradient>
2916<linearGradient id="paint3_linear_5_108" x1="409.569" y1="160.753" x2="409.569" y2="485.843" gradientUnits="userSpaceOnUse">
2917<stop stop-color="white"/>
2918<stop offset="1" stop-color="white" stop-opacity="0"/>
2919</linearGradient>
2920<linearGradient id="paint4_linear_5_108" x1="463.153" y1="214.336" x2="463.153" y2="539.427" gradientUnits="userSpaceOnUse">
2921<stop stop-color="white"/>
2922<stop offset="1" stop-color="white" stop-opacity="0"/>
2923</linearGradient>
2924</defs>
2925</svg>
2926
2927    </a>
2928                            </div>
2929                                                    <div class="swiper-slide !z-auto !overflow-visible">
2930                                
2931                                                        
2932    <a href="https://www.degraafschap.nl/teams/eerste-elftal/jorn-triep"
2933       title="Jorn Triep"
2934       class="group flex h-full ring-0 focus-visible:!-outline-offset-2 focus-visible:rounded-md"
2935       data-animation-reveal
2936       data-animation-reveal-type="translate"
2937       data-animation-reveal-from="bottom"
2938    >
2939                    
2940
2941
2942    <img class="relative z-20 transition-transform group-hover:translate-x-5" src="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1024_fit_center-center_none/3309500/JornTriep.webp" srcset="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_640x1142_fit_center-center_none/3309500/JornTriep.webp 640w, https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1371_fit_center-center_none/3309500/JornTriep.webp 768w" width="574" height="1024" alt="Jorn Triep" loading="lazy" sizes="(max-width: 640px) 640px, (max-width: 768px) 768px, 768px">
2943        
2944        <span class="font-heading -ml-8 flex flex-col uppercase">
2945                            <span class="text-stroke text-150-size/none mb-8 ring-white/50 transition-transform group-hover:-translate-x-5 group-hover:scale-110">
2946                    28
2947                </span>
2948                        <span class="text-40-size/none lg:min-w-[200px] mb-6 text-balance font-bold text-white transition-transform group-hover:-translate-x-5">
2949                Jorn Triep
2950            </span>
2951                            <span class="text-primary-light flex items-center gap-x-2.5 transition-transform group-hover:-translate-x-5">
2952                    <svg class="w-6 min-w-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M211.4 0c-27.7 0-54.5 9.6-76 27.1L56.3 91.9 12.9 127.4c-13.7 11.2-15.7 31.4-4.5 45l70.9 86.7c11.2 13.7 31.4 15.7 45 4.5L160 234.4 160 456c0 30.9 25.1 56 56 56l208 0c30.9 0 56-25.1 56-56l0-221.6 35.6 29.1c13.7 11.2 33.8 9.2 45-4.5l70.9-86.7c11.2-13.7 9.2-33.8-4.5-45L583.7 91.9 504.6 27.1C483.1 9.6 456.3 0 428.6 0l-6.3 0c-1.3 0-2.5 .1-3.7 .2c-.8-.1-1.7-.2-2.6-.2L224 0c-.9 0-1.7 .1-2.6 .2c-1.2-.1-2.4-.2-3.7-.2l-6.3 0zm40.7 32l135.8 0C378 60 351.3 80 320 80s-58-20-67.9-48zM155.7 51.9C171.4 39 191.1 32 211.4 32l6.3 0s0 0 0 0c0 0 .2 .1 .4 .3c.5 .4 1 1.2 1.3 2.2C231.1 79.1 271.7 112 320 112s88.9-32.9 100.6-77.5c.3-1 .8-1.8 1.3-2.2c.2-.2 .4-.2 .4-.3c0 0 0 0 0 0l6.3 0c20.3 0 40 7 55.7 19.9l79.2 64.8 43.3 35.5-70.9 86.7-43.3-35.5-18.4-15.1c-4.8-3.9-11.4-4.7-17-2.1s-9.1 8.3-9.1 14.5L448 456c0 13.3-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24l0-255.3c0-6.2-3.6-11.8-9.1-14.5s-12.2-1.8-17 2.1l-18.4 15.1-43.3 35.5L33.2 152.1l43.3-35.5 79.2-64.8z"/></svg>
2953                    <span class="text-18-size/none font-bold">Middenvelder</span>
2954                </span>
2955                    </span>
2956        <svg class="absolute bottom-0 right-0 translate-y-1/2 translate-x-1/2 group-hover:translate-y-[65%] group-hover:translate-x-[35%] transition-transform" width="471" height="358" viewBox="0 0 471 358" fill="none" xmlns="http://www.w3.org/2000/svg">
2957<rect x="229.874" y="0.00195312" width="37.8893" height="325.09" transform="rotate(45 229.874 0.00195312)" fill="url(#paint0_linear_5_108)" fill-opacity="0.08"/>
2958<rect x="283.457" y="53.5856" width="37.8893" height="325.09" transform="rotate(45 283.457 53.5856)" fill="url(#paint1_linear_5_108)" fill-opacity="0.08"/>
2959<rect x="337.041" y="107.169" width="37.8893" height="325.09" transform="rotate(45 337.041 107.169)" fill="url(#paint2_linear_5_108)" fill-opacity="0.08"/>
2960<rect x="390.624" y="160.753" width="37.8893" height="325.09" transform="rotate(45 390.624 160.753)" fill="url(#paint3_linear_5_108)" fill-opacity="0.08"/>
2961<rect x="444.208" y="214.336" width="37.8893" height="325.09" transform="rotate(45 444.208 214.336)" fill="url(#paint4_linear_5_108)" fill-opacity="0.08"/>
2962<defs>
2963<linearGradient id="paint0_linear_5_108" x1="248.818" y1="0.00195312" x2="248.818" y2="325.092" gradientUnits="userSpaceOnUse">
2964<stop stop-color="white"/>
2965<stop offset="1" stop-color="white" stop-opacity="0"/>
2966</linearGradient>
2967<linearGradient id="paint1_linear_5_108" x1="302.402" y1="53.5856" x2="302.402" y2="378.676" gradientUnits="userSpaceOnUse">
2968<stop stop-color="white"/>
2969<stop offset="1" stop-color="white" stop-opacity="0"/>
2970</linearGradient>
2971<linearGradient id="paint2_linear_5_108" x1="355.986" y1="107.169" x2="355.986" y2="432.26" gradientUnits="userSpaceOnUse">
2972<stop stop-color="white"/>
2973<stop offset="1" stop-color="white" stop-opacity="0"/>
2974</linearGradient>
2975<linearGradient id="paint3_linear_5_108" x1="409.569" y1="160.753" x2="409.569" y2="485.843" gradientUnits="userSpaceOnUse">
2976<stop stop-color="white"/>
2977<stop offset="1" stop-color="white" stop-opacity="0"/>
2978</linearGradient>
2979<linearGradient id="paint4_linear_5_108" x1="463.153" y1="214.336" x2="463.153" y2="539.427" gradientUnits="userSpaceOnUse">
2980<stop stop-color="white"/>
2981<stop offset="1" stop-color="white" stop-opacity="0"/>
2982</linearGradient>
2983</defs>
2984</svg>
2985
2986    </a>
2987                            </div>
2988                                                    <div class="swiper-slide !z-auto !overflow-visible">
2989                                
2990                                                        
2991    <a href="https://www.degraafschap.nl/teams/eerste-elftal/thomas-kok"
2992       title="Thomas Kok"
2993       class="group flex h-full ring-0 focus-visible:!-outline-offset-2 focus-visible:rounded-md"
2994       data-animation-reveal
2995       data-animation-reveal-type="translate"
2996       data-animation-reveal-from="bottom"
2997    >
2998                    
2999
3000
3001    <img class="relative z-20 transition-transform group-hover:translate-x-5" src="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1024_fit_center-center_none/3309609/ThomasKok.webp" srcset="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_640x1071_fit_center-center_none/3309609/ThomasKok.webp 640w, https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1286_fit_center-center_none/3309609/ThomasKok.webp 768w" width="612" height="1024" alt="Thomas Kok" loading="lazy" sizes="(max-width: 640px) 640px, (max-width: 768px) 768px, 768px">
3002        
3003        <span class="font-heading -ml-8 flex flex-col uppercase">
3004                            <span class="text-stroke text-150-size/none mb-8 ring-white/50 transition-transform group-hover:-translate-x-5 group-hover:scale-110">
3005                    15
3006                </span>
3007                        <span class="text-40-size/none lg:min-w-[200px] mb-6 text-balance font-bold text-white transition-transform group-hover:-translate-x-5">
3008                Thomas Kok
3009            </span>
3010                            <span class="text-primary-light flex items-center gap-x-2.5 transition-transform group-hover:-translate-x-5">
3011                    <svg class="w-6 min-w-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M211.4 0c-27.7 0-54.5 9.6-76 27.1L56.3 91.9 12.9 127.4c-13.7 11.2-15.7 31.4-4.5 45l70.9 86.7c11.2 13.7 31.4 15.7 45 4.5L160 234.4 160 456c0 30.9 25.1 56 56 56l208 0c30.9 0 56-25.1 56-56l0-221.6 35.6 29.1c13.7 11.2 33.8 9.2 45-4.5l70.9-86.7c11.2-13.7 9.2-33.8-4.5-45L583.7 91.9 504.6 27.1C483.1 9.6 456.3 0 428.6 0l-6.3 0c-1.3 0-2.5 .1-3.7 .2c-.8-.1-1.7-.2-2.6-.2L224 0c-.9 0-1.7 .1-2.6 .2c-1.2-.1-2.4-.2-3.7-.2l-6.3 0zm40.7 32l135.8 0C378 60 351.3 80 320 80s-58-20-67.9-48zM155.7 51.9C171.4 39 191.1 32 211.4 32l6.3 0s0 0 0 0c0 0 .2 .1 .4 .3c.5 .4 1 1.2 1.3 2.2C231.1 79.1 271.7 112 320 112s88.9-32.9 100.6-77.5c.3-1 .8-1.8 1.3-2.2c.2-.2 .4-.2 .4-.3c0 0 0 0 0 0l6.3 0c20.3 0 40 7 55.7 19.9l79.2 64.8 43.3 35.5-70.9 86.7-43.3-35.5-18.4-15.1c-4.8-3.9-11.4-4.7-17-2.1s-9.1 8.3-9.1 14.5L448 456c0 13.3-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24l0-255.3c0-6.2-3.6-11.8-9.1-14.5s-12.2-1.8-17 2.1l-18.4 15.1-43.3 35.5L33.2 152.1l43.3-35.5 79.2-64.8z"/></svg>
3012                    <span class="text-18-size/none font-bold">Verdediger</span>
3013                </span>
3014                    </span>
3015        <svg class="absolute bottom-0 right-0 translate-y-1/2 translate-x-1/2 group-hover:translate-y-[65%] group-hover:translate-x-[35%] transition-transform" width="471" height="358" viewBox="0 0 471 358" fill="none" xmlns="http://www.w3.org/2000/svg">
3016<rect x="229.874" y="0.00195312" width="37.8893" height="325.09" transform="rotate(45 229.874 0.00195312)" fill="url(#paint0_linear_5_108)" fill-opacity="0.08"/>
3017<rect x="283.457" y="53.5856" width="37.8893" height="325.09" transform="rotate(45 283.457 53.5856)" fill="url(#paint1_linear_5_108)" fill-opacity="0.08"/>
3018<rect x="337.041" y="107.169" width="37.8893" height="325.09" transform="rotate(45 337.041 107.169)" fill="url(#paint2_linear_5_108)" fill-opacity="0.08"/>
3019<rect x="390.624" y="160.753" width="37.8893" height="325.09" transform="rotate(45 390.624 160.753)" fill="url(#paint3_linear_5_108)" fill-opacity="0.08"/>
3020<rect x="444.208" y="214.336" width="37.8893" height="325.09" transform="rotate(45 444.208 214.336)" fill="url(#paint4_linear_5_108)" fill-opacity="0.08"/>
3021<defs>
3022<linearGradient id="paint0_linear_5_108" x1="248.818" y1="0.00195312" x2="248.818" y2="325.092" gradientUnits="userSpaceOnUse">
3023<stop stop-color="white"/>
3024<stop offset="1" stop-color="white" stop-opacity="0"/>
3025</linearGradient>
3026<linearGradient id="paint1_linear_5_108" x1="302.402" y1="53.5856" x2="302.402" y2="378.676" gradientUnits="userSpaceOnUse">
3027<stop stop-color="white"/>
3028<stop offset="1" stop-color="white" stop-opacity="0"/>
3029</linearGradient>
3030<linearGradient id="paint2_linear_5_108" x1="355.986" y1="107.169" x2="355.986" y2="432.26" gradientUnits="userSpaceOnUse">
3031<stop stop-color="white"/>
3032<stop offset="1" stop-color="white" stop-opacity="0"/>
3033</linearGradient>
3034<linearGradient id="paint3_linear_5_108" x1="409.569" y1="160.753" x2="409.569" y2="485.843" gradientUnits="userSpaceOnUse">
3035<stop stop-color="white"/>
3036<stop offset="1" stop-color="white" stop-opacity="0"/>
3037</linearGradient>
3038<linearGradient id="paint4_linear_5_108" x1="463.153" y1="214.336" x2="463.153" y2="539.427" gradientUnits="userSpaceOnUse">
3039<stop stop-color="white"/>
3040<stop offset="1" stop-color="white" stop-opacity="0"/>
3041</linearGradient>
3042</defs>
3043</svg>
3044
3045    </a>
3046                            </div>
3047                                                    <div class="swiper-slide !z-auto !overflow-visible">
3048                                
3049                                                                                    
3050    <a href="https://www.degraafschap.nl/teams/eerste-elftal/kaya-symons"
3051       title="Kaya Symons"
3052       class="group flex h-full ring-0 focus-visible:!-outline-offset-2 focus-visible:rounded-md"
3053       data-animation-reveal
3054       data-animation-reveal-type="translate"
3055       data-animation-reveal-from="bottom"
3056    >
3057                    
3058
3059
3060    <img class="relative z-20 transition-transform group-hover:translate-x-5" src="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1024_fit_center-center_none/3309463/KayaSymons.webp" srcset="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_640x1028_fit_center-center_none/3309463/KayaSymons.webp 640w, https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1233_fit_center-center_none/3309463/KayaSymons.webp 768w" width="638" height="1024" alt="Kaya Symons" loading="lazy" sizes="(max-width: 640px) 640px, (max-width: 768px) 768px, 768px">
3061        
3062        <span class="font-heading -ml-8 flex flex-col uppercase">
3063                            <span class="text-stroke text-150-size/none mb-8 ring-white/50 transition-transform group-hover:-translate-x-5 group-hover:scale-110">
3064                    21
3065                </span>
3066                        <span class="text-40-size/none lg:min-w-[200px] mb-6 text-balance font-bold text-white transition-transform group-hover:-translate-x-5">
3067                Kaya Symons
3068            </span>
3069                            <span class="text-primary-light flex items-center gap-x-2.5 transition-transform group-hover:-translate-x-5">
3070                    <svg class="w-6 min-w-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M211.4 0c-27.7 0-54.5 9.6-76 27.1L56.3 91.9 12.9 127.4c-13.7 11.2-15.7 31.4-4.5 45l70.9 86.7c11.2 13.7 31.4 15.7 45 4.5L160 234.4 160 456c0 30.9 25.1 56 56 56l208 0c30.9 0 56-25.1 56-56l0-221.6 35.6 29.1c13.7 11.2 33.8 9.2 45-4.5l70.9-86.7c11.2-13.7 9.2-33.8-4.5-45L583.7 91.9 504.6 27.1C483.1 9.6 456.3 0 428.6 0l-6.3 0c-1.3 0-2.5 .1-3.7 .2c-.8-.1-1.7-.2-2.6-.2L224 0c-.9 0-1.7 .1-2.6 .2c-1.2-.1-2.4-.2-3.7-.2l-6.3 0zm40.7 32l135.8 0C378 60 351.3 80 320 80s-58-20-67.9-48zM155.7 51.9C171.4 39 191.1 32 211.4 32l6.3 0s0 0 0 0c0 0 .2 .1 .4 .3c.5 .4 1 1.2 1.3 2.2C231.1 79.1 271.7 112 320 112s88.9-32.9 100.6-77.5c.3-1 .8-1.8 1.3-2.2c.2-.2 .4-.2 .4-.3c0 0 0 0 0 0l6.3 0c20.3 0 40 7 55.7 19.9l79.2 64.8 43.3 35.5-70.9 86.7-43.3-35.5-18.4-15.1c-4.8-3.9-11.4-4.7-17-2.1s-9.1 8.3-9.1 14.5L448 456c0 13.3-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24l0-255.3c0-6.2-3.6-11.8-9.1-14.5s-12.2-1.8-17 2.1l-18.4 15.1-43.3 35.5L33.2 152.1l43.3-35.5 79.2-64.8z"/></svg>
3071                    <span class="text-18-size/none font-bold">Verdediger</span>
3072                </span>
3073                    </span>
3074        <svg class="absolute bottom-0 right-0 translate-y-1/2 translate-x-1/2 group-hover:translate-y-[65%] group-hover:translate-x-[35%] transition-transform" width="471" height="358" viewBox="0 0 471 358" fill="none" xmlns="http://www.w3.org/2000/svg">
3075<rect x="229.874" y="0.00195312" width="37.8893" height="325.09" transform="rotate(45 229.874 0.00195312)" fill="url(#paint0_linear_5_108)" fill-opacity="0.08"/>
3076<rect x="283.457" y="53.5856" width="37.8893" height="325.09" transform="rotate(45 283.457 53.5856)" fill="url(#paint1_linear_5_108)" fill-opacity="0.08"/>
3077<rect x="337.041" y="107.169" width="37.8893" height="325.09" transform="rotate(45 337.041 107.169)" fill="url(#paint2_linear_5_108)" fill-opacity="0.08"/>
3078<rect x="390.624" y="160.753" width="37.8893" height="325.09" transform="rotate(45 390.624 160.753)" fill="url(#paint3_linear_5_108)" fill-opacity="0.08"/>
3079<rect x="444.208" y="214.336" width="37.8893" height="325.09" transform="rotate(45 444.208 214.336)" fill="url(#paint4_linear_5_108)" fill-opacity="0.08"/>
3080<defs>
3081<linearGradient id="paint0_linear_5_108" x1="248.818" y1="0.00195312" x2="248.818" y2="325.092" gradientUnits="userSpaceOnUse">
3082<stop stop-color="white"/>
3083<stop offset="1" stop-color="white" stop-opacity="0"/>
3084</linearGradient>
3085<linearGradient id="paint1_linear_5_108" x1="302.402" y1="53.5856" x2="302.402" y2="378.676" gradientUnits="userSpaceOnUse">
3086<stop stop-color="white"/>
3087<stop offset="1" stop-color="white" stop-opacity="0"/>
3088</linearGradient>
3089<linearGradient id="paint2_linear_5_108" x1="355.986" y1="107.169" x2="355.986" y2="432.26" gradientUnits="userSpaceOnUse">
3090<stop stop-color="white"/>
3091<stop offset="1" stop-color="white" stop-opacity="0"/>
3092</linearGradient>
3093<linearGradient id="paint3_linear_5_108" x1="409.569" y1="160.753" x2="409.569" y2="485.843" gradientUnits="userSpaceOnUse">
3094<stop stop-color="white"/>
3095<stop offset="1" stop-color="white" stop-opacity="0"/>
3096</linearGradient>
3097<linearGradient id="paint4_linear_5_108" x1="463.153" y1="214.336" x2="463.153" y2="539.427" gradientUnits="userSpaceOnUse">
3098<stop stop-color="white"/>
3099<stop offset="1" stop-color="white" stop-opacity="0"/>
3100</linearGradient>
3101</defs>
3102</svg>
3103
3104    </a>
3105                            </div>
3106                                                    <div class="swiper-slide !z-auto !overflow-visible">
3107                                
3108                                                        
3109    <a href="https://www.degraafschap.nl/teams/eerste-elftal/fedde-de-jong"
3110       title="Fedde de Jong"
3111       class="group flex h-full ring-0 focus-visible:!-outline-offset-2 focus-visible:rounded-md"
3112       data-animation-reveal
3113       data-animation-reveal-type="translate"
3114       data-animation-reveal-from="bottom"
3115    >
3116                    
3117
3118
3119    <img class="relative z-20 transition-transform group-hover:translate-x-5" src="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1024_fit_center-center_none/3309514/FeddedeJong1.webp" srcset="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_640x1106_fit_center-center_none/3309514/FeddedeJong1.webp 640w, https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1327_fit_center-center_none/3309514/FeddedeJong1.webp 768w" width="593" height="1024" alt="Feddede Jong1" loading="lazy" sizes="(max-width: 640px) 640px, (max-width: 768px) 768px, 768px">
3120        
3121        <span class="font-heading -ml-8 flex flex-col uppercase">
3122                            <span class="text-stroke text-150-size/none mb-8 ring-white/50 transition-transform group-hover:-translate-x-5 group-hover:scale-110">
3123                    10
3124                </span>
3125                        <span class="text-40-size/none lg:min-w-[200px] mb-6 text-balance font-bold text-white transition-transform group-hover:-translate-x-5">
3126                Fedde de Jong
3127            </span>
3128                            <span class="text-primary-light flex items-center gap-x-2.5 transition-transform group-hover:-translate-x-5">
3129                    <svg class="w-6 min-w-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M211.4 0c-27.7 0-54.5 9.6-76 27.1L56.3 91.9 12.9 127.4c-13.7 11.2-15.7 31.4-4.5 45l70.9 86.7c11.2 13.7 31.4 15.7 45 4.5L160 234.4 160 456c0 30.9 25.1 56 56 56l208 0c30.9 0 56-25.1 56-56l0-221.6 35.6 29.1c13.7 11.2 33.8 9.2 45-4.5l70.9-86.7c11.2-13.7 9.2-33.8-4.5-45L583.7 91.9 504.6 27.1C483.1 9.6 456.3 0 428.6 0l-6.3 0c-1.3 0-2.5 .1-3.7 .2c-.8-.1-1.7-.2-2.6-.2L224 0c-.9 0-1.7 .1-2.6 .2c-1.2-.1-2.4-.2-3.7-.2l-6.3 0zm40.7 32l135.8 0C378 60 351.3 80 320 80s-58-20-67.9-48zM155.7 51.9C171.4 39 191.1 32 211.4 32l6.3 0s0 0 0 0c0 0 .2 .1 .4 .3c.5 .4 1 1.2 1.3 2.2C231.1 79.1 271.7 112 320 112s88.9-32.9 100.6-77.5c.3-1 .8-1.8 1.3-2.2c.2-.2 .4-.2 .4-.3c0 0 0 0 0 0l6.3 0c20.3 0 40 7 55.7 19.9l79.2 64.8 43.3 35.5-70.9 86.7-43.3-35.5-18.4-15.1c-4.8-3.9-11.4-4.7-17-2.1s-9.1 8.3-9.1 14.5L448 456c0 13.3-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24l0-255.3c0-6.2-3.6-11.8-9.1-14.5s-12.2-1.8-17 2.1l-18.4 15.1-43.3 35.5L33.2 152.1l43.3-35.5 79.2-64.8z"/></svg>
3130                    <span class="text-18-size/none font-bold">Middenvelder</span>
3131                </span>
3132                    </span>
3133        <svg class="absolute bottom-0 right-0 translate-y-1/2 translate-x-1/2 group-hover:translate-y-[65%] group-hover:translate-x-[35%] transition-transform" width="471" height="358" viewBox="0 0 471 358" fill="none" xmlns="http://www.w3.org/2000/svg">
3134<rect x="229.874" y="0.00195312" width="37.8893" height="325.09" transform="rotate(45 229.874 0.00195312)" fill="url(#paint0_linear_5_108)" fill-opacity="0.08"/>
3135<rect x="283.457" y="53.5856" width="37.8893" height="325.09" transform="rotate(45 283.457 53.5856)" fill="url(#paint1_linear_5_108)" fill-opacity="0.08"/>
3136<rect x="337.041" y="107.169" width="37.8893" height="325.09" transform="rotate(45 337.041 107.169)" fill="url(#paint2_linear_5_108)" fill-opacity="0.08"/>
3137<rect x="390.624" y="160.753" width="37.8893" height="325.09" transform="rotate(45 390.624 160.753)" fill="url(#paint3_linear_5_108)" fill-opacity="0.08"/>
3138<rect x="444.208" y="214.336" width="37.8893" height="325.09" transform="rotate(45 444.208 214.336)" fill="url(#paint4_linear_5_108)" fill-opacity="0.08"/>
3139<defs>
3140<linearGradient id="paint0_linear_5_108" x1="248.818" y1="0.00195312" x2="248.818" y2="325.092" gradientUnits="userSpaceOnUse">
3141<stop stop-color="white"/>
3142<stop offset="1" stop-color="white" stop-opacity="0"/>
3143</linearGradient>
3144<linearGradient id="paint1_linear_5_108" x1="302.402" y1="53.5856" x2="302.402" y2="378.676" gradientUnits="userSpaceOnUse">
3145<stop stop-color="white"/>
3146<stop offset="1" stop-color="white" stop-opacity="0"/>
3147</linearGradient>
3148<linearGradient id="paint2_linear_5_108" x1="355.986" y1="107.169" x2="355.986" y2="432.26" gradientUnits="userSpaceOnUse">
3149<stop stop-color="white"/>
3150<stop offset="1" stop-color="white" stop-opacity="0"/>
3151</linearGradient>
3152<linearGradient id="paint3_linear_5_108" x1="409.569" y1="160.753" x2="409.569" y2="485.843" gradientUnits="userSpaceOnUse">
3153<stop stop-color="white"/>
3154<stop offset="1" stop-color="white" stop-opacity="0"/>
3155</linearGradient>
3156<linearGradient id="paint4_linear_5_108" x1="463.153" y1="214.336" x2="463.153" y2="539.427" gradientUnits="userSpaceOnUse">
3157<stop stop-color="white"/>
3158<stop offset="1" stop-color="white" stop-opacity="0"/>
3159</linearGradient>
3160</defs>
3161</svg>
3162
3163    </a>
3164                            </div>
3165                                                    <div class="swiper-slide !z-auto !overflow-visible">
3166                                
3167                                                                                    
3168    <a href="https://www.degraafschap.nl/teams/eerste-elftal/nolan-martens"
3169       title="Nolan Martens"
3170       class="group flex h-full ring-0 focus-visible:!-outline-offset-2 focus-visible:rounded-md"
3171       data-animation-reveal
3172       data-animation-reveal-type="translate"
3173       data-animation-reveal-from="bottom"
3174    >
3175                    
3176
3177
3178    <img class="relative z-20 transition-transform group-hover:translate-x-5" src="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1024_fit_center-center_none/3309925/NolanMartens2.webp" srcset="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_640x1051_fit_center-center_none/3309925/NolanMartens2.webp 640w, https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1261_fit_center-center_none/3309925/NolanMartens2.webp 768w" width="624" height="1024" alt="Nolan Martens2" loading="lazy" sizes="(max-width: 640px) 640px, (max-width: 768px) 768px, 768px">
3179        
3180        <span class="font-heading -ml-8 flex flex-col uppercase">
3181                        <span class="text-40-size/none lg:min-w-[200px] mb-6 text-balance font-bold text-white transition-transform group-hover:-translate-x-5">
3182                Nolan Martens
3183            </span>
3184                            <span class="text-primary-light flex items-center gap-x-2.5 transition-transform group-hover:-translate-x-5">
3185                    <svg class="w-6 min-w-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M211.4 0c-27.7 0-54.5 9.6-76 27.1L56.3 91.9 12.9 127.4c-13.7 11.2-15.7 31.4-4.5 45l70.9 86.7c11.2 13.7 31.4 15.7 45 4.5L160 234.4 160 456c0 30.9 25.1 56 56 56l208 0c30.9 0 56-25.1 56-56l0-221.6 35.6 29.1c13.7 11.2 33.8 9.2 45-4.5l70.9-86.7c11.2-13.7 9.2-33.8-4.5-45L583.7 91.9 504.6 27.1C483.1 9.6 456.3 0 428.6 0l-6.3 0c-1.3 0-2.5 .1-3.7 .2c-.8-.1-1.7-.2-2.6-.2L224 0c-.9 0-1.7 .1-2.6 .2c-1.2-.1-2.4-.2-3.7-.2l-6.3 0zm40.7 32l135.8 0C378 60 351.3 80 320 80s-58-20-67.9-48zM155.7 51.9C171.4 39 191.1 32 211.4 32l6.3 0s0 0 0 0c0 0 .2 .1 .4 .3c.5 .4 1 1.2 1.3 2.2C231.1 79.1 271.7 112 320 112s88.9-32.9 100.6-77.5c.3-1 .8-1.8 1.3-2.2c.2-.2 .4-.2 .4-.3c0 0 0 0 0 0l6.3 0c20.3 0 40 7 55.7 19.9l79.2 64.8 43.3 35.5-70.9 86.7-43.3-35.5-18.4-15.1c-4.8-3.9-11.4-4.7-17-2.1s-9.1 8.3-9.1 14.5L448 456c0 13.3-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24l0-255.3c0-6.2-3.6-11.8-9.1-14.5s-12.2-1.8-17 2.1l-18.4 15.1-43.3 35.5L33.2 152.1l43.3-35.5 79.2-64.8z"/></svg>
3186                    <span class="text-18-size/none font-bold">Verdediger</span>
3187                </span>
3188                    </span>
3189        <svg class="absolute bottom-0 right-0 translate-y-1/2 translate-x-1/2 group-hover:translate-y-[65%] group-hover:translate-x-[35%] transition-transform" width="471" height="358" viewBox="0 0 471 358" fill="none" xmlns="http://www.w3.org/2000/svg">
3190<rect x="229.874" y="0.00195312" width="37.8893" height="325.09" transform="rotate(45 229.874 0.00195312)" fill="url(#paint0_linear_5_108)" fill-opacity="0.08"/>
3191<rect x="283.457" y="53.5856" width="37.8893" height="325.09" transform="rotate(45 283.457 53.5856)" fill="url(#paint1_linear_5_108)" fill-opacity="0.08"/>
3192<rect x="337.041" y="107.169" width="37.8893" height="325.09" transform="rotate(45 337.041 107.169)" fill="url(#paint2_linear_5_108)" fill-opacity="0.08"/>
3193<rect x="390.624" y="160.753" width="37.8893" height="325.09" transform="rotate(45 390.624 160.753)" fill="url(#paint3_linear_5_108)" fill-opacity="0.08"/>
3194<rect x="444.208" y="214.336" width="37.8893" height="325.09" transform="rotate(45 444.208 214.336)" fill="url(#paint4_linear_5_108)" fill-opacity="0.08"/>
3195<defs>
3196<linearGradient id="paint0_linear_5_108" x1="248.818" y1="0.00195312" x2="248.818" y2="325.092" gradientUnits="userSpaceOnUse">
3197<stop stop-color="white"/>
3198<stop offset="1" stop-color="white" stop-opacity="0"/>
3199</linearGradient>
3200<linearGradient id="paint1_linear_5_108" x1="302.402" y1="53.5856" x2="302.402" y2="378.676" gradientUnits="userSpaceOnUse">
3201<stop stop-color="white"/>
3202<stop offset="1" stop-color="white" stop-opacity="0"/>
3203</linearGradient>
3204<linearGradient id="paint2_linear_5_108" x1="355.986" y1="107.169" x2="355.986" y2="432.26" gradientUnits="userSpaceOnUse">
3205<stop stop-color="white"/>
3206<stop offset="1" stop-color="white" stop-opacity="0"/>
3207</linearGradient>
3208<linearGradient id="paint3_linear_5_108" x1="409.569" y1="160.753" x2="409.569" y2="485.843" gradientUnits="userSpaceOnUse">
3209<stop stop-color="white"/>
3210<stop offset="1" stop-color="white" stop-opacity="0"/>
3211</linearGradient>
3212<linearGradient id="paint4_linear_5_108" x1="463.153" y1="214.336" x2="463.153" y2="539.427" gradientUnits="userSpaceOnUse">
3213<stop stop-color="white"/>
3214<stop offset="1" stop-color="white" stop-opacity="0"/>
3215</linearGradient>
3216</defs>
3217</svg>
3218
3219    </a>
3220                            </div>
3221                                                    <div class="swiper-slide !z-auto !overflow-visible">
3222                                
3223                                                        
3224    <a href="https://www.degraafschap.nl/teams/eerste-elftal/mark-diemers"
3225       title="Mark Diemers"
3226       class="group flex h-full ring-0 focus-visible:!-outline-offset-2 focus-visible:rounded-md"
3227       data-animation-reveal
3228       data-animation-reveal-type="translate"
3229       data-animation-reveal-from="bottom"
3230    >
3231                    
3232
3233
3234    <img class="relative z-20 transition-transform group-hover:translate-x-5" src="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1024_fit_center-center_none/3310938/MarkDiemers.webp" srcset="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_640x1171_fit_center-center_none/3310938/MarkDiemers.webp 640w, https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1405_fit_center-center_none/3310938/MarkDiemers.webp 768w" width="560" height="1024" alt="Mark Diemers" loading="lazy" sizes="(max-width: 640px) 640px, (max-width: 768px) 768px, 768px">
3235        
3236        <span class="font-heading -ml-8 flex flex-col uppercase">
3237                            <span class="text-stroke text-150-size/none mb-8 ring-white/50 transition-transform group-hover:-translate-x-5 group-hover:scale-110">
3238                    23
3239                </span>
3240                        <span class="text-40-size/none lg:min-w-[200px] mb-6 text-balance font-bold text-white transition-transform group-hover:-translate-x-5">
3241                Mark Diemers
3242            </span>
3243                            <span class="text-primary-light flex items-center gap-x-2.5 transition-transform group-hover:-translate-x-5">
3244                    <svg class="w-6 min-w-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M211.4 0c-27.7 0-54.5 9.6-76 27.1L56.3 91.9 12.9 127.4c-13.7 11.2-15.7 31.4-4.5 45l70.9 86.7c11.2 13.7 31.4 15.7 45 4.5L160 234.4 160 456c0 30.9 25.1 56 56 56l208 0c30.9 0 56-25.1 56-56l0-221.6 35.6 29.1c13.7 11.2 33.8 9.2 45-4.5l70.9-86.7c11.2-13.7 9.2-33.8-4.5-45L583.7 91.9 504.6 27.1C483.1 9.6 456.3 0 428.6 0l-6.3 0c-1.3 0-2.5 .1-3.7 .2c-.8-.1-1.7-.2-2.6-.2L224 0c-.9 0-1.7 .1-2.6 .2c-1.2-.1-2.4-.2-3.7-.2l-6.3 0zm40.7 32l135.8 0C378 60 351.3 80 320 80s-58-20-67.9-48zM155.7 51.9C171.4 39 191.1 32 211.4 32l6.3 0s0 0 0 0c0 0 .2 .1 .4 .3c.5 .4 1 1.2 1.3 2.2C231.1 79.1 271.7 112 320 112s88.9-32.9 100.6-77.5c.3-1 .8-1.8 1.3-2.2c.2-.2 .4-.2 .4-.3c0 0 0 0 0 0l6.3 0c20.3 0 40 7 55.7 19.9l79.2 64.8 43.3 35.5-70.9 86.7-43.3-35.5-18.4-15.1c-4.8-3.9-11.4-4.7-17-2.1s-9.1 8.3-9.1 14.5L448 456c0 13.3-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24l0-255.3c0-6.2-3.6-11.8-9.1-14.5s-12.2-1.8-17 2.1l-18.4 15.1-43.3 35.5L33.2 152.1l43.3-35.5 79.2-64.8z"/></svg>
3245                    <span class="text-18-size/none font-bold">Middenvelder</span>
3246                </span>
3247                    </span>
3248        <svg class="absolute bottom-0 right-0 translate-y-1/2 translate-x-1/2 group-hover:translate-y-[65%] group-hover:translate-x-[35%] transition-transform" width="471" height="358" viewBox="0 0 471 358" fill="none" xmlns="http://www.w3.org/2000/svg">
3249<rect x="229.874" y="0.00195312" width="37.8893" height="325.09" transform="rotate(45 229.874 0.00195312)" fill="url(#paint0_linear_5_108)" fill-opacity="0.08"/>
3250<rect x="283.457" y="53.5856" width="37.8893" height="325.09" transform="rotate(45 283.457 53.5856)" fill="url(#paint1_linear_5_108)" fill-opacity="0.08"/>
3251<rect x="337.041" y="107.169" width="37.8893" height="325.09" transform="rotate(45 337.041 107.169)" fill="url(#paint2_linear_5_108)" fill-opacity="0.08"/>
3252<rect x="390.624" y="160.753" width="37.8893" height="325.09" transform="rotate(45 390.624 160.753)" fill="url(#paint3_linear_5_108)" fill-opacity="0.08"/>
3253<rect x="444.208" y="214.336" width="37.8893" height="325.09" transform="rotate(45 444.208 214.336)" fill="url(#paint4_linear_5_108)" fill-opacity="0.08"/>
3254<defs>
3255<linearGradient id="paint0_linear_5_108" x1="248.818" y1="0.00195312" x2="248.818" y2="325.092" gradientUnits="userSpaceOnUse">
3256<stop stop-color="white"/>
3257<stop offset="1" stop-color="white" stop-opacity="0"/>
3258</linearGradient>
3259<linearGradient id="paint1_linear_5_108" x1="302.402" y1="53.5856" x2="302.402" y2="378.676" gradientUnits="userSpaceOnUse">
3260<stop stop-color="white"/>
3261<stop offset="1" stop-color="white" stop-opacity="0"/>
3262</linearGradient>
3263<linearGradient id="paint2_linear_5_108" x1="355.986" y1="107.169" x2="355.986" y2="432.26" gradientUnits="userSpaceOnUse">
3264<stop stop-color="white"/>
3265<stop offset="1" stop-color="white" stop-opacity="0"/>
3266</linearGradient>
3267<linearGradient id="paint3_linear_5_108" x1="409.569" y1="160.753" x2="409.569" y2="485.843" gradientUnits="userSpaceOnUse">
3268<stop stop-color="white"/>
3269<stop offset="1" stop-color="white" stop-opacity="0"/>
3270</linearGradient>
3271<linearGradient id="paint4_linear_5_108" x1="463.153" y1="214.336" x2="463.153" y2="539.427" gradientUnits="userSpaceOnUse">
3272<stop stop-color="white"/>
3273<stop offset="1" stop-color="white" stop-opacity="0"/>
3274</linearGradient>
3275</defs>
3276</svg>
3277
3278    </a>
3279                            </div>
3280                                                    <div class="swiper-slide !z-auto !overflow-visible">
3281                                
3282                                                        
3283    <a href="https://www.degraafschap.nl/teams/eerste-elftal/paul-reverson"
3284       title="Paul Reverson"
3285       class="group flex h-full ring-0 focus-visible:!-outline-offset-2 focus-visible:rounded-md"
3286       data-animation-reveal
3287       data-animation-reveal-type="translate"
3288       data-animation-reveal-from="bottom"
3289    >
3290                    
3291
3292
3293    <img class="relative z-20 transition-transform group-hover:translate-x-5" src="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1024_fit_center-center_none/3309472/PaulReverson.webp" srcset="https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_640x1007_fit_center-center_none/3309472/PaulReverson.webp 640w, https://www.degraafschap.nl/assets/players/2026-2027/Officiele-profielfotos-website/_768x1209_fit_center-center_none/3309472/PaulReverson.webp 768w" width="651" height="1024" alt="Paul Reverson" loading="lazy" sizes="(max-width: 640px) 640px, (max-width: 768px) 768px, 768px">
3294        
3295        <span class="font-heading -ml-8 flex flex-col uppercase">
3296                            <span class="text-stroke text-150-size/none mb-8 ring-white/50 transition-transform group-hover:-translate-x-5 group-hover:scale-110">
3297                    22
3298                </span>
3299                        <span class="text-40-size/none lg:min-w-[200px] mb-6 text-balance font-bold text-white transition-transform group-hover:-translate-x-5">
3300                Paul Reverson
3301            </span>
3302                            <span class="text-primary-light flex items-center gap-x-2.5 transition-transform group-hover:-translate-x-5">
3303                    <svg class="w-6 min-w-6 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M211.4 0c-27.7 0-54.5 9.6-76 27.1L56.3 91.9 12.9 127.4c-13.7 11.2-15.7 31.4-4.5 45l70.9 86.7c11.2 13.7 31.4 15.7 45 4.5L160 234.4 160 456c0 30.9 25.1 56 56 56l208 0c30.9 0 56-25.1 56-56l0-221.6 35.6 29.1c13.7 11.2 33.8 9.2 45-4.5l70.9-86.7c11.2-13.7 9.2-33.8-4.5-45L583.7 91.9 504.6 27.1C483.1 9.6 456.3 0 428.6 0l-6.3 0c-1.3 0-2.5 .1-3.7 .2c-.8-.1-1.7-.2-2.6-.2L224 0c-.9 0-1.7 .1-2.6 .2c-1.2-.1-2.4-.2-3.7-.2l-6.3 0zm40.7 32l135.8 0C378 60 351.3 80 320 80s-58-20-67.9-48zM155.7 51.9C171.4 39 191.1 32 211.4 32l6.3 0s0 0 0 0c0 0 .2 .1 .4 .3c.5 .4 1 1.2 1.3 2.2C231.1 79.1 271.7 112 320 112s88.9-32.9 100.6-77.5c.3-1 .8-1.8 1.3-2.2c.2-.2 .4-.2 .4-.3c0 0 0 0 0 0l6.3 0c20.3 0 40 7 55.7 19.9l79.2 64.8 43.3 35.5-70.9 86.7-43.3-35.5-18.4-15.1c-4.8-3.9-11.4-4.7-17-2.1s-9.1 8.3-9.1 14.5L448 456c0 13.3-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24l0-255.3c0-6.2-3.6-11.8-9.1-14.5s-12.2-1.8-17 2.1l-18.4 15.1-43.3 35.5L33.2 152.1l43.3-35.5 79.2-64.8z"/></svg>
3304                    <span class="text-18-size/none font-bold">Keeper</span>
3305                </span>
3306                    </span>
3307        <svg class="absolute bottom-0 right-0 translate-y-1/2 translate-x-1/2 group-hover:translate-y-[65%] group-hover:translate-x-[35%] transition-transform" width="471" height="358" viewBox="0 0 471 358" fill="none" xmlns="http://www.w3.org/2000/svg">
3308<rect x="229.874" y="0.00195312" width="37.8893" height="325.09" transform="rotate(45 229.874 0.00195312)" fill="url(#paint0_linear_5_108)" fill-opacity="0.08"/>
3309<rect x="283.457" y="53.5856" width="37.8893" height="325.09" transform="rotate(45 283.457 53.5856)" fill="url(#paint1_linear_5_108)" fill-opacity="0.08"/>
3310<rect x="337.041" y="107.169" width="37.8893" height="325.09" transform="rotate(45 337.041 107.169)" fill="url(#paint2_linear_5_108)" fill-opacity="0.08"/>
3311<rect x="390.624" y="160.753" width="37.8893" height="325.09" transform="rotate(45 390.624 160.753)" fill="url(#paint3_linear_5_108)" fill-opacity="0.08"/>
3312<rect x="444.208" y="214.336" width="37.8893" height="325.09" transform="rotate(45 444.208 214.336)" fill="url(#paint4_linear_5_108)" fill-opacity="0.08"/>
3313<defs>
3314<linearGradient id="paint0_linear_5_108" x1="248.818" y1="0.00195312" x2="248.818" y2="325.092" gradientUnits="userSpaceOnUse">
3315<stop stop-color="white"/>
3316<stop offset="1" stop-color="white" stop-opacity="0"/>
3317</linearGradient>
3318<linearGradient id="paint1_linear_5_108" x1="302.402" y1="53.5856" x2="302.402" y2="378.676" gradientUnits="userSpaceOnUse">
3319<stop stop-color="white"/>
3320<stop offset="1" stop-color="white" stop-opacity="0"/>
3321</linearGradient>
3322<linearGradient id="paint2_linear_5_108" x1="355.986" y1="107.169" x2="355.986" y2="432.26" gradientUnits="userSpaceOnUse">
3323<stop stop-color="white"/>
3324<stop offset="1" stop-color="white" stop-opacity="0"/>
3325</linearGradient>
3326<linearGradient id="paint3_linear_5_108" x1="409.569" y1="160.753" x2="409.569" y2="485.843" gradientUnits="userSpaceOnUse">
3327<stop stop-color="white"/>
3328<stop offset="1" stop-color="white" stop-opacity="0"/>
3329</linearGradient>
3330<linearGradient id="paint4_linear_5_108" x1="463.153" y1="214.336" x2="463.153" y2="539.427" gradientUnits="userSpaceOnUse">
3331<stop stop-color="white"/>
3332<stop offset="1" stop-color="white" stop-opacity="0"/>
3333</linearGradient>
3334</defs>
3335</svg>
3336
3337    </a>
3338                            </div>
3339                                            </div>
3340                </div>
3341            </div>
3342            <div class="spring-slider-gradient from-primary-dark/0 pointer-events-none absolute right-0 top-0 z-10 h-full w-[352px] bg-gradient-to-r to-[#00172B]/90 opacity-100 transition-opacity max-lg:hidden min-[2200px]:hidden">
3343            </div>
3344        </div>
3345    </div>
3346
3347        
3348    </div>
3349    </main>
3350                </div>
3351            </div>
3352            
3353    <!-- Site/Footer -->
3354        
3355    
3356<div class="relative mb-12 sm:mb-28 bg-repeat" style="background-image: url(https://www.degraafschap.nl/dist/images/muur.png);" data-animation-section>
3357    <div class="absolute top-0 left-0 w-full h-8 bg-gradient-to-b from-white to-w
3357hite/0 lg:h-24"></div>
3358    <div class="container-fluid overflow-hidden">
3359        <div class="w-full flex max-lg:flex-col items-center gap-x-6">
3360            <div class="max-lg:order-2 h-full mt-auto inline-flex flex-col max-lg:max-w-[298px] xl:min-w-[396px] mix-blend-multiply pointer-events-none"
3361                 data-animation-reveal
3362                 data-animation-reveal-type="translate"
3363                 data-animation-reveal-from="left"
3364                 data-animation-order="1">
3365                                    
3366
3367
3368    <img class="object-cover object-center w-full h-full" src="https://www.degraafschap.nl/assets/images/_640x640_fit_center-center_none/5150/Muurtekening-17.webp" srcset="https://www.degraafschap.nl/assets/images/_640x646_fit_center-center_none/5150/Muurtekening-17.webp 640w" width="635" height="640" alt="Muurtekening 17" loading="lazy" sizes="(max-width: 640px) 640px, 640px">
3369                            </div>
3370            <div class="max-lg:order-1 max-w-[595px] w-full mx-auto text-center pb-14 pt-20 lg:pt-36 lg:pb-48"
3371                 data-animation-reveal
3372                 data-animation-reveal-type="scale"
3373                 data-animation-reveal-from="large"
3374                 data-animation-order="3">
3375                                    <h2 class="font-heading font-bold text-primary-dark uppercase mb-7 text-84-size/none">
3376                        <span class="text-primary">
3377                            “</span>Strijdend en nooit alleen<span class="text-primary">”
3378                        </span>
3379                    </h2>
3380                                                    <p class="font-heading text-lg text-primary uppercase mb-1.5 sm:text-xl lg:text-2xl">
3381                        Veur altied
3382                    </p>
3383                                                    <p class="font-body text-base/none text-primary-dark">
3384                        sinds 1954
3385                    </p>
3386                            </div>
3387            <div class="max-xl:hidden h-full mt-auto inline-flex flex-col xl:min-w-[396px] mix-blend-multiply pointer-events-none"
3388                 data-animation-reveal
3389                 data-animation-reveal-type="translate"
3390                 data-animation-reveal-from="right"
3391                 data-animation-order="2">
3392                                    
3393
3394
3395    <img class="object-cover object-center w-full h-full" src="https://www.degraafschap.nl/assets/images/_640x640_fit_center-center_none/202/muurtekening-02.webp" srcset="https://www.degraafschap.nl/assets/images/_640x669_fit_center-center_none/202/muurtekening-02.webp 640w" width="613" height="640" alt="Muurtekening 02" loading="lazy" sizes="(max-width: 640px) 640px, 640px">
3396                            </div>
3397        </div>
3398    </div>
3399    <span class="absolute -bottom-28 w-full h-56 bg-contain bg-repeat-x" style="background-image: url(https://www.degraafschap.nl/dist/images/gras.png);"></span>
3400</div>
3401    <!-- Template: _includes/components/footer.twig -->
3402
3403
3404<footer>
3405                    <section class="bg-white text-primary-dark" data-animation-section>
3406            <div class="container-fluid px-10 md:px-8">
3407                <div class="flex flex-col gap-x-8 py-8 text-base md:grid md:grid-cols-12 md:gap-y-8 lg:py-16">
3408                                                                                                                            <div class="footer-widget gap-y-6 md:flex md:flex-col md:col-span-6 lg:col-span-4 2xl:col-span-2"
3409                                 data-animation-reveal
3410                                 data-animation-reveal-type="translate"
3411                                 data-animation-reveal-from="bottom">
3412                                                                                                                                
3413                                                                    <div class="footer-widget__title">
3414                                        
3415    <svg class="shrink-0 w-6 h-6 fill-primary text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 375.006 375.006">
3416  <path d="M187.50301 0C84.07632 0 1e-7 83.946018 0 187.30228 1e-7 290.65854 84.07632 374.6027 187.50301 374.6027c103.42668 0 187.503-83.94416 187.503-187.30042C375.00601 83.946018 290.92969 0 187.50301 0Zm0 18.265837c93.62565 0 169.29084 75.59358 169.29084 169.036443 0 93.44286-75.66519 169.03459-169.29084 169.03459-93.625653 0-169.292692-75.59173-169.292692-169.03459 0-93.442863 75.667039-169.036443 169.292692-169.036443z" fill="currentColor"/>
3417  <path fill="currentColor" d="M161.63198 304.37264h-.11405l1.20282-.0576c-.13403.0141-.74662.027-1.08877.0576m63.12533-86.15065c-20.34924 37.92364-50.44335 61.29817-63.23938 61.29817h-.38448l-.62669.0423c-1.11111.0705-4.71723-.15873-6.63964-1.94592-1.81658-1.70606-2.21517-5.12876-2.2234-7.77309 1.90242-10.07409 34.51976-34.48566 73.11359-51.62149m-105.31705-66.59385c0-17.17816 42.07767-40.86545 72.61505-40.86545 15.92243 0 52.98187 2.81482 52.98187 28.90188 0 25.99769-55.86723 36.52681-79.15593 36.52681-16.19756 0-46.44099-7.21812-46.44099-24.56324m-24.926561 0c0 35.9883 43.774331 49.41572 71.365201 49.41572 15.68845 0 48.22701-3.8789 72.80083-16.8948-.2281.7819-.51499 1.50618-.74191 2.28807-55.47218 18.72667-111.24535 56.77847-111.24535 83.20767 0 14.00944 5.70724 22.11174 10.48797 26.43039 9.41918 8.52558 21.14642 8.46679 24.45154 8.29866 26.92421-.11405 73.66268-39.51565 95.892-98.11422 13.50031-3.8648 26.89716-6.30807 39.25227-6.30807v-24.86542c-9.6755 0-20.26341 1.42035-31.20758 3.72253 2.72899-12.50443 4.4033-25.54385 4.4033-39.14175 0-33.66261-29.12527-53.760233-77.91783-53.760233-38.51506-.0024-97.540441 29.452133-97.540441 65.721453"/>
3418</svg>
3419
3420                                        
3421    <span class="inline-flex text-[19px] font-heading uppercase">
3422        Club
3423    </span>
3424                                        <svg class="footer-widget__title--arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>
3425                                    </div>
3426                                
3427                                                                    <div class="footer-widget__content">
3428                                        <ul class="footer-widget__content--inner">
3429                                                                                            <li class="py-1.5">
3430                                                    <a class="text-base text-primary-dark transition-colors ring-0 hover:text-primary" href="https://www.degraafschap.nl/club/stadion" target="_self">Stadion</a>
3431                                                </li>
3432                                                                                            <li class="py-1.5">
3433                                                    <a class="text-base text-primary-dark transition-colors ring-0 hover:text-primary" href="https://www.degraafschap.nl/nieuws" target="_self">Nieuws</a>
3434                                                </li>
3435                                                                                            <li class="py-1.5">
3436                                                    <a class="text-base text-primary-dark transition-colors ring-0 hover:text-primary" href="https://www.degraafschap.nl/contact" target="_self">Contact</a>
3437                                                </li>
3438                                                                                            <li class="py-1.5">
3439                                                    <a class="text-base text-primary-dark transition-colors ring-0 hover:text-primary" href="https://www.degraafschap.nl/club/pers-media" target="_self">Perszaken</a>
3440                                                </li>
3441                                                                                            <li class="py-1.5">
3442                                                    <a class="text-base text-primary-dark transition-colors ring-0 hover:text-primary" href="https://www.degraafschap.nl/veelgestelde-vragen" target="_self">Veelgestelde vragen</a>
3443                                                </li>
3444                                                                                    </ul>
3445                                    </div>
3446                                                            </div>
3447                                                                                                                                                    <div class="footer-widget gap-y-6 md:flex md:flex-col md:col-span-6 lg:col-span-4 2xl:col-span-2"
3448                                 data-animation-reveal
3449                                 data-animation-reveal-type="translate"
3450                                 data-animation-reveal-from="bottom">
3451                                                                                                                                
3452                                                                    <div class="footer-widget__title">
3453                                        
3454    <svg class="shrink-0 w-6 h-6 fill-primary text-primary" width="39" height="30" viewBox="0 0 39 30" fill="none" xmlns="http://www.w3.org/2000/svg">
3455<path d="M38.4081 9.25781C38.5282 10.0195 38.2879 10.7227 37.6273 11.3086L34.6244 14.9414C33.6634 16.1133 31.8617 16.2891 30.6004 15.3516L28.6786 13.8867V26.25C28.6786 28.3594 26.9969 30 24.8949 30H12.4627C10.3607 30 9.63999 28.3594 9.63999 26.25V13.8867L7.65805 15.3516C6.45688 16.2891 4.65512 16.1133 3.63413 14.9414L0.631196 11.3086C0.150727 10.7227 -0.0895072 10.0195 0.0306099 9.25781C0.0906685 8.49609 0.511079 7.85156 1.11166 7.38281L9.21957 1.11328C10.1205 0.410156 11.3216 0 12.5228 0H25.9159C27.117 0 28.3182 0.410156 29.2191 1.11328L37.327 7.38281C37.9276 7.85156 38.348 8.49609 38.4081 9.25781ZM22.9129 1.875H15.5257C15.9461 3.51562 17.4476 4.6875 19.2494 4.6875C20.9911 4.6875 22.4925 3.51562 22.9129 1.875ZM36.306 10.1367C36.4862 9.96094 36.5462 9.72656 36.4862 9.49219C36.4862 9.25781 36.3661 9.02344 36.1859 8.84766L28.078 2.63672C27.4774 2.16797 26.6966 1.875 25.9159 1.875H24.8949C24.4144 4.57031 22.0721 6.5625 19.2494 6.5625C16.3665 6.5625 14.0243 4.57031 13.5438 1.875H12.5228C11.742 1.875 10.9613 2.16797 10.3607 2.63672L2.25278 8.84766C2.0726 9.02344 1.95248 9.19922 1.95248 9.49219C1.89243 9.72656 1.95248 9.96094 2.13266 10.1367L5.13559 13.7695C5.43588 14.1211 6.09653 14.1797 6.51694 13.8867L11.5619 10.0195V26.25C11.5619 27.3047 11.4417 28.125 12.5228 28.125H25.015C26.036 28.125 26.9369 27.3047 26.9369 26.25V10.0195L31.9818 13.8867C32.3421 14.1797 33.0028 14.1211 33.3031 13.7695L36.306 10.1367Z" fill="currentColor"/>
3456<rect x="10.25" y="10" width="18.45" height="4" fill="currentColor"/>
3457<path d="M6.15039 4H16.4004L19.4754 6V8H6.15039V4Z" fill="currentColor"/>
3458<path d="M22.5496 4H32.7996V8H19.4746V6L22.5496 4Z" fill="currentColor"/>
3459<rect width="7.93049" height="4.06508" transform="matrix(0.602756 0.797926 -0.811918 0.583772 7.39844 4)" fill="currentColor"/>
3460<rect width="7.93189" height="4.06438" transform="matrix(-0.608697 0.793403 -0.807599 -0.589733 34.7617 6.39697)" fill="currentColor"/>
3461<rect x="10.25" y="16" width="18.45" height="4" fill="currentColor"/>
3462<rect x="10.25" y="22" width="18.45" height="4" fill="currentColor"/>
3463</svg>
3464
3465                                        
3466    <span class="inline-flex text-[19px] font-heading uppercase">
3467        Wedstrijden
3468    </span>
3469                                        <svg class="footer-widget__title--arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>
3470                                    </div>
3471                                
3472                                                                    <div class="footer-widget__content">
3473                                        <ul class="footer-widget__content--inner">
3474                                                                                            <li class="py-1.5">
3475                                                    <a class="text-base text-primary-dark transition-colors ring-0 hover:text-primary" href="https://kaartverkoop.degraafschap.nl/dashboard" target="_blank">Kaartverkoop</a>
3476                                                </li>
3477                                                                                            <li class="py-1.5">
3478                                                    <a class="text-base text-primary-dark transition-colors ring-0 hover:text-primary" href="https://www.degraafschap.nl/wedstrijdschema" target="_self">Speelschema</a>
3479                                                </li>
3480                                                                                            <li class="py-1.5">
3481                                                    <a class="text-base text-primary-dark transition-colors ring-0 hover:text-primary" href="https://www.degraafschap.nl/uitslagen" target="_self">Uitslagen</a>
3482                                                </li>
3483                                                                                            <li class="py-1.5">
3484                                                    <a class="text-base text-primary-dark transition-colors ring-0 hover:text-primary" href="https://www.degraafschap.nl/stand" target="_self">Stand</a>
3485                                                </li>
3486                                                                                            <li class="py-1.5">
3487                                                    <a class="text-base text-primary-dark transition-colors ring-0 hover:text-primary" href="https://www.degraafschap.nl/nieuws?page=1&amp;categories=83" target="_self">Wedstrijdverslagen</a>
3488                                                </li>
3489                                                                                    </ul>
3490                                    </div>
3491                                                            </div>
3492                                                                                                                                                    <div class="footer-widget gap-y-6 md:flex md:flex-col md:col-span-6 lg:col-span-4 2xl:col-span-2"
3493                                 data-animation-reveal
3494                                 data-animation-reveal-type="translate"
3495                                 data-animation-reveal-from="bottom">
3496                                                                                                                                
3497                                                                    <div class="footer-widget__title">
3498                                        
3499    <svg class="shrink-0 w-6 h-6 fill-primary text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 375.006 375.006">
3500  <path d="M187.50301 0C84.07632 0 1e-7 83.946018 0 187.30228 1e-7 290.65854 84.07632 374.6027 187.50301 374.6027c103.42668 0 187.503-83.94416 187.503-187.30042C375.00601 83.946018 290.92969 0 187.50301 0Zm0 18.265837c93.62565 0 169.29084 75.59358 169.29084 169.036443 0 93.44286-75.66519 169.03459-169.29084 169.03459-93.625653 0-169.292692-75.59173-169.292692-169.03459 0-93.442863 75.667039-169.036443 169.292692-169.036443z" fill="currentColor"/>
3501  <path fill="currentColor" d="M161.63198 304.37264h-.11405l1.20282-.0576c-.13403.0141-.74662.027-1.08877.0576m63.12533-86.15065c-20.34924 37.92364-50.44335 61.29817-63.23938 61.29817h-.38448l-.62669.0423c-1.11111.0705-4.71723-.15873-6.63964-1.94592-1.81658-1.70606-2.21517-5.12876-2.2234-7.77309 1.90242-10.07409 34.51976-34.48566 73.11359-51.62149m-105.31705-66.59385c0-17.17816 42.07767-40.86545 72.61505-40.86545 15.92243 0 52.98187 2.81482 52.98187 28.90188 0 25.99769-55.86723 36.52681-79.15593 36.52681-16.19756 0-46.44099-7.21812-46.44099-24.56324m-24.926561 0c0 35.9883 43.774331 49.41572 71.365201 49.41572 15.68845 0 48.22701-3.8789 72.80083-16.8948-.2281.7819-.51499 1.50618-.74191 2.28807-55.47218 18.72667-111.24535 56.77847-111.24535 83.20767 0 14.00944 5.70724 22.11174 10.48797 26.43039 9.41918 8.52558 21.14642 8.46679 24.45154 8.29866 26.92421-.11405 73.66268-39.51565 95.892-98.11422 13.50031-3.8648 26.89716-6.30807 39.25227-6.30807v-24.86542c-9.6755 0-20.26341 1.42035-31.20758 3.72253 2.72899-12.50443 4.4033-25.54385 4.4033-39.14175 0-33.66261-29.12527-53.760233-77.91783-53.760233-38.51506-.0024-97.540441 29.452133-97.540441 65.721453"/>
3502</svg>
3503
3504                                        
3505    <span class="inline-flex text-[19px] font-heading uppercase">
3506        Business
3507    </span>
3508                                        <svg class="footer-widget__title--arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>
3509                                    </div>
3510                                
3511                                                                    <div class="footer-widget__content">
3512                                        <ul class="footer-widget__content--inner">
3513                                                                                            <li class="py-1.5">
3514                                                    <a class="text-base text-primary-dark transition-colors ring-0 hover:text-primary" href="https://www.degraafschap.nl/partners" target="_self">Partners</a>
3515                                                </li>
3516                                                                                            <li class="py-1.5">
3517                                                    <a class="text-base text-primary-dark transition-colors ring-0 hover:text-primary" href="https://www.degraafschap.nl/zakelijk/business-club" target="_self">Business club</a>
3518                                                </li>
3519                                                                                            <li class="py-1.5">
3520                                                    <a class="text-base text-primary-dark transition-colors ring-0 hover:text-primary" href="https://www.degraafschap.nl/zakelijk/horeca" target="_self">Horeca</a>
3521                                                </li>
3522                                                                                            <li class="py-1.5">
3523                                                    <a class="text-base text-primary-dark transition-colors ring-0 hover:text-primary" href="https://www.degraafschap.nl/club/de-graafschap-verbindt/organisatie" target="_self">Organisatie</a>
3524                                                </li>
3525                                                                                            <li class="py-1.5">
3526                                                    <a class="text-base text-primary-dark transition-colors ring-0 hover:text-primary" href="https://www.degraafschap.nl/club/de-graafschap-verbindt" target="_self">De Graafschap Verbindt</a>
3527                                                </li>
3528                                                                                    </ul>
3529                                    </div>
3530                                                            </div>
3531                                                                                                                                                    <div class="footer-widget gap-y-6 md:flex md:flex-col md:col-span-6 lg:col-span-4 2xl:col-span-2"
3532                                 data-animation-reveal
3533                                 data-animation-reveal-type="translate"
3534                                 data-animation-reveal-from="bottom">
3535                                                                                                                                
3536                                                                    <div class="footer-widget__title">
3537                                        
3538    <svg class="shrink-0 w-6 h-6 fill-primary text-primary" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
3539<path d="M29.5966 6.42664L28.5449 5.4549C26.7112 3.75919 24.8775 2.06349 23.0516 0.360046C22.7896 0.116144 22.4964 0 22.1289 0C17.3667 0.00774293 12.6046 0.00774293 7.83849 0C7.49443 0 7.21683 0.112273 6.96269 0.348432C5.23846 1.95122 3.51033 3.55401 1.78219 5.15292L0.382476 6.44986C-0.11407 6.91057 -0.125799 7.26674 0.339468 7.76229L7.52962 15.3697L1.01196 22.2726C0.433304 22.8842 0.843834 23.3333 0.93376 23.4146C1.12143 23.5927 1.31692 23.6237 1.44204 23.6198C1.6688 23.6121 1.88384 23.4959 2.10279 23.2675C2.47032 22.8765 2.83784 22.4855 3.20536 22.0983C3.27965 22.0209 3.35393 21.9396 3.43995 21.8544L3.73319 22.1254L2.35302 23.5889C2.00896 23.9528 1.99332 24.398 2.31392 24.7C2.45468 24.8316 2.63453 24.8935 2.8222 24.8974C3.04115 24.8897 3.25228 24.789 3.43213 24.5993C3.8974 24.1115 4.35876 23.6237 4.82011 23.132L5.11335 23.4069L4.67936 23.8676C4.35094 24.2122 4.02251 24.5606 3.698 24.909C3.50642 25.1142 3.42822 25.3813 3.48687 25.
35396291C3.54161 25.8575 3.70191 26.0395 3.92868 26.1285C4.14763 26.2137 4.47605 26.2408 4.79666 25.8962L5.39877 25.2613C5.66463 24.9787 5.9305 24.6961 6.19637 24.4135L6.49352 24.6883C6.05953 25.1491 5.62554 25.6059 5.18764 26.0666C4.94523 26.3182 4.83575 26.5544 4.84357 26.7867C4.84748 26.9144 4.8944 27.1003 5.07816 27.2667C5.28147 27.4487 5.70373 27.6694 6.25893 27.0848L7.57262 25.6911L7.86586 25.9621L7.17773 26.6938C6.93923 26.9454 6.70074 27.1971 6.46615 27.4487C6.29411 27.6345 6.2081 27.8397 6.21592 28.0488C6.22374 28.2346 6.30584 28.405 6.45442 28.5405C6.7672 28.8231 7.21292 28.7882 7.54916 28.4514C7.57262 28.4282 7.59608 28.4011 7.61954 28.3779L8.95279 26.9648L9.24602 27.2358L8.84331 27.6616C8.49925 28.0256 8.15128 28.3895 7.81112 28.7573C7.66255 28.916 7.58826 29.1134 7.59608 29.3109C7.6039 29.5006 7.68992 29.6787 7.83849 29.8142C8.12782 30.0774 8.55008 30.0658 8.86286 29.7871C8.89805 29.7561 8.92933 29.7251 8.96843 29.6825L14.3992 23.9295C14.5907 23.7244 14.7862 23.523 15.0052 23.2946L21.0654 29.7019C21.3039 29.9574 21.5385 30.0077 21.691 30.0077C21.8669 30.0077 22.0389 29.9381 22.1797 29.8103C22.5042 29.5122 22.4886 29.067 22.1484 28.6992C21.9803 28.5211 21.8122 28.343 21.648 28.1688L20.7682 27.2319L21.0615 26.9609C21.5346 27.4642 22.0077 27.9675 22.4846 28.4669C22.645 28.6334 22.8444 28.7263 23.0516 28.7302C23.2588 28.7302 23.4269 28.6566 23.5677 28.5211C23.8687 28.2307 23.8687 27.8126 23.5755 27.4797C23.5129 27.41 23.4504 27.3442 23.3878 27.2784L22.1445 25.9582L22.4377 25.6872L22.6958 25.9621C23.0789 26.3686 23.4582 26.7712 23.8453 27.1738C24.0173 27.3558 24.2206 27.4526 24.42 27.4564C24.5959 27.4719 24.7954 27.3945 24.9478 27.2435C25.2489 26.9493 25.2411 26.5118 24.9283 26.175C24.7132 25.9427 24.4982 25.7143 24.2793 25.4859L23.5208 24.6767L23.814 24.4057C24.2793 24.9013 24.7406 25.393 25.2098 25.8846C25.5421 26.2331 25.98 26.2718 26.3006 25.9892C26.4531 25.8537 26.5352 25.6833 26.543 25.4975C26.5509 25.2846 26.4609 25.0716 26.2811 24.878C26.0895 24.6729 25.8979 24.4715 25.7063 24.2702L24.8931 23.4069L25.1863 23.1359L26.5509 24.5799C26.5821 24.6148 26.6173 24.6496 26.6525 24.6845C26.9575 24.9632 27.3915 24.9748 27.6808 24.7116C27.8255 24.5799 27.9115 24.4057 27.9193 24.216C27.9271 24.0147 27.8528 23.8134 27.7043 23.6547C27.4306 23.3604 27.153 23.0701 26.8793 22.7758L26.4492 22.3229C26.3906 22.2609 26.3319 22.1951 26.2694 22.1293L26.5626 21.8583C27.0239 22.3461 27.4853 22.8339 27.9467 23.3217C28.2985 23.6934 28.7247 23.736 29.057 23.4379C29.2056 23.3024 29.2877 23.1359 29.2955 22.9462C29.3034 22.7294 29.2134 22.5165 29.0297 22.3229L22.4729 15.3813C24.8579 12.8533 27.2468 10.3291 29.6318 7.80101C29.8625 7.5571 30.0032 7.35579 29.9954 7.10801C29.9876 6.8254 29.7843 6.61634 29.5927 6.43825L29.5966 6.42664ZM20.6431 1.49051L15.0013 7.46419L9.35941 1.49051H20.647H20.6431ZM1.79392 7.15447L7.59608 1.777L9.11309 3.37979L3.27183 8.71854L1.79392 7.15447ZM6.86104 12.5203L12.7023 7.18157L13.9847 8.53659L8.54226 14.2973L6.86104 12.5165V12.5203ZM10.2587 26.1556L4.45259 20.7782L7.11127 17.9675L12.9525 23.3062L10.2587 26.1556ZM10.7005 14.1657L13.4178 11.2931L19.2591 16.6318L16.5417 19.5045L10.7005 14.1657ZM23.5051 18.614L17.6639 23.9528L16.0178 22.2106L21.4603 16.4499L23.5051 18.614ZM22.8444 12.83L17.0031 7.49129L19.4428 4.90902L25.2841 10.2478L22.8444 12.83Z" fill="currentColor"/>
3540</svg>
3541
3542                                        
3543    <span class="inline-flex text-[19px] font-heading uppercase">
3544        Supporters
3545    </span>
3546                                        <svg class="footer-widget__title--arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>
3547                                    </div>
3548                                
3549                                                                    <div class="footer-widget__content">
3550                                        <ul class="footer-widget__content--inner">
3551                                                                                            <li class="py-1.5">
3552                                                    <a class="text-base text-primary-dark transition-colors ring-0 hover:text-primary" href="https://degraafshop.nl/" target="_blank">De Graafshop</a>
3553                                                </li>
3554                                                                                            <li class="py-1.5">
3555                                                    <a class="text-base text-primary-dark transition-colors ring-0 hover:text-primary" href="https://www.degraafschap.nl/club/superboertjes" target="_self">Superboertjes</a>
3556                                                </li>
3557                                                                                    </ul>
3558                                    </div>
3559                                                            </div>
3560                                                                                                                                                    <div class="footer-widget flex flex-col md:col-span-6 md:gap-y-6 lg:col-span-4 2xl:col-span-2"
3561                                 data-animation-reveal
3562                                 data-animation-reveal-type="translate"
3563                                 data-animation-reveal-from="bottom">
3564                                                                                                
3565                                                                    <div class="footer-widget__title">
3566                                        
3567    <svg class="shrink-0 w-6 h-6 fill-primary text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M160 64c-17.7 0-32 14.3-32 32l0 320c0 11.7-3.1 22.6-8.6 32L432 448c26.5 0 48-21.5 48-48l0-304c0-17.7-14.3-32-32-32L160 64zM64 480c-35.3 0-64-28.7-64-64L0 160c0-35.3 28.7-64 64-64l0 32c-17.7 0-32 14.3-32 32l0 256c0 17.7 14.3 32 32 32s32-14.3 32-32L96 96c0-35.3 28.7-64 64-64l288 0c35.3 0 64 28.7 64 64l0 304c0 44.2-35.8 80-80 80L64 480zM384 112c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16zm0 64c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16zm0 64c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16zM160 304c0-8.8 7.2-16 16-16l256 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-256 0c-8.8 0-16-7.2-16-16zm0 64c0-8.8 7.2-16 16-16l256 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-256 0c-8.8 0-16-7.2-16-16zm32-144l128 0 0-96-128 0 0 96zM160 120c0-13.3 10.7-24 24-24l144 0c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24l-144 0c-13.3 0-24-10.7-24-24l0-112z"/></svg>
3568                                        
3569    <span class="inline-flex text-[19px] font-heading uppercase">
3570        <span>Blijf op de hoogte</span>
3571    </span>
3572                                        <svg class="footer-widget__title--arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>
3573                                    </div>
3574                                                                                                    <div class="footer-widget__content">
3575                                        <div class="footer-widget__content--inner content text-base">
3576                                            <p>Meld je aan voor de <a href="https://www.degraafschap.nl/aanmelden-nieuwsbrief">nieuwsbrief</a></p><p>En volg ons via social media</p>
3577                                        </div>
3578                                    </div>
3579                                
3580                                                                    <div class="flex items-center justify-center gap-[5px] mt-6 md:-mt-4 md:justify-start">
3581                                                                                    <a class="flex items-center justify-center w-[38px] h-[38px] rounded-md bg-neutral-100 text-primary transition-colors ring-0 hover:text-primary-dark hover:bg-neutral-50"
3582                                               href="https://www.facebook.com/DeGraafschap"
3583                                               title="Facebook"
3584                                               target="_blank">
3585                                                                                                    <svg class="w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"/></svg>
3586                                                                                            </a>
3587                                                                                    <a class="flex items-center justify-center w-[38px] h-[38px] rounded-md bg-neutral-100 text-primary transition-colors ring-0 hover:text-primary-dark hover:bg-neutral-50"
3588                                               href="https://www.instagram.com/degraafschap/"
3589                                               title="Instagram"
3590                                               target="_blank">
3591                                                                                                    <svg class="w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>
3592                                                                                            </a>
3593                                                                                    <a class="flex items-center justify-center w-[38px] h-[38px] rounded-md bg-neutral-100 text-primary transition-colors ring-0 hover:text-primary-dark hover:bg-neutral-50"
3594                                               href="https://www.linkedin.com/company/degraafschap/posts/?feedView=all"
3595                                               title="LinkedIn"
3596                                               target="_blank">
3597                                                                                                    <svg class="w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg>
3598                                                                                            </a>
3599                                                                                    <a class="flex items-center justify-center w-[38px] h-[38px] rounded-md bg-neutral-100 text-primary transition-colors ring-0 hover:text-primary-dark hover:bg-neutral-50"
3600                                               href="https://www.youtube.com/user/degraafschapvideo"
3601                                               title="Youtube"
3602                                               target="_blank">
3603                                                                                                    <svg class="w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg>
3604                                                                                            </a>
3605                                                                            </div>
3606                                                            </div>
3607                                                                                                                                                    <div class="footer-widget gap-y-6 md:flex md:flex-col md:col-span-6 lg:col-span-4 2xl:col-span-2"
3608                                 data-animation-reveal
3609                                 data-animation-reveal-type="translate"
3610                                 data-animation-reveal-from="bottom">
3611                                                                                                                                
3612                                
3613                                                            </div>
3614                                            
3615                </div>
3616            </div>
3617        </section>
3618        
3619                            <section class="bg-neutral-100 py-12 lg:py-24">
3620            <div class="container-fluid">
3621                <div class="text-primary-dark columns-1 sm:columns-2 lg:columns-3 2xl:columns-5 gap-x-14 space-y-9">
3622                                                                                                    
3623                                                                                                                        
3624                                                                                        <div class="w-full break-inside-avoid-column" data-animation-section>
3625                                    <div class="space-y-6">
3626                                        <div class="font-heading text-body-size-lg/none uppercase"
3627                                             data-animation-reveal
3628                                             data-animation-reveal-type="fade">
3629                                            Hoofdsponsor
3630                                        </div>
3631                                        <div class="grid-cols-3 sm:grid-cols-1 grid items-center gap-3">
3632                                                                                                                                                                                                                                                                                                                                                <a href="https://www.autohopper.nl/"
3633                                                       target="_blank"
3634                                                       class="max-sm:col-span-2 max-h-[89px] h-full rounded-md bg-white p-4 group"
3635                                                       data-animation-reveal
3636                                                       data-animation-reveal-type="scale"
3637                                                       data-animation-reveal-from="small">
3638                                                                                                                                                            
3639
3640
3641    <img class="mx-auto aspect-[16/9] h-full w-full object-contain grayscale transition-all group-hover:grayscale-0" src="https://www.degraafschap.nl/assets/partners/_200x200_fit_center-center_none/1788961/autohopper.webp" srcset="https://www.degraafschap.nl/assets/partners/_200x62_fit_center-center_none/1788961/autohopper.webp 200w" width="200" height="62" alt="Autohopper" loading="lazy" sizes="200">
3642                                                                                                                                                        </a>
3643                                                                                                                                    </div>
3644                                    </div>
3645                                </div>
3646                                                                                                                                                        
3647                                                                                                                        
3648                                                                                        <div class="w-full break-inside-avoid-column" data-animation-section>
3649                                    <div class="space-y-6">
3650                                        <div class="font-heading text-body-size-lg/none uppercase"
3651                                             data-animation-reveal
3652                                             data-animation-reveal-type="fade">
3653                                            Digital partner
3654                                        </div>
3655                                        <div class="grid-cols-3 sm:grid-cols-1 grid items-center gap-3">
3656                                                                                                                                                                                                                                                                                                                                                <a href="https://bigfat.nl/"
3657                                                       target="_blank"
3658                                                       class="max-sm:col-span-2 max-h-[89px] h-full rounded-md bg-white p-4 group"
3659                                                       data-animation-reveal
3660                                                       data-animation-reveal-type="scale"
3661                                                       data-animation-reveal-from="small">
3662                                                                                                                                                            
3663
3664
3665    <img class="mx-auto aspect-[16/9] h-full w-full object-contain grayscale transition-all group-hover:grayscale-0" src="https://www.degraafschap.nl/assets/partners/_200x200_fit_center-center_none/2882/BIGFAT_black.webp" srcset="https://www.degraafschap.nl/assets/partners/_200x106_fit_center-center_none/2882/BIGFAT_black.webp 200w" width="200" height="106" alt="BIGFAT black" loading="lazy" sizes="200">
3666                                                                                                                                                        </a>
3667                                                                                                                                                                                                                                                                                                                                                                                                <a href="https://www.exonet.nl/"
3668                                                       target="_blank"
3669                                                       class="max-sm:col-span-2 max-h-[89px] h-full rounded-md bg-white p-4 group"
3670                                                       data-animation-reveal
3671                                                       data-animation-reveal-type="scale"
3672                                                       data-animation-reveal-from="small">
3673                                                                                                                                                            
3674
3675
3676    <img class="mx-auto aspect-[16/9] h-full w-full object-contain grayscale transition-all group-hover:grayscale-0" src="https://www.degraafschap.nl/assets/partners/_200x200_fit_center-center_none/3311468/cropped-seo-fallback-1.webp" srcset="https://www.degraafschap.nl/assets/partners/_200x105_fit_center-center_none/3311468/cropped-seo-fallback-1.webp 200w" width="200" height="105" alt="Cropped seo fallback 1" loading="lazy" sizes="200">
3677                                                                                                                                                        </a>
3678                                                                                                                                    </div>
3679                                    </div>
3680                                </div>
3681                                                                                                                                                        
3682                                                                                                                        
3683                                                                                                                                                                                    
3684                                                                                                                        
3685                                                                                        <div class="w-full break-inside-avoid-column" data-animation-section>
3686                                    <div class="space-y-6">
3687                                        <div class="font-heading text-body-size-lg/none uppercase"
3688                                             data-animation-reveal
3689                                             data-animation-reveal-type="fade">
3690                                           
3690 Talentenpartners
3691                                        </div>
3692                                        <div class="grid-cols-3 sm:grid-cols-2 grid items-center gap-3">
3693                                                                                                                                                                                                                                                                                                                                                <a href="https://workademy.nl/"
3694                                                       target="_blank"
3695                                                       class="max-h-[69px] h-full rounded-md bg-white p-4 group"
3696                                                       data-animation-reveal
3697                                                       data-animation-reveal-type="scale"
3698                                                       data-animation-reveal-from="small">
3699                                                                                                                                                            
3700
3701
3702    <img class="mx-auto aspect-[16/9] h-full w-full object-contain grayscale transition-all group-hover:grayscale-0" src="https://www.degraafschap.nl/assets/partners/_200x200_fit_center-center_none/6884/workademy-logo.webp" srcset="https://www.degraafschap.nl/assets/partners/_200x30_fit_center-center_none/6884/workademy-logo.webp 200w" width="200" height="30" alt="Workademy logo" loading="lazy" sizes="200">
3703                                                                                                                                                        </a>
3704                                                                                                                                                                                                                                                                                                                                                                                                <a href="https://www.dfds.com/en"
3705                                                       target="_blank"
3706                                                       class="max-h-[69px] h-full rounded-md bg-white p-4 group"
3707                                                       data-animation-reveal
3708                                                       data-animation-reveal-type="scale"
3709                                                       data-animation-reveal-from="small">
3710                                                                                                                                                            
3711
3712
3713    <img class="mx-auto aspect-[16/9] h-full w-full object-contain grayscale transition-all group-hover:grayscale-0" src="https://www.degraafschap.nl/assets/partners/_200x200_fit_center-center_none/6881/dfds.webp" srcset="https://www.degraafschap.nl/assets/partners/_200x69_fit_center-center_none/6881/dfds.webp 200w" width="200" height="69" alt="Dfds" loading="lazy" sizes="200">
3714                                                                                                                                                        </a>
3715                                                                                                                                    </div>
3716                                    </div>
3717                                </div>
3718                                                                                                                                                        
3719                                                                                                                        
3720                                                                                        <div class="w-full break-inside-avoid-column" data-animation-section>
3721                                    <div class="space-y-6">
3722                                        <div class="font-heading text-body-size-lg/none uppercase"
3723                                             data-animation-reveal
3724                                             data-animation-reveal-type="fade">
3725                                            Official partners
3726                                        </div>
3727                                        <div class="grid-cols-3 sm:grid-cols-2 grid items-center gap-3">
3728                                                                                                                                                                                                                                                                                                                                                <div class="max-h-[69px] h-full rounded-md bg-white p-4 group"
3729                                                         data-animation-reveal
3730                                                         data-animation-reveal-type="scale"
3731                                                         data-animation-reveal-from="small">
3732                                                                                                                                                            
3733
3734
3735    <img class="mx-auto aspect-[16/9] h-full w-full object-contain grayscale transition-all group-hover:grayscale-0" src="https://www.degraafschap.nl/assets/partners/_200x200_fit_center-center_none/3243356/MDH.webp" srcset="https://www.degraafschap.nl/assets/partners/_200x117_fit_center-center_none/3243356/MDH.webp 200w" width="200" height="117" alt="MDH" loading="lazy" sizes="200">
3736                                                                                                                                                        </div>
3737                                                                                                                                                                                                                                                                                                                                                                                                <a href="https://www.deunivedegraafschapverzekeringen.nl/?utm_source=graafschap&amp;utm_medium=website&amp;utm_campaign=algemeen"
3738                                                       target="_blank"
3739                                                       class="max-h-[69px] h-full rounded-md bg-white p-4 group"
3740                                                       data-animation-reveal
3741                                                       data-animation-reveal-type="scale"
3742                                                       data-animation-reveal-from="small">
3743                                                                                                                                                            
3744
3745
3746    <img class="mx-auto aspect-[16/9] h-full w-full object-contain grayscale transition-all group-hover:grayscale-0" src="https://www.degraafschap.nl/assets/partners/_200x200_fit_center-center_none/2458069/Logo-UniveVrijstaand.webp" srcset="https://www.degraafschap.nl/assets/partners/_200x67_fit_center-center_none/2458069/Logo-UniveVrijstaand.webp 200w" width="200" height="67" alt="Logo Unive Vrijstaand" loading="lazy" sizes="200">
3747                                                                                                                                                        </a>
3748                                                                                                                                                                                                                                                                                                                                                                                                <a href="https://www.terhorstgroep.nl/"
3749                                                       target="_blank"
3750                                                       class="max-h-[69px] h-full rounded-md bg-white p-4 group"
3751                                                       data-animation-reveal
3752                                                       data-animation-reveal-type="scale"
3753                                                       data-animation-reveal-from="small">
3754                                                                                                                                                            
3755
3756
3757    <img class="mx-auto aspect-[16/9] h-full w-full object-contain grayscale transition-all group-hover:grayscale-0" src="https://www.degraafschap.nl/assets/partners/_200x200_fit_center-center_none/6870/download-1.webp" srcset="https://www.degraafschap.nl/assets/partners/_200x105_fit_center-center_none/6870/download-1.webp 200w" width="200" height="105" alt="Download 1" loading="lazy" sizes="200">
3758                                                                                                                                                        </a>
3759                                                                                                                                                                                                                                                                                                                                                                                                <a href="https://www.jansenfoodservice.nl/nl"
3760                                                       target="_blank"
3761                                                       class="max-h-[69px] h-full rounded-md bg-white p-4 group"
3762                                                       data-animation-reveal
3763                                                       data-animation-reveal-type="scale"
3764                                                       data-animation-reveal-from="small">
3765                                                                                                                                                            
3766
3767
3768    <img class="mx-auto aspect-[16/9] h-full w-full object-contain grayscale transition-all group-hover:grayscale-0" src="https://www.degraafschap.nl/assets/partners/_200x200_fit_center-center_none/8444/Jansen-Foodservice-official-stersponsor.webp" srcset="https://www.degraafschap.nl/assets/partners/_200x141_fit_center-center_none/8444/Jansen-Foodservice-official-stersponsor.webp 200w" width="200" height="141" alt="Jansen Foodservice official stersponsor" loading="lazy" sizes="200">
3769                                                                                                                                                        </a>
3770                                                                                                                                                                                                                                                                                                                                                                                                <a href="https://www.huiskes-kokkeler.nl/"
3771                                                       target="_blank"
3772                                                       class="max-h-[69px] h-full rounded-md bg-white p-4 group"
3773                                                       data-animation-reveal
3774                                                       data-animation-reveal-type="scale"
3775                                                       data-animation-reveal-from="small">
3776                                                                                                                                                            
3777
3778
3779    <img class="mx-auto aspect-[16/9] h-full w-full object-contain grayscale transition-all group-hover:grayscale-0" src="https://www.degraafschap.nl/assets/partners/_200x200_fit_center-center_none/6862/Huiskes-Kokkeler-logo.webp" srcset="https://www.degraafschap.nl/assets/partners/_200x45_fit_center-center_none/6862/Huiskes-Kokkeler-logo.webp 200w" width="200" height="45" alt="Huiskes Kokkeler logo" loading="lazy" sizes="200">
3780                                                                                                                                                        </a>
3781                                                                                                                                                                                                                                                                                                                                                                                                <a href="https://www.grolsch.nl"
3782                                                       target="_blank"
3783                                                       class="max-h-[69px] h-full rounded-md bg-white p-4 group"
3784                                                       data-animation-reveal
3785                                                       data-animation-reveal-type="scale"
3786                                                       data-animation-reveal-from="small">
3787                                                                                                                                                            
3788
3789
3790    <img class="mx-auto aspect-[16/9] h-full w-full object-contain grayscale transition-all group-hover:grayscale-0" src="https://www.degraafschap.nl/assets/partners/_200x200_fit_center-center_none/520/Grolsch_Logo.webp" srcset="https://www.degraafschap.nl/assets/partners/_200x92_fit_center-center_none/520/Grolsch_Logo.webp 200w" width="200" height="92" alt="Grolsch Logo" loading="lazy" sizes="200">
3791                                                                                                                                                        </a>
3792                                                                                                                                                                                                                                                                                                                                                                                                <a href="https://www.arriva.nl/"
3793                                                       target="_blank"
3794                                                       class="max-h-[69px] h-full rounded-md bg-white p-4 group"
3795                                                       data-animation-reveal
3796                                                       data-animation-reveal-type="scale"
3797                                                       data-animation-reveal-from="small">
3798                                                                                                                                                            
3799
3800
3801    <img class="mx-auto aspect-[16/9] h-full w-full object-contain grayscale transition-all group-hover:grayscale-0" src="https://www.degraafschap.nl/assets/partners/_200x200_fit_center-center_none/524/arriva-nieuw-logo.webp" srcset="https://www.degraafschap.nl/assets/partners/_200x58_fit_center-center_none/524/arriva-nieuw-logo.webp 200w" width="200" height="58" alt="Arriva nieuw logo" loading="lazy" sizes="200">
3802                                                                                                                                                        </a>
3803                                                                                                                                                                                                                                                                                                                                                                                                <a href="https://www.rabobank.nl/particulieren"
3804                                                       target="_blank"
3805                                                       class="max-h-[69px] h-full rounded-md bg-white p-4 group"
3806                                                       data-animation-reveal
3807                                                       data-animation-reveal-type="scale"
3808                                          
3808             data-animation-reveal-from="small">
3809                                                                                                                                                            
3810
3811
3812    <img class="mx-auto aspect-[16/9] h-full w-full object-contain grayscale transition-all group-hover:grayscale-0" src="https://www.degraafschap.nl/assets/partners/_200x200_fit_center-center_none/1939/rabobank.webp" srcset="https://www.degraafschap.nl/assets/partners/_200x53_fit_center-center_none/1939/rabobank.webp 200w" width="200" height="53" alt="Rabobank" loading="lazy" sizes="200">
3813                                                                                                                                                        </a>
3814                                                                                                                                                                                                                                                                                                                                                                                                <a href="https://www.dla.nl/"
3815                                                       target="_blank"
3816                                                       class="max-h-[69px] h-full rounded-md bg-white p-4 group"
3817                                                       data-animation-reveal
3818                                                       data-animation-reveal-type="scale"
3819                                                       data-animation-reveal-from="small">
3820                                                                                                                                                            
3821
3822
3823    <img class="mx-auto aspect-[16/9] h-full w-full object-contain grayscale transition-all group-hover:grayscale-0" src="https://www.degraafschap.nl/assets/partners/_200x200_fit_center-center_none/1789112/dla-ict.webp" srcset="https://www.degraafschap.nl/assets/partners/_200x66_fit_center-center_none/1789112/dla-ict.webp 200w" width="200" height="66" alt="Dla ict" loading="lazy" sizes="200">
3824                                                                                                                                                        </a>
3825                                                                                                                                    </div>
3826                                    </div>
3827                                </div>
3828                                                                                                                                                        
3829                                                                                                                        
3830                                                                                        <div class="w-full break-inside-avoid-column" data-animation-section>
3831                                    <div class="space-y-6">
3832                                        <div class="font-heading text-body-size-lg/none uppercase"
3833                                             data-animation-reveal
3834                                             data-animation-reveal-type="fade">
3835                                            Tenuesponsoren
3836                                        </div>
3837                                        <div class="grid-cols-3 sm:grid-cols-2 grid items-center gap-3">
3838                                                                                                                                                                                                                                                                                                                                                <a href="https://idhs.nl/"
3839                                                       target="_blank"
3840                                                       class="max-h-[69px] h-full rounded-md bg-white p-4 group"
3841                                                       data-animation-reveal
3842                                                       data-animation-reveal-type="scale"
3843                                                       data-animation-reveal-from="small">
3844                                                                                                                                                            
3845
3846
3847    <img class="mx-auto aspect-[16/9] h-full w-full object-contain grayscale transition-all group-hover:grayscale-0" src="https://www.degraafschap.nl/assets/partners/_200x200_fit_center-center_none/8447/logo-IDHS.webp" srcset="https://www.degraafschap.nl/assets/partners/_200x237_fit_center-center_none/8447/logo-IDHS.webp 200w" width="169" height="200" alt="Logo IDHS" loading="lazy" sizes="200">
3848                                                                                                                                                        </a>
3849                                                                                                                                                                                                                                                                                                                                                                                                <a href="https://dedakexpert.nl/"
3850                                                       target="_blank"
3851                                                       class="max-h-[69px] h-full rounded-md bg-white p-4 group"
3852                                                       data-animation-reveal
3853                                                       data-animation-reveal-type="scale"
3854                                                       data-animation-reveal-from="small">
3855                                                                                                                                                            
3856
3857
3858    <img class="mx-auto aspect-[16/9] h-full w-full object-contain grayscale transition-all group-hover:grayscale-0" src="https://www.degraafschap.nl/assets/partners/_200x200_fit_center-center_none/6850/dakexpert_logo-2021.webp" srcset="https://www.degraafschap.nl/assets/partners/_200x24_fit_center-center_none/6850/dakexpert_logo-2021.webp 200w" width="200" height="24" alt="Dakexpert logo 2021" loading="lazy" sizes="200">
3859                                                                                                                                                        </a>
3860                                                                                                                                                                                                                                                                                                                                                                                                <a href="https://www.swrbv.nl/"
3861                                                       target="_blank"
3862                                                       class="max-h-[69px] h-full rounded-md bg-white p-4 group"
3863                                                       data-animation-reveal
3864                                                       data-animation-reveal-type="scale"
3865                                                       data-animation-reveal-from="small">
3866                                                                                                                                                            
3867
3868
3869    <img class="mx-auto aspect-[16/9] h-full w-full object-contain grayscale transition-all group-hover:grayscale-0" src="https://www.degraafschap.nl/assets/partners/_200x200_fit_center-center_none/6847/logo-only.webp" srcset="https://www.degraafschap.nl/assets/partners/_200x69_fit_center-center_none/6847/logo-only.webp 200w" width="200" height="69" alt="Logo only" loading="lazy" sizes="200">
3870                                                                                                                                                        </a>
3871                                                                                                                                                                                                                                                                                                                                                                                                <a href="https://www.cars4kids.nl/"
3872                                                       target="_blank"
3873                                                       class="max-h-[69px] h-full rounded-md bg-white p-4 group"
3874                                                       data-animation-reveal
3875                                                       data-animation-reveal-type="scale"
3876                                                       data-animation-reveal-from="small">
3877                                                                                                                                                            
3878
3879
3880    <img class="mx-auto aspect-[16/9] h-full w-full object-contain grayscale transition-all group-hover:grayscale-0" src="https://www.degraafschap.nl/assets/partners/_200x200_fit_center-center_none/6844/logo-cars4kids.webp" srcset="https://www.degraafschap.nl/assets/partners/_200x130_fit_center-center_none/6844/logo-cars4kids.webp 200w" width="200" height="130" alt="Logo cars4kids" loading="lazy" sizes="200">
3881                                                                                                                                                        </a>
3882                                                                                                                                                                                                                                                                                                                                                                                                <a href="https://www.coffeefresh.nl/"
3883                                                       target="_blank"
3884                                                       class="max-h-[69px] h-full rounded-md bg-white p-4 group"
3885                                                       data-animation-reveal
3886                                                       data-animation-reveal-type="scale"
3887                                                       data-animation-reveal-from="small">
3888                                                                                                                                                            
3889
3890
3891    <img class="mx-auto aspect-[16/9] h-full w-full object-contain grayscale transition-all group-hover:grayscale-0" src="https://www.degraafschap.nl/assets/partners/_200x200_fit_center-center_none/6841/logo-Coffee-Fresh.webp" srcset="https://www.degraafschap.nl/assets/partners/_200x173_fit_center-center_none/6841/logo-Coffee-Fresh.webp 200w" width="200" height="173" alt="Logo Coffee Fresh" loading="lazy" sizes="200">
3892                                                                                                                                                        </a>
3893                                                                                                                                                                                                                                                                                                                                                                                                <a href="https://www.flexfamily.nl/"
3894                                                       target="_blank"
3895                                                       class="max-h-[69px] h-full rounded-md bg-white p-4 group"
3896                                                       data-animation-reveal
3897                                                       data-animation-reveal-type="scale"
3898                                                       data-animation-reveal-from="small">
3899                                                                                                                                                            
3900
3901
3902    <img class="mx-auto aspect-[16/9] h-full w-full object-contain grayscale transition-all group-hover:grayscale-0" src="https://www.degraafschap.nl/assets/partners/_200x200_fit_center-center_none/6838/logoFlexfamily.webp" srcset="https://www.degraafschap.nl/assets/partners/_200x46_fit_center-center_none/6838/logoFlexfamily.webp 200w" width="200" height="46" alt="Logo Flexfamily" loading="lazy" sizes="200">
3903                                                                                                                                                        </a>
3904                                                                                                                                    </div>
3905                                    </div>
3906                                </div>
3907                                                                                                                                                        
3908                                                                                                                        
3909                                                                                        <div class="w-full break-inside-avoid-column" data-animation-section>
3910                                    <div class="space-y-6">
3911                                        <div class="font-heading text-body-size-lg/none uppercase"
3912                                             data-animation-reveal
3913                                             data-animation-reveal-type="fade">
3914                                            Official sportdrank
3915                                        </div>
3916                                        <div class="grid-cols-3 sm:grid-cols-2 grid items-center gap-3">
3917                                                                                                                                                                                                                                                                                                                                                <a href="https://extran.nl/"
3918                                                       target="_blank"
3919                                                       class="max-h-[69px] h-full rounded-md bg-white p-4 group"
3920                                                       data-animation-reveal
3921                                                       data-animation-reveal-type="scale"
3922                                                       data-animation-reveal-from="small">
3923                                                                                                                                                            
3924
3925
3926    <img class="mx-auto aspect-[16/9] h-full w-full object-contain grayscale transition-all group-hover:grayscale-0" src="https://www.degraafschap.nl/assets/partners/_200x200_fit_center-center_none/6857/Extran-logotype.webp" srcset="https://www.degraafschap.nl/assets/partners/_200x135_fit_center-center_none/6857/Extran-logotype.webp 200w" width="200" height="135" alt="Extran logotype" loading="lazy" sizes="200">
3927                                                                                                                                                        </a>
3928                                                                                                                                    </div>
3929                                    </div>
3930                                </div>
3931                                                                                                                                                        
3932                                                                                                                        
3933                                                                                        <div class="w-full break-inside-avoid-column" data-animation-section>
3934                                    <div class
3934="space-y-6">
3935                                        <div class="font-heading text-body-size-lg/none uppercase"
3936                                             data-animation-reveal
3937                                             data-animation-reveal-type="fade">
3938                                            Divisiepartners
3939                                        </div>
3940                                        <div class="grid-cols-3 sm:grid-cols-2 grid items-center gap-3">
3941                                                                                                                                                                                                                                                                                                                                                <a href="https://keukenkampioendivisie.nl/"
3942                                                       target="_blank"
3943                                                       class="max-h-[69px] h-full rounded-md bg-white p-4 group"
3944                                                       data-animation-reveal
3945                                                       data-animation-reveal-type="scale"
3946                                                       data-animation-reveal-from="small">
3947                                                                                                                                                            
3948
3949
3950    <img class="mx-auto aspect-[16/9] h-full w-full object-contain grayscale transition-all group-hover:grayscale-0" src="https://www.degraafschap.nl/assets/partners/_200x200_fit_center-center_none/6898/logo-1.webp" srcset="https://www.degraafschap.nl/assets/partners/_200x200_fit_center-center_none/6898/logo-1.webp 200w" width="200" height="200" alt="Logo 1" loading="lazy" sizes="200">
3951                                                                                                                                                        </a>
3952                                                                                                                                                                                                                                                                                                                                                                                                <a href="https://www.derbystar.nl"
3953                                                       target="_blank"
3954                                                       class="max-h-[69px] h-full rounded-md bg-white p-4 group"
3955                                                       data-animation-reveal
3956                                                       data-animation-reveal-type="scale"
3957                                                       data-animation-reveal-from="small">
3958                                                                                                                                                            
3959
3960
3961    <img class="mx-auto aspect-[16/9] h-full w-full object-contain grayscale transition-all group-hover:grayscale-0" src="https://www.degraafschap.nl/assets/partners/_200x200_fit_center-center_none/2080916/Derbystar.webp" srcset="https://www.degraafschap.nl/assets/partners/_200x50_fit_center-center_none/2080916/Derbystar.webp 200w" width="200" height="50" alt="Derbystar" loading="lazy" sizes="200">
3962                                                                                                                                                        </a>
3963                                                                                                                                                                                                                                                                                                                                                                                                <a href="https://www.espn.nl/"
3964                                                       target="_blank"
3965                                                       class="max-h-[69px] h-full rounded-md bg-white p-4 group"
3966                                                       data-animation-reveal
3967                                                       data-animation-reveal-type="scale"
3968                                                       data-animation-reveal-from="small">
3969                                                                                                                                                            
3970
3971
3972    <img class="mx-auto aspect-[16/9] h-full w-full object-contain grayscale transition-all group-hover:grayscale-0" src="https://www.degraafschap.nl/assets/partners/_200x200_fit_center-center_none/534/ESPN_logos.webp" srcset="https://www.degraafschap.nl/assets/partners/_200x89_fit_center-center_none/534/ESPN_logos.webp 200w" width="200" height="89" alt="ESPN logos" loading="lazy" sizes="200">
3973                                                                                                                                                        </a>
3974                                                                                                                                    </div>
3975                                    </div>
3976                                </div>
3977                                                                                                                                                        
3978                                                                                                                        
3979                                                                                        <div class="w-full break-inside-avoid-column" data-animation-section>
3980                                    <div class="space-y-6">
3981                                        <div class="font-heading text-body-size-lg/none uppercase"
3982                                             data-animation-reveal
3983                                             data-animation-reveal-type="fade">
3984                                            Official kledingsponsoren
3985                                        </div>
3986                                        <div class="grid-cols-3 sm:grid-cols-2 grid items-center gap-3">
3987                                                                                                                                                                                                                                                                                                                                                <a href="https://www.0314mode.nl/"
3988                                                       target="_blank"
3989                                                       class="max-h-[69px] h-full rounded-md bg-white p-4 group"
3990                                                       data-animation-reveal
3991                                                       data-animation-reveal-type="scale"
3992                                                       data-animation-reveal-from="small">
3993                                                                                                                                                            
3994
3995
3996    <img class="mx-auto aspect-[16/9] h-full w-full object-contain grayscale transition-all group-hover:grayscale-0" src="https://www.degraafschap.nl/assets/partners/_200x200_fit_center-center_none/6909/logo-2.webp" srcset="https://www.degraafschap.nl/assets/partners/_200x87_fit_center-center_none/6909/logo-2.webp 200w" width="200" height="87" alt="Logo 2" loading="lazy" sizes="200">
3997                                                                                                                                                        </a>
3998                                                                                                                                                                                                                                                                                                                                                                                                <a href="https://www.robeysportswear.com/nl_NL/home"
3999                                                       target="_blank"
4000                                                       class="max-h-[69px] h-full rounded-md bg-white p-4 group"
4001                                                       data-animation-reveal
4002                                                       data-animation-reveal-type="scale"
4003                                                       data-animation-reveal-from="small">
4004                                                                                                                                                            
4005
4006
4007    <img class="mx-auto aspect-[16/9] h-full w-full object-contain grayscale transition-all group-hover:grayscale-0" src="https://www.degraafschap.nl/assets/partners/_200x200_fit_center-center_none/8441/Robey-logo.webp" srcset="https://www.degraafschap.nl/assets/partners/_200x271_fit_center-center_none/8441/Robey-logo.webp 200w" width="148" height="200" alt="Robey logo" loading="lazy" sizes="200">
4008                                                                                                                                                        </a>
4009                                                                                                                                    </div>
4010                                    </div>
4011                                </div>
4012                                                                                        </div>
4013            </div>
4014        </section>
4015        
4016                
4017    <section class="relative z-10 overflow-hidden bg-white" data-animation-section>                <div class="relative py-4 md:py-6 lg:py-8">
4018            <div class="flex flex-col gap-4 md:flex-row md:justify-center md:gap-8 lg:gap-12">
4019                <div class="swiper-container w-full overflow-visible"
4020                     data-slider='{"autoplay":{"delay":0,"disableOnInteraction":false},"slidesPerView":"auto","centerSlides":true,"centerInsufficientSlides":true,"speed":5000,"loop":true,"loopAddBlankSlides":false,"spaceBetween":64,"watchOverflow":true,"simulateTouch":true}'
4021                     data-animation-reveal
4022                     data-animation-reveal-type="fade">
4023                    <div class="swiper-wrapper !ease-linear">
4024                                                                                
4025                                                            <a class="swiper-slide group/logo relative flex items-center justify-center w-auto max-w-40 h-16 ring-0 sm:h-20 lg:h-24" href="https://www.uitvaartverzekeringvergelijken.com/" title="Uitvaartverzekeringen vergelijken" target="_blank">
4026                                                            
4027
4028
4029    <img class="relative object-contain object-center w-full h-full transition-all grayscale hover:grayscale-0" src="https://www.degraafschap.nl/assets/images/Logo&#039;s/_320x320_fit_center-center_none/1081108/uitvaartverzekering-vergelijken.webp" width="320" height="79" alt="Uitvaartverzekering vergelijken" loading="lazy">
4030                                                            </a>
4031                                                                                                            
4032                                                            <a class="swiper-slide group/logo relative flex items-center justify-center w-auto max-w-40 h-16 ring-0 sm:h-20 lg:h-24" href="https://www.pinkcube.nl/" title="Pinkcube" target="_blank">
4033                                                            
4034
4035
4036    <img class="relative object-contain object-center w-full h-full transition-all grayscale hover:grayscale-0" src="https://www.degraafschap.nl/assets/images/Logo&#039;s/_320x320_fit_center-center_none/1133960/Logo-met-slogan-pinkcube.webp" width="320" height="90" alt="Logo met slogan pinkcube" loading="lazy">
4037                                                            </a>
4038                                                                                                            
4039                                                            <a class="swiper-slide group/logo relative flex items-center justify-center w-auto max-w-40 h-16 ring-0 sm:h-20 lg:h-24" href="https://www.ping7.nl/" title="Ping7" target="_blank">
4040                                                            
4041
4042
4043    <img class="relative object-contain object-center w-full h-full transition-all grayscale hover:grayscale-0" src="https://www.degraafschap.nl/assets/images/Logo&#039;s/_320x320_fit_center-center_none/1430192/ping.webp" width="320" height="59" alt="Ping" loading="lazy">
4044                                                            </a>
4045                                                                                                            
4046                                                            <a class="swiper-slide group/logo relative flex items-center justify-center w-auto max-w-40 h-16 ring-0 sm:h-20 lg:h-24" href="https://www.sextoyland.nl/" title="Sextoyland" target="_blank">
4047                                                            
4048
4049
4050    <img class="relative object-contain object-center w-full h-full transition-all grayscale hover:grayscale-0" src="https://www.degraafschap.nl/assets/images/Logo&#039;s/_320x320_fit_center-center_none/1430211/logo.webp" width="320" height="94" alt="Logo" loading="lazy">
4051                                                            </a>
4052                                                                                                            
4053                                                            <a class="swiper-slide group/logo relative flex items-center justify-center w-auto max-w-40 h-16 ring-0 sm:h-20 lg:h-24" href="https://Www.mysteryvoetbalbox.nl" title="Mysteryvoetbalbox" target="_blank">
4054                                                            
4055
4056
4057    <img class="relative object-contain object-center w-full h-full transition-all grayscale hover:grayscale-0" src="https://www.degraafschap.nl/assets/images/Logo&#039;s/_320x320_fit_center-center_none/3043273/logo-video-86x100.webp" width="275" height="320" alt="Logo video 86x100" loading="lazy">
4058                                                            </a>
4059                                                                        </div>
4060                </div>
4061            </div>
4062        </div>
4063    </section>
4064    
4065            <section class="bg-primary">
4066        <div class="container-fluid">
4067            <div class="flex flex-col gap-4 py-8 text-[13px] text-white xl:flex-row xl:items-center xl:justify-between">
4068                <ul class="flex items-center justify-center flex-wrap mx-auto xl:mr-4 xl:mx-0 xl:justify-start text-white/70">
4069                    <li class="md:mt-0 lg:mr-3 lg:pr-3 lg:border-r lg:border-current">
4070                        &copy; 2026 De Graafschap
4071                    </li>
4072                    <li>
4073                        Webshop gemaakt door:
4074                        <a href="https://exapps.nl"
4075                           title="Ga naar de website van Exapps"
4076                           target="_blank"
4077                           class="hover:underline hover:text-white">
4078                            Exapps
4079                        </a>
4080                        &
4081                        <a href="https://bigfat.nl"
4082                           title="Ga naar de website van Big Fat Internet"
4083                           target="_blank"
4084                           class="hover:underline hover:text-white">
4085                            BIG FAT Internet
4086                        </a>
4087                    </li>
4088                </ul>
4089
4090                                    <ul class="flex flex-wrap mx-auto justify-center gap-3 sm:flex-nowrap sm:gap-6 lg:ml-4 lg:mr-0">
4091                                                    <li class="">
4092                                <a class="text-current whitespace-nowrap transition-colors ring-0 hover:underline" href="https://www.degraafschap.nl/disclaimer" target="_self">Disclaimer</a>
4093                            </li>
4094                                                    <li class="">
4095                                <a class="text-current whitespace-nowrap transition-colors ring-0 hover:underline" href="https://www.degraafschap.nl/privacy" target="_self">Privacy verklaring</a>
4096                            </li>
4097                                                    <li class="">
4098                                <a class="text-current whitespace-nowrap transition-colors ring-0 hover:underline" href="https://www.degraafschap.nl/algemene-voorwaarden" target="_self">Algemene voorwaarden</a>
4099                            </li>
4100                                                    <li class="">
4101                                <a class="text-current whitespace-nowrap transition-colors ring-0 hover:underline" href="https://www.degraafschap.nl/cookies" target="_self">Cookies</a>
4102                            </li>
4103                                            </ul>
4104                            </div>
4105        </div>
4106    </section>
4107    </footer>
4108
4109    
4110
4111
4112        
4112<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","author":{"@id":"#identity"},"copyrightHolder":{"@id":"#identity"},"copyrightYear":"2024","creator":{"@id":"#creator"},"dateCreated":"2024-10-18T11:32:22+02:00","dateModified":"2026-09-28T12:06:42+02:00","datePublished":"2024-10-18T11:32:00+02:00","description":"Voetballen op hoog niveau met spektakel én saamhorigheid tussen club en supporters. De Superboeren zijn de Achterhoekse trots met de kernwaarden: D&#039;RAN, eerlijk, trots, samen en genieten.","headline":"Homepage","image":{"@type":"ImageObject","url":"https://www.degraafschap.nl/assets/images/_1200x630_fit_center-center_82_none/og-de-graafschap.png?mtime=1736257055"},"inLanguage":"nl","mainEntityOfPage":"https://www.degraafschap.nl/","name":"De Graafschap","potentialAction":{"@type":"SearchAction","target":"https://www.degraafschap.nl/"},"publisher":{"@id":"#creator"},"url":"https://www.degraafschap.nl/"},{"@id":"#identity","@type":"LocalBusiness","priceRange":"$"},{"@id":"#creator","@type":"Organization"},{"@type":"BreadcrumbList","description":"Breadcrumbs list","itemListElement":[{"@type":"ListItem","item":"https://www.degraafschap.nl/","name":"Homepage","position":1}],"name":"Breadcrumbs"}]}</script>
4112<script>;</script>
4112</body>
4113    </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.