PageSourceSearch

https://woeler.dev/

html woeler.dev collected 2026-10-10 00:27:58 UTC 63,998 bytes, 939 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charSet="utf-8"/>
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6
7            <title>Woeler</title>
8        <meta property="og:title" content="Woeler"/>
9        <meta name="twitter:title" content="Woeler"/>
10        <meta property="og:image:alt" content="Woeler"/>
11        <meta property="twitter:image:alt" content="Woeler"/>
12    
13            <meta name="description" content="Hiking website of Woeler."/>
14        <meta property="og:description" content="Hiking website of Woeler."/>
15        <meta name="twitter:description" content="Hiking website of Woeler."/>
16    
17            <link rel="canonical" href="https://woeler.dev"/>
18    
19    <meta property="og:locale" content="en_US"/>
20    <meta property="og:url" content="https://woeler.dev"/>
21    <meta property="og:site_name" content="woeler.dev"/>
22    <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
23
24            <meta property="og:image" content="https://woeler.dev/images/favicon/android-chrome-384x384.png"/>
25        <meta property="og:image:secure_url" content="https://woeler.dev/images/favicon/android-chrome-384x384.png"/>
26        <meta name="twitter:image" content="https://woeler.dev/images/favicon/android-chrome-384x384.png"/>
27        <meta name="twitter:card" content="summary"/>
28    
29    <link rel="apple-touch-icon" sizes="180x180" href="https://woeler.dev/images/favicon/apple-touch-icon.png">
30    <link rel="icon" type="image/png" sizes="32x32" href="https://woeler.dev/images/favicon/favicon-32x32.png">
31    <link rel="icon" type="image/png" sizes="16x16" href="https://woeler.dev/images/favicon/favicon-16x16.png">
32    <link rel="manifest" href="https://woeler.dev/images/favicon/site.webmanifest">
33    <link rel="mask-icon" href="https://woeler.dev/images/favicon/safari-pinned-tab.svg" color="#267f00">
34    <link rel="shortcut icon" href="https://woeler.dev/images/favicon/favicon.ico">
35    <meta name="msapplication-TileColor" content="#267f00">
36    <meta name="msapplication-config" content="https://woeler.dev/images/favicon/browserconfig.xml">
37    <meta name="theme-color" content="#111827">
38
39    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak="x-cloak"],[x-cloak=""] {display: none !important;}[wire\:cloak="wire:cloak"],[wire\:cloak=""] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
40    <link rel="preload" as="style" href="https://woeler.dev/build/assets/app-wRK-UwKx.css" /><link rel="stylesheet" href="https://woeler.dev/build/assets/app-wRK-UwKx.css" data-navigate-track="reload" />    </head>
41<body class="bg-white dark:bg-zinc-900">
42
43
44<div class="h-screen">
45    <nav class="flex items-center justify-between flex-wrap bg-green-700 p-3 fixed shadow w-full" style="z-index: 9999" id="navbar">
46        <a href="https://woeler.dev">
47        <div class="flex items-center flex-shrink-0 text-white mr-6">
48            <img src="https://woeler.dev/images/favicon/android-chrome-192x192.png" width="40" height="40" alt="Logo">
49            <span class="font-semibold text-xl ml-1">Woeler</span>
50        </div>
51        </a>
52        <div class="block lg:hidden" id="menu-button">
53            <button class="flex items-center px-3 py-2 border rounded text-teal-200 border-teal-400 hover:text-white hover:border-white">
54                <svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><title>Menu</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"/></svg>
55            </button>
56        </div>
57        <div class="w-full block flex-grow lg:flex lg:items-center lg:w-auto hidden" id="menu">
58            <div class="text-sm lg:flex-grow">
59                <a href="https://woeler.dev" class="block mt-4 lg:inline-block lg:mt-0 text-teal-200 hover:text-white mr-4">
60                    Home
61                </a>
62                <a href="https://woeler.dev/adventure" class="block mt-4 lg:inline-block lg:mt-0 text-teal-200 hover:text-white mr-4">
63                    Adventure Map
64                </a>
65            </div>
66        </div>
67    </nav>
68    
69
70<div class="bg-gradient-to-b from-green-700 to-green-800 text-white">
71    <div class="mx-auto max-w-7xl px-6 lg:px-8 py-20 text-center">
72
73        <h1 class="text-5xl font-extrabold tracking-tight sm:text-6xl">
74            Woeler
75        </h1>
76
77        <p class="mt-4 text-green-100 text-lg max-w-xl mx-auto">
78            Documenting every trail and summit, one tour at a time.
79        </p>
80
81        
82        <div class="mt-10 flex flex-wrap justify-center gap-8 text-center">
83            <div>
84                <p class="text-4xl font-bold">308</p>
85                <p class="text-green-200 text-sm mt-1 uppercase tracking-widest">Tours</p>
86            </div>
87            <div class="hidden sm:block w-px bg-green-600"></div>
88            <div>
89                <p class="text-4xl font-bold">9,704</p>
90                <p class="text-green-200 text-sm mt-1 uppercase tracking-widest">Kilometres</p>
91            </div>
92            <div class="hidden sm:block w-px bg-green-600"></div>
93            <div>
94                <p class="text-4xl font-bold">111,279</p>
95                <p class="text-green-200 text-sm mt-1 uppercase tracking-widest">Metres climbed</p>
96            </div>
97        </div>
98
99        
100        <div class="mt-10 flex flex-wrap gap-3 justify-center">
101            <a href="https://woeler.dev/adventure"
102               class="inline-flex items-center gap-2 px-6 py-3 bg-white text-green-700 font-semibold rounded-full shadow hover:bg-green-50 transition-colors duration-200">
103                <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
104                    <path stroke-linecap="round" stroke-linejoin="round"
105                          d="M9 6.75V15m6-6v8.25m.503 3.498 4.875-2.437c.381-.19.622-.58.622-1.006V4.82c0-.836-.88-1.38-1.628-1.006l-3.869 1.934c-.317.159-.69.159-1.006 0L9.503 3.252a1.125 1.125 0 0 0-1.006 0L3.622 5.689C3.24 5.88 3 6.27 3 6.695V19.18c0 .836.88 1.38 1.628 1.006l3.869-1.934c.317-.159.69-.159 1.006 0l4.994 2.497c.317.158.69.158 1.006 0Z"/>
106                </svg>
107                Adventure Map
108            </a>
109        </div>
110    </div>
111</div>
112
113
114<div class="bg-zinc-50 dark:bg-zinc-900 min-h-screen">
115    <div class="mx-auto max-w-7xl px-6 lg:px-8 py-14">
116
117        <div class="flex items-center justify-between mb-8">
118            <h2 class="text-2xl font-bold text-zinc-800 dark:text-zinc-100">Latest adventures</h2>
119                    </div>
120
121        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
122                            
123                <a href="https://woeler.dev/tours/3336727471/huckelhoven-hiking-08-10-2026"
124                   class="group flex flex-col bg-white dark:bg-zinc-800 rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-shadow duration-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-green-600">
125
126                    
127                    <div class="relative aspect-[16/7] overflow-hidden">
128                        <picture>
129                            <source type="image/webp" srcset="/storage/tours/3336727471.webp">
130                            <img src="/storage/tours/3336727471.jpg"
131                                 alt="Hückelhoven Hiking (08-10-2026)"
132                                                                  class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500 ease-out">
133                        </picture>
134
135                        
136                        <span class="absolute top-3 left-3 inline-flex items-center px-2.5 py-1 rounded-full text-xs font-semibold text-white shadow" style="background-color: #f97316">
137                            Hiking
138                        </span>
139
140                        
141                        <span class="absolute bottom-3 right-3 px-2.5 py-1 rounded-full text-xs font-medium text-white bg-black/50 backdrop-blur-sm">
142                            8 Oct 2026
143                        </span>
144                    </div>
145
146                    
147                    <div class="flex flex-col flex-1 p-5">
148                        <h3 class="font-bold text-zinc-800 dark:text-zinc-100 text-base leading-snug mb-4 group-hover:text-green-700 dark:group-hover:text-green-400 transition-colors duration-200 line-clamp-2">
149                            Hückelhoven Hiking (08-10-2026)
150                        </h3>
151
152                        
153                        <div class="mt-auto flex items-center gap-4 text-sm">
154                            
155                            <div class="flex items-center gap-1">
156                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
157                                    <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
158                                </svg>
159                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">10.0</span>
160                                <span class="text-zinc-400 text-xs">km</span>
161                            </div>
162
163                            <span class="text-zinc-200 dark:text-zinc-600 select-none">·</span>
164
165                            
166                            <div class="flex items-center gap-1">
167                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
168                                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
169                                </svg>
170                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">
171                                    1h 26m                                 </span>
172                            </div>
173
174                            <span class="text-zinc-200 dark:text-zinc-600 select-none">·</span>
175
176                            
177                            <div class="flex items-center gap-1">
178                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
179                                    <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18 9 11.25l4.306 4.306a11.95 11.95 0 0 1 5.814-5.518l2.74-1.22m0 0-5.94-2.281m5.94 2.28-2.28 5.941"/>
180                                </svg>
181                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">90</span>
182                                <span class="text-zinc-400 text-xs">m</span>
183                            </div>
184                        </div>
185                    </div>
186                </a>
187                            
188                <a href="https://woeler.dev/tours/3325469488/huckelhoven-bedburg-loop-gravel-ride-03-10-2026"
189                   class="group flex flex-col bg-white dark:bg-zinc-800 rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-shadow duration-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-green-600">
190
191                    
192                    <div class="relative aspect-[16/7] overflow-hidden">
193                        <picture>
194                            <source type="image/webp" srcset="/storage/tours/3325469488.webp">
195                            <img src="/storage/tours/3325469488.jpg"
196                                 alt="Hückelhoven - Bedburg loop Gravel Ride (03-10-2026)"
197                                  loading="lazy"                                  class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500 ease-out">
198                        </picture>
199
200                        
201                        <span class="absolute top-3 left-3 inline-flex items-center px-2.5 py-1 rounded-full text-xs font-semibold text-white shadow" style="background-color: #3b82f6">
202                            Gravel Biking
203                        </span>
204
205                        
206                        <span class="absolute bottom-3 right-3 px-2.5 py-1 rounded-full text-xs font-medium text-white bg-black/50 backdrop-blur-sm">
207                            3 Oct 2026
208                        </span>
209                    </div>
210
211                    
212                    <div class="flex flex-col flex-1 p-5">
213                        <h3 class="font-bold text-zinc-800 dark:text-zinc-100 text-base leading-snug mb-4 group-hover:text-green-700 dark:group-hover:text-green-400 transition-colors duration-200 line-clamp-2">
214                            Hückelhoven - Bedburg loop Gravel Ride (03-10-2026)
215                        </h3>
216
217                        
218                        <div class="mt-auto flex items-center gap-4 text-sm">
219                            
220                            <div class="flex items-center gap-1">
221                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
222                                    <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
223                                </svg>
224                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">56.5</span>
225                                <span class="text-zinc-400 text-xs">km</span>
226                            </div>
227
228                            <span class="text-zinc-200 dark:text-zinc-600 select-none">·</span>
229
230                            
231                            <div class="flex items-center gap-1">
232                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
233                                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
234                                </svg>
235                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">
236                                    2h 4m                                 </span>
237                            </div>
238
239                            <span class="text-zinc-200 dark:text-zinc-600 select-none">·</span>
240
241                            
242                            <div class="flex items-center gap-1">
243                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
244                                    <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18 9 11.25l4.306 4.306a11.95 11.95 0 0 1 5.814-5.518l2.74-1.22m0 0-5.94-2.281m5.94 2.28-2.28 5.941"/>
245                                </svg>
246                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">320</span>
247                                <span class="text-zinc-400 text-xs">m</span>
248                            </div>
249                        </div>
250                    </div>
251                </a>
252                            
253                <a href="https://woeler.dev/tours/3312838270/huckelhoven-hiking-27-09-2026"
254                   class="group flex flex-col bg-white dark:bg-zinc-800 rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-shadow duration-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-green-600">
255
256                    
257                    <div class="relative aspect-[16/7] overflow-hidden">
258                        <picture>
259                            <source type="image/webp" srcset="/storage/tours/3312838270.webp">
260                            <img src="/storage/tours/3312838270.jpg"
261                                 alt="Hückelhoven Hiking (27-09-2026)"
262                                  loading="lazy"                                  class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500 ease-out">
263                        </picture>
264
265                        
266                        <span class="absolute top-3 left-3 inline-flex items-center px-2.5 py-1 rounded-full text-xs font-semibold text-white shadow" style="background-color: #f97316">
267                            Hiking
268                        </span>
269
270                        
271                        <span class="absolute bottom-3 right-3 px-2.5 py-1 rounded-full text-xs font-medium text-white bg-black/50 backdrop-blur-sm">
272                            27 Sep 2026
273                        </span>
274                    </div>
275
276                    
277                    <div class="flex flex-col flex-1 p-5">
278                        <h3 class="font-bold text-zinc-800 dark:text-zinc-100 text-base leading-snug mb-4 group-hover:text-green-700 dark:group-hover:text-green-400 transition-colors duration-200 line-clamp-2">
279                            Hückelhoven Hiking (27-09-2026)
280                        </h3>
281
282                        
283                        <div class="mt-auto flex items-center gap-4 text-sm">
284                            
285                            <div class="flex items-center gap-1">
286                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
287                                    <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
288                                </svg>
289                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">11.0</span>
290                                <span class="text-zinc-400 text-xs">km</span>
291                            </div>
292
293                            <span class="text-zinc-200 dark:text-zinc-600 select-none">·</span>
294
295                            
296                            <div class="flex items-center gap-1">
297                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
298                                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
299                                </svg>
300                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">
301                                    1h 58m                                 </span>
302                            </div>
303
304                            <span class="text-zinc-200 dark:text-zinc-600 select-none">·</span>
305
306                            
307                            <div class="flex items-center gap-1">
308                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
309                                    <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18 9 11.25l4.306 4.306a11.95 11.95 0 0 1 5.814-5.518l2.74-1.22m0 0-5.94-2.281m5.94 2.28-2.28 5.941"/>
310                                </svg>
311                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">67</span>
312                                <span class="text-zinc-400 text-xs">m</span>
313                            </div>
314                        </div>
315                    </div>
316                </a>
317                            
318                <a href="https://woeler.dev/tours/3307004661/huckelhoven-monchengladbach-loop-gravel-ride-25-09-2026"
319                   class="group flex flex-col bg-white dark:bg-zinc-800 rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-shadow duration-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-green-600">
320
321                    
322                    <div class="relative aspect-[16/7] overflow-hidden">
323                        <picture>
324                            <source type="image/webp" srcset="/storage/tours/3307004661.webp">
325                            <img src="/storage/tours/3307004661.jpg"
326                                 alt="Hückelhoven - Mönchengladbach loop Gravel Ride (25-09-2026)"
327                                  loading="lazy"                                  class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500 ease-out">
328                        </picture>
329
330                        
331                        <span class="absolute top-3 left-3 inline-flex items-center px-2.5 py-1 rounded-full text-xs font-semibold text-white shadow" style="background-color: #3b82f6">
332                            Gravel Biking
333                        </span>
334
335                        
336                        <span class="absolute bottom-3 right-3 px-2.5 py-1 rounded-full text-xs font-medium text-white bg-black/50 backdrop-blur-sm">
337                            25 Sep 2026
338                        </span>
339                    </div>
340
341                    
342                    <div class="flex flex-col flex-1 p-5">
343                        <h3 class="font-bold text-zinc-800 dark:text-zinc-100 text-base leading-snug mb-4 group-hover:text-green-700 dark:group-hover:text-green-400 transition-colors duration-200 line-clamp-2">
344                            Hückelhoven - Mönchengladbach loop Gravel Ride (25-09-2026)
345                        </h3>
346
347                        
348                        <div class="mt-auto flex items-center gap-4 text-sm">
349                            
350                            <div class="flex items-center gap-1">
351                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
352                                    <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
353                                </svg>
354                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">55.9</span>
355                                <span class="text-zinc-400 text-xs">km</span>
356                            </div>
357
358                            <span class="text-zinc-200 dark:text-zinc-600 select-none">·</span>
359
360                            
361                            <div class="flex items-center gap-1">
362                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
363                                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
364                                </svg>
365                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">
366                                    2h 8m                                 </span>
367                            </div>
368
369                            <span class="text-zinc-200 dark:text-zinc-600 select-none">·</span>
370
371                            
372                            <div class="flex items-center gap-1">
373                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
374                                    <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18 9 11.25l4.306 4.306a11.95 11.95 0 0 1 5.814-5.518l2.74-1.22m0 0-5.94-2.281m5.94 2.28-2.28 5.941"/>
375                                </svg>
376                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">325</span>
377                                <span class="text-zinc-400 text-xs">m</span>
378                            </div>
379                        </div>
380                    </div>
381                </a>
382                            
383                <a href="https://woeler.dev/tours/3265208520/hike-from-huckelhoven-to-monchengladbach-07-09-2026"
384                   class="group flex flex-col bg-white dark:bg-zinc-800 rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-shadow duration-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-green-600">
385
386                    
387                    <div class="relative aspect-[16/7] overflow-hidden">
388                        <picture>
389                            <source type="image/webp" srcset="/storage/tours/3265208520.webp">
390                            <img src="/storage/tours/3265208520.jpg"
391                                 alt="Hike from Hückelhoven to Mönchengladbach (07-09-2026)"
392                                  loading="lazy"                                  class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500 ease-out">
393                        </picture>
394
395                        
396                        <span class="absolute top-3 left-3 inline-flex items-center px-2.5 py-1 rounded-full text-xs font-semibold text-white shadow" style="background-color: #f97316">
397                            Hiking
398                        </span>
399
400                        
401                        <span class="absolute bottom-3 right-3 px-2.5 py-1 rounded-full text-xs font-medium text-white bg-black/50 backdrop-blur-sm">
402                            7 Sep 2026
403                        </span>
404                    </div>
405
406                    
407                    <div class="flex flex-col flex-1 p-5">
408                        <h3 class="font-bold text-zinc-800 dark:text-zinc-100 text-base leading-snug mb-4 group-hover:text-green-700 dark:group-hover:text-green-400 transition-colors duration-200 line-clamp-2">
409                            Hike from Hückelhoven to Mönchengladbach (07-09-2026)
410                        </h3>
411
412                        
413                        <div class="mt-auto flex items-center gap-4 text-sm">
414                            
415                            <div class="flex items-center gap-1">
416                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
417                                    <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
418                                </svg>
419                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">23.1</span>
420                                <span class="text-zinc-400 text-xs">km</span>
421                            </div>
422
423                            <span class="text-zinc-200 dark:text-zinc-600 select-none">·</span>
424
425                            
426                            <div class="flex items-center gap-1">
427                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
428                                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
429                                </svg>
430                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">
431                                    3h 13m                                 </span>
432                            </div>
433
434                            <span class="text-zinc-200 dark:text-zinc-600 select-none">·</span>
435
436                            
437                            <div class="flex items-center gap-1">
438                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
439                                    <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18 9 11.25l4.306 4.306a11.95 11.95 0 0 1 5.814-5.518l2.74-1.22m0 0-5.94-2.281m5.94 2.28-2.28 5.941"/>
440                                </svg>
441                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">67</span>
442                                <span class="text-zinc-400 text-xs">m</span>
443                            </div>
444                        </div>
445                    </div>
446                </a>
447                            
448                <a href="https://woeler.dev/tours/3259090369/grafschafter-vereinsmarsch-2026"
449                   class="group flex flex-col bg-white dark:bg-zinc-800 rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-shadow duration-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-green-600">
450
451                    
452                    <div class="relative aspect-[16/7] overflow-hidden">
453                        <picture>
454                            <source type="image/webp" srcset="/storage/tours/3259090369.webp">
455                            <img src="/storage/tours/3259090369.jpg"
456                                 alt="Grafschafter Vereinsmarsch 2026"
457                                  loading="lazy"                                  class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500 ease-out">
458                        </picture>
459
460                        
461                        <span class="absolute top-3 left-3 inline-flex items-center px-2.5 py-1 rounded-full text-xs font-semibold text-white shadow" style="background-color: #f97316">
462                            Hiking
463                        </span>
464
465                        
466                        <span class="absolute bottom-3 right-3 px-2.5 py-1 rounded-full text-xs font-medium text-white bg-black/50 backdrop-blur-sm">
467                            5 Sep 2026
468                        </span>
469                    </div>
470
471                    
472                    <div class="flex flex-col flex-1 p-5">
473                        <h3 class="font-bold text-zinc-800 dark:text-zinc-100 text-base leading-snug mb-4 group-hover:text-green-700 dark:group-hover:text-green-400 transition-colors duration-200 line-clamp-2">
474                            Grafschafter Vereinsmarsch 2026
475                        </h3>
476
477                        
478                        <div class="mt-auto flex items-center gap-4 text-sm">
479                            
480                            <div class="flex items-center gap-1">
481                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
482                                    <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
483                                </svg>
484                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">43.7</span>
485                                <span class="text-zinc-400 text-xs">km</span>
486                            </div>
487
488                            <span class="text-zinc-200 dark:text-zinc-600 select-none">·</span>
489
490                            
491                            <div class="flex items-center gap-1">
492                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
493                                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
494                                </svg>
495                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">
496                                    6h 55m                                 </span>
497                            </div>
498
499                            <span class="text-zinc-200 dark:text-zinc-600 select-none">·</span>
500
501                            
502                            <div class="flex items-center gap-1">
503                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
504                                    <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18 9 11.25l4.306 4.306a11.95 11.95 0 0 1 5.814-5.518l2.74-1.22m0 0-5.94-2.281m5.94 2.28-2.28 5.941"/>
505                                </svg>
506                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">107</span>
507                                <span class="text-zinc-400 text-xs">m</span>
508                            </div>
509                        </div>
510                    </div>
511                </a>
512                            
513                <a href="https://woeler.dev/tours/3252035916/huckelhoven-linnich-loop-gravel-ride-02-09-2026"
514                   class="group flex flex-col bg-white dark:bg-zinc-800 rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-shadow duration-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-green-600">
515
516                    
517                    <div class="relative aspect-[16/7] overflow-hidden">
518                        <picture>
519                            <source type="image/webp" srcset="/storage/tours/3252035916.webp">
520                            <img src="/storage/tours/3252035916.jpg"
521                                 alt="Hückelhoven - Linnich loop Gravel Ride (02-09-2026)"
522                                  loading="lazy"                                  class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500 ease-out">
523                        </picture>
524
525                        
526                        <span class="absolute top-3 left-3 inline-flex items-center px-2.5 py-1 rounded-full text-xs font-semibold text-white shadow" style="background-color: #3b82f6">
527                            Gravel Biking
528                        </span>
529
530                        
531                        <span class="absolute bottom-3 right-3 px-2.5 py-1 rounded-full text-xs font-medium text-white bg-black/50 backdrop-blur-sm">
532                            2 Sep 2026
533                        </span>
534                    </div>
535
536                    
537                    <div class="flex flex-col flex-1 p-5">
538                        <h3 class="font-bold text-zinc-800 dark:text-zinc-100 text-base leading-snug mb-4 group-hover:text-green-700 dark:group-hover:text-green-400 transition-colors duration-200 line-clamp-2">
539                            Hückelhoven - Linnich loop Gravel Ride (02-09-2026)
540                        </h3>
541
542                        
543                        <div class="mt-auto flex items-center gap-4 text-sm">
544                            
545                            <div class="flex items-center gap-1">
546                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
547                                    <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
548                                </svg>
549                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">22.4</span>
550                                <span class="text-zinc-400 text-xs">km</span>
551                            </div>
552
553                            <span class="text-zinc-200 dark:text-zinc-600 select-none">·</span>
554
555                            
556                            <div class="flex items-center gap-1">
557                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
558                                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
559                                </svg>
560                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">
561                                     52m                                 </span>
562                            </div>
563
564                            <span class="text-zinc-200 dark:text-zinc-600 select-none">·</span>
565
566                            
567                            <div class="flex items-center gap-1">
568                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
569                                    <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18 9 11.25l4.306 4.306a11.95 11.95 0 0 1 5.814-5.518l2.74-1.22m0 0-5.94-2.281m5.94 2.28-2.28 5.941"/>
570                                </svg>
571                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">113</span>
572                                <span class="text-zinc-400 text-xs">m</span>
573                            </div>
574                        </div>
575                    </div>
576                </a>
577                            
578                <a href="https://woeler.dev/tours/3241651579/hike-from-huckelhoven-to-maastricht-29-08-2026"
579                   class="group flex flex-col bg-white dark:bg-zinc-800 rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-shadow duration-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-green-600">
580
581                    
582                    <div class="relative aspect-[16/7] overflow-hidden">
583                        <picture>
584                            <source type="image/webp" srcset="/storage/tours/3241651579.webp">
585                            <img src="/storage/tours/3241651579.jpg"
586                                 alt="Hike from Hückelhoven to Maastricht (29-08-2026)"
587                                  loading="lazy"                                  class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500 ease-out">
588                        </picture>
589
590                        
591                        <span class="absolute top-3 left-3 inline-flex items-center px-2.5 py-1 rounded-full text-xs font-semibold text-white shadow" style="background-color: #f97316">
592                            Hiking
593                        </span>
594
595                        
596                        <span class="absolute bottom-3 right-3 px-2.5 py-1 rounded-full text-xs font-medium text-white bg-black/50 backdrop-blur-sm">
597                            29 Aug 2026
598                        </span>
599                    </div>
600
601                    
602                    <div class="flex flex-col flex-1 p-5">
603                        <h3 class="font-bold text-zinc-800 dark:text-zinc-100 text-base leading-snug mb-4 group-hover:text-green-700 dark:group-hover:text-green-400 transition-colors duration-200 line-clamp-2">
604                            Hike from Hückelhoven to Maastricht (29-08-2026)
605                        </h3>
606
607                        
608                        <div class="mt-auto flex items-center gap-4 text-sm">
609                            
610                            <div class="flex items-center gap-1">
611                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
612                                    <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
613                                </svg>
614                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">55.5</span>
615                                <span class="text-zinc-400 text-xs">km</span>
616                            </div>
617
618                            <span class="text-zinc-200 dark:text-zinc-600 select-none">·</span>
619
620                            
621                            <div class="flex items-center gap-1">
622                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
623                                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
624                                </svg>
625                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">
626                                    7h 32m                                 </span>
627                            </div>
628
629                            <span class="text-zinc-200 dark:text-zinc-600 select-none">·</span>
630
631                            
632                            <div class="flex items-center gap-1">
633                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
634                                    <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18 9 11.25l4.306 4.306a11.95 11.95 0 0 1 5.814-5.518l2.74-1.22m0 0-5.94-2.281m5.94 2.28-2.28 5.941"/>
635                                </svg>
636                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">503</span>
637                                <span class="text-zinc-400 text-xs">m</span>
638                            </div>
639                        </div>
640                    </div>
641                </a>
642                            
643                <a href="https://woeler.dev/tours/3235683542/huckelhoven-erkelenz-loop-gravel-ride-27-08-2026"
644                   class="group flex flex-col bg-white dark:bg-zinc-800 rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-shadow duration-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-green-600">
645
646                    
647                    <div class="relative aspect-[16/7] overflow-hidden">
648                        <picture>
649                            <source type="image/webp" srcset="/storage/tours/3235683542.webp">
650                            <img src="/storage/tours/3235683542.jpg"
651                                 alt="Hückelhoven - Erkelenz loop Gravel Ride (27-08-2026)"
652                                  loading="lazy"                                  class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500 ease-out">
653                        </picture>
654
655                        
656                        <span class="absolute top-3 left-3 inline-flex items-center px-2.5 py-1 rounded-full text-xs font-semibold text-white shadow" style="background-color: #3b82f6">
657                            Gravel Biking
658                        </span>
659
660                        
661                        <span class="absolute bottom-3 right-3 px-2.5 py-1 rounded-full text-xs font-medium text-white bg-black/50 backdrop-blur-sm">
662                            27 Aug 2026
663                        </span>
664                    </div>
665
666                    
667                    <div class="flex flex-col flex-1 p-5">
668                        <h3 class="font-bold text-zinc-800 dark:text-zinc-100 text-base leading-snug mb-4 group-hover:text-green-700 dark:group-hover:text-green-400 transition-colors duration-200 line-clamp-2">
669                            Hückelhoven - Erkelenz loop Gravel Ride (27-08-2026)
670                        </h3>
671
672                        
673                        <div class="mt-auto flex items-center gap-4 text-sm">
674                            
675                            <div class="flex items-center gap-1">
676                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
677                                    <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
678                                </svg>
679                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">33.1</span>
680                                <span class="text-zinc-400 text-xs">km</span>
681                            </div>
682
683                            <span class="text-zinc-200 dark:text-zinc-600 select-none">·</span>
684
685                            
686                            <div class="flex items-center gap-1">
687                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
688                                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
689                                </svg>
690                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">
691                                    1h 15m                                 </span>
692                            </div>
693
694                            <span class="text-zinc-200 dark:text-zinc-600 select-none">·</span>
695
696                            
697                            <div class="flex items-center gap-1">
698                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
699                                    <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18 9 11.25l4.306 4.306a11.95 11.95 0 0 1 5.814-5.518l2.74-1.22m0 0-5.94-2.281m5.94 2.28-2.28 5.941"/>
700                                </svg>
701                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">173</span>
702                                <span class="text-zinc-400 text-xs">m</span>
703                            </div>
704                        </div>
705                    </div>
706                </a>
707                            
708                <a href="https://woeler.dev/tours/3227933273/huckelhoven-wassenberg-loop-gravel-ride-24-08-2026"
709                   class="group flex flex-col bg-white dark:bg-zinc-800 rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-shadow duration-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-green-600">
710
711                    
712                    <div class="relative aspect-[16/7] overflow-hidden">
713                        <picture>
714                            <source type="image/webp" srcset="/storage/tours/3227933273.webp">
715                            <img src="/storage/tours/3227933273.jpg"
716                                 alt="Hückelhoven - Wassenberg loop Gravel Ride (24-08-2026)"
717                                  loading="lazy"                                  class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500 ease-out">
718                        </picture>
719
720                        
721                        <span class="absolute top-3 left-3 inline-flex items-center px-2.5 py-1 rounded-full text-xs font-semibold text-white shadow" style="background-color: #3b82f6">
722                            Gravel Biking
723                        </span>
724
725                        
726                        <span class="absolute bottom-3 right-3 px-2.5 py-1 rounded-full text-xs font-medium text-white bg-black/50 backdrop-blur-sm">
727                            24 Aug 2026
728                        </span>
729                    </div>
730
731                    
732                    <div class="flex flex-col flex-1 p-5">
733                        <h3 class="font-bold text-zinc-800 dark:text-zinc-100 text-base leading-snug mb-4 group-hover:text-green-700 dark:group-hover:text-green-400 transition-colors duration-200 line-clamp-2">
734                            Hückelhoven - Wassenberg loop Gravel Ride (24-08-2026)
735                        </h3>
736
737                        
738                        <div class="mt-auto flex items-center gap-4 text-sm">
739                            
740                            <div class="flex items-center gap-1">
741                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
742                                    <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
743                                </svg>
744                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">36.5</span>
745                                <span class="text-zinc-400 text-xs">km</span>
746                            </div>
747
748                            <span class="text-zinc-200 dark:text-zinc-600 select-none">·</span>
749
750                            
751                            <div class="flex items-center gap-1">
752                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
753                                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
754                                </svg>
755                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">
756                                    1h 20m                                 </span>
757                            </div>
758
759                            <span class="text-zinc-200 dark:text-zinc-600 select-none">·</span>
760
761                            
762                            <div class="flex items-center gap-1">
763                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
764                                    <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18 9 11.25l4.306 4.306a11.95 11.95 0 0 1 5.814-5.518l2.74-1.22m0 0-5.94-2.281m5.94 2.28-2.28 5.941"/>
765                                </svg>
766                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">
766202</span>
767                                <span class="text-zinc-400 text-xs">m</span>
768                            </div>
769                        </div>
770                    </div>
771                </a>
772                            
773                <a href="https://woeler.dev/tours/3223998638/huckelhoven-titz-loop-gravel-ride-23-08-2026"
774                   class="group flex flex-col bg-white dark:bg-zinc-800 rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-shadow duration-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-green-600">
775
776                    
777                    <div class="relative aspect-[16/7] overflow-hidden">
778                        <picture>
779                            <source type="image/webp" srcset="/storage/tours/3223998638.webp">
780                            <img src="/storage/tours/3223998638.jpg"
781                                 alt="Hückelhoven - Titz loop Gravel Ride (23-08-2026)"
782                                  loading="lazy"                                  class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500 ease-out">
783                        </picture>
784
785                        
786                        <span class="absolute top-3 left-3 inline-flex items-center px-2.5 py-1 rounded-full text-xs font-semibold text-white shadow" style="background-color: #3b82f6">
787                            Gravel Biking
788                        </span>
789
790                        
791                        <span class="absolute bottom-3 right-3 px-2.5 py-1 rounded-full text-xs font-medium text-white bg-black/50 backdrop-blur-sm">
792                            23 Aug 2026
793                        </span>
794                    </div>
795
796                    
797                    <div class="flex flex-col flex-1 p-5">
798                        <h3 class="font-bold text-zinc-800 dark:text-zinc-100 text-base leading-snug mb-4 group-hover:text-green-700 dark:group-hover:text-green-400 transition-colors duration-200 line-clamp-2">
799                            Hückelhoven - Titz loop Gravel Ride (23-08-2026)
800                        </h3>
801
802                        
803                        <div class="mt-auto flex items-center gap-4 text-sm">
804                            
805                            <div class="flex items-center gap-1">
806                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
807                                    <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
808                                </svg>
809                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">40.6</span>
810                                <span class="text-zinc-400 text-xs">km</span>
811                            </div>
812
813                            <span class="text-zinc-200 dark:text-zinc-600 select-none">·</span>
814
815                            
816                            <div class="flex items-center gap-1">
817                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
818                                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
819                                </svg>
820                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">
821                                    1h 26m                                 </span>
822                            </div>
823
824                            <span class="text-zinc-200 dark:text-zinc-600 select-none">·</span>
825
826                            
827                            <div class="flex items-center gap-1">
828                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
829                                    <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18 9 11.25l4.306 4.306a11.95 11.95 0 0 1 5.814-5.518l2.74-1.22m0 0-5.94-2.281m5.94 2.28-2.28 5.941"/>
830                                </svg>
831                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">229</span>
832                                <span class="text-zinc-400 text-xs">m</span>
833                            </div>
834                        </div>
835                    </div>
836                </a>
837                            
838                <a href="https://woeler.dev/tours/3202113286/huckelhoven-sittard-loop-gravel-ride-15-08-2026"
839                   class="group flex flex-col bg-white dark:bg-zinc-800 rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-shadow duration-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-green-600">
840
841                    
842                    <div class="relative aspect-[16/7] overflow-hidden">
843                        <picture>
844                            <source type="image/webp" srcset="/storage/tours/3202113286.webp">
845                            <img src="/storage/tours/3202113286.jpg"
846                                 alt="Hückelhoven - Sittard loop Gravel Ride (15-08-2026)"
847                                  loading="lazy"                                  class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500 ease-out">
848                        </picture>
849
850                        
851                        <span class="absolute top-3 left-3 inline-flex items-center px-2.5 py-1 rounded-full text-xs font-semibold text-white shadow" style="background-color: #3b82f6">
852                            Gravel Biking
853                        </span>
854
855                        
856                        <span class="absolute bottom-3 right-3 px-2.5 py-1 rounded-full text-xs font-medium text-white bg-black/50 backdrop-blur-sm">
857                            15 Aug 2026
858                        </span>
859                    </div>
860
861                    
862                    <div class="flex flex-col flex-1 p-5">
863                        <h3 class="font-bold text-zinc-800 dark:text-zinc-100 text-base leading-snug mb-4 group-hover:text-green-700 dark:group-hover:text-green-400 transition-colors duration-200 line-clamp-2">
864                            Hückelhoven - Sittard loop Gravel Ride (15-08-2026)
865                        </h3>
866
867                        
868                        <div class="mt-auto flex items-center gap-4 text-sm">
869                            
870                            <div class="flex items-center gap-1">
871                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
872                                    <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
873                                </svg>
874                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">62.8</span>
875                                <span class="text-zinc-400 text-xs">km</span>
876                            </div>
877
878                            <span class="text-zinc-200 dark:text-zinc-600 select-none">·</span>
879
880                            
881                            <div class="flex items-center gap-1">
882                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
883                                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
884                                </svg>
885                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">
886                                    2h 30m                                 </span>
887                            </div>
888
889                            <span class="text-zinc-200 dark:text-zinc-600 select-none">·</span>
890
891                            
892                            <div class="flex items-center gap-1">
893                                <svg class="w-3.5 h-3.5 text-zinc-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
894                                    <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18 9 11.25l4.306 4.306a11.95 11.95 0 0 1 5.814-5.518l2.74-1.22m0 0-5.94-2.281m5.94 2.28-2.28 5.941"/>
895                                </svg>
896                                <span class="font-semibold text-zinc-700 dark:text-zinc-200">357</span>
897                                <span class="text-zinc-400 text-xs">m</span>
898                            </div>
899                        </div>
900                    </div>
901                </a>
902                    </div>
903
904        
905                    <div class="mt-12 flex justify-center">
906                <nav role="navigation" aria-label="Pagination Navigation" class="flex justify-between">
907        
908                    <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 cursor-default leading-5 rounded-md">
909                &laquo; Previous
910            </span>
911        
912        
913                    <a href="https://woeler.dev?page=2" rel="next" class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-100 leading-5 rounded-md hover:text-gray-500">
914                Next &raquo;
915            </a>
916            </nav>
917
918            </div>
919        
920    </div>
921</div>
922
923</div>
924
925<script src="/livewire/livewire.min.js?id=6f2ea2c9"   data-csrf="uJWqyFwUaMhZalsgdcztvPxLpjfqf4tPUddowPE3" data-update-uri="/livewire/update" data-navigate-once="true"></script>
vendor: 1 bytes, line 925
925
926<script type="text/javascript">
927    var button = document.getElementById('menu-button');
928    var menu = document.getElementById('menu');
929    button.addEventListener('click', function (){
930        if (menu.classList.contains('hidden')) {
931            menu.classList.remove('hidden');
932        } else {
933            menu.classList.add('hidden');
934        }
935    });
936</script>
936
937    <link rel="modulepreload" as="script" href="https://woeler.dev/build/assets/elevation-Os7GdQ4B.js" />
937<script type="module" src="https://woeler.dev/build/assets/elevation-Os7GdQ4B.js" data-navigate-track="reload"></script>
937<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"9ec4b5bbfd2046f6ab0d429c7c1d3756","r":1,"spa":2}' crossorigin="anonymous"></script>
937
938</body>
939</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.