<turbo-stream action="append" target="tour-list">
    <template>
                <article class="group relative flex flex-col">
    <a href="/tour/alpenbrevet-2025" 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>
01.05.2025&ndash;01.11.2025</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;%23f97316&#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;%3EJP%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/17686341/11327421/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;%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;%3EAB%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/49551054/30187978/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;%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;%3EAG%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;%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;%3EMB%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-2025/starter">
        1991 Teilnehmende
        </a>
    </div>
    </div>
</article>
                <article class="group relative flex flex-col">
    <a href="/tour/tdu-2025" 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 2025</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>
17.04.2025&ndash;19.05.2025</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;%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;%3EJJ%3C/text%3E%3C/svg%3E"
    data-src="https://graph.facebook.com/282448759987240/picture?height=256&amp;width=256"    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;%3EAH%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/28107717/8325635/2/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;%3EIF%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/108110776/31074807/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;%3EMK%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/tdu-2025/starter">
        463 Teilnehmende
        </a>
    </div>
    </div>
</article>
                <article class="group relative flex flex-col">
    <a href="/tour/tds-explorer-2025" 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://www.tourdesuisse.ch/wp-content/uploads/ST_3x2_Gstaad-e-Bike-Group_87464-1-2850x1604.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">TdS Explorer 2025</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>
14.04.2025&ndash;01.10.2025</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">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">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">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>
                        <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;%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/122639681/28169834/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;%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;%3EDZ%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/16906021/7394782/12/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;%23f97316&#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;%3EML%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/38334745/19193312/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;%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;%3EHZ%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/tds-explorer-2025/starter">
        652 Teilnehmende
        </a>
    </div>
    </div>
</article>
                <article class="group relative flex flex-col">
    <a href="/tour/lake-and-alps-2025" 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://irp.cdn-website.com/ecc3a452/dms3rep/multi/Lake-and-Alps-Bodensee-Panorama-add3f3b1.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">Lake and Alps Adventure</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.04.2025&ndash;31.10.2025</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;%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;%3EJW%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/8694190/2694770/7/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;%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;%3EP*%3C/text%3E%3C/svg%3E"
    data-src="https://nbg1.your-objectstorage.com/laceup-athletes/50x50/18600/img-6257-66cc372a184ee901066247.jpeg"    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;%3EMW%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;%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;%3EHB%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/lake-and-alps-2025/starter">
        125 Teilnehmende
        </a>
    </div>
    </div>
</article>
                <article class="group relative flex flex-col">
    <a href="/tour/ride4kids-2025" 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/Team124_Maloja_S4H_q70.webp"
                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">RIDE4KIDS 2025 - TEAM 124</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.03.2025&ndash;31.10.2025</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;%3EPK%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;%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;%3EAB%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;%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;%3EME%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;%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;%3EAR%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/1068262/256466/4/large.jpg"    loading="lazy"
    data-controller="avatar"
    >
    
            <div class="pl-2 text-sm text-gray-500 dark:text-slate-300">
        <a href="/tour/ride4kids-2025/starter">
        99 Teilnehmende
        </a>
    </div>
    </div>
</article>
                <article class="group relative flex flex-col">
    <a href="/tour/lake-and-alps-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://irp.cdn-website.com/ecc3a452/dms3rep/multi/Lake-and-Alps-Bodensee-Panorama-add3f3b1.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">Lake and Alps Trophy</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.06.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>
        </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;%3EP*%3C/text%3E%3C/svg%3E"
    data-src="https://nbg1.your-objectstorage.com/laceup-athletes/50x50/18600/img-6257-66cc372a184ee901066247.jpeg"    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;%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;%3EYP%3C/text%3E%3C/svg%3E"
    data-src="https://nbg1.your-objectstorage.com/laceup-athletes/50x50/18042/img-9755-66a604e879034511693412.jpeg"    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;%3EMZ%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/83487184/20071650/3/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;%3EZS%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/43414182/17439137/3/large.jpg"    loading="lazy"
    data-controller="avatar"
    >
    
            <div class="pl-2 text-sm text-gray-500 dark:text-slate-300">
        <a href="/tour/lake-and-alps-2024/starter">
        354 Teilnehmende
        </a>
    </div>
    </div>
</article>
                <article class="group relative flex flex-col">
    <a href="/tour/zuri-escape-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://a.storyblok.com/f/272629/3200x2134/f6a55b8a9c/zuri-escape-challenger-bg.png"
                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 Escape Challenge</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>
14.06.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>
        </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;%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;%3EJZ%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;%3EGV%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/17590059/19146841/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;%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;%3ERJ%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/4957070/3096009/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;%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;%3ELB%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/zuri-escape-2024/starter">
        341 Teilnehmende
        </a>
    </div>
    </div>
</article>
                <article class="group relative flex flex-col">
    <a href="/tour/cdz-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/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>
07.06.2024&ndash;07.07.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>
        </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;%3EIB%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/443288/3362937/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;%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;%3EKL%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/26452114/9683242/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;%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;%3EMZ%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;%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;%3ESZ%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/11424529/3460821/2/large.jpg"    loading="lazy"
    data-controller="avatar"
    >
    
            <div class="pl-2 text-sm text-gray-500 dark:text-slate-300">
        <a href="/tour/cdz-2024/starter">
        665 Teilnehmende
        </a>
    </div>
    </div>
</article>
                <article class="group relative flex flex-col">
    <a href="/tour/cdb-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/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>
07.06.2024&ndash;07.07.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>
        </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;%23f97316&#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;%3EYB%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/140064864/31842764/4/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;%3EYS%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/31658425/20147238/4/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;%3EYB%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;%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"
    >
    
            <div class="pl-2 text-sm text-gray-500 dark:text-slate-300">
        <a href="/tour/cdb-2024/starter">
        277 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=3"
        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>
