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 « 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 » 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.