<turbo-stream action="append" target="tour-list">
    <template>
                <article class="group relative flex flex-col">
    <a href="/tour/alpenbrevet-2024" class="block focus:outline-none focus-visible:ring-2 focus-visible:ring-laceup-blue-500 focus-visible:ring-offset-2 rounded-xl">
        <div class="relative aspect-[4/3] w-full overflow-hidden rounded-xl bg-gray-200 shadow-sm ring-1 ring-black/5 dark:bg-slate-800 dark:ring-white/10">
            <img
                src="https://extended.alpenbrevet.ch/wp-content/uploads/1.jpg"
                alt=""
                loading="lazy"
                onerror="this.onerror=null; this.src='https://static.laceup.ch/backgrounds/Running1.jpg'"
                class="h-full w-full object-cover object-center transition duration-300 group-hover:scale-[1.03]"
            >
            <div class="pointer-events-none absolute inset-x-0 bottom-0 h-1/2 bg-gradient-to-t from-black/60 to-transparent"></div>

            <div class="absolute left-3 top-3 flex flex-wrap gap-1.5">
                                            </div>

                    </div>

        <h3 class="mt-4 font-display text-lg font-semibold leading-snug text-gray-900 group-hover:text-laceup-blue-600 dark:text-slate-100 dark:group-hover:text-laceup-blue-400">Alpenbrevet Extended</h3>
    </a>
        <p class="flex items-center mt-1 text-sm text-gray-500"><svg class="w-3 h-3 mr-2 stroke-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /></svg>
15.05.2024&ndash;01.11.2024</p>
    <div class="mt-2 isolate flex space-x-1 overflow-hidden items-center text-sm text-gray-500">
                    <span class="inline-flex items-center rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10 dark:bg-slate-700 dark:text-slate-100 dark:ring-slate-400/30">Velo</span>
                        <span class="inline-flex items-center rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10 dark:bg-slate-700 dark:text-slate-100 dark:ring-slate-400/30">E-Bike</span>
                        <span class="inline-flex items-center rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10 dark:bg-slate-700 dark:text-slate-100 dark:ring-slate-400/30">Workout</span>
        </div>
    <div class="mt-2 isolate flex -space-x-1 overflow-hidden items-center">
                <img
    class="relative z-[4] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%238b5cf6&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EHZ%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/9582266/2902336/2/large.jpg"    loading="lazy"
    data-controller="avatar"
    >
            <img
    class="relative z-[3] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%23ec4899&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3ESZ%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/44219118/14767181/1/large.jpg"    loading="lazy"
    data-controller="avatar"
    >
            <img
    class="relative z-[2] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%238b5cf6&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EJS%3C/text%3E%3C/svg%3E"
        loading="lazy"
    data-controller="avatar"
    >
            <img
    class="relative z-[1] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%2314b8a6&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EHV%3C/text%3E%3C/svg%3E"
        loading="lazy"
    data-controller="avatar"
    >
    
            <div class="pl-2 text-sm text-gray-500 dark:text-slate-300">
        <a href="/tour/alpenbrevet-2024/starter">
        1728 Teilnehmende
        </a>
    </div>
    </div>
</article>
                <article class="group relative flex flex-col">
    <a href="/tour/tdu-2024" class="block focus:outline-none focus-visible:ring-2 focus-visible:ring-laceup-blue-500 focus-visible:ring-offset-2 rounded-xl">
        <div class="relative aspect-[4/3] w-full overflow-hidden rounded-xl bg-gray-200 shadow-sm ring-1 ring-black/5 dark:bg-slate-800 dark:ring-white/10">
            <img
                src="https://static.laceup.ch/backgrounds/Running1.jpg"
                alt=""
                loading="lazy"
                onerror="this.onerror=null; this.src='https://static.laceup.ch/backgrounds/Running1.jpg'"
                class="h-full w-full object-cover object-center transition duration-300 group-hover:scale-[1.03]"
            >
            <div class="pointer-events-none absolute inset-x-0 bottom-0 h-1/2 bg-gradient-to-t from-black/60 to-transparent"></div>

            <div class="absolute left-3 top-3 flex flex-wrap gap-1.5">
                                            </div>

                    </div>

        <h3 class="mt-4 font-display text-lg font-semibold leading-snug text-gray-900 group-hover:text-laceup-blue-600 dark:text-slate-100 dark:group-hover:text-laceup-blue-400">Tour d&#039;Uetli 2024</h3>
    </a>
        <p class="flex items-center mt-1 text-sm text-gray-500"><svg class="w-3 h-3 mr-2 stroke-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /></svg>
19.04.2024&ndash;26.05.2024</p>
    <div class="mt-2 isolate flex space-x-1 overflow-hidden items-center text-sm text-gray-500">
                    <span class="inline-flex items-center rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10 dark:bg-slate-700 dark:text-slate-100 dark:ring-slate-400/30">Laufen</span>
                        <span class="inline-flex items-center rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10 dark:bg-slate-700 dark:text-slate-100 dark:ring-slate-400/30">Wandern</span>
                        <span class="inline-flex items-center rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10 dark:bg-slate-700 dark:text-slate-100 dark:ring-slate-400/30">Spazieren</span>
                        <span class="inline-flex items-center rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10 dark:bg-slate-700 dark:text-slate-100 dark:ring-slate-400/30">Workout</span>
        </div>
    <div class="mt-2 isolate flex -space-x-1 overflow-hidden items-center">
                <img
    class="relative z-[4] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%23f43f5e&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EYN%3C/text%3E%3C/svg%3E"
    data-src="https://lh3.googleusercontent.com/a/ACg8ocKzJtYJHTpz2bQk_sQPN2BBlzhT1SirXOll8AVAi0OjaiA3enZDew=s96-c"    loading="lazy"
    data-controller="avatar"
    >
            <img
    class="relative z-[3] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%2314b8a6&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EDR%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/15783324/4876830/1/large.jpg"    loading="lazy"
    data-controller="avatar"
    >
            <img
    class="relative z-[2] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%2322c55e&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EAZ%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/2012716/21775129/1/large.jpg"    loading="lazy"
    data-controller="avatar"
    >
            <img
    class="relative z-[1] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%23ec4899&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EPS%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/46414954/39583669/4/large.jpg"    loading="lazy"
    data-controller="avatar"
    >
    
            <div class="pl-2 text-sm text-gray-500 dark:text-slate-300">
        <a href="/tour/tdu-2024/starter">
        325 Teilnehmende
        </a>
    </div>
    </div>
</article>
                <article class="group relative flex flex-col">
    <a href="/tour/velocup-2024" class="block focus:outline-none focus-visible:ring-2 focus-visible:ring-laceup-blue-500 focus-visible:ring-offset-2 rounded-xl">
        <div class="relative aspect-[4/3] w-full overflow-hidden rounded-xl bg-gray-200 shadow-sm ring-1 ring-black/5 dark:bg-slate-800 dark:ring-white/10">
            <img
                src="https://uploads-ssl.webflow.com/64073cbe625e422e738a7584/640b2b3daabefe91502f7404_FOTO-NET_6469-ZM2003%20Large.jpeg"
                alt=""
                loading="lazy"
                onerror="this.onerror=null; this.src='https://static.laceup.ch/backgrounds/Running1.jpg'"
                class="h-full w-full object-cover object-center transition duration-300 group-hover:scale-[1.03]"
            >
            <div class="pointer-events-none absolute inset-x-0 bottom-0 h-1/2 bg-gradient-to-t from-black/60 to-transparent"></div>

            <div class="absolute left-3 top-3 flex flex-wrap gap-1.5">
                                            </div>

                    </div>

        <h3 class="mt-4 font-display text-lg font-semibold leading-snug text-gray-900 group-hover:text-laceup-blue-600 dark:text-slate-100 dark:group-hover:text-laceup-blue-400">Züri Velo Cup 2024</h3>
    </a>
        <p class="flex items-center mt-1 text-sm text-gray-500"><svg class="w-3 h-3 mr-2 stroke-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /></svg>
18.03.2024&ndash;26.11.2024</p>
    <div class="mt-2 isolate flex space-x-1 overflow-hidden items-center text-sm text-gray-500">
                    <span class="inline-flex items-center rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10 dark:bg-slate-700 dark:text-slate-100 dark:ring-slate-400/30">Velo</span>
                        <span class="inline-flex items-center rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10 dark:bg-slate-700 dark:text-slate-100 dark:ring-slate-400/30">E-Bike</span>
                        <span class="inline-flex items-center rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10 dark:bg-slate-700 dark:text-slate-100 dark:ring-slate-400/30">Workout</span>
        </div>
    <div class="mt-2 isolate flex -space-x-1 overflow-hidden items-center">
                <img
    class="relative z-[4] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%2314b8a6&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EYV%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/47802759/13298896/3/large.jpg"    loading="lazy"
    data-controller="avatar"
    >
            <img
    class="relative z-[3] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%23ec4899&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EIB%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/12289022/3704474/1/large.jpg"    loading="lazy"
    data-controller="avatar"
    >
            <img
    class="relative z-[2] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%2322c55e&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EIR%3C/text%3E%3C/svg%3E"
    data-src="https://graph.facebook.com/10155121943593757/picture?height=256&amp;width=256"    loading="lazy"
    data-controller="avatar"
    >
            <img
    class="relative z-[1] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%238b5cf6&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EJK%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/43859542/12418269/4/large.jpg"    loading="lazy"
    data-controller="avatar"
    >
    
            <div class="pl-2 text-sm text-gray-500 dark:text-slate-300">
        <a href="/tour/velocup-2024/starter">
        1648 Teilnehmende
        </a>
    </div>
    </div>
</article>
                <article class="group relative flex flex-col">
    <a href="/tour/loipa-safari" class="block focus:outline-none focus-visible:ring-2 focus-visible:ring-laceup-blue-500 focus-visible:ring-offset-2 rounded-xl">
        <div class="relative aspect-[4/3] w-full overflow-hidden rounded-xl bg-gray-200 shadow-sm ring-1 ring-black/5 dark:bg-slate-800 dark:ring-white/10">
            <img
                src="https://uploads-ssl.webflow.com/65049bd5847c3e233c1f074b/650da657fb0f88e3a754cbc7_ClassicRoseg_06_byFilipZuan.jpg"
                alt=""
                loading="lazy"
                onerror="this.onerror=null; this.src='https://static.laceup.ch/backgrounds/Running1.jpg'"
                class="h-full w-full object-cover object-center transition duration-300 group-hover:scale-[1.03]"
            >
            <div class="pointer-events-none absolute inset-x-0 bottom-0 h-1/2 bg-gradient-to-t from-black/60 to-transparent"></div>

            <div class="absolute left-3 top-3 flex flex-wrap gap-1.5">
                                            </div>

                    </div>

        <h3 class="mt-4 font-display text-lg font-semibold leading-snug text-gray-900 group-hover:text-laceup-blue-600 dark:text-slate-100 dark:group-hover:text-laceup-blue-400">Loipa-Safari Graubünda</h3>
    </a>
        <p class="flex items-center mt-1 text-sm text-gray-500"><svg class="w-3 h-3 mr-2 stroke-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /></svg>
15.11.2023&ndash;31.03.2024</p>
    <div class="mt-2 isolate flex space-x-1 overflow-hidden items-center text-sm text-gray-500">
                    <span class="inline-flex items-center rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10 dark:bg-slate-700 dark:text-slate-100 dark:ring-slate-400/30">Langlauf</span>
                        <span class="inline-flex items-center rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10 dark:bg-slate-700 dark:text-slate-100 dark:ring-slate-400/30">Workout</span>
                        <span class="inline-flex items-center rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10 dark:bg-slate-700 dark:text-slate-100 dark:ring-slate-400/30">Wandern</span>
                        <span class="inline-flex items-center rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10 dark:bg-slate-700 dark:text-slate-100 dark:ring-slate-400/30">Velo</span>
                        <span class="inline-flex items-center rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10 dark:bg-slate-700 dark:text-slate-100 dark:ring-slate-400/30">Laufen</span>
        </div>
    <div class="mt-2 isolate flex -space-x-1 overflow-hidden items-center">
                <img
    class="relative z-[4] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%23f43f5e&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EAZ%3C/text%3E%3C/svg%3E"
        loading="lazy"
    data-controller="avatar"
    >
            <img
    class="relative z-[3] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%23ec4899&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3ELV%3C/text%3E%3C/svg%3E"
        loading="lazy"
    data-controller="avatar"
    >
            <img
    class="relative z-[2] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%236366f1&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EAT%3C/text%3E%3C/svg%3E"
        loading="lazy"
    data-controller="avatar"
    >
            <img
    class="relative z-[1] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%2322c55e&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EMH%3C/text%3E%3C/svg%3E"
        loading="lazy"
    data-controller="avatar"
    >
    
            <div class="pl-2 text-sm text-gray-500 dark:text-slate-300">
        <a href="/tour/loipa-safari/starter">
        998 Teilnehmende
        </a>
    </div>
    </div>
</article>
                <article class="group relative flex flex-col">
    <a href="/tour/octopus-competition-2023" class="block focus:outline-none focus-visible:ring-2 focus-visible:ring-laceup-blue-500 focus-visible:ring-offset-2 rounded-xl">
        <div class="relative aspect-[4/3] w-full overflow-hidden rounded-xl bg-gray-200 shadow-sm ring-1 ring-black/5 dark:bg-slate-800 dark:ring-white/10">
            <img
                src="https://static.laceup.ch/backgrounds/OctopusGravelCompetition.jpg"
                alt=""
                loading="lazy"
                onerror="this.onerror=null; this.src='https://static.laceup.ch/backgrounds/Running1.jpg'"
                class="h-full w-full object-cover object-center transition duration-300 group-hover:scale-[1.03]"
            >
            <div class="pointer-events-none absolute inset-x-0 bottom-0 h-1/2 bg-gradient-to-t from-black/60 to-transparent"></div>

            <div class="absolute left-3 top-3 flex flex-wrap gap-1.5">
                                            </div>

                    </div>

        <h3 class="mt-4 font-display text-lg font-semibold leading-snug text-gray-900 group-hover:text-laceup-blue-600 dark:text-slate-100 dark:group-hover:text-laceup-blue-400">Octopus Gravel - Competition</h3>
    </a>
        <p class="flex items-center mt-1 text-sm text-gray-500"><svg class="w-3 h-3 mr-2 stroke-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /></svg>
01.07.2023</p>
    <div class="mt-2 isolate flex space-x-1 overflow-hidden items-center text-sm text-gray-500">
                    <span class="inline-flex items-center rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10 dark:bg-slate-700 dark:text-slate-100 dark:ring-slate-400/30">Velo</span>
        </div>
    <div class="mt-2 isolate flex -space-x-1 overflow-hidden items-center">
                <img
    class="relative z-[4] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%23ec4899&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EDW%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/42246507/16703451/2/large.jpg"    loading="lazy"
    data-controller="avatar"
    >
            <img
    class="relative z-[3] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%2322c55e&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EYH%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/487353/5142848/9/large.jpg"    loading="lazy"
    data-controller="avatar"
    >
            <img
    class="relative z-[2] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%23f43f5e&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EYW%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/13127184/7634091/13/large.jpg"    loading="lazy"
    data-controller="avatar"
    >
            <img
    class="relative z-[1] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%23f43f5e&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3E?%3C/text%3E%3C/svg%3E"
        loading="lazy"
    data-controller="avatar"
    >
    
            <div class="pl-2 text-sm text-gray-500 dark:text-slate-300">
        <a href="/tour/octopus-competition-2023/starter">
        250 Teilnehmende
        </a>
    </div>
    </div>
</article>
                <article class="group relative flex flex-col">
    <a href="/tour/octopus-climbs-2023" class="block focus:outline-none focus-visible:ring-2 focus-visible:ring-laceup-blue-500 focus-visible:ring-offset-2 rounded-xl">
        <div class="relative aspect-[4/3] w-full overflow-hidden rounded-xl bg-gray-200 shadow-sm ring-1 ring-black/5 dark:bg-slate-800 dark:ring-white/10">
            <img
                src="https://static.laceup.ch/backgrounds/OctopusGravelClimbCounterv2.jpg"
                alt=""
                loading="lazy"
                onerror="this.onerror=null; this.src='https://static.laceup.ch/backgrounds/Running1.jpg'"
                class="h-full w-full object-cover object-center transition duration-300 group-hover:scale-[1.03]"
            >
            <div class="pointer-events-none absolute inset-x-0 bottom-0 h-1/2 bg-gradient-to-t from-black/60 to-transparent"></div>

            <div class="absolute left-3 top-3 flex flex-wrap gap-1.5">
                                            </div>

                    </div>

        <h3 class="mt-4 font-display text-lg font-semibold leading-snug text-gray-900 group-hover:text-laceup-blue-600 dark:text-slate-100 dark:group-hover:text-laceup-blue-400">Octopus Gravel - Climb counter</h3>
    </a>
        <p class="flex items-center mt-1 text-sm text-gray-500"><svg class="w-3 h-3 mr-2 stroke-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /></svg>
01.07.2023</p>
    <div class="mt-2 isolate flex space-x-1 overflow-hidden items-center text-sm text-gray-500">
                    <span class="inline-flex items-center rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10 dark:bg-slate-700 dark:text-slate-100 dark:ring-slate-400/30">Velo</span>
        </div>
    <div class="mt-2 isolate flex -space-x-1 overflow-hidden items-center">
                <img
    class="relative z-[4] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%23eab308&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EVM%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/3312024/23709219/5/large.jpg"    loading="lazy"
    data-controller="avatar"
    >
            <img
    class="relative z-[3] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%23f43f5e&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EWN%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/22456871/9206144/23/large.jpg"    loading="lazy"
    data-controller="avatar"
    >
            <img
    class="relative z-[2] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%2314b8a6&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EDW%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/42246507/16703451/2/large.jpg"    loading="lazy"
    data-controller="avatar"
    >
            <img
    class="relative z-[1] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%236366f1&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EYW%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/13127184/7634091/13/large.jpg"    loading="lazy"
    data-controller="avatar"
    >
    
            <div class="pl-2 text-sm text-gray-500 dark:text-slate-300">
        <a href="/tour/octopus-climbs-2023/starter">
        238 Teilnehmende
        </a>
    </div>
    </div>
</article>
                <article class="group relative flex flex-col">
    <a href="/tour/bikestar-davos-2023" class="block focus:outline-none focus-visible:ring-2 focus-visible:ring-laceup-blue-500 focus-visible:ring-offset-2 rounded-xl">
        <div class="relative aspect-[4/3] w-full overflow-hidden rounded-xl bg-gray-200 shadow-sm ring-1 ring-black/5 dark:bg-slate-800 dark:ring-white/10">
            <img
                src="https://uploads-ssl.webflow.com/607c2cfdc657cf09e1499b69/6274fb42e306677b96db4e06_BikestarCoverw1000.jpg"
                alt=""
                loading="lazy"
                onerror="this.onerror=null; this.src='https://static.laceup.ch/backgrounds/Running1.jpg'"
                class="h-full w-full object-cover object-center transition duration-300 group-hover:scale-[1.03]"
            >
            <div class="pointer-events-none absolute inset-x-0 bottom-0 h-1/2 bg-gradient-to-t from-black/60 to-transparent"></div>

            <div class="absolute left-3 top-3 flex flex-wrap gap-1.5">
                                            </div>

                    </div>

        <h3 class="mt-4 font-display text-lg font-semibold leading-snug text-gray-900 group-hover:text-laceup-blue-600 dark:text-slate-100 dark:group-hover:text-laceup-blue-400">#Bikestar 2023</h3>
    </a>
        <p class="flex items-center mt-1 text-sm text-gray-500"><svg class="w-3 h-3 mr-2 stroke-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /></svg>
23.06.2023&ndash;23.10.2023</p>
    <div class="mt-2 isolate flex space-x-1 overflow-hidden items-center text-sm text-gray-500">
                    <span class="inline-flex items-center rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10 dark:bg-slate-700 dark:text-slate-100 dark:ring-slate-400/30">Velo</span>
                        <span class="inline-flex items-center rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10 dark:bg-slate-700 dark:text-slate-100 dark:ring-slate-400/30">E-Bike</span>
        </div>
    <div class="mt-2 isolate flex -space-x-1 overflow-hidden items-center">
                <img
    class="relative z-[4] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%2322c55e&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EJS%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/1926422/788924/5/large.jpg"    loading="lazy"
    data-controller="avatar"
    >
            <img
    class="relative z-[3] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%2314b8a6&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EMW%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/22780119/9494726/3/large.jpg"    loading="lazy"
    data-controller="avatar"
    >
            <img
    class="relative z-[2] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%2306b6d4&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3E?%3C/text%3E%3C/svg%3E"
        loading="lazy"
    data-controller="avatar"
    >
            <img
    class="relative z-[1] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%2322c55e&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3E?%3C/text%3E%3C/svg%3E"
        loading="lazy"
    data-controller="avatar"
    >
    
            <div class="pl-2 text-sm text-gray-500 dark:text-slate-300">
        <a href="/tour/bikestar-davos-2023/starter">
        22 Teilnehmende
        </a>
    </div>
    </div>
</article>
                <article class="group relative flex flex-col">
    <a href="/tour/cdb-2023" class="block focus:outline-none focus-visible:ring-2 focus-visible:ring-laceup-blue-500 focus-visible:ring-offset-2 rounded-xl">
        <div class="relative aspect-[4/3] w-full overflow-hidden rounded-xl bg-gray-200 shadow-sm ring-1 ring-black/5 dark:bg-slate-800 dark:ring-white/10">
            <img
                src="https://uploads-ssl.webflow.com/6225c41a3e6ae30b84ae5d06/62839856f06d20e9a3e8eeb7_20220510_DiscoCycle_LCdB_lucagoesto.ch%20(54%20von%2059)%20(2).jpg"
                alt=""
                loading="lazy"
                onerror="this.onerror=null; this.src='https://static.laceup.ch/backgrounds/Running1.jpg'"
                class="h-full w-full object-cover object-center transition duration-300 group-hover:scale-[1.03]"
            >
            <div class="pointer-events-none absolute inset-x-0 bottom-0 h-1/2 bg-gradient-to-t from-black/60 to-transparent"></div>

            <div class="absolute left-3 top-3 flex flex-wrap gap-1.5">
                                            </div>

                    </div>

        <h3 class="mt-4 font-display text-lg font-semibold leading-snug text-gray-900 group-hover:text-laceup-blue-600 dark:text-slate-100 dark:group-hover:text-laceup-blue-400">Les Cols de Berne</h3>
    </a>
        <p class="flex items-center mt-1 text-sm text-gray-500"><svg class="w-3 h-3 mr-2 stroke-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /></svg>
09.06.2023&ndash;09.07.2023</p>
    <div class="mt-2 isolate flex space-x-1 overflow-hidden items-center text-sm text-gray-500">
                    <span class="inline-flex items-center rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10 dark:bg-slate-700 dark:text-slate-100 dark:ring-slate-400/30">Velo</span>
        </div>
    <div class="mt-2 isolate flex -space-x-1 overflow-hidden items-center">
                <img
    class="relative z-[4] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%236366f1&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EJZ%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/8801000/12774208/2/large.jpg"    loading="lazy"
    data-controller="avatar"
    >
            <img
    class="relative z-[3] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%236366f1&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EDZ%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/4495938/13761237/45/large.jpg"    loading="lazy"
    data-controller="avatar"
    >
            <img
    class="relative z-[2] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%23eab308&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EST%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/52526964/14025457/5/large.jpg"    loading="lazy"
    data-controller="avatar"
    >
            <img
    class="relative z-[1] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%2322c55e&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3ERA%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/18136749/23535573/2/large.jpg"    loading="lazy"
    data-controller="avatar"
    >
    
            <div class="pl-2 text-sm text-gray-500 dark:text-slate-300">
        <a href="/tour/cdb-2023/starter">
        214 Teilnehmende
        </a>
    </div>
    </div>
</article>
                <article class="group relative flex flex-col">
    <a href="/tour/cdz-2023" class="block focus:outline-none focus-visible:ring-2 focus-visible:ring-laceup-blue-500 focus-visible:ring-offset-2 rounded-xl">
        <div class="relative aspect-[4/3] w-full overflow-hidden rounded-xl bg-gray-200 shadow-sm ring-1 ring-black/5 dark:bg-slate-800 dark:ring-white/10">
            <img
                src="https://uploads-ssl.webflow.com/5f4fc68921b428bcdb77a3ba/6290a1b870ce4af293d5c91a_CdZH2022-Hirzel-5-1200px.jpg"
                alt=""
                loading="lazy"
                onerror="this.onerror=null; this.src='https://static.laceup.ch/backgrounds/Running1.jpg'"
                class="h-full w-full object-cover object-center transition duration-300 group-hover:scale-[1.03]"
            >
            <div class="pointer-events-none absolute inset-x-0 bottom-0 h-1/2 bg-gradient-to-t from-black/60 to-transparent"></div>

            <div class="absolute left-3 top-3 flex flex-wrap gap-1.5">
                                            </div>

                    </div>

        <h3 class="mt-4 font-display text-lg font-semibold leading-snug text-gray-900 group-hover:text-laceup-blue-600 dark:text-slate-100 dark:group-hover:text-laceup-blue-400">Les Cols de Zurich</h3>
    </a>
        <p class="flex items-center mt-1 text-sm text-gray-500"><svg class="w-3 h-3 mr-2 stroke-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /></svg>
09.06.2023&ndash;09.07.2023</p>
    <div class="mt-2 isolate flex space-x-1 overflow-hidden items-center text-sm text-gray-500">
                    <span class="inline-flex items-center rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10 dark:bg-slate-700 dark:text-slate-100 dark:ring-slate-400/30">Velo</span>
        </div>
    <div class="mt-2 isolate flex -space-x-1 overflow-hidden items-center">
                <img
    class="relative z-[4] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%23f43f5e&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EJD%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/27161964/7935402/1/large.jpg"    loading="lazy"
    data-controller="avatar"
    >
            <img
    class="relative z-[3] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%23f43f5e&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3EPW%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/18947964/25577410/1/large.jpg"    loading="lazy"
    data-controller="avatar"
    >
            <img
    class="relative z-[2] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%2322c55e&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3ESC%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/51063087/20819540/19/large.jpg"    loading="lazy"
    data-controller="avatar"
    >
            <img
    class="relative z-[1] inline-block h-6 w-6 rounded-full ring-2 ring-white dark:ring-slate-900 bg-gray-50"
    src="data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 64 64&#039;%3E%3Ccircle cx=&#039;32&#039; cy=&#039;32&#039; r=&#039;32&#039; fill=&#039;%230ea5e9&#039;/%3E%3Ctext x=&#039;32&#039; y=&#039;32&#039; text-anchor=&#039;middle&#039; dy=&#039;.35em&#039; fill=&#039;white&#039; font-family=&#039;system-ui,sans-serif&#039; font-size=&#039;24&#039; font-weight=&#039;600&#039;%3ERF%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/2812893/892307/3/large.jpg"    loading="lazy"
    data-controller="avatar"
    >
    
            <div class="pl-2 text-sm text-gray-500 dark:text-slate-300">
        <a href="/tour/cdz-2023/starter">
        384 Teilnehmende
        </a>
    </div>
    </div>
</article>
            </template>
</turbo-stream>

<turbo-stream action="replace" target="tour-list-lazyloader">
    <template>
        <div id="tour-list-lazyloader" data-controller="lazy-load">
        <a
        href="/tours?page=4"
        data-turbo-stream
        data-turbo-prefetch="false"
        data-lazy-load-target="link"
        class="hidden"
        aria-hidden="true"
        tabindex="-1"
    ></a>
    <div data-lazy-load-target="sentinel" class="mt-8 flex justify-center py-4" aria-hidden="true">
        <svg class="h-6 w-6 animate-spin text-gray-400 dark:text-slate-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
            <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
        </svg>
    </div>
    </div>
    </template>
</turbo-stream>
